@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
/*------------------------inpreco titulo---------------------------------------------------------------------------*/
@font-face {
    font-family: campuspersonal;
    src: url('../fonts/campuspersonal.ttf') format("truetype");
}

@font-face {
    font-family: CODELight;
    src: url('../fonts/CODELight.otf') format("truetype");
}

@font-face {
    font-family: varsity_regular;
    src: url('../fonts/varsity_regular.ttf') format("truetype");
}

@font-face {
    font-family: i_tell;
    src: url('../fonts/I_tell_you_all_my_secrets.ttf') format("truetype");
}

@font-face {
    font-family: thinoo;
    src: url('../fonts/thinoothin.otf') format("truetype");
}

@font-face {
    font-family: Colleged;
    src: url('../fonts/Colleged.ttf') format("truetype");
}

@font-face {
    font-family: 'myriadpro-light';
    src: url('../fonts/myriadpro-light.otf') format('opentype');
}

@font-face {
    font-family: 'myriadpro-bold';
    src: url('../fonts/myriadpro-bold.otf') format('opentype');
}

@font-face {
    font-family: 'raleway-black';
    src: url('../fonts/raleway-black.ttf') format('truetype');
}

.gradient_blue {
    background: rgb(131,229,233);
    background: -moz-radial-gradient(circle, rgba(131,229,233,1) 0%, rgba(49,177,198,0.938813025210084) 76%, rgba(46,155,166,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(131,229,233,1) 0%, rgba(49,177,198,0.938813025210084) 76%, rgba(46,155,166,1) 100%);
    background: radial-gradient(circle, rgba(131,229,233,1) 0%, rgba(49,177,198,0.938813025210084) 76%, rgba(46,155,166,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#83e5e9",endColorstr="#2e9ba6",GradientType=1);
}

.gradient_red {
    background: rgb(230,68,104);
    background: -moz-radial-gradient(circle, rgba(230,68,104,1) 0%, rgba(190,57,57,1) 50%, rgba(172,10,35,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(230,68,104,1) 0%, rgba(190,57,57,1) 50%, rgba(172,10,35,1) 100%);
    background: radial-gradient(circle, rgba(230,68,104,1) 0%, rgba(190,57,57,1) 50%, rgba(172,10,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e64468",endColorstr="#ac0a23",GradientType=1);
}

.gradient_black {
    background-image: linear-gradient(to right bottom, #023939, #003137, #002933, #00212e, #031927, #031622, #02121e, #000d19, #000e16, #000d12, #000c0e, #020b0a);
}

ul {
    top: 80px;
    list-style: none;
    text-decoration: none;
}

li {
    list-style: none;
    padding: 6px;
    text-decoration: none;
}
.modulo_1 {
    display: grid;
    width: 100%;
    text-align: center;
    min-height: 50vh;
    line-height: 100px;
    font-family: 'Times New Roman';
    font-size: clamp(0.7rem, 0.7rem + 9vw, 7rem);
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgba(55, 50, 50, 0.01);
}

.modulo_2 {
    display: grid;
    width: 100%;
    text-align: center;
    min-height: 50vh;
    line-height: 100px;
    font-family: 'Times New Roman';
    font-size: clamp(0.7rem, 0.7rem + 9vw, 7rem);
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgba(55, 50, 50, 0.01);
}

.category_font {
    font-family: varsity_regular;
    font-size: clamp(3.8rem, 3.3rem + 2vw, 2rem);
    text-transform: uppercase;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.font_raleway {
    color: #154160;
    font-family: raleway-black;
    text-align: center;
    padding: 8px;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.font_myriadpro {
    color: #154160;
    font-family: myriadpro-bold;
    text-align: center;
    padding: 8px;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.font_college {
    color: #154160;
    font-family: varsity_regular;
    text-align: center;
    text-transform: uppercase;
    padding: 8px;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.font_thinoo {
    color: #154160;
    font-family: thinoo;
    text-align: center;
    padding: 8px;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.font_i_tell {
    color: #154160;
    font-family: i_tell;
    text-align: center;
    padding: 8px;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.font_CODELight {
    color: #154160;
    font-family: CODELight;
    text-align: center;
    padding: 8px;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.category {
    color: #154160;
    font-family: varsity_regular;
    text-align: center;
    font-size: calc(3.8rem + 2vw);
    text-transform: uppercase;
    border: 1px solid #354160;
    border-radius: 8px;
    padding: 0px 20px 0px 20px;
    background-color: #ffffffc6;
    box-shadow: 3px 1px 2px rgba(55, 50, 50, 0.01);
}

.information_ab {
    background: rgb(208,52,210);
    background: -moz-radial-gradient(circle, rgba(208,52,210,1) 0%, rgba(147,29,136,0.938813025210084) 26%, rgba(91,7,59,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(208,52,210,1) 0%, rgba(147,29,136,0.938813025210084) 26%, rgba(91,7,59,1) 100%);
    background: radial-gradient(circle, rgba(208,52,210,1) 0%, rgba(147,29,136,0.938813025210084) 26%, rgba(91,7,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d034d2",endColorstr="#5b073b",GradientType=1);
}

.titulo_light {
    font-family: thinoo;
    font-size: clamp(1.0rem, 1.0rem + 13vw, 10rem);
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px rgba(40, 40, 40, 0.71);
    color: #ffffff;
}

.gradient-text {
    background-image: linear-gradient(to right, #FEAC5E, #C779D0,#4bc0c8);
    -webkit-mask: contain;
    color: transparent;
    color: #e21d41;
}

.subtitulo_light {
    font-family: CODELight;
    font-size: clamp(0.3rem, 0.3rem + 7vw, 3rem);
    text-transform: uppercase;
    --ext-shadow: 1px 0px 1px rgba(40, 40, 40, 0.71);
    color: #ffffff;
}

.subtitulo {
    font-family: varsity_regular;
    font-size: clamp(0.3rem, 0.3rem + 7vw, 3rem);
    text-transform: uppercase;
    text-shadow: 2px 1px 2px rgba(40, 40, 40, 0.71);
    color: #ffffff;
}

.number_infor {
    font-family: varsity_regular;
    font-size: 5rem;
    text-transform: uppercase;
    text-shadow: 2px 1px 2px rgba(40, 40, 40, 0.71);
    color: #ffffff;
    line-height:3rem;
}

.inlume {
    background: #CF59B3;
    background: linear-gradient(to left, #CF59B3 0%, #FF919C 50%, #FF1717 50%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.light {
    text-transform: uppercase;
    font-size: inherit;
    line-height: inherit;
    font-family: var(--thegem-to-light-title-font-family);
    font-style: var(--thegem-to-light-title-font-style);
    font-weight: 400;
    font-size: 89.5%;
    font-family: 'Montserrat UltraLight';
}
.components-cursos-list:after, .components-mosaico-dots > :after, .fiap-2018-unidades-list:after, .graduacao-curso-matriz-ano-content-wrapper2:after, .graduacao-menu-novidades-content:after, .mba-curso-informacoes-columns:after, .mba-curso-matriz-modulo-content-wrapper2:after, .mba-curso-matriz-trilha-content-wrapper2:after, .shared-contato-unidades:after, .wrapper2-midia:after, .wrapper2:after {
    content: "";
    display: table;
    clear: both
}

.shared-startup-text-title {
    color: #91a3ad;
    font: 18px/30px Gotham HTF Medium;
    letter-spacing: .5px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.graduacao-curso-corpo-content, .graduacao-extensoes-desc, .graduacao-financiamento-description, .graduacao-financiamento-fies-description, .graduacao-financiamento-informacoes-text, .graduacao-financiamento-list-item, .graduacao-labs-description, .mba-curso-corpo-desc, .MBA-ensino-inscricoes-abertas__box-description, .ON-ensino-como-funciona__box-description, .ON-MBA-inscricoes-abertas__box-description, .online-como-funciona-box-description, .shared-startup-text {
    font: 16px/26px Roboto;
    color: #616d72;
    letter-spacing: .5px
}

.graduacao-challenges-close, .graduacao-labs-slider-close {
    color: #ed145b;
    cursor: pointer;
    font: 12px Roboto;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-decoration: underline;
    outline: none
}

.webp-supported .background-gradient {
    background-image: url(../images/data-storage.jpg)
}

.no-webp .background-gradient {
    background-image: url(../images/data-storage.jpg)
}

.text-bold-black {
    font-family: Gotham HTF Black;
    font-weight: 400
}

.text-bold {
    font-family: Gotham HTF Bold;
    font-weight: 400
}

.text-medium {
    font-family: Gotham HTF Medium;
    font-weight: 400
}

.text-book {
    font-family: Gotham HTF Book;
    font-weight: 400
}

.text-light {
    font-family: Gotham HTF Light;
    font-weight: 400
}

.text-magenta {
    color: #ed145b
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-upper {
    text-transform: uppercase
}

.text-lower {
    text-transform: lowercase
}

.wrapper2, .wrapper2-midia {
    margin: auto;
    max-width: 1200px;
    position: relative;
    width: 90%;
    z-index: 3
}

.br-mobile, .br-tablet {
    display: none
}

.line {
    display: inline-block
}

.js-lazyload, .js-lazyloading {
    opacity: 0 !important
}

.js-lazyloaded {
    opacity: 1;
    transition: opacity .4s
}

.clearfix {
    display: table;
    clear: both
}

.background-gradient {
    background: top repeat-y;
    background-size: contain;
    position: relative
}

.background-gradient-home-mba:before {
    content: "";
    background: url(../images/mba/header/bg-desktop.jpg) top no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.background-gradient-home-graduacao:before {
    content: "";
    background: url(../images/graduacao/header/bg-desktop.png) top no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.background-gradient-home-online:before {
    content: "";
    background: url(../images/online/vitrine/bg-vitrine1.png) top no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal-manutencao-background {
    background: rgba(0,0,0,.75);
    bottom: 0;
    color: #000;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .4s;
    visibility: hidden;
    z-index: 99999999
}

.modal-manutencao-wrapper2 {
    background: #fff;
    box-shadow: 0 0 50px rgba(0,0,0,.25);
    display: table;
    left: 50%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%
}

.modal-manutencao-content {
    color: #000;
    display: table-cell;
    font-size: 14px;
    padding: 15px;
    position: relative;
    vertical-align: middle
}

.modal-manutencao-titulo {
    color: #000;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
}

.modal-manutencao-fechar {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -25px
}

.clear-fix {
    clear: both
}
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

*, :after, :before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit
}


code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

progress {
    vertical-align: baseline
}

small, sub, sup {
    font-size: 83.3333%
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

::selection {
    background-color: #ed145b;
    color: #fff;
    text-shadow: none
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

img {
    border-style: none;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}


button, input, select, textarea {
    border-radius: 0;
    background-color: transparent;
    border-style: none;
    color: inherit;
    font-size: 1em;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox], [type=radio] {
    padding: 0
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-cancel-button, ::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

[tabindex], a, area, button, input, label, select, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden][aria-hidden=false] {
    clip: rect(0,0,0,0);
    display: inherit;
    position: absolute
}

    [hidden][aria-hidden=false]:focus {
        clip: auto
    }
body {
    margin: 0;
    padding: 0;
    }

/*body::-webkit-scrollbar {
    background: linear-gradient(30deg, #00adc9 40%, #00e0ce 60%);
}
    body::-webkit-scrollbar {
        background: linear-gradient(30deg, #169ab0 40%, #0eb2a5 60%);
    }

body::-webkit-scrollbar-track {
    border-radius: 5px
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
}
    */
    .graduacao-menu-novidades {
    background-color: #212528;
    border-bottom: 1px solid hsla(0,0%,100%,.08);
    height: 60px;
    width: 100%
}

    .graduacao-menu-novidades.is-active .graduacao-menu-novidades-faixa {
        border-bottom: 1px solid #2b2f34
    }

.graduacao-menu-novidades-header {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    -ms-flex-pack: center;
    justify-content: center
}

.graduacao-menu-novidades-header-title {
    color: #ed145b;
    font: 16px/18px Gotham HTF Medium;
    letter-spacing: 1px;
    margin-right: 25px;
    padding-right: 25px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

    .graduacao-menu-novidades-header-title:after {
        background-color: #616d72;
        content: "";
        display: block;
        height: 30px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }

.graduacao-menu-novidades-header-desc {
    color: #91a3ad;
    font: 11px/18px Gotham HTF Book;
    letter-spacing: 1px;
    text-transform: uppercase
}

.graduacao-menu-novidades-header-open {
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font: 10px Gotham HTF Bold;
    height: 30px;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    margin-left: 30px;
    max-width: 125px;
    width: 100%;
    text-transform: uppercase;
    transition: all .5s ease
}

.menu-alerta-saiba-antes .graduacao-menu-novidades-header-open {
    display: -ms-flexbox;
    display: flex;
    height: 32px
}

.graduacao-menu-novidades-header-open:hover {
    background-color: #ed145b;
    color: #000
}

.graduacao-menu-novidades.is-active .graduacao-menu-novidades-header-open {
    opacity: 0;
    visibility: hidden
}

.graduacao-menu-novidades-header-close {
    color: #ed145b;
    cursor: pointer;
    display: block;
    font: 11px/58px Gotham HTF Medium;
    height: 58px;
    letter-spacing: .8px;
    opacity: 0;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s;
    visibility: hidden
}

.graduacao-menu-novidades.is-active .graduacao-menu-novidades-header-close {
    opacity: 1;
    visibility: visible
}

.graduacao-menu-novidades-header-icon {
    display: inline-block;
    height: 20px;
    margin-right: 0;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    width: 20px
}

    .graduacao-menu-novidades-header-icon:after, .graduacao-menu-novidades-header-icon:before {
        background: #ed145b;
        content: "";
        display: block;
        height: 55%;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 2px
    }

    .graduacao-menu-novidades-header-icon:after {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .graduacao-menu-novidades-header-icon:before {
        transform: translate(-50%,-50%) rotate(-45deg)
    }

.graduacao-menu-novidades-content {
    background: #212528;
    color: #91a3ad;
    font: 12px Gotham HTF Book;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .4s ease,padding .4s ease
}

.graduacao-menu-novidades.is-active .graduacao-menu-novidades-content {
    max-height: 225px;
    padding: 30px 0;
    position: relative;
    z-index: 11
}

.graduacao-menu-novidades-text {
    color: #91a3ad;
    font: 13px/18px Gotham HTF Book
}

.graduacao-menu-novidades-label {
    color: #616d72;
    display: block;
    font: 11px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 0 0 5px 15px;
    text-transform: uppercase
}

.graduacao-menu-novidades-input {
    background: none;
    border: 1px solid #373c42;
    color: #91a3ad;
    font: 13px Roboto;
    height: 32px;
    outline: none;
    padding: 0 15px;
    transition: border-color .4s ease;
    width: 100%
}

    .graduacao-menu-novidades-input:focus {
        border-color: #91a3ad
    }

    .graduacao-menu-novidades-input.is-invalid {
        border-color: #ed145b
    }

.graduacao-menu-novidades-input-feedback {
    bottom: 0;
    height: 30px;
    position: absolute;
    right: -5px;
    width: 30px
}

    .graduacao-menu-novidades-input-feedback:after, .graduacao-menu-novidades-input-feedback:before {
        content: "";
        position: absolute
    }

.graduacao-menu-novidades-input-sucess:after {
    background: none;
    border-bottom: 2px solid #ed145b;
    border-right: 2px solid #ed145b;
    height: 15px;
    left: 10px;
    position: absolute;
    top: 3px;
    transform: rotate(25deg);
    width: 10px
}

.graduacao-menu-novidades-input-error:after, .graduacao-menu-novidades-input-error:before {
    background: #ed145b;
    height: 25px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 2px
}

.graduacao-menu-novidades-input-error:after {
    transform: translate(-50%,-50%) rotate(45deg)
}

.graduacao-menu-novidades-input-error:before {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.graduacao-menu-novidades-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.graduacao-menu-novidades-column {
    position: relative;
    width: 23%
}

.graduacao-menu-novidades-nota {
    color: #ed145b;
    float: left;
    font: 8px Gotham HTF Bold;
    margin-top: 37px;
    text-transform: uppercase
}

.graduacao-menu-novidades-btn {
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font: 11px Gotham HTF Bold;
    height: 35px;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    margin-top: 25px;
    width: 125px;
    padding: 10px 22px;
    text-transform: uppercase;
    transition: all .5s ease
}

.menu-alerta-saiba-antes .graduacao-menu-novidades-btn {
    display: -ms-flexbox;
    display: flex;
    height: 32px
}

.graduacao-menu-novidades-btn:hover {
    background-color: #ed145b;
    color: #000
}

.graduacao-lead {
    background: rgba(0,0,0,.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .4s ease,visibility .4s ease;
    visibility: hidden;
    z-index: 999
}

    .graduacao-lead.is-active {
        opacity: 1;
        visibility: visible
    }

.graduacao-lead-close {
    color: #fff;
    font-size: 0;
    height: 45px;
    opacity: .65;
    position: absolute;
    right: 0;
    text-align: center;
    transition: opacity .4s ease;
    top: 0;
    width: 45px
}

    .graduacao-lead-close:after {
        content: "×";
        font: 28px/45px Arial
    }

    .graduacao-lead-close:hover {
        opacity: 1
    }

.graduacao-lead-box {
    background: #191919;
    color: #91a3ad;
    font: 14px/22px Roboto;
    left: 50%;
    max-height: 90vh;
    max-width: 435px;
    overflow-y: scroll;
    padding: 50px 60px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%
}

.graduacao-lead-title {
    color: #fff;
    font: 14px/22px Gotham HTF Bold;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.graduacao-lead-group {
    margin-top: 20px
}

.graduacao-lead-label {
    color: #616d72;
    display: block;
    font: 13px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 0 0 10px 15px;
    text-transform: uppercase
}

.graduacao-lead-input {
    border: 1px solid #616d72;
    color: #91a3ad;
    display: block;
    font: 16px/20px Roboto;
    height: 40px;
    outline: none;
    padding: 0 15px;
    width: 100%
}

    .graduacao-lead-input:focus {
        background-color: #151819
    }

.graduacao-lead-btn {
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin-top: 15px;
    padding: 12px 45px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    width: 100%
}

    .graduacao-lead-btn:hover {
        background: #ed145b;
        color: #000
    }

.menu-alerta {
    background-color: #212528;
    height: 60px;
    width: 100%
}

.menu-alerta-content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-alerta-title {
    color: #616d72;
    font: 13px/18px Gotham HTF Medium;
    letter-spacing: .8px;
    text-transform: uppercase;
    width: fit-content
}

.menu-alerta-text {
    color: #91a3ad;
    font: 11px/18px Gotham HTF Book;
    letter-spacing: 1px;
    text-transform: uppercase
}

.menu-alerta-iframe {
    border: none;
    height: 60px;
    margin-left: 110px;
    max-width: 430px;
    width: 100%
}

.menu-alerta-btn {
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #ed145b;
    color: #ed145b;
    display: none;
    font: 11px Gotham HTF Bold;
    height: 30px;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    margin-left: 30px;
    max-width: 125px;
    min-width: 125px;
    text-transform: uppercase;
    transition: all .5s ease
}

.menu-alerta-saiba-antes .menu-alerta-btn {
    display: -ms-flexbox;
    display: flex;
    height: 32px
}

.menu-alerta-btn:hover {
    background-color: #ed145b;
    color: #000
}

.menu-alerta-saiba-antes .menu-alerta-title {
    color: #ed145b;
    font: 16px/18px Gotham HTF Medium;
    letter-spacing: 1px;
    margin-right: 25px;
    padding-right: 25px;
    position: relative;
    white-space: nowrap
}

    .menu-alerta-saiba-antes .menu-alerta-title:after {
        background-color: #616d72;
        content: "";
        display: block;
        height: 30px;
        right: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }

.fiap-loader {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.fiap-loader-box {
    height: 270px;
    width: 270px
}

.fiap-loader-box, .fiap-loader-image {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.fiap-loader-image {
    height: 100%;
    width: 100%;
    z-index: 1
}

.fiap-loader-text {
    bottom: 15px;
    color: hsla(0,0%,100%,.5);
    font: 12px DIN Pro Bold;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.fiap-loader-svg {
    height: 100%;
    stroke: hsla(0,0%,100%,.5);
    position: relative;
    width: 100%;
    z-index: 2
}

.fiap-menu {
    background: #1d2123;
    position: relative;
    text-align: right;
    z-index: 1200
}

.fiap-menu-wrapper2 {
    margin: auto;
    max-width: 1150px;
    padding: 0 10px;
    position: relative;
    width: 100%
}

.fiap-menu-logo {
    height: 13px;
    margin-top: -2px;
    width: 47px
}

.fiap-menu-item, .fiap-menu-logo {
    display: inline-block;
    vertical-align: middle
}

.fiap-menu-item, .fiap-menu-link {
    position: relative
}

.fiap-menu-link {
    color: #ccc;
    display: block;
    fill: #ccc;
    font: 9px Gotham HTF Book;
    margin-left: 10px;
    padding: 10px 0;
    stroke: #ccc;
    text-transform: uppercase;
    transition: color .4s ease,fill .4s ease,stroke .4s ease;
    vertical-align: middle
}

    .fiap-menu-link:hover {
        color: #ed145b;
        fill: #ed145b;
        stroke: #ed145b
    }

.fiap-menu-link-dropdown {
    display: inline-block;
    padding-right: 10px;
    position: relative;
    vertical-align: middle
}

    .fiap-menu-link-dropdown:after {
        border: solid gray;
        border-width: 0 1px 1px 0;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0;
        top: 10px;
        transition: border-color .4s ease;
        transform: rotate(45deg);
        width: 5px;
        z-index: 100
    }

    .fiap-menu-link-dropdown:hover:after {
        border-color: #ed145b
    }

.fiap-menu-novidades-icon {
    display: inline-block;
    fill: none;
    height: 11px;
    stroke-width: 30;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px
}

.fiap-menu-sub {
    background: #292e31;
    max-height: 0;
    overflow: hidden;
    padding-left: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: max-height .4s ease;
    top: 100%;
    width: 250px;
    z-index: 9999
}

    .fiap-menu-sub:before {
        background: #181c1d;
        color: #91a3ad;
        content: "\25BE";
        display: block;
        font-size: 18px;
        padding: 5px 0;
        text-align: center
    }

.fiap-menu-item:hover .fiap-menu-sub {
    max-height: 600px
}

.fiap-menu-sub-link {
    border-bottom: 2px solid #181c1d;
    color: #91a3ad;
    display: block;
    font: 11px/45px Gotham HTF Medium;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    transition: background .4s ease,color .4s ease
}

    .fiap-menu-sub-link:hover {
        background: #6e7d85;
        color: #181c1d
    }

.fiap-2018-footer {
    color: #91a3ad;
    font-family: Roboto;
    font-size: 0;
    line-height: 18px;
    padding-bottom: 60px
}

.fiap-2018-footer-columns {
    border: 1px solid #353b3f;
    padding: 60px
}

.fiap-2018-footer-column {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 25%
}

    .fiap-2018-footer-column:not(:first-child) {
        padding-left: 95px
    }

.fiap-2018-footer-logo-icon {
    fill: #ed145b;
    height: 28px;
    stroke: #ed145b;
    transition: fill .4s,stroke .4s;
    width: 100px
}

    .fiap-2018-footer-logo-icon:hover {
        fill: #fff;
        stroke: #fff
    }

.fiap-2018-footer-social {
    font-size: 0;
    margin-left: -5px
}

.fiap-2018-footer-social-item {
    display: inline-block;
    margin: 0 5px
}

.fiap-2018-footer-social-link {
    border: 2px solid #91a3ad;
    border-radius: 50%;
    display: inline-block;
    fill: #91a3ad;
    height: 35px;
    line-height: 32px;
    text-align: center;
    transition: border-color .4s,fill .4s;
    width: 35px
}

    .fiap-2018-footer-social-link:hover {
        border-color: #fff;
        fill: #fff
    }

.fiap-2018-footer-social-icon {
    display: inline-block;
    height: 25px;
    margin-top: -2px;
    vertical-align: middle;
    width: 25px
}

.fiap-2018-footer-section:not(:first-child) {
    margin-top: 40px
}

.fiap-2018-footer-title {
    color: #ed145b;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase
}

.fiap-2018-footer-item {
    margin: 10px 0
}

.fiap-2018-footer-link {
    color: #91a3ad;
    display: block;
    margin-bottom: 5px;
    transition: color .4s
}

    .fiap-2018-footer-link:hover {
        color: #fff
    }

    .fiap-2018-footer-link.js-footer-cookies {
        cursor: pointer
    }

.fiap-2018-footer-img {
    margin-right: 8px
}

.vestibulando-alerta {
    background-color: #202427;
    height: 60px;
    width: 100%
}

.vestibulando-alerta--matricula {
    display: none
}

.vestibulando-alerta-content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 60px;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

.vestibulando-alerta-title {
    border-right: 1px solid #91a3ad;
    color: #ed145b;
    font: 16px/30px Gotham HTF Light;
    height: 30px;
    letter-spacing: 1px;
    margin-right: 30px;
    padding-right: 28px;
    text-transform: uppercase;
    width: fit-content
}

    .vestibulando-alerta-title strong {
        font: 16px/30px Gotham HTF Medium
    }

    .vestibulando-alerta-title.desktop {
        display: block
    }

    .vestibulando-alerta-title.mobile {
        display: none
    }

.vestibulando-alerta-text {
    color: #91a3ad;
    font: 11px/17px Gotham HTF Medium;
    letter-spacing: .5px;
    text-transform: uppercase
}

    .vestibulando-alerta-text.desktop {
        display: block
    }

    .vestibulando-alerta-text.mobile {
        display: none
    }

.vestibulando-alerta-btn {
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #ed145b;
    color: #ed145b;
    display: -ms-flexbox;
    display: flex;
    font: 11px Gotham HTF Bold;
    height: 30px;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    margin-left: 30px;
    max-width: 125px;
    min-width: 125px;
    text-transform: uppercase;
    transition: all .5s ease
}

    .vestibulando-alerta-btn:hover {
        background-color: #ed145b;
        color: #000
    }

    .vestibulando-alerta-btn.desktop {
        display: -ms-flexbox;
        display: flex
    }

    .vestibulando-alerta-btn.mobile {
        display: none
    }

.components-accordion {
    border: 1px solid #616d72;
    margin: 19px 0;
    transition: border .8s ease
}

    .components-accordion.is-active {
        border-color: #ed145b
    }

    .components-accordion:first-child {
        margin-top: -10px
    }

.components-accordion-header {
    cursor: pointer;
    display: table;
    padding-right: 60px;
    position: relative;
    transition: color .4s ease;
    width: 100%
}

.components-accordion:hover .components-accordion-header {
    color: #aebbc3
}

.components-accordion-number {
    color: #616d72;
    display: table-cell;
    font: 25px Gotham HTF Medium;
    padding-left: 10px;
    position: relative;
    text-align: center;
    transition: color .4s ease;
    vertical-align: middle;
    width: 70px
}

    .components-accordion-number:after {
        background-color: transparent;
        bottom: -5px;
        content: "";
        height: 1px;
        left: 30px;
        position: absolute;
        transition: background-color .5s ease;
        width: 43px
    }

.components-accordion:hover .components-accordion-number {
    color: #aebbc3
}

.components-accordion.is-active .components-accordion-number {
    color: #ed145b
}

    .components-accordion.is-active .components-accordion-number:after {
        background-color: #616d72
    }

.components-accordion-title {
    color: #616d72;
    display: table-cell;
    font: 15px/22px Roboto;
    letter-spacing: .3px;
    padding: 33px 30px 33px 0;
    transition: color .5s ease;
    vertical-align: middle
}

.components-accordion.is-active .components-accordion-title, .components-accordion:hover .components-accordion-title {
    color: #aebbc3
}

.components-accordion-arrow {
    border: 1px solid #ed145b;
    border-radius: 50%;
    height: 35px;
    margin-left: 20px;
    position: absolute;
    right: 22px;
    text-indent: -99999px;
    top: 50%;
    transform: translateY(-50%);
    transition: background .5s ease;
    width: 35px
}

    .components-accordion-arrow:after, .components-accordion-arrow:before {
        background-color: #fff;
        content: "";
        position: absolute;
        transition: transform .25s ease-out
    }

.components-accordion:hover .components-accordion-arrow:after, .components-accordion:hover .components-accordion-arrow:before {
    background-color: #000
}

.components-accordion-arrow:before {
    background-color: #ed145b;
    height: 50%;
    left: 50%;
    margin-left: -1px;
    top: 8px;
    width: 1px
}

.components-accordion-arrow:after {
    background-color: #ed145b;
    height: 1px;
    left: 8px;
    margin-top: -1px;
    top: 50%;
    width: 50%
}

.components-accordion.is-active .components-accordion-arrow {
    cursor: pointer
}

    .components-accordion.is-active .components-accordion-arrow:before {
        transform: rotate(90deg)
    }

    .components-accordion.is-active .components-accordion-arrow:after {
        transform: rotate(180deg)
    }

.components-accordion:hover .components-accordion-arrow {
    background-color: #ed145b
}

.components-accordion-content {
    color: #aebbc3;
    font: 15px/26px Roboto;
    height: 0;
    letter-spacing: .3px;
    margin-top: -1px;
    overflow: hidden;
    transition: height .4s ease
}

.components-accordion-content-wrapper2 {
    padding: 20px 30px
}

.components-accordion-ul {
    color: #ed145b;
    list-style: disc;
    padding-left: 1em
}

.components-accordion-ul-text {
    color: #b8b8b8
}

.components-accordion-item-link {
    color: #ed145b;
    text-decoration: underline
}

.components-scroll-circle {
    display: block;
    margin-top: 40px
}

.components-scroll-circle-text {
    color: #91a3ad;
    font-family: Gotham HTF Book;
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 80px;
    text-transform: uppercase;
    transition: all .4s ease-out
}

.components-scroll-circle-icon {
    background-color: #616d72;
    display: block;
    height: 80px;
    margin: 10px auto;
    width: 1px;
    position: relative;
    transition: all .4s ease-out
}

    .components-scroll-circle-icon:before {
        background-color: transparent;
        border: 1px solid #616d72;
        border-radius: 50%;
        content: "";
        display: block;
        left: 50%;
        height: 24px;
        position: absolute;
        bottom: -10px;
        transform: translateX(-50%);
        width: 24px
    }

.components-btn-saiba-mais {
    display: block;
    height: 40px;
    padding: 0;
    position: relative;
    width: fit-content
}

.components-btn-saiba-mais-plus {
    border: 1px solid #ed145b;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    position: relative;
    transition: all .5s ease;
    width: 40px
}

    .components-btn-saiba-mais-plus:after, .components-btn-saiba-mais-plus:before {
        background-color: #ed145b;
        content: "";
        position: absolute;
        transform: translate(-50%,-50%);
        transition: all .5s ease
    }

    .components-btn-saiba-mais-plus:before {
        height: 16px;
        left: 20px;
        margin-left: -1px;
        top: 50%;
        width: 1px
    }

    .components-btn-saiba-mais-plus:after {
        height: 1px;
        left: 50%;
        margin-top: -1px;
        top: 20px;
        width: 16px
    }

.components-btn-saiba-mais:hover .components-btn-saiba-mais-plus {
    background-color: #ed145b
}

    .components-btn-saiba-mais:hover .components-btn-saiba-mais-plus:after, .components-btn-saiba-mais:hover .components-btn-saiba-mais-plus:before {
        background-color: #fff
    }

.components-btn-saiba-mais-text {
    color: #ed145b;
    display: inline-block;
    font: 14px Gotham HTF Medium;
    left: 60px;
    letter-spacing: 1.5px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.components-cursos-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.components-cursos-item-link {
    color: #91a3ad;
    display: block;
    font: 16px/24px Gotham HTF Book;
    padding: 33px;
    position: relative;
    text-transform: uppercase;
    transition: all .4s ease-out;
    width: 100%
}

    .components-cursos-item-link:before {
        background-color: transparent;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .4s ease-out;
        z-index: -3
    }

    .components-cursos-item-link:after {
        background-color: #3e4549;
        bottom: 0;
        content: "";
        height: 1px;
        left: 33px;
        position: absolute;
        transition: all .3s ease-out;
        width: 35px;
        z-index: -10
    }

    .components-cursos-item-link:hover {
        color: #000;
        font-family: Gotham HTF Medium
    }

        .components-cursos-item-link:hover:before {
            background-color: #e21357
        }

        .components-cursos-item-link:hover:after {
            transform: translateX(-20px);
            width: 0
        }

.components-cursos-item-sub {
    color: #616d72;
    font: 12px/18px Gotham HTF Book;
    display: block;
    letter-spacing: .8px;
    margin-top: 10px
}

.components-cursos-item-link:hover .components-cursos-item-sub {
    color: #000
}

.components-cursos-item-link.is-disabled .components-cursos-item-sub {
    color: #32383b
}

.components-cursos-item-link.is-disabled, .components-cursos-item-link.is-disabled:hover {
    color: #4a5356;
    font-family: Gotham HTF Light
}

    .components-cursos-item-link.is-disabled:before, .components-cursos-item-link.is-disabled:hover:before {
        background-color: transparent;
        box-shadow: none
    }

    .components-cursos-item-link.is-disabled:after, .components-cursos-item-link.is-disabled:hover:after {
        width: 35px
    }

.components-cursos-item-tag {
    display: inline-block;
    margin-top: 5px
}

    .components-cursos-item-tag div {
        font: 10px Gotham HTF Bold;
        letter-spacing: .5px;
        padding: 2px 0;
        text-align: center;
        transition: background-color .2s ease-out,color .2s ease-out;
        vertical-align: middle;
        width: 67px
    }

        .components-cursos-item-tag div.online {
            width: 160px
        }

        .components-cursos-item-tag div.online, .components-cursos-item-tag div.regular {
            font: 10px Gotham HTF Bold;
            letter-spacing: .5px;
            margin-top: 10px;
            padding: 2px 0;
            text-align: center;
            transition: background-color .2s ease-out,color .2s ease-out;
            vertical-align: middle
        }

        .components-cursos-item-tag div.regular {
            width: 98px
        }

        .components-cursos-item-tag div.regular-on {
            margin-top: 10px;
            width: 160px
        }

.components-cursos-item-tag-online {
    border: 1px solid #ed145b;
    color: #ed145b
}

.components-cursos-item-tag-regular {
    border: 1px solid #4d565b;
    color: #4d565b
}

.components-cursos-item-tag-new {
    background-color: #91a3ad;
    border: 1px solid #91a3ad;
    color: #151819
}

.components-cursos-item-link:hover .components-cursos-item-tag div {
    background-color: #151819;
    border: 1px solid #151819;
    color: #ed145b
}

.components-cursos-item-link.is-disabled .components-cursos-item-tag-online {
    border: 1px solid #32383b;
    color: #32383b
}

.components-cursos-item-link.is-disabled .components-cursos-item-tag-new {
    background-color: #32383b;
    border: 1px solid #32383b;
    color: #151819
}

.components-cursos-item-link:hover.is-disabled {
    background-color: transparent;
    box-shadow: none;
    cursor: auto
}

    .components-cursos-item-link:hover.is-disabled:after {
        transform: translateX(0)
    }

    .components-cursos-item-link:hover.is-disabled .components-cursos-item-tag-online {
        background-color: transparent;
        border: 1px solid #32383b;
        color: #32383b
    }

    .components-cursos-item-link:hover.is-disabled .components-cursos-item-tag-new {
        background-color: #32383b;
        border: 1px solid #32383b;
        color: #151819
    }

.components-cursos-search {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

.components-cursos-radio {
    background: none;
    border: none;
    color: #4a5356;
    cursor: pointer;
    font: 12px Gotham HTF Medium;
    letter-spacing: 1px;
    margin-top: 9px;
    outline: none;
    padding-left: 15px;
    text-transform: uppercase;
    transition: color .4s ease
}

    .components-cursos-radio:before {
        border: 1px solid #4a5356;
        content: "";
        display: inline-block;
        height: 10px;
        margin-right: 5px;
        margin-top: -3px;
        transition: background .4s ease,border-color .4s ease;
        vertical-align: middle;
        width: 10px
    }

    .components-cursos-radio.is-active {
        color: #91a3ad
    }

        .components-cursos-radio.is-active:before {
            background: #91a3ad;
            border-color: #91a3ad
        }

.components-cursos-select {
    display: none;
    position: relative
}

.components-cursos-select-title {
    color: #616d72;
    font: 14px Gotham HTF Medium;
    position: absolute;
    top: -40px;
    left: -195px;
    text-transform: uppercase
}

.components-cursos-select-box {
    display: inline-block;
    position: relative
}

    .components-cursos-select-box:after, .components-cursos-select-box:before {
        content: "";
        background-color: #ed145b;
        position: absolute;
        width: 10px;
        height: 2px;
        top: 50%;
        display: block
    }

    .components-cursos-select-box:before {
        transform: rotate(135deg) translateY(-50%);
        right: 14px
    }

    .components-cursos-select-box:after {
        transform: rotate(45deg) translateY(-50%);
        right: 20px
    }

.components-cursos-select-input {
    background: transparent;
    border: 1px solid #616d72;
    border-radius: 0;
    color: #ed145b;
    display: block;
    font: 16px Gotham HTF Medium;
    height: 60px;
    letter-spacing: .5px;
    padding: 20px 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: -36px;
    width: 200px;
    appearance: none
}

.components-gallery {
    margin: 0 auto;
    width: 1200px;
    min-height: 568px;
    position: relative
}

    .components-gallery .components-mosaico, .components-gallery .components-slider {
        width: 1200px;
        left: 0;
        opacity: 0;
        position: absolute;
        visibility: hidden;
        top: 40px;
        transition: opacity .4s ease-out,visibility .4s ease-out;
        z-index: 1
    }

        .components-gallery .components-mosaico.is-active, .components-gallery .components-slider.is-active {
            opacity: 1;
            visibility: visible
        }

.components-gallery-mosaico .components-mosaico-section, .components-gallery-mosaico .components-mosaico-wrapper2 {
    height: 100%
}

.components-gallery-mosaico .components-mosaico-item:before {
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px
}

.components-gallery-mosaico .components-mosaico-image {
    height: 183.33333px
}

.components-gallery-slider .components-slider-item {
    position: relative;
    padding: 0
}

    .components-gallery-slider .components-slider-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        bottom: 0;
        background-color: #000;
        opacity: .3;
        transition: opacity .4s ease-out
    }

    .components-gallery-slider .components-slider-item:hover:before {
        opacity: 0
    }

.components-gallery-options {
    height: 40px;
    position: relative
}

.components-gallery-options-mosaico, .components-gallery-options-slider {
    color: #91a3ad;
    cursor: pointer;
    font: 12px Gotham HTF Medium;
    letter-spacing: 2px;
    opacity: 0;
    padding-right: 20px;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 0;
    transition: opacity .4s ease,color .4s ease;
    z-index: 100
}

    .components-gallery-options-mosaico:after, .components-gallery-options-mosaico:before {
        background-color: #91a3ad;
        box-shadow: 0 7px 0 #91a3ad;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        top: 0;
        transition: all .4s ease;
        right: 0;
        width: 5px
    }

    .components-gallery-options-mosaico:before {
        right: 7px
    }

    .components-gallery-options-slider:before {
        background-color: #91a3ad;
        content: "";
        display: block;
        height: 11px;
        position: absolute;
        top: 0;
        transition: all .4s ease;
        right: 0;
        width: 11px
    }

    .components-gallery-options-mosaico.is-active, .components-gallery-options-slider.is-active {
        opacity: 1;
        z-index: 101
    }

    .components-gallery-options-mosaico:hover {
        color: #ed145b
    }

        .components-gallery-options-mosaico:hover:after, .components-gallery-options-mosaico:hover:before {
            background-color: #ed145b;
            box-shadow: 0 7px 0 #ed145b
        }

    .components-gallery-options-slider:hover {
        color: #ed145b
    }

        .components-gallery-options-slider:hover:after, .components-gallery-options-slider:hover:before {
            background-color: #ed145b
        }

.components-slider-navigation-count {
    color: #91a3ad;
    font: 16px Roboto;
    letter-spacing: 2px;
    margin: 20px 0;
    text-align: center
}

.components-marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    overflow-x: hidden
}

.components-marquee-content {
    animation: a 20s linear infinite;
    overflow: hidden;
    position: absolute;
    white-space: nowrap
}

.menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 800;
    height: 110px
}

    .menu.is-active {
        background: linear-gradient(90deg,#070707 0,#16191a);
        box-shadow: 0 0 10px rgba(0,0,0,.25);
        height: auto
    }

.components-menu {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    position: relative;
    transition: background .4s ease-out,box-shadow .4s ease-out,height .4s ease;
    z-index: 900
}

.components-menu, .menu.is-active .components-menu {
    background-color: transparent
}

    .components-menu.sem-menu {
        display: none
    }

    .components-menu.is-active {
        background-color: #151819;
        box-shadow: 0 0 10px rgba(0,0,0,.25);
        height: 80px
    }

.components-menu-logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 20%
}

.components-menu-logo-link {
    display: block
}

    .components-menu-logo-link:nth-child(2) {
        margin-left: 10px
    }

.components-menu-svg {
    fill: #ed145b
}

.components-menu-logo-link:first-child .components-menu-svg {
    height: 25px;
    max-width: 100px
}

.components-menu-logo-link:nth-child(2) .components-menu-svg {
    max-width: 145px
}

.components-menu-center {
    position: relative;
    height: 100%;
    width: 100%
}

.components-menu-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    max-height: 100%;
    transition: max-height .4s ease;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.components-menu-item {
    height: 100%;
    padding: 0 20px;
    position: relative;
    transform: none !important
}

.components-menu-item-button {
    background-color: #ed145b;
    box-shadow: 0 0 20px #ed145b;
    padding: 0 20px;
    width: 100%
}

    .components-menu-item-button .components-menu-link, .components-menu-item-button .components-menu-link:hover {
        color: #000
    }

.components-menu-arrow {
    border: 1px solid transparent;
    border-bottom-color: #616d72;
    border-right-color: #616d72;
    display: block;
    height: 10px;
    margin-left: 10px;
    position: relative;
    transform: rotate(45deg);
    transition: all .2s ease-out;
    width: 10px
}

    .components-menu-arrow.is-active {
        margin-top: 5px;
        transform: rotate(225deg)
    }

.components-menu-link {
    color: #616d72;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font: 13px Gotham HTF Medium;
    letter-spacing: normal;
    line-height: 100px;
    text-transform: uppercase;
    transition: color .2s ease-out;
    white-space: nowrap
}

.components-menu.is-active .components-menu-sublist .components-menu-link {
    line-height: normal
}

.components-menu-link:hover {
    color: #ed145b
}

    .components-menu-link:hover .components-menu-arrow {
        border-bottom-color: #ed145b;
        border-right-color: #ed145b
    }

.components-menu-sublist {
    background-color: #212527;
    left: -23px;
    max-height: 0;
    overflow: hidden;
    padding: 0 30px;
    position: absolute;
    transition: max-height .4s ease,padding .4s ease;
    z-index: 100
}

    .components-menu-sublist .components-menu-link {
        font: 11px/15px Gotham HTF Medium
    }

    .components-menu-sublist.is-active {
        max-height: 400px
    }

.components-menu-subitem {
    padding: 10px 18px;
    position: relative
}

    .components-menu-subitem:before {
        background-color: transparent;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: .2s ease-in;
        width: 0
    }

    .components-menu-subitem:hover:before {
        background-color: #ed145b;
        width: 10px
    }

.components-menu-button {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

    .components-menu-button .components-menu-arrow {
        display: none
    }

.ON-base__menu-search {
    padding-right: 0 !important
}

.components-menu-button-link {
    background-color: #ed145b;
    color: #000;
    cursor: pointer;
    font: 11px/11px Gotham HTF Medium;
    letter-spacing: 2px;
    padding: 13px 27px;
    text-transform: uppercase;
    transition: box-shadow .2s ease,background-color .2s ease;
    white-space: nowrap
}

    .components-menu-button-link:hover {
        background-color: #ed145b;
        box-shadow: 0 0 20px #ed145b
    }

.text-ultimas-vagas {
    font: 11px/15px Gotham HTF Medium;
    color: #ed145b;
    padding-right: 8px;
    text-align: center;
    min-width: 120px
}

.components-menu-button-list {
    display: block;
    margin: 0 auto;
    top: 160%;
    background-color: #212527;
    padding: 0 30px;
    position: absolute
}

.components-menu-button:hover .components-menu-button-list {
    max-height: 380px;
    padding: 30px
}

.components-menu-toggle {
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 100%;
    position: absolute;
    right: 20px;
    width: 30px
}

.components-menu-toggle-icon {
    background-color: #fff;
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: .4s ease-out;
    width: 100%
}

    .components-menu-toggle-icon:after, .components-menu-toggle-icon:before {
        background-color: inherit;
        content: "";
        display: block;
        height: inherit;
        position: absolute;
        transition: .4s ease-out;
        width: inherit
    }

    .components-menu-toggle-icon:before {
        top: 10px
    }

.components-menu-toggle.is-active .components-menu-toggle-icon:before {
    top: 0;
    transform: rotate(90deg)
}

.components-menu-toggle-icon:after {
    bottom: 10px
}

.components-menu-toggle.is-active .components-menu-toggle-icon:after {
    bottom: 0;
    transform: rotate(90deg)
}

.components-menu-toggle.is-active .components-menu-toggle-icon {
    left: calc(50% - 20px);
    transform: rotate(45deg)
}

.components-menu-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 28%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .components-menu-right.LIVE-MBA-base__menu-right {
        width: 15% !important
    }

    .components-menu-right.ON-base__menu-right, .menu-search .components-menu-right {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.components-menu-text-button-lead {
    color: #ed145b;
    font: 10px Gotham HTF Medium;
    letter-spacing: 1px;
    margin-right: 10px;
    max-width: 80px;
    text-align: center;
    text-transform: uppercase
}

    .components-menu-text-button-lead.home-on {
        margin-right: 15px;
        max-width: 150px;
        min-width: 121px;
        font-weight: 700
    }

.components-menu-search-mobile {
    visibility: hidden
}

.components-menu-search-button-parent {
    margin-left: 12px;
    padding-right: 30px
}

.components-menu-search-button-content {
    -ms-flex-align: center;
    align-items: center;
    background: #616d72;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    position: relative;
    transition: all .4s ease;
    width: 35px
}

    .components-menu-search-button-content:hover {
        background-color: #ed145b
    }

.menu.is-active .components-menu-search-button-content {
    background-color: transparent
}

    .menu.is-active .components-menu-search-button-content:hover .components-menu-search-button {
        border: 1px solid #3e4549
    }

        .menu.is-active .components-menu-search-button-content:hover .components-menu-search-button:after {
            background: #3e4549
        }

.components-menu-search-button {
    border: 2px solid #000;
    border-radius: 30px;
    display: inline-block;
    height: 12px;
    left: -5px;
    position: relative;
    transition: all .4s ease;
    top: -2px;
    width: 12px
}

    .components-menu-search-button:after {
        background: #000;
        content: "";
        height: 3px;
        left: 7px;
        position: absolute;
        top: 9px;
        transform: rotate(35deg);
        transition: all .4s ease;
        width: 11px
    }

.menu.is-active .components-menu-search-button {
    border: 1px solid #616d72;
    border-radius: 0;
    height: 0;
    left: -1px;
    top: -1px;
    transform: rotate(48deg);
    width: 20px
}

    .menu.is-active .components-menu-search-button:after {
        background: #616d72;
        height: 2px;
        left: -1px;
        top: -1px;
        transform: rotate(85deg);
        width: 20px
    }

.menu-search-bar-mobile {
    display: none
}

.components-menu-blur {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: -500;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden
}

.menu.is-active .components-menu-blur {
    visibility: visible;
    opacity: 1
}

.components-mosaico-wrapper2 {
    position: relative
}

.components-mosaico-section, .components-mosaico-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.components-mosaico-section {
    top: 0;
    left: 0;
    z-index: 1
}

    .components-mosaico-section:nth-child(2) {
        position: absolute
    }

.components-mosaico-item {
    cursor: pointer;
    padding: 3px;
    position: relative;
    transition: opacity .4s ease-out;
    width: 25%
}

    .components-mosaico-item:before {
        background-color: #000;
        content: "";
        bottom: 0;
        left: 0;
        opacity: .5;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .4s ease-out
    }

    .components-mosaico-item:hover:before {
        opacity: 0
    }

.components-mosaico-image {
    display: block;
    height: 100%;
    margin: 0 auto;
    width: 100%
}

.components-mosaico-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    position: relative;
    z-index: 2
}

.components-mosaico-next, .components-mosaico-prev {
    background-color: transparent;
    border: 1px solid #ed145b;
    cursor: pointer;
    font-size: 0;
    height: 15px;
    outline: none;
    transition: opacity .4s ease-out;
    width: 15px
}

    .components-mosaico-next.is-disable, .components-mosaico-prev.is-disable {
        cursor: default;
        opacity: .5
    }

.components-mosaico-prev {
    transform: rotate(-45deg);
    border-bottom: 0;
    border-right: 0;
    margin-right: 20px
}

.components-mosaico-next {
    transform: rotate(-45deg);
    border-top: 0;
    border-left: 0;
    margin-left: 20px
}

.components-mosaico-dots {
    display: -ms-flexbox;
    display: flex;
    max-width: 100px
}

    .components-mosaico-dots > * {
        background-color: #616d72;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 10px;
        margin: 0 5px;
        transition: all .4s ease-out;
        width: 10px
    }

    .components-mosaico-dots > .is-active {
        pointer-events: none
    }

    .components-mosaico-dots > .is-active, .components-mosaico-dots > :hover {
        background-color: #ed145b
    }

.modal {
    background: rgba(0,0,0,.9)
}

.modal-video iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-wrapper2 {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.modal-video .modal-wrapper2 {
    max-width: 1024px;
    width: 90%
}

    .modal-video .modal-wrapper2:after {
        content: "";
        display: block;
        padding-top: 56.3%
    }

.modal-button {
    bottom: 100%
}

.components-select {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font: 11px Gotham HTF Medium
}

.components-select-title {
    border: 1px solid #616d72;
    color: #ed145b;
    padding: 20px
}

    .components-select-title:before {
        content: "";
        position: absolute;
        display: block;
        right: 20px;
        width: 10px;
        height: 10px;
        border: 1px solid transparent;
        border-bottom-color: #ed145b;
        border-right-color: #ed145b;
        transform: rotate(45deg);
        transition: transform .2s ease-out
    }

.components-select.is-active .components-select-title:before {
    transform: rotate(225deg)
}

.components-select-list {
    background-color: #2a3032;
    position: absolute;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all .4s ease-out;
    width: 100%;
    z-index: 999
}

.components-select.is-active .components-select-list {
    max-height: 1000px
}

.components-select-option {
    cursor: pointer;
    margin: 20px;
    padding-left: 20px;
    position: relative;
    transition: color .2s ease-out
}

    .components-select-option:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: width .2s ease-out;
        width: 0
    }

    .components-select-option:hover {
        color: #ed145b
    }

        .components-select-option:hover:before {
            width: 10px
        }

.components-select-option-title {
    color: #91a3ad;
    cursor: auto;
    margin: 30px 20px 20px;
    padding-left: 20px
}

.components-slider {
    position: relative;
    overflow: hidden
}

.components-slider-wrapper2 {
    font-size: 0;
    width: 100%;
    white-space: nowrap
}

.components-slider-item {
    display: inline-block;
    width: 100%
}

.components-slider-image {
    width: 100%
}

.components-slider-navigation-next, .components-slider-navigation-prev {
    background-color: #ed145b;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 200px;
    padding: 0;
    position: absolute;
    top: calc(50% - 20px);
    transform: translateY(-50%);
    transition: visibility .4s ease-out,opacity .4s ease-out;
    width: 30px;
    z-index: 5
}

    .components-slider-navigation-next:after, .components-slider-navigation-prev:after {
        background-color: transparent;
        border: 3px solid #000;
        content: "";
        display: block;
        height: 15px;
        left: 50%;
        position: absolute;
        width: 15px
    }

    .components-slider-navigation-next.is-hidden, .components-slider-navigation-prev.is-hidden {
        visibility: hidden;
        opacity: 0
    }

.components-slider-navigation-prev {
    left: 0
}

    .components-slider-navigation-prev:after {
        border-right: 0;
        border-top: 0;
        transform: rotate(45deg) translateX(-50%)
    }

.components-slider-navigation-next {
    right: 0
}

    .components-slider-navigation-next:after {
        border-bottom: 0;
        border-left: 0;
        left: calc(50% - 5px);
        transform: rotate(45deg) translateX(-50%)
    }

.components-video {
    position: relative;
    height: 680px
}

    .components-video iframe {
        border: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2
    }

.popup {
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1000
}

.popup-container {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px
}

.popup-content * {
    width: 100vh
}

.popup-button-close {
    float: right;
    font-size: 0;
    height: 50px;
    margin-right: 8px;
    position: relative;
    outline: none
}

    .popup-button-close:after, .popup-button-close:before {
        background-color: #91a3ad;
        content: "";
        display: block;
        height: 30px;
        position: absolute;
        top: 50%;
        width: 3px
    }

    .popup-button-close:before {
        transform: translateY(-50%) rotate(45deg)
    }

    .popup-button-close:after {
        transform: translateY(-50%) rotate(-45deg)
    }

.shared-contato {
    padding: 300px 0 230px;
    position: relative
}

    .shared-contato:after {
        background: url(../images/shared/contato/effects.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .shared-contato .wrapper2 {
        max-width: 1100px
    }

.shared-contato-columns {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.shared-contato-column {
    vertical-align: top;
    width: 50%
}

    .shared-contato-column:first-child {
        padding-right: 30px
    }

.shared-contato-title {
    color: #91a3ad;
    font: 60px Gotham HTF Medium;
    margin-bottom: 100px;
    margin-top: 0;
    text-transform: uppercase
}

.shared-contato-highlight {
    color: #ed145b;
    font: 22px/30px Gotham HTF Medium;
    margin-bottom: 30px;
    text-transform: uppercase
}

    .shared-contato-highlight:not(:first-child) {
        margin-top: 50px
    }

.shared-contato-highlight-text {
    color: #91a3ad;
    display: block;
    font: 14px/20px Gotham HTF Medium;
    margin-top: 20px;
    text-transform: lowercase
}

.shared-contato-unidades-item {
    color: #616d72;
    font: 14px/25px Roboto;
    letter-spacing: .5px;
    margin: 20px 0
}

.shared-contato-unidades-title {
    color: #91a3ad;
    display: block;
    font: 14px/20px Gotham HTF Medium;
    margin-bottom: 5px;
    text-transform: uppercase
}

.shared-contato-unidades-link {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 10px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 15px 0 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    -webkit-transition: background .4s ease,color .4s ease
}

    .shared-contato-unidades-link:hover {
        background: #ed145b;
        color: #000
    }

.shared-contato-form {
    border: 1px solid #2a3032;
    font: 14px Gotham HTF Book;
    margin-top: 30px;
    padding: 50px
}

.shared-contato-form-group:not(:first-child) {
    margin-top: 30px
}

.shared-contato-form-label {
    color: #616d72;
    display: block;
    font: 13px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 0 0 10px 15px;
    text-transform: uppercase
}

.shared-contato-form-input, .shared-contato-form-textarea {
    border: 1px solid #616d72;
    color: #91a3ad;
    display: block;
    font: 16px/20px Roboto;
    outline: none;
    padding: 0 15px;
    width: 100%
}

    .shared-contato-form-input:focus, .shared-contato-form-textarea:focus {
        background-color: #151819
    }

.shared-contato-form-input {
    height: 45px
}

.shared-contato-form-textarea {
    height: 150px;
    padding: 15px
}

.shared-contato-form-btn {
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin-top: 15px;
    padding: 12px 45px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .shared-contato-form-btn:hover {
        background: #ed145b;
        color: #000
    }

.shared-contato-form-list {
    list-style: disc;
    padding-left: 1.5em
}

.shared-contato-form-list-item {
    margin: .5em 0;
    text-transform: uppercase
}

.shared-fotos {
    padding: 250px 0 380px;
    position: relative;
    text-align: center
}

    .shared-fotos:after {
        background: url(../images/shared/fotos/effects.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.shared-fotos-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    margin: 0 0 60px;
    padding-bottom: 45px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

    .shared-fotos-title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        display: block;
        height: 3px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 30px
    }

.SHRD-mec {
    padding-bottom: 350px;
    padding-top: 120px;
    position: relative
}

    .SHRD-mec.GRAD, .SHRD-mec.GRAD-cursos, .SHRD-mec.MBA, .SHRD-mec.MBA-cursos, .SHRD-mec.ON-GRAD, .SHRD-mec.ON-GRAD-cursos, .SHRD-mec.ON-MBA, .SHRD-mec.ON-MBA-curso {
        padding-bottom: 250px;
        padding-top: 0
    }

        .SHRD-mec.GRAD-cursos:before, .SHRD-mec.GRAD:before, .SHRD-mec.MBA-cursos:before, .SHRD-mec.MBA:before, .SHRD-mec.ON-GRAD-cursos:before, .SHRD-mec.ON-GRAD:before, .SHRD-mec.ON-MBA-curso:before, .SHRD-mec.ON-MBA:before {
            top: -350px
        }

        .SHRD-mec.GRAD-cursos:after, .SHRD-mec.GRAD:after, .SHRD-mec.MBA-cursos:after, .SHRD-mec.MBA:after, .SHRD-mec.ON-GRAD-cursos:after, .SHRD-mec.ON-GRAD:after, .SHRD-mec.ON-MBA-curso:after, .SHRD-mec.ON-MBA:after {
            background: url(../images/fiap/institucional/premios-e-reconhecimentos/enade/effects-2019.png) bottom no-repeat
        }

    .SHRD-mec:before {
        background: url(../images/fiap/institucional/premios-e-reconhecimentos/enade/before-effects-2019.png) top no-repeat;
        left: -580px;
        top: -200px
    }

    .SHRD-mec:after, .SHRD-mec:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%
    }

    .SHRD-mec:after {
        background: url(../images/fiap/institucional/premios-e-reconhecimentos/enade/effects-2019.png) top 480px center no-repeat;
        left: 0;
        top: 0
    }

.SHRD-mec__main {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1020px;
    position: relative
}

.SHRD-mec__left {
    max-width: 620px;
    width: 60%
}

.SHRD-mec__content-title {
    padding-bottom: 80px
}

.SHRD-mec__title {
    color: #91a3ad;
    font: 33px/44px Gotham HTF Light;
    letter-spacing: .3px;
    margin: 0 auto;
    text-transform: uppercase
}

.SHRD-mec__title--highlight {
    font: 36px/44px Gotham HTF Medium
}

.SHRD-mec__nota {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    display: -ms-flexbox;
    display: flex;
    font: 20px/28px Gotham HTF Medium;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: .6px;
    margin-bottom: 20px;
    margin-left: 30px;
    text-transform: uppercase;
    position: relative
}

    .SHRD-mec__nota:before {
        background: #ed145b;
        content: "";
        height: 3px;
        margin-left: -30px;
        position: absolute;
        width: 20px
    }

.SHRD-mec__text {
    color: #91a3ad;
    font: 16px/30px Roboto;
    letter-spacing: .3px;
    max-width: 530px
}

.SHRD-mec__right {
    position: absolute;
    right: -100px
}

.shared-cookies {
    background: #1c2022;
    bottom: 0;
    position: fixed;
    transition: opacity .4s ease-in;
    width: 100%;
    z-index: 997
}

    .shared-cookies .wrapper2 {
        max-width: 1100px
    }

.shared-cookies__content {
    -ms-flex-align: center;
    align-items: center;
    display: none;
    opacity: 0;
    -ms-flex-pack: center;
    justify-content: center
}

    .shared-cookies__content.active {
        display: -ms-flexbox;
        display: flex;
        opacity: 1
    }

.shared-cookies__text {
    color: #acc1cc;
    font: 14px Roboto;
    letter-spacing: .3px;
    margin: 30px auto
}

.shared-cookies__link {
    cursor: pointer;
    text-decoration: underline
}

.shared-cookies__button {
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    font: 11px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin-left: 20px;
    padding: 10px 35px;
    text-transform: uppercase;
    transition: all .3s ease
}

    .shared-cookies__button:hover {
        background: #ed145b;
        color: #fff
    }

.shared-cookies__modal {
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    opacity: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.shared-cookies__modal-content {
    background: #1a1d20;
    left: 50%;
    margin: 10px 0;
    padding: 70px 70px 90px;
    position: absolute;
    transform: translate(-50%)
}

.shared-cookies__modal-content--align-vertical {
    margin: 0;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shared-cookies__modal-btn-close {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2px;
    position: absolute;
    right: 20px;
    transition: border .8s ease,color .8s ease;
    width: 20px
}

    .shared-cookies__modal-btn-close:hover {
        border: 1px solid #616d72;
        color: #616d72
    }

.shared-cookies__modal-btn-close--top {
    top: 20px
}

.shared-cookies__modal-btn-close--bottom {
    bottom: 20px
}

.shared-cookies-modal__title {
    color: #cfe9f7;
    font: 20px Gotham HTF Book;
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase
}

.shared-cookies-modal__title--small {
    color: #acc1cc;
    font: 16px Gotham HTF Light;
    letter-spacing: .9px;
    margin: 0;
    text-transform: uppercase
}

.shared-cookies-modal__text {
    color: #75838b;
    font: 16px/24px Roboto;
    letter-spacing: .3px;
    margin: 28px auto 45px
}

.shared-cookies-modal__publicidade {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.shared-cookies-modal__publicidade, .shared-cookies-modal__toggle {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.shared-cookies-modal__toggle__text {
    color: #ed145b;
    font: 11px Gotham HTF Book;
    letter-spacing: 1.5px;
    margin-right: 10px
}

.shared-cookies-modal__button {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    font: 12px Gotham HTF Bold;
    letter-spacing: 1.5px;
    padding: 10px 35px;
    text-transform: uppercase;
    transition: all .4s ease
}

    .shared-cookies-modal__button:hover {
        color: #fff;
        background: #ed145b
    }

.switch {
    display: inline-block;
    height: 21px;
    position: relative;
    width: 38px
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.shared-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid #ed145b;
    bottom: 0;
    background-color: none;
    transition: .4s
}

    .shared-slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 3px;
        background-color: #fff;
        transition: .4s
    }

input:checked + .shared-slider:before {
    background-color: #ed145b
}

input:focus + .shared-slider {
    box-shadow: 0 0 1px #ed145b
}

input:checked + .shared-slider:before {
    transform: translateX(14px)
}

.shared-slider.round {
    border-radius: 36px
}

    .shared-slider.round:before {
        border-radius: 50%
    }

.fiap-unidades-polos {
    padding-bottom: 284px;
    padding-top: 80px;
    position: relative;
    overflow: hidden
}

    .fiap-unidades-polos:after {
        content: "";
        background: url(../images/shared/unidades-polos/effects.png) 50% no-repeat;
        width: 100%;
        height: 1687px;
        position: absolute;
        display: block;
        top: 85px;
        left: -15px
    }

.fiap-unidades-polos__title {
    font-family: Gotham HTF Book;
    font-style: normal;
    font-size: 54.5655px;
    line-height: 53px;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: #acc1cc;
    margin: 0
}

    .fiap-unidades-polos__title span {
        font-family: Gotham HTF Light
    }

.fiap-unidades-polos__subtitle {
    font-family: Gotham HTF Light;
    padding-top: 36px;
    font-style: normal;
    font-weight: 300;
    font-size: 27.4373px;
    line-height: 41px;
    letter-spacing: .01em;
    color: #acc1cc;
    margin: 0
}

.fiap-unidades-polos__unidades {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 118px
}

.fiap-unidades-polos__unidade {
    width: 30%;
    max-width: 360px
}

.fiap-unidades-polos__unidade-media {
    position: relative
}

    .fiap-unidades-polos__unidade-media:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        display: block;
        background-color: transparent;
        transition: all .5s ease
    }

.fiap-unidades-polos__unidade.inactive .fiap-unidades-polos__unidade-media:after {
    background-color: rgba(0,0,0,.5)
}

.fiap-unidades-polos__unidade-img {
    width: 100%;
    max-height: 575px
}

.fiap-unidades-polos__unidade-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 165px;
    margin-top: 36px
}

.fiap-unidades-polos__unidade-name {
    font-family: Gotham HTF Light;
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 27px;
    text-transform: uppercase;
    color: #acc1cc;
    margin: 0 0 5px;
    padding: 0;
    transition: color .5s ease
}

.fiap-unidades-polos__unidade:hover .fiap-unidades-polos__unidade-name {
    color: #ed145b
}

.fiap-unidades-polos__unidade-address {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    color: #949b99;
    margin: 0;
    padding: 0
}

.fiap-unidades-polos__unidade-button {
    font-family: Gotham HTF Medium;
    font-style: normal;
    font-size: 13.1459px;
    line-height: 14px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ed145b;
    border: 1px solid #ed145b;
    padding: 13px 20px;
    cursor: pointer;
    transition: all .3s
}

    .fiap-unidades-polos__unidade-button:hover {
        background-color: #ed145b;
        color: #fff
    }

.fiap-unidades-polos__slider {
    position: relative;
    white-space: nowrap;
    width: 100%;
    overflow: hidden
}

.fiap-unidades-polos__slider-wrapper2 {
    font-size: 0
}

    .fiap-unidades-polos__slider-wrapper2.disable {
        display: none
    }

.fiap-unidades-polos__slider-item {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    margin: 0 auto;
    padding: 0;
    opacity: .4;
    transition: all .3s;
    width: 100%
}

    .fiap-unidades-polos__slider-item.is-active {
        opacity: 1
    }

.fiap-unidades-polos__slider-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.fiap-unidades-polos__slider-navigation {
    width: 65px;
    height: 377px
}

.fiap-unidades-polos__modal, .fiap-unidades-polos__slider-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.fiap-unidades-polos__modal {
    background: rgba(0,0,0,.8);
    height: 100%;
    opacity: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.fiap-unidades-polos__fotos {
    position: relative;
    height: 100vh
}

.fiap-unidades-polos__fotos, .fiap-unidades-polos__fotos-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.fiap-unidades-polos__fotos-wrapper2 {
    width: 1300px;
    overflow: hidden
}

.fiap-unidades-polos__fotos-close-button {
    font-family: Gotham HTF Medium;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .01em;
    color: #acc1cc;
    width: 100%;
    text-align: right;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 14px;
    cursor: pointer;
    margin-right: 100px
}

    .fiap-unidades-polos__fotos-close-button svg {
        margin-left: 8px
    }

.fiap-unidades-polos__fotos-img {
    width: 1200px;
    height: 618px;
    object-fit: cover;
    max-width: 100%
}

.fiap-unidades-polos__fotos-counter {
    font-family: Gotham HTF Medium;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .01em;
    color: #acc1cc;
    padding-top: 12px;
    padding-bottom: 16px
}

.fiap-unidades-polos__polos {
    margin-top: 158px
}

.fiap-unidades-polos__polos-container {
    position: relative
}

.fiap-unidades-polos__polos-trigger--new {
    position: absolute;
    width: 100%;
    height: 5000px;
    top: 0;
    left: 0;
    z-index: -1
}

.fiap-unidades-polos__polos-inicio-text {
    font-family: Gotham HTF Book;
    font-style: normal;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #424a4e;
    margin-bottom: 44px
}

    .fiap-unidades-polos__polos-inicio-text span {
        font-family: Gotham HTF Medium
    }

.fiap-unidades-polos__polo-media {
    position: relative;
    width: 100%;
    height: 279px;
    overflow: hidden
}

    .fiap-unidades-polos__polo-media .fiap-unidades-polos__polo-banner-bh, .fiap-unidades-polos__polo-media .fiap-unidades-polos__polo-banner-pe, .fiap-unidades-polos__polo-media .fiap-unidades-polos__polo-banner-rj, .fiap-unidades-polos__polo-media .fiap-unidades-polos__polo-banner-rs {
        position: absolute;
        overflow: hidden;
        top: 0
    }

.fiap-unidades-polos__polo .fiap-unidades-polos__polo-border {
    width: 300px;
    height: 7px;
    background-color: #ed145b;
    transition: none
}

.fiap-unidades-polos__polo-img {
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: none
}

.fiap-unidades-polos__polo-texts {
    width: 25%;
    float: left;
    padding-top: 30px
}

.fiap-unidades-polos__polo-text-soon {
    font-family: Gotham HTF Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 19px;
    text-transform: uppercase;
    color: #acc1cc;
    margin: 0
}

.fiap-unidades-polos__polo-name {
    font-family: Gotham HTF Light;
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 27px;
    text-transform: uppercase;
    color: #acc1cc;
    margin: 0 0 10px;
    padding: 0
}

.fiap-unidades-polos__polo-address {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    color: #949b99;
    margin: 0;
    padding: 0
}

.shared-nano-courses {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 400px;
    position: relative
}

    .shared-nano-courses:before {
        background: url(../images/shared/nano-courses/effects-before.png) top no-repeat;
        right: 50px;
        top: -250px
    }

    .shared-nano-courses:after, .shared-nano-courses:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%
    }

    .shared-nano-courses:after {
        background: url(../images/shared/nano-courses/effects-after.png) top no-repeat;
        left: 100px;
        top: 950px
    }

.shared-nano-courses--online {
    padding: 150px 0 200px !important;
    margin-top: 140px
}

    .shared-nano-courses--online:before {
        display: none
    }

    .shared-nano-courses--online:after {
        background: url(../images/shared/nano-courses/effects-online.png) top no-repeat;
        left: 0;
        top: -135px
    }

.shared-nano-courses-wrapper2 {
    margin: auto;
    max-width: 1500px;
    position: relative;
    width: 90%;
    z-index: 3
}

.shared-nano-courses--online .shared-nano-courses-wrapper2 {
    max-width: 1200px
}

.shared-nano-courses-logo {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 150px;
    margin-top: 15px;
    max-width: 550px
}

.shared-nano-courses--online .shared-nano-courses-logo {
    margin-bottom: 100px
}

.shared-nano-courses-content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.shared-nano-courses-title {
    position: relative
}

.shared-nano-courses-title-image {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
    position: relative;
    right: -60px
}

.shared-nano-courses-title-image--mobile {
    display: none
}

.shared-nano-courses-title-text {
    color: #9db1bd;
    font: 31px/43px Gotham HTF Light;
    left: -30px;
    margin-bottom: 300px;
    position: absolute;
    text-transform: uppercase;
    top: 150px
}

.shared-nano-courses-text {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 auto
}

.shared-nano-courses-text-content {
    max-width: 750px
}

.shared-nano-courses--online .shared-nano-courses-text-content {
    margin-right: 90px;
    max-width: 650px
}

.shared-nano-courses--online .shared-nano-courses-text {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -30px auto;
    max-width: 1200px;
    width: 100%
}

.shared-nano-courses-text-line {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

    .shared-nano-courses-text-line:before {
        background: #535d63;
        content: "";
        height: 385px;
        left: 0;
        position: absolute;
        width: 1px
    }

.shared-nano-courses-text-title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #a7bcc7;
    font: 18px/44px Gotham HTF Light;
    letter-spacing: .5px;
    padding: 0 30px;
    text-transform: uppercase
}

.shared-nano-courses--online .shared-nano-courses-text-title {
    -ms-flex-item-align: initial;
    -ms-grid-row-align: initial;
    align-self: auto;
    padding: 0
}

.shared-nano-courses-text-quote {
    color: #535d63;
    max-width: 388px;
    padding: 0 30px;
    text-align: right
}

.shared-nano-courses-text-quote, .shared-nano-courses-text-quote-highlight {
    font: 18px/36px Gotham HTF Light;
    letter-spacing: .5px;
    text-transform: uppercase
}

.shared-nano-courses-text-quote-highlight {
    color: #ed145b
}

.shared-nano-courses-text-desc {
    color: #91a3ad;
    font: 16px/32px Roboto;
    font-weight: 300;
    letter-spacing: .3px;
    margin-bottom: 20px;
    max-width: none;
    padding: 0
}

.shared-nano-courses-certificado {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.shared-nano-courses-certificado-img {
    height: 44px;
    margin-right: 15px;
    min-width: 44px
}

.shared-nano-courses-certificado-text {
    color: #91a3ad;
    font: 16px/24px Roboto;
    font-weight: 500;
    font-style: italic
}

.shared-nano-courses-certificado--graduacao {
    width: 615px
}

.shared-startup {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #b8b8b8;
    position: relative
}


.shared-startup-content {
    position: relative;
    width: 100%
}

    .shared-startup-content.is-active .shared-startup-content-title {
        left: 0
    }

.shared-startup-content-title {
    left: 10%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 1s;
    z-index: 10
}

.shared-startup-title {
    color: #91a3ad;
    font: 70px/70px Gotham HTF Medium;
    text-align: right;
    text-transform: uppercase;
    transition: font-size 1s
}

    .shared-startup-title .text-magenta {
        display: block
    }

.shared-startup-subtitle {
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    letter-spacing: .05em;
    margin-top: 50px;
    text-align: right;
    text-transform: uppercase
}

.shared-startup-content-video {
    margin-right: 98px
}

.shared-startup-media {
    cursor: pointer;
    float: right;
    max-width: 736px;
    position: relative
}

.shared-startup-media-play {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: block;
    font: 14px Gotham HTF Medium;
    left: 50%;
    letter-spacing: .5px;
    padding: 13px 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: transform .4s ease
}

.shared-startup-media:hover .shared-startup-media-play {
    transform: translate(-50%,-50%) scale(1.1)
}

.shared-startup-media-img {
    display: block
}

.shared-startup-columns {
    display: table;
    margin: 92px auto 0;
    width: 100%
}

.shared-startup-column {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.shared-startup-descricao {
    color: #91a3ad;
    font: 20px/30px Gotham HTF Medium;
    letter-spacing: 1px;
    margin-left: 60px;
    margin-top: 31px;
    position: relative;
    text-align: left;
    text-transform: uppercase
}

    .shared-startup-descricao:after {
        background-color: #556064;
        bottom: -33px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 58px
    }

.shared-startup-text-content {
    padding-left: 15px;
    position: relative
}

    .shared-startup-text-content:after {
        background-color: #616d72;
        content: "";
        height: 260px;
        left: -40px;
        position: absolute;
        top: -200px;
        width: 1px
    }

.shared-startup-text {
    color: #91a3ad;
    margin: 25px 0
}

    .shared-startup-text a {
        color: #ed145b;
        cursor: pointer;
        text-decoration: underline
    }

.shared-startup-content-button {
    color: #ed145b;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    margin-top: 25px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle
}

.shared-startup-btn-saiba-mais {
    border: 1px solid #ed145b;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    margin-right: 15px;
    position: relative;
    transition: background .4s ease;
    width: 40px
}

    .shared-startup-btn-saiba-mais:after {
        color: #ed145b;
        content: "+";
        font: 35px Gotham HTF Light;
        left: 50%;
        position: absolute;
        top: 48%;
        transform: translate(-50%,-50%);
        transition: color .4s ease
    }

    .shared-startup-btn-saiba-mais:hover {
        background: #ed145b
    }

        .shared-startup-btn-saiba-mais:hover:after {
            color: #fff
        }

.shared-vitrine {
    height: 100vh;
    max-height: 960px
}

.shared-vitrine-content {
    height: 100%;
    position: relative;
    width: 100%
}

.shared-vitrine-img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    z-index: 1
}

.shared-vitrine-scroll {
    bottom: 50px;
    color: #616d72;
    cursor: pointer;
    font: 12px Gotham HTF Book;
    left: 50%;
    letter-spacing: 2px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 1
}

    .shared-vitrine-scroll:after {
        background-color: transparent;
        border: 1px solid #ed145b;
        border-left: 0;
        border-top: 0;
        content: "";
        display: block;
        height: 35px;
        margin: 10px auto 0;
        transform: rotate(45deg);
        width: 35px
    }

.MBA-shared-fiap-alura {
    position: relative;
    padding-bottom: 400px
}

    .MBA-shared-fiap-alura:after {
        content: "";
        background: url(../images/mba/shared/fiap-alura/effects.png) center 0 no-repeat;
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 840px
    }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        height: 1121px
    }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-media:before {
            content: "";
            background: url(../images/mba/shared/fiap-alura/background.png) center 0 no-repeat;
            display: block;
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-media .MBA-shared-fiap-alura-content-media-logo {
            width: 650px;
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

    .MBA-shared-fiap-alura .wrapper2 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 300px
    }

    .MBA-shared-fiap-alura.large-margin {
        padding-bottom: 400px
    }

        .MBA-shared-fiap-alura.large-margin .wrapper2 {
            bottom: 200px
        }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col {
        margin-left: 90px
    }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col p {
            margin: 0
        }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-first-line {
            font-family: Gotham HTF Medium;
            font-size: 28px;
            line-height: 1;
            color: #acc1cc;
            margin: 0
        }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-second-line {
            font-family: Gotham HTF Medium;
            font-size: 42px;
            line-height: .2;
            letter-spacing: -.01em;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #ed145b;
            color: transparent;
            margin: 0
        }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-third-line {
            font-family: Gotham HTF Light;
            font-size: 42px;
            line-height: 1;
            color: #6b787f;
            margin: 0
        }

            .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-third-line strong {
                font-family: Gotham HTF Medium;
                color: #acc1cc
            }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-line {
            height: 5px;
            width: 40px;
            margin-top: 72px;
            background-color: #ed145b
        }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col {
        width: 50%
    }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col p {
            font-family: Roboto;
            font-size: 16px;
            line-height: 28px;
            color: #92a4ae;
            margin: 0
        }

            .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col p:nth-child(2), .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col p:nth-child(3), .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col p:nth-child(4) {
                margin-top: 40px
            }

            .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col p span, .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col p strong {
                color: #fff
            }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col .MBA-shared-fiap-alura-content-second-col-disclaimer {
            font-size: 11px;
            line-height: 1;
            color: #535d63;
            position: relative
        }

            .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-second-col .MBA-shared-fiap-alura-content-second-col-disclaimer span {
                position: absolute;
                top: .2ch;
                left: -1ch;
                color: #535d63
            }

.SHRD-curso-pessoas__item {
    padding-bottom: 150px;
    position: relative
}

    .SHRD-curso-pessoas__item:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .SHRD-curso-pessoas__item:nth-child(odd):after {
        background: url(../images/shared/pessoas/effects-right.png) top no-repeat
    }

    .SHRD-curso-pessoas__item:nth-child(2n):after {
        background: url(../images/shared/pessoas/effects-left.png) top no-repeat
    }

    .SHRD-curso-pessoas__item:last-child {
        margin-bottom: 150px
    }

        .SHRD-curso-pessoas__item:last-child:after {
            background: url(../images/shared/pessoas/effects-last.png) bottom no-repeat
        }

.MBA-cursos .SHRD-curso-pessoas__item:last-child {
    margin-bottom: 50px
}

.SHRD-curso-pessoas__item .wrapper2 {
    max-width: 1145px
}

.SHRD-curso-pessoas__item-content {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    z-index: 2
}

.SHRD-curso-pessoas__item:nth-child(2n) .SHRD-curso-pessoas__item-content {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.SHRD-curso-pessoas__media {
    width: 40%
}

.SHRD-curso-pessoas__media-mobile {
    display: none
}

.SHRD-curso-pessoas__media-img {
    display: block;
    margin: auto
}

.SHRD-curso-pessoas__content {
    width: 52%
}

.SHRD-curso-pessoas__title {
    color: #fff;
    font: 18px Gotham HTF Medium;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.SHRD-curso-pessoas__subtitle {
    color: #fff;
    border: 1px solid #fff;
    padding: 7px;
    font: 38px Gotham HTF Light;
    margin-bottom: 70px;
    margin-top: 0;
    text-transform: uppercase
}

    .SHRD-curso-pessoas__subtitle:after {
        background-color: #fff;
        content: "";
        display: block;
        height: 3px;
        margin-top: 20px;
        width: 255px
    }

.SHRD-curso-pessoas__desc {
    color: #616d72;
    font: 16px/26px Roboto;
    letter-spacing: .05em
}

    .SHRD-curso-pessoas__desc ul {
        margin-bottom: 0;
        margin-top: 0;
        max-height: 300px;
        overflow-y: auto;
        padding-left: 1.1em;
        padding-right: 2em
    }

        .SHRD-curso-pessoas__desc ul::-webkit-scrollbar {
            width: 12px;
        }

        .SHRD-curso-pessoas__desc ul::-webkit-scrollbar-track {
            background: #fff;
            border-radius: 4px
        }

        .SHRD-curso-pessoas__desc ul::-webkit-scrollbar-thumb {
            background-clip: content-box;
            border: 5px solid transparent
        }

    .SHRD-curso-pessoas__desc li {
        color: #616d72;
        padding-bottom: 15px;
        position: relative
    }

        .SHRD-curso-pessoas__desc li:after {
            border-radius: 50%;
            content: "";
            display: block;
            height: 4px;
            left: -15px;
            position: absolute;
            top: 10px;
            width: 4px
        }

.graduacao-financiamento-bolsas-title {
    color: #91a3ad;
    font: 35px Gotham HTF Medium;
    letter-spacing: .5px;
    margin-bottom: 80px;
    text-transform: uppercase
}

.graduacao-financiamento-bolsas-subtitle {
    color: #91a3ad;
    letter-spacing: .5px;
    margin: 20px 0;
    position: relative;
    text-transform: uppercase
}

    .graduacao-financiamento-bolsas-subtitle.square:before {
        background-color: #ed145b;
        content: "";
        display: block;
        position: absolute;
        height: 10px;
        left: -20px;
        top: 13px;
        width: 10px
    }

.graduacao-financiamento-bolsas-box {
    display: -ms-flexbox;
    display: flex
}

.graduacao-financiamento-bolsas-item {
    border-top: 1px solid #2f3539;
    margin: 0 20px
}

    .graduacao-financiamento-bolsas-item p {
        color: #616d72;
        font: 14px/23px Roboto;
        margin: 25px 0
    }

    .graduacao-financiamento-bolsas-item a {
        color: #ed145b;
        text-decoration: underline
    }

    .graduacao-financiamento-bolsas-item b {
        color: #91a3ad
    }

    .graduacao-financiamento-bolsas-item li {
        color: #616d72;
        font: 12px/21px Roboto;
        margin: 25px 0;
        padding-left: 15px;
        position: relative
    }

        .graduacao-financiamento-bolsas-item li:before {
            background-color: #ed145b;
            content: "";
            display: block;
            left: -10px;
            height: 8px;
            position: absolute;
            top: 10px;
            width: 8px
        }

.graduacao-financiamento-bolsas-item-title {
    color: #91a3ad;
    font: 14px Roboto;
    letter-spacing: .5px;
    text-transform: uppercase
}

.graduacao-financiamento {
    display: none
}

    .graduacao-financiamento.is-active {
        display: block
    }

.graduacao-financiamento-header {
    padding: 280px 0;
    position: relative
}

    .graduacao-financiamento-header:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/header.png) top no-repeat
    }

    .graduacao-financiamento-header .graduacao-financiamentos-description {
        pointer-events: auto
    }

    .graduacao-financiamento-header .graduacao-financiamentos-title {
        color: #91a3ad;
        font: 54px Gotham HTF Light;
        letter-spacing: .3px;
        margin: 110px 0 55px;
        padding-bottom: 55px;
        position: relative;
        text-align: center;
        text-transform: uppercase
    }

        .graduacao-financiamento-header .graduacao-financiamentos-title:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            display: block;
            height: 2px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 37px
        }

.graduacao-financiamentos-description-table {
    display: table;
    position: absolute
}

.graduacao-financiamentos-description-cell {
    display: table-cell
}

    .graduacao-financiamentos-description-cell > * {
        position: static
    }

.graduacao-financiamentos-link-prouni {
    font: 35px Arial;
    font-weight: 700;
    text-transform: none
}

.graduacao-financiamento-wrapper2 {
    max-width: 1000px;
    margin: 0 auto
}

.graduacao-financiamento-title {
    color: #91a3ad;
    font: 60px Gotham HTF Medium;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 40px;
    position: relative
}

    .graduacao-financiamento-title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        left: 0;
        height: 3px;
        position: absolute;
        transform: translateX(0);
        width: 120px
    }

.graduacao-financiamento-subtitle {
    color: #91a3ad;
    font: 35px Gotham HTF Medium;
    letter-spacing: .3px;
    margin: 0;
    text-transform: uppercase
}

.graduacao-financiamento-description {
    line-height: 32px;
    text-transform: uppercase
}

.graduacao-financiamento-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    counter-reset: a
}

.graduacao-financiamento-list-item {
    border-top: 1px solid #2f3539;
    color: #616d72;
    counter-increment: a;
    margin: 0 100px;
    min-height: 170px;
    padding-top: 30px;
    width: calc(50% - 200px)
}

    .graduacao-financiamento-list-item a {
        color: #ed145b;
        text-decoration: underline
    }

    .graduacao-financiamento-list-item p {
        font: 14px/23px Roboto;
        color: #616d72;
        margin: 30px 0
    }

    .graduacao-financiamento-list-item:last-child {
        border-top: transparent
    }

    .graduacao-financiamento-list-item.is-disabled {
        border-top: none
    }

.graduacao-financiamento-list-title {
    color: #91a3ad;
    font: 18px/30px Gotham HTF Medium;
    text-transform: uppercase;
    position: relative
}

    .graduacao-financiamento-list-title:before {
        color: #ed145b;
        left: -25px;
        font: 18px Gotham HTF Medium;
        position: absolute;
        top: 5px
    }

.graduacao-financiamento-list-text {
    color: #91a3ad;
    display: block;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    text-transform: uppercase
}

    .graduacao-financiamento-list-text:before {
        background-color: #ed145b;
        content: "";
        height: 10px;
        display: block;
        position: absolute;
        left: -25px;
        top: 10px;
        width: 10px
    }

.graduacao-financiamento-list.number .graduacao-financiamento-list-text:before {
    background-color: transparent;
    color: #ed145b;
    content: counter(a) ".";
    font: 18px Gotham HTF Medium;
    height: auto;
    top: 5px;
    width: auto
}

.graduacao-financiamento-notes {
    border: 1px solid #2f3539;
    font: 14px/23px Roboto;
    color: #616d72;
    margin: 40px 0;
    padding: 57px 100px;
    text-align: center
}

    .graduacao-financiamento-notes a {
        color: #ed145b;
        text-decoration: underline
    }

.graduacao-financiamento-informacoes {
    padding: 0 0 280px;
    position: relative
}

    .graduacao-financiamento-informacoes:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/fies/mais-informacoes/effects.png) top no-repeat
    }

    .graduacao-financiamento-informacoes .graduacao-financiamento-notes {
        max-width: 940px;
        margin: 0 auto
    }

    .graduacao-financiamento-informacoes .graduacao-financiamento-subtitle {
        font-size: 20px;
        padding-bottom: 40px;
        position: relative
    }

        .graduacao-financiamento-informacoes .graduacao-financiamento-subtitle:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            left: 50%;
            height: 2px;
            position: absolute;
            transform: translateX(-50%);
            width: 40px
        }

.graduacao-financiamento-informacoes-text {
    margin: 40px 0
}

.graduacao-financiamento-fies-header {
    padding: 0 0 200px;
    position: relative
}

    .graduacao-financiamento-fies-header:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/fies/header/effects.png) top no-repeat
    }

.graduacao-financiamento-fies-header-title {
    font: 60px Gotham HTF Medium;
    margin: 0;
    padding-bottom: 40px;
    position: relative
}

    .graduacao-financiamento-fies-header-title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        left: 0;
        height: 3px;
        position: absolute;
        transform: translateX(0);
        width: 120px
    }

.graduacao-financiamento-fies-description {
    margin-top: 100px;
    text-transform: uppercase
}

.graduacao-financiamento-fies-vantagens {
    padding: 0 0 130px;
    position: relative
}

    .graduacao-financiamento-fies-vantagens:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/fies/vantagens/effects.png) top no-repeat
    }

.graduacao-financiamento-fies-funcionamento {
    padding: 50px 0;
    position: relative
}

    .graduacao-financiamento-fies-funcionamento:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/fies/como-funciona/effects.png) top no-repeat
    }

.graduacao-financiamento-fies-funcionamento-header {
    text-align: center
}

    .graduacao-financiamento-fies-funcionamento-header .graduacao-financiamento-subtitle {
        padding-bottom: 40px;
        position: relative
    }

        .graduacao-financiamento-fies-funcionamento-header .graduacao-financiamento-subtitle:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            left: 50%;
            height: 3px;
            position: absolute;
            transform: translateX(-50%);
            width: 50px
        }

    .graduacao-financiamento-fies-funcionamento-header .graduacao-financiamento-description {
        margin: 40px auto 105px;
        max-width: 740px
    }

.graduacao-financiamento-fies-funcionamento-list {
    display: -ms-flexbox;
    display: flex
}

.graduacao-financiamento-fies-funcionamento-item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 33.3333%
}

    .graduacao-financiamento-fies-funcionamento-item:before {
        background-color: #2f3539;
        content: "";
        display: block;
        position: absolute;
        top: -20px;
        left: 30px;
        width: calc(100% - 60px);
        height: 1px
    }

.graduacao-financiamento-fies-funcionamento-number {
    color: #ed145b;
    font: 18px Gotham HTF Medium;
    padding-right: 15px
}

.graduacao-financiamento-fies-funcionamento-subtitle {
    color: #91a3ad;
    font: 18px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 0 0 30px;
    text-transform: uppercase
}

.graduacao-financiamento-fies-funcionamento-text {
    color: #616d72;
    font: 14px/23px Roboto
}

.graduacao-financiamento-fies-funcionamento-button {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: block;
    font: 15px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 80px auto;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .2s ease-out,color .2s ease-out;
    width: 350px
}

    .graduacao-financiamento-fies-funcionamento-button:hover {
        background-color: #ed145b;
        color: #000
    }

.graduacao-financiamento-fies-solicitacao {
    padding: 270px 0 100px;
    position: relative
}

    .graduacao-financiamento-fies-solicitacao:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/fies/como-solicitar/effects.png) top no-repeat
    }

    .graduacao-financiamento-fies-solicitacao .graduacao-financiamento-subtitle {
        padding-bottom: 40px;
        position: relative
    }

        .graduacao-financiamento-fies-solicitacao .graduacao-financiamento-subtitle:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            left: 0;
            height: 3px;
            position: absolute;
            transform: translateX(0);
            width: 30px
        }

    .graduacao-financiamento-fies-solicitacao .graduacao-financiamento-description {
        font-size: 20px;
        margin: 40px 0 100px
    }

.graduacao-financiamento-prouni-header {
    padding: 0 0 150px;
    position: relative
}

    .graduacao-financiamento-prouni-header:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/prouni/header/effects.png) top no-repeat
    }

.graduacao-financiamento-prouni-description {
    margin-top: 120px
}

.graduacao-financiamento-prouni-funcionamento {
    padding-bottom: 260px;
    position: relative
}

    .graduacao-financiamento-prouni-funcionamento:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/prouni/como-funciona/effects.png) top no-repeat
    }

.graduacao-financiamento-prouni-funcionamento-title {
    color: #616d72;
    font: 20px Gotham HTF Book;
    letter-spacing: .3px;
    margin-top: 80px;
    text-transform: uppercase
}

.graduacao-financiamento-prouni-funcionamento .graduacao-financiamento-list-item {
    letter-spacing: .5px;
    min-height: auto
}

    .graduacao-financiamento-prouni-funcionamento .graduacao-financiamento-list-item:last-child {
        border-top: 1px solid #31373b
    }

    .graduacao-financiamento-prouni-funcionamento .graduacao-financiamento-list-item p {
        font-size: 14px
    }

.graduacao-financiamento-prouni-funcionamento .graduacao-financiamento-list-text {
    font: 16px/26px Roboto;
    text-transform: none
}

.graduacao-financiamento-prouni-solicitacao {
    position: relative
}

    .graduacao-financiamento-prouni-solicitacao:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/prouni/como-solicitar/effects.png) top no-repeat
    }

    .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-subtitle {
        margin-bottom: 120px;
        text-align: center;
        padding-bottom: 40px;
        position: relative
    }

        .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-subtitle:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            left: 50%;
            height: 3px;
            position: absolute;
            transform: translateX(-50%);
            width: 30px
        }

    .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-list-item:last-child {
        border-top: 1px solid #2f3539
    }

    .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-list-item li {
        margin: 10px 0;
        padding-left: 20px;
        position: relative
    }

        .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-list-item li:before {
            background-color: #ed145b;
            content: "";
            display: block;
            position: absolute;
            height: 5px;
            left: 0;
            top: 10px;
            width: 5px
        }

    .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-list-item h30 {
        text-transform: uppercase
    }

    .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-list-item .graduacao-financiamento-prouni-solicitacao-observacoes {
        font: 12px/20px Roboto;
        letter-spacing: .5px;
        padding-left: 20px
    }

        .graduacao-financiamento-prouni-solicitacao .graduacao-financiamento-list-item .graduacao-financiamento-prouni-solicitacao-observacoes:before {
            content: "*"
        }

.graduacao-financiamento-prouni-solicitacao-iframe {
    border: none;
    height: 160px;
    margin: 10px;
    margin-bottom: 30px;
    width: 360px
}

.graduacao-financiamento-estendido-header {
    padding: 0;
    position: relative
}

    .graduacao-financiamento-estendido-header:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/plano-estendido/header/effects.png) top no-repeat
    }

    .graduacao-financiamento-estendido-header .graduacao-financiamento-title {
        font-size: 45px;
        text-align: center;
        padding-bottom: 40px;
        position: relative
    }

        .graduacao-financiamento-estendido-header .graduacao-financiamento-title:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            left: 50%;
            height: 3px;
            position: absolute;
            transform: translateX(-50%);
            width: 120px
        }

    .graduacao-financiamento-estendido-header .graduacao-financiamento-description {
        margin: 60px 0;
        text-align: center
    }

.graduacao-financiamento-estendido-informacoes {
    position: relative
}

    .graduacao-financiamento-estendido-informacoes:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/plano-estendido/informacoes/effects.png) top no-repeat
    }

.graduacao-financiamento-estendido-informacoes-box {
    border-top: 1px solid #3d4549
}

.graduacao-financiamento-estendido-informacoes-title {
    color: #91a3ad;
    font: 18px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 20px 0 40px;
    text-transform: uppercase
}

.graduacao-financiamento-estendido-informacoes-text {
    color: #616d72;
    font: 14px/23px Roboto
}

.graduacao-financiamento-estendido-informacoes-list li {
    color: #616d72;
    font: 14px/23px Roboto;
    margin: 30px 0;
    padding-left: 20px;
    position: relative
}

    .graduacao-financiamento-estendido-informacoes-list li:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 5px;
        left: 0;
        position: absolute;
        top: 10px;
        width: 5px
    }

.graduacao-financiamento-estendido-cursos {
    padding-bottom: 150px;
    position: relative
}

    .graduacao-financiamento-estendido-cursos:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/plano-estendido/cursos/effects.png) top no-repeat
    }

.graduacao-financiamento-estendido-cursos-title {
    color: #91a3ad;
    font: 18px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase
}

.graduacao-financiamento-estendido-cursos-text {
    color: #616d72;
    font: 14px/23px Roboto;
    margin: 5px 0 0
}

.graduacao-financiamento-estendido-cursos-year {
    color: #91a3ad;
    font: 14px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 0;
    text-transform: uppercase
}

.graduacao-financiamento-estendido-cursos-boxes {
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0
}

.graduacao-financiamento-estendido-cursos-box {
    border: 1px solid #3d4549;
    margin: 0 10px;
    padding: 40px;
    width: calc(33% - 20px)
}

.graduacao-financiamento-estendido-cursos-duracao {
    display: -ms-flexbox;
    display: flex
}

.graduacao-financiamento-estendido-cursos-duracao-item {
    width: calc(50% - 25px)
}

.graduacao-financiamento-estendido-cursos-duracao-arrow {
    width: 50px;
    position: relative
}

    .graduacao-financiamento-estendido-cursos-duracao-arrow:after, .graduacao-financiamento-estendido-cursos-duracao-arrow:before {
        content: "";
        display: block;
        height: 13px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        width: 13px
    }

    .graduacao-financiamento-estendido-cursos-duracao-arrow:before {
        left: calc(50% - 10px);
        border-top: 2px solid #ed145b;
        border-right: 2px solid #ed145b
    }

    .graduacao-financiamento-estendido-cursos-duracao-arrow:after {
        border-top: 2px solid #ed145b;
        border-right: 2px solid #ed145b
    }

.graduacao-financiamento-bolsas-header {
    padding: 100px 0;
    position: relative
}

    .graduacao-financiamento-bolsas-header:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/bolsas-de-estudo/header/effects.png) top no-repeat
    }

    .graduacao-financiamento-bolsas-header .graduacao-financiamento-title {
        font-size: 45px
    }

.graduacao-financiamento-bolsas-parceiras {
    padding: 100px 0;
    position: relative
}

    .graduacao-financiamento-bolsas-parceiras:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/bolsas-de-estudo/empresas-parceiras/effects.png) top no-repeat
    }

.graduacao-financiamento-bolsas-parceiras-text {
    font: 14px/22px Roboto;
    color: #616d72
}

.graduacao-financiamento-bolsas-ex {
    padding: 100px 0;
    position: relative
}

    .graduacao-financiamento-bolsas-ex:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/bolsas-de-estudo/ex-alunos/effects.png) top no-repeat
    }

    .graduacao-financiamento-bolsas-ex .graduacao-financiamento-bolsas-title {
        text-align: center;
        margin-bottom: 40px;
        padding-bottom: 40px;
        position: relative
    }

        .graduacao-financiamento-bolsas-ex .graduacao-financiamento-bolsas-title:after {
            background-color: #ed145b;
            bottom: 0;
            content: "";
            left: 50%;
            height: 3px;
            position: absolute;
            transform: translateX(-50%);
            width: 30px
        }

    .graduacao-financiamento-bolsas-ex .graduacao-financiamento-description {
        margin: 40px 0;
        text-align: center
    }

.graduacao-financiamento-bolsas-cursando {
    padding: 250px 0;
    position: relative
}

    .graduacao-financiamento-bolsas-cursando:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/bolsas-de-estudo/alunos-em-cursos/effects.png) top no-repeat
    }

.graduacao-financiamento-bolsas-plus {
    padding: 0 0 350px;
    position: relative
}

    .graduacao-financiamento-bolsas-plus:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/bolsas-de-estudo/fiap-plus/effects.png) top no-repeat
    }

.graduacao-financiamento-bolsas-plus-logo {
    display: block;
    height: 43px;
    margin: 0 auto 50px;
    max-width: 75%;
    width: 275px
}

.graduacao-financiamento-bolsas-plus-description {
    color: #91a3ad;
    font: 16px/23px Roboto;
    letter-spacing: .3px;
    margin: 80px 0;
    text-align: center
}

.graduacao-financiamento-bolsas-plus-grid {
    display: -ms-grid;
    display: grid
}

.shared-check-consentimento {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    width: 100%
}

.shared-check-consentimento--align-right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.shared-check-consentimento--artificial-intelligence, .shared-check-consentimento--artificial-intelligence-en {
    padding-left: 25px;
    padding-top: 20px
}

.shared-check-consentimento--absolute {
    position: absolute;
    margin-top: 5px;
    margin-left: 50px
}

.shared-check-consentimento--next .shared-check-consentimento-input {
    border: 1px solid #000
}

    .shared-check-consentimento--next .shared-check-consentimento-input:before {
        border-left: 2px solid #000;
        border-bottom: 2px solid #000
    }

.shared-check-consentimento--next .shared-check-consentimento-label {
    color: #000
}

.shared-check-consentimento-input {
    appearance: none;
    background: transparent;
    border: 1px solid #616d72;
    cursor: pointer;
    height: 18px;
    position: relative;
    width: 18px
}

    .shared-check-consentimento-input:before {
        background: transparent;
        border-left: 2px solid #ed145b;
        border-bottom: 2px solid #ed145b;
        content: "";
        height: 40%;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 47%;
        transition: opacity .4s ease,border .4s ease;
        transform: translate(-50%,-50%) rotate(-45deg);
        width: 60%
    }

    .shared-check-consentimento-input:checked:before {
        opacity: 1
    }

    .shared-check-consentimento-input.is-invalid {
        border: 1px solid #ed145b
    }

.shared-check-consentimento-label {
    color: #616d72;
    display: block;
    font: 600 13px Roboto;
    padding-left: 10px;
    text-align: left;
    text-transform: none
}

    .shared-check-consentimento-label a {
        text-decoration: underline
    }

.fiap-2018-future {
    color: #b8b8b8;
    padding-bottom: 375px;
    position: relative
}

    .fiap-2018-future:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/fiap/institucional/future-se-2018/effects.png) center 2px no-repeat
    }

.fiap-2018-future-wrapper2 {
    margin: auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
    z-index: 3
}

.fiap-2018-future-title {
    color: #91a3ad;
    font: 22px Gotham HTF Medium;
    letter-spacing: .05em;
    margin-bottom: 60px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase
}

    .fiap-2018-future-title span {
        display: block;
        font-size: 58px;
        position: relative;
        left: 50px
    }

        .fiap-2018-future-title span:before {
            content: "";
            background-color: #616d72;
            width: 30px;
            height: 1px;
            left: -50px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

.fiap-2018-future-desc {
    color: #616d72;
    font: 18px/28px Roboto;
    margin-bottom: 0;
    text-align: center
}

.fiap-2018-future-logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    margin: 150px 0 100px;
    padding: 0 50px;
    text-align: left;
    width: 100%
}

.fiap-2018-future-logo {
    display: inline-block;
    height: 100%;
    line-height: 150px;
    vertical-align: middle;
    width: 16.66%
}

    .fiap-2018-future-logo.line-two {
        width: 20%
    }

.fiap-2018-future-logo-img {
    max-width: 80%
}

.fiap-nomad {
    padding-bottom: 230px;
    position: relative
}

    .fiap-nomad:after {
        background: url(../images/fiap/institucional/nomad/effects.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.fiap-nomad-subtitle, .fiap-nomad-title {
    color: #616d72;
    font: 33px/40px Gotham HTF Light;
    margin: 0;
    text-transform: uppercase
}

    .fiap-nomad-title span {
        color: #91a3ad;
        font: 68px/64px Gotham HTF Medium
    }

.fiap-nomad-subtitle {
    padding-left: 85px;
    position: relative
}

    .fiap-nomad-subtitle:before {
        background-color: #616d72;
        content: "";
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 65px
    }

.fiap-nomad-description {
    color: #91a3ad;
    float: right
}

.fiap-nomad-slider {
    color: #91a3ad;
    margin-top: 80px;
    overflow: hidden;
    position: relative
}

.fiap-nomad-slider-wrapper2 {
    font-size: 0;
    white-space: nowrap
}

.fiap-nomad-section {
    display: inline-block;
    padding: 0 20px;
    width: 100%
}

.fiap-nomad-slider-item {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 33.333%
}

.fiap-nomad-slider-button {
    background-color: #ed145b;
    cursor: pointer;
    font-size: 0;
    height: 210px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: visibility .4s ease-out,opacity .4s ease-out;
    width: 30px;
    z-index: 1
}

    .fiap-nomad-slider-button.is-hidden {
        visibility: hidden;
        opacity: 0
    }

    .fiap-nomad-slider-button:before {
        border: 3px solid #000;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        width: 15px
    }

.fiap-nomad-slider-button-prev {
    left: 0
}

    .fiap-nomad-slider-button-prev:before {
        border-right: 0;
        border-top: 0;
        left: 43%;
        top: 53%;
        transform: rotate(45deg) translate(-50%,-50%)
    }

.fiap-nomad-slider-button-next {
    right: 0
}

    .fiap-nomad-slider-button-next:before {
        border-left: 0;
        border-top: 0;
        left: 49%;
        top: 47%;
        transform: rotate(-45deg) translate(-50%,-50%)
    }

.fiap-nomad-project-thumb {
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 550px;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    transition: box-shadow .4s ease-out
}

.fiap-nomad-project-thumb-title {
    font: 12px/20px Gotham HTF Book;
    margin: 35px;
    text-transform: uppercase
}

.fiap-nomad-slider-item:hover .fiap-nomad-project-thumb {
    box-shadow: inset 0 0 0 1px #ed145b
}

.fiap-nomad-project-thumb-img-content {
    height: 150px;
    position: relative;
    width: 100%
}

    .fiap-nomad-project-thumb-img-content .fiap-nomad-project-thumb-img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.fiap-nomad-project-thumb-saiba-mais {
    bottom: 20px;
    position: absolute
}

.fiap-nomad-project-thumb-saiba-mais-button {
    border: 1px solid #ed145b;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    transition: background-color .5s ease;
    width: 40px
}

    .fiap-nomad-project-thumb-saiba-mais-button:after, .fiap-nomad-project-thumb-saiba-mais-button:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%);
        transition: background-color .5s ease;
        width: 15px
    }

    .fiap-nomad-project-thumb-saiba-mais-button:after {
        transform: translateX(-50%) rotate(90deg)
    }

.fiap-nomad-slider-item:hover .fiap-nomad-project-thumb-saiba-mais-button {
    background-color: #ed145b
}

    .fiap-nomad-slider-item:hover .fiap-nomad-project-thumb-saiba-mais-button:after, .fiap-nomad-slider-item:hover .fiap-nomad-project-thumb-saiba-mais-button:before {
        background-color: #1a1d20
    }

.fiap-nomad-project-thumb-saiba-mais-description {
    color: #ed145b;
    font: 12px/20px Gotham HTF Bold;
    left: 0;
    letter-spacing: 1px;
    text-transform: uppercase
}

.fiap-nomad-project-description {
    background-color: #1a1d20;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s ease-out,visibility .4s ease-out;
    visibility: hidden;
    width: 100%
}

.fiap-nomad-project-description-close {
    color: #ed145b;
    font: 12px/21px Roboto;
    position: absolute;
    right: 5px;
    text-decoration: underline;
    top: 5px
}

.fiap-nomad-project-description-content {
    padding: 0 60px 0 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.fiap-nomad-project-description-figure {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

    .fiap-nomad-project-description-figure .fiap-nomad-project-description-img {
        max-width: 40%
    }

    .fiap-nomad-project-description-figure:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 160px;
        left: -20px;
        position: absolute;
        top: 0;
        width: 2px
    }

.fiap-nomad-project-description-title {
    font: 11px/20px Gotham HTF Book;
    margin: 20px 0;
    text-transform: uppercase
}

.fiap-nomad-project-description-text {
    font: 14px/22px Roboto;
    margin: 30px 0
}

.fiap-nomad-project-description.is-active {
    opacity: 1;
    visibility: visible
}

.fiap-2018-mec {
    padding-bottom: 250px;
    position: relative
}

    .fiap-2018-mec:after {
        background: url(../images/fiap/institucional/premios-e-reconhecimentos/mec/effects-2018.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.fiap-2018-mec-title {
    color: #91a3ad;
    font: 58px Gotham HTF Medium;
    letter-spacing: .05em;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase
}

    .fiap-2018-mec-title span {
        display: block;
        font: 22px Gotham HTF Light;
        left: 50px;
        position: relative;
        width: fit-content
    }

        .fiap-2018-mec-title span:before {
            background-color: #616d72;
            content: "";
            height: 1px;
            left: -50px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 30px
        }

.fiap-2018-mec-groups {
    display: -ms-flexbox;
    display: flex;
    margin: 160px 0;
    text-align: center
}

.fiap-2018-mec-item {
    width: 30%;
    display: -ms-flexbox;
    display: flex
}

.fiap-2018-mec-item-excelencia {
    width: 40%
}

.fiap-2018-mec-item-column-left, .fiap-2018-mec-item-column-right {
    text-align: left
}

.fiap-2018-mec-item-column-left {
    width: 25%;
    position: relative
}

.fiap-2018-mec-item-column-right {
    width: 75%;
    padding-top: 80px
}

.fiap-2018-mec-item-conceito {
    color: #616d72;
    display: block;
    font: 10px Gotham HTF Medium;
    left: -4px;
    letter-spacing: 2px;
    position: absolute;
    text-transform: uppercase;
    top: 95px;
    transform: rotate(-90deg)
}

.fiap-2018-mec-item-conceito-magenta {
    color: #ed145b
}

    .fiap-2018-mec-item-conceito-magenta:after {
        background-color: #ed145b !important
    }

.fiap-2018-mec-item-conceito:after {
    background-color: #616d72;
    content: "";
    height: 1px;
    left: -65px;
    position: absolute;
    top: 15px;
    width: 135px
}

.fiap-2018-mec-item-title-number {
    color: #4a5356;
    font: 47px Gotham HTF Bold;
    letter-spacing: 22px;
    margin-bottom: 50px;
    position: relative
}

.fiap-2018-mec-item-title-number-regular {
    padding-left: 25px
}

.fiap-2018-mec-item-title-number-inadequado {
    padding-left: 9px
}

    .fiap-2018-mec-item-title-number-inadequado .fiap-2018-mec-item-title-hifen {
        background-color: #4a5356 !important
    }

.fiap-2018-mec-item-title-number-magenta {
    color: #ed145b
}

.fiap-2018-mec-item-title-number .fiap-2018-mec-item-title-hifen {
    background-color: #ed145b;
    height: 4px;
    left: 26px;
    margin: auto 8px;
    position: absolute;
    top: 51%;
    width: 8px
}

.fiap-2018-mec-item-title {
    color: #616d72;
    font: 31px Gotham HTF Book;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%
}

.fiap-2018-mec-item-title-magenta {
    color: #ed145b;
    font: 33px Gotham HTF Bold
}

.fiap-2018-mec-item-list {
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

    .fiap-2018-mec-item-list p {
        color: #505a5f;
        font: 15px Gotham HTF Medium;
        letter-spacing: 2px;
        margin-bottom: -10px;
        padding: 5px 30px 5px 11px
    }

.fiap-2018-mec-item-list-fiap {
    background: #ed145b;
    color: #0e1012 !important
}

.fiap-2018-mec-item-list-right {
    padding-left: 15px
}

.fiap-2018-mec-item-list-blur p {
    color: transparent !important;
    text-shadow: 0 0 13px #4a5358 !important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fiap-2018-enade {
    padding-bottom: 300px;
    position: relative
}

    .fiap-2018-enade:before {
        background: url(../images/fiap/institucional/premios-e-reconhecimentos/enade/before-effects-2019.png) top no-repeat;
        left: -580px;
        top: -200px
    }

    .fiap-2018-enade:after, .fiap-2018-enade:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%
    }

    .fiap-2018-enade:after {
        background: url(../images/fiap/institucional/premios-e-reconhecimentos/enade/effects-2019.png) top 420px center no-repeat;
        left: 0;
        top: 0
    }

    .fiap-2018-enade--institucional:before, .fiap-2018-enade.fiap-2018-enade--graduacao:before {
        display: none
    }

.fiap-2018-enade-main {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.fiap-2018-enade-content {
    padding-bottom: 120px
}

.fiap-2018-enade-title {
    font: 36px/44px Gotham HTF Medium
}

.fiap-2018-enade-subtitle, .fiap-2018-enade-title {
    color: #91a3ad;
    letter-spacing: .3px;
    margin: 0 auto;
    text-transform: uppercase
}

.fiap-2018-enade-subtitle {
    font: 33px/44px Gotham HTF Light
}

.fiap-2018-enade-subtitle--graduacao {
    color: #41494d
}

.fiap-2018-enade-nota-title {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    display: -ms-flexbox;
    display: flex;
    font: 20px/27px Gotham HTF Medium;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: .6px;
    margin-bottom: 20px;
    margin-left: 30px;
    text-transform: uppercase;
    position: relative
}

    .fiap-2018-enade-nota-title:before {
        background: #ed145b;
        content: "";
        height: 3px;
        margin-left: -30px;
        position: absolute;
        width: 20px
    }

.fiap-2018-enade-text {
    color: #91a3ad;
    font: 16px/30px Roboto;
    letter-spacing: .3px;
    max-width: 530px
}

.fiap-2018-enade-row {
    display: -ms-flexbox;
    display: flex
}

.fiap-2018-enade-col-side {
    width: 30%
}

.fiap-2018-enade-col-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 50%
}

.fiap-2018-enade-box {
    border: 1px solid #31383a;
    color: #616d72;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 15px;
    min-height: 190px;
    position: relative;
    transition: border-color .4s ease-out
}

.fiap-2018-enade-box-subtitle, .fiap-2018-enade-box-title {
    margin: 0;
    transition: color .4s ease-out
}

.fiap-2018-enade-box-title {
    font: 17px/23px Gotham HTF Medium;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: color .4s ease-out
}

.fiap-2018-enade-box:hover .fiap-2018-enade-box-title {
    color: #ed145b
}

.fiap-2018-enade-box-title-engenharia {
    font: 24px/30px Gotham HTF Medium;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: color .4s ease-out
}

.fiap-2018-enade-box:hover .fiap-2018-enade-box-title-engenharia {
    color: #ed145b
}

.fiap-2018-enade-box-subtitle {
    font: 16px/22px Roboto
}

.fiap-2018-enade-box.left {
    padding: 20px 0 20px 80px
}

.fiap-2018-enade-box.center {
    padding: 100px 0;
    text-align: center
}

.fiap-2018-enade-box.right {
    padding: 0 80px 0 30px
}

.fiap-2018-enade-box:hover {
    border-color: #ed145b;
    color: #91a3ad
}

.fiap-2018-enade-nota {
    border: 1px solid #31383a;
    color: #616d72;
    padding: 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: background .4s ease-out,border-color .4s ease-out;
    z-index: 1
}

.fiap-2018-enade-box.left .fiap-2018-enade-nota {
    background: linear-gradient(90deg,#0c0f10,#0f1013);
    left: -40px
}

.fiap-2018-enade-box.center .fiap-2018-enade-nota {
    background: linear-gradient(90deg,#15181a,#1b1f21);
    left: 50%;
    top: -40px;
    transform: translateX(-50%)
}

.fiap-2018-enade-box.right .fiap-2018-enade-nota {
    background: linear-gradient(90deg,#282b2e,#282b2e);
    right: -40px
}

.fiap-2018-enade-nota-subtitle {
    font: 11px/22px Gotham HTF Bold;
    margin: 0;
    position: absolute;
    top: 50%;
    transition: color .4s ease-out
}

.fiap-2018-enade-box.left .fiap-2018-enade-nota-subtitle {
    left: -52px;
    transform: translateY(-50%) rotate(270deg)
}

.fiap-2018-enade-box.center .fiap-2018-enade-nota-subtitle {
    left: 50%;
    top: -22px;
    transform: translateX(-50%)
}

.fiap-2018-enade-box.right .fiap-2018-enade-nota-subtitle {
    right: -66px;
    transform: translateY(-50%) rotate(-270deg)
}

.fiap-2018-enade-box:hover .fiap-2018-enade-nota-subtitle {
    color: #ed145b
}

.fiap-2018-enade-box:hover .fiap-2018-enade-nota {
    background: #ed145b !important;
    border-color: #ed145b
}

.fiap-2018-artigos {
    padding-bottom: 460px;
    position: relative
}

    .fiap-2018-artigos:after {
        background: url(../images/fiap/institucional/premios-e-reconhecimentos/artigos/effects-2019.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.fiap-2018-artigos-box, .fiap-2018-artigos-main {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.fiap-2018-artigos-box {
    border: 1px solid #4a5358;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 100px;
    padding: 80px;
    -ms-flex-item-align: center;
    align-self: center
}

.fiap-2018-artigos-highlight {
    color: transparent;
    font: 49px/47px Gotham HTF Medium;
    margin-bottom: 40px;
    text-align: center;
    text-shadow: rgba(237,20,91,.55) 4px 0 20px;
    text-transform: uppercase;
    -webkit-text-stroke: 2px #ed145b
}

.fiap-2018-artigos-title {
    color: #cee7f5;
    font: 36px/45px Gotham HTF Light;
    letter-spacing: .3px;
    margin-top: -5px
}

.fiap-2018-artigos-text {
    color: #535d63;
    font: 600 20px/29px Gotham HTF Medium;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative
}

    .fiap-2018-artigos-text:after {
        background: #ed145b;
        content: "";
        height: 3px;
        left: 0;
        margin-top: 65px;
        position: absolute;
        width: 50px
    }

.fiap-2018-artigos-number {
    color: #252a2d;
    content: attr(data-number);
    font: 280px/200px Gotham HTF Bold;
    left: -40px;
    position: absolute;
    top: 35px;
    z-index: -1
}

.fiap-2018-artigos-media {
    height: 40px;
    line-height: 40px;
    margin-bottom: 25px
}

.fiap-2018-artigos-media-img {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.fiap-2018-artigos-desc {
    font: 14px/22px Roboto;
    margin-bottom: 0
}

.fiap-2018-sxsw {
    padding-bottom: 500px;
    position: relative
}

    .fiap-2018-sxsw:after {
        background: url(../images/fiap/institucional/sxsw-2018/effects.png) top no-repeat;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.fiap-2018-sxsw-columns {
    font-size: 0;
    width: 100%
}

.fiap-2018-sxsw-column {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

    .fiap-2018-sxsw-column.right {
        padding-left: 10px
    }

.fiap-2018-sxsw-image-content {
    text-align: center
}

.fiap-2018-sxsw-logo {
    display: inline-block
}

    .fiap-2018-sxsw-logo.fiap {
        width: 160px;
        fill: #ed145b
    }

    .fiap-2018-sxsw-logo.at {
        color: #86969f;
        font: 17px Gotham HTF Book;
        padding: 0 15px;
        text-transform: uppercase
    }

    .fiap-2018-sxsw-logo.sxsw {
        width: 210px;
        fill: #91a3ad
    }

.fiap-2018-sxsw-title {
    color: #91a3ad;
    font: 35px/44px Gotham HTF Light;
    padding-top: 20px;
    text-transform: uppercase
}

.fiap-2018-sxsw-subtitle {
    color: #616d72;
    font: 20px/29px Gotham HTF Medium;
    letter-spacing: .5px;
    margin-top: -20px;
    padding-bottom: 70px;
    position: relative;
    text-transform: uppercase
}

    .fiap-2018-sxsw-subtitle:after {
        background-color: #ed145b;
        bottom: 20px;
        content: "";
        height: 3px;
        left: -160px;
        position: absolute;
        width: 215px;
        z-index: 10
    }

.fiap-2018-sxsw-text-title {
    color: #91a3ad;
    font: 14px/45px Gotham HTF Medium;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.fiap-2018-sxsw-text {
    color: #616d72;
    font: 16px/24px Roboto;
    letter-spacing: .3px
}

.fiap-2018-videos {
    padding-bottom: 310px;
    position: relative
}

    .fiap-2018-videos:after {
        background: url(../images/fiap/institucional/videos/effects-2018.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.fiap-2018-videos-title {
    color: #91a3ad;
    font: 22px Gotham HTF Medium;
    letter-spacing: .05em;
    margin-left: 150px;
    position: relative;
    text-transform: uppercase
}

    .fiap-2018-videos-title span {
        display: block;
        font-size: 58px;
        left: 50px;
        position: relative
    }

        .fiap-2018-videos-title span:before {
            background-color: #616d72;
            content: "";
            height: 1px;
            left: -50px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 30px
        }

.fiap-2018-videos-box {
    height: 680px;
    margin-top: 70px;
    position: relative;
    width: 100%
}

.fiap-2018-videos-option {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease-out;
    visibility: hidden;
    width: 100%
}

    .fiap-2018-videos-option.is-active {
        opacity: 1;
        visibility: visible
    }

.fiap-2018-videos-media {
    border: none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.fiap-2018-videos-share-list {
    margin: 30px
}

.fiap-2018-videos-share-item {
    display: block;
    margin: 15px 0
}

.fiap-2018-videos-share {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

    .fiap-2018-videos-share span {
        display: block;
        height: 13px;
        transform: rotate(-90deg)
    }

.fiap-2018-videos-share-title {
    color: #ed145b;
    font-family: Gotham HTF Bold;
    font-size: 10px;
    margin: 0 auto;
    text-transform: uppercase
}

.fiap-2018-videos-share-icon {
    height: 20px;
    text-align: center;
    width: 20px
}

.fiap-2018-videos-thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fiap-2018-videos-thumb-item {
    margin: 0 40px
}

.fiap-2018-videos-thumb-figure {
    border: 2px solid transparent;
    cursor: pointer;
    height: 120px;
    margin: 0;
    position: relative;
    transition: border-color .4s ease-out;
    width: 240px
}

.fiap-2018-videos-thumb-item.is-active .fiap-2018-videos-thumb-figure {
    border-color: #ed145b
}

.fiap-2018-videos-thumb-figure:before {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

    .fiap-2018-videos-thumb-figure:before .fiap-2018-videos-thumb-item:first-child {
        opacity: .3
    }

.fiap-2018-videos-thumb-img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fiap-2018-videos-thumb-item.is-active .fiap-2018-videos-thumb-img {
    filter: grayscale(100%)
}

.fiap-2018-videos-thumb-button {
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    font: 11px Gotham HTF Medium;
    left: 50%;
    letter-spacing: 1.5px;
    opacity: 0;
    outline: none;
    padding: 12px 30px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .2s ease-out,visibility .4s ease-out,border-color .4s ease-out;
    visibility: hidden;
    z-index: 2
}

    .fiap-2018-videos-thumb-button.is-active {
        border-color: transparent;
        color: #91a3ad;
        opacity: 1;
        visibility: visible
    }

.fiap-2018-videos-thumb-item:hover .fiap-2018-videos-thumb-button {
    opacity: 1;
    visibility: visible
}

.fiap-2018-videos-thumb-item.is-active .fiap-2018-videos-thumb-button {
    border-color: transparent;
    color: #91a3ad;
    opacity: 1;
    visibility: visible
}

.fiap-2018-videos-thumb-description {
    color: #91a3ad;
    font: 14px Roboto;
    letter-spacing: .3px;
    text-transform: uppercase
}

.fiap-2018-unidades {
    padding-bottom: 85px;
    position: relative
}

    .fiap-2018-unidades.is-contato {
        padding-bottom: 0
    }

        .fiap-2018-unidades.is-contato:after {
            display: none
        }

    .fiap-2018-unidades:after {
        background: url(../images/fiap/institucional/unidades/effects-2018.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.fiap-2018-unidades-title {
    color: #91a3ad;
    font: 63px/50px Gotham HTF Medium;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 130px;
    position: relative;
    text-transform: uppercase
}

    .fiap-2018-unidades-title:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 13px;
        left: 66px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 13px
    }

.fiap-2018-unidades-list {
    display: -ms-flexbox;
    display: flex;
    margin: 110px -7px 0
}

.fiap-2018-unidades-item {
    padding: 0 7px;
    width: 100%
}

.fiap-2018-unidades-media {
    margin-bottom: 60px;
    overflow: hidden;
    position: relative;
    transition: opacity .4s
}

    .fiap-2018-unidades-media:before {
        content: "";
        display: block;
        padding-top: 157.491289199%
    }

    .fiap-2018-unidades-media:after {
        background-color: transparent;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: background-color .5s ease,opacity .5s ease;
        width: 100%;
        z-index: 10
    }

.fiap-2018-unidades-list:hover .fiap-2018-unidades-media:after {
    background-color: rgba(0,0,0,.5)
}

.fiap-2018-unidades-item.is-active .fiap-2018-unidades-media:after, .fiap-2018-unidades-item:hover .fiap-2018-unidades-media:after {
    opacity: 0
}

.fiap-2018-unidades-img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease;
    width: 100%
}

.fiap-2018-unidades-list:hover .fiap-2018-unidades-img {
    filter: grayscale(100%)
}

.fiap-2018-unidades-item.is-active .fiap-2018-unidades-img, .fiap-2018-unidades-item:hover .fiap-2018-unidades-img {
    filter: none
}

.fiap-2018-unidades-newdesc {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.fiap-2018-unidades-newdesc-text:first-child {
    color: #91a3ad;
    font: 18px/23px Gotham HTF Book;
    text-align: center;
    text-transform: uppercase
}

.fiap-2018-unidades-newdesc-text:nth-child(2) {
    -ms-flex-align: center;
    align-items: center;
    color: #ed145b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font: 30px Gotham HTF Light;
    text-align: center;
    text-transform: uppercase
}

    .fiap-2018-unidades-newdesc-text:nth-child(2):after, .fiap-2018-unidades-newdesc-text:nth-child(2):before {
        background: #ed145b;
        content: "";
        display: block;
        height: 1px;
        position: relative;
        width: 40px
    }

    .fiap-2018-unidades-newdesc-text:nth-child(2):before {
        top: -20px
    }

    .fiap-2018-unidades-newdesc-text:nth-child(2):after {
        top: 20px
    }

.fiap-2018-unidades-newdesc-text:nth-child(3) {
    color: #91a3ad;
    font: 16px/23px Roboto;
    text-align: center
}

.fiap-2018-unidades-tag {
    background: #ed145b;
    bottom: 0;
    color: #fff;
    display: block;
    font: 600 14px/40px Roboto;
    left: 0;
    padding-left: 15px;
    padding-right: 5px;
    position: absolute;
    text-transform: uppercase
}

    .fiap-2018-unidades-tag:after {
        border-color: transparent transparent transparent #ed145b;
        border-style: solid;
        border-width: 40px 0 0 25px;
        content: "";
        display: block;
        height: 0;
        left: 100%;
        position: absolute;
        top: 0;
        width: 0
    }

.fiap-2018-unidades-content {
    color: #616d72;
    margin-bottom: 120px
}

.fiap-2018-unidades-item.is-active .fiap-2018-unidades-content {
    color: #91a3ad
}

.fiap-2018-unidades-subtitle {
    color: #616d72;
    display: block;
    font: 18px Gotham HTF Medium;
    margin-bottom: 10px;
    overflow: hidden;
    text-transform: uppercase;
    transition: all .5s ease
}

    .fiap-2018-unidades-subtitle span {
        display: block
    }

.fiap-2018-unidades-item:hover .fiap-2018-unidades-subtitle {
    color: #91a3ad
}

.fiap-2018-unidades-item.is-active .fiap-2018-unidades-subtitle {
    color: #ed145b
}

.fiap-2018-unidades-desc {
    font: 16px/25px Roboto;
    margin-bottom: 0
}

    .fiap-2018-unidades-desc.special {
        -ms-flex-align: center;
        align-items: center;
        color: #4a5358;
        display: -ms-flexbox;
        display: flex;
        font: 14px/25px Roboto;
        margin-left: 25px;
        position: relative
    }

        .fiap-2018-unidades-desc.special:before {
            background: #3b4750;
            content: "";
            height: 1px;
            margin-left: -25px;
            position: absolute;
            width: 15px
        }

.fiap-2018-unidades-btn, .fiap-2018-unidades-btn-close {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 10px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin-top: 30px;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .fiap-2018-unidades-btn-close:hover, .fiap-2018-unidades-btn:hover {
        background: #ed145b;
        color: #000
    }

.fiap-2018-unidades-btn-close, .fiap-2018-unidades-item.is-active .fiap-2018-unidades-btn, .fiap-2018-unidades-item.is-active .fiap-2018-unidades-btn-close {
    display: none
}

.fiap-2018-unidades-item.is-active .fiap-2018-unidades-btn-close {
    background: #ed145b;
    color: #000;
    display: inline-block
}

.fiap-2018-unidades-btn-bg {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2
}

.fiap-2018-unidades-btn-bg-bottom, .fiap-2018-unidades-btn-bg-left, .fiap-2018-unidades-btn-bg-right, .fiap-2018-unidades-btn-bg-top {
    background: #ed145b;
    position: absolute
}

.fiap-2018-unidades-btn-bg-bottom, .fiap-2018-unidades-btn-bg-top {
    height: 1px;
    width: 100%
}

.fiap-2018-unidades-btn-bg-left, .fiap-2018-unidades-btn-bg-right {
    height: 100%;
    width: 1px
}

.fiap-2018-unidades-btn-bg-top {
    left: 0;
    top: 0
}

.fiap-2018-unidades-btn-bg-right {
    right: 0;
    top: 0
}

.fiap-2018-unidades-btn-bg-bottom {
    bottom: 0;
    left: 0
}

.fiap-2018-unidades-btn-bg-left {
    left: 0;
    top: 0
}

.fiap-2018-unidades-newbtn {
    border: 1px solid #ed145b;
    color: #ed145b;
    font: 10px/27px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin-top: 35px;
    padding: 4px 40px;
    transition: all .5s ease;
    z-index: 20
}

    .fiap-2018-unidades-newbtn:hover {
        color: #000;
        background: #ed145b;
        transition: all .5s ease
    }

.fiap-2018-mapa {
    margin-bottom: 200px;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    transition: max-height .6s ease,min-height .6s ease
}

    .fiap-2018-mapa.is-active {
        max-height: 650px;
        min-height: 650px
    }

.graduacao-challenges {
    padding-bottom: 200px
}

    .graduacao-challenges .wrapper2 {
        z-index: 10
    }

.graduacao-challenges-header {
    max-width: 960px;
    margin: 0 auto
}

.graduacao-challenges-title {
    position: relative;
    padding-bottom: 40px;
    font: 54px Gotham HTF Medium;
    color: #91a3ad;
    margin: 0;
    text-transform: uppercase
}

    .graduacao-challenges-title:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 60px;
        height: 2px;
        background-color: #ed145b
    }

.graduacao-challenges-description {
    color: #91a3ad;
    margin-bottom: 20px;
    margin-top: 80px;
    text-transform: uppercase
}

.graduacao-challeges .components-select-list {
    max-width: 440px
}

.graduacao-challenges-gallery {
    margin: 80px 0
}

    .graduacao-challenges-gallery.is-empty {
        background-color: #1a1d20;
        height: 302px
    }

    .graduacao-challenges-gallery-wrapper2, .graduacao-challenges-gallery.is-empty {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .graduacao-challenges-gallery.is-slider .graduacao-challenges-gallery-wrapper2 {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: block;
        font-size: 0;
        white-space: nowrap
    }

    .graduacao-challenges-gallery.is-empty .graduacao-challenges-gallery-wrapper2 {
        color: #91a3ad;
        display: block;
        font: 20px Gotham HTF Medium;
        text-transform: uppercase
    }

.graduacao-challenges-gallery-section {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.graduacao-challenges-gallery-item {
    font-size: 16px;
    position: relative;
    height: 292px;
    width: calc(25% - 10px);
    white-space: normal;
    margin: 5px
}

.graduacao-challenges-gallery-next, .graduacao-challenges-gallery-prev {
    display: none
}

.graduacao-challenges-gallery.is-slider .graduacao-challenges-gallery-next, .graduacao-challenges-gallery.is-slider .graduacao-challenges-gallery-prev {
    display: block
}

.graduacao-challenges-gallery-thumb {
    background: #1a1d20;
    background: linear-gradient(130deg,#1a1d20,#1a1d20 0,#25292d);
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10
}

.graduacao-challenges-gallery-image {
    bottom: 50px
}

.graduacao-challenges-gallery-icon, .graduacao-challenges-gallery-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.graduacao-challenges-gallery-description {
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a1d20;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: visibility .2s ease-out,opacity .2s ease-out;
    width: 100%;
    visibility: hidden;
    z-index: 15
}

.graduacao-challenges-gallery-item.is-active .graduacao-challenges-gallery-description, .graduacao-challenges-gallery-item:hover .graduacao-challenges-gallery-description {
    opacity: 1;
    visibility: visible
}

.graduacao-challenges-gallery-description-title {
    color: #91a3ad;
    font: 19px Gotham HTF Medium;
    margin: 0;
    margin-bottom: 7px;
    text-transform: uppercase
}

.graduacao-challenges-gallery-description-text {
    color: #616d72;
    font: 14px Roboto;
    margin-bottom: 7px
}

.graduacao-challenges-gallery-description-play {
    cursor: pointer;
    color: #bf0f48;
    display: block;
    font: 11px Gotham HTF Bold;
    margin: 0 auto;
    padding-left: 15px;
    position: relative;
    text-transform: uppercase;
    text-decoration: underline
}

    .graduacao-challenges-gallery-description-play:before {
        background-color: transparent;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #ed145b;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: 0;
        left: 0
    }

.graduacao-challenges-videos {
    margin-top: 100px;
    display: none
}

.graduacao-challenges-video {
    width: 100%;
    height: 600px;
    background-color: #000;
    display: none
}

    .graduacao-challenges-video.is-active {
        display: block
    }

.graduacao-challenges-close {
    float: right;
    margin-bottom: 5px
}

.graduacao-extensoes {
    padding-bottom: 280px;
    position: relative
}

    .graduacao-extensoes:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/shared/extensao-internacional/effects.png) center -132px no-repeat
    }

.graduacao-extensoes-title-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: left
}

.graduacao-extensoes--online .graduacao-extensoes-title-content {
    max-width: 1200px
}

.graduacao-extensoes-title {
    color: #91a3ad;
    font: 38px Gotham HTF Light;
    letter-spacing: 1px;
    margin-bottom: 140px;
    margin-top: 0;
    text-transform: uppercase;
    position: relative
}

    .graduacao-extensoes-title:after {
        background: #ed145b;
        bottom: -50px;
        content: "";
        display: block;
        height: 5px;
        left: 4px;
        position: absolute;
        width: 102px
    }

.graduacao-extensoes--online .graduacao-extensoes-title {
    font: 35px Gotham HTF Light;
    margin-bottom: 180px;
    margin-left: 60px
}

.graduacao-extensoes-subtitle {
    color: #616d72;
    font: 20px/32px Gotham HTF Book;
    letter-spacing: .5px;
    margin-top: -150px;
    text-transform: uppercase;
    float: right;
    max-width: 640px
}

.graduacao-extensoes-title-internacional {
    font: 62px Gotham HTF Medium;
    display: block
}

.graduacao-extensoes--online .graduacao-extensoes-title-internacional {
    font: 55px Gotham HTF Medium
}

.graduacao-extensoes-image {
    width: 100%;
    margin-top: 20px;
    position: relative
}

.graduacao-extensoes-image-title {
    position: absolute;
    top: 50%;
    left: 50%;
    font: 42px Gotham HTF Light;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    letter-spacing: .3px;
    color: #aebbc3
}

.graduacao-extensoes-image-subtitle {
    color: #d6f0ff;
    display: block;
    font: 18px/32px Roboto;
    margin-top: 25px;
    text-align: center
}

.graduacao-extensoes-columns {
    max-width: 800px;
    margin: 100px auto
}

.graduacao-extensoes-logo {
    display: block;
    fill: #aebbc3;
    height: 40px;
    width: 200px
}

.graduacao-extensoes-local {
    font: 14px Gotham HTF Light;
    letter-spacing: .5px;
    color: #aebbc3;
    text-transform: uppercase;
    margin-top: 20px
}

.graduacao-extensoes-desc {
    margin: 0 0 40px;
    color: #91a3ad
}

.graduacao-extensoes-btn {
    color: #ed145b;
    display: inline-block;
    font: 18px Gotham HTF Bold;
    margin-top: 50px;
    padding: 18px 45px;
    position: relative;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .graduacao-extensoes-btn:hover {
        background: #ed145b;
        color: #000
    }

.graduacao-extensoes-btn-text {
    display: block;
    overflow: hidden
}

    .graduacao-extensoes-btn-text span {
        display: inline-block
    }

.graduacao-extensoes-btn-bg {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.graduacao-extensoes-btn-bg-bottom, .graduacao-extensoes-btn-bg-left, .graduacao-extensoes-btn-bg-right, .graduacao-extensoes-btn-bg-top {
    background: #ed145b;
    position: absolute
}

.graduacao-extensoes-btn-bg-bottom, .graduacao-extensoes-btn-bg-top {
    height: 2px;
    width: 100%
}

.graduacao-extensoes-btn-bg-left, .graduacao-extensoes-btn-bg-right {
    height: 100%;
    width: 2px
}

.graduacao-extensoes-btn-bg-top {
    left: 0;
    top: 0
}

.graduacao-extensoes-btn-bg-right {
    right: 0;
    top: 0
}

.graduacao-extensoes-btn-bg-bottom {
    bottom: 0;
    left: 0
}

.graduacao-extensoes-btn-bg-left {
    left: 0;
    top: 0
}

.graduacao-extensoes-label {
    display: block;
    font: 700 12px Roboto;
    letter-spacing: .5px;
    margin-top: 70px;
    text-transform: uppercase;
    white-space: nowrap
}

.graduacao-extensoes-label-icon {
    fill: none;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    margin-top: -3px;
    stroke: #ed145b;
    vertical-align: middle;
    width: 10px
}

.graduacao-labs {
    padding: 0 0 360px;
    position: relative
}

    .graduacao-labs:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/labs/effects.png) top no-repeat
    }

.graduacao-labs-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 0;
    margin-left: 135px;
    padding-bottom: 50px;
    text-transform: uppercase;
    padding-bottom: 40px;
    position: relative
}

    .graduacao-labs-title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        left: 0;
        height: 1px;
        position: absolute;
        transform: translateX(0);
        width: 60px
    }

.graduacao-labs-description {
    margin: 90px 0
}

.graduacao-labs-wrapper2 {
    position: relative
}

.graduacao-labs-gallery {
    position: relative;
    overflow: hidden
}

.graduacao-labs-gallery-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.graduacao-labs-gallery-item {
    cursor: pointer;
    margin: 5px;
    position: relative;
    width: calc(33% - 20px);
    white-space: normal
}

.graduacao-labs-gallery-next, .graduacao-labs-gallery-prev {
    top: 50%
}

.graduacao-labs-gallery-thumb {
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    -ms-flex-pack: center;
    justify-content: center
}

.graduacao-labs-gallery-thumb-title {
    color: #91a3ad;
    font: 40px Borda Regular;
    text-transform: uppercase;
    text-align: center
}

    .graduacao-labs-gallery-thumb-title span {
        color: #ed145b
    }

.graduacao-labs-gallery-description {
    background-color: #ed145b;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    opacity: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    text-align: center;
    transition: opacity .2s ease-out,visibility .2s ease-out;
    width: 100%;
    visibility: hidden
}

.graduacao-labs-gallery-description-title {
    font: 28px Borda Medium;
    text-transform: uppercase
}

.graduacao-labs-gallery-description-text {
    font: 13px/17px Roboto;
    font-weight: 700;
    max-width: 415px;
    margin: 0 auto
}

.graduacao-labs-gallery-description-button {
    cursor: pointer;
    font: 12px Roboto;
    font-weight: 700;
    margin: 30px;
    outline: none;
    text-transform: uppercase;
    text-decoration: underline
}

.graduacao-labs-slider, .graduacao-labs-sliders {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.graduacao-labs-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-out,visibility .2s ease-out
}

    .graduacao-labs-slider.is-active {
        opacity: 1;
        visibility: visible
    }

.graduacao-labs-slider-close {
    float: right;
    margin: 0 10px 5px 0
}

.graduacao-financiamentos {
    padding: 0 0 280px;
    position: relative
}

    .graduacao-financiamentos:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/graduacao/financiamentos-e-bolsas/effects.png) center -240px no-repeat
    }

.graduacao-financiamentos-title {
    color: #91a3ad;
    font: 35px Gotham HTF Medium;
    margin: 0;
    margin-left: 45px;
    padding-bottom: 35px;
    position: relative;
    text-transform: uppercase
}

    .graduacao-financiamentos-title:after {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        bottom: 0;
        width: 35px
    }

.graduacao-financiamentos-list {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
    padding: 0
}

    .graduacao-financiamentos-list.special-condition {
        -ms-flex-pack: center;
        justify-content: center
    }

.graduacao-financiamentos-item {
    min-height: 235px;
    margin: 10px;
    position: relative;
    width: calc(25% - 20px)
}

.graduacao-financiamentos-link {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #485156;
    color: #91a3ad;
    font: 25px/30px Gotham HTF Light;
    text-transform: uppercase
}

.graduacao-financiamentos-description, .graduacao-financiamentos-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    width: 100%
}

.graduacao-financiamentos-description {
    background-color: #ed145b;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #000;
    cursor: pointer;
    left: 0;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-out,visibility .2s ease-out;
    visibility: hidden
}

.graduacao-financiamentos-item:hover .graduacao-financiamentos-description {
    opacity: 1;
    visibility: visible
}

.graduacao-financiamentos-description-title {
    font: 25px/30px Gotham HTF Book;
    text-transform: uppercase;
    margin: 0 0 25px
}

.graduacao-financiamentos-description-subtitle {
    font: 18px Gotham HTF Bold;
    text-transform: uppercase
}

.graduacao-financiamentos-description-text {
    font: 14px/20px Roboto;
    letter-spacing: .4px
}

.graduacao-financiamentos-description-link {
    cursor: pointer;
    font: 12px Roboto;
    font-weight: 500;
    letter-spacing: .5px;
    margin-top: 20px;
    text-decoration: underline;
    text-transform: uppercase
}

.graduacao-financiamentos-description-button {
    border: 1px solid #000;
    cursor: pointer;
    display: block;
    font: 13px Gotham HTF Bold;
    margin: 5px 0;
    outline: none;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: background-color .2s ease-out,color .2s ease-out;
    width: 100%
}

    .graduacao-financiamentos-description-button:hover {
        background-color: #000;
        color: #ed145b
    }

.online-conceito {
    background: #252525 url(../images/online/conceito/background.png) no-repeat 50%;
    color: #c7c6c6;
    padding: 175px 0;
    position: relative;
    text-align: center
}

    .online-conceito:after {
        background: linear-gradient(180deg,rgba(0,0,0,.7) 0,transparent);
        content: "";
        display: block;
        height: 50px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.online-conceito-wrapper2 {
    margin: auto;
    max-width: 790px;
    width: 90%
}

.online-conceito-desc {
    font: 17px/42px Gotham HTF Book;
    margin: auto
}

.online-conceito-btn {
    bottom: 50px;
    font-size: 0;
    transform: translateX(-50%)
}

    .online-conceito-btn, .online-conceito-btn:after {
        height: 60px;
        left: 50%;
        position: absolute;
        width: 60px
    }

        .online-conceito-btn:after {
            border-bottom: 2px solid #ed145b;
            border-right: 2px solid #ed145b;
            content: "";
            display: block;
            top: 50%;
            transform: translate(-50%,-85%) rotate(45deg);
            transition: border-color .4s ease
        }

        .online-conceito-btn:hover:after {
            border-color: #fff
        }

.mba-fotos {
    padding: 80px 0 290px;
    position: relative;
    text-align: center
}

    .mba-fotos:after {
        background: url(../images/mba/home/fotos/effects.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: -60px;
        width: 100%
    }

.mba-fotos-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    margin: 0;
    padding-bottom: 45px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

    .mba-fotos-title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        display: block;
        height: 3px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 30px
    }

.MBA-home-cursos {
    padding-top: 70px
}

.MBA-home-cursos__header--fixed .MBA-home-cursos__title {
    line-height: 30px;
    padding-top: 10px
}

.MBA-home-cursos__column--title {
    -ms-flex-align: start;
    align-items: flex-start
}

.MBA-home-cursos__order {
    padding-top: 10px
}

.MBA-home-cursos__subtitle {
    font-family: Gotham HTF Medium;
    font-size: 18px;
    color: #485156;
    display: block
}

.MBA-home-cursos__card-type-list li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

    .MBA-home-cursos__card-type-list li a:before {
        content: "";
        position: absolute;
        display: block;
        right: 2px;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        border-bottom: 2px solid #ed145b;
        border-right: 2px solid #ed145b;
        width: 7px;
        height: 7px
    }

.MBA-home-cursos__card-type-list li span:not(.MBA-home-cursos__card-type-list-begin) {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #3a4044;
    padding: 5px 0;
    position: relative;
    line-height: 20px
}

.MBA-home-cursos__card-type-list-begin {
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #3a4044;
    display: -ms-flexbox;
    display: flex;
    color: #4d565b !important;
    font: 10px Gotham HTF Bold;
    min-width: 100px;
    text-transform: uppercase
}

.MBA-home-cursos__card-type-list-begin--hightlight {
    color: #a4b8c2 !important
}

.MBA-apresentacao {
    padding: 20px 0;
    margin-bottom: 200px;
    position: relative
}

    .MBA-apresentacao:after {
        background: url(../images/mba/home/grafismo-apresentacao.png) bottom no-repeat;
        bottom: -25px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.MBA-apresentacao-title {
    color: #ed145b;
    font: 52px Gotham HTF Book;
    text-align: center
}

.MBA-apresentacao-text {
    color: #92a4ae;
    font: 22px/30px Gotham HTF Medium;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 100px
}

.MBA-apresentacao-section {
    width: 90%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto
}

.MBA-apresentacao-section-line {
    width: 100%;
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    transition: all .4s ease
}

    .MBA-apresentacao-section-line:first-child {
        margin-top: 0
    }

.MBA-apresentacao-section-line-block {
    width: 50%;
    height: 370px;
    margin-right: 30px;
    transition: all .4s ease
}

    .MBA-apresentacao-section-line-block:hover .MBA-apresentacao-section-line-block-title {
        color: #ed145b;
        transition: all .4s ease
    }

    .MBA-apresentacao-section-line-block:hover .MBA-apresentacao-section-line-block-text {
        color: #d6f0ff;
        transition: all .4s ease
    }

    .MBA-apresentacao-section-line-block:hover .MBA-apresentacao-section-line-block-title:before {
        background-color: #ed145b
    }

    .MBA-apresentacao-section-line-block.block-1 {
        position: relative
    }

        .MBA-apresentacao-section-line-block.block-1:before {
            content: "";
            position: absolute;
            left: -1px;
            bottom: 0;
            width: 100%;
            height: .7px;
            opacity: .5;
            background-color: #91a3ad
        }

        .MBA-apresentacao-section-line-block.block-1:after {
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            width: .7px;
            height: 70%;
            opacity: .5;
            background-color: #91a3ad
        }

    .MBA-apresentacao-section-line-block.block-2 {
        position: relative;
        margin-right: 0
    }

        .MBA-apresentacao-section-line-block.block-2:before {
            content: "";
            position: absolute;
            left: 5%;
            bottom: 0;
            width: 90%;
            height: .7px;
            opacity: .5;
            background-color: #91a3ad
        }

    .MBA-apresentacao-section-line-block.block-3 {
        position: relative
    }

        .MBA-apresentacao-section-line-block.block-3:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: .7px;
            opacity: .5;
            height: 237px;
            background-color: #91a3ad
        }

    .MBA-apresentacao-section-line-block.block-4 {
        margin-right: 0
    }

.MBA-apresentacao-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 60px
}

.MBA-apresentacao-buttons-title {
    font: 18px Gotham HTF Medium;
    color: #6a787f;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px
}

.MBA-apresentacao-buttons-blocks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

.MBA-apresentacao-section-line-block-title {
    font: 35px/35px Gotham HTF Bold;
    color: #91a3ad;
    padding-left: 45px;
    position: relative
}

    .MBA-apresentacao-section-line-block-title:before {
        content: "";
        position: absolute;
        top: 20%;
        left: 0;
        width: 10px;
        height: 10px;
        background-color: transparent;
        border: 1px solid #ed145b
    }

    .MBA-apresentacao-section-line-block-title span {
        font: 35px Gotham HTF Light
    }

.MBA-apresentacao-section-line-block-text {
    font: 16px/22px Roboto;
    padding-left: 45px;
    color: #91a3ad
}

.MBA-apresentacao-buttons-desc-btn {
    transition: all .4s ease
}

    .MBA-apresentacao-buttons-desc-btn div {
        position: absolute;
        bottom: 35px
    }

.MBA-apresentacao-buttons-desc {
    border: 1px solid #68747b;
    width: 27%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    margin-right: 25px;
    padding: 40px
}

    .MBA-apresentacao-buttons-desc:last-child {
        margin-right: 0
    }

    .MBA-apresentacao-buttons-desc:hover {
        border: 1px solid #ed145b
    }

        .MBA-apresentacao-buttons-desc:hover a {
            color: #000
        }

        .MBA-apresentacao-buttons-desc:hover span {
            color: #d7f0ff
        }

        .MBA-apresentacao-buttons-desc:hover .MBA-apresentacao-buttons-desc-btn-link {
            color: #ed145b
        }

        .MBA-apresentacao-buttons-desc:hover .MBA-apresentacao-buttons-desc-btn-icon {
            background-color: #ed145b;
            transition: all .4s ease 0s
        }

            .MBA-apresentacao-buttons-desc:hover .MBA-apresentacao-buttons-desc-btn-icon:after, .MBA-apresentacao-buttons-desc:hover .MBA-apresentacao-buttons-desc-btn-icon:before {
                background-color: #000
            }

.MBA-apresentacao-buttons-desc-btn-text {
    display: block;
    transition: all .4s ease;
    width: 100%;
    padding: 20px 0 50px;
    font: 14px/20px Roboto;
    color: #68747b;
    text-align: left;
    text-transform: none
}

.MBA-apresentacao-buttons-desc-btn-title {
    font: 14px Gotham HTF Medium;
    text-align: left;
    color: #ed145b
}

.MBA-apresentacao-buttons-desc-btn-icon {
    position: relative;
    border: 1px solid #ed145b;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle
}

    .MBA-apresentacao-buttons-desc-btn-icon:before {
        width: 2px;
        height: 15px
    }

    .MBA-apresentacao-buttons-desc-btn-icon:after, .MBA-apresentacao-buttons-desc-btn-icon:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #ed145b
    }

    .MBA-apresentacao-buttons-desc-btn-icon:after {
        width: 15px;
        height: 2px
    }

.MBA-apresentacao-buttons-desc-btn-link {
    font: 14px Gotham HTF Medium;
    text-align: left;
    color: #ed145b;
    padding-left: 10px
}

.graduacao-curso-header {
    background-position: 50%;
    background-size: cover;
    color: #91a3ad;
    display: table;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .graduacao-curso-header:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/fiap/graduacao/curso/header/background.png) bottom no-repeat
    }

.graduacao-curso-header-wrapper2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.graduacao-curso-header-text-vestibular {
    color: #ed145b;
    font: 10px Gotham HTF Medium;
    letter-spacing: 1px;
    text-transform: uppercase
}

.graduacao-curso-header-label {
    color: #ed145b;
    display: inline-block;
    font: 15px Gotham HTF Bold;
    letter-spacing: 3px;
    padding: 8px 15px;
    text-transform: uppercase
}

.graduacao-curso-header-title {
    font: 57px/55px Gotham HTF Medium;
    margin: 35px auto 0;
    text-transform: uppercase;
    padding: 0 40px
}

    .graduacao-curso-header-title:after {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        margin: 35px -10px;
        position: absolute;
        width: 22px
    }

.graduacao-curso-header-subtitle {
    font: 24px Gotham HTF Light;
    margin-bottom: 0;
    margin-top: 60px;
    text-transform: uppercase
}

.graduacao-curso-header-title-desc {
    font: 30px Gotham HTF Book;
    display: block;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase
}

.graduacao-curso-header-btn {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 14px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 20px 0;
    padding: 13px 45px;
    position: relative;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .graduacao-curso-header-btn:hover {
        background: #ed145b;
        color: #000
    }

.graduacao-curso-header-text-vestibular {
    margin-top: 10px;
    margin-bottom: 10px
}

.graduacao-curso-header-share {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    z-index: 10
}

.graduacao-curso-share-item {
    margin: 15px 0
}

.graduacao-curso-header-item-label {
    color: #ed145b;
    display: block;
    font: 11px Gotham HTF Book;
    letter-spacing: 1px;
    margin-top: 65px;
    text-transform: uppercase;
    transform: rotate(-90deg)
}

.graduacao-curso-header-share-link {
    font: 11px/14px Gotham HTF Book;
    letter-spacing: 1px
}

.graduacao-curso-header-share-icon {
    fill: #000
}

.graduacao-curso-header-share-title {
    color: #ed145b;
    font: 11px Gotham HTF Medium;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: rotate(-90deg) translateX(-100px)
}

.graduacao-curso-header-scroll {
    bottom: 60px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 5
}

.graduacao-curso-header-scroll-text {
    color: #91a3ad;
    font: 12px Gotham HTF Book;
    letter-spacing: 2px;
    margin-top: 80px;
    text-transform: uppercase;
    transition: all .4s ease-out
}

.graduacao-curso-header-scroll .components-scroll-circle-icon {
    background-color: #ed145b
}

    .graduacao-curso-header-scroll .components-scroll-circle-icon:before {
        border-color: #ed145b
    }

.graduacao-curso-header-tag {
    bottom: 0;
    display: table;
    height: 167px;
    position: absolute;
    right: 0;
    transition: transform .4s ease;
    z-index: 2
}

    .graduacao-curso-header-tag.is-active {
        transform: translateX(425px)
    }

    .graduacao-curso-header-tag:hover {
        transform: translateX(0)
    }

.graduacao-curso-header-tag-label {
    display: table-cell;
    position: relative;
    width: 167px
}

.graduacao-curso-header-tag-presencial .graduacao-curso-header-tag-label {
    background: url(../images/fiap/graduacao/curso/header/presencial.png)
}

.graduacao-curso-header-tag-online .graduacao-curso-header-tag-label {
    background: url(../images/fiap/graduacao/curso/header/online.png)
}

.graduacao-curso-header-tag-box {
    display: table-cell;
    font: 16px/21px Gotham HTF Medium;
    padding: 0 40px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 425px
}

.graduacao-curso-header-tag-presencial .graduacao-curso-header-tag-box {
    background: #ed145b;
    color: #000
}

.graduacao-curso-header-tag-online .graduacao-curso-header-tag-box {
    background: #0b0c0d;
    color: #91a3ad
}

.graduacao-curso-header-tag-box-btn {
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font: 16px Gotham HTF Bold;
    margin-top: 25px;
    padding: 8px 15px;
    text-transform: uppercase
}

.graduacao-curso-header-tag-presencial .graduacao-curso-header-tag-box-btn {
    border-color: #000;
    color: #000
}

.graduacao-curso-header-tag-online .graduacao-curso-header-tag-box-btn, .graduacao-curso-header-tag-presencial .graduacao-curso-header-tag-box-btn {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    letter-spacing: .5px;
    margin-top: 35px;
    padding: 10px 40px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

.graduacao-curso-header-tag-online .graduacao-curso-header-tag-box-btn {
    border: 2px solid #ed145b;
    color: #ed145b
}

.mba-encontro-presencial {
    color: #b8b8b8;
    font: 14px/24px Roboto;
    padding: 30px 0 340px;
    position: relative
}

    .mba-encontro-presencial:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/online/cursos/encontro-presencial-effects.png) center -50px no-repeat
    }

.mba-encontro-presencial-intro-title {
    color: #91a3ad;
    font: 40px Gotham HTF Medium;
    letter-spacing: .05em;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase
}

.mba-encontro-presencial-intro-columns {
    display: table;
    margin: auto 8px
}

.mba-encontro-presencial-intro-column {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.mba-encontro-presencial-intro-media {
    display: block;
    position: relative
}

.mba-encontro-presencial-intro-media-blur {
    bottom: 0;
    display: block;
    filter: blur(50px);
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.mba-encontro-presencial-intro-media-icon {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: transform .4s ease;
    width: 130px;
    fill: #ed145b
}

.mba-encontro-presencial-intro-media:hover .mba-encontro-presencial-intro-media-icon {
    transform: translate(-50%,-50%) scale(1.25)
}

.graduacao-curso-informacoes {
    margin-top: 105px;
    padding: 125px 0 315px;
    position: relative
}

    .graduacao-curso-informacoes:after, .graduacao-curso-informacoes:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .graduacao-curso-informacoes:before {
        background: url(../images/fiap/graduacao/curso/informacoes-do-curso/effects.png) top no-repeat
    }

.graduacao-curso-informacoes-parent {
    margin: auto;
    width: 90%
}

.graduacao-curso-informacoes-columns {
    display: table;
    margin: auto;
    width: 90%
}

.graduacao-curso-informacoes-column {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 50%
}

    .graduacao-curso-informacoes-column ul {
        list-style: none;
        padding: 0
    }

        .graduacao-curso-informacoes-column ul.list-curso li {
            color: #616d72;
            font: 16px/26px Roboto;
            padding-left: 50px
        }

        .graduacao-curso-informacoes-column ul li {
            margin-bottom: 10px;
            padding-left: 35px;
            position: relative
        }

            .graduacao-curso-informacoes-column ul li:before {
                background-color: #616d72;
                content: "";
                height: 1px;
                left: 0;
                position: absolute;
                top: 12px;
                width: 15px
            }

    .graduacao-curso-informacoes-column p {
        margin: 15px 0
    }

        .graduacao-curso-informacoes-column p:first-child {
            margin-top: -2px
        }

    .graduacao-curso-informacoes-column:first-child {
        color: #91a3ad;
        font: 16px/30px Roboto;
        padding: 0 50px 0 0
    }

    .graduacao-curso-informacoes-column:last-child {
        color: #616d72;
        font: 16px/26px Roboto;
        padding-left: 50px
    }

        .graduacao-curso-informacoes-column:last-child:before {
            background: #3d4549;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: -10px;
            width: 1px
        }

        .graduacao-curso-informacoes-column:last-child p {
            margin: 0
        }

.graduacao-curso-informacoes-title {
    color: #91a3ad;
    font: 51px Gotham HTF Light;
    margin: 0 0 .67em;
    text-transform: uppercase
}

    .graduacao-curso-informacoes-title:not(:first-child) {
        margin-top: 2em
    }

.graduacao-curso-informacoes-subtitle {
    color: #ed145b;
    font: 18px Gotham HTF Medium;
    text-transform: uppercase
}

.graduacao-curso-informacoes-preparar .graduacao-curso-informacoes-subtitle {
    position: absolute;
    top: -55px
}

.graduacao-curso-informacoes-diferenciais .graduacao-curso-informacoes-subtitle {
    margin-top: 50px;
    margin-bottom: 30px
}

.graduacao-curso-informacoes-list {
    margin-left: -8px;
    margin-top: 40px
}

.graduacao-curso-informacoes-item {
    display: inline-block
}

.graduacao-curso-informacoes-link {
    display: inline-block;
    fill: #b8b8b8;
    line-height: 0;
    transition: fill .4s ease
}

    .graduacao-curso-informacoes-link:hover {
        fill: #ed145b
    }

.graduacao-curso-informacoes-link-icon {
    height: 25px;
    width: 25px
}

.graduacao-curso-informacoes-link-icon-wpp {
    height: 17px;
    width: 25px
}

.graduacao-curso-certificacoes {
    color: #b8b8b8;
    padding-bottom: 220px;
    position: relative;
    text-align: center
}

    .graduacao-curso-certificacoes:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/fiap/graduacao/curso/certificacoes/effects.png) top no-repeat
    }

.graduacao-curso-certificacoes-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    letter-spacing: .05em;
    margin-bottom: 75px;
    margin-top: 0;
    text-transform: uppercase
}

    .graduacao-curso-certificacoes-title:after {
        background-color: #ed145b;
        content: "";
        left: 50%;
        height: 4px;
        position: absolute;
        top: 90px;
        transform: translateX(-50%);
        width: 30px
    }

.graduacao-curso-certificacoes-description {
    color: #91a3ad;
    font: 12px/18px Gotham HTF Book;
    margin: 45px auto 0;
    text-align: left;
    width: 50%
}

.graduacao-curso-certificacoes-list {
    margin: 65px auto 0;
    width: 60%
}

.graduacao-curso-certificacoes-item {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    display: -ms-flexbox;
    display: flex;
    font: 15px Gotham HTF Book;
    margin: auto;
    padding: 25px 0 28px;
    position: relative;
    text-align: left
}

    .graduacao-curso-certificacoes-item:after {
        background: #32383b;
        bottom: 0;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 101%
    }

.graduacao-curso-certificacoes-icon {
    margin-right: 40px;
    min-width: 30px;
    width: 30px
}

.graduacao-curso-turmas {
    color: #b8b8b8;
    padding-bottom: 150px;
    position: relative;
    text-align: center
}

    .graduacao-curso-turmas:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/fiap/graduacao/curso/turmas/effects.png) center 25px no-repeat
    }

.graduacao-curso-turmas-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    margin-bottom: 100px;
    margin-top: 0;
    padding-top: 60px;
    text-transform: uppercase
}

    .graduacao-curso-turmas-title:after {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 4px;
        left: 50%;
        margin: 60px -10px 0;
        position: absolute;
        width: 32px
    }

.graduacao-curso-turmas-border {
    border: 1px solid #32383b;
    padding: 20px 0 30px;
    margin: auto;
    width: 90%
}

.graduacao-curso-turmas-column-campus {
    width: 18%
}

.graduacao-curso-turmas-column-duracao {
    width: 19%
}

.graduacao-curso-turmas-column-encontros {
    width: 44%
}

    .graduacao-curso-turmas-column-encontros span {
        text-align: center
    }

.graduacao-curso-turmas-column-mensalidade {
    width: 19%
}

.graduacao-curso-turmas-header {
    color: #ddd;
    display: table;
    margin: auto;
    white-space: nowrap;
    width: 100%
}

.graduacao-curso-turmas-online .graduacao-curso-turmas-header {
    width: 90%
}

.graduacao-curso-turmas-header-column {
    color: #616d72;
    display: table-cell;
    font: 14px Gotham HTF Medium;
    letter-spacing: .5px;
    padding: 25px 10px;
    text-transform: uppercase;
    vertical-align: middle
}

    .graduacao-curso-turmas-header-column:not(:first-child) {
        border-left: 1px solid #32383b
    }

.graduacao-curso-turmas-presencial .graduacao-curso-turmas-header-column {
    width: 14%
}

    .graduacao-curso-turmas-presencial .graduacao-curso-turmas-header-column:nth-child(3) {
        width: 22%
    }

.graduacao-curso-turmas-header-icon {
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-top: -3px;
    max-width: 30px;
    vertical-align: middle
}

.graduacao-curso-turmas-box {
    box-shadow: 0 0 0 1px transparent;
    display: table;
    margin: auto;
    min-height: 85px;
    transition: box-shadow .4s ease;
    width: 100%
}

.graduacao-curso-turmas-online .graduacao-curso-turmas-box {
    width: 90%
}

.graduacao-curso-turmas-box:hover {
    box-shadow: 0 0 0 1px #ed145b;
    z-index: 3
}

.graduacao-curso-turmas-box-column {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle
}

    .graduacao-curso-turmas-box-column:not(:first-child) {
        border-left: 1px solid #32383b
    }

.graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column {
    padding: 20px 0;
    width: 14%
}

    .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column:nth-child(3) {
        width: 22%
    }

.graduacao-curso-turmas-box-icon {
    display: none
}

.graduacao-curso-turmas-box-text {
    color: #616d72;
    display: inline-block;
    font: 15px/22px Roboto;
    font-weight: 600;
    text-align: left;
    transition: color .4s ease
}

.graduacao-curso-turmas-box-text-encontro-presencial {
    text-align: center !important
}

.graduacao-curso-turmas-box-text--small {
    font-size: 14px;
    padding: 0 5px
}

.graduacao-curso-turmas-box-text--full-width {
    width: 75%
}

.graduacao-curso-turmas-box-text-before {
    display: none;
    font: 14px/18px Gotham HTF Medium;
    text-transform: uppercase
}

.graduacao-curso-turmas-box-text-after {
    color: #ed145b;
    display: none;
    font: 14px Gotham HTF Medium;
    text-decoration: underline;
    text-transform: uppercase
}

.graduacao-curso-turmas-box-campus {
    color: #ed145b;
    display: inline-block;
    font: 18px/18px Gotham HTF Medium;
    padding: 20px 0 10px;
    text-align: left;
    text-transform: uppercase;
    transition: color .4s ease
}

.graduacao-curso-turmas-box-label {
    color: #ed145b;
    display: inline-block;
    font: 19px Gotham HTF Bold;
    letter-spacing: 1px;
    text-transform: uppercase
}

.graduacao-curso-turmas-box-more {
    cursor: pointer
}

    .graduacao-curso-turmas-box-more:after {
        border: 1px solid;
        border-radius: 50%;
        color: #ed145b;
        content: "+";
        display: inline-block;
        font: 17px/19px Gotham HTF Light;
        height: 19px;
        margin-left: 10px;
        margin-top: -2px;
        text-align: center;
        vertical-align: middle;
        width: 19px
    }

    .graduacao-curso-turmas-box-more.em-breve {
        cursor: auto
    }

        .graduacao-curso-turmas-box-more.em-breve:after {
            display: none
        }

.graduacao-curso-turmas-notes {
    color: #616d72;
    font: 10px/16px Roboto;
    letter-spacing: .5px;
    margin-top: 17px;
    margin-right: 5%;
    text-align: right;
    text-transform: uppercase
}

.graduacao-curso-turmas-btn {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 14px Gotham HTF Medium;
    letter-spacing: .5px;
    margin-top: 50px;
    padding: 14px 45px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .graduacao-curso-turmas-btn:hover {
        background: #ed145b;
        color: #000
    }

.graduacao-curso-investimento {
    background: rgba(0,0,0,.75);
    display: table;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000
}

.graduacao-curso-investimento-wrapper2 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.graduacao-curso-investimento-box {
    background: #1a1d20;
    display: block;
    max-width: 100%;
    padding: 80px;
    position: relative
}

.graduacao-curso-investimento-close {
    border: 1px solid #ed145b;
    content: "";
    height: 25px;
    position: absolute;
    right: 30px;
    top: 15px;
    width: 25px
}

    .graduacao-curso-investimento-close:after {
        color: #ed145b;
        content: "×";
        display: block;
        font: 22px Arial;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.graduacao-curso-investimento-item {
    display: none;
    text-align: center
}

    .graduacao-curso-investimento-item.is-active {
        display: block
    }

.graduacao-curso-investimento-columns {
    display: table;
    width: 1000px
}

.graduacao-curso-investimento-column {
    display: table-cell;
    width: 33.3%
}

.graduacao-curso-investimento-title {
    color: #a7bcc7;
    font: 24px/32px Gotham HTF Light;
    letter-spacing: .05em;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

.graduacao-curso-investimento-valores {
    color: #91a3ad;
    display: table;
    font: 14px Gotham HTF Book;
    margin: 40px auto;
    text-align: center;
    text-transform: uppercase
}

.graduacao-curso-investimento-valor {
    display: table-cell;
    font: 15px Gotham HTF Medium;
    padding: 0 15px;
    vertical-align: middle;
    width: 50%
}

    .graduacao-curso-investimento-valor:last-child {
        border-left: 1px solid #384043
    }

.graduacao-curso-investimento-valor-highlight {
    display: block;
    font: 14px Roboto;
    letter-spacing: 0;
    margin-top: 15px;
    padding: 15px 0
}

.graduacao-curso-investimento-desc {
    color: #616d72;
    font: 12px/16px Roboto;
    margin: 1em 0
}

.graduacao-curso-investimento-legend {
    margin: 50px auto 0;
    max-width: 420px;
    text-align: center
}

.graduacao-curso-investimento-notes {
    color: #616d72;
    font: 10px/16px Gotham HTF Medium;
    margin-bottom: 0;
    margin-top: 25px;
    text-transform: uppercase
}

.graduacao-curso-matriz {
    color: #b8b8b8;
    padding: 0 0 290px;
    position: relative
}

    .graduacao-curso-matriz:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/fiap/graduacao/curso/matriz-curricular/effects.png) center 300px no-repeat
    }

.graduacao-curso-matriz-header {
    display: table;
    margin: 0 auto 100px;
    max-width: 1000px;
    text-align: left;
    width: 100%
}

.graduacao-curso-matriz-header-column {
    color: #ddd;
    display: table-cell;
    font: 18px Gotham HTF Book;
    text-transform: uppercase;
    vertical-align: middle
}

.graduacao-curso-matriz-header-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase
}

    .graduacao-curso-matriz-header-title span {
        display: block;
        font: 26px Gotham HTF Light;
        left: 85px;
        letter-spacing: .5px;
        position: relative;
        padding-top: 5px
    }

        .graduacao-curso-matriz-header-title span:before {
            background-color: #616d72;
            content: "";
            height: 1px;
            left: -80px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 53px
        }

.graduacao-curso-matriz-header-icon {
    display: inline-block;
    fill: #ed145b;
    height: 30px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    width: 30px
}

.graduacao-curso-matriz-filtro-wrapper2 {
    margin: auto;
    max-width: 1000px;
    position: relative
}

.graduacao-curso-matriz-filtro-tag {
    background: #0f0f0f;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: 12px/45px Gotham HTF Book;
    height: 45px;
    outline: none;
    padding: 0 20px;
    text-transform: uppercase
}

    .graduacao-curso-matriz-filtro-tag:after {
        content: "\00D7";
        color: #ed145b;
        display: inline-block;
        margin-left: 10px;
        margin-top: -2px;
        vertical-align: middle
    }

    .graduacao-curso-matriz-filtro-tag[disabled] {
        display: none
    }

.graduacao-curso-matriz-filtro {
    background: none;
    border: 1px solid #565656;
    color: #ddd;
    display: inline-block;
    font: 15px Gotham HTF Book;
    padding: 13px 20px;
    position: relative;
    text-transform: uppercase;
    transition: background .4s ease,border-color .4s ease
}

    .graduacao-curso-matriz-filtro:hover {
        background: #ed145b;
        border-color: #ed145b;
        color: #fff
    }

.graduacao-curso-matriz-filtro-arrow {
    display: inline-block;
    height: 13px;
    margin-left: 10px;
    position: relative;
    width: 25px
}

    .graduacao-curso-matriz-filtro-arrow:after, .graduacao-curso-matriz-filtro-arrow:before {
        background: #565656;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 50%;
        transition: left .4s ease,right .4s ease;
        width: 15px
    }

.graduacao-curso-matriz-filtro:hover .graduacao-curso-matriz-filtro-arrow:after, .graduacao-curso-matriz-filtro:hover .graduacao-curso-matriz-filtro-arrow:before {
    background: #fff
}

.graduacao-curso-matriz-filtro-arrow:before {
    left: 0;
    transform: rotate(45deg);
    transition: left .4s ease
}

.graduacao-curso-matriz-filtro:hover .graduacao-curso-matriz-filtro-arrow:before {
    left: 5px
}

.graduacao-curso-matriz-filtro-arrow:after {
    right: 0;
    transform: rotate(-45deg);
    transition: right .4s ease
}

.graduacao-curso-matriz-filtro:hover .graduacao-curso-matriz-filtro-arrow:after {
    right: 5px
}

.graduacao-curso-matriz-filtro-list {
    color: #ddd;
    left: -1px;
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity .4s ease,visibility .4s ease;
    visibility: hidden;
    width: 325px;
    z-index: 400
}

.graduacao-curso-matriz-filtro:hover .graduacao-curso-matriz-filtro-list {
    opacity: 1;
    visibility: visible
}

.graduacao-curso-matriz-filtro-item {
    background: #0f0f0f;
    border-bottom: 1px solid #1f1f1f;
    display: table;
    font: 15px/80px Gotham HTF Book;
    height: 80px;
    letter-spacing: .5px;
    padding: 0 35px;
    position: relative;
    text-transform: uppercase;
    transition: color .4s ease;
    width: 325px
}

    .graduacao-curso-matriz-filtro-item:after {
        border: solid #ddd;
        border-width: 1px 1px 0 0;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        right: 35px;
        top: 50%;
        transform: rotate(45deg) translateX(-50%);
        transition: border-color .4s ease;
        width: 10px
    }

    .graduacao-curso-matriz-filtro-item:hover {
        color: #ed145b
    }

        .graduacao-curso-matriz-filtro-item:hover:after {
            border-color: #ed145b
        }

.graduacao-curso-matriz-subfiltro {
    color: #ddd;
    left: 100%;
    max-height: 400px;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    transition: opacity .4s ease,visibility .4s ease;
    visibility: hidden;
    width: 485px
}

    .graduacao-curso-matriz-subfiltro:after {
        background: #0f0f0f;
        content: attr(data-description);
        display: block;
        font: 10px/14px Gotham HTF Book;
        padding: 20px;
        text-align: center;
        text-transform: uppercase
    }

.graduacao-curso-matriz-filtro-item:hover .graduacao-curso-matriz-subfiltro {
    opacity: 1;
    visibility: visible
}

.graduacao-curso-matriz-subfiltro-item {
    border-bottom: 1px solid #1f1f1f
}

.graduacao-curso-matriz-subfiltro-btn {
    background: #0f0f0f;
    border: none;
    cursor: pointer;
    display: table;
    font: 13px/16px Gotham HTF Book;
    height: 80px;
    outline: none;
    padding: 0 35px;
    text-align: left;
    text-transform: uppercase;
    transition: color .4s ease;
    vertical-align: middle;
    width: 485px
}

    .graduacao-curso-matriz-subfiltro-btn.is-active, .graduacao-curso-matriz-subfiltro-btn:hover {
        color: #ed145b
    }

.graduacao-curso-matriz-subfiltro-btn-column {
    display: table-cell;
    vertical-align: middle
}

.graduacao-curso-matriz-subfiltro-sigla {
    border: 1px solid #1f1f1f;
    display: inline-block;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    transition: border .4s ease;
    vertical-align: middle;
    width: 90px
}

.graduacao-curso-matriz-subfiltro-logo {
    display: inline-block;
    fill: #fff;
    height: 30px;
    margin-right: 50px;
    margin-top: -3px;
    vertical-align: middle;
    width: 125px
}

.graduacao-curso-matriz-subfiltro-number {
    border: 1px solid #1f1f1f;
    display: inline-block;
    font: 28px Gotham HTF Light;
    margin-right: 15px;
    padding: 4px;
    text-align: center;
    transition: border .4s ease;
    vertical-align: middle;
    width: 55px
}

.graduacao-curso-matriz-ano {
    border: 1px solid #3e4549;
    margin: 15px auto;
    max-width: 1000px;
    position: relative;
    transition: border-color .4s ease
}

    .graduacao-curso-matriz-ano:hover {
        border-color: #ed145b
    }

.graduacao-curso-matriz-ano-header {
    cursor: pointer;
    padding: 25px 100px 25px 35px;
    position: relative;
    transition: background .4s ease,border-color .4s ease,color .4s ease,visibility 0s,opacity .5s linear
}

    .graduacao-curso-matriz-ano-header.is-active, .graduacao-curso-matriz-ano-header:hover {
        border-color: #ed145b;
        color: #fff
    }

    .graduacao-curso-matriz-ano-header.close {
        display: none;
        visibility: hidden;
        opacity: 0
    }

.graduacao-curso-matriz-ano-title {
    color: #91a3ad;
    display: inline-block;
    font: 20px Gotham HTF Medium;
    text-transform: uppercase;
    transition: color .4s ease;
    vertical-align: middle
}

.graduacao-curso-matriz-ano-header.is-active .graduacao-curso-matriz-ano-title, .graduacao-curso-matriz-ano-header:hover .graduacao-curso-matriz-ano-title {
    color: #ed145b
}

.graduacao-curso-matriz-ano-subtitle {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 17px Gotham HTF Bold;
    margin-left: 60px;
    padding: 5px 15px;
    transition: border-color .4s ease,color .4s ease;
    vertical-align: middle
}

.graduacao-curso-matriz-ano-header.is-active .graduacao-curso-matriz-ano-subtitle, .graduacao-curso-matriz-ano-header:hover .graduacao-curso-matriz-ano-subtitle {
    border-color: #fff;
    color: #fff
}

.graduacao-curso-matriz-ano-counter {
    background: #ed145b;
    color: #fff;
    display: block;
    float: right;
    font: 12px/30px Gotham HTF Medium;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    width: 135px
}

.graduacao-curso-matriz-ano-header.is-active .graduacao-curso-matriz-ano-counter, .graduacao-curso-matriz-ano-header:hover .graduacao-curso-matriz-ano-counter {
    background: #fff;
    color: #ed145b
}

.graduacao-curso-matriz-ano-plus {
    border: 1px solid #ed145b;
    border-radius: 50%;
    height: 35px;
    margin-top: -15px;
    position: absolute;
    right: 40px;
    top: 50%;
    width: 35px
}

    .graduacao-curso-matriz-ano-plus:after, .graduacao-curso-matriz-ano-plus:before {
        background: #ed145b;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: 50%;
        transition: transform .25s ease-out;
        width: 100%
    }

    .graduacao-curso-matriz-ano-plus:before {
        background-color: #ed145b;
        height: 50%;
        left: 50%;
        margin-left: -1px;
        top: 8px;
        width: 1px
    }

    .graduacao-curso-matriz-ano-plus:after {
        background-color: #ed145b;
        height: 1px;
        left: 8px;
        margin-top: -1px;
        top: 50%;
        width: 50%
    }

.graduacao-curso-matriz-ano-header.is-active .graduacao-curso-matriz-ano-plus {
    cursor: pointer
}

    .graduacao-curso-matriz-ano-header.is-active .graduacao-curso-matriz-ano-plus:before {
        transform: rotate(90deg)
    }

    .graduacao-curso-matriz-ano-header.is-active .graduacao-curso-matriz-ano-plus:after {
        transform: rotate(180deg)
    }

.graduacao-curso-matriz-ano-content {
    border-bottom: 1px solid #1f1f1f;
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease
}

    .graduacao-curso-matriz-ano-content:after {
        left: 0
    }

    .graduacao-curso-matriz-ano-content:after, .graduacao-curso-matriz-ano-content:before {
        background: #1f1f1f;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 1px
    }

    .graduacao-curso-matriz-ano-content:before {
        right: 0
    }

.graduacao-curso-matriz-ano-content-wrapper2 {
    margin-right: -1px;
    padding: 30px 12px 90px
}

.graduacao-curso-matriz-ano-btn {
    background: none;
    border-width: 0 1px 1px 0;
    color: #91a3ad;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: 16px/24px Gotham HTF Light;
    outline: none;
    padding: 30px 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease,opacity .4s ease,box-shadow .4s ease;
    width: 24.6%;
    z-index: 2
}

    .graduacao-curso-matriz-ano-btn:after {
        background-color: #616d72;
        bottom: 0;
        content: "";
        height: 1px;
        left: 30px;
        position: absolute;
        transition: all .3s ease-out;
        width: 35px;
        z-index: -10
    }

    .graduacao-curso-matriz-ano-btn:hover {
        background: #ed145b;
        color: #000;
        font: 16px/24px Gotham HTF Medium
    }

        .graduacao-curso-matriz-ano-btn:hover:after {
            transform: translateX(-20px);
            width: 0
        }

    .graduacao-curso-matriz-ano-btn[disabled] {
        opacity: .5
    }

        .graduacao-curso-matriz-ano-btn[disabled]:hover {
            background: none
        }

    .graduacao-curso-matriz-ano-btn.is-highlighted {
        background: #191919
    }

        .graduacao-curso-matriz-ano-btn.is-highlighted:hover {
            background: #ed145b
        }

.graduacao-curso-matriz-ano-btn-wrapper2 {
    display: table-cell;
    padding: 0 30px;
    vertical-align: middle
}

.graduacao-curso-disciplinas {
    background: #0f0f0f;
    border-color: #1f1f1f;
    border-style: solid;
    border-width: 1px 1px 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s ease,visibility .4s ease;
    visibility: hidden;
    z-index: 2
}

    .graduacao-curso-disciplinas.is-active {
        opacity: 1;
        visibility: visible
    }

.graduacao-curso-disciplinas-close {
    color: #ed145b;
    cursor: pointer;
    display: inline-block;
    font: 12px Roboto;
    outline: none;
    padding: 0;
    position: absolute;
    right: 25px;
    text-transform: uppercase;
    transition: background .4s ease;
    top: 25px
}

    .graduacao-curso-disciplinas-close:after {
        background-color: #ed145b;
        content: "";
        left: 0;
        opacity: .5;
        position: absolute;
        height: 1px;
        width: 100%
    }

.graduacao-curso-disciplina {
    display: none;
    font: 14px/22px Roboto;
    padding: 90px 90px 170px;
    width: 100%
}

    .graduacao-curso-disciplina.is-active {
        display: table
    }

.graduacao-curso-disciplina-column {
    display: table-cell;
    vertical-align: middle
}

    .graduacao-curso-disciplina-column:first-child {
        padding-left: 50px;
        width: 60%
    }

    .graduacao-curso-disciplina-column:nth-child(odd) {
        padding-top: 35px;
        vertical-align: unset;
        width: 40%
    }

        .graduacao-curso-disciplina-column:nth-child(odd) .graduacao-curso-disciplina-subtitle {
            padding-bottom: 20px
        }

            .graduacao-curso-disciplina-column:nth-child(odd) .graduacao-curso-disciplina-subtitle:after {
                background-color: #616d72;
                content: "";
                display: block;
                height: 1px;
                margin-top: 10px;
                position: absolute;
                width: 30%
            }

    .graduacao-curso-disciplina-column p {
        color: #616d72;
        max-width: 80%;
        max-height: 230px;
        overflow-y: auto
    }

        .graduacao-curso-disciplina-column p::-webkit-scrollbar {
            background: #610725;
            height: 8px;
            width: 8px
        }

        .graduacao-curso-disciplina-column p::-webkit-scrollbar-track {
            border-radius: 5px
        }

        .graduacao-curso-disciplina-column p::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #ed145b
        }

.graduacao-curso-disciplina-ano {
    color: #ed145b;
    font: 13px Roboto;
    font-weight: 700;
    text-transform: uppercase
}

    .graduacao-curso-disciplina-ano:before {
        background-color: #ed145b;
        content: "";
        height: 100px;
        margin: 5px -20px;
        position: absolute;
        width: 2px
    }

.graduacao-curso-disciplina-title {
    color: #91a3ad;
    font: 20px Roboto;
    font-weight: 700;
    margin-top: 0;
    max-width: 400px;
    padding-bottom: 10px;
    text-transform: uppercase
}

.graduacao-curso-disciplina-subtitle {
    color: #91a3ad;
    font: 14px/20px Roboto;
    text-transform: uppercase
}

.graduacao-curso-corpo {
    position: relative
}

    .graduacao-curso-corpo:after, .graduacao-curso-corpo:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.graduacao-curso-corpo-direcao {
    padding-bottom: 120px
}

    .graduacao-curso-corpo-direcao:after {
        background: url(../images/fiap/graduacao/curso/corpo/effects-diretor.png) 50% no-repeat
    }

.graduacao-curso-corpo-direcao-online {
    padding-bottom: 375px
}

    .graduacao-curso-corpo-direcao-online:after {
        background: url(../images/fiap/graduacao/curso/corpo/effects-diretor-online.png) 0 no-repeat
    }

.graduacao-curso-corpo-coordenacao {
    padding-bottom: 110px
}

    .graduacao-curso-corpo-coordenacao:after {
        background: url(../images/fiap/graduacao/curso/corpo/effects-coordenador.png) 50% no-repeat
    }

.graduacao-curso-corpo-columns {
    display: table;
    margin: auto;
    max-width: 1145px;
    position: relative;
    width: 100%;
    z-index: 2
}

.graduacao-curso-corpo-column {
    display: table-cell
}

.graduacao-curso-corpo-media {
    vertical-align: middle;
    width: 40%
}

.graduacao-curso-corpo-media-mobile {
    display: none
}

.graduacao-curso-corpo-media-img {
    display: block;
    margin: auto
}

.graduacao-curso-corpo-content {
    color: #91a3ad;
    font: 14px/22px Roboto;
    letter-spacing: .05em;
    padding-bottom: 100px;
    padding-left: 70px;
    vertical-align: top;
    width: 60%
}

    .graduacao-curso-corpo-content ul {
        margin-bottom: 0;
        margin-top: 0;
        max-height: 300px;
        overflow-y: auto;
        padding-left: 1.1em
    }

        .graduacao-curso-corpo-content ul::-webkit-scrollbar {
            width: 11px
        }

        .graduacao-curso-corpo-content ul::-webkit-scrollbar-track {
            background: #252525;
            border-radius: 0
        }

        .graduacao-curso-corpo-content ul::-webkit-scrollbar-thumb {
            background-clip: content-box;
            background-color: #ed145b;
            border: 5px solid transparent
        }

    .graduacao-curso-corpo-content li {
        color: #616d72;
        padding-bottom: 15px;
        position: relative
    }

        .graduacao-curso-corpo-content li:after {
            background: #ed145b;
            border-radius: 50%;
            content: "";
            display: block;
            height: 4px;
            left: -15px;
            position: absolute;
            top: 7px;
            width: 4px
        }

.graduacao-curso-corpo-title {
    color: #91a3ad;
    font: 18px Gotham HTF Medium;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.graduacao-curso-corpo-subtitle {
    color: #616d72;
    font: 38px Gotham HTF Light;
    margin-bottom: 70px;
    margin-top: 0;
    text-transform: uppercase
}

    .graduacao-curso-corpo-subtitle:after {
        background-color: #373d42;
        content: "";
        display: block;
        height: 3px;
        margin-top: 20px;
        width: 255px
    }

.mba-curso-header {
    background-position: 50%;
    background-size: cover;
    color: #91a3ad;
    display: table;
    height: 100vh;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.mba-curso-header-txt-ultimas-vagas {
    font: 12px Gotham HTF Medium;
    color: #ed145b;
    display: block;
    width: 100%
}

.mba-curso-header-wrapper2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.mba-curso-header-parent {
    width: 100%
}

.mba-curso-header-share {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    z-index: 10
}

.mba-curso-share-item {
    margin: 15px 0
}

.mba-curso-header-item-label {
    color: #ed145b;
    display: block;
    font: 11px Gotham HTF Book;
    letter-spacing: 1px;
    margin-top: 65px;
    text-transform: uppercase;
    transform: rotate(-90deg)
}

.mba-curso-header-share-link {
    font: 11px/14px Gotham HTF Book;
    letter-spacing: 1px
}

.mba-curso-header-share-icon {
    fill: #000
}

.mba-curso-header-share-title {
    color: #ed145b;
    font: 11px Gotham HTF Medium;
    letter-spacing: 1px;
    text-transform: uppercase;
    transform: rotate(-90deg) translateX(-100px)
}

.mba-curso-header-top {
    color: #91a3ad;
    font: 38px Gotham HTF Light;
    height: 40px;
    margin: 0 auto;
    letter-spacing: 2px;
    width: 300px
}

    .mba-curso-header-top:after {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        margin: 15px -10px;
        position: absolute;
        width: 22px
    }

.mba-curso-header-label {
    background: #fff;
    color: #ed145b;
    display: inline-block;
    font: 19px Gotham HTF Bold;
    letter-spacing: -.5px;
    padding: 8px 15px;
    text-transform: uppercase
}

.mba-curso-header-title {
    font: 45px Gotham HTF Book;
    letter-spacing: .05em;
    line-height: 50px;
    margin: 35px auto 0;
    text-transform: uppercase;
    width: 90%
}

.mba-curso-header-title-small {
    font: 35px Gotham HTF Book
}

.mba-curso-header-title strong {
    font: 64px Gotham HTF Medium;
    font-weight: 400
}

.mba-curso-header-subtitle {
    font: 18px Gotham HTF Book;
    margin-bottom: 0;
    margin-top: 30px;
    text-transform: uppercase
}

.mba-curso-header-title-desc {
    display: block;
    font: 30px Gotham HTF Book;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase
}

.mba-curso-header-note {
    display: block;
    font: 14px Gotham HTF Book;
    text-transform: uppercase
}

    .mba-curso-header-note strong {
        font-family: Gotham HTF Bold
    }

.mba-curso-header-btn {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 14px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 50px 0 15px;
    padding: 13px 45px;
    position: relative;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .mba-curso-header-btn:hover {
        background: #ed145b;
        color: #000
    }

.mba-curso-header-btn-desc {
    display: block;
    font: 15px Gotham HTF Book;
    margin-top: 15px;
    text-transform: uppercase
}

.mba-curso-header-scroll {
    bottom: 60px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 5
}

.mba-curso-header-scroll-text {
    color: #91a3ad;
    font: 12px Gotham HTF Book;
    letter-spacing: 2px;
    margin-top: 80px;
    text-transform: uppercase;
    transition: all .4s ease-out
}

.mba-curso-header-scroll .components-scroll-circle-icon {
    background-color: #ed145b
}

    .mba-curso-header-scroll .components-scroll-circle-icon:before {
        border-color: #ed145b
    }

.mba-curso-header-tag {
    bottom: 0;
    display: table;
    height: 167px;
    position: absolute;
    right: 0;
    transition: transform .4s ease;
    z-index: 2
}

    .mba-curso-header-tag.is-active {
        transform: translateX(425px)
    }

    .mba-curso-header-tag:hover {
        transform: translateX(0)
    }

.mba-curso-header-tag-label {
    display: table-cell;
    position: relative;
    width: 167px
}

.mba-curso-header-tag-presencial .mba-curso-header-tag-label {
    background: url(../images/fiap/graduacao/curso/header/presencial.png)
}

.mba-curso-header-tag-online .mba-curso-header-tag-label {
    background: url(../images/fiap/mba/curso/header/online.png)
}

.mba-curso-header-tag-presencial-online .mba-curso-header-tag-label {
    background: url(../images/fiap/mba/curso/header/presencial-online.png)
}

.mba-curso-header-tag-online-live .mba-curso-header-tag-label {
    background: url(../images/fiap/mba/curso/header/online-live.png)
}

.mba-curso-header-tag-live .mba-curso-header-tag-label {
    background: url(../images/fiap/mba/curso/header/live.png)
}

.mba-curso-header-tag-box {
    display: table-cell;
    font: 16px/26px Gotham HTF Book;
    padding: 0 40px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 425px
}

.mba-curso-header-tag-presencial .mba-curso-header-tag-box {
    background: #ed145b;
    color: #000;
    font: 16px/21px Gotham HTF Medium
}

.mba-curso-header-tag-online .mba-curso-header-tag-box {
    background: #151819;
    color: #91a3ad;
    font: 16px/21px Gotham HTF Medium
}

.mba-curso-header-tag-presencial-online .mba-curso-header-tag-box {
    background: #798992;
    color: #010101;
    font: 16px/21px Gotham HTF Medium
}

.mba-curso-header-tag-online-live .mba-curso-header-tag-box {
    background: #444b50;
    color: #ccc;
    font: 16px/21px Gotham HTF Medium
}

.mba-curso-header-tag-live .mba-curso-header-tag-box {
    background: #9b0d3c;
    color: #fffefe;
    font: 16px/21px Gotham HTF Medium
}

.mba-curso-header-tag-box-btn {
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font: 16px Gotham HTF Bold;
    padding: 8px 15px;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.mba-curso-header-tag-presencial .mba-curso-header-tag-box-btn {
    border-color: #000;
    color: #000
}

.mba-curso-header-tag-online .mba-curso-header-tag-box-btn, .mba-curso-header-tag-presencial .mba-curso-header-tag-box-btn {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    letter-spacing: .5px;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    text-align: center;
    width: 100%
}

.mba-curso-header-tag-online .mba-curso-header-tag-box-btn {
    border: 1px solid #ed145b;
    color: #ed145b
}

.mba-curso-header-tag-presencial-online .mba-curso-header-tag-box-btn {
    border: 1px solid #000;
    color: #000
}

.mba-curso-header-tag-online-live .mba-curso-header-tag-box-btn, .mba-curso-header-tag-presencial-online .mba-curso-header-tag-box-btn {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    letter-spacing: .5px;
    margin-top: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    text-align: center;
    width: 100%
}

.mba-curso-header-tag-online-live .mba-curso-header-tag-box-btn {
    border: 1px solid #ccc;
    color: #ccc
}

.mba-curso-header-tag-live .mba-curso-header-tag-box-btn {
    background: transparent;
    border: 1px solid #fffefe;
    color: #fffefe;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    letter-spacing: .5px;
    margin-top: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    text-align: center;
    width: 100%
}

.mba-curso-informacoes {
    color: #b8b8b8;
    font: 14px/22px Roboto;
    padding: 100px 0 230px;
    position: relative
}

    .mba-curso-informacoes:after, .mba-curso-informacoes:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .mba-curso-informacoes:before {
        background: url(../images/fiap/mba/curso/informacoes-do-curso/effects.png) top 120px center no-repeat
    }

.mba-curso-informacoes-columns {
    margin: auto;
    width: 100%
}

    .mba-curso-informacoes-columns ul {
        list-style: disc;
        margin-bottom: 1.5em;
        padding-left: 1em
    }

    .mba-curso-informacoes-columns strong {
        color: #eaeaea
    }

.mba-curso-informacoes-column {
    color: #616d72;
    float: left;
    letter-spacing: .5px;
    padding: 0 25px;
    width: 33.333%
}

    .mba-curso-informacoes-column p:not(:first-child) strong {
        margin-top: 65px
    }

    .mba-curso-informacoes-column strong {
        color: #91a3ad;
        font: 17px Gotham HTF Medium;
        letter-spacing: .5px;
        line-height: 25px;
        display: block;
        padding-top: 30px
    }

        .mba-curso-informacoes-column strong:before {
            background-color: #3d4549;
            content: "";
            height: 1px;
            margin-top: -25px;
            position: absolute;
            width: 30%
        }

    .mba-curso-informacoes-column ul {
        list-style: none;
        padding: 0
    }

        .mba-curso-informacoes-column ul li:before {
            background-color: #616d72;
            content: "";
            display: inline-block;
            width: 3px;
            height: 3px;
            left: -10px;
            position: relative;
            top: -2px;
            vertical-align: middle
        }

.mba-curso-informacoes-title {
    color: #91a3ad;
    font: 40px Gotham HTF Light;
    line-height: 49px;
    margin-bottom: 60px;
    margin-top: 0;
    padding: 125px 25px 0;
    text-transform: uppercase;
    text-align: left
}

.mba-curso-informacoes-list {
    margin-left: -8px;
    margin-top: 40px
}

.mba-curso-informacoes-item {
    display: inline-block
}

.mba-curso-informacoes-link {
    display: inline-block;
    fill: #b8b8b8;
    line-height: 0;
    transition: fill .4s ease
}

    .mba-curso-informacoes-link:hover {
        fill: #ed145b
    }

.mba-curso-informacoes-link-icon {
    fill: #939393;
    height: 25px;
    transition: fill .3s ease;
    width: 25px
}

    .mba-curso-informacoes-link-icon:hover {
        fill: #fff
    }

.mba-curso-informacoes-link-icon-wpp {
    fill: #939393;
    height: 16px;
    transition: fill .3s ease;
    width: 25px
}

    .mba-curso-informacoes-link-icon-wpp:hover {
        fill: #fff
    }

.mba-curso-pmi {
    color: #616d72;
    font: 11px/14px Gotham HTF Book;
    text-align: right;
    margin: 50px 0 -20px
}

.mba-curso-turmas {
    color: #b8b8b8;
    padding: 80px 0 220px;
    position: relative;
    text-align: center
}

    .mba-curso-turmas:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/fiap/graduacao/curso/turmas/effects.png) center 45px no-repeat
    }

    .mba-curso-turmas.mba-curso-turmas-presencial {
        padding-bottom: 100px
    }

    .mba-curso-turmas.ON-MBA-curso {
        padding: 250px 0 100px
    }

.mba-curso-turmas-text-ultimas-vagas {
    font: 12px Gotham HTF Book;
    color: #ed145b;
    display: block;
    text-align: center;
    padding-top: 10px
}

.mba-curso-turmas-title {
    color: #91a3ad;
    font: 45px Gotham HTF Book;
    letter-spacing: .05em;
    margin-bottom: 125px;
    margin-top: 0;
    text-transform: uppercase
}

    .mba-curso-turmas-title:after {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 4px;
        left: 49.2%;
        margin-top: 45px;
        position: absolute;
        width: 30px
    }

.mba-curso-turmas-parent {
    border: 1px solid #353b3f;
    padding: 50px 20px 70px
}

.mba-curso-turmas-header {
    color: #ddd;
    display: table;
    height: 100%;
    margin-left: 9%;
    white-space: nowrap;
    width: 91%
}

.mba-curso-turmas-header-column {
    border-left: 1px solid #353b3f;
    color: #616d72;
    display: table-cell;
    font: 14px/18px Gotham HTF Medium;
    letter-spacing: .5px;
    padding: 25px 0 45px;
    text-transform: uppercase;
    vertical-align: middle
}

    .mba-curso-turmas-header-column.unidade {
        width: 17.5%
    }

        .mba-curso-turmas-header-column.unidade.live {
            width: 12.5%
        }

    .mba-curso-turmas-header-column.inicio, .mba-curso-turmas-header-column.inicio.live {
        width: 11.5%
    }

    .mba-curso-turmas-header-column.duracao {
        width: 14.5%
    }

    .mba-curso-turmas-header-column.dias {
        width: auto
    }

    .mba-curso-turmas-header-column.dias-semana {
        width: 10.5%
    }

    .mba-curso-turmas-header-column.horario {
        width: 16.5%
    }

    .mba-curso-turmas-header-column.hora {
        width: 10.5%
    }

    .mba-curso-turmas-header-column.investimento {
        width: 20.5%
    }

    .mba-curso-turmas-header-column.encontro {
        width: auto
    }

        .mba-curso-turmas-header-column.encontro.live {
            width: 22%
        }

.mba-curso-turmas-border-inicio:before {
    border-left: 1px solid #353b3f;
    content: "";
    left: 305px;
    margin-top: -33px;
    padding-bottom: 50px;
    padding-top: 50px;
    position: absolute
}

.mba-curso-turmas-header-icon {
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    margin-top: -3px;
    max-width: 30px;
    vertical-align: middle;
    fill: #ed145b
}

.mba-curso-turmas-box {
    display: table;
    min-height: 85px;
    transition: all .8s ease,color .4s ease;
    width: 100%
}

    .mba-curso-turmas-box:hover {
        box-shadow: inset 0 0 0 1px #ed145b
    }

        .mba-curso-turmas-box:hover .mba-curso-turmas-box-text, .mba-curso-turmas-box:hover .mba-curso-turmas-box-text-legend {
            color: #ed145b
        }

.mba-curso-turmas-box-text-before {
    display: none;
    font: 17px Gotham HTF Medium
}

.mba-curso-turmas-box-text-after {
    color: #ed145b;
    display: none;
    font: 14px Gotham HTF Medium;
    text-decoration: underline;
    text-transform: uppercase
}

.mba-curso-turmas-box-column-mobile {
    display: table;
    min-height: 85px;
    width: 100%
}

.mba-curso-turmas-box-column {
    border-left: 1px solid #353b3f;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle
}

    .mba-curso-turmas-box-column.radio {
        border: none;
        width: 9%
    }

    .mba-curso-turmas-box-column.unidade {
        width: 17.5%
    }

        .mba-curso-turmas-box-column.unidade.live {
            width: 12.5%
        }

    .mba-curso-turmas-box-column.encontro.live {
        width: 22%
    }

    .mba-curso-turmas-box-column.inicio, .mba-curso-turmas-box-column.inicio.live {
        width: 11.5%
    }

    .mba-curso-turmas-box-column.duracao {
        width: 14.5%
    }

    .mba-curso-turmas-box-column.dias-semana, .mba-curso-turmas-box-column.hora {
        width: 10.5%
    }

    .mba-curso-turmas-box-column.dias {
        width: 19.5%
    }

    .mba-curso-turmas-box-column.horario {
        width: 16.5%
    }

    .mba-curso-turmas-box-column.investimento {
        width: 20.5%
    }

.mba-curso-turmas-box-icon, .mba-curso-turmas-box-low {
    display: none
}

.mba-curso-turmas-box-text {
    color: #616d72;
    display: inline-block;
    font: 16px/18px Roboto;
    text-align: center;
    transition: all .4s
}

.mba-curso-turmas-box-text-legend {
    color: #4e585c;
    font: 12px/15px Roboto;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    transition: all .4s
}

.mba-curso-turmas-box-text-bold {
    font-weight: 700
}

.mba-curso-turmas-box.is-disabled .mba-curso-turmas-box-text {
    color: #ed145b;
    text-decoration: line-through
}

.mba-curso-turmas-box-text-campus {
    color: #91a3ad;
    font: 18px Gotham HTF Medium;
    text-transform: uppercase
}

.mba-curso-turmas-box-label {
    color: #ed145b;
    display: inline-block;
    font: 19px Gotham HTF Bold;
    letter-spacing: 1px;
    text-transform: uppercase
}

.mba-curso-turmas-box-more {
    cursor: pointer
}

    .mba-curso-turmas-box-more:after {
        border: 1px solid;
        border-radius: 50%;
        color: #ed145b;
        content: "+";
        display: inline-block;
        font: 17px/19px Gotham HTF Light;
        height: 19px;
        margin-left: 10px;
        margin-top: -2px;
        text-align: center;
        vertical-align: middle;
        width: 19px
    }

.mba-curso-turmas-box-sold {
    background: #ed145b;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font: 700 13px Roboto;
    padding: 5px 10px;
    text-transform: uppercase
}

.mba-curso-turmas-notes {
    color: #4c5559;
    font: 10px/16px Roboto;
    margin-bottom: 15px;
    margin-top: 40px;
    text-align: center;
    text-transform: uppercase
}

.mba-curso-turmas-btn {
    background: transparent;
    border: 2px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    letter-spacing: .5px;
    margin-top: 35px;
    padding: 10px 40px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .mba-curso-turmas-btn:hover {
        background: #ed145b;
        color: #000
    }

.mba-curso-turmas-btn-desc {
    color: #fff;
    display: block;
    font-size: 12px;
    letter-spacing: .5px;
    margin-top: 10px;
    text-transform: uppercase
}

.mba-curso-turmas-link {
    border-bottom: 1px solid #ed145b;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 25px
}

.mba-curso-turma-radio {
    cursor: pointer;
    display: inline-block
}

    .mba-curso-turma-radio.is-disabled {
        opacity: .4
    }

.mba-curso-turma-radio-input {
    left: -9999px;
    position: absolute
}

.mba-curso-turma-radio-bullet {
    border: 2px solid #ed145b;
    display: inline-block;
    height: 25px;
    margin-top: -2px;
    position: relative;
    transition: all .4s;
    vertical-align: middle;
    width: 25px
}

    .mba-curso-turma-radio-bullet:after {
        border-color: transparent #ed145b #ed145b transparent;
        border-style: solid;
        border-width: 2px;
        content: "";
        display: block;
        height: 13px;
        left: 6px;
        opacity: 0;
        position: absolute;
        top: 2px;
        transform: rotate(40deg);
        transition: all .4s;
        width: 8px
    }

[type=radio]:checked + .mba-curso-turma-radio-bullet:after {
    opacity: 1
}

.mba-turma-info-alerta {
    background: #fff;
    border-radius: 25px;
    color: #fff;
    display: none;
    font: 12px/25px Gotham HTF Black;
    height: 25px;
    letter-spacing: .5px;
    margin-right: 20px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s;
    vertical-align: middle
}

    .mba-turma-info-alerta.is-active {
        animation-duration: 1s;
        animation-name: b;
        display: inline-block
    }

.mba-turma-info-alerta-label {
    color: #000;
    transition: all .4s .4s
}

.mba-curso-investimento {
    background: rgba(0,0,0,.75);
    display: table;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000
}

    .mba-curso-investimento.is-active {
        opacity: 1 !important;
        visibility: visible
    }

.mba-curso-investimento-wrapper2 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.mba-curso-investimento-box {
    background: #1a1a1a;
    display: block;
    max-width: 100%;
    padding: 20px 60px;
    position: relative;
    text-align: center
}

    .mba-curso-investimento-box.box-fortinet {
        padding: 20px 40px
    }

    .mba-curso-investimento-box.mba-modal-presencial {
        padding: 50px 60px
    }

.mba-curso-investimento-paragraph {
    display: inline-block;
    width: 720px;
    margin: 0 0 20px
}

    .mba-curso-investimento-paragraph p {
        font: 16px Roboto;
        color: #636f76
    }

.mba-curso-investimento-material {
    text-align: left
}

    .mba-curso-investimento-material h30 {
        font: 16px Gotham HTF Medium;
        color: #ed145b;
        text-transform: uppercase;
        font-weight: 700
    }

    .mba-curso-investimento-material p {
        font: 12px Roboto;
        color: #636f76;
        text-align: center
    }

    .mba-curso-investimento-material ul li {
        font: 16px Gotham HTF Medium;
        position: relative;
        padding-left: 15px;
        color: #636f76;
        line-height: 24px
    }

        .mba-curso-investimento-material ul li:after {
            content: "";
            background-color: #ed145b;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            position: absolute;
            top: 10px;
            left: 0
        }

.mba-curso-investimento-title {
    color: #91a3ad;
    font: 40px Gotham HTF Book;
    letter-spacing: .05em;
    margin-bottom: 60px;
    margin-top: 0;
    text-transform: uppercase
}

    .mba-curso-investimento-title.title-fortinet {
        font: 30px Gotham HTF Book
    }

    .mba-curso-investimento-title.mba-modal-online {
        margin-bottom: 25px
    }

    .mba-curso-investimento-title.title-fortinet {
        margin: 20px 0 15px
    }

.mba-curso-investimento-subtitle {
    font: 20px Gotham HTF Book;
    margin-right: 60px;
    text-transform: uppercase
}

.mba-curso-investimento-subtitle-highlight {
    color: #ed145b;
    font: 58px Gotham HTF Bold
}

.mba-curso-investimento-columns {
    display: table;
    white-space: nowrap
}

.mba-on-curso-investimento-columns.fortinet-columns {
    padding-left: 20px
}

    .mba-on-curso-investimento-columns.fortinet-columns .mba-on-curso-investimento-subtitle {
        font: 14px Gotham HTF Medium
    }

    .mba-on-curso-investimento-columns.fortinet-columns .mba-on-curso-investimento-column:first-child {
        width: 25%
    }

.mba-curso-investimento-column {
    color: #91a3ad;
    display: table-cell;
    vertical-align: middle
}

.mba-curso-investimento-item {
    display: none;
    font: 14px Gotham HTF Book;
    min-width: 725px;
    text-transform: uppercase
}

    .mba-curso-investimento-item.is-active {
        display: block
    }

.mba-curso-investimento-item-header {
    display: table;
    padding: 15px 0;
    width: 100%
}

.mba-curso-investimento-item-header-column {
    display: table-cell;
    vertical-align: middle;
    width: 33.33%
}

.mba-curso-investimento-item-row {
    background: #191919;
    display: table;
    padding: 15px 0;
    width: 100%
}

.mba-curso-investimento-item-row-column {
    display: table-cell;
    vertical-align: middle;
    width: 33.33%
}

.mba-curso-investimento-btn {
    border: 2px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 15px Gotham HTF Bold;
    letter-spacing: 1px;
    margin-top: 30px;
    padding: 10px 35px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .mba-curso-investimento-btn.btn-fortinet {
        margin-top: 15px
    }

    .mba-curso-investimento-btn:hover {
        background: #ed145b;
        color: #fff
    }

.mba-curso-investimento-btn-desc {
    color: #616d72;
    display: block;
    font: 12px Gotham HTF Book;
    letter-spacing: .5px;
    margin-top: 15px;
    text-transform: uppercase
}

.mba-curso-investimento-notes {
    color: #474f54;
    font: 12px/16px Roboto;
    margin-bottom: -.5em;
    margin-top: 20px;
    text-transform: none
}

    .mba-curso-investimento-notes.notes-fortinet {
        margin-top: 0
    }

    .mba-curso-investimento-notes #mba-curso-investimento-notes-2019.is-disabled, .mba-curso-investimento-notes #mba-curso-investimento-notes-2020.is-disabled {
        display: none
    }

.mba-curso-investimento-close {
    color: #fff;
    cursor: pointer;
    font-size: 0;
    height: 45px;
    opacity: .65;
    outline: none;
    position: absolute;
    right: 0;
    text-align: center;
    transition: opacity .4s ease;
    top: 0;
    width: 45px
}

    .mba-curso-investimento-close:after {
        content: "×";
        font: 28px/45px Arial
    }

    .mba-curso-investimento-close:hover {
        opacity: 1
    }

.mba-on-curso-investimento-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
    width: 800px
}

.mba-on-curso-investimento-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 55px;
    width: 80%
}

    .mba-on-curso-investimento-wrapper2.iel-ceara {
        width: 65%;
        padding-right: 20px
    }

.mba-on-curso-investimento-item-header-column {
    color: #474f54;
    font: 14px Gotham HTF Medium;
    text-align: center;
    text-transform: uppercase
}

    .mba-on-curso-investimento-item-header-column:first-child {
        padding-left: 40px
    }

    .mba-on-curso-investimento-item-header-column:nth-child(2) {
        padding-right: 40px
    }

    .mba-on-curso-investimento-item-header-column.item-header-fortinet:first-child {
        padding-left: 30px
    }

    .mba-on-curso-investimento-item-header-column.item-header-fortinet:nth-child(2) {
        padding-right: 0
    }

    .mba-on-curso-investimento-item-header-column.item-header-fortinet:nth-child(3) {
        padding-right: 40px
    }

.mba-on-curso-investimento-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 20px 35px;
    position: relative
}

.mba-on-curso-investimento-columns-divider {
    background: #353b3f;
    display: block;
    height: 1px;
    position: relative;
    width: 100%
}

.mba-on-curso-investimento-column {
    display: -ms-flexbox;
    display: flex
}

    .mba-on-curso-investimento-column:first-child {
        width: 20%
    }

    .mba-on-curso-investimento-column:last-child {
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 80%
    }

    .mba-on-curso-investimento-column.iel-ceara:last-child {
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 57%;
        padding-right: 30px
    }

.mba-on-curso-investimento-subtitle {
    color: #7e8d96;
    font: 18px Gotham HTF Medium;
    position: relative;
    text-transform: uppercase
}

    .mba-on-curso-investimento-subtitle.bullet.hide:after {
        display: none
    }

    .mba-on-curso-investimento-subtitle.bullet:after {
        color: #7e8d96;
        content: "**";
        display: block;
        font: 18px Gotham HTF Medium;
        position: absolute;
        right: -20px;
        top: -10px
    }

.mba-on-curso-investimento-item-row-column {
    color: #636f76;
    font: 16px Roboto;
    font-weight: 600;
    width: 26.6%
}

    .mba-on-curso-investimento-item-row-column.item-column-fortinet {
        font: 14px Roboto
    }

.mba-curso-matriz {
    color: #b8b8b8;
    padding-bottom: 100px;
    position: relative
}

    .mba-curso-matriz:after {
        background: url(../images/fiap/graduacao/curso/matriz-curricular/effects.png) 50% no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.mba-curso-matriz-modulo-border {
    border: 1px solid #3d4549;
    cursor: pointer;
    display: table;
    font-size: 0;
    margin-top: 15px;
    position: relative;
    transition: background .4s ease,border-color .4s ease,color .4s ease;
    width: 100%
}

    .mba-curso-matriz-modulo-border.is-active, .mba-curso-matriz-modulo-border:hover {
        border-color: #ed145b
    }

        .mba-curso-matriz-modulo-border.is-active .mba-curso-matriz-modulo-title, .mba-curso-matriz-modulo-border:hover .mba-curso-matriz-modulo-title {
            color: #ed145b;
            transition: color .4s ease-in-out
        }

.mba-curso-matriz-header {
    display: table;
    margin: 0 auto 100px;
    max-width: 1000px;
    text-align: left;
    width: 100%
}

.mba-curso-matriz-header-column {
    color: #ddd;
    display: table-cell;
    font: 18px Gotham HTF Book;
    text-transform: uppercase;
    vertical-align: middle
}

    .mba-curso-matriz-header-column:first-child {
        padding-right: 60px
    }

.mba-curso-matriz-header-title {
    color: #91a3ad;
    font: 54px Gotham HTF Medium;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase
}

    .mba-curso-matriz-header-title span {
        display: block;
        font: 33px Gotham HTF Light;
        letter-spacing: .5px;
        position: relative;
        padding-top: 5px;
        left: 50px
    }

        .mba-curso-matriz-header-title span:before {
            background-color: #616d72;
            content: "";
            height: 1px;
            left: -80px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px
        }

.mba-curso-matriz-header-icon {
    display: inline-block;
    fill: #ed145b;
    height: 30px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
    width: 30px
}

.mba-curso-matriz-trilha-title-big {
    color: #616d72;
    font: 32px Gotham HTF Light;
    letter-spacing: .5px;
    margin-top: 90px;
    text-align: center;
    text-transform: uppercase
}

.mba-curso-matriz-trilha-desc {
    color: #616d72;
    font: 16px Roboto;
    margin-bottom: 75px;
    text-align: center
}

.mba-curso-matriz-trilha-buttons {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.mba-curso-matriz-trilha-btn {
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    border: 1px solid #ed145b;
    padding: 15px 20px;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease;
    width: 50%;
    margin-right: 0
}

    .mba-curso-matriz-trilha-btn:first-child {
        margin-right: 30px
    }

    .mba-curso-matriz-trilha-btn.is-active, .mba-curso-matriz-trilha-btn:hover {
        color: #000;
        cursor: pointer;
        background: #ed145b
    }

.mba-curso-matriz-trilha {
    display: none;
    margin: auto;
    max-width: 1200px
}

    .mba-curso-matriz-trilha.is-active {
        display: -ms-flexbox;
        display: flex
    }

.mba-curso-matriz-trilha-border {
    border: 1px solid #ed145b;
    cursor: pointer;
    display: table;
    font-size: 0;
    margin-top: 15px;
    position: relative;
    transition: background .4s ease,border-color .4s ease,color .4s ease;
    width: 100%
}

    .mba-curso-matriz-trilha-border.is-active, .mba-curso-matriz-trilha-border:hover {
        border-color: #ed145b
    }

        .mba-curso-matriz-trilha-border.is-active .mba-curso-matriz-modulo-title, .mba-curso-matriz-trilha-border:hover .mba-curso-matriz-modulo-title {
            color: #ed145b;
            transition: color .4s ease-in-out
        }

.mba-curso-matriz-trilha-header {
    cursor: pointer;
    display: table;
    font-size: 0;
    padding: 25px 35px;
    position: relative;
    transition: background .4s ease,border-color .4s ease,color .4s ease;
    width: 100%
}

    .mba-curso-matriz-trilha-header.is-active, .mba-curso-matriz-trilha-header:hover {
        border-color: #ed145b
    }

        .mba-curso-matriz-trilha-header.is-active .mba-curso-matriz-trilha-title, .mba-curso-matriz-trilha-header:hover .mba-curso-matriz-trilha-title {
            color: #ed145b;
            transition: color .4s ease-in-out
        }

.mba-curso-matriz-trilha-header-column {
    display: table-cell;
    vertical-align: middle
}

.mba-curso-matriz-trilha-header-column-counter {
    width: 100px
}

.mba-curso-matriz-trilha-header-column-carga {
    width: 5%
}

.mba-curso-matriz-trilha-header-column-title {
    padding-left: 20px
}

.mba-curso-matriz-trilha-counter {
    color: #616d72;
    display: inline-block;
    font: 19px/30px Gotham HTF Medium;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    width: 130px
}

.mba-curso-matriz-trilha-carga {
    color: #91a3ad;
    display: inline-block;
    font: 14px Gotham HTF Book;
    margin-left: 25px;
    margin-right: 25px;
    text-align: right;
    text-transform: uppercase;
    transition: color .4s ease;
    width: 100px
}

.mba-curso-matriz-trilha-carga-icon {
    fill: #ed145b;
    height: 17px;
    margin-right: 5px;
    margin-top: -2px;
    transition: fill .4s ease;
    width: 17px
}

.mba-curso-matriz-trilha-header.is-active .mba-curso-matriz-trilha-carga-icon, .mba-curso-matriz-trilha-header:hover .mba-curso-matriz-trilha-carga-icon {
    fill: #fff
}

.mba-curso-matriz-trilha-title {
    color: #ed145b;
    display: inline-block;
    font: 18px Gotham HTF Medium;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

    .mba-curso-matriz-trilha-title strong {
        font-family: Gotham HTF Bold
    }

.mba-curso-matriz-trilha-content {
    border-bottom: 1px solid #1f1f1f;
    overflow: hidden;
    position: relative;
    transition: height .4s ease
}

    .mba-curso-matriz-trilha-content:after {
        left: 0
    }

    .mba-curso-matriz-trilha-content:after, .mba-curso-matriz-trilha-content:before {
        background: #1f1f1f;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 1px
    }

    .mba-curso-matriz-trilha-content:before {
        right: 0
    }

.mba-curso-matriz-trilha-content-wrapper2 {
    font-size: 0;
    margin-right: -1px;
    padding: 15px 30px 40px
}

.mba-curso-matriz-trilha-content strong {
    display: block;
    font: 700 15px/20px Gotham HTF Book;
    padding-bottom: 30px;
    margin: 5px 0 15px;
    text-transform: uppercase
}

    .mba-curso-matriz-trilha-content strong:before {
        background-color: #3d4549;
        content: "";
        height: 1px;
        margin-top: 40px;
        position: absolute;
        width: 40%
    }

.mba-curso-matriz-trilha-content li {
    color: #91a3ad;
    display: inline-block;
    margin: 30px 0;
    padding: 0 10px;
    vertical-align: top;
    width: 50%
}

    .mba-curso-matriz-trilha-content li:first-child:nth-last-child(1) {
        width: 100%
    }

    .mba-curso-matriz-trilha-content li:first-child:nth-last-child(2), .mba-curso-matriz-trilha-content li:nth-child(2):last-child {
        width: 50%
    }

    .mba-curso-matriz-trilha-content li ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mba-curso-matriz-trilha-content li li {
        color: #616d72;
        font: 14px Roboto;
        margin: 5px 0;
        padding: 0;
        padding-left: 15px;
        position: relative;
        width: 48% !important
    }

        .mba-curso-matriz-trilha-content li li:before {
            background-color: #616d72;
            content: "";
            display: inline-block;
            width: 3px;
            height: 3px;
            left: 0;
            position: absolute;
            top: 5px;
            vertical-align: middle
        }

        .mba-curso-matriz-trilha-content li li ul {
            margin: 7px 0 10px
        }

            .mba-curso-matriz-trilha-content li li ul li {
                font: 11px Roboto;
                margin: 5px 0;
                padding-left: 20px;
                position: relative;
                width: 100% !important
            }

.mba-curso-trilha-extra-wrapper2-content {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mba-curso-trilha-extra-wrapper2-column-2 {
    width: 48%
}

    .mba-curso-trilha-extra-wrapper2-column-2 p {
        color: #91a3ad !important
    }

.mba-curso-trilha-extra-wrapper2-column-4 {
    width: 23%
}

.mba-curso-trilha-extra p {
    color: #5e6a70;
    font: 14px/21px Roboto;
    letter-spacing: .5px
}

.mba-curso-trilha-extra strong {
    -ms-flex-align: center;
    align-items: center;
    color: #acc1cc;
    display: -ms-flexbox !important;
    display: flex !important;
    font: 14px/20px Gotham HTF Book !important;
    letter-spacing: .5px;
    margin: 0 !important;
    min-height: 80px;
    padding-bottom: 18px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase
}

    .mba-curso-trilha-extra strong:before {
        bottom: 0;
        left: 0;
        margin-top: 0 !important;
        width: 100% !important
    }

.mba-curso-trilha-extra-legend {
    color: #75838b;
    font: 16px/24px Roboto;
    letter-spacing: .3px;
    margin-top: 15px;
    text-align: right
}

.mba-curso-matriz-modulo {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    max-width: 1200px
}

.mba-curso-matriz-modulo-header {
    cursor: pointer;
    display: table;
    font-size: 0;
    padding: 25px 100px 25px 35px;
    position: relative;
    transition: background .4s ease,border-color .4s ease,color .4s ease;
    width: 100%
}

    .mba-curso-matriz-modulo-header.is-active, .mba-curso-matriz-modulo-header:hover {
        border-color: #ed145b
    }

        .mba-curso-matriz-modulo-header.is-active .mba-curso-matriz-modulo-title, .mba-curso-matriz-modulo-header:hover .mba-curso-matriz-modulo-title {
            color: #ed145b;
            transition: color .4s ease-in-out
        }

.mba-curso-matriz-modulo-header-column {
    display: table-cell;
    vertical-align: middle
}

.mba-curso-matriz-modulo-header-column-counter {
    width: 100px
}

.mba-curso-trilha-extra .mba-curso-matriz-modulo-header-column-counter {
    width: 180px
}

.mba-curso-matriz-modulo-header-column-carga {
    width: 5%
}

.mba-curso-matriz-modulo-header-column-title {
    padding-left: 20px
}

.mba-curso-matriz-modulo-counter {
    color: #616d72;
    display: inline-block;
    font: 19px/30px Gotham HTF Medium;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    width: 130px
}

.mba-curso-trilha-extra .mba-curso-matriz-modulo-counter {
    width: 200px
}

.mba-curso-matriz-modulo-carga {
    color: #91a3ad;
    display: inline-block;
    font: 14px Gotham HTF Book;
    margin-left: 25px;
    margin-right: 25px;
    text-align: right;
    text-transform: uppercase;
    transition: color .4s ease;
    width: 100px
}

.mba-curso-matriz-modulo-carga-icon {
    fill: #ed145b;
    height: 17px;
    margin-right: 5px;
    margin-top: -2px;
    transition: fill .4s ease;
    width: 17px
}

.mba-curso-matriz-modulo-header.is-active .mba-curso-matriz-modulo-carga-icon, .mba-curso-matriz-modulo-header:hover .mba-curso-matriz-modulo-carga-icon {
    fill: #fff
}

.mba-curso-matriz-modulo-title {
    color: #91a3ad;
    display: inline-block;
    font: 18px Gotham HTF Medium;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

    .mba-curso-matriz-modulo-title strong {
        font-family: Gotham HTF Bold
    }

.mba-curso-matriz-modulo-plus {
    border: 1px solid #ed145b;
    border-radius: 50%;
    height: 35px;
    margin-left: 20px;
    position: absolute;
    width: 35px
}

    .mba-curso-matriz-modulo-plus:after, .mba-curso-matriz-modulo-plus:before {
        background-color: #fff;
        content: "";
        position: absolute;
        transition: transform .25s ease-out
    }

    .mba-curso-matriz-modulo-plus:before {
        background-color: #ed145b;
        height: 50%;
        left: 50%;
        margin-left: -1px;
        top: 8px;
        width: 1px
    }

    .mba-curso-matriz-modulo-plus:after {
        background-color: #ed145b;
        height: 1px;
        left: 8px;
        margin-top: -1px;
        top: 50%;
        width: 50%
    }

.mba-curso-matriz-modulo-header.is-active .mba-curso-matriz-modulo-plus {
    cursor: pointer
}

    .mba-curso-matriz-modulo-header.is-active .mba-curso-matriz-modulo-plus:before {
        transform: rotate(90deg)
    }

    .mba-curso-matriz-modulo-header.is-active .mba-curso-matriz-modulo-plus:after {
        transform: rotate(180deg)
    }

.mba-curso-matriz-modulo-content {
    border-bottom: 1px solid #1f1f1f;
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease
}

    .mba-curso-matriz-modulo-content:after {
        left: 0
    }

    .mba-curso-matriz-modulo-content:after, .mba-curso-matriz-modulo-content:before {
        background: #1f1f1f;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 1px
    }

    .mba-curso-matriz-modulo-content:before {
        right: 0
    }

.mba-curso-matriz-modulo-content-wrapper2 {
    font-size: 0;
    margin-right: -1px;
    padding: 15px 30px 40px
}

.mba-curso-matriz-modulo-content strong {
    display: block;
    font: 700 15px/20px Gotham HTF Medium;
    padding-top: 20px;
    margin: 5px 0 15px
}

    .mba-curso-matriz-modulo-content strong:before {
        background-color: #3d4549;
        content: "";
        height: 1px;
        margin-top: -25px;
        position: absolute;
        width: 28%
    }

.mba-curso-matriz-modulo-content li {
    color: #91a3ad;
    display: inline-block;
    margin: 30px 0;
    padding: 0 10px;
    vertical-align: top;
    width: 33.33%
}

    .mba-curso-matriz-modulo-content li:first-child:nth-last-child(1) {
        width: 100%
    }

    .mba-curso-matriz-modulo-content li:first-child:nth-last-child(2), .mba-curso-matriz-modulo-content li:nth-child(2):last-child {
        width: 50%
    }

.mba-curso-matriz-modulo-content .list-full {
    width: 60%
}

    .mba-curso-matriz-modulo-content .list-full .list-modulo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .mba-curso-matriz-modulo-content .list-full .list-modulo ul {
            padding-right: 50px
        }

.mba-curso-matriz-modulo-content li li {
    font: 13px Roboto;
    margin: 5px 0;
    padding: 0;
    padding-left: 15px;
    position: relative;
    width: 100% !important
}

    .mba-curso-matriz-modulo-content li li:before {
        background-color: #616d72;
        content: "";
        display: inline-block;
        width: 3px;
        height: 3px;
        left: 0;
        position: absolute;
        top: 5px;
        vertical-align: middle
    }

    .mba-curso-matriz-modulo-content li li ul {
        margin: 7px 0 10px
    }

        .mba-curso-matriz-modulo-content li li ul li {
            font: 11px Roboto;
            margin: 5px 0;
            padding-left: 20px;
            position: relative;
            width: 100% !important
        }

.mba-curso-matriz-disclaimer {
    font: 10px/16px Gotham HTF Book;
    margin: 10px auto 0;
    max-width: 1000px;
    text-align: right;
    text-transform: uppercase
}

.mba-curso-corpo {
    position: relative
}

    .mba-curso-corpo:after, .mba-curso-corpo:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.mba-curso-corpo-direcao {
    padding-bottom: 120px
}

    .mba-curso-corpo-direcao:after {
        background: url(../images/fiap/mba/curso/corpo/effects-diretor.png) center 20px no-repeat
    }

.mba-curso-corpo-direcao-online {
    padding-bottom: 150px
}

    .mba-curso-corpo-direcao-online:after {
        background: url(../images/fiap/mba/curso/corpo/effects-diretor-online.png) 50% no-repeat
    }

.mba-curso-corpo-coordenacao {
    padding-bottom: 100px
}

    .mba-curso-corpo-coordenacao:after {
        background: url(../images/fiap/mba/curso/corpo/effects-coordenador.png) 50% no-repeat
    }

.mba-curso-corpo-columns {
    display: table;
    margin: auto;
    max-width: 1145px;
    position: relative;
    width: 100%;
    z-index: 2
}

.mba-curso-corpo-column {
    display: table-cell
}

.mba-curso-corpo-media {
    vertical-align: middle;
    width: 40%
}

.mba-curso-corpo-media-mobile {
    display: none
}

.mba-curso-corpo-media-img {
    display: block;
    margin: auto
}

.mba-curso-corpo-content {
    color: #91a3ad;
    font: 14px/22px Roboto;
    letter-spacing: .05em;
    padding-bottom: 100px;
    padding-left: 70px;
    vertical-align: top;
    width: 60%
}

    .mba-curso-corpo-content ul {
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 1.1em
    }

    .mba-curso-corpo-content li {
        position: relative
    }

        .mba-curso-corpo-content li:not(:first-child) {
            margin-top: 1em
        }

        .mba-curso-corpo-content li:after {
            background: #ed145b;
            border-radius: 50%;
            content: "";
            display: block;
            height: 4px;
            left: -15px;
            position: absolute;
            top: 7px;
            width: 4px
        }

.mba-curso-corpo-title {
    color: #91a3ad;
    font: 18px Gotham HTF Medium;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.mba-curso-corpo-subtitle {
    color: #616d72;
    font: 38px Gotham HTF Light;
    margin-bottom: 70px;
    margin-top: 0;
    text-transform: uppercase
}

    .mba-curso-corpo-subtitle:after {
        background-color: #373d42;
        content: "";
        display: block;
        height: 3px;
        margin-top: 20px;
        width: 255px
    }

.mba-curso-corpo-desc {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 25px
}

    .mba-curso-corpo-desc::-webkit-scrollbar {
        width: 11px
    }

    .mba-curso-corpo-desc::-webkit-scrollbar-track {
        background: #252525;
        border-radius: 0
    }

    .mba-curso-corpo-desc::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #ed145b;
        border: 5px solid transparent
    }

.mba-curso-tema-alternativo-informacoes:before {
    background: url(../images/fiap/mba/curso/informacoes-do-curso/effects-tech-driven.png) top no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -210px;
    width: 100%
}

.mba-curso-tema-alternativo-informacoes .wrapper2 {
    max-width: 1056px
}

.mba-curso-tema-alternativo-informacoes.blc .wrapper2 {
    max-width: 1180px
}

.mba-curso-tema-alternativo-informacoes.neg .wrapper2 {
    max-width: 1324px
}

.mba-curso-tema-alternativo-informacoes .wrapper2-mkt {
    max-width: 1170px !important
}

.mba-curso-tema-alternativo-informacoes-link {
    color: #ed145b;
    text-decoration: underline
}

.mba-curso-tema-alternativo-informacoes-item-title-live {
    font: 14px/18px Gotham HTF Medium;
    color: #85969f;
    text-transform: uppercase;
    margin: 55px 0 30px;
    position: relative;
    padding-left: 20px
}

    .mba-curso-tema-alternativo-informacoes-item-title-live:before {
        content: "";
        width: 33px;
        height: 29px;
        background: url(../images/shared/cursos/icon-live.png);
        background-repeat: no-repeat;
        position: absolute;
        top: -5px;
        left: -25px
    }

    .mba-curso-tema-alternativo-informacoes-item-title-live.title-requisitos-ux:before {
        top: 3px
    }

.mba-curso-tema-alternativo-informacoes-title {
    text-align: center
}

.mba-curso-tema-alternativo-informacoes-descricao {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .mba-curso-tema-alternativo-informacoes-descricao.blc {
        margin-top: 100px
    }

.mba-curso-tema-alternativo-informacoes-descricao-column-destaque {
    border: 1px solid rgba(145,163,173,.48);
    padding: 60px 50px 70px;
    position: relative;
    width: 37%
}

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque.column-dts {
        padding: 60px 30px 70px
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque p {
        color: #91a3ad;
        font: 18px/38px Gotham HTF Book;
        letter-spacing: .8px;
        position: relative;
        text-align: center;
        text-transform: uppercase
    }

        .mba-curso-tema-alternativo-informacoes-descricao-column-destaque p:after {
            background-color: #ed145b;
            box-shadow: 8px 0 0 0 #ed145b,-8px 0 0 0 #ed145b;
            bottom: -40px;
            content: "";
            height: 4px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 4px
        }

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque:after {
        background-color: #ed145b;
        top: 55px;
        content: "";
        height: 1px;
        right: -55px;
        position: absolute;
        width: 80px
    }

.mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big {
    border: 1px solid rgba(145,163,173,.48);
    padding: 60px 30px 70px;
    position: relative;
    width: 40%
}

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big p {
        color: #91a3ad;
        font: 18px/38px Gotham HTF Book;
        letter-spacing: .8px;
        position: relative;
        text-align: center;
        text-transform: uppercase
    }

        .mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big p:after {
            background-color: #ed145b;
            box-shadow: 8px 0 0 0 #ed145b,-8px 0 0 0 #ed145b;
            bottom: -40px;
            content: "";
            height: 4px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 4px
        }

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big:after {
        background-color: #ed145b;
        top: 55px;
        content: "";
        height: 1px;
        right: -30px;
        position: absolute;
        width: 80px
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big.blc {
        margin-top: -367px;
        width: 33%
    }

.mba-curso-tema-alternativo-informacoes-descricao-column-texto {
    left: 15px;
    position: relative;
    width: 54%
}

    .mba-curso-tema-alternativo-informacoes-descricao-column-texto.blc {
        top: 60px
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-texto p {
        color: #616d72;
        font: 16px/28px Roboto;
        letter-spacing: .5px;
        margin: 0;
        white-space: pre-line
    }

        .mba-curso-tema-alternativo-informacoes-descricao-column-texto p.seg {
            margin-top: -100px
        }

.mt-50 {
    margin-top: 50px
}

.mt-80 {
    margin-top: 80px
}

.mt-100 {
    margin-top: 100px
}

.mba-curso-tema-alternativo-informacoes .col-1, .mba-curso-tema-alternativo-informacoes .col-2, .mba-curso-tema-alternativo-informacoes .col-3, .mba-curso-tema-alternativo-informacoes .col-4, .mba-curso-tema-alternativo-informacoes .col-5, .mba-curso-tema-alternativo-informacoes .col-6, .mba-curso-tema-alternativo-informacoes .col-7, .mba-curso-tema-alternativo-informacoes .col-8, .mba-curso-tema-alternativo-informacoes .col-9, .mba-curso-tema-alternativo-informacoes .col-10, .mba-curso-tema-alternativo-informacoes .col-11, .mba-curso-tema-alternativo-informacoes .col-12 {
    padding: 0
}

.mba-curso-tema-alternativo-informacoes .col-3 {
    width: 22%
}

.mba-curso-tema-alternativo-informacoes .col-3-big {
    width: 24%
}

.mba-curso-tema-alternativo-informacoes .col-4 {
    width: 31%
}

    .mba-curso-tema-alternativo-informacoes .col-4.first-item {
        width: 35%
    }

.mba-curso-tema-alternativo-informacoes .col-5 {
    width: 38%
}

.mba-curso-tema-alternativo-informacoes .col-6 {
    width: 46%
}

    .mba-curso-tema-alternativo-informacoes .col-6.exception {
        width: 50%
    }


.mba-curso-tema-alternativo-informacoes .col-7 {
    width: 60%
}

.mba-curso-tema-alternativo-informacoes .col-8 {
    width: 62%
}

.mba-curso-tema-alternativo-informacoes .col-9 {
    width: 73%
}

.mba-curso-tema-alternativo-informacoes .col-12 {
    width: 100%
}

.mba-curso-tema-alternativo-informacoes-itens {
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 90px
}

    .mba-curso-tema-alternativo-informacoes-itens.bdt .mba-curso-tema-alternativo-informacoes-item-title {
        margin-bottom: 30px
    }

    .mba-curso-tema-alternativo-informacoes-itens.itens-dts .text-highlight-dts li {
        margin: 15px 0
    }

    .mba-curso-tema-alternativo-informacoes-itens.itens-dts-mg {
        margin-top: 0;
        margin-bottom: 30px
    }

    .mba-curso-tema-alternativo-informacoes-itens.itens-dts-mg2 {
        margin-top: 60px
    }

    .mba-curso-tema-alternativo-informacoes-itens.bloco-bds {
        margin-top: 200px
    }

    .mba-curso-tema-alternativo-informacoes-itens.bloco-bdt {
        margin-top: 180px
    }

    .mba-curso-tema-alternativo-informacoes-itens.blc {
        margin-top: 200px
    }

    .mba-curso-tema-alternativo-informacoes-itens.bdt-footer {
        margin-top: 40px
    }

        .mba-curso-tema-alternativo-informacoes-itens.bdt-footer .mba-curso-tema-alternativo-informacoes-item-text {
            font: 18px/28px Gotham HTF Light;
            text-transform: uppercase;
            color: #4e5960;
            margin-bottom: 50px;
            position: relative
        }

            .mba-curso-tema-alternativo-informacoes-itens.bdt-footer .mba-curso-tema-alternativo-informacoes-item-text strong {
                font: 18px Gotham HTF Medium;
                color: #4e5960
            }

            .mba-curso-tema-alternativo-informacoes-itens.bdt-footer .mba-curso-tema-alternativo-informacoes-item-text:after {
                content: "";
                position: absolute;
                width: 50px;
                height: 3px;
                background-color: #ed145b;
                top: 10%;
                left: -25%
            }

.mba-curso-tema-alternativo-informacoes-item-content {
    margin-top: 50px
}

.mba-curso-tema-alternativo-informacoes-item-columns {
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mba-curso-tema-alternativo-informacoes-item.space-dts {
    padding-right: 20px
}

.mba-curso-tema-alternativo-informacoes-item-title {
    color: #91a3ad;
    font: 22px/32px Gotham HTF Medium;
    letter-spacing: .8px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase
}

    .mba-curso-tema-alternativo-informacoes-item-title.title-blc1 {
        margin-bottom: 40px
    }

    .mba-curso-tema-alternativo-informacoes-item-title:after {
        background-color: #ed145b;
        top: 13px;
        content: "";
        height: 8px;
        left: -40px;
        position: absolute;
        width: 8px
    }

    .mba-curso-tema-alternativo-informacoes-item-title.title-bds {
        font: 30px/32px Gotham HTF Light;
        text-align: center;
        position: relative;
        margin-bottom: 50px
    }

        .mba-curso-tema-alternativo-informacoes-item-title.title-bds strong {
            font: 30px/32px Gotham HTF Medium
        }

        .mba-curso-tema-alternativo-informacoes-item-title.title-bds:before {
            background-color: transparent;
            border-top: 1px solid #ed145b;
            border-left: 1px solid #ed145b;
            position: absolute;
            top: -20px;
            left: -40px;
            content: "";
            height: 8px;
            width: 30px;
            height: 30px
        }

        .mba-curso-tema-alternativo-informacoes-item-title.title-bds:after {
            background-color: transparent;
            border-left: 1px solid #ed145b;
            bottom: 5px;
            content: "";
            height: 8px;
            left: inherit;
            right: -40px;
            position: absolute;
            width: 1px;
            height: 30px;
            top: inherit
        }

    .mba-curso-tema-alternativo-informacoes-item-title.title-bdt {
        color: #91a3ad;
        font: 40px Gotham HTF Medium
    }

        .mba-curso-tema-alternativo-informacoes-item-title.title-bdt:after {
            display: none
        }

.mba-curso-tema-alternativo-informacoes-item-title-highlight {
    padding-left: 40px
}

    .mba-curso-tema-alternativo-informacoes-item-title-highlight:after {
        display: none
    }

.mba-curso-tema-alternativo-informacoes-item-title-highlight-effects {
    background-color: transparent;
    border-bottom: 1px solid #4d575d;
    border-left: 1px solid #4d575d;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px
}

    .mba-curso-tema-alternativo-informacoes-item-title-highlight-effects:after, .mba-curso-tema-alternativo-informacoes-item-title-highlight-effects:before {
        background-color: transparent;
        border: 1px solid #4d575d;
        content: "";
        height: 6px;
        left: -1px;
        position: absolute;
        width: 6px
    }

    .mba-curso-tema-alternativo-informacoes-item-title-highlight-effects:after {
        top: 27px
    }

    .mba-curso-tema-alternativo-informacoes-item-title-highlight-effects:before {
        top: 42px
    }

.mba-curso-tema-alternativo-informacoes-item-text {
    color: #616d72;
    font: 14px/22px Roboto;
    letter-spacing: .5px
}

    .mba-curso-tema-alternativo-informacoes-item-text.color-dts {
        color: #92a4ae
    }

    .mba-curso-tema-alternativo-informacoes-item-text span {
        color: #92a4ae;
        text-transform: uppercase
    }

    .mba-curso-tema-alternativo-informacoes-item-text strong {
        color: #91a3ad;
        font-weight: 500
    }

.mba-curso-tema-alternativo-informacoes-item-text-highlight {
    color: #ed145b;
    font: 18px/25px Gotham HTF Medium;
    letter-spacing: .5px
}

    .mba-curso-tema-alternativo-informacoes-item-text-highlight strong {
        font-weight: 500;
        text-transform: uppercase
    }

.mba-curso-tema-alternativo-informacoes-item-text-special {
    color: #616d72;
    font: 14px/22px Roboto;
    letter-spacing: .1px
}

.mba-curso-tema-alternativo-informacoes-list-text.list-requisitos li:before {
    background-color: #525c61
}

.mba-curso-tema-alternativo-informacoes-list-text.color-dts li {
    color: #92a4ae
}

.mba-curso-tema-alternativo-informacoes-list-text li {
    color: #5e6a70;
    font: 14px/20px Roboto;
    padding-bottom: 15px;
    position: relative
}

    .mba-curso-tema-alternativo-informacoes-list-text li:before {
        border: 1px solid #525c61;
        content: "";
        height: 7px;
        left: -20px;
        position: absolute;
        top: 5px;
        width: 7px
    }

.mba-curso-tema-alternativo-informacoes-list-text span {
    color: #9aadb8;
    font: 600 14px/20px Roboto
}

.mba-curso-tema-alternativo-informacoes-list-text-highlight li {
    color: #5e6a70;
    font: 14px/20px Roboto;
    position: relative
}

    .mba-curso-tema-alternativo-informacoes-list-text-highlight li:first-child {
        margin-top: 30px
    }

    .mba-curso-tema-alternativo-informacoes-list-text-highlight li:before {
        background: #ed145b;
        border-radius: 50%;
        content: "";
        height: 4px;
        left: -12px;
        position: absolute;
        top: 5px;
        width: 4px
    }

.mba-curso-tema-alternativo-informacoes-list-text-highlight-li {
    margin-bottom: 20px
}

.mba-curso-tema-alternativo-informacoes-list-text-highlight.text-highlight-dts li {
    padding-left: 10px
}

    .mba-curso-tema-alternativo-informacoes-list-text-highlight.text-highlight-dts li:before {
        border-radius: inherit;
        top: 8px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight {
    color: #ed145b;
    font: 18px/30px Gotham HTF Book;
    letter-spacing: .5px;
    margin: 0;
    padding-left: 30px;
    padding-top: 30px;
    position: relative;
    text-transform: uppercase
}

    .mba-curso-tema-alternativo-informacoes-item-highlight:before {
        border: 1px solid #ed145b;
        border-right: none;
        border-top: none;
        content: "";
        height: 95px;
        left: 5px;
        position: absolute;
        top: 33px;
        width: 7px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight-effect {
    height: 25px;
    left: 5px;
    position: absolute;
    top: 145px;
    width: 7px
}

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect:after, .mba-curso-tema-alternativo-informacoes-item-highlight-effect:before {
        border: 1px solid #ed145b;
        content: "";
        height: 7px;
        left: 0;
        position: absolute;
        width: 7px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect:after {
        top: 0
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect:before {
        bottom: 0
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.bdt {
        height: 24px;
        left: -25px;
        top: 87px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc {
        height: 8px;
        left: 0;
        top: 207px
    }

        .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc:after {
            top: -15px
        }

        .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc:before {
            display: none
        }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc-2 {
        height: 24px;
        left: 0;
        top: 142px
    }

        .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc-2:before {
            display: none
        }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc-3 {
        height: 8px;
        left: 0;
        top: 48px
    }

        .mba-curso-tema-alternativo-informacoes-item-highlight-effect.blc-3:before {
            display: none
        }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.neg {
        height: 24px;
        top: 147px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.seg {
        height: 24px;
        left: -25px;
        top: 207px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.ux {
        top: 130px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect.small {
        top: 55px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.bdt {
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 50px
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.bdt:before {
        height: 65px;
        left: -25px;
        top: 8px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.blc {
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 30px
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.blc:before {
        height: 170px;
        left: 0;
        top: 8px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.blc-2 {
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 40px
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.blc-2:before {
        height: 110px;
        left: 0;
        top: 21px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.blc-3 {
    padding-left: 40px;
    padding-top: 40px
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.blc-3:before {
        height: 50px;
        left: 0;
        top: 70px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.neg {
    padding-top: 0
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.neg:before {
        height: 125px;
        top: 8px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.seg {
    padding-left: 0;
    padding-top: 0
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.seg:before {
        height: 185px;
        left: -25px;
        top: 8px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.ux {
    padding-top: 15px
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.ux:before {
        top: 18px
    }

.mba-curso-tema-alternativo-informacoes-item-highlight.small {
    margin: 25px 0 25px 40px;
    padding-top: 0
}

    .mba-curso-tema-alternativo-informacoes-item-highlight.small:before {
        height: 35px;
        top: 10px
    }

.mba-corpo-curso-direcao-academica {
    margin-top: 160px;
    position: relative
}

    .mba-corpo-curso-direcao-academica:before {
        background: url(../images/mba/cursos/direcao-academica/effects.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 11px;
        position: absolute;
        top: 20px;
        width: 100%
    }

.mba-corpo-curso-direcao-academica-title {
    color: #91a3ad;
    font: 45px Gotham HTF Medium;
    margin-bottom: 125px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

    .mba-corpo-curso-direcao-academica-title:after {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 4px;
        left: 50%;
        margin-top: 45px;
        position: absolute;
        transform: translateX(-50%);
        width: 30px
    }

.mba-corpo-curso-direcao-academica-slider {
    color: #91a3ad;
    margin-top: 80px;
    margin-bottom: 200px;
    overflow: hidden
}

.mba-corpo-curso-direcao-academica-slider-wrapper2 {
    font-size: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: transform .5s ease;
    white-space: nowrap;
    width: 100%
}

.mba-corpo-curso-direcao-academica-section {
    display: inline-block;
    padding: 0 20px;
    width: 100%
}

.mba-corpo-curso-direcao-academica-slider-item {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    opacity: 0;
    position: relative;
    vertical-align: top;
    transition: opacity .5s ease;
    white-space: normal;
    width: 33.33%
}

    .mba-corpo-curso-direcao-academica-slider-item.first {
        padding-left: 1px !important
    }

    .mba-corpo-curso-direcao-academica-slider-item.active {
        padding-left: 10px;
        opacity: 1 !important
    }

.mba-corpo-curso-direcao-academica-slider-button {
    background-color: #ed145b;
    bottom: 330px;
    cursor: pointer;
    font-size: 0;
    height: 110px;
    position: absolute;
    transition: visibility .4s ease-out,opacity .4s ease-out;
    width: 22px;
    z-index: 1
}

    .mba-corpo-curso-direcao-academica-slider-button.off {
        cursor: default;
        opacity: 0
    }

    .mba-corpo-curso-direcao-academica-slider-button:focus {
        outline-style: none
    }

    .mba-corpo-curso-direcao-academica-slider-button:before {
        border: 3px solid #2b2f33;
        content: "";
        cursor: pointer;
        display: block;
        height: 12px;
        position: absolute;
        width: 12px
    }

.mba-corpo-curso-direcao-academica-slider-button-prev {
    left: -11px
}

    .mba-corpo-curso-direcao-academica-slider-button-prev:before {
        border-right: 0;
        border-top: 0;
        left: 39%;
        top: 53%;
        transform: rotate(45deg) translate(-50%,-50%)
    }

.mba-corpo-curso-direcao-academica-slider-button-next {
    right: -11px
}

    .mba-corpo-curso-direcao-academica-slider-button-next:before {
        border-left: 0;
        border-top: 0;
        left: 49%;
        top: 47%;
        transform: rotate(-45deg) translate(-50%,-50%)
    }

.mba-corpo-curso-direcao-academica-slider-title {
    color: #79878d;
    font: 24px/42px Gotham HTF Light;
    margin: 40px 0 70px;
    padding: 0 25px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.mba-corpo-curso-direcao-academica-slider-title-highlight {
    color: #91a3ad;
    font: 16px/30px Gotham HTF Medium;
    letter-spacing: .8px;
    display: block
}

.mba-corpo-curso-direcao-academica-description-content .mba-corpo-curso-direcao-academica-slider-title {
    margin-top: 0;
    padding: 0 15px
}

.mba-corpo-curso-direcao-academica-slider-title:after {
    background: #32383b;
    bottom: -35px;
    content: "";
    display: block;
    height: 1px;
    left: 16px;
    position: absolute;
    width: 60px
}

.mba-corpo-curso-direcao-academica-thumb {
    box-shadow: inset 0 0 0 1px #353b3f;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 520px;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    transition: all .4s ease;
    visibility: visible;
    width: 100%
}

.mba-corpo-curso-direcao-academica-slider-item.short-bio-fixed .mba-corpo-curso-direcao-academica-thumb, .mba-corpo-curso-direcao-academica-slider-item:hover .mba-corpo-curso-direcao-academica-thumb {
    opacity: 0;
    visibility: hidden
}

.mba-corpo-curso-direcao-academica-thumb-figure {
    height: 350px;
    margin: 0;
    position: relative;
    width: 100%
}

    .mba-corpo-curso-direcao-academica-thumb-figure.img-mentor {
        bottom: -80px
    }

    .mba-corpo-curso-direcao-academica-thumb-figure .mba-corpo-curso-direcao-academica-thumb-img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%
    }

.mba-corpo-curso-direcao-academica-description {
    box-shadow: inset 0 0 0 1px #ed145b;
    height: 100%;
    opacity: 0;
    padding: 40px 20px 25px 10px;
    position: absolute;
    top: 0;
    transition: opacity .4s ease-out,visibility .4s ease-out;
    visibility: hidden;
    width: calc(100% - 11px)
}

.mba-corpo-curso-direcao-academica-slider-item.first .mba-corpo-curso-direcao-academica-description {
    width: 100%
}

.mba-corpo-curso-direcao-academica-description-content {
    max-height: 450px;
    overflow-y: auto;
    position: relative
}

    .mba-corpo-curso-direcao-academica-description-content::-webkit-scrollbar {
        width: 6px
    }

    .mba-corpo-curso-direcao-academica-description-content::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 0
    }

    .mba-corpo-curso-direcao-academica-description-content::-webkit-scrollbar-thumb {
        background-clip: content-box;
        border: 7px solid #91a3ad;
        border-radius: 3px
    }

.mba-corpo-curso-direcao-academica-description-text {
    color: #91a3ad;
    font: 14px/22px Roboto;
    letter-spacing: .05em;
    padding: 0 30px 10px;
    position: relative;
    vertical-align: top
}

    .mba-corpo-curso-direcao-academica-description-text ul {
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 10px
    }

    .mba-corpo-curso-direcao-academica-description-text li {
        position: relative
    }

        .mba-corpo-curso-direcao-academica-description-text li:not(:first-child) {
            margin-top: 1em
        }

        .mba-corpo-curso-direcao-academica-description-text li:after {
            background: #ed145b;
            content: "";
            display: block;
            height: 3px;
            left: -12px;
            position: absolute;
            top: 9px;
            width: 3px
        }

.mba-corpo-curso-direcao-academica-description:after {
    background-color: #2b2f33;
    content: "";
    display: block;
    height: 450px;
    right: 22px;
    position: absolute;
    top: 45px;
    width: 2px;
    z-index: -1
}

.mba-corpo-curso-direcao-academica-slider-item.short-bio-fixed .mba-corpo-curso-direcao-academica-description, .mba-corpo-curso-direcao-academica-slider-item:hover .mba-corpo-curso-direcao-academica-description {
    opacity: 1;
    visibility: visible
}

.mba-admissao {
    padding-bottom: 214px;
    position: relative
}

    .mba-admissao:after {
        background: url(../images/mba/shared/processo-de-admissao/effects.png) center -3px no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .mba-admissao.mba-admissao-home-mba:after {
        background: url(../images/mba/shared/processo-de-admissao/effects-home-mba.png) center -3px no-repeat
    }

.mba-admissao-title {
    color: #91a3ad;
    font: 36px/43px Gotham HTF Light;
    letter-spacing: 3.7px;
    margin-bottom: 70px;
    margin-top: 1px;
    text-transform: uppercase
}

    .mba-admissao-title .mba-admissao-title-destaque {
        display: block;
        font: 60px Gotham HTF Medium;
        left: 75px;
        letter-spacing: -1px;
        position: absolute
    }

        .mba-admissao-title .mba-admissao-title-destaque:before {
            background-color: #91a3ad;
            content: "";
            height: 1px;
            left: -75px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px
        }

.mba-admissao-subtitle {
    color: #616d72;
    font: 14px/33px Gotham HTF Medium;
    letter-spacing: 2.1px;
    margin-bottom: 75px;
    margin-top: 33px;
    padding-left: 23px;
    position: relative;
    text-transform: uppercase;
    transition: color .2s ease;
    width: 100%
}

    .mba-admissao-subtitle:after, .mba-admissao-subtitle:before {
        background-color: #616d72;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        width: 3px
    }

    .mba-admissao-subtitle:before {
        box-shadow: 6px 0 0 #616d72;
        left: 0;
        top: 18px
    }

    .mba-admissao-subtitle:after {
        left: 6px;
        top: 12px
    }

.mba-admissao-list-line-hover {
    background-color: #ed145b;
    box-shadow: 0 0 25px 1px #ed145b;
    height: 3px;
    left: 0;
    position: absolute;
    top: 104px;
    transition: transform .2s linear,width .2s linear;
    width: 25%;
    z-index: 10
}

.mba-admissao-list-content {
    float: right;
    margin-top: 103px;
    max-width: 958px;
    position: relative
}

.mba-admissao-list {
    font-size: 0;
    position: relative
}

    .mba-admissao-list:after {
        background: #31383a;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 105px;
        width: 100%
    }

.mba-admissao-item {
    display: inline-block;
    min-height: 530px;
    position: relative;
    vertical-align: top;
    width: 25%
}

    .mba-admissao-item:hover .mba-admissao-item-text {
        color: #91a3ad
    }

    .mba-admissao-item.is-active .mba-admissao-subtitle {
        color: #ed145b
    }

        .mba-admissao-item.is-active .mba-admissao-subtitle:after, .mba-admissao-item.is-active .mba-admissao-subtitle:before {
            background-color: #ed145b
        }

        .mba-admissao-item.is-active .mba-admissao-subtitle:before {
            box-shadow: 6px 0 0 #ed145b
        }

    .mba-admissao-item.is-active .mba-admissao-item-point {
        background-color: #ed145b
    }

    .mba-admissao-item.is-active .mba-admissao-item-points, .mba-admissao-item.is-active .mba-admissao-item-points:after, .mba-admissao-item.is-active .mba-admissao-item-points:before {
        background-color: #ed145b;
        transition: background-color .3s ease
    }

    .mba-admissao-item.is-active .mba-admissao-item-link {
        color: #ed145b
    }

.mba-admissao-item-text {
    color: #616d72;
    font: 16px/24px Roboto;
    transition: color .4s ease
}

.mba-admissao-item-link {
    text-decoration: underline;
    transition: color .3s ease
}

.mba-admissao-item-bg {
    bottom: -1px;
    content: "";
    left: -30px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: -1px;
    visibility: hidden;
    z-index: -2
}

.mba-admissao-item-bg-bottom, .mba-admissao-item-bg-left, .mba-admissao-item-bg-right, .mba-admissao-item-bg-top {
    background: #31383a;
    position: absolute
}

.mba-admissao-item-bg-bottom, .mba-admissao-item-bg-top {
    height: 1px;
    width: 100%
}

.mba-admissao-item-bg-left, .mba-admissao-item-bg-right {
    height: 100%;
    width: 1px
}

.mba-admissao-item-bg-top {
    left: 0;
    top: 0
}

.mba-admissao-item-bg-right {
    right: 0;
    top: 0
}

.mba-admissao-item-bg-bottom {
    bottom: 0;
    left: 0
}

.mba-admissao-item-bg-left {
    left: 0;
    top: 0
}

.fiap-mba-extensoes {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #b8b8b8;
    padding-bottom: 440px;
    position: relative;
    text-align: center
}

    .fiap-mba-extensoes:after {
        background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/effects.png) top no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.mba-extensoes-parent-title {
    margin-left: 200px;
    position: relative;
    text-align: left
}

    .mba-extensoes-parent-title:after {
        background: #ed145b;
        bottom: -22px;
        content: "";
        display: block;
        height: 5px;
        left: 4px;
        position: relative;
        width: 102px
    }

.fiap-mba-extensoes-title {
    color: #91a3ad;
    display: inline-block;
    font: 38px/45px Gotham HTF Light;
    letter-spacing: 3.8px;
    margin: 3px 0 0 -3px;
    text-transform: uppercase
}

.mba-extensoes-title-internacionais {
    display: block;
    font: 63px/65px Gotham HTF Medium;
    letter-spacing: 0
}

.fiap-mba-extensoes-subtitle {
    color: #616d72;
    font: 16px/30px Gotham HTF Book;
    letter-spacing: .5px;
    margin-left: 599px;
    margin-top: 9px;
    text-align: left;
    text-transform: uppercase
}

.fiap-mba-extensoes-subtitle-bold {
    color: #acc1cc
}

.fiap-mba-extensoes-list {
    display: -ms-flexbox;
    display: flex;
    margin: 133px 0 0
}

.fiap-mba-extensoes-item {
    height: 545px;
    min-width: 550px;
    position: relative;
    text-align: center;
    transition: all 6s ease;
    vertical-align: bottom;
    width: 50%
}

.fiap-mba-extensoes-item-hyper-island {
    background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/hyper-island.png) top no-repeat
}

.fiap-mba-extensoes-item-nova {
    background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/nova.png) top no-repeat
}

.fiap-mba-extensoes-item-babson {
    background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/babson.png) top no-repeat
}

.fiap-mba-extensoes-item.is-active {
    transition: all .6s ease-out
}

.fiap-mba-extensoes-item-content {
    bottom: 40px;
    left: 0;
    padding: 0 25px;
    position: absolute;
    width: 100%
}

.fiap-mba-extensoes-item.is-active .fiap-mba-extensoes-item-content {
    opacity: 0
}

.fiap-mba-extensoes-item-title {
    color: #91a3ad;
    font: 22px/31px Gotham HTF Bold;
    letter-spacing: 1.5px;
    margin-top: 35px;
    text-transform: uppercase
}

.fiap-mba-extensoes-item-hover .fiap-mba-extensoes-item-title {
    color: #ed145b
}

.fiap-mba-extensoes-item-desc {
    color: #91a3ad;
    font: 14px/22px Roboto;
    min-height: 70px
}

.fiap-mba-extensoes-item-hover .fiap-mba-extensoes-item-desc {
    color: #616d72;
    font: 16px/24px Roboto;
    padding: 10px 0 20px
}

.fiap-mba-extensoes-item-logo {
    margin-bottom: 10px;
    fill: #91a3ad
}

.fiap-mba-extensoes-item-logo-hyper {
    width: 138px
}

.fiap-mba-extensoes-item-logo-nova {
    width: 100px
}

.fiap-mba-extensoes-item-logo-babson {
    width: 128px
}

.fiap-mba-extensoes-item-local {
    color: #91a3ad;
    font: 11px/18px Gotham HTF Book;
    height: 40px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

.fiap-mba-extensoes-item-hover .fiap-mba-extensoes-item-local {
    font: 11px/18px Gotham HTF Medium
}

.fiap-mba-extensoes-item-btn {
    border: 1px solid #ed145b;
    border-radius: 30px;
    color: #ed145b;
    font: 32px Gotham HTF Light;
    height: 40px;
    margin: 70px auto 0;
    padding: 1px 9px;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease;
    width: 40px
}

    .fiap-mba-extensoes-item-btn:hover {
        background: #ed145b;
        color: #000
    }

.fiap-mba-extensoes-item-hover .fiap-mba-extensoes-item-btn {
    margin-top: 30px
}

.fiap-mba-extensoes-item-btn-saiba-mais {
    color: #ed145b;
    font: 11px Gotham HTF Medium;
    letter-spacing: 1px;
    text-transform: uppercase
}

.fiap-mba-extensoes-item.is-active .fiap-mba-extensoes-item-hover, .fiap-mba-extensoes-item.is-active .fiap-mba-extensoes-item-hover .fiap-mba-extensoes-item-content {
    opacity: 1 !important;
    transition: all .6s ease-in-out
}

.fiap-mba-extensoes-item-hover {
    opacity: 0;
    background: #1a1d20 !important;
    border: 1px solid #ed145b;
    height: 545px;
    width: 100%;
    position: relative;
    transition: all .4s ease-out
}

.MBA-buttons-footer__button-whatsapp {
    background-color: #ed145b;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    transition: opacity .3s
}

.MBA-buttons-footer__button-whatsapp--visible {
    opacity: 1
}

.MBA-buttons-footer__button-top {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    border: none;
    outline: none;
    cursor: pointer;
    transition: opacity .3s
}

.MBA-buttons-footer__button-top--visible {
    opacity: 1
}

.fiap-2018-disrupcao {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #b8b8b8;
    padding-bottom: 490px;
    position: relative
}

    .fiap-2018-disrupcao:after {
        background: url(../images/fiap/institucional/disrupcao/effects-2018.png) center 0 no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: -10px;
        position: absolute;
        top: 0;
        width: 100%
    }

.fiap-2018-disrupcao-title {
    color: #91a3ad;
    font: 61px Gotham HTF Medium;
    margin: 0 0 100px;
    padding-left: 155px;
    padding-top: 22px;
    position: relative;
    text-transform: uppercase
}

    .fiap-2018-disrupcao-title:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 15px;
        left: 90px;
        position: absolute;
        top: 53px;
        width: 15px
    }

.fiap-2018-disrupcao-figure {
    margin: 0;
    padding: 0;
    position: relative
}

    .fiap-2018-disrupcao-figure img {
        max-width: 100%
    }

    .fiap-2018-disrupcao-figure:after {
        background-color: #616d72;
        bottom: -149px;
        content: "";
        display: block;
        height: 300px;
        left: 149px;
        position: absolute;
        width: 1px
    }

.fiap-2018-disrupcao-logo {
    display: block;
    margin: 0 auto;
    max-height: 70px;
    max-width: 230px;
    opacity: .7
}

.fiap-2018-disrupcao-columns {
    display: -ms-flexbox;
    display: flex;
    margin: 90px auto 0;
    max-width: 900px;
    position: relative
}

.fiap-2018-disrupcao-column {
    width: 50%
}

.fiap-2018-disrupcao-description {
    color: #91a3ad;
    font-family: Roboto;
    font-size: 16px;
    margin: 30px 0
}

    .fiap-2018-disrupcao-description:first-child {
        padding-top: 80px;
        position: relative
    }

    .fiap-2018-disrupcao-description:last-child {
        margin-bottom: 0
    }

    .fiap-2018-disrupcao-description:first-child:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        top: 40px;
        width: 40px
    }

.online-vitrine {
    position: relative
}

    .online-vitrine:after {
        left: 0;
        top: 0;
        width: 100%;
        background: url(../images/online/vitrine/effects.png) top no-repeat
    }

    .online-vitrine:after, .online-vitrine:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute
    }

    .online-vitrine:before {
        left: auto;
        right: -100px;
        top: 30px;
        width: 100%;
        background: url(../images/online/vitrine/on1.png) 50% no-repeat;
        background-size: contain;
        width: 90%
    }

    .online-vitrine:after {
        height: 1041px;
        top: 120px
    }

    .online-vitrine .shared-vitrine-scroll {
        color: #91a3ad;
        font: 21px Gotham HTF Medium
    }

.online-vitrine__mba {
    position: relative
}

    .online-vitrine__mba:after {
        top: 0;
        background: url(../images/online/vitrine/effects.png) top no-repeat
    }

    .online-vitrine__mba:after, .online-vitrine__mba:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .online-vitrine__mba:before {
        top: 30px;
        background: url(../images/online/vitrine/on1.png) 50% no-repeat;
        background-size: contain
    }

    .online-vitrine__mba:after {
        height: 1041px;
        top: 120px
    }

    .online-vitrine__mba .label-turmas-junho {
        font: 35px Gotham HTF Light;
        text-transform: uppercase;
        color: #acc1cc;
        position: absolute;
        top: 50%;
        left: 17%;
        text-align: center
    }

        .online-vitrine__mba .label-turmas-junho span {
            font: 21px Gotham HTF Medium;
            color: #ed145b
        }

.online-plataforma {
    position: relative
}

    .online-plataforma:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/online/plataforma/effects.png) top no-repeat
    }

.online-plataforma-header {
    color: #91a3ad;
    text-align: center;
    text-transform: uppercase
}

.online-plataforma-header-title {
    font: 51px/61px Gotham HTF Light;
    font-weight: 400;
    letter-spacing: .5px;
    margin-bottom: 20px
}

    .online-plataforma-header-title strong {
        font-family: Gotham HTF Medium
    }

.online-plataforma-header-description {
    font: 18px/30px Gotham HTF Book;
    margin: 20px 0 68px
}

.online-plataforma-slider {
    background: linear-gradient(90deg,#0f1113,#2e3234);
    overflow: visible;
    padding: 35px 0
}

.online-plataforma-slider-container {
    overflow: hidden
}

.online-plataforma-wrapper2 {
    font-size: 0;
    position: relative;
    white-space: nowrap
}

.online-plataforma-slider-prev {
    left: -15px
}

.online-plataforma-slider-next {
    right: -15px
}

.online-plataforma-slider-pagination {
    bottom: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.online-plataforma-slider-dot {
    background-color: #363c40;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    margin: 0 10px;
    width: 12px
}

    .online-plataforma-slider-dot.is-active {
        background-color: #ed145b
    }

.online-plataforma-item {
    display: inline-block;
    font-size: 16px;
    opacity: 0;
    padding: 0;
    transition: opacity .4s ease;
    vertical-align: middle;
    width: 100%;
    white-space: normal;
    z-index: 1
}

    .online-plataforma-item.is-active {
        opacity: 1
    }

.online-plataforma-item-container {
    display: -ms-flexbox;
    display: flex;
    margin: 0 145px;
    padding-bottom: 25px
}

.online-plataforma-item-media {
    position: relative;
    width: 40%
}

.online-plataforma-item-media-icon {
    display: block;
    fill: #91a3ad;
    height: 105px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 180px;
    z-index: 2
}

.online-plataforma-item-content {
    width: 60%;
    color: #91a3ad
}

.online-plataforma-item-number {
    display: inline-block;
    border: 1px solid #91a3ad;
    display: block;
    font: 15px Gotham HTF Light;
    letter-spacing: .3px;
    max-width: 30px;
    padding: 5px 0;
    text-align: center
}

.online-plataforma-item-title {
    font: 18px/30px Gotham HTF Book;
    letter-spacing: .3px;
    margin: 20px 0;
    text-transform: uppercase
}

.online-plataforma-item-description {
    font: 14px/28px Roboto;
    letter-spacing: .3px;
    margin: 23px 0 65px
}

.link-mba-on {
    text-decoration: underline
}

.live-faq-header {
    padding-top: 160px;
    margin-bottom: 70px
}

.live-faq-title {
    color: #91a3ad;
    font: 62px Gotham HTF Medium;
    text-transform: uppercase;
    position: relative;
    text-align: left
}

.live-faq-section {
    display: block;
    padding-bottom: 150px;
    background: url(../images/live/mba/shared/faq/effects.png) top no-repeat
}

.live-fac-accordion {
    border: 1px solid #616d72;
    margin: 19px 0;
    transition: border .8s ease
}

    .live-fac-accordion.is-active {
        border-color: #ed145b
    }

    .live-fac-accordion:first-child {
        margin-top: -10px
    }

.live-fac-accordion-header {
    cursor: pointer;
    display: table;
    padding-right: 60px;
    position: relative;
    transition: color .4s ease;
    width: 100%
}

.live-fac-accordion:hover .live-fac-accordion-header {
    color: #aebbc3
}

.live-fac-accordion-number {
    color: #616d72;
    display: table-cell;
    font: 25px Gotham HTF Medium;
    padding-left: 10px;
    position: relative;
    text-align: center;
    transition: color .4s ease;
    vertical-align: middle;
    width: 70px
}

    .live-fac-accordion-number:after {
        background-color: transparent;
        bottom: -5px;
        content: "";
        height: 1px;
        left: 30px;
        position: absolute;
        transition: background-color .5s ease;
        width: 43px
    }

.live-fac-accordion-title {
    color: #91a3ad;
    display: table-cell;
    font: 18px/22px Gotham HTF Medium;
    text-transform: uppercase;
    letter-spacing: .3px;
    padding: 33px 30px 33px 0;
    transition: color .5s ease;
    vertical-align: middle
}

.live-fac-accordion.is-active .live-fac-accordion-title, .live-fac-accordion:hover .live-fac-accordion-title {
    color: #ed145b
}

.live-fac-accordion-arrow {
    border: 1px solid #ed145b;
    border-radius: 50%;
    height: 35px;
    margin-left: 20px;
    position: absolute;
    right: 40px;
    text-indent: -99999px;
    top: 50%;
    transform: translateY(-50%);
    transition: background .5s ease;
    width: 35px
}

    .live-fac-accordion-arrow:after, .live-fac-accordion-arrow:before {
        background-color: #fff;
        content: "";
        position: absolute;
        transition: transform .25s ease-out
    }

.live-fac-accordion:hover .live-fac-accordion-arrow:after, .live-fac-accordion:hover .live-fac-accordion-arrow:before {
    background-color: #000
}

.live-fac-accordion-arrow:before {
    background-color: #ed145b;
    height: 50%;
    left: 50%;
    margin-left: -1px;
    top: 8px;
    width: 1px
}

.live-fac-accordion-arrow:after {
    background-color: #ed145b;
    height: 1px;
    left: 8px;
    margin-top: -1px;
    top: 50%;
    width: 50%
}

.live-fac-accordion.is-active .live-fac-accordion-arrow {
    cursor: pointer
}

    .live-fac-accordion.is-active .live-fac-accordion-arrow:before {
        transform: rotate(90deg)
    }

    .live-fac-accordion.is-active .live-fac-accordion-arrow:after {
        transform: rotate(180deg)
    }

.live-fac-accordion:hover .live-fac-accordion-arrow {
    background-color: #ed145b
}

.live-fac-accordion-content {
    color: #616d72;
    font: 16px/26px Roboto;
    line-height: 25px;
    height: 0;
    letter-spacing: .3px;
    margin-top: -1px;
    overflow: hidden;
    transition: height .4s ease
}

.live-fac-accordion-content-wrapper2 {
    padding: 20px 30px
}

.live-fac-accordion-ul {
    color: #616d72;
    list-style: square;
    padding-left: 1.5em;
    width: 80%
}

.live-fac-accordion-ul-li {
    padding-bottom: 30px
}

.live-fac-accordion-ul-text {
    color: #91a3ad
}

.live-fac-accordion-item-link {
    color: #ed145b;
    text-decoration: underline
}

.MBA-home-cursos {
    position: relative;
    margin: 150px 0 250px
}

    .MBA-home-cursos:before {
        content: "";
        background: url(../images/live/mba/grafismo-cursos.png) 50% no-repeat;
        height: 1500px;
        left: 0;
        bottom: 100px;
        position: absolute;
        width: 100%
    }

.MBA-home-cursos__header {
    margin-bottom: 20px;
    height: auto
}

.MBA-home-cursos__header--fixed {
    position: fixed;
    background-color: #151819;
    top: 110px;
    width: 100%;
    left: 0;
    z-index: 10;
    height: 70px;
    transition: all .1s linear
}

    .MBA-home-cursos__header--fixed .MBA-home-cursos__header-box {
        max-width: 1200px;
        height: 100%
    }

    .MBA-home-cursos__header--fixed .MBA-home-cursos__title {
        font-size: 30px
    }

.MBA-home-cursos__header-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    position: relative
}

.MBA-home-cursos__column--title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
}

.MBA-home-cursos__title {
    color: #91a3ad;
    font-family: Gotham HTF Medium;
    font-size: 60px;
    line-height: 45px;
    margin: 0
}

    .MBA-home-cursos__title span {
        display: block
    }

    .MBA-home-cursos__order, .MBA-home-cursos__title span {
        font-family: Gotham HTF Medium;
        font-size: 16px;
        color: #485156
    }

.MBA-home-cursos__order {
    display: inline-block;
    letter-spacing: 2px;
    margin-left: 30px;
    white-space: nowrap
}

.MBA-home-cursos__filter {
    position: relative;
    height: 100%
}

.MBA-home-cursos__filter, .MBA-home-cursos__filter-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.MBA-home-cursos__filter-button {
    cursor: pointer;
    color: #91a3ad;
    font-family: Gotham HTF Book;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px
}

    .MBA-home-cursos__filter-button svg {
        margin-bottom: 2px;
        margin-right: 5px
    }

    .MBA-home-cursos__filter-button:hover {
        color: #ea1d5d
    }

        .MBA-home-cursos__filter-button:hover svg path {
            fill: #ea1d5d !important
        }

.MBA-home-cursos__filter-overflow {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    height: 0;
    overflow: hidden;
    transition: height .3s ease-out
}

.MBA-home-cursos__filter-options {
    background-color: #2a3032;
    min-width: 330px;
    width: 100%;
    padding: 40px 30px;
    overflow: auto
}

.MBA-home-cursos__filter-divider {
    border: 0;
    border-top: 1px solid #475054;
    height: 1px;
    margin: 25px 0
}

.MBA-home-cursos__filter-header {
    display: none
}

.MBA-home-cursos__filter-title {
    color: #91a3ad;
    font-size: 40px;
    font-family: Gotham HTF Medium;
    text-transform: uppercase
}

.MBA-home-cursos__filter-option {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.MBA-home-cursos__filter-checkbox {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border: 1px solid #6f7d84;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden
}

.MBA-home-cursos__filter-checkmark {
    width: 20px;
    height: 20px;
    display: block;
    background-color: #ed145b;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .2s linear
}

.MBA-home-cursos__filter-input:checked + .MBA-home-cursos__filter-checkmark {
    opacity: 1;
    width: 5px;
    height: 5px
}

.MBA-home-cursos__filter-input {
    display: none
}

.MBA-home-cursos__filter-label {
    font-size: 12px;
    color: #91a3ad;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
    margin-left: 10px;
    border: 0;
    transition: color .2s linear
}

.MBA-home-cursos__filter-close {
    margin-top: 30px;
    color: #ea1d5d;
    font-size: 12px;
    font-family: Gotham HTF Bold;
    text-transform: uppercase;
    position: relative;
    padding-left: 25px
}

    .MBA-home-cursos__filter-close:after, .MBA-home-cursos__filter-close:before {
        content: "";
        display: block;
        position: absolute;
        background-color: #ea1d5d;
        height: 2px;
        width: 15px;
        top: 50%;
        left: 0
    }

    .MBA-home-cursos__filter-close:after {
        transform-origin: center;
        transform: translateY(-50%) rotate(-45deg)
    }

    .MBA-home-cursos__filter-close:before {
        transform-origin: center;
        transform: translateY(-50%) rotate(45deg)
    }

.MBA-home-cursos__filter-close--top {
    margin-top: 0;
    padding: 0 25px 0 0;
    color: #75838b;
    font-family: Gotham HTF Book
}

    .MBA-home-cursos__filter-close--top:after, .MBA-home-cursos__filter-close--top:before {
        right: 0;
        left: auto;
        background-color: #75838b;
        height: 1px
    }

    .MBA-home-cursos__filter-close--top:after {
        transform-origin: center;
        transform: translateY(-50%) rotate(-45deg)
    }

    .MBA-home-cursos__filter-close--top:before {
        transform-origin: center;
        transform: translateY(-50%) rotate(45deg)
    }

.MBA-home-cursos__filter-close--apply {
    display: none;
    color: #000;
    background-color: #ea1d5d;
    font-size: 20px;
    font-family: Gotham HTF Bold;
    width: 100%;
    padding: 10px 0
}

    .MBA-home-cursos__filter-close--apply:after, .MBA-home-cursos__filter-close--apply:before {
        display: none
    }

.MBA-home-cursos__grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.MBA-home-cursos__card {
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    padding: 50px 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: background-color .4s linear,opacity .1s linear;
    margin-bottom: 1px
}

    .MBA-home-cursos__card:before {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        width: 50px;
        background-color: #515a60;
        top: -1px;
        left: 30px
    }

.MBA-home-cursos__card--disabled {
    opacity: .3;
    cursor: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent
}

    .MBA-home-cursos__card--disabled .MBA-home-cursos__card-type-list li {
        background-color: transparent;
        font-family: Gotham HTF Medium
    }

        .MBA-home-cursos__card--disabled .MBA-home-cursos__card-type-list li span {
            color: #ed145b !important
        }

            .MBA-home-cursos__card--disabled .MBA-home-cursos__card-type-list li span:before {
                border-color: #ed145b !important
            }

    .MBA-home-cursos__card--disabled:hover {
        background-color: transparent
    }

        .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-title {
            color: #acc1cc;
            font-family: Gotham HTF Light;
            cursor: default
        }

        .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-subtitle {
            color: #75838b;
            font-family: Gotham HTF Light;
            cursor: default
        }

        .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-type-list {
            color: #ed145b;
            font-family: Gotham HTF Medium;
            cursor: default;
            background-color: transparent
        }

            .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-type-list li:hover {
                background-color: transparent;
                cursor: default
            }

                .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-type-list li:hover span {
                    border: 1px solid transparent;
                    color: #ed145b !important;
                    border-top: 1px solid #3a4044
                }

                    .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-type-list li:hover span:before {
                        border-color: #ed145b !important
                    }

                .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-type-list li:hover + li span {
                    border-top: 1px solid #3a4044
                }

                .MBA-home-cursos__card--disabled:hover .MBA-home-cursos__card-type-list li:hover:last-child span {
                    border-bottom: 1px solid #3a4044
                }

.MBA-home-cursos__card-intro {
    padding: 0 30px;
    margin-bottom: 20px
}

.MBA-home-cursos__card-title {
    font-family: Gotham HTF Light;
    font-size: 20px;
    line-height: 24px;
    color: #acc1cc;
    text-transform: uppercase;
    white-space: nowrap
}

.MBA-home-cursos__card-subtitle {
    font-family: Gotham HTF Light;
    font-size: 16px;
    line-height: 20px;
    color: #75838b;
    text-transform: uppercase;
    margin-top: 5px
}

.MBA-home-cursos__card-type-list {
    margin: 0;
    padding: 0 15px
}

    .MBA-home-cursos__card-type-list ul {
        margin: 0
    }

    .MBA-home-cursos__card-type-list li {
        padding: 0 15px;
        cursor: pointer;
        color: #ed145b;
        font-size: 12px;
        font-family: Gotham HTF Book;
        text-transform: uppercase;
        transition: all .2s linear
    }

        .MBA-home-cursos__card-type-list li:hover {
            background-color: #000
        }

            .MBA-home-cursos__card-type-list li:hover span {
                border: 1px solid transparent;
                color: #fff !important
            }

                .MBA-home-cursos__card-type-list li:hover span:before {
                    border-color: #fff !important
                }

            .MBA-home-cursos__card-type-list li:hover + li span {
                border-top: 0
            }

        .MBA-home-cursos__card-type-list li span {
            display: inline-block;
            border-top: 1px solid #3a4044;
            padding: 5px 0;
            position: relative;
            line-height: 20px
        }

        .MBA-home-cursos__card-type-list li:last-child span {
            border-bottom: 1px solid #3a4044
        }

        .MBA-home-cursos__card-type-list li:last-child:hover span {
            border: 1px solid transparent
        }

.MBA-home-cursos__footer {
    margin-top: 30px;
    text-align: center
}

.MBA-home-cursos__show-all-button {
    display: none
}

.MBA-home-cursos__online, .MBA-home-cursos__presential {
    border: 1px solid #40474e;
    font-family: Gotham HTF Medium;
    font-size: 12px;
    color: #75838b;
    text-transform: uppercase;
    display: inline-block;
    margin: auto;
    transition: all .3s linear;
    height: 40px;
    letter-spacing: .5px;
    font-weight: 500;
    width: 255px;
    line-height: 40px
}

    .MBA-home-cursos__online:first-child, .MBA-home-cursos__presential:first-child {
        margin-right: 30px
    }

    .MBA-home-cursos__online:hover, .MBA-home-cursos__presential:hover {
        transition: all .3 linear;
        background-color: #40474e;
        color: #000
    }

.online-como-funciona {
    padding: 100px 0;
    position: relative
}

    .online-como-funciona:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/online/como-funciona/effects.png) top no-repeat
    }

.online-como-funciona-header {
    color: #616d72;
    font: 16px/28px Gotham HTF Book;
    margin: 0 auto 100px;
    max-width: 1200px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    width: 90%
}

.online-como-funciona-header-title {
    font: 63px Gotham HTF Light;
    letter-spacing: .3px;
    color: #91a3ad
}

    .online-como-funciona-header-title span {
        display: block;
        font-family: Gotham HTF Medium
    }

.online-como-funciona-header-tabs {
    display: -ms-flexbox;
    display: flex;
    margin-top: 120px
}

.online-como-funciona-header-tab {
    border-bottom: 1px solid #ed145b;
    cursor: pointer;
    fill: #ed145b;
    height: 55px;
    margin: 10px 0;
    width: 50%;
    outline: none;
    transition: background .4s ease,fill .4s ease
}

    .online-como-funciona-header-tab.is-active, .online-como-funciona-header-tab:hover {
        background-color: #ed145b;
        fill: #000
    }

.online-como-funciona-header-tab-logo {
    display: inline-block;
    vertical-align: middle
}

.online-como-funciona-header-tab-logo-mba {
    margin-top: -7px
}

.online-como-funciona-section {
    display: none;
    position: relative
}

    .online-como-funciona-section.is-active {
        display: block
    }

.online-como-funciona-container {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 90%;
    z-index: 1
}

.online-como-funciona-slider {
    font-size: 0;
    margin: auto;
    white-space: nowrap;
    width: 100%
}

.online-como-funciona-slider-line {
    background-color: #2a3032;
    height: 2px;
    position: absolute;
    left: 40px;
    top: 135px;
    width: 100%;
    z-index: 3
}

.online-como-funciona-slider-line-on {
    background-color: #ed145b;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0
}

.online-como-funciona-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px auto;
    position: relative;
    z-index: 1
}

.online-como-funciona-navigation-dot {
    background-color: #2a3032;
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    margin: 0 20px;
    transition: background-color .4s ease-out;
    width: 10px
}

    .online-como-funciona-navigation-dot.is-active {
        background-color: #ed145b
    }

.online-como-funciona-button {
    border: 1px solid #ed145b;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 50px;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .2s ease-out;
    width: 50px;
    z-index: 2
}

    .online-como-funciona-button:hover {
        background-color: #ed145b
    }

        .online-como-funciona-button:hover:after {
            border-color: #000
        }

    .online-como-funciona-button:after {
        border-color: #ed145b;
        border-style: solid;
        content: "";
        display: block;
        height: 10px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) rotate(-45deg);
        transition: border-color .2s ease-out;
        width: 10px
    }

    .online-como-funciona-button.is-disabled {
        opacity: 0;
        visibility: hidden
    }

.online-como-funciona-button-prev {
    left: 8vw
}

    .online-como-funciona-button-prev:after {
        border-width: 2px 0 0 2px;
        left: 55%
    }

.online-como-funciona-button-next {
    right: 8vw
}

    .online-como-funciona-button-next:after {
        border-width: 0 2px 2px 0;
        left: 45%
    }

.online-como-funciona-box {
    border: 1px solid transparent;
    color: #616d72;
    display: inline-block;
    min-height: 710px;
    padding: 20px 60px;
    position: relative;
    width: 33%;
    white-space: normal;
    vertical-align: top;
    transition: border-color .4s ease-out
}

.online-como-funciona-box-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 110px
}

.online-como-funciona-box-number {
    color: #616d72;
    font: 130px Gotham HTF Medium;
    left: 25px;
    opacity: .2;
    position: absolute;
    top: 0
}

.online-como-funciona-box-title {
    letter-spacing: 1.5px;
    font-size: 16px;
    text-transform: uppercase
}

.online-como-funciona-box-subtitle {
    color: #616d72;
    font: 16/26px Roboto;
    letter-spacing: .2px;
    text-transform: uppercase
}

.online-como-funciona-box-link {
    color: #ed145b;
    text-decoration: underline
}

.online-sp-header {
    padding: 350px 0 110px;
    position: relative
}

    .online-sp-header:before {
        background: url(../images/online/sao-paulo/header.png) bottom no-repeat;
        bottom: 0;
        content: "";
        display: block;
        left: -40px;
        position: absolute;
        right: 0;
        top: 0
    }

.online-sp-header-wrapper2 {
    color: #c6c6c6;
    font: 18px/28px Gotham HTF Book;
    text-align: center;
    text-transform: uppercase
}

.online-sp-atracao {
    padding: 200px 0;
    position: relative
}

    .online-sp-atracao:before {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.online-sp-atracao-hoteis:before {
    background: url(../images/online/sao-paulo/hoteis.png) no-repeat center 195px
}

.online-sp-atracao-transportes:before {
    background: url(../images/online/sao-paulo/transportes.png) no-repeat top
}

.online-sp-atracao-pontos:before {
    background: url(../images/online/sao-paulo/pontos-turisticos.png) no-repeat center -12px
}

.online-sp-atracao-compras:before {
    background: url(../images/online/sao-paulo/compras.png) no-repeat top
}

.online-sp-atracao-restaurantes {
    padding-bottom: 0
}

    .online-sp-atracao-restaurantes:before {
        background: url(../images/online/sao-paulo/restaurantes-e-bares.png) no-repeat center 145px
    }

.online-sp-atracao-title {
    color: hsla(0,0%,100%,.8);
    font: 45px Gotham HTF Light;
    letter-spacing: .05em;
    margin-bottom: 100px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

.online-sp-atracao-map {
    background: #fff;
    height: 430px;
    margin-top: 75px
}

.online-sp-atracao-slider {
    position: relative
}

.online-sp-atracao-slider-container {
    overflow: hidden
}

.online-sp-atracao-slider-wrapper2 {
    font-size: 0;
    text-align: center;
    white-space: nowrap
}

.online-sp-atracao-slider-item {
    border-left: 1px solid #ed145b;
    display: inline-block;
    padding: 0 20px;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    width: 25%
}

.online-sp-atracao-slider-title {
    color: #ed145b;
    font: 25px Gotham HTF Book;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

.online-sp-atracao-slider-subtitle {
    color: hsla(0,0%,100%,.8);
    font: 15px Gotham HTF Bold;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase
}

.online-sp-atracao-slider-description {
    color: #888;
    font: 14px/24px Roboto;
    margin-bottom: 0;
    margin-top: 20px
}

.online-sp-atracao-slider-link {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: inline-block;
    font: 11px Gotham HTF Black;
    margin-top: 40px;
    padding: 12px 35px;
    position: relative;
    text-transform: uppercase;
    transition: background .4s ease,color .4s ease
}

    .online-sp-atracao-slider-link:after {
        background: #ed145b;
        box-shadow: 4px -4px #ed145b,-4px -4px #ed145b;
        content: "";
        display: inline-block;
        height: 2px;
        left: 50%;
        margin-top: 25px;
        opacity: 0;
        position: absolute;
        transition: opacity .4s ease;
        top: 100%;
        width: 2px
    }

    .online-sp-atracao-slider-link:hover {
        background: #ed145b;
        color: #000
    }

    .online-sp-atracao-slider-link.is-active:after {
        opacity: 1
    }

.online-sp-atracao-slider-btn {
    cursor: pointer;
    font-size: 0;
    height: 100%;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px
}

    .online-sp-atracao-slider-btn:after {
        border-color: #fff;
        border-style: solid;
        content: "";
        display: block;
        height: 45px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        width: 45px
    }

.online-sp-atracao-slider-btn-next {
    right: 0;
    transform: translate(100%,-50%)
}

    .online-sp-atracao-slider-btn-next:after {
        border-width: 2px 2px 0 0
    }

.online-sp-atracao-slider-btn-prev {
    left: 0;
    transform: translate(-100%,-50%)
}

    .online-sp-atracao-slider-btn-prev:after {
        border-width: 0 0 2px 2px
    }

.menu-search {
    background: linear-gradient(90deg,#070707,#16191a) !important;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    height: auto;
    position: relative
}

    .menu-search .search-form {
        visibility: initial
    }

    .menu-search .components-menu {
        height: 100px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .menu-search .components-menu.is-active {
            height: 100px
        }

    .menu-search .components-menu-center {
        position: relative;
        width: 80%
    }

.search {
    padding-bottom: 100px;
    padding-top: 70px
}

    .search .wrapper2 {
        max-width: 800px;
        width: 90%
    }

.search-svg-graduacao, .search-svg-mba, .search-svg-online {
    fill: #91a3ad
}

.search-svg-graduacao {
    max-width: 145px !important
}

.search-svg-mba {
    max-height: 20px;
    max-width: 80px !important
}

.search-svg-online {
    max-width: 60px !important
}

.search-total {
    color: #616d72;
    font: 14px/32px Roboto;
    font-style: italic
}

    .search-total.mobile {
        margin-top: 40px;
        padding-top: 60px
    }

.search-result {
    background-color: rgba(39,44,46,.5);
    margin: 10px 0;
    padding: 25px;
    transition: all .5s ease
}

    .search-result:hover {
        background-color: rgba(39,44,46,.9)
    }

.search-result-link {
    cursor: pointer
}

.search-result-categoria {
    color: #fff;
    font: 14px/32px Gotham HTF Medium;
    margin: 0;
    opacity: .5;
    text-transform: uppercase
}

.search-result-title {
    color: #91a3ad;
    font: 22px/32px Gotham HTF Book;
    margin-bottom: 20px;
    text-transform: uppercase
}

.search-result-saiba-mais {
    color: #ed145b;
    font: 14px Gotham HTF Light;
    position: relative;
    width: fit-content
}

    .search-result-saiba-mais:after, .search-result-saiba-mais:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        width: 5px
    }

    .search-result-saiba-mais:before {
        bottom: 8px;
        right: -15px;
        transform: rotate(45deg)
    }

    .search-result-saiba-mais:after {
        right: -15px;
        top: 9px;
        transform: rotate(135deg)
    }

.search-navegation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 80px
}

.search-navegation-link {
    color: #ed145b;
    font: 13px/32px Gotham HTF Medium;
    letter-spacing: .3px;
    margin: 0 15px 100px;
    position: relative;
    text-transform: uppercase
}

    .search-navegation-link:after, .search-navegation-link:before {
        background-color: #ed145b;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        width: 5px
    }

    .search-navegation-link:before {
        top: 14px
    }

    .search-navegation-link:after {
        bottom: 14px
    }

.search-navegation-link-anterior:before {
    left: -15px;
    transform: rotate(135deg)
}

.search-navegation-link-anterior:after {
    left: -15px;
    transform: rotate(45deg)
}

.search-navegation-link-proximo:before {
    right: -15px;
    transform: rotate(45deg)
}

.search-navegation-link-proximo:after {
    right: -15px;
    transform: rotate(135deg)
}

.search-form-content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.menu.is-active .search-form-content {
    z-index: 10
}

.search-form {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 60px
}

.menu-search .search-form {
    padding: 0 60px 0 125px;
    width: 100%
}

.search-form-input {
    background-color: rgba(66,75,80,.3);
    border: 0 none;
    box-shadow: 0 0 0 0;
    color: #91a3ad;
    font: 14px Roboto Slab;
    height: 45px;
    margin-right: 20px;
    max-width: 800px;
    outline: 0;
    padding: 0 30px;
    visibility: hidden;
    text-transform: uppercase;
    width: 100%
}

.menu-search-bar-mobile .search-form-input {
    visibility: initial
}

.search-form-button {
    -ms-flex-align: center;
    align-items: center;
    background: url(../images/search/search.png) 50% no-repeat;
    background-color: #ed145b;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    min-width: 35px;
    opacity: 0;
    transition: background .5s ease
}

    .search-form-button:hover {
        background-color: #4b555b
    }

.menu-search-bar-mobile .search-form-button {
    opacity: 1
}

.search-quick-links {
    padding: 40px 0 10px;
    visibility: hidden
}

    .search-quick-links .wrapper2 {
        max-width: 850px;
        width: 95%
    }

.menu.is-active .search-quick-links {
    visibility: visible
}

.search-quick-links-title {
    color: #91a3ad;
    font: 13px Gotham HTF Bold;
    text-transform: uppercase;
    text-align: left
}

.search-quick-links-columns {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.search-quick-links-column {
    width: 33.33%
}

.search-quick-links-list {
    padding-right: 20px
}

.search-quick-links-item {
    cursor: pointer;
    position: relative;
    min-height: 35px;
    visibility: hidden;
    padding: 6px 0;
    text-align: left
}

    .search-quick-links-item:before {
        background-color: #ed145b;
        content: "";
        height: 3px;
        left: -12px;
        position: absolute;
        top: 19px;
        width: 3px
    }

.search-quick-links-item-link {
    color: #91a3ad;
    font: 10px Gotham HTF Medium;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .3s ease
}

.search-quick-links-item:hover .search-quick-links-item-link {
    color: #ed145b
}

.SHRD-cabecalhos {
    position: relative
}

.SHRD-cabecalhos--modelo-expandido {
    margin-bottom: 125px
}

    .SHRD-cabecalhos--modelo-expandido .SHRD-cabecalhos__title svg {
        width: 630px
    }

.SHRD-cabecalhos--fiap {
    margin-bottom: 65px
}

    .SHRD-cabecalhos--fiap .SHRD-cabecalhos__content {
        max-width: 1010px
    }

    .SHRD-cabecalhos--fiap .SHRD-cabecalhos__title {
        text-align: left;
        width: 100%
    }

        .SHRD-cabecalhos--fiap .SHRD-cabecalhos__title svg {
            width: 120px
        }

.SHRD-cabecalhos--GRAD .SHRD-cabecalhos__title svg {
    width: 630px
}

.SHRD-cabecalhos--GRAD .SHRD-cabecalhos__content {
    max-width: 940px
}

.SHRD-cabecalhos__content {
    margin: 0 auto;
    max-width: 870px;
    text-align: center
}

.SHRD-cabecalhos__desc {
    color: #75838b;
    font: 18px/26px Gotham HTF Medium;
    letter-spacing: .5px;
    margin: 30px 0 0;
    text-transform: uppercase
}

.SHRD-cabecalhos__highlight {
    color: #acc1cc;
    font: 18px/29px Gotham HTF Book;
    letter-spacing: .5px;
    margin-top: 30px;
    text-transform: uppercase
}

.SHRD-conceito {
    padding: 185px 0;
    text-align: center;
    position: relative
}

    .SHRD-conceito.MBA {
        padding-top: 120px !important
    }

    .SHRD-conceito:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/shared/conceito/effects.png) top no-repeat
    }

    .SHRD-conceito .wrapper2 {
        max-width: 1083px
    }

    .SHRD-conceito.GRAD .wrapper2 {
        max-width: 1050px
    }

    .SHRD-conceito.FIAP-institucional {
        padding: 200px 0 210px
    }

        .SHRD-conceito.FIAP-institucional:after {
            background: url(../images/shared/conceito/effects-institucional.png) center 130px no-repeat
        }

        .SHRD-conceito.FIAP-institucional .wrapper2 {
            max-width: 850px
        }

        .SHRD-conceito.FIAP-institucional .SHRD-conceito__title {
            margin-bottom: 60px
        }

.SHRD-conceito__title {
    color: #a8b7be;
    font: 51px/61px Gotham HTF Light;
    letter-spacing: 1.3px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.SHRD-conceito__title-bold {
    font-family: Gotham HTF Medium
}

.MBA .SHRD-conceito__title {
    font-size: 55px;
    letter-spacing: 1px;
    line-height: 60px
}

.GRAD .SHRD-conceito__title {
    color: #abc1cd;
    font: 35px/53px Gotham HTF Light;
    letter-spacing: .5px;
    margin-bottom: 70px
}

.SHRD-conceito__subtitle {
    color: #91a3ad;
    font: 24px/49px Gotham HTF Book;
    letter-spacing: .5px;
    margin-bottom: 50px;
    text-transform: uppercase
}

    .SHRD-conceito__subtitle span {
        text-transform: none
    }

.MBA .SHRD-conceito__subtitle {
    font: 29px/41px Gotham HTF Light;
    opacity: .7;
    padding: 15px 0
}

.GRAD .SHRD-conceito__subtitle {
    font: 26px/40px Gotham HTF Light;
    margin-bottom: 0
}

.SHRD-conceito__highlight {
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    letter-spacing: .5px;
    text-transform: uppercase
}

.SHRD-conceito__join-us {
    max-width: 222px;
    margin: 70px 0 75px
}

.SHRD-conceito .components-scroll-circle {
    margin: 0
}

    .SHRD-conceito .components-scroll-circle .components-scroll-circle-text {
        font: 11px Gotham HTF Medium;
        letter-spacing: 1.5px
    }

.SHRD-partners {
    color: #b8b8b8;
    padding-bottom: 138px;
    position: relative
}

    .SHRD-partners:after {
        background: url(../images/shared/partners/effects.png) center 5px no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .SHRD-partners.MBA, .SHRD-partners.MBA-curso, .SHRD-partners.ON-MBA, .SHRD-partners.ON-MBA-curso {
        margin-bottom: 70px;
        padding: 0
    }

        .SHRD-partners.MBA-curso:after, .SHRD-partners.MBA:after, .SHRD-partners.ON-MBA-curso:after, .SHRD-partners.ON-MBA:after {
            background: url(../images/shared/partners/effects_mba.png) center 5px no-repeat
        }

.SHRD-partners__title {
    color: #91a3ad;
    font: 56px/40px Gotham HTF Medium;
    margin-bottom: 85px;
    margin-top: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

    .SHRD-partners__title:after {
        background-color: #ed145b;
        bottom: -45px;
        content: "";
        height: 7px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 70px
    }

.SHRD-partners__desc {
    color: #616d72;
    font: 18px/28px Roboto;
    margin-bottom: 0;
    text-align: center
}

.SHRD-partners__lines {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    margin: 40px 0 100px;
    padding: 0 50px;
    text-align: left;
    width: 100%
}

.SHRD-partners__line {
    width: 1005px;
    margin: 50px auto 0;
    height: auto;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .SHRD-partners__line:first-child {
        margin-top: 110px
    }

.SHRD-partners__logo {
    width: 100%;
    margin-right: 50px
}

    .SHRD-partners__logo:last-child {
        margin-right: 0
    }

    .SHRD-partners__logo img {
        max-width: 80%
    }

        .SHRD-partners__logo img.img-lg {
            max-width: 115%
        }

.SHRD-custom-spaces-MBA__modelo-expandido {
    padding-top: 150px
}

.LIVE-MBA-base__menu-logo, .LIVE-MBA-base__menu-right {
    position: absolute;
    z-index: 10
}

.LIVE-MBA-base__menu-logo {
    left: 20px
}

.LIVE-MBA-base__menu-right {
    margin-right: 0;
    right: 20px
}

.LIVE-MBA-base__menu-center {
    z-index: 2
}

.LIVE-MBA-base__logo-fiap {
    max-height: 20px;
    padding-right: 10px
}

.LIVE-MBA-base__logo-image {
    line-height: 0;
    margin-left: 5px
}

.LIVE-MBA-base__logo-image--graduacao {
    height: 20px
}

    .LIVE-MBA-base__logo-image--graduacao img {
        height: 100%
    }

.LIVE-MBA-base__logo-image--mba, .LIVE-MBA-base__logo-image--mba img {
    height: 22px
}

.LIVE-MBA-header {
    height: 100vh;
    max-height: 960px;
    position: relative
}

    .LIVE-MBA-header:after {
        display: block;
        left: 0;
        top: 0;
        background: url(../images/live/vitrine/effects.png) top no-repeat
    }

    .LIVE-MBA-header:after, .LIVE-MBA-header:before {
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

    .LIVE-MBA-header:before {
        background: url(../images/live/vitrine/logo-live.png) 50% no-repeat;
        background-size: contain;
        max-height: 450px;
        top: 15rem
    }

    .LIVE-MBA-header.ON-header--quarto-processo:before {
        left: auto;
        right: -100px;
        width: 90%
    }

    .LIVE-MBA-header:after {
        height: 1041px;
        top: 120px
    }

.LIVE-MBA-header__scroll {
    bottom: 50px
}

    .LIVE-MBA-header__scroll:after {
        border: 1px solid #ed145b;
        border-left: 0;
        border-top: 0;
        height: 25px;
        width: 25px
    }

.LIVE-MBA-header__content {
    display: none;
    position: relative;
    text-align: center;
    right: 24%;
    top: 480px
}

.LIVE-MBA-header--quarto-processo .LIVE-MBA-header__content {
    display: block
}

.LIVE-MBA-header__title {
    color: #acc1cc;
    font: 46px Gotham HTF Light;
    margin: 0 auto 5px
}

.LIVE-MBA-header__highlight, .LIVE-MBA-header__title {
    letter-spacing: .3px;
    position: relative;
    text-transform: uppercase
}

.LIVE-MBA-header__highlight {
    color: #ed145b;
    font: 30px Gotham HTF Medium;
    margin: 0 auto
}

    .LIVE-MBA-header__highlight span {
        font: 30px Gotham HTF Book
    }

.LIVE-MBA-conceito {
    text-align: center;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 150px
}

    .LIVE-MBA-conceito:after {
        background: url(../images/online/ensino/conceito-effects.png) bottom no-repeat;
        bottom: -110px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.LIVE-MBA-conceito__title {
    letter-spacing: 2px;
    color: #ed145b;
    font-family: Gotham HTF Book;
    font-size: 75px;
    margin-bottom: 0;
    text-align: center
}

.LIVE-MBA-conceito__content {
    margin: 0 auto;
    max-width: 800px
}

.LIVE-MBA-conceito__subtitle {
    color: #abc1cd;
    font: 42px/42px Gotham HTF Light;
    margin-bottom: 40px;
    font-size: 35px;
    letter-spacing: .5px;
    text-align: center;
    line-height: 50px
}

.LIVE-MBA-conceito__highlight {
    color: #91a3ad;
    font: 20px/32px Gotham HTF Book;
    text-align: center
}

.LIVE-MBA-conceito__text {
    color: #616d72;
    font: 28px/40px Gotham HTF Light;
    margin-bottom: 20px;
    line-height: 42px;
    text-align: center
}

    .LIVE-MBA-conceito__text span {
        text-transform: lowercase
    }

.LIVE-MBA-conceito__legend {
    color: #cfe9f7;
    font: 16px/32px Gotham HTF Book;
    letter-spacing: .5px;
    margin-top: 40px;
    text-align: center
}

.LIVE-MBA-conceito__btn {
    bottom: -20px;
    height: 80px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 65px
}

    .LIVE-MBA-conceito__btn:after, .LIVE-MBA-conceito__btn:before {
        border-bottom: 1px solid #ed145b;
        border-left: 1px solid #ed145b;
        content: "";
        height: 43px;
        left: 11px;
        position: absolute;
        transform: rotate(315deg);
        width: 43px
    }

    .LIVE-MBA-conceito__btn:after {
        top: -15px
    }

    .LIVE-MBA-conceito__btn:before {
        top: 20px
    }

.LIVE-MBA-conceito__join-us {
    max-width: 222px;
    margin: 70px 0 75px
}

.LIVE-MBA-conceito .components-scroll-circle {
    margin: 0
}

    .LIVE-MBA-conceito .components-scroll-circle .components-scroll-circle-text {
        font: 11px Gotham HTF Medium;
        letter-spacing: 1.5px
    }

.LIVE-MBA-conteudos-intro__container {
    max-width: 950px;
    margin: 0 auto;
    position: relative;
    top: 200px
}

.LIVE-MBA-conteudos-intro__text {
    font-size: 35px;
    font-family: Gotham HTF Light;
    color: #acc1cc;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase
}

.LIVE-MBA-conteudos {
    height: 60vh;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 150px
}

    .LIVE-MBA-conteudos.larger-margin-bottom {
        margin-bottom: 400px
    }

    .LIVE-MBA-conteudos:before {
        content: "";
        background: url(../images/online/mba/shared/diferenciais-intro/effects.png) bottom no-repeat;
        height: 1273px;
        left: 0;
        bottom: -450px
    }

    .LIVE-MBA-conteudos:before, .LIVE-MBA-conteudos__item {
        position: absolute;
        width: 100%
    }

.LIVE-MBA-conteudos__title {
    margin-left: 50px;
    margin-bottom: 50px;
    max-width: 450px;
    max-height: 60px;
    position: relative
}

.LIVE-MBA-conteudos__title--small {
    max-width: 360px
}

.LIVE-MBA-conteudos__title-svg {
    width: 100%
}

.LIVE-MBA-conteudos__text-container {
    display: -ms-flexbox;
    display: flex;
    margin-right: 150px;
    float: right;
    width: 514px
}

.LIVE-MBA-conteudos__text {
    color: #91a3ad;
    font-family: Roboto;
    font-size: 16px
}

    .LIVE-MBA-conteudos__text strong {
        color: #acc1cc
    }

.LIVE-MBA-conteudos__text--uppercase {
    text-transform: uppercase;
    font-family: Gotham HTF Book;
    font-size: 18px
}

.LIVE-MBA-conteudos__fix-trigger {
    height: 300vh;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%
}

.LIVE-MBA-conteudos__arrows {
    position: absolute;
    top: 150px
}

    .LIVE-MBA-conteudos__arrows:After, .LIVE-MBA-conteudos__arrows:before {
        border-left: 1.5px solid #81919a;
        border-bottom: 1.5px solid #81919a;
        content: "";
        height: 20px;
        position: absolute;
        top: 0;
        transform: rotate(-45deg);
        width: 20px
    }

    .LIVE-MBA-conteudos__arrows:after {
        top: 10px
    }

.LIVE-MBA-conteudos__counter {
    color: #555f65;
    font-family: Gotham HTF Medium;
    font-size: 14px;
    transform: rotate(95deg);
    position: absolute;
    left: -7px;
    top: 10px
}

.LIVE-MBA-conteudos__scroll-down {
    bottom: -250px;
    position: absolute;
    width: 100%
}

.LIVE-MBA-live-classes {
    position: relative;
    padding-top: 100px
}

    .LIVE-MBA-live-classes:after {
        content: "";
        background: url(../images/live/mba/grafismo-live-classes.png) 50% no-repeat;
        position: absolute;
        display: block;
        top: -100px;
        height: 400px;
        width: 100%
    }

.LIVE-MBA-live-classes__container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 290px;
    color: #91a3ad
}

.LIVE-MBA-live-classes__content {
    display: -ms-flexbox;
    display: flex
}

.LIVE-MBA-live-classes__live {
    margin: 10px 30px
}

    .LIVE-MBA-live-classes__live h20 {
        line-height: 0;
        margin: 14px 0
    }

    .LIVE-MBA-live-classes__live span {
        font-family: Gotham HTF Medium;
        font-weight: 600
    }

.LIVE-MBA-live-classes__line-box-live {
    border-right: 1px solid #667279;
    border-top: 0;
    position: relative;
    border-bottom: 1px solid #667279;
    width: 100%
}

    .LIVE-MBA-live-classes__line-box-live:after {
        content: "";
        display: block;
        height: 1px;
        width: 29%;
        background-color: #91a3ad;
        position: absolute;
        top: 0;
        right: 0
    }

    .LIVE-MBA-live-classes__line-box-live:before {
        content: "";
        display: block;
        width: 1px;
        height: 87%;
        position: absolute;
        bottom: 0;
        background-color: #667279
    }

    .LIVE-MBA-live-classes__line-box-live:hover {
        border-color: #ed145b;
        transition: all .5s ease-in
    }

        .LIVE-MBA-live-classes__line-box-live:hover:before {
            background-color: #ed145b;
            transition: all .5s ease-in
        }

        .LIVE-MBA-live-classes__line-box-live:hover p {
            color: #acc1cc;
            transition: all .5s ease-in
        }

        .LIVE-MBA-live-classes__line-box-live:hover:after {
            background-color: #ed145b;
            transition: all .5s ease-in
        }

.LIVE-MBA-live-classes__sub-live {
    padding: 10% 17%
}

    .LIVE-MBA-live-classes__sub-live span {
        font-family: Gotham HTF Medium
    }

    .LIVE-MBA-live-classes__sub-live h30 {
        color: #acc1cc;
        margin: 14px 0
    }

.LIVE-MBA-live-classes__suporte {
    margin: 10px 30px;
    width: 100%
}

    .LIVE-MBA-live-classes__suporte h20 {
        line-height: 0;
        margin: 14px 0
    }

    .LIVE-MBA-live-classes__suporte p {
        padding: 10% 17%
    }

.LIVE-MBA-live-classes__line-box-suporte {
    border-right: 1px solid #667279;
    border-bottom: 1px solid #667279;
    border-top: 0;
    position: relative
}

    .LIVE-MBA-live-classes__line-box-suporte:after {
        content: "";
        display: block;
        height: 1px;
        width: 50%;
        background-color: #91a3ad;
        position: absolute;
        top: 0;
        right: 0
    }

    .LIVE-MBA-live-classes__line-box-suporte:before {
        content: "";
        display: block;
        width: 1px;
        height: 87%;
        position: absolute;
        bottom: 0;
        background-color: #667279
    }

    .LIVE-MBA-live-classes__line-box-suporte:hover {
        border-color: #ed145b;
        transition: all .5s ease-in
    }

        .LIVE-MBA-live-classes__line-box-suporte:hover:before {
            background-color: #ed145b;
            transition: all .5s ease-in
        }

        .LIVE-MBA-live-classes__line-box-suporte:hover p {
            color: #acc1cc;
            transition: all .5s ease-in
        }

        .LIVE-MBA-live-classes__line-box-suporte:hover:after {
            background-color: #ed145b;
            transition: all .5s ease-in
        }

.LIVE-MBA-live-classes__sub-suporte {
    font-family: Gotham HTF Medium;
    font-size: 25px;
    line-height: 55px;
    font-weight: 500;
    padding: 0 80px
}

.LIVE-MBA-live-classes__experiencia {
    margin: 48px 30px 0
}

    .LIVE-MBA-live-classes__experiencia h20 {
        line-height: 0;
        padding-top: 15px
    }

    .LIVE-MBA-live-classes__experiencia h30 {
        font-size: 28px;
        line-height: 23px;
        color: #ed145b;
        font-weight: 500;
        font-family: Gotham HTF Medium
    }

    .LIVE-MBA-live-classes__experiencia p {
        font: 16px/25px Roboto;
        letter-spacing: 0;
        line-height: 24px;
        font-weight: 300
    }

    .LIVE-MBA-live-classes__experiencia span {
        font-size: 30px;
        font-weight: 600
    }

    .LIVE-MBA-live-classes__experiencia:before {
        content: "";
        display: block;
        width: 1px;
        height: 87%;
        position: absolute;
        bottom: 0;
        background-color: #667279
    }

    .LIVE-MBA-live-classes__experiencia:hover:before {
        background-color: #ed145b;
        transition: all .5s ease-in
    }

.LIVE-MBA-live-classes__line-box-experiencia {
    border-right: 1px solid #667279;
    border-top: 0;
    position: relative;
    height: 80%;
    border-bottom: 1px solid #667279
}

    .LIVE-MBA-live-classes__line-box-experiencia:after {
        content: "";
        display: block;
        height: 1px;
        background-color: #91a3ad;
        position: absolute;
        top: 0;
        right: 0;
        width: 59%
    }

    .LIVE-MBA-live-classes__line-box-experiencia:hover {
        border-color: #ed145b;
        transition: all .5s ease-in
    }

        .LIVE-MBA-live-classes__line-box-experiencia:hover p {
            color: #acc1cc;
            transition: all .5s ease-in
        }

        .LIVE-MBA-live-classes__line-box-experiencia:hover:after {
            background-color: #ed145b;
            transition: all .5s ease-in
        }

.LIVE-MBA-live-classes__text {
    color: #91a3ad;
    line-height: 24px;
    padding: 0 5px;
    font-weight: 300
}

    .LIVE-MBA-live-classes__text:nth-child(2) {
        margin-left: 70px
    }

.LIVE-MBA-live-classes__box {
    display: -ms-flexbox;
    display: flex;
    padding: 4% 6% 6%
}

.LIVE-MBA-live-classes h20 {
    font-family: Gotham HTF Thin;
    font-size: 45px;
    font-weight: 200
}

.LIVE-MBA-live-classes h20, .LIVE-MBA-live-classes h30 {
    text-transform: uppercase
}

.LIVE-MBA-live-classes p {
    font-family: roboto
}

.LIVE-MBA-live-classes span {
    text-transform: uppercase;
    color: #ed145b
}

.LIVE-MBA-modelo-desenvolvimento__container {
    position: relative;
    padding-left: 5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 290px
}

    .LIVE-MBA-modelo-desenvolvimento__container:before {
        content: "";
        background: url(../images/online/mba/grafismo-evolucao-before.png) top no-repeat;
        top: 22.5%;
        height: 100%;
        left: 15%;
        position: absolute;
        width: 75%
    }

    .LIVE-MBA-modelo-desenvolvimento__container:after {
        content: "";
        background: url(../images/online/mba/grafismo-evolucao-after.png) bottom no-repeat;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.LIVE-MBA-modelo-desenvolvimento__content {
    max-width: 995px;
    margin: 0 auto
}

.LIVE-MBA-modelo-desenvolvimento__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 70px
}

.LIVE-MBA-modelo-desenvolvimento__title {
    font-family: Gotham HTF Light;
    font-size: 37px;
    line-height: 65px;
    color: #ed145b;
    text-transform: uppercase;
    margin: 0
}

.LIVE-MBA-modelo-desenvolvimento__subtitle {
    margin-left: 15%
}

.LIVE-MBA-modelo-desenvolvimento__text {
    font-size: 18px;
    color: #91a3ad;
    line-height: 28px;
    text-transform: uppercase;
    margin-left: 29%;
    max-width: 400px
}

.LIVE-MBA-SHRD-features {
    padding-top: 120px;
    padding-bottom: 290px;
    position: relative
}

    .LIVE-MBA-SHRD-features:after {
        background: url(../images/live/mba/shared/features/effects.png) bottom no-repeat;
        bottom: -290px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .LIVE-MBA-SHRD-features.LIVE-MBA-curso {
        padding-bottom: 100px
    }

        .LIVE-MBA-SHRD-features.LIVE-MBA-curso:after {
            display: none
        }

.LIVE-MBA-SHRD-features__header {
    text-align: center
}

.LIVE-MBA-SHRD-features__title {
    color: #91a3ad;
    font: 58px Gotham HTF Medium;
    margin-bottom: 42px;
    padding-bottom: 48px;
    position: relative;
    text-transform: uppercase
}

    .LIVE-MBA-SHRD-features__title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        height: 6px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 66px
    }

.LIVE-MBA-SHRD-features__desc {
    color: #91a3ad;
    font: 18px/28px Roboto;
    letter-spacing: .5px
}

.LIVE-MBA-SHRD-features__accordions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 80px;
    position: relative
}

    .LIVE-MBA-SHRD-features__accordions:after {
        background-color: #ed145b;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        top: 73px;
        transform: translateX(-50%);
        width: calc(100% - 60px);
        z-index: 1
    }

.LIVE-MBA-SHRD-features__item {
    border-left: 1px solid #383f43;
    display: -ms-flexbox;
    display: flex;
    height: 730px;
    overflow: hidden;
    transition: width .5s ease;
    width: 50px
}

    .LIVE-MBA-SHRD-features__item:last-child {
        border-right: 1px solid #383f43
    }

.LIVE-MBA-SHRD-features__item-header {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-width: 50px;
    position: relative;
    transition: all .5s ease
}

    .LIVE-MBA-SHRD-features__item-header:hover {
        background-color: #ed145b
    }

        .LIVE-MBA-SHRD-features__item-header:hover .LIVE-MBA-SHRD-features__item-title {
            color: #000 !important
        }

        .LIVE-MBA-SHRD-features__item-header:hover .LIVE-MBA-SHRD-features__item-number svg text {
            stroke: #000
        }

        .LIVE-MBA-SHRD-features__item-header:hover .LIVE-MBA-SHRD-features__item-number:after {
            background-color: transparent !important
        }

.LIVE-MBA-SHRD-features__item-number {
    display: block;
    padding: 11px 0 19px;
    position: relative;
    text-align: center
}

    .LIVE-MBA-SHRD-features__item-number svg text {
        transition: all .5s ease
    }

        .LIVE-MBA-SHRD-features__item-number svg text tspan {
            font-family: Gotham HTF Bold
        }

    .LIVE-MBA-SHRD-features__item-number:after {
        background-color: #000;
        border: 1px solid #ed145b;
        content: "";
        height: 11px;
        left: 50%;
        position: absolute;
        top: 68px;
        transform: translateX(-50%);
        width: 11px;
        z-index: 2
    }

.LIVE-MBA-SHRD-features__item:first-child .LIVE-MBA-SHRD-features__item-number:after {
    background-color: #08090b
}

.LIVE-MBA-SHRD-features__item-title {
    color: #acc1cc;
    font: 18px/23px Gotham HTF Book;
    left: -195px;
    letter-spacing: .5px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 310px;
    transform: rotate(270deg);
    transition: color .5s ease;
    width: 440px;
    white-space: nowrap
}

    .LIVE-MBA-SHRD-features__item-title span {
        font: 18px/23px Gotham HTF Light
    }

.LIVE-MBA-SHRD-features__item-content {
    background-color: #1b1d21;
    position: relative;
    z-index: 2
}

    .LIVE-MBA-SHRD-features__item-content:after {
        background-color: #ed145b;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 73px;
        width: 100%;
        z-index: -1
    }

.LIVE-MBA-SHRD-features__item-wrapper2 {
    margin: 0 auto;
    padding: 40px 50px 15px;
    width: 100%
}

.LIVE-MBA-SHRD-features__item-image {
    height: 448px;
    width: 854px;
    z-index: 2
}

    .LIVE-MBA-SHRD-features__item-image img {
        width: 100%
    }

.LIVE-MBA-SHRD-features__item-text {
    margin-top: 15px
}

    .LIVE-MBA-SHRD-features__item-text p {
        color: #91a3ad;
        font: 16px/25px Roboto;
        letter-spacing: .5px;
        margin: 30px 0
    }

        .LIVE-MBA-SHRD-features__item-text p strong {
            font: 600 16px/25px Roboto
        }

.LIVE-MBA-SHRD-features__item.is-active .LIVE-MBA-SHRD-features__item-title {
    color: #ed145b
}

.LIVE-MBA-SHRD-features__item.is-active .LIVE-MBA-SHRD-features__item-number svg text {
    fill: #ed145b;
    fill-opacity: 1
}

.LIVE-MBA-SHRD-features__item.is-active .LIVE-MBA-SHRD-features__item-number:after {
    background-color: #ed145b
}

.ON-header {
    height: 100vh;
    max-height: 960px;
    position: relative
}

    .ON-header:after {
        top: 0;
        background: url(../images/online/vitrine/effects.png) top no-repeat
    }

    .ON-header:after, .ON-header:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ON-header:before {
        background: url(../images/online/vitrine/on1.png) 50% no-repeat;
        background-size: contain;
        top: 30px
    }

    .ON-header.ON-header--quarto-processo:before {
        left: auto;
        right: -100px;
        width: 90%
    }

    .ON-header:after {
        height: 1041px;
        top: 120px
    }

.ON-header__scroll {
    bottom: 50px
}

    .ON-header__scroll:after {
        border: 1px solid #ed145b;
        border-left: 0;
        border-top: 0;
        height: 25px;
        width: 25px
    }

.ON-header__content {
    display: none;
    position: relative;
    text-align: center;
    right: 24%;
    top: 480px
}

.ON-header--quarto-processo .ON-header__content {
    display: block
}

.ON-header__title {
    color: #acc1cc;
    font: 46px Gotham HTF Light;
    margin: 0 auto 5px
}

.ON-header__highlight, .ON-header__title {
    letter-spacing: .3px;
    position: relative;
    text-transform: uppercase
}

.ON-header__highlight {
    color: #ed145b;
    font: 30px Gotham HTF Medium;
    margin: 0 auto
}

    .ON-header__highlight span {
        font: 30px Gotham HTF Book
    }

.ON-ensino-conceito {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 950px;
    position: relative
}

    .ON-ensino-conceito:after {
        background: url(../images/online/ensino/conceito-effects.png) bottom no-repeat;
        bottom: -110px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ON-ensino-conceito.ON-GRAD {
        height: auto;
        min-height: 0;
        padding-bottom: 200px
    }

.ON-ensino-conceito__wrapper2 {
    margin-top: 115px;
    position: static
}

.ON-GRAD .ON-ensino-conceito__wrapper2 {
    margin-top: 0
}

.ON-ensino-conceito__title {
    color: #acc1cc;
    font: 67px Gotham HTF Light;
    margin-bottom: 90px;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD .ON-ensino-conceito__title {
    margin-top: 180px
}

.ON-ensino-conceito__content {
    margin: 0 auto;
    max-width: 635px
}

.ON-ensino-conceito__subtitle {
    color: #ed145b;
    font: 32px/44px Gotham HTF Light;
    text-align: center;
    text-transform: uppercase
}

.ON-ensino-conceito__highlight {
    color: #76858b;
    font: 20px/32px Gotham HTF Book;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD .ON-ensino-conceito__highlight {
    color: #ed145b;
    letter-spacing: .5px
}

.ON-ensino-conceito__text {
    color: #91a3ad;
    font: 16px/32px Roboto;
    text-align: center
}

.ON-ensino-conceito__legend {
    color: #cfe9f7;
    font: 16px/32px Gotham HTF Book;
    letter-spacing: .5px;
    margin-top: 40px;
    text-align: center;
    text-transform: uppercase
}

.ON-ensino-conceito__btn {
    bottom: 40px;
    height: 80px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 65px
}

    .ON-ensino-conceito__btn:after, .ON-ensino-conceito__btn:before {
        border-bottom: 1px solid #ed145b;
        border-left: 1px solid #ed145b;
        content: "";
        height: 43px;
        left: 11px;
        position: absolute;
        transform: rotate(315deg);
        width: 43px
    }

    .ON-ensino-conceito__btn:after {
        top: -15px
    }

    .ON-ensino-conceito__btn:before {
        top: 20px
    }

.ON-ensino-plataforma {
    margin-top: 200px;
    padding-bottom: 200px;
    position: relative
}

    .ON-ensino-plataforma * {
        box-sizing: border-box
    }

    .ON-ensino-plataforma p {
        margin: 0;
        padding: 0
    }

    .ON-ensino-plataforma:before {
        background: url(../images/online/mba/grafismos-plataforma.png) top no-repeat;
        content: "";
        height: 91%;
        left: 50%;
        top: 120px;
        position: absolute;
        transform: translate(-52.5%);
        width: 100%;
        z-index: -1
    }

    .ON-ensino-plataforma.ON-MBA-curso {
        margin-top: 200px;
        padding-bottom: 150px
    }

.ON-ensino-plataforma__intro {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-ensino-plataforma__header {
    text-align: center;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #69757c
}

.ON-ensino-plataforma__header--grad {
    margin-right: 5%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.ON-ensino-plataforma__title {
    margin: -3px 0 3px;
    line-height: 1.2em;
    font-family: Gotham HTF Book;
    font-size: 35px;
    font-weight: 400;
    min-height: 180px;
    text-transform: uppercase;
    position: relative
}

.ON-ensino-plataforma__title--small {
    font-size: 31px;
    margin: 0;
    min-height: 270px
}

    .ON-ensino-plataforma__title--small strong {
        font-size: 31px !important
    }

.ON-ensino-plataforma__title strong {
    font-family: Gotham HTF Book;
    font-size: 35px;
    color: #acc1cc;
    font-weight: 400
}

.ON-ensino-plataforma__title:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    top: 120px;
    left: 50%;
    background-color: #d51457;
    transform: translate(-50%,-50%)
}

.ON-ensino-plataforma__subtitle {
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Gotham HTF Book;
    font-weight: 400
}

.ON-ensino-plataforma__body {
    color: #91a3ad;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 32px
}

.ON-ensino-plataforma__body--big {
    -ms-flex-preferred-size: 50% !important;
    flex-basis: 50% !important
}

    .ON-ensino-plataforma__body--big div:first-child {
        min-height: 270px !important
    }

.ON-ensino-plataforma__body div {
    margin-top: -2px
}

    .ON-ensino-plataforma__body div:first-child {
        min-height: 180px
    }

.ON-ensino-plataforma__animation {
    width: 100%;
    height: 750px;
    position: relative;
    margin-bottom: 130px;
    z-index: -1
}

    .ON-ensino-plataforma__animation:before {
        background: url(../images/online/mba/grafismos-plataforma-3.png) top no-repeat;
        content: "";
        height: 100%;
        left: 50%;
        top: 0;
        position: absolute;
        transform: translate(-50%);
        width: 100%;
        z-index: -1
    }

    .ON-ensino-plataforma__animation:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 50%;
        top: 65%;
        border-radius: 100%;
        transform: translate(-50%,-50%) scaleX(2.1) scaleY(1.3) rotateX(39deg);
        box-shadow: 0 0 200px 200px rgba(0,0,0,.3);
        opacity: .7;
        z-index: 0
    }

.ON-ensino-plataforma__object {
    position: absolute
}

.ON-ensino-plataforma__object--pc {
    width: 701px;
    height: 532px;
    left: 50%;
    transform: translate(-50%);
    background-image: url(../images/online/mba/pc.png);
    background-position: -138px -222px;
    background-repeat: none;
    z-index: 1
}

    .ON-ensino-plataforma__object--pc:after {
        position: absolute;
        content: "";
        right: 32px;
        top: 16px;
        width: 18px;
        height: 18px;
        background-image: url(../images/online/mba/avatar.png);
        background-size: cover;
        background-position: 50%;
        z-index: 10
    }

.ON-ensino-plataforma__object--pc-screen {
    width: 679px;
    height: 377px;
    left: 10px;
    top: 44px;
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    background-color: #000;
    opacity: .9;
    z-index: 2;
    overflow: hidden;
    border: 2px solid #000;
    background-size: 110%
}

.ON-ensino-plataforma__object--pc-screen-pic {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 52%;
    border: 2px solid #000;
    transform: translate(-50%,-50%)
}

.ON-ensino-plataforma__object--pc-screen-pic-1 {
    background-image: url(../images/online/mba/tela1_desk.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--pc-screen-pic-2 {
    background-image: url(../images/online/mba/tela2_desk.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--pc-screen-pic-3 {
    background-image: url(../images/online/mba/tela3_desk.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--pc-screen-pic-4 {
    background-image: url(../images/online/mba/tela4_desk.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile {
    width: 236px;
    height: 453px;
    left: 67%;
    top: 250px;
    background-image: url(../images/online/mba/mobile-2.png);
    background-position: -8px 1px;
    background-repeat: none;
    z-index: 2
}

.ON-ensino-plataforma__object--mobile-screen {
    width: 220px;
    height: 431px;
    background-color: #000;
    left: 9px;
    top: 5px;
    border-radius: 20px;
    overflow: hidden
}

.ON-ensino-plataforma__object--mobile-screen-pic {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ON-ensino-plataforma__object--mobile-screen-pic-mba-1 {
    background-image: url(../images/online/mba/tela1_mobile_mba.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-mba-2 {
    background-image: url(../images/online/mba/tela2_mobile_mba.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-mba-3 {
    background-image: url(../images/online/mba/tela3_mobile_mba.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-mba-4 {
    background-image: url(../images/online/mba/tela4_mobile_mba.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-grad-1 {
    background-image: url(../images/online/mba/tela1_mobile_grad.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-grad-2 {
    background-image: url(../images/online/mba/tela2_mobile_grad.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-grad-3 {
    background-image: url(../images/online/mba/tela3_mobile_grad.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--mobile-screen-pic-grad-4 {
    background-image: url(../images/online/mba/tela4_mobile_grad.jpg);
    opacity: 0
}

.ON-ensino-plataforma__object--headphones {
    width: 245px;
    height: 345px;
    left: 15%;
    top: 310px;
    background-image: url(../images/online/mba/fone.png);
    z-index: 3
}

.ON-ensino-plataforma__numbers {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 120px
}

.ON-ensino-plataforma__number {
    text-align: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: .5px solid #768893;
    color: #495257;
    position: relative
}

    .ON-ensino-plataforma__number:last-child {
        border: none
    }

    .ON-ensino-plataforma__number:hover .ON-ensino-plataforma__number-title {
        transition: color .3s;
        color: #ed145b
    }

        .ON-ensino-plataforma__number:hover .ON-ensino-plataforma__number-title:before {
            opacity: 1
        }

    .ON-ensino-plataforma__number:hover .ON-ensino-plataforma__number-description {
        transition: color .3s;
        color: #768893
    }

.ON-ensino-plataforma__number-plus {
    position: absolute;
    top: 5px;
    right: -20px
}

    .ON-ensino-plataforma__number-plus:before {
        content: "";
        width: 2px;
        height: 16px;
        position: absolute;
        top: 0;
        right: 7px;
        background-color: #d51457
    }

    .ON-ensino-plataforma__number-plus:after {
        content: "";
        width: 16px;
        height: 2px;
        position: absolute;
        top: 7px;
        right: 0;
        background-color: #d51457
    }

.ON-ensino-plataforma__number-title {
    transition: color .3s;
    font-size: 35px;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: inline-block;
    position: relative
}

    .ON-ensino-plataforma__number-title:before {
        content: "";
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 0;
        height: 0;
        box-shadow: 0 0 40px 10px rgba(250,23,100,.5)
    }

.ON-ensino-plataforma__number-description {
    transition: color .3s;
    font-size: 12px;
    text-transform: uppercase
}

.ON-ensino-plataforma__learning {
    text-align: center
}

.ON-ensino-plataforma__learning-subtitle, .ON-ensino-plataforma__learning-title {
    font-size: 25px;
    color: #fa1764;
    font-family: Gotham HTF Light;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0
}

.ON-ensino-plataforma__learning-subtitle {
    color: #8697a1;
    margin-bottom: 30px
}

.ON-ensino-plataforma__channels {
    background: linear-gradient(90deg,#0f1113,#2e3133);
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    text-align: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #495257
}

.ON-ensino-plataforma__channel {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 20px;
    position: relative
}

    .ON-ensino-plataforma__channel:not(:last-child):before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 75%;
        background-color: #0d0e0f;
        z-index: 100;
        transform: translateY(-50%)
    }

    .ON-ensino-plataforma__channel:hover .ON-ensino-plataforma__channel-picture svg path {
        transition: fill .4s;
        fill: #fa1764
    }

    .ON-ensino-plataforma__channel:hover .ON-ensino-plataforma__channel-description, .ON-ensino-plataforma__channel:hover .ON-ensino-plataforma__channel-title {
        transition: color .3s;
        color: #91a3ad
    }

    .ON-ensino-plataforma__channel:hover .ON-ensino-plataforma__channel-picture:before {
        opacity: 1
    }

.ON-ensino-plataforma__channel-title {
    margin: 30px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Gotham HTF Bold;
    letter-spacing: 1px;
    transition: color .3s
}

.ON-ensino-plataforma__channel-picture {
    position: relative
}

    .ON-ensino-plataforma__channel-picture svg {
        height: 50px
    }

        .ON-ensino-plataforma__channel-picture svg path {
            transition: fill .4s;
            fill: #8697a1
        }

    .ON-ensino-plataforma__channel-picture:before {
        content: "";
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 0;
        height: 0;
        box-shadow: 0 0 40px 20px rgba(250,23,100,.5)
    }

.ON-ensino-plataforma__channel-description {
    font-size: 16px;
    margin: 30px 0;
    transition: color .3s
}

.ON-ensino-plataforma__footer {
    margin: 50px auto;
    font-size: 16px;
    line-height: 1.5em;
    color: #91a3ad;
    max-width: 50%;
    text-align: center;
    position: relative
}

    .ON-ensino-plataforma__footer:before {
        background: url(../images/online/mba/grafismo-plataforma-2.png) top no-repeat;
        content: "";
        height: 100%;
        left: 50%;
        top: 0;
        position: absolute;
        transform: translate(-52.5%);
        width: 100%;
        z-index: -1
    }

.ON-ensino-diferenciais {
    position: relative;
    padding-bottom: 250px
}

    .ON-ensino-diferenciais:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/online/ensino/diferenciais-effects.png) center 50px no-repeat
    }

    .ON-ensino-diferenciais .wrapper2 {
        max-width: 1050px
    }

.ON-ensino-diferenciais__header {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 75px;
    position: relative
}

.ON-ensino-diferenciais__header-title {
    color: #a9bdc9;
    font: 35px/45px Gotham HTF Book;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-right: 30px;
    max-width: 380px;
    text-align: left;
    text-transform: uppercase
}

    .ON-ensino-diferenciais__header-title strong {
        color: #616d72;
        display: block;
        font: 35px/45px Gotham HTF Light
    }

.ON-ensino-diferenciais--graduacao .ON-ensino-diferenciais__header-title {
    text-align: right
}

.ON-ensino-diferenciais__header-description {
    color: #75838b;
    font: 16px/32px Gotham HTF Book;
    letter-spacing: .5px;
    margin-bottom: 22px;
    max-width: 630px
}

.ON-ensino-diferenciais__header:before {
    background-color: #ed145b;
    bottom: 27px;
    content: "";
    height: 2px;
    left: -118px;
    position: absolute;
    width: 63px
}

.ON-ensino-diferenciais__slider {
    background: transparent;
    border: 1px solid #363c40;
    overflow: visible;
    margin-bottom: 150px;
    padding: 45px 0
}

.ON-ensino-diferenciais__slider-container {
    overflow: hidden
}

.ON-ensino-diferenciais__slider-wrapper2 {
    font-size: 0;
    position: relative;
    white-space: nowrap
}

.ON-ensino-diferenciais__slider-prev {
    left: -15px;
    top: 50%
}

.ON-ensino-diferenciais__slider-next {
    right: -15px;
    top: 50%
}

.ON-ensino-diferenciais__slider-pagination {
    bottom: -65px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.ON-ensino-diferenciais__slider-dot {
    background-color: #363c40;
    border-radius: 50%;
    cursor: pointer;
    height: 14px;
    margin: 0 10px;
    width: 12px
}

    .ON-ensino-diferenciais__slider-dot.is-active {
        background-color: #ed145b
    }

.ON-ensino-diferenciais__item {
    display: inline-block;
    font-size: 16px;
    opacity: 0;
    padding: 0;
    transition: opacity .4s ease;
    vertical-align: middle;
    width: 100%;
    white-space: normal;
    z-index: 1
}

    .ON-ensino-diferenciais__item.is-active {
        opacity: 1
    }

.ON-ensino-diferenciais__item-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 145px
}

.ON-ensino-diferenciais__item-media {
    position: relative;
    width: 30%
}

.ON-ensino-diferenciais__item-media-icon {
    display: block;
    fill: #91a3ad;
    height: 105px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 180px;
    z-index: 2
}

.ON-ensino-diferenciais__item-content {
    width: 65%;
    color: #91a3ad
}

.ON-ensino-diferenciais__item-number {
    border: 1px solid #91a3ad;
    display: block;
    font: 16px Gotham HTF Book;
    letter-spacing: .3px;
    max-width: 30px;
    padding: 5px 0;
    text-align: center
}

.ON-ensino-diferenciais__item-title {
    font: 18px/30px Gotham HTF Light;
    letter-spacing: .3px;
    margin: 20px 0 0;
    text-transform: uppercase
}

.ON-ensino-diferenciais__item-description {
    font: 18px/30px Roboto;
    letter-spacing: .5px;
    margin-top: 35px
}

.ON-ensino-diferenciais__scroll {
    bottom: -190px;
    color: #91a3ad;
    font: 10px Gotham HTF Book;
    height: 120px;
    left: 50%;
    letter-spacing: .5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    width: 95px
}

    .ON-ensino-diferenciais__scroll:after, .ON-ensino-diferenciais__scroll:before {
        border-bottom: 1px solid #ed145b;
        border-left: 1px solid #ed145b;
        content: "";
        height: 43px;
        left: 26px;
        position: absolute;
        transform: rotate(315deg);
        opacity: .5;
        width: 43px
    }

    .ON-ensino-diferenciais__scroll:after {
        top: 30px
    }

    .ON-ensino-diferenciais__scroll:before {
        top: 65px
    }

.ON-ensino-cursos {
    margin-top: 100px;
    position: relative
}

    .ON-ensino-cursos:after {
        background: url(../images/online/ensino/cursos-effects.png) top no-repeat;
        content: "";
        height: 930px;
        left: 0;
        position: absolute;
        top: -100px;
        width: 100%
    }

.ON-ensino-cursos__title {
    color: #91a3ad;
    font: 51px Gotham HTF Medium;
    text-transform: uppercase
}

.ON-ensino-cursos__label-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

    .ON-ensino-cursos__label-wrapper2:after {
        background: #363e43;
        content: "";
        height: 1px;
        margin-top: 15px;
        width: 100%
    }

.ON-ensino-cursos__label {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: block;
    font: 10px Gotham HTF Medium;
    margin: auto;
    padding: 2px 15px;
    text-transform: uppercase
}

.ON-ensino-cursos__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .ON-ensino-cursos__list li {
        width: 25%
    }

        .ON-ensino-cursos__list li a {
            height: 100%
        }

.ON-ensino-cursos__info {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    display: -ms-flexbox;
    display: flex;
    font: 16px Roboto;
    margin-top: 60px
}

.ON-ensino-cursos__info-btn {
    background: transparent;
    border: 1px solid #657178;
    color: #657178;
    font: 11px Gotham HTF Medium;
    padding: 7px 20px;
    margin-left: 15px;
    text-transform: uppercase;
    transition: background .8s ease,color .8s ease
}

    .ON-ensino-cursos__info-btn:hover {
        background: #ed145b;
        color: #000
    }

.ON-ensino-turmas-extras {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 510px;
    position: relative
}

    .ON-ensino-turmas-extras:after {
        background: url(../images/online/mba/grafismo-turmas-extra.png) bottom no-repeat;
        bottom: 20px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.ON-ensino-turmas-extras__wrapper2 {
    margin-top: 115px;
    position: static
}

.ON-ensino-turmas-extras__content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    position: relative
}

    .ON-ensino-turmas-extras__content:before {
        background: #b31448;
        content: "";
        height: 1px;
        position: absolute;
        right: 25px;
        top: -95px;
        width: 80%
    }

    .ON-ensino-turmas-extras__content:after {
        background: #b31448;
        bottom: -95px;
        content: "";
        height: 1px;
        position: absolute;
        right: 25px;
        width: 80%
    }

.ON-ensino-turmas-extras__title {
    font: 54px Gotham HTF Thin;
    text-transform: uppercase
}

.ON-ensino-turmas-extras__title--first {
    color: #acc1cc;
    margin: 0 auto
}

.ON-ensino-turmas-extras__title--second {
    -ms-flex-align: center;
    align-items: center;
    color: #acc1cc;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 0 130px;
    position: relative
}

    .ON-ensino-turmas-extras__title--second:before {
        background: #ed145b;
        content: "";
        height: 5px;
        left: -120px;
        position: absolute;
        width: 95px
    }

.ON-ensino-turmas-extras__title--third {
    color: #616d72;
    margin: 0 auto 0 45px
}

.ON-ensino-turmas-extras__desc {
    color: #616d72;
    font: 18px/32px Gotham HTF Book;
    margin-left: 190px;
    max-width: 565px;
    text-transform: uppercase
}

.ON-ensino-como-funciona {
    margin-top: 250px;
    padding: 0 0 160px;
    position: relative
}

    .ON-ensino-como-funciona:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background: url(../images/online/ensino/como-funciona-effects.png) center 550px no-repeat
    }

    .ON-ensino-como-funciona.small-padding {
        padding: 0 0 160px;
        margin: 0
    }

.ON-ensino-como-funciona__header {
    -ms-flex-align: end;
    align-items: flex-end;
    color: #616d72;
    display: -ms-flexbox;
    display: flex;
    font: 16px/28px Gotham HTF Book;
    margin: 0 auto 100px;
    position: relative;
    text-transform: uppercase
}

.ON-ensino-como-funciona__header-title {
    color: #626e75;
    font: 45px/64px Gotham HTF Book;
    letter-spacing: .3px;
    margin-bottom: -15px
}

    .ON-ensino-como-funciona__header-title span {
        color: #91a3ad;
        display: block;
        font: 60px/64px Gotham HTF Medium
    }

.ON-ensino-como-funciona__header-subtitle {
    color: #59646a;
    font: 20px/32px Gotham HTF Book;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 75px
}

    .ON-ensino-como-funciona__header-subtitle span {
        display: block;
        font: 45px/64px Gotham HTF Medium
    }

.ON-ensino-como-funciona__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1250px;
    width: 90%
}

.ON-ensino-como-funciona__box {
    border: 1px solid transparent;
    color: #616d72;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    vertical-align: top;
    transition: border-color .4s ease-out;
    width: 23%;
    white-space: normal;
    z-index: 1
}

.ON-ensino-como-funciona--graduacao .ON-ensino-como-funciona__box {
    width: 24%
}

.ON-ensino-como-funciona__box-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 110px
}

.ON-ensino-como-funciona__box-number {
    margin-left: 20px;
    margin-right: 15px;
    position: relative
}

.ON-ensino-como-funciona__box-number--on {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    transition: opacity .5s ease
}

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-number--on {
    opacity: 1
}

.ON-ensino-como-funciona__box-number--off {
    opacity: 1;
    transition: opacity .5s ease
}

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-number--off {
    opacity: 0
}

.ON-ensino-como-funciona__box-title {
    color: hsla(202,9%,50%,.7);
    font: 18px/24px Gotham HTF Book;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: color .5s ease
}

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-title {
    color: #ed145b
}

.ON-ensino-como-funciona__box-line {
    background-color: #060609;
    display: block;
    height: 2px;
    margin-top: 5px;
    opacity: .5;
    transition: all .5s ease;
    width: 100%
}

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-line {
    background-color: #ed145b;
    box-shadow: 0 0 10px 1px #ed145b;
    opacity: 1
}

.ON-ensino-como-funciona__box-opcional {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

    .ON-ensino-como-funciona__box-opcional span {
        font-size: 10px;
        font-family: Gotham HTF Medium;
        color: #3e4649;
        margin-left: 10px;
        transition: color .5s
    }

    .ON-ensino-como-funciona__box-opcional svg {
        width: 30px;
        height: 30px;
        fill: #3e4649;
        transition: fill .5s
    }

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-opcional span {
    color: #ed145b
}

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-opcional svg {
    fill: #ed145b
}

.ON-ensino-como-funciona__box-content {
    padding-left: 50px
}

.ON-ensino-como-funciona__box-description {
    font-size: 15px !important;
    transition: all .5s ease
}

.ON-ensino-como-funciona__box:hover .ON-ensino-como-funciona__box-description {
    color: #9caeb9
}

.ON-ensino-como-funciona__box-link {
    color: #ed145b;
    text-decoration: underline
}

.ON-ensino-como-funciona__button {
    border: 2px solid #ed145b;
    color: #ed145b;
    display: block;
    font: 15px Gotham HTF Medium;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 12px 75px;
    text-transform: uppercase;
    transition: all .5s ease;
    width: fit-content
}

.ON-ensino-como-funciona__button-wrapper2 {
    margin-top: 100px;
    margin-bottom: 300px
}

.ON-ensino-como-funciona__button:hover {
    background-color: #ed145b;
    color: #fff
}

.ON-ensino-encontro {
    box-sizing: border-box;
    margin-top: 100px;
    padding: 0 0 300px;
    position: relative
}

    .ON-ensino-encontro:before {
        background: url(../images/online/mba/grafismo-encontro.png) 50% no-repeat;
        content: "";
        height: 100%;
        left: 50%;
        top: 150px;
        position: absolute;
        transform: translate(-50%);
        width: 100%;
        z-index: -1
    }

    .ON-ensino-encontro.ON-MBA-curso {
        padding: 1px 0 250px
    }

    .ON-ensino-encontro.ON-MBA {
        padding: 0 0 300px
    }

    .ON-ensino-encontro * > {
        box-sizing: border-box
    }

    .ON-ensino-encontro h10, .ON-ensino-encontro h20, .ON-ensino-encontro h30, .ON-ensino-encontro h40, .ON-ensino-encontro h5, .ON-ensino-encontro h6 {
        margin: 0;
        padding: 0
    }

.ON-ensino-encontro__title {
    text-align: center;
    font-family: Gotham HTF Thin;
    font-size: 58px;
    color: #41494d;
    position: relative
}

    .ON-ensino-encontro__title strong {
        color: #91a3ad;
        font-family: Gotham HTF Medium
    }

    .ON-ensino-encontro__title:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -20px;
        width: 100px;
        height: 5px;
        background-color: #d51457;
        transform: translate(-50%)
    }

.ON-ensino-encontro__body {
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px
}

.ON-ensino-encontro__video {
    background-image: url(../images/online/mba/mba-thumb.png);
    background-size: cover;
    margin-right: 50px;
    -ms-flex-preferred-size: 580px;
    flex-basis: 580px;
    height: 323px;
    position: relative;
    cursor: pointer
}

.ON-ensino-encontro__video--grad {
    background-image: url(../images/online/mba/grad-thumb.png)
}

.ON-ensino-encontro__video--mba {
    background-image: url(../images/online/mba/mba-thumb.png)
}

.ON-ensino-encontro__video:hover {
    transition: tranform .3s
}

    .ON-ensino-encontro__video:hover .ON-ensino-encontro__play {
        transition: transform .3s;
        backface-visibility: hidden;
        transform: translate(-50%,-50%) scale(1.1)
    }

.ON-ensino-encontro__play {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ed145b;
    color: #ed145b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    padding: 13px 50px;
    font: 14px Gotham HTF Medium;
    transform: translate(-50%,-50%);
    transition: transform .3s;
    backface-visibility: hidden
}

.ON-ensino-encontro__article {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ON-ensino-encontro__article-title {
    color: #75838b;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 40px;
    text-transform: uppercase
}

    .ON-ensino-encontro__article-title h40 {
        color: #636f76;
        font-size: 20px;
        line-height: 1.7em
    }

.ON-ensino-encontro__article-title-img {
    width: 100%;
    height: 40px;
    margin-bottom: 20px
}

.ON-ensino-encontro__article-text {
    color: #91a3ad;
    font-family: Roboto;
    font-size: 16px;
    line-height: 32px
}

.ON-ensino-videos--no-thumb .fiap-2018-videos-option:after, .ON-ensino-videos--no-thumb .fiap-2018-videos-option:before {
    display: none !important
}

.ON-ensino-videos--mba .fiap-2018-videos-option:hover:after {
    backface-visibility: hidden;
    transform: translate(-50%,-50%) translateZ(0) scale(1.1)
}

.ON-ensino-videos--mba .fiap-2018-videos-option:before {
    content: "";
    position: absolute;
    background-image: url(../images/online/mba/thumb-mba-videos.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer
}

.ON-ensino-videos--mba .fiap-2018-videos-option:after {
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    content: "PLAY";
    color: #ed145b;
    border: 1px solid #ed145b;
    font-size: 18px;
    font-weight: 700;
    width: 200px;
    height: 50px;
    text-align: center;
    pointer-events: none;
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translate(-50%,-50%);
    transition: transform .3s;
    cursor: pointer
}

.ON-ensino-videos--graduacao .fiap-2018-videos-option:hover:after {
    backface-visibility: hidden;
    transform: translate(-50%,-50%) translateZ(0) scale(1.1)
}

.ON-ensino-videos--graduacao .fiap-2018-videos-option:before {
    content: "";
    position: absolute;
    background-image: url(../images/online/mba/thumb-grad-videos.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer
}

.ON-ensino-videos--graduacao .fiap-2018-videos-option:after {
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    content: "PLAY";
    color: #ed145b;
    border: 1px solid #ed145b;
    font-size: 18px;
    font-weight: 700;
    width: 200px;
    height: 50px;
    text-align: center;
    pointer-events: none;
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translate(-50%,-50%);
    transition: transform .3s;
    cursor: pointer
}

.ON-ensino-plugins {
    margin-bottom: 250px
}

.ON-ensino-plugins__description {
    border: 1px solid #ed145b;
    margin-bottom: 65px;
    padding: 80px;
    width: 100%
}

.ON-ensino-plugins__description-columns {
    display: -ms-flexbox;
    display: flex
}

.ON-ensino-plugins__description-column {
    position: relative
}

    .ON-ensino-plugins__description-column:first-child {
        padding-right: 120px;
        width: 70%
    }

        .ON-ensino-plugins__description-column:first-child:before {
            background: #91a3ad;
            content: "";
            display: block;
            height: 90%;
            opacity: .5;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px
        }

    .ON-ensino-plugins__description-column:last-child {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 60px;
        width: 30%
    }

.ON-ensino-plugins__mba-icon {
    width: 225px
}

.ON-ensino-plugins__hours {
    color: #ed145b;
    font: 18px Gotham HTF Medium;
    margin-top: 25px;
    margin-bottom: 40px
}

.ON-ensino-plugins__opcionais-title-text {
    font: 18px Gotham HTF book;
    color: #ed145b;
    text-transform: uppercase;
    text-align: center
}

.ON-ensino-plugins__opcionais-title-plugins {
    font: 45px Gotham HTF Medium;
    color: #acc1cc;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0
}

    .ON-ensino-plugins__opcionais-title-plugins span {
        font: 45px Gotham HTF Book;
        color: #75838b
    }

.ON-ensino-plugins__opcionais-subtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font: 18px/32px Roboto;
    color: #75838b;
    margin: 70px 0 85px
}

    .ON-ensino-plugins__opcionais-subtitle div {
        width: 50%;
        position: relative
    }

        .ON-ensino-plugins__opcionais-subtitle div:before {
            content: "";
            width: 45px;
            height: 5px;
            background-color: #ed145b;
            position: absolute;
            top: 25px;
            right: 55px
        }

    .ON-ensino-plugins__opcionais-subtitle p {
        width: 50%
    }

.ON-ensino-plugins__text {
    color: #91a3ad;
    font: 16px/24px Roboto;
    margin-top: 0
}

    .ON-ensino-plugins__text:not(:last-child) {
        margin-bottom: 20px
    }

    .ON-ensino-plugins__text:last-child {
        margin-bottom: 0
    }

    .ON-ensino-plugins__text.text-principal {
        font: 20px/32px Gotham HTF Book;
        color: #59646a;
        text-transform: uppercase
    }

    .ON-ensino-plugins__text.text-complementar {
        font: 18px/27px Roboto;
        color: #acc1cc
    }

.ON-ensino-plugins__startup-one-icon {
    fill: #91a3ad;
    margin-bottom: 30px;
    width: 235px
}

.ON-ensino-plugins__opcionais, .ON-ensino-plugins__opcionais-title-wrapper2 {
    position: relative;
    width: 100%
}

.ON-ensino-plugins__opcionais-title-wrapper2 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

    .ON-ensino-plugins__opcionais-title-wrapper2:before {
        background: #91a3ad;
        content: "";
        display: block;
        height: 1px;
        opacity: .5;
        width: 100%;
        position: absolute;
        top: 18px
    }

.ON-ensino-plugins__opcionais-title {
    color: #616d72;
    font: 20px Gotham HTF Book;
    margin: 0 30px;
    text-transform: uppercase;
    white-space: nowrap
}

.ON-ensino-plugins__opcionais-line-left, .ON-ensino-plugins__opcionais-line-right {
    background: #91a3ad;
    height: 230px;
    opacity: .5;
    position: absolute;
    top: 19px;
    width: 1px
}

    .ON-ensino-plugins__opcionais-line-left:before, .ON-ensino-plugins__opcionais-line-right:before {
        background: #91a3ad;
        bottom: 0;
        content: "";
        height: 1px;
        opacity: .7;
        position: absolute;
        width: 10px
    }

.ON-ensino-plugins__opcionais-line-left {
    left: 0
}

.ON-ensino-plugins__opcionais-line-right {
    right: 0
}

    .ON-ensino-plugins__opcionais-line-right:before {
        left: -10px
    }

.ON-ensino-plugins__opcionais-boxes {
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 0 20px;
    width: 100%
}

.ON-ensino-plugins__opcionais-box {
    cursor: pointer;
    height: 390px;
    padding: 40px 55px 60px;
    position: relative;
    width: 33.3%;
    z-index: 1
}

    .ON-ensino-plugins__opcionais-box:first-child {
        background: linear-gradient(90deg,#1a1d20,#25292d)
    }

    .ON-ensino-plugins__opcionais-box:nth-child(2) {
        background: linear-gradient(90deg,#1c2023,#24282c)
    }

    .ON-ensino-plugins__opcionais-box:nth-child(3) {
        background: linear-gradient(90deg,#1b1e21,#202327)
    }

    .ON-ensino-plugins__opcionais-box.nano-courses-fortinet {
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .ON-ensino-plugins__opcionais-box:hover:before {
        box-shadow: 0 0 0 2px #ed145b
    }

    .ON-ensino-plugins__opcionais-box:hover .ON-ensino-plugins__opcionais-btn-circle {
        background: #ed145b;
        color: #000
    }

    .ON-ensino-plugins__opcionais-box:hover .ON-ensino-plugins__opcionais-btn-mask {
        width: 90px
    }

    .ON-ensino-plugins__opcionais-box:before {
        box-shadow: 0 0 0 2px transparent;
        content: "";
        height: calc(100% - 2px);
        left: 0;
        position: absolute;
        top: 0;
        transition: box-shadow .8s ease;
        width: calc(100% - 2px);
        z-index: -1
    }

    .ON-ensino-plugins__opcionais-box:after {
        background: #080809;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .8s ease;
        width: 100%;
        z-index: 2
    }

    .ON-ensino-plugins__opcionais-box.mask:after {
        opacity: .5
    }

.ON-ensino-plugins__opcionais-box-fortinet {
    width: 70%;
    position: relative
}

    .ON-ensino-plugins__opcionais-box-fortinet:before {
        background: #91a3ad;
        content: "";
        display: block;
        height: 100%;
        opacity: .5;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }

.ON-ensino-plugins__opcionais-extensoes {
    width: 30%
}

.ON-ensino-plugins__opcionais-horas-container {
    position: relative
}

.ON-ensino-plugins__opcionais-horas {
    color: #ed145b;
    font: 16px Gotham HTF Medium;
    left: 0;
    position: absolute;
    top: 0
}

.ON-ensino-plugins__opcionais-logo-wrapper2 {
    height: 95px
}

.ON-ensino-plugins__opcionais-logo {
    fill: #91a3ad;
    margin-top: 20px
}

.ON-ensino-plugins__opcionais-logo--power-skills {
    width: 250px
}

.ON-ensino-plugins__opcionais-logo--nano-courses {
    width: 190px
}

.ON-ensino-plugins__opcionais-logo--mba-refresh {
    width: 210px
}

.ON-ensino-plugins__opcionais-text {
    margin: 35px 0 30px
}

.ON-ensino-plugins__opcionais-btn-circle, .ON-ensino-plugins__opcionais-btn-wrapper2, .ON-ensino-plugins__opcionais-text {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.ON-ensino-plugins__opcionais-btn-circle {
    background: transparent;
    border: 1px solid #ed145b;
    border-radius: 50%;
    color: #ed145b;
    font: 25px Roboto;
    height: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    transition: color .8s ease,background .8s ease;
    width: 40px
}

.ON-ensino-plugins__opcionais-btn-mask {
    overflow: hidden;
    transition: width .4s ease;
    width: 0
}

.ON-ensino-plugins__opcionais-btn-text {
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 700
}

.ON-ensino-plugins__opcionais-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px
}

.ON-ensino-plugins__opcionais-fortinet-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .ON-ensino-plugins__opcionais-fortinet-right p {
        padding-left: 10px
    }

.ON-ensino-plugins__opcionais-bottom-icon {
    width: 70px
}

    .ON-ensino-plugins__opcionais-bottom-icon.icon-fortinet {
        width: 65px;
        margin-left: 5px
    }

.ON-ensino-plugins__opcionais-bottom-text {
    color: #91a3ad;
    font: 16px/24px Roboto;
    padding-left: 45px
}

.ON-ensino-plugins__modal {
    background: rgba(0,0,0,.7);
    height: 100%;
    opacity: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

    .ON-ensino-plugins__modal::-webkit-scrollbar {
        background: #610725;
        height: 8px;
        width: 8px
    }

    .ON-ensino-plugins__modal::-webkit-scrollbar-track {
        border-radius: 5px
    }

    .ON-ensino-plugins__modal::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #ed145b
    }

.ON-ensino-plugins__modal-content {
    background: #1a1d20;
    left: 50%;
    margin: 10px 0;
    padding: 100px 70px 110px;
    position: absolute;
    transform: translate(-50%)
}

.ON-ensino-plugins__modal-content--align-vertical {
    margin: 0;
    top: 50%;
    transform: translate(-50%,-50%)
}

.ON-ensino-plugins__modal-btn-close {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2px;
    position: absolute;
    right: 20px;
    transition: border .8s ease,color .8s ease;
    width: 20px
}

    .ON-ensino-plugins__modal-btn-close:hover {
        border: 1px solid #616d72;
        color: #616d72
    }

.ON-ensino-plugins__modal-btn-close--top {
    top: 20px
}

.ON-ensino-plugins__modal-btn-close--bottom {
    bottom: 20px
}

.ON-ensino-plugins__power-skills {
    position: relative
}

.ON-ensino-plugins__power-skills-logo {
    display: block;
    fill: #91a3ad;
    margin: auto;
    padding-bottom: 65px;
    width: 370px
}

.ON-ensino-plugins__power-skills-plugin-opcional-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 200px;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -80px;
    left: -48px
}

.ON-ensino-plugins__power-skills-plugin-opcional-title {
    font: 12px Roboto;
    color: #75838b;
    text-transform: uppercase;
    position: absolute;
    padding-left: 30px
}

.ON-ensino-plugins__power-skills-columns {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 1024px
}

.ON-ensino-plugins__power-skills-column {
    width: 50%
}

    .ON-ensino-plugins__power-skills-column:first-child {
        padding-right: 25px
    }

    .ON-ensino-plugins__power-skills-column:last-child {
        padding-left: 25px
    }

.ON-ensino-plugins__power-skills-accordions {
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    width: 100%
}

.ON-ensino-plugins__power-skills-accordion {
    border: 1px solid #616d72;
    cursor: pointer;
    position: relative;
    transition: border .8s ease;
    width: 100%
}

    .ON-ensino-plugins__power-skills-accordion.is-active, .ON-ensino-plugins__power-skills-accordion:hover {
        border: 1px solid #ed145b
    }

        .ON-ensino-plugins__power-skills-accordion.is-active .ON-ensino-plugins__power-skills-accordion-number {
            background: #d31251;
            color: #fff
        }

        .ON-ensino-plugins__power-skills-accordion.is-active .ON-ensino-plugins__power-skills-accordion-title {
            background: #ed145b;
            color: #fff
        }

        .ON-ensino-plugins__power-skills-accordion.is-active .ON-ensino-plugins__power-skills-accordion-arrow:after, .ON-ensino-plugins__power-skills-accordion.is-active .ON-ensino-plugins__power-skills-accordion-arrow:before {
            background: #fff
        }

        .ON-ensino-plugins__power-skills-accordion.is-active .ON-ensino-plugins__power-skills-accordion-arrow:after {
            right: -7px
        }

        .ON-ensino-plugins__power-skills-accordion.is-active .ON-ensino-plugins__power-skills-accordion-arrow:before {
            left: 7px
        }

    .ON-ensino-plugins__power-skills-accordion:not(:last-child) {
        margin-bottom: 20px
    }

.ON-ensino-plugins__power-skills-accordion-head {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    position: relative
}

.ON-ensino-plugins__power-skills-accordion-number {
    background: #24282b;
    color: #ed145b;
    font: 30px Gotham HTF Book;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px
}

.ON-ensino-plugins__power-skills-accordion-number, .ON-ensino-plugins__power-skills-accordion-title {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    transition: background .4s ease,color .4s ease
}

.ON-ensino-plugins__power-skills-accordion-title {
    background: transparent;
    color: #91a3ad;
    font: 20px Gotham HTF Medium;
    padding-left: 40px;
    text-transform: uppercase;
    width: 100%
}

.ON-ensino-plugins__power-skills-accordion-arrow {
    height: 20px;
    position: absolute;
    right: 40px;
    width: 20px
}

    .ON-ensino-plugins__power-skills-accordion-arrow:after, .ON-ensino-plugins__power-skills-accordion-arrow:before {
        background: #ed145b;
        content: "";
        height: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .8s ease;
        width: 100%
    }

    .ON-ensino-plugins__power-skills-accordion-arrow:before {
        left: 0;
        transform: rotate(45deg)
    }

    .ON-ensino-plugins__power-skills-accordion-arrow:after {
        right: -14px;
        transform: rotate(-45deg)
    }

.ON-ensino-plugins__power-skills-accordion-content {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
    width: 100%
}

.ON-ensino-plugins__power-skills-accordion-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    padding: 60px;
    width: 100%
}

.ON-ensino-plugins__power-skills-accordion-column {
    width: 50%
}

    .ON-ensino-plugins__power-skills-accordion-column:first-child {
        padding-right: 25px
    }

    .ON-ensino-plugins__power-skills-accordion-column:last-child {
        padding-left: 25px
    }

.ON-ensino-plugins__power-skills-accordion-meetups {
    color: #91a3ad;
    display: block;
    font: 16px Gotham HTF Book;
    text-transform: uppercase
}

.ON-ensino-plugins__power-skills-accordion-list {
    counter-reset: b;
    list-style: none
}

    .ON-ensino-plugins__power-skills-accordion-list li {
        color: #91a3ad;
        counter-increment: b;
        font: 16px Roboto;
        margin-bottom: 5px;
        opacity: .7
    }

        .ON-ensino-plugins__power-skills-accordion-list li:before {
            color: #ed145b;
            content: counter(b) ". ";
            font: 16px Roboto;
            font-weight: 700
        }

.ON-ensino-plugins__power-skills-accordion-bottom {
    display: -ms-flexbox;
    display: flex
}

.ON-ensino-plugins__power-skills-accordion-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.ON-ensino-plugins__power-skills-accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

    .ON-ensino-plugins__power-skills-accordion-bottom-text span {
        display: block;
        font-weight: 600
    }

.ON-ensino-plugins__nano-courses {
    position: relative;
    width: 1024px
}

.ON-ensino-plugins__nano-courses-logo {
    margin-left: 60px;
    margin-bottom: 50px;
    width: 380px
}

    .ON-ensino-plugins__nano-courses-logo img {
        width: 100%
    }

.ON-ensino-plugins__nano-courses-title-wrapper2 {
    margin-bottom: 80px
}

.ON-ensino-plugins__nano-courses-title {
    position: relative
}

    .ON-ensino-plugins__nano-courses-title h30 {
        color: #a7bcc7;
        font: 29px/45px Gotham HTF Light;
        margin: 0;
        padding-left: 65px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase
    }

.ON-ensino-plugins__nano-courses-columns {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 5%;
    width: 95%
}

.ON-ensino-plugins__nano-courses-column {
    width: 50%
}

    .ON-ensino-plugins__nano-courses-column:first-child {
        padding-right: 25px
    }

    .ON-ensino-plugins__nano-courses-column:last-child {
        padding-left: 25px
    }

.ON-ensino-plugins__nano-courses-bottom {
    display: -ms-flexbox;
    display: flex
}

.ON-ensino-plugins__nano-courses-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.ON-ensino-plugins__nano-courses-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

.ON-ensino-plugins__mba-refresh {
    position: relative;
    width: 1024px
}

.ON-ensino-plugins__mba-refresh-logo {
    margin-left: 65px;
    margin-bottom: 40px;
    width: 370px
}

.ON-ensino-plugins__mba-refresh-title-wrapper2 {
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
    position: relative
}

.ON-ensino-plugins__mba-refresh-title {
    width: 930px
}

    .ON-ensino-plugins__mba-refresh-title img {
        width: 100%
    }

    .ON-ensino-plugins__mba-refresh-title h30 {
        color: #a7bcc7;
        font: 29px/45px Gotham HTF Light;
        margin: 0;
        left: 0;
        padding-left: 67px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase
    }

.ON-ensino-plugins__mba-refresh-columns {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 5%;
    width: 95%
}

.ON-ensino-plugins__mba-refresh-column {
    width: 50%
}

    .ON-ensino-plugins__mba-refresh-column:first-child {
        padding-right: 25px
    }

    .ON-ensino-plugins__mba-refresh-column:last-child {
        padding-left: 25px
    }

.ON-ensino-plugins__mba-refresh-accordion-bottom-wrapper2 {
    margin: auto;
    width: 100%
}

.ON-ensino-plugins__mba-refresh-accordion-bottom {
    display: -ms-flexbox;
    display: flex
}

.ON-ensino-plugins__mba-refresh-accordion-bottom-icon {
    margin-right: 15px;
    min-width: 55px
}

.ON-ensino-plugins__mba-refresh-accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

.ON-ensino-power-skills {
    padding-bottom: 250px;
    position: relative
}

.ON-ensino-power-skills__text {
    color: #91a3ad;
    font: 16px/28px Roboto;
    margin-top: 0
}

    .ON-ensino-power-skills__text:not(:last-child) {
        margin-bottom: 20px
    }

    .ON-ensino-power-skills__text:last-child {
        margin-bottom: 0
    }

.ON-ensino-power-skills__logo {
    display: block;
    fill: #91a3ad;
    padding-bottom: 85px;
    width: 670px
}

.ON-ensino-power-skills__columns {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.ON-ensino-power-skills__column {
    width: 50%
}

    .ON-ensino-power-skills__column:first-child {
        padding-right: 25px
    }

    .ON-ensino-power-skills__column:last-child {
        padding-left: 25px
    }

.ON-ensino-power-skills__accordions {
    margin-top: 60px;
    position: relative;
    width: 100%
}

.ON-ensino-power-skills__accordion {
    border: 1px solid #616d72;
    cursor: pointer;
    position: relative;
    transition: border .8s ease;
    width: 100%
}

    .ON-ensino-power-skills__accordion.is-active, .ON-ensino-power-skills__accordion:hover {
        border: 1px solid #ed145b
    }

        .ON-ensino-power-skills__accordion.is-active .ON-ensino-power-skills__accordion-number {
            background: #d31251;
            color: #fff
        }

        .ON-ensino-power-skills__accordion.is-active .ON-ensino-power-skills__accordion-title {
            background: #ed145b;
            color: #fff
        }

        .ON-ensino-power-skills__accordion.is-active .ON-ensino-power-skills__accordion-arrow:after, .ON-ensino-power-skills__accordion.is-active .ON-ensino-power-skills__accordion-arrow:before {
            background: #fff
        }

        .ON-ensino-power-skills__accordion.is-active .ON-ensino-power-skills__accordion-arrow:after {
            right: -7px
        }

        .ON-ensino-power-skills__accordion.is-active .ON-ensino-power-skills__accordion-arrow:before {
            left: 7px
        }

    .ON-ensino-power-skills__accordion:not(:last-child) {
        margin-bottom: 20px
    }

.ON-ensino-power-skills__accordion-head {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    position: relative
}

.ON-ensino-power-skills__accordion-number {
    background: #24282b;
    color: #ed145b;
    font: 30px Gotham HTF Book;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px
}

.ON-ensino-power-skills__accordion-number, .ON-ensino-power-skills__accordion-title {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    transition: background .4s ease,color .4s ease
}

.ON-ensino-power-skills__accordion-title {
    background: transparent;
    color: #91a3ad;
    font: 20px Gotham HTF Medium;
    padding-left: 40px;
    text-transform: uppercase;
    width: 100%
}

.ON-ensino-power-skills__accordion-arrow {
    height: 20px;
    position: absolute;
    right: 40px;
    width: 20px
}

    .ON-ensino-power-skills__accordion-arrow:after, .ON-ensino-power-skills__accordion-arrow:before {
        background: #ed145b;
        content: "";
        height: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .8s ease;
        width: 100%
    }

    .ON-ensino-power-skills__accordion-arrow:before {
        left: 0;
        transform: rotate(45deg)
    }

    .ON-ensino-power-skills__accordion-arrow:after {
        right: -14px;
        transform: rotate(-45deg)
    }

.ON-ensino-power-skills__accordion-content {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
    width: 100%
}

.ON-ensino-power-skills__accordion-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    padding: 60px;
    width: 100%
}

.ON-ensino-power-skills__accordion-column {
    width: 50%
}

    .ON-ensino-power-skills__accordion-column:first-child {
        padding-right: 25px
    }

    .ON-ensino-power-skills__accordion-column:last-child {
        padding-left: 25px
    }

.ON-ensino-power-skills__accordion-meetups {
    color: #91a3ad;
    display: block;
    font: 16px Gotham HTF Book;
    text-transform: uppercase
}

.ON-ensino-power-skills__accordion-list {
    counter-reset: b;
    list-style: none
}

    .ON-ensino-power-skills__accordion-list li {
        color: #91a3ad;
        counter-increment: b;
        font: 16px Roboto;
        margin-bottom: 5px;
        opacity: .7
    }

        .ON-ensino-power-skills__accordion-list li:before {
            color: #ed145b;
            content: counter(b) ". ";
            font: 16px Roboto;
            font-weight: 700
        }

.ON-ensino-power-skills__accordion-bottom {
    display: -ms-flexbox;
    display: flex
}

.ON-ensino-power-skills__accordion-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.ON-ensino-power-skills__accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

    .ON-ensino-power-skills__accordion-bottom-text span {
        display: block;
        font-weight: 600
    }

.ON-base__menu-logo, .ON-base__menu-right {
    position: absolute;
    z-index: 2
}

.ON-base__menu-logo {
    left: 20px
}

.ON-base__menu-right {
    margin-right: 0;
    right: 20px
}

.ON-base__menu-center {
    z-index: 2
}

.ON-base__logo-fiap {
    max-height: 20px;
    padding-right: 10px
}

.ON-base__logo-image {
    line-height: 0
}

.ON-base__logo-image--graduacao {
    height: 20px
}

    .ON-base__logo-image--graduacao img {
        height: 100%
    }

.ON-base__logo-image--mba {
    height: 18px
}

    .ON-base__logo-image--mba img {
        height: 100%
    }

.ON-pre-home {
    height: auto;
    max-height: none;
    padding-bottom: 200px
}

    .ON-pre-home:before {
        height: 90%;
        left: 50%;
        transform: translateX(-50%);
        top: -180px;
        width: 75%
    }

    .ON-pre-home:after {
        top: 80px
    }

.ON-pre-home__wrapper2 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 140px
}

.ON-pre-home__title {
    bottom: 0;
    cursor: auto;
    left: auto;
    position: relative;
    transform: none
}

    .ON-pre-home__title:after {
        border: 2px solid #ed145b;
        border-left: 0;
        border-top: 0;
        content: "";
        display: block;
        height: 25px;
        margin: 10px auto 0;
        transform: rotate(45deg);
        width: 25px
    }

.ON-pre-home__buttons-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    position: relative;
    width: 100%;
    z-index: 2
}

.ON-pre-home__button {
    background: transparent;
    border: 2px solid #ed145b;
    color: #ed145b;
    font: 16px Gotham HTF Medium;
    max-width: 245px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    transition: background .8s ease,color .8s ease;
    width: 100%
}

    .ON-pre-home__button:hover {
        background: #ed145b;
        color: #000
    }

    .ON-pre-home__button:first-child {
        margin-right: 60px
    }

.ON-MBA-diferenciais {
    padding-bottom: 210px
}

.ON-MBA-diferenciais__head {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 150px
}

.ON-MBA-diferenciais__title {
    color: #91a3ad;
    font: 35px/40px Gotham HTF Light;
    padding-left: 80px;
    position: relative;
    text-transform: uppercase
}

    .ON-MBA-diferenciais__title span {
        color: #616d72
    }

    .ON-MBA-diferenciais__title:before {
        background: #ed145b;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px
    }

.ON-MBA-diferenciais__desc {
    color: #616d72;
    font: 20px/30px Gotham HTF Book;
    margin-bottom: -30px;
    text-transform: uppercase
}

.ON-MBA-diferenciais__list-types {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    width: 95%
}

    .ON-MBA-diferenciais__list-types li {
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        color: #91a3ad;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        font: 13px Gotham HTF Book;
        letter-spacing: 2px;
        padding: 20px 15px;
        text-align: center;
        text-transform: uppercase;
        transition: background .8s ease,color .8s ease
    }

        .ON-MBA-diferenciais__list-types li.is-active, .ON-MBA-diferenciais__list-types li:hover {
            background: #ed145b;
            color: #000;
            font-family: Gotham HTF Medium
        }

.ON-MBA-diferenciais__divider {
    position: relative;
    width: 100%
}

    .ON-MBA-diferenciais__divider:before {
        background: #ed145b;
        content: "";
        display: block;
        height: 1px;
        width: 100%
    }

.ON-MBA-diferenciais__divider-left, .ON-MBA-diferenciais__divider-right {
    background: #ed145b;
    height: 60px;
    position: absolute;
    transition: height .4s ease;
    width: 1px
}

    .ON-MBA-diferenciais__divider-left:before, .ON-MBA-diferenciais__divider-right:before {
        background: #ed145b;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        transition: all .4s ease;
        width: 10px
    }

    .ON-MBA-diferenciais__divider-left.large-vertical, .ON-MBA-diferenciais__divider-right.large-vertical {
        height: 270px
    }

    .ON-MBA-diferenciais__divider-left.large-horizontal:before, .ON-MBA-diferenciais__divider-right.large-horizontal:before {
        width: 205px
    }

    .ON-MBA-diferenciais__divider-left, .ON-MBA-diferenciais__divider-left:before {
        left: 0
    }

    .ON-MBA-diferenciais__divider-right, .ON-MBA-diferenciais__divider-right:before {
        right: 0
    }

.ON-MBA-diferenciais__tabs {
    position: relative
}

.ON-MBA-diferenciais__tab {
    position: absolute;
    top: 0;
    width: 100%
}

.ON-MBA-diferenciais__tab-text {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    font: 20px/30px Gotham HTF Book;
    min-height: 180px;
    text-align: center
}

.ON-MBA-diferenciais__items, .ON-MBA-diferenciais__tab-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-MBA-diferenciais__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto 0;
    width: 97%
}

.ON-MBA-diferenciais__items--small-width {
    width: 64%
}

    .ON-MBA-diferenciais__items--small-width .ON-MBA-diferenciais__item {
        width: 50%
    }

        .ON-MBA-diferenciais__items--small-width .ON-MBA-diferenciais__item:nth-child(2n) {
            background: linear-gradient(150deg,#1b1e21,#202327 50%)
        }

        .ON-MBA-diferenciais__items--small-width .ON-MBA-diferenciais__item:nth-child(odd) {
            background: linear-gradient(150deg,#1c2023,#24282c)
        }

.ON-MBA-diferenciais__item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 25px;
    position: relative;
    width: 33.3%;
    z-index: 1
}

.ON-MBA-diferenciais__item--gradient-light {
    background: linear-gradient(150deg,#1a1d20,#25292d) !important
}

.ON-MBA-diferenciais__item:nth-child(3n+1):not(.ON-MBA-diferenciais__items--small-width) {
    background: linear-gradient(150deg,#1a1d20,#25292d)
}

.ON-MBA-diferenciais__item--gradient-medium {
    background: linear-gradient(150deg,#1c2023,#24282c) !important
}

.ON-MBA-diferenciais__item:nth-child(3n+2):not(.ON-MBA-diferenciais__items--small-width) {
    background: linear-gradient(150deg,#1c2023,#24282c)
}

.ON-MBA-diferenciais__item--gradient-dark {
    background: linear-gradient(150deg,#1b1e21,#202327 50%) !important
}

.ON-MBA-diferenciais__item:nth-child(3n+3):not(.ON-MBA-diferenciais__items--small-width) {
    background: linear-gradient(150deg,#1b1e21,#202327 50%)
}

.ON-MBA-diferenciais__item:before {
    box-shadow: 0 0 0 2px transparent;
    content: "";
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 0;
    transition: box-shadow .8s ease;
    width: calc(100% - 2px);
    z-index: -1
}

.ON-MBA-diferenciais__item:after {
    background: #080809;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .8s ease;
    width: 100%;
    z-index: 2
}

.ON-MBA-diferenciais__item.mask:after {
    opacity: .5
}

.ON-MBA-diferenciais__item:hover:before {
    box-shadow: 0 0 0 2px #ed145b
}

.ON-MBA-diferenciais__item-icon {
    fill: #ed145b;
    height: 75px;
    width: 120px
}

.ON-MBA-diferenciais__item-title {
    color: #91a3ad;
    font: 20px Gotham HTF Book;
    margin: 35px 0 20px;
    text-align: center;
    text-transform: uppercase
}

.ON-MBA-diferenciais__item-desc {
    color: #616d72;
    font: 16px/24px Roboto;
    margin: 0;
    text-align: center
}

.ON-MBA-inscricoes-abertas {
    padding: 100px 0
}

    .ON-MBA-inscricoes-abertas.small-padding {
        padding: 0 0 160px;
        margin: 0
    }

    .ON-MBA-inscricoes-abertas .text-description {
        font: 14px/18px Roboto;
        color: #616d72;
        display: block;
        margin-top: 20px
    }

.ON-MBA-inscricoes-abertas__header {
    color: #616d72;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font: 16px/28px Gotham HTF Book;
    margin: 0 auto 200px;
    position: relative;
    text-transform: uppercase
}

.ON-MBA-inscricoes-abertas__header-title {
    color: #91a3ad;
    font: 58px/64px Gotham HTF Medium;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 100px
}

    .ON-MBA-inscricoes-abertas__header-title span {
        color: #91a3ad;
        display: block;
        font: 36px/64px Gotham HTF Light;
        position: relative;
        padding-left: 30px
    }

        .ON-MBA-inscricoes-abertas__header-title span:before {
            content: "";
            width: 25px;
            height: 1px;
            background-color: #91a3ad;
            position: absolute;
            top: 50%;
            left: 0
        }

.ON-MBA-inscricoes-abertas__header-button {
    font: 18px/10px Gotham HTF Book;
    line-height: 23px;
    color: #75838b;
    width: 45%;
    margin-top: 150px
}

    .ON-MBA-inscricoes-abertas__header-button .label-ultimas-vagas {
        color: #ed145b
    }

.ON-MBA-inscricoes-abertas__header-subtitle {
    color: #59646a;
    font: 20px/32px Gotham HTF Book;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 75px
}

    .ON-MBA-inscricoes-abertas__header-subtitle span {
        display: block;
        font: 45px/64px Gotham HTF Medium
    }

.ON-MBA-inscricoes-abertas__admissao {
    padding-bottom: 90px
}

.ON-MBA-inscricoes-abertas__admissao-title {
    font: 34px/24px Gotham HTF Light;
    color: #91a3ad;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

    .ON-MBA-inscricoes-abertas__admissao-title:after, .ON-MBA-inscricoes-abertas__admissao-title:before {
        content: "";
        background-color: #2f3539;
        width: 350px;
        height: 1px;
        position: absolute;
        bottom: 0
    }

    .ON-MBA-inscricoes-abertas__admissao-title:before {
        left: 0
    }

    .ON-MBA-inscricoes-abertas__admissao-title:after {
        right: 0
    }

.ON-MBA-inscricoes-abertas__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px
}

.ON-MBA-inscricoes-abertas__box {
    border: 1px solid transparent;
    color: #616d72;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    vertical-align: top;
    transition: border-color .4s ease-out;
    width: 23%;
    white-space: normal;
    z-index: 1
}

.ON-MBA-inscricoes-abertas--graduacao .ON-MBA-inscricoes-abertas__box {
    width: 32%
}

.ON-MBA-inscricoes-abertas__box-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 110px
}

.ON-MBA-inscricoes-abertas__box-number {
    margin-left: 20px;
    margin-right: 5px;
    position: relative
}

.ON-MBA-inscricoes-abertas__box-number--on {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    transition: opacity .5s ease
}

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-number--on {
    opacity: 1
}

.ON-MBA-inscricoes-abertas__box-number--off {
    opacity: 1;
    transition: opacity .5s ease
}

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-number--off {
    opacity: 0
}

.ON-MBA-inscricoes-abertas__box-title {
    color: hsla(202,9%,50%,.7);
    font: 18px/24px Gotham HTF Book;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: color .5s ease
}

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-title {
    color: #ed145b
}

.ON-MBA-inscricoes-abertas__box-line {
    background-color: #2f3539;
    display: block;
    height: 1px;
    margin-top: 5px;
    opacity: .5;
    transition: all .5s ease;
    width: 100%
}

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-line {
    background-color: #ed145b;
    box-shadow: 0 0 10px 1px #ed145b;
    opacity: 1
}

.ON-MBA-inscricoes-abertas__box-opcional {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

    .ON-MBA-inscricoes-abertas__box-opcional span {
        font-size: 10px;
        font-family: Gotham HTF Medium;
        color: #3e4649;
        margin-left: 10px;
        transition: color .5s
    }

    .ON-MBA-inscricoes-abertas__box-opcional svg {
        width: 30px;
        height: 30px;
        fill: #3e4649;
        transition: fill .5s
    }

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-opcional span {
    color: #ed145b
}

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-opcional svg {
    fill: #ed145b
}

.ON-MBA-inscricoes-abertas__box-content {
    padding-left: 50px
}

.ON-MBA-inscricoes-abertas__box-description {
    font-size: 18px !important;
    transition: all .5s ease
}

    .ON-MBA-inscricoes-abertas__box-description .text-description {
        transition: all .5s ease
    }

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-description .text-description {
    color: #ed145b
}

.ON-MBA-inscricoes-abertas__box:hover .ON-MBA-inscricoes-abertas__box-description {
    color: #acc1cc
}

.ON-MBA-inscricoes-abertas__box-link {
    color: #ed145b;
    text-decoration: underline
}

.ON-MBA-inscricoes-abertas__button {
    border: 2px solid #ed145b;
    color: #ed145b;
    display: block;
    font: 16px Gotham HTF Medium;
    letter-spacing: 1px;
    padding: 12px 45px;
    text-transform: uppercase;
    transition: all .5s ease;
    width: fit-content;
    margin-top: 30px
}

    .ON-MBA-inscricoes-abertas__button:hover {
        background-color: #ed145b;
        color: #fff
    }

.ON-MBA-inaugural__header {
    padding: 65px 0;
    position: relative
}

.ON-MBA-inaugural__header-logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 175px
}

    .ON-MBA-inaugural__header-logo svg {
        fill: #ed145b;
        height: 24px;
        margin-right: 15px;
        width: 90px
    }

.ON-MBA-inaugural__header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 1400px;
    left: 0;
    background: url(../images/online/mba/aula-inaugural/effects/effects.png) top no-repeat
}

.ON-MBA-inaugural__header-title {
    color: #acc1cc;
    font: 67px/71px Gotham HTF Light;
    margin: 0 auto 40px;
    text-align: center;
    text-transform: uppercase
}

.ON-MBA-inaugural__header-text {
    color: #91a3ad;
    font: 18px/24px Roboto;
    margin: 0 auto;
    max-width: 590px;
    text-align: center
}

.ON-MBA-inaugural__header-highlight {
    color: #75838b;
    font: 20px/32px Gotham HTF Book;
    margin: 40px auto 58px;
    text-align: center;
    text-transform: uppercase
}

.ON-MBA-inaugural__header-infos {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%
}

.ON-MBA-inaugural__header-infos, .ON-MBA-inaugural__header-infos-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-MBA-inaugural__header-infos-item {
    background: linear-gradient(133.91deg,#1a1d20 2.99%,#25292d 101.65%);
    color: #acc1cc;
    font: 35px/38px Gotham HTF Book;
    height: 240px;
    text-transform: uppercase;
    width: 50%
}

    .ON-MBA-inaugural__header-infos-item .block-horario {
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 50px
    }

    .ON-MBA-inaugural__header-infos-item .label-horario {
        font: 14px Gotham HTF Light;
        display: block;
        width: 100%
    }

    .ON-MBA-inaugural__header-infos-item svg {
        margin-right: 30px
    }

.ON-MBA-inaugural__header-button {
    border: 2px solid #ed145b;
    box-sizing: border-box;
    color: #ed145b;
    cursor: pointer;
    display: block;
    font: 15px/15px Gotham HTF Medium;
    letter-spacing: .05em;
    margin: 30px auto 0;
    padding: 12px 40px;
    position: relative;
    text-transform: uppercase;
    transition: background-color .5s ease,color .5s ease;
    width: fit-content
}

    .ON-MBA-inaugural__header-button.active, .ON-MBA-inaugural__header-button:hover {
        background-color: #ed145b;
        color: #000
    }

.ON-MBA-inaugural__header-list {
    height: 0;
    left: -2px;
    overflow: hidden;
    position: absolute;
    top: 50px;
    transition: height .5s ease;
    z-index: 2
}

.ON-MBA-inaugural__header-list-content {
    background-color: #1b1d1f;
    border: 1px solid #ed145b;
    padding: 25px 30px 25px 35px
}

.ON-MBA-inaugural__header-list-close {
    height: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px
}

    .ON-MBA-inaugural__header-list-close:after, .ON-MBA-inaugural__header-list-close:before {
        background-color: #ed145b;
        content: "";
        height: 14px;
        position: absolute;
        width: 1px
    }

    .ON-MBA-inaugural__header-list-close:after {
        transform: rotate(45deg)
    }

    .ON-MBA-inaugural__header-list-close:before {
        transform: rotate(135deg)
    }

.ON-MBA-inaugural__header-list-item {
    -ms-flex-align: center;
    align-items: center;
    color: #b0c0cb;
    display: -ms-flexbox;
    display: flex;
    font: 14px/15px Gotham HTF Book;
    fill: #acc1cc;
    letter-spacing: .03em;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px 0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: uppercase;
    white-space: nowrap
}

    .ON-MBA-inaugural__header-list-item svg {
        fill: #acc1cc;
        margin-right: 15px;
        width: 21px
    }

.ON-MBA-inaugural__header-arrow {
    border-left: 1px solid #ed145b;
    border-bottom: 1px solid #ed145b;
    display: block;
    height: 25px;
    margin: 55px auto 0;
    transform: rotate(-45deg);
    width: 25px;
    z-index: 0
}

.ON-MBA-inaugural__programacao {
    position: relative;
    padding-bottom: 350px;
    margin-top: 120px;
    font-family: Gotham HTF Medium
}

.ON-MBA-inaugural__programacao__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px
}

.ON-MBA-inaugural__programacao__title {
    font-size: 35px;
    line-height: 38px;
    text-transform: uppercase;
    position: relative;
    color: #acc1cc
}

    .ON-MBA-inaugural__programacao__title:before {
        display: block;
        position: absolute;
        content: "";
        width: 50px;
        height: 3px;
        background-color: #ed145b;
        bottom: -10px
    }

.ON-MBA-inaugural__programacao__title--thin {
    font-size: 46px;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-family: Gotham HTF Light
}

    .ON-MBA-inaugural__programacao__title--thin:before {
        display: none
    }

.ON-MBA-inaugural__programacao__title--lecture {
    font-size: 46px;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 25px;
    font-family: Gotham HTF Book
}

    .ON-MBA-inaugural__programacao__title--lecture:before {
        display: none
    }

.ON-MBA-inaugural__programacao__title--lecture-detail {
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
    color: #acc1cc;
    margin-bottom: 0;
    font-family: Gotham HTF Book
}

    .ON-MBA-inaugural__programacao__title--lecture-detail:before {
        display: none
    }

.ON-MBA-inaugural__programacao__subtitle {
    font-size: 18px;
    line-height: 26px;
    color: #75838b;
    margin-top: 0;
    text-transform: uppercase
}

.ON-MBA-inaugural__programacao__lectures {
    display: none;
    margin-top: 120px
}

.ON-MBA-inaugural__programacao__lectures--active {
    display: block
}

.ON-MBA-inaugural__programacao__section {
    margin-bottom: 110px;
    padding: 0 10%
}

    .ON-MBA-inaugural__programacao__section:last-child {
        margin-bottom: 0
    }

.ON-MBA-inaugural__programacao__section--border {
    padding: 60px 10% 0;
    border: 1px solid #343c40
}

.ON-MBA-inaugural__programacao__section--no-margin {
    margin-bottom: 0
}

.ON-MBA-inaugural__programacao__fixed-bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #06090c;
    z-index: 400;
    padding: 25px 30px;
    display: none
}

.ON-MBA-inaugural__programacao__fixed-bar-header {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #91a3ad
}

.ON-MBA-inaugural__programacao__fixed-bar-header-slack {
    position: relative;
    color: #ed145b;
    text-transform: uppercase
}

    .ON-MBA-inaugural__programacao__fixed-bar-header-slack:before {
        background-image: url(../images/mobile/online/mba/aula-inaugural/slack-icon.png)
    }

    .ON-MBA-inaugural__programacao__fixed-bar-header-slack--telegram, .ON-MBA-inaugural__programacao__fixed-bar-header-slack:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        position: absolute;
        top: 50%;
        left: -40px;
        transform: translateY(-50%)
    }

.ON-MBA-inaugural__programacao__fixed-bar-header-slack--telegram {
    background-image: url(../images/online/mba/aula-inaugural/icons/telegram.png)
}

.ON-MBA-inaugural__programacao__intro {
    font-family: Roboto;
    font-size: 19px;
    line-height: 25px;
    color: #91a3ad;
    margin-bottom: 45px
}

.ON-MBA-inaugural__programacao__course-combo--fixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    padding: 30px 0;
    background: #06090c
}

    .ON-MBA-inaugural__programacao__course-combo--fixed .ON-MBA-inaugural__dropdown {
        width: 85%;
        margin: auto
    }

.ON-MBA-inaugural__programacao__course-combo-element {
    background-color: #1a1d20;
    border: 1px solid #acc1cc;
    color: gray;
    padding: 10px;
    width: 100%
}

.ON-MBA-inaugural__programacao__lecture {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.ON-MBA-inaugural__programacao__lecture-info {
    position: relative
}

.ON-MBA-inaugural__programacao__column {
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.ON-MBA-inaugural__programacao__column--between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ON-MBA-inaugural__programacao__course {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #91a3ad;
    margin-bottom: 20px
}

.ON-MBA-inaugural__programacao__duration {
    font-size: 28px;
    line-height: 31px;
    text-transform: uppercase;
    color: #ed145b
}

.ON-MBA-inaugural__programacao__duration--fixed-header {
    font-size: 24px
}

.ON-MBA-inaugural__programacao__duration--lecture-detail {
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
    color: #acc1cc
}

.ON-MBA-inaugural__programacao__slack {
    padding-left: 60px;
    position: relative;
    font-family: Roboto;
    font-size: 16px;
    line-height: 25px;
    color: #91a3ad
}

    .ON-MBA-inaugural__programacao__slack:before {
        background-image: url(../images/mobile/online/mba/aula-inaugural/slack-icon.png)
    }

    .ON-MBA-inaugural__programacao__slack--telegram:before, .ON-MBA-inaugural__programacao__slack:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 38px;
        height: 38px
    }

.ON-MBA-inaugural__programacao__slack--telegram:before {
    background-image: url(../images/online/mba/aula-inaugural/icons/telegram.png)
}

.ON-MBA-inaugural__programacao__slack-link {
    font-family: Gotham HTF Bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .03em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #ed145b
}

.ON-MBA-inaugural__programacao__description {
    font-family: Roboto;
    font-size: 15px;
    line-height: 22px;
    color: #91a3ad
}

.ON-MBA-inaugural__programacao__zoom-button {
    font-family: Gotham HTF Bold;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    pointer-events: none;
    color: #ed145b;
    display: inline-block;
    border: 2px solid #ed145b;
    padding: 20px 40px;
    margin-top: 20px;
    opacity: .4;
    transition: all .4s ease;
    width: 100%
}

.ON-MBA-inaugural__programacao__zoom-button--active {
    color: #ed145b;
    border: 2px solid #ed145b;
    pointer-events: auto;
    opacity: 1
}

    .ON-MBA-inaugural__programacao__zoom-button--active:hover {
        background: #ed145b;
        color: #000
    }

.ON-MBA-inaugural__programacao__extra-text {
    margin-top: 15px
}

.ON-MBA-inaugural__programacao__lecture-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #343c40;
    margin-bottom: 50px;
    padding-bottom: 50px
}

    .ON-MBA-inaugural__programacao__lecture-detail:last-child {
        margin-bottom: 0;
        border-bottom: 0
    }

.ON-MBA-inaugural__programacao__presenter-info {
    margin-bottom: 20px
}

    .ON-MBA-inaugural__programacao__presenter-info:first-child {
        margin-top: 30px
    }

    .ON-MBA-inaugural__programacao__presenter-info:last-child {
        margin-bottom: 0
    }

.ON-MBA-inaugural__programacao__presenter-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px
}

.ON-MBA-inaugural__programacao__presenter-info-name {
    font-family: Roboto;
    font-size: 22px;
    line-height: 26px;
    color: #91a3ad;
    margin-right: 20px
}

.ON-MBA-inaugural__programacao__presenter-info-resume {
    margin-right: 20px;
    font-size: 15px;
    font-family: Gotham HTF Medium;
    line-height: 20px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #616d72
}

.ON-MBA-inaugural__programacao__presenter-info-linkedin {
    font-family: Gotham HTF Bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #ed145b;
    border-bottom: 1px solid #ed145b57
}

.ON-MBA-inaugural__dropdown {
    border-top: 1px solid #ed145b;
    border-left: 1px solid #ed145b;
    border-right: 1px solid #ed145b;
    font-family: Gotham HTF Book;
    padding: 20px;
    cursor: pointer;
    position: relative;
    background-color: #1a1d20;
    transition: all .4s ease
}

.ON-MBA-inaugural__dropdown__display {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ed145b;
    position: relative;
    padding-right: 40px
}

    .ON-MBA-inaugural__dropdown__display:after {
        display: block;
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        transform: translateY(-75%) rotate(45deg);
        border-right: 2px solid #ed145b;
        border-bottom: 2px solid #ed145b;
        top: 50%;
        right: 0
    }

.ON-MBA-inaugural__dropdown[data-selected] .MOB-ON-MBA-inaugural__dropdown__display:after {
    border-right: 2px solid #75838b;
    border-bottom: 2px solid #75838b
}

.ON-MBA-inaugural__dropdown__display-text {
    display: block;
    color: #ed145b;
    transition: color .4s ease;
    font-family: Gotham HTF Medium
}

.ON-MBA-inaugural__dropdown__overflow {
    height: 0;
    overflow: hidden;
    position: absolute;
    background-color: #1a1d20;
    z-index: 300;
    box-sizing: content-box;
    border-left: 1px solid #ed145b;
    border-right: 1px solid #ed145b;
    border-bottom: 1px solid #ed145b;
    width: 100%;
    top: 100%;
    left: -1px;
    transform-origin: top;
    transition: border-color .4s ease
}

.ON-MBA-inaugural__dropdown__options {
    margin-top: 20px;
    padding: 0 20px 40px
}

.ON-MBA-inaugural__dropdown__option {
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: .05em;
    color: #acc1cc;
    margin-bottom: 15px;
    transition: color .3 linear
}

    .ON-MBA-inaugural__dropdown__option:hover {
        color: #ed145b
    }

.ON-MBA-inaugural__plataforma {
    padding: 350px 0 0;
    position: relative
}

    .ON-MBA-inaugural__plataforma:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        background: url(../images/online/mba/aula-inaugural/effects/effects2.png) top no-repeat;
        top: 0
    }

.ON-MBA-inaugural__plataforma__title {
    color: #acc1cc;
    font: 35px Gotham HTF Medium;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center
}

.ON-MBA-inaugural__plataforma__content, .ON-MBA-inaugural__plataforma__media {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-MBA-inaugural__plataforma__media {
    cursor: pointer;
    max-width: 1200px;
    position: relative
}

.ON-MBA-inaugural__plataforma__mask {
    background: #000;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.ON-MBA-inaugural__plataforma__play {
    color: #ed145b;
    position: absolute;
    transition: all .3s ease
}

    .ON-MBA-inaugural__plataforma__play:hover {
        transform: scale(1.1)
    }

.ON-MBA-inaugural__duvidas {
    padding: 150px 0 550px;
    position: relative
}

    .ON-MBA-inaugural__duvidas:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1048px;
        left: 0;
        background: url(../images/online/mba/aula-inaugural/effects/effects3.png) top no-repeat;
        bottom: 0
    }

.ON-MBA-inaugural__title {
    color: #acc1cc;
    font: 35px Gotham HTF Medium;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 110px
}

    .ON-MBA-inaugural__title:after {
        content: "";
        display: block;
        width: 267px;
        height: 313px;
        position: absolute;
        top: -210px;
        right: -322px;
        background: url(../images/online/mba/aula-inaugural/effects/effects7.png) top no-repeat
    }

    .ON-MBA-inaugural__title:before {
        content: "";
        background-color: #ed145b;
        width: 47px;
        height: 4px;
        position: absolute;
        bottom: -50px;
        left: 2px
    }

.ON-MBA-inaugural__accordion {
    width: 100%;
    margin-top: 20px;
    position: relative;
    border: 1px solid #616d72;
    cursor: pointer;
    transition: border .8s ease
}

    .ON-MBA-inaugural__accordion:hover {
        border: 1px solid #ed145b
    }

        .ON-MBA-inaugural__accordion:hover .ON-MBA-inaugural__accordion-arrow {
            background-color: #ed145b;
            transition: background-color .5s ease,color .5s ease
        }

            .ON-MBA-inaugural__accordion:hover .ON-MBA-inaugural__accordion-arrow:after, .ON-MBA-inaugural__accordion:hover .ON-MBA-inaugural__accordion-arrow:before {
                background-color: #1a1d20 !important
            }

        .ON-MBA-inaugural__accordion:hover .ON-MBA-inaugural__accordion-number, .ON-MBA-inaugural__accordion:hover .ON-MBA-inaugural__accordion-title {
            color: #acc1cc
        }

    .ON-MBA-inaugural__accordion.is-active {
        border: 1px solid #ed145b
    }

        .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-number {
            color: #ed145b
        }

        .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:after, .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:before {
            background: #ed145b
        }

        .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:hover:after, .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:hover:before {
            background-color: #1a1d20
        }

        .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:after {
            right: -7px;
            opacity: 0
        }

        .ON-MBA-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:before {
            left: 10px;
            transform: rotate(0deg)
        }

.ON-MBA-inaugural__accordion-head {
    position: relative;
    height: 80px
}

.ON-MBA-inaugural__accordion-head, .ON-MBA-inaugural__accordion-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ON-MBA-inaugural__accordion-title {
    font: 16px Roboto;
    color: #75838b;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: background .4s ease,color .4s ease
}

.ON-MBA-inaugural__accordion-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    border-radius: 50%;
    border: 1px solid #ed145b;
    padding: 20px
}

    .ON-MBA-inaugural__accordion-arrow:after, .ON-MBA-inaugural__accordion-arrow:before {
        content: "";
        width: 50%;
        height: 1px;
        background: #ed145b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease
    }

    .ON-MBA-inaugural__accordion-arrow:before {
        left: 10px;
        transform: rotate(90deg)
    }

    .ON-MBA-inaugural__accordion-arrow:after {
        right: 10px;
        transform: rotate(0deg)
    }

.ON-MBA-inaugural__accordion-content {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
    width: 100%
}

    .ON-MBA-inaugural__accordion-content:after {
        background-color: #616d72;
        top: 5px;
        content: "";
        height: 1px;
        left: 30px;
        position: absolute;
        transition: background-color .5s ease;
        width: 43px
    }

.ON-MBA-inaugural__accordion-wrapper2 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 30px
}

.ON-MBA-inaugural__accordion-number {
    font: 25px Gotham HTF Bold;
    color: #75838b;
    width: 80px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: background .4s ease,color .4s ease
}

.ON-MBA-inaugural__text {
    color: #acc1cc;
    font: 15px/26px Roboto
}

    .ON-MBA-inaugural__text .link {
        text-decoration: underline
    }

.ON-MBA-SHRD-features {
    padding-bottom: 290px;
    position: relative
}

    .ON-MBA-SHRD-features:after {
        background: url(../images/online/mba/shared/features/effects.png) bottom no-repeat;
        bottom: -290px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ON-MBA-SHRD-features.ON-MBA-curso {
        padding-bottom: 100px
    }

        .ON-MBA-SHRD-features.ON-MBA-curso:after {
            display: none
        }

.ON-MBA-SHRD-features__header {
    text-align: center
}

.ON-MBA-SHRD-features__title {
    color: #91a3ad;
    font: 58px Gotham HTF Medium;
    margin-bottom: 42px;
    padding-bottom: 48px;
    position: relative;
    text-transform: uppercase
}

    .ON-MBA-SHRD-features__title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        height: 6px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 66px
    }

.ON-MBA-SHRD-features__desc {
    color: #91a3ad;
    font: 18px/28px Roboto;
    letter-spacing: .5px
}

.ON-MBA-SHRD-features__accordions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 80px;
    position: relative
}

    .ON-MBA-SHRD-features__accordions:after {
        background-color: #ed145b;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        top: 73px;
        transform: translateX(-50%);
        width: calc(100% - 60px);
        z-index: 1
    }

.ON-MBA-SHRD-features__item {
    border-left: 1px solid #383f43;
    display: -ms-flexbox;
    display: flex;
    height: 730px;
    overflow: hidden;
    transition: width .5s ease;
    width: 50px
}

    .ON-MBA-SHRD-features__item:last-child {
        border-right: 1px solid #383f43
    }

.ON-MBA-SHRD-features__item-header {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-width: 50px;
    position: relative;
    transition: all .5s ease
}

    .ON-MBA-SHRD-features__item-header:hover {
        background-color: #ed145b
    }

        .ON-MBA-SHRD-features__item-header:hover .ON-MBA-SHRD-features__item-title {
            color: #000 !important
        }

        .ON-MBA-SHRD-features__item-header:hover .ON-MBA-SHRD-features__item-number svg text {
            stroke: #000
        }

        .ON-MBA-SHRD-features__item-header:hover .ON-MBA-SHRD-features__item-number:after {
            background-color: transparent !important
        }

.ON-MBA-SHRD-features__item-number {
    display: block;
    padding: 11px 0 19px;
    position: relative;
    text-align: center
}

    .ON-MBA-SHRD-features__item-number svg text {
        transition: all .5s ease
    }

    .ON-MBA-SHRD-features__item-number:after {
        background-color: #000;
        border: 1px solid #ed145b;
        content: "";
        height: 11px;
        left: 50%;
        position: absolute;
        top: 68px;
        transform: translateX(-50%);
        width: 11px;
        z-index: 2
    }

.ON-MBA-SHRD-features__item:first-child .ON-MBA-SHRD-features__item-number:after {
    background-color: #08090b
}

.ON-MBA-SHRD-features__item-title {
    color: #acc1cc;
    font: 18px/23px Gotham HTF Book;
    left: -195px;
    letter-spacing: .5px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 310px;
    transform: rotate(270deg);
    transition: color .5s ease;
    width: 440px;
    white-space: nowrap
}

    .ON-MBA-SHRD-features__item-title span {
        font: 18px/23px Gotham HTF Light
    }

.ON-MBA-SHRD-features__item-content {
    background-color: #1b1d21;
    position: relative;
    z-index: 2
}

    .ON-MBA-SHRD-features__item-content:after {
        background-color: #ed145b;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 73px;
        width: 100%;
        z-index: -1
    }

.ON-MBA-SHRD-features__item-wrapper2 {
    margin: 0 auto;
    padding: 40px 50px 15px;
    width: 100%
}

.ON-MBA-SHRD-features__item-image {
    height: 400px;
    width: 700px;
    z-index: 2
}

    .ON-MBA-SHRD-features__item-image img {
        width: 100%
    }

.ON-MBA-SHRD-features__item-text {
    margin-top: 15px
}

    .ON-MBA-SHRD-features__item-text p {
        color: #91a3ad;
        font: 16px/25px Roboto;
        letter-spacing: .5px;
        margin: 30px 0
    }

        .ON-MBA-SHRD-features__item-text p strong {
            font: 600 16px/25px Roboto
        }

.ON-MBA-SHRD-features__item.is-active .ON-MBA-SHRD-features__item-title {
    color: #ed145b
}

.ON-MBA-SHRD-features__item.is-active .ON-MBA-SHRD-features__item-number svg text {
    fill: #ed145b;
    fill-opacity: 1
}

.ON-MBA-SHRD-features__item.is-active .ON-MBA-SHRD-features__item-number:after {
    background-color: #ed145b
}

.ON-GRAD-diferenciais {
    padding-bottom: 210px
}

.ON-GRAD-diferenciais__head {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 150px
}

.ON-GRAD-diferenciais__title {
    color: #91a3ad;
    font: 35px/40px Gotham HTF Light;
    padding-left: 80px;
    position: relative;
    text-transform: uppercase
}

    .ON-GRAD-diferenciais__title span {
        color: #616d72
    }

    .ON-GRAD-diferenciais__title:before {
        background: #ed145b;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px
    }

.ON-GRAD-diferenciais__desc {
    color: #616d72;
    font: 20px/30px Gotham HTF Book;
    margin-bottom: -30px;
    text-transform: uppercase
}

.ON-GRAD-diferenciais__list-types {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    width: 95%
}

    .ON-GRAD-diferenciais__list-types li {
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        color: #91a3ad;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        font: 13px Gotham HTF Book;
        letter-spacing: 2px;
        padding: 20px 15px;
        text-align: center;
        text-transform: uppercase;
        transition: background .8s ease,color .8s ease
    }

        .ON-GRAD-diferenciais__list-types li.is-active, .ON-GRAD-diferenciais__list-types li:hover {
            background: #ed145b;
            color: #000;
            font-family: Gotham HTF Medium
        }

.ON-GRAD-diferenciais__divider {
    position: relative;
    width: 100%
}

    .ON-GRAD-diferenciais__divider:before {
        background: #ed145b;
        content: "";
        display: block;
        height: 1px;
        width: 100%
    }

.ON-GRAD-diferenciais__divider-left, .ON-GRAD-diferenciais__divider-right {
    background: #ed145b;
    height: 60px;
    position: absolute;
    transition: height .4s ease;
    width: 1px
}

    .ON-GRAD-diferenciais__divider-left:before, .ON-GRAD-diferenciais__divider-right:before {
        background: #ed145b;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        transition: all .4s ease;
        width: 10px
    }

    .ON-GRAD-diferenciais__divider-left.large-vertical, .ON-GRAD-diferenciais__divider-right.large-vertical {
        height: 270px
    }

    .ON-GRAD-diferenciais__divider-left.large-horizontal:before, .ON-GRAD-diferenciais__divider-right.large-horizontal:before {
        width: 205px
    }

    .ON-GRAD-diferenciais__divider-left, .ON-GRAD-diferenciais__divider-left:before {
        left: 0
    }

    .ON-GRAD-diferenciais__divider-right, .ON-GRAD-diferenciais__divider-right:before {
        right: 0
    }

.ON-GRAD-diferenciais__tabs {
    position: relative
}

.ON-GRAD-diferenciais__tab {
    position: absolute;
    top: 0;
    width: 100%
}

.ON-GRAD-diferenciais__tab-text {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    font: 20px/30px Gotham HTF Book;
    min-height: 180px;
    text-align: center
}

.ON-GRAD-diferenciais__items, .ON-GRAD-diferenciais__tab-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-GRAD-diferenciais__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto 0;
    width: 97%
}

.ON-GRAD-diferenciais__items--small-width {
    width: 64%
}

    .ON-GRAD-diferenciais__items--small-width .ON-GRAD-diferenciais__item {
        width: 50%
    }

        .ON-GRAD-diferenciais__items--small-width .ON-GRAD-diferenciais__item:nth-child(2n) {
            background: linear-gradient(150deg,#1b1e21,#202327 50%)
        }

        .ON-GRAD-diferenciais__items--small-width .ON-GRAD-diferenciais__item:nth-child(odd) {
            background: linear-gradient(150deg,#1c2023,#24282c)
        }

.ON-GRAD-diferenciais__item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 25px;
    position: relative;
    width: 33.3%;
    z-index: 1
}

.ON-GRAD-diferenciais__item--gradient-light {
    background: linear-gradient(150deg,#1a1d20,#25292d) !important
}

.ON-GRAD-diferenciais__item:nth-child(3n+1):not(.ON-GRAD-diferenciais__items--small-width) {
    background: linear-gradient(150deg,#1a1d20,#25292d)
}

.ON-GRAD-diferenciais__item--gradient-medium {
    background: linear-gradient(150deg,#1c2023,#24282c) !important
}

.ON-GRAD-diferenciais__item:nth-child(3n+2):not(.ON-GRAD-diferenciais__items--small-width) {
    background: linear-gradient(150deg,#1c2023,#24282c)
}

.ON-GRAD-diferenciais__item--gradient-dark {
    background: linear-gradient(150deg,#1b1e21,#202327 50%) !important
}

.ON-GRAD-diferenciais__item:nth-child(3n+3):not(.ON-GRAD-diferenciais__items--small-width) {
    background: linear-gradient(150deg,#1b1e21,#202327 50%)
}

.ON-GRAD-diferenciais__item:before {
    box-shadow: 0 0 0 2px transparent;
    content: "";
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 0;
    transition: box-shadow .8s ease;
    width: calc(100% - 2px);
    z-index: -1
}

.ON-GRAD-diferenciais__item:after {
    background: #080809;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .8s ease;
    width: 100%;
    z-index: 2
}

.ON-GRAD-diferenciais__item.mask:after {
    opacity: .5
}

.ON-GRAD-diferenciais__item:hover:before {
    box-shadow: 0 0 0 2px #ed145b
}

.ON-GRAD-diferenciais__item-icon {
    fill: #ed145b;
    height: 75px;
    width: 120px
}

.ON-GRAD-diferenciais__item-title {
    color: #91a3ad;
    font: 20px Gotham HTF Book;
    margin: 35px 0 20px;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD-diferenciais__item-desc {
    color: #616d72;
    font: 16px/24px Roboto;
    margin: 0;
    text-align: center
}

.ON-GRAD-you-will-rock {
    margin-bottom: 60px;
    margin-top: 100px;
    overflow: hidden;
    position: relative
}

.ON-GRAD-you-will-rock__tags-wrapper2 {
    margin-bottom: 90px;
    position: relative;
    transform: scale(1.1)
}

.ON-GRAD-you-will-rock__image {
    left: 50%;
    position: absolute;
    top: 40px;
    width: 45.5%;
    transform: translateX(-50%)
}

    .ON-GRAD-you-will-rock__image img {
        width: 100%
    }

.ON-GRAD-you-will-rock__gradients {
    background: url(../images/graduacao/shared/gradiente-you-will-rock.png) top repeat-y;
    background-size: contain;
    height: 550px;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 4
}

.ON-GRAD-you-will-rock__gradient-left {
    background: #292d30;
    -webkit-mask: linear-gradient(90deg,transparent,#fff);
    mask: linear-gradient(90deg,transparent,#fff)
}

.ON-GRAD-you-will-rock__title-small {
    color: #616d72;
    font: 24px/38px Gotham HTF Light;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD-you-will-rock__title-large {
    color: #ed145b;
    font: 39px Gotham HTF Light;
    margin-bottom: 140px;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD-you-will-rock__arrow {
    height: 80px;
    margin: auto;
    position: relative;
    width: 65px
}

    .ON-GRAD-you-will-rock__arrow:after, .ON-GRAD-you-will-rock__arrow:before {
        border-bottom: 1px solid #ed145b;
        border-left: 1px solid #ed145b;
        content: "";
        height: 43px;
        left: 11px;
        position: absolute;
        transform: rotate(315deg);
        width: 43px
    }

    .ON-GRAD-you-will-rock__arrow:after {
        top: -15px
    }

    .ON-GRAD-you-will-rock__arrow:before {
        top: 20px
    }

.ON-GRAD-inaugural__header {
    padding: 65px 0;
    position: relative
}

.ON-GRAD-inaugural__header-logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 95px
}

    .ON-GRAD-inaugural__header-logo svg {
        fill: #ed145b;
        height: 24px;
        margin-right: 15px;
        width: 90px
    }

    .ON-GRAD-inaugural__header-logo img {
        height: 27px
    }

.ON-GRAD-inaugural__header:before {
    background: url(../images/online/graduacao/aula-inaugural/effects/effects-top.png) top no-repeat;
    top: 50px
}

.ON-GRAD-inaugural__header:after, .ON-GRAD-inaugural__header:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.ON-GRAD-inaugural__header:after {
    background: url(../images/online/graduacao/aula-inaugural/effects/effects-bottom.png) bottom no-repeat;
    bottom: -200px
}

.ON-GRAD-inaugural__header-title {
    color: #acc1cc;
    font: 67px/71px Gotham HTF Light;
    margin: 0 auto 90px;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD-inaugural__header-text {
    color: #91a3ad;
    font: 24px/30px Gotham HTF Book;
    margin: 0 auto 24px;
    max-width: 930px;
    text-align: center;
    text-transform: uppercase
}

    .ON-GRAD-inaugural__header-text:first-child {
        margin-top: -220px
    }

.ON-GRAD-inaugural__header-highlight {
    color: #91a3ad;
    font: 24px/32px Gotham HTF Medium;
    margin: 40px auto 80px;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD-inaugural__header-infos {
    margin: 0 auto;
    max-width: 1200px;
    width: 80%
}

.ON-GRAD-inaugural__header-infos, .ON-GRAD-inaugural__header-infos-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-GRAD-inaugural__header-infos-item {
    background: linear-gradient(133.91deg,#1a1d20 2.99%,#25292d 101.65%);
    color: #acc1cc;
    font: 35px/38px Gotham HTF Book;
    height: 240px;
    text-transform: uppercase;
    width: 50%
}

    .ON-GRAD-inaugural__header-infos-item svg {
        margin-right: 30px
    }

    .ON-GRAD-inaugural__header-infos-item span {
        font: 18px Gotham HTF Book;
        color: #75838b;
        text-transform: none;
        margin-left: 65px
    }

.ON-GRAD-inaugural__header-button {
    border: 2px solid #ed145b;
    box-sizing: border-box;
    color: #ed145b;
    cursor: pointer;
    display: block;
    font: 15px/15px Gotham HTF Medium;
    letter-spacing: .05em;
    margin: 30px auto 0;
    padding: 12px 40px;
    position: relative;
    text-transform: uppercase;
    transition: background-color .5s ease,color .5s ease;
    width: fit-content
}

    .ON-GRAD-inaugural__header-button.active, .ON-GRAD-inaugural__header-button:hover {
        background-color: #ed145b;
        color: #000
    }

.ON-GRAD-inaugural__header-list {
    height: 0;
    left: -2px;
    overflow: hidden;
    position: absolute;
    top: 50px;
    transition: height .5s ease;
    z-index: 2
}

.ON-GRAD-inaugural__header-list-content {
    background-color: #1b1d1f;
    border: 1px solid #ed145b;
    padding: 25px 30px 25px 35px
}

.ON-GRAD-inaugural__header-list-close {
    height: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px
}

    .ON-GRAD-inaugural__header-list-close:after, .ON-GRAD-inaugural__header-list-close:before {
        background-color: #ed145b;
        content: "";
        height: 14px;
        position: absolute;
        width: 1px
    }

    .ON-GRAD-inaugural__header-list-close:after {
        transform: rotate(45deg)
    }

    .ON-GRAD-inaugural__header-list-close:before {
        transform: rotate(135deg)
    }

.ON-GRAD-inaugural__header-list-item {
    -ms-flex-align: center;
    align-items: center;
    color: #b0c0cb;
    display: -ms-flexbox;
    display: flex;
    font: 14px/15px Gotham HTF Book;
    fill: #acc1cc;
    letter-spacing: .03em;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px 0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: uppercase;
    white-space: nowrap
}

    .ON-GRAD-inaugural__header-list-item svg {
        fill: #acc1cc;
        margin-right: 15px;
        width: 21px
    }

.ON-GRAD-inaugural__header-arrow {
    border-left: 1px solid #ed145b;
    border-bottom: 1px solid #ed145b;
    display: block;
    height: 25px;
    margin: 55px auto 0;
    transform: rotate(-45deg);
    width: 25px;
    z-index: 0
}

.ON-GRAD-inaugural__programacao {
    position: relative;
    z-index: 1;
    margin-top: 70px;
    font-family: Gotham HTF Medium
}

.ON-GRAD-inaugural__programacao__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px
}

.ON-GRAD-inaugural__programacao__title {
    font-size: 35px;
    line-height: 38px;
    text-transform: uppercase;
    position: relative;
    color: #acc1cc
}

    .ON-GRAD-inaugural__programacao__title:before {
        display: block;
        position: absolute;
        content: "";
        width: 50px;
        height: 3px;
        background-color: #ed145b;
        bottom: -10px
    }

.ON-GRAD-inaugural__programacao__title--thin {
    font-size: 46px;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-family: Gotham HTF Light
}

    .ON-GRAD-inaugural__programacao__title--thin:before {
        display: none
    }

.ON-GRAD-inaugural__programacao__title--lecture {
    font-size: 46px;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 25px;
    font-family: Gotham HTF Book
}

    .ON-GRAD-inaugural__programacao__title--lecture:before {
        display: none
    }

.ON-GRAD-inaugural__programacao__title--lecture-detail {
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
    color: #acc1cc;
    margin-bottom: 0;
    font-family: Gotham HTF Book
}

    .ON-GRAD-inaugural__programacao__title--lecture-detail:before {
        display: none
    }

.ON-GRAD-inaugural__programacao__subtitle {
    font-size: 18px;
    line-height: 26px;
    color: #75838b;
    margin-top: 0;
    text-transform: uppercase
}

.ON-GRAD-inaugural__programacao__subtitle--subtalk {
    font-family: Gotham HTF Book;
    font-size: 26px;
    line-height: 34px;
    margin-top: 15px;
    text-transform: none;
    color: #acc1cc
}

.ON-GRAD-inaugural__programacao__lectures {
    display: none;
    margin-top: 120px
}

.ON-GRAD-inaugural__programacao__lectures--active {
    display: block
}

.ON-GRAD-inaugural__programacao__section {
    margin-bottom: 110px;
    padding: 0 10%
}

    .ON-GRAD-inaugural__programacao__section:last-child {
        margin-bottom: 0
    }

.ON-GRAD-inaugural__programacao__section--border {
    padding: 60px 10% 0;
    border: 1px solid #343c40
}

.ON-GRAD-inaugural__programacao__section--no-margin {
    margin-bottom: 0
}

.ON-GRAD-inaugural__programacao__fixed-bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #06090c;
    z-index: 400;
    padding: 25px 30px;
    display: none
}

.ON-GRAD-inaugural__programacao__fixed-bar-header {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #91a3ad
}

.ON-GRAD-inaugural__programacao__fixed-bar-header-slack {
    position: relative;
    color: #ed145b;
    text-transform: uppercase
}

    .ON-GRAD-inaugural__programacao__fixed-bar-header-slack:before {
        background-image: url(../images/mobile/online/mba/aula-inaugural/slack-icon.png)
    }

    .ON-GRAD-inaugural__programacao__fixed-bar-header-slack--telegram, .ON-GRAD-inaugural__programacao__fixed-bar-header-slack:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        position: absolute;
        top: 50%;
        left: -40px;
        transform: translateY(-50%)
    }

.ON-GRAD-inaugural__programacao__fixed-bar-header-slack--telegram {
    background-image: url(../images/online/mba/aula-inaugural/icons/telegram.png)
}

.ON-GRAD-inaugural__programacao__intro {
    font-family: Roboto;
    font-size: 19px;
    line-height: 25px;
    color: #91a3ad;
    margin-bottom: 45px
}

.ON-GRAD-inaugural__programacao__course-combo--fixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    padding: 24px 32px;
    background: #06090c
}

    .ON-GRAD-inaugural__programacao__course-combo--fixed .ON-MBA-inaugural__dropdown {
        width: 85%;
        margin: auto
    }

.ON-GRAD-inaugural__programacao__course-combo-element {
    background-color: #1a1d20;
    border: 1px solid #acc1cc;
    color: gray;
    padding: 10px;
    width: 100%
}

.ON-GRAD-inaugural__programacao__lecture {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.ON-GRAD-inaugural__programacao__lecture-info {
    position: relative
}

.ON-GRAD-inaugural__programacao__column {
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.ON-GRAD-inaugural__programacao__column--between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ON-GRAD-inaugural__programacao__course {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #91a3ad;
    margin-bottom: 20px
}

.ON-GRAD-inaugural__programacao__duration {
    font-size: 28px;
    line-height: 31px;
    text-transform: uppercase;
    color: #ed145b
}

.ON-GRAD-inaugural__programacao__duration--fixed-header {
    font-size: 24px
}

.ON-GRAD-inaugural__programacao__duration--no-margin-top {
    margin-top: -6px
}

.ON-GRAD-inaugural__programacao__duration--lecture-detail {
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
    color: #acc1cc
}

.ON-GRAD-inaugural__programacao__slack {
    padding-left: 60px;
    position: relative;
    font-family: Roboto;
    font-size: 16px;
    line-height: 25px;
    color: #91a3ad
}

    .ON-GRAD-inaugural__programacao__slack:before {
        background-image: url(../images/mobile/online/mba/aula-inaugural/slack-icon.png)
    }

    .ON-GRAD-inaugural__programacao__slack--telegram:before, .ON-GRAD-inaugural__programacao__slack:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 38px;
        height: 38px
    }

.ON-GRAD-inaugural__programacao__slack--telegram:before {
    background-image: url(../images/online/mba/aula-inaugural/icons/telegram.png)
}

.ON-GRAD-inaugural__programacao__slack-link {
    font-family: Gotham HTF Bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .03em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #ed145b
}

.ON-GRAD-inaugural__programacao__description {
    font-family: Roboto;
    font-size: 15px;
    line-height: 22px;
    color: #91a3ad
}

.ON-GRAD-inaugural__programacao__zoom-button {
    font-family: Gotham HTF Bold;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    pointer-events: none;
    color: #ed145b;
    display: inline-block;
    border: 2px solid #ed145b;
    padding: 20px 40px;
    margin-top: 20px;
    opacity: .4;
    transition: all .4s ease;
    width: 100%;
    white-space: nowrap
}

.ON-GRAD-inaugural__programacao__zoom-button--active {
    color: #ed145b;
    border: 2px solid #ed145b;
    pointer-events: auto;
    opacity: 1
}

    .ON-GRAD-inaugural__programacao__zoom-button--active:hover {
        background: #ed145b;
        color: #000
    }

.ON-GRAD-inaugural__programacao__extra-text {
    margin-top: 15px
}

.ON-GRAD-inaugural__programacao__lecture-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #343c40;
    margin-bottom: 50px;
    padding-bottom: 50px
}

    .ON-GRAD-inaugural__programacao__lecture-detail:last-child {
        margin-bottom: 0;
        border-bottom: 0
    }

.ON-GRAD-inaugural__programacao__presenter-info {
    margin-bottom: 20px
}

    .ON-GRAD-inaugural__programacao__presenter-info:first-child {
        margin-top: 30px
    }

.ON-GRAD-inaugural__programacao__subtitle--subtalk ~ .ON-GRAD-inaugural__programacao__description .ON-GRAD-inaugural__programacao__presenter-info:first-child {
    margin-top: 20px
}

.ON-GRAD-inaugural__programacao__presenter-info:last-child {
    margin-bottom: 0
}

.ON-GRAD-inaugural__programacao__presenter-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px
}

.ON-GRAD-inaugural__programacao__presenter-info-name {
    font-family: Roboto;
    font-size: 22px;
    line-height: 26px;
    color: #91a3ad;
    margin-right: 20px
}

.ON-GRAD-inaugural__programacao__presenter-info-resume {
    margin-right: 20px;
    font-size: 15px;
    font-family: Gotham HTF Medium;
    line-height: 20px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #616d72
}

.ON-GRAD-inaugural__programacao__presenter-info-linkedin {
    font-family: Gotham HTF Bold;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #ed145b;
    border-bottom: 1px solid #ed145b57
}

.ON-GRAD-inaugural__dropdown {
    border-top: 1px solid #ed145b;
    border-left: 1px solid #ed145b;
    border-right: 1px solid #ed145b;
    font-family: Gotham HTF Book;
    padding: 20px;
    cursor: pointer;
    position: relative;
    background-color: #1a1d20;
    transition: all .4s ease
}

.ON-GRAD-inaugural__dropdown__display {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ed145b;
    position: relative;
    padding-right: 40px
}

    .ON-GRAD-inaugural__dropdown__display:after {
        display: block;
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        transform: translateY(-75%) rotate(45deg);
        border-right: 2px solid #ed145b;
        border-bottom: 2px solid #ed145b;
        top: 50%;
        right: 0
    }

.ON-GRAD-inaugural__dropdown[data-selected] .MOB-ON-GRAD-inaugural__dropdown__display:after {
    border-right: 2px solid #75838b;
    border-bottom: 2px solid #75838b
}

.ON-GRAD-inaugural__dropdown__display-text {
    display: block;
    color: #ed145b;
    transition: color .4s ease;
    font-family: Gotham HTF Medium
}

.ON-GRAD-inaugural__dropdown__overflow {
    height: 0;
    overflow: hidden;
    position: absolute;
    background-color: #1a1d20;
    z-index: 300;
    box-sizing: content-box;
    border-left: 1px solid #ed145b;
    border-right: 1px solid #ed145b;
    border-bottom: 1px solid #ed145b;
    width: 100%;
    top: 100%;
    left: -1px;
    transform-origin: top;
    transition: border-color .4s ease
}

.ON-GRAD-inaugural__dropdown__options {
    margin-top: 20px;
    padding: 0 20px 40px
}

.ON-GRAD-inaugural__dropdown__option {
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: .05em;
    color: #acc1cc;
    margin-bottom: 15px;
    transition: color .3 linear
}

    .ON-GRAD-inaugural__dropdown__option:hover {
        color: #ed145b
    }

.ON-GRAD-inaugural__plataforma {
    padding: 350px 0 0;
    position: relative;
    z-index: 0
}

    .ON-GRAD-inaugural__plataforma:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        background: url(../images/online/graduacao/aula-inaugural/effects/effects2.png) top no-repeat;
        top: 0
    }

.ON-GRAD-inaugural__plataforma__title {
    color: #acc1cc;
    font: 35px Gotham HTF Medium;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center
}

.ON-GRAD-inaugural__plataforma__content, .ON-GRAD-inaugural__plataforma__media {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-GRAD-inaugural__plataforma__media {
    cursor: pointer;
    max-width: 1200px;
    position: relative
}

.ON-GRAD-inaugural__plataforma__mask {
    background: #000;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.ON-GRAD-inaugural__plataforma__play {
    color: #ed145b;
    position: absolute;
    transition: all .3s ease
}

    .ON-GRAD-inaugural__plataforma__play:hover {
        transform: scale(1.1)
    }

.ON-GRAD-inaugural__duvidas {
    padding: 150px 0 550px;
    position: relative
}

    .ON-GRAD-inaugural__duvidas:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1048px;
        left: 0;
        background: url(../images/online/mba/aula-inaugural/effects/effects3.png) top no-repeat;
        bottom: 0
    }

.ON-GRAD-inaugural__title {
    color: #acc1cc;
    font: 35px Gotham HTF Medium;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 110px
}

    .ON-GRAD-inaugural__title:after {
        content: "";
        display: block;
        width: 267px;
        height: 313px;
        position: absolute;
        top: -210px;
        right: -322px;
        background: url(../images/online/mba/aula-inaugural/effects/effects7.png) top no-repeat
    }

    .ON-GRAD-inaugural__title:before {
        content: "";
        background-color: #ed145b;
        width: 47px;
        height: 4px;
        position: absolute;
        bottom: -50px;
        left: 2px
    }

.ON-GRAD-inaugural__accordion {
    width: 100%;
    margin-top: 20px;
    position: relative;
    border: 1px solid #616d72;
    cursor: pointer;
    transition: border .8s ease
}

    .ON-GRAD-inaugural__accordion:hover {
        border: 1px solid #ed145b
    }

        .ON-GRAD-inaugural__accordion:hover .ON-MBA-inaugural__accordion-arrow {
            background-color: #ed145b;
            transition: background-color .5s ease,color .5s ease
        }

            .ON-GRAD-inaugural__accordion:hover .ON-MBA-inaugural__accordion-arrow:after, .ON-GRAD-inaugural__accordion:hover .ON-MBA-inaugural__accordion-arrow:before {
                background-color: #1a1d20 !important
            }

        .ON-GRAD-inaugural__accordion:hover .ON-MBA-inaugural__accordion-number, .ON-GRAD-inaugural__accordion:hover .ON-MBA-inaugural__accordion-title {
            color: #acc1cc
        }

    .ON-GRAD-inaugural__accordion.is-active {
        border: 1px solid #ed145b
    }

        .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-number {
            color: #ed145b
        }

        .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:after, .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:before {
            background: #ed145b
        }

        .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:hover:after, .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:hover:before {
            background-color: #1a1d20
        }

        .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:after {
            right: -7px;
            opacity: 0
        }

        .ON-GRAD-inaugural__accordion.is-active .ON-MBA-inaugural__accordion-arrow:before {
            left: 10px;
            transform: rotate(0deg)
        }

.ON-GRAD-inaugural__accordion-head {
    position: relative;
    height: 80px
}

.ON-GRAD-inaugural__accordion-head, .ON-GRAD-inaugural__accordion-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ON-GRAD-inaugural__accordion-title {
    font: 16px Roboto;
    color: #75838b;
    width: 100%;
    height: 100%;
    background: transparent;
    transition: background .4s ease,color .4s ease
}

.ON-GRAD-inaugural__accordion-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    border-radius: 50%;
    border: 1px solid #ed145b;
    padding: 20px
}

    .ON-GRAD-inaugural__accordion-arrow:after, .ON-GRAD-inaugural__accordion-arrow:before {
        content: "";
        width: 50%;
        height: 1px;
        background: #ed145b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s ease
    }

    .ON-GRAD-inaugural__accordion-arrow:before {
        left: 10px;
        transform: rotate(90deg)
    }

    .ON-GRAD-inaugural__accordion-arrow:after {
        right: 10px;
        transform: rotate(0deg)
    }

.ON-GRAD-inaugural__accordion-content {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
    width: 100%
}

    .ON-GRAD-inaugural__accordion-content:after {
        background-color: #616d72;
        top: 5px;
        content: "";
        height: 1px;
        left: 30px;
        position: absolute;
        transition: background-color .5s ease;
        width: 43px
    }

.ON-GRAD-inaugural__accordion-wrapper2 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 30px
}

.ON-GRAD-inaugural__accordion-number {
    font: 25px Gotham HTF Bold;
    color: #75838b;
    width: 80px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: background .4s ease,color .4s ease
}

.ON-GRAD-inaugural__text {
    color: #acc1cc;
    font: 15px/26px Roboto
}

    .ON-GRAD-inaugural__text .link {
        color: #d7e0e5;
        text-decoration: underline
    }

    .ON-GRAD-inaugural__text span {
        padding-left: 50px;
        display: block
    }

    .ON-GRAD-inaugural__text strong {
        color: #d7e0e5
    }

.ON-GRAD-one-planet-base__body {
    background: #fff
}

    .ON-GRAD-one-planet-base__body ::selection {
        color: #000;
        background: #97ca3d
    }

.ON-GRAD-one-planet-base__wrapper2 {
    margin: auto;
    max-width: 1735px;
    position: relative;
    width: 90%
}

.ON-GRAD-one-planet-base__wrapper2--full-height {
    height: 100%
}

.ON-GRAD-one-planet-base__menu {
    height: 75px;
    left: 0;
    padding: 0 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3
}

.ON-GRAD-one-planet-base__menu, .ON-GRAD-one-planet-base__menu-container {
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.ON-GRAD-one-planet-base__menu-container {
    height: 100%;
    position: relative;
    z-index: 5
}

.ON-GRAD-one-planet-base__menu-logo-container {
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ON-GRAD-one-planet-base__menu-logo-fiap {
    margin-right: 10px
}

    .ON-GRAD-one-planet-base__menu-logo-fiap svg {
        fill: #fff;
        transition: fill .8s ease;
        width: 80px
    }

    .ON-GRAD-one-planet-base__menu-logo-fiap:hover svg {
        fill: #ed145b
    }

.ON-GRAD-one-planet-base__menu-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none
}

.ON-GRAD-one-planet-base__menu-item {
    color: #ede7d9;
    font: 24px DIN Condensed Bold;
    text-transform: uppercase;
    transition: color .6s ease
}

    .ON-GRAD-one-planet-base__menu-item:hover {
        color: #97ca3d
    }

    .ON-GRAD-one-planet-base__menu-item:not(:last-child) {
        margin-right: 60px
    }

.ON-GRAD-one-planet-base__menu-mobile {
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    top: 0;
    transition: height .4s ease;
    width: 100%;
    z-index: 4
}

    .ON-GRAD-one-planet-base__menu-mobile.is-active {
        height: 100vh
    }

.ON-GRAD-one-planet-base__menu-burger {
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: none;
    height: 26px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 35px
}

    .ON-GRAD-one-planet-base__menu-burger.is-active .ON-GRAD-one-planet-base__menu-burger-line:first-child {
        width: 0
    }

    .ON-GRAD-one-planet-base__menu-burger.is-active .ON-GRAD-one-planet-base__menu-burger-line:nth-child(2) {
        transform: rotate(45deg)
    }

    .ON-GRAD-one-planet-base__menu-burger.is-active .ON-GRAD-one-planet-base__menu-burger-line:nth-child(3) {
        transform: rotate(-45deg)
    }

    .ON-GRAD-one-planet-base__menu-burger.is-active .ON-GRAD-one-planet-base__menu-burger-line:last-child {
        width: 0
    }

.ON-GRAD-one-planet-base__menu-burger-line {
    background: #fff;
    height: 3px;
    position: absolute;
    transition: width .4s ease,transform .4s ease;
    width: 35px
}

    .ON-GRAD-one-planet-base__menu-burger-line:first-child {
        top: 0
    }

    .ON-GRAD-one-planet-base__menu-burger-line:nth-child(2), .ON-GRAD-one-planet-base__menu-burger-line:nth-child(3) {
        top: 50%;
        transform: translateY(-50%)
    }

    .ON-GRAD-one-planet-base__menu-burger-line:last-child {
        bottom: 0
    }

.ON-GRAD-one-planet-base__desafio-gradient {
    background: url(../images/online/graduacao/one-planet/desafios/background.jpg) top repeat-y;
    background-size: cover;
    position: relative
}

.ON-GRAD-one-planet-header {
    background: url(../images/online/graduacao/one-planet/header/header.jpg) top no-repeat;
    background-size: cover;
    width: 100%
}

.ON-GRAD-one-planet-header__container {
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding-top: 100px;
    position: relative;
    width: 90%
}

.ON-GRAD-one-planet-header__fixed {
    height: 100vh;
    left: 0;
    top: 0;
    width: 100vw
}

    .ON-GRAD-one-planet-header__fixed:after {
        background-image: url(../images/online/graduacao/one-planet/saiba-mais/bg.png);
        content: ""
    }

.ON-GRAD-one-planet-header__video-wrapper2 {
    position: absolute;
    width: 100%
}

.ON-GRAD-one-planet-header__video {
    position: absolute;
    right: 0;
    width: 100%
}

.ON-GRAD-one-planet-header__video--mobile {
    display: none
}

.ON-GRAD-one-planet-header__bg {
    position: absolute;
    height: 2280px;
    width: 100%
}

.ON-GRAD-one-planet-header__bg--mobile {
    display: none;
    height: 2506px
}

.ON-GRAD-one-planet-header__step {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ON-GRAD-one-planet-header__step--2 {
    opacity: 0
}

.ON-GRAD-one-planet-header__effect-circle {
    position: absolute;
    top: -80px;
    transform: translateX(-50%)
}

.ON-GRAD-one-planet-header__title {
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    padding: 20px 0
}

.ON-GRAD-one-planet-header__image-one {
    margin-right: 30px
}

.ON-GRAD-one-planet-header__change-wrapper2 {
    height: 160px;
    position: relative;
    width: 465px
}

.ON-GRAD-one-planet-header__image-change {
    display: block;
    height: 160px;
    position: absolute;
    max-width: 100%
}

    .ON-GRAD-one-planet-header__image-change:last-child {
        top: 200px
    }

.ON-GRAD-one-planet-header__subtitle {
    color: #97ca3d;
    font: 30px Gotham HTF Medium;
    margin: 0;
    text-transform: uppercase
}

.ON-GRAD-one-planet-header__desc {
    color: #ede7d9;
    font: 20px Gotham HTF Medium;
    margin: 50px 0 10px;
    text-transform: uppercase
}

.ON-GRAD-one-planet-header__desc-small {
    color: #ced5cc;
    font: 14px Roboto;
    margin: 0
}

.ON-GRAD-one-planet-header__co2 {
    bottom: 30px;
    position: absolute;
    right: 0
}

.ON-GRAD-one-planet-header__intro-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 75vh;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.ON-GRAD-one-planet-header__intro-line {
    background: #fff6;
    height: 1px;
    position: absolute;
    width: 100%
}

.ON-GRAD-one-planet-header__intro-line--top {
    top: 0
}

.ON-GRAD-one-planet-header__intro-line--bottom {
    bottom: 0
}

.ON-GRAD-one-planet-header__intro-line:after, .ON-GRAD-one-planet-header__intro-line:before {
    background: #fff;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    top: -1.5px;
    width: 5px
}

.ON-GRAD-one-planet-header__intro-line:before {
    left: 0
}

.ON-GRAD-one-planet-header__intro-line:after {
    right: 0
}

.ON-GRAD-one-planet-header__intro-text-line {
    color: #ede7d9;
    font: 92px DIN Condensed Bold;
    margin: 0;
    padding: 0 60px;
    text-transform: uppercase;
    width: 100%
}

.ON-GRAD-one-planet-header__intro-text-line--green {
    color: #97ca3d
}

.ON-GRAD-one-planet-header__intro-text-desc {
    color: #ede7d9;
    font: 20px/28px Gotham HTF Light;
    padding: 0 60px;
    text-transform: uppercase;
    width: 100%
}

    .ON-GRAD-one-planet-header__intro-text-desc strong {
        font-family: Gotham HTF Medium
    }

.ON-GRAD-one-planet-ambipar {
    background-color: #fff;
    background-image: url(../images/online/graduacao/one-planet/ambipar/folha.png);
    background-position: 0 -160px;
    background-repeat: no-repeat;
    color: #000;
    padding: 110px 0 135px;
    position: relative
}

    .ON-GRAD-one-planet-ambipar .ON-GRAD-one-planet-base__wrapper2 {
        max-width: 1660px
    }

.ON-GRAD-one-planet-ambipar__logo svg {
    width: 340px
}

.ON-GRAD-one-planet-ambipar__carbon svg {
    width: 310px
}

.ON-GRAD-one-planet-ambipar__content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ON-GRAD-one-planet-ambipar__text {
    max-width: 880px
}

.ON-GRAD-one-planet-ambipar__title {
    color: #97ca3d;
    display: block;
    font: 31px/35px Gotham HTF Medium;
    text-transform: uppercase
}

.ON-GRAD-one-planet-ambipar__paragraph {
    color: #000;
    font: 20px/26px Gotham HTF Book
}

.ON-GRAD-one-planet-saiba-mais {
    background-color: #004ab5;
    background-image: url(../images/online/graduacao/one-planet/saiba-mais/bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px
}

.ON-GRAD-one-planet-saiba-mais__marquee {
    background: -webkit-linear-gradient(0deg,#0db3f2,#0060c1);
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px #0060c1;
    color: transparent;
    font: 125px/125px DIN Condensed Bold;
    height: 130px;
    text-transform: uppercase
}

    .ON-GRAD-one-planet-saiba-mais__marquee span {
        font-style: italic
    }

.ON-GRAD-one-planet-saiba-mais__square {
    background-color: #f6f3ec;
    display: block;
    height: 5px;
    position: absolute;
    width: 5px
}

.ON-GRAD-one-planet-saiba-mais__square--left-top {
    left: -2px;
    top: -2px
}

.ON-GRAD-one-planet-saiba-mais__square--left-bottom {
    bottom: -2px;
    left: -2px
}

.ON-GRAD-one-planet-saiba-mais__square--right-top {
    right: -2px;
    top: -2px
}

.ON-GRAD-one-planet-saiba-mais__square--right-bottom {
    bottom: -2px;
    right: -2px
}

.ON-GRAD-one-planet-saiba-mais__highlight {
    border: 1px solid #ede7d9;
    color: #97ca3d;
    font: 30px/38px Gotham HTF Medium;
    margin: 120px auto 0;
    max-width: 1430px;
    padding: 55px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.ON-GRAD-one-planet-saiba-mais__highlight--background {
    background-color: #97ca3d;
    color: #000;
    padding: 0 10px
}

.ON-GRAD-one-planet-saiba-mais__content {
    max-width: 1300px;
    margin: 70px auto 120px;
    text-align: center
}

    .ON-GRAD-one-planet-saiba-mais__content p {
        color: #faffed;
        font: 20px/30px Gotham HTF Book;
        letter-spacing: .5px;
        margin-bottom: 45px
    }

    .ON-GRAD-one-planet-saiba-mais__content a {
        background-color: #042c6a;
        color: #faffed;
        display: block;
        font: 20px/30px Gotham HTF Book;
        letter-spacing: .5px;
        margin: 0 auto;
        padding: 24px 70px;
        text-transform: uppercase;
        transition: all .5s ease;
        width: fit-content
    }

        .ON-GRAD-one-planet-saiba-mais__content a:hover {
            background-color: #97ca3d;
            color: #000
        }

.ON-GRAD-one-planet-saiba-mais__parceiros {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 1430px;
    margin: 0 auto;
    padding-bottom: 140px
}

.ON-GRAD-one-planet-saiba-mais__parceiros-item--text {
    color: #fff;
    font: 14px Roboto;
    letter-spacing: 5px;
    text-transform: uppercase
}

.ON-GRAD-one-planet-saiba-mais__parceiros-item.logo-ambipar svg {
    width: 230px
}

.ON-GRAD-one-planet-saiba-mais__parceiros-item svg {
    fill: #fff;
    width: 190px
}

.ON-GRAD-one-planet-saiba-mais__parallax {
    background-attachment: fixed;
    background-color: #004ab4;
    background-image: url(../images/online/graduacao/one-planet/saiba-mais/parallax.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 650px;
    overflow-y: hidden;
    transition: background .5s ease
}

.ON-GRAD-one-planet-desafios {
    background-color: #fff !important;
    padding-top: 140px
}

.ON-GRAD-one-planet-desafios__title {
    color: #181829;
    font: 36px/50px Gotham HTF Book;
    letter-spacing: 16px;
    margin: 0 auto 140px;
    position: relative;
    text-transform: uppercase;
    width: fit-content;
    z-index: 1
}

.ON-GRAD-one-planet-desafios__title--text {
    display: block;
    z-index: 1
}

.ON-GRAD-one-planet-desafios__title--background {
    background-color: #c6e900;
    display: block;
    bottom: 11px;
    height: 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 405px;
    z-index: -1
}

.ON-GRAD-one-planet-desafios__content {
    margin-bottom: 210px
}

.ON-GRAD-one-planet-desafios__item {
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ede7d9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

    .ON-GRAD-one-planet-desafios__item:last-child {
        border-bottom: 1px solid #ede7d9
    }

.ON-GRAD-one-planet-desafios__item-number {
    color: #ede7d9;
    font: 410px/430px DIN Condensed Bold;
    position: relative
}

.ON-GRAD-one-planet-desafios__item-icon--one-planet-one-home svg {
    width: 440px
}

.ON-GRAD-one-planet-desafios__item-icon--enterprise-challenge svg {
    width: 400px
}

.ON-GRAD-one-planet-desafios__item-text {
    color: #242b27;
    font: 20px/30px Gotham HTF Book;
    max-width: 630px
}

    .ON-GRAD-one-planet-desafios__item-text span {
        font: 20px/30px Gotham HTF Bold
    }

.ON-GRAD-one-planet-desafios__square {
    background-color: #000;
    display: block;
    height: 5px;
    position: absolute;
    width: 5px
}

.ON-GRAD-one-planet-desafios__square--left-top {
    left: -2px;
    top: -3px;
    z-index: 1
}

.ON-GRAD-one-planet-desafios__square--left-bottom {
    bottom: -3px;
    left: -2px;
    z-index: 1
}

.ON-GRAD-one-planet-desafios__square--right-top {
    right: -2px;
    top: -3px;
    z-index: 1
}

.ON-GRAD-one-planet-desafios__square--right-bottom {
    bottom: -3px;
    right: -2px;
    z-index: 1
}

.ON-GRAD-one-planet-talks-premios {
    background: url(../images/online/graduacao/one-planet/background-talks-premios.jpg) top no-repeat;
    background-size: cover
}

.ON-GRAD-one-planet-talks {
    padding: 145px 0 0;
    width: 100%
}

.ON-GRAD-one-planet-talks__header {
    width: 23%;
    margin: 0 auto;
    position: relative
}

    .ON-GRAD-one-planet-talks__header:before {
        background-color: #0b0d18;
        content: "";
        height: 10px;
        left: 50%;
        position: absolute;
        top: 22px;
        transform: translateX(-50%);
        width: 400px
    }

.ON-GRAD-one-planet-talks__title {
    font: 36px Gotham HTF Book;
    color: #c6e900;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 20px;
    position: relative;
    margin: 0
}

.ON-GRAD-one-planet-talks__subtitle {
    font: 18px Gotham HTF Book;
    color: #c6e900;
    text-transform: uppercase;
    text-align: center
}

.ON-GRAD-one-planet-talks__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 70px;
    padding: 20px 0 100px
}

.ON-GRAD-one-planet-talks__block {
    width: 33%;
    min-height: 500px;
    margin-right: 20px;
    padding: 70px;
    transition: all .4s ease-out
}

    .ON-GRAD-one-planet-talks__block:hover {
        background-color: #98d913
    }

        .ON-GRAD-one-planet-talks__block:hover .ON-GRAD-one-planet-talks__horario {
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #004ab4
        }

        .ON-GRAD-one-planet-talks__block:hover .ON-GRAD-one-planet-talks__palestrante, .ON-GRAD-one-planet-talks__block:hover .ON-GRAD-one-planet-talks__tema {
            color: #004ab4
        }

    .ON-GRAD-one-planet-talks__block p {
        margin: 0
    }

.ON-GRAD-one-planet-talks__horario {
    font: 60px/50px DIN Condensed Bold;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c6e900
}

.ON-GRAD-one-planet-talks__tema {
    font: 60px/60px DIN Condensed Bold;
    color: #c6e900;
    text-transform: uppercase
}

.ON-GRAD-one-planet-talks__palestrante {
    font: 20px Gotham HTF Medium;
    color: #ede7d9;
    text-transform: uppercase;
    padding-top: 50px
}

    .ON-GRAD-one-planet-talks__palestrante span {
        font: 18px/22px Gotham HTF Book;
        width: 100%;
        display: block;
        text-transform: none;
        margin-top: 10px
    }

.ON-GRAD-one-planet-premios {
    padding: 0 0 145px;
    width: 100%
}

.ON-GRAD-one-planet-premios__marquee {
    background: -webkit-linear-gradient(0deg,#0db3f2,#0060c1);
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px #0060c1;
    color: transparent;
    font: 125px/135px DIN Condensed Bold;
    height: 140px;
    text-transform: uppercase
}

.ON-GRAD-one-planet-premios__header {
    margin: 145px auto 0;
    position: relative;
    width: 23%
}

    .ON-GRAD-one-planet-premios__header:before {
        background-color: #0b0d18;
        content: "";
        height: 10px;
        left: 50%;
        position: absolute;
        top: 22px;
        transform: translateX(-50%);
        width: 400px
    }

.ON-GRAD-one-planet-premios__title {
    font: 36px Gotham HTF Book;
    color: #c6e900;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 20px;
    position: relative;
    margin: 0
}

.ON-GRAD-one-planet-premios__content {
    width: 100%;
    position: relative;
    padding-top: 150px
}

    .ON-GRAD-one-planet-premios__content.pd-0 {
        padding-top: 0
    }

.ON-GRAD-one-planet-premios__contentShape {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 95px 0 0;
    position: relative
}

    .ON-GRAD-one-planet-premios__contentShape div {
        padding: 60px 0
    }

    .ON-GRAD-one-planet-premios__contentShape.carbono {
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0
    }

        .ON-GRAD-one-planet-premios__contentShape.carbono div {
            padding-top: 120px;
            padding-right: 150px
        }

            .ON-GRAD-one-planet-premios__contentShape.carbono div p, .ON-GRAD-one-planet-premios__contentShape.carbono div span {
                text-align: right
            }

    .ON-GRAD-one-planet-premios__contentShape.camiseta {
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0
    }

        .ON-GRAD-one-planet-premios__contentShape.camiseta div {
            padding-top: 245px;
            padding-right: 150px
        }

            .ON-GRAD-one-planet-premios__contentShape.camiseta div p, .ON-GRAD-one-planet-premios__contentShape.camiseta div span {
                text-align: right
            }

    .ON-GRAD-one-planet-premios__contentShape.cartoes {
        position: relative;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 40px;
        padding-bottom: 40px
    }

        .ON-GRAD-one-planet-premios__contentShape.cartoes div {
            padding-top: 120px;
            padding-right: 150px
        }

            .ON-GRAD-one-planet-premios__contentShape.cartoes div p {
                text-align: left
            }

.ON-GRAD-one-planet-premios__contentMobile {
    display: none;
    width: 100%;
    position: relative;
    padding: 50px 0 0
}

    .ON-GRAD-one-planet-premios__contentMobile.credito {
        padding: 0
    }

    .ON-GRAD-one-planet-premios__contentMobile.cartoesMobile {
        display: none
    }

        .ON-GRAD-one-planet-premios__contentMobile.cartoesMobile div {
            margin-bottom: 20px
        }

.ON-GRAD-one-planet-premios__contentPremios {
    width: 100%;
    position: relative
}

.ON-GRAD-one-planet-premios__contentPremiosMobile {
    display: none;
    width: 100%;
    position: relative;
    padding-bottom: 95px
}

.ON-GRAD-one-planet-premios__description.mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 0 0 15px
}

.ON-GRAD-one-planet-premios__description.cartoesMobile {
    padding: 0
}

.ON-GRAD-one-planet-premios__description.cartoesMobile, .ON-GRAD-one-planet-premios__descriptionPremios, .ON-GRAD-one-planet-premios__descriptionPremiosMobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.ON-GRAD-one-planet-premios__effects {
    position: relative
}

.ON-GRAD-one-planet-premios__line {
    width: 100%;
    height: 1px;
    background-color: #ced5cc;
    display: block;
    position: absolute;
    top: 537px
}

    .ON-GRAD-one-planet-premios__line:after, .ON-GRAD-one-planet-premios__line:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 8px;
        background-color: #ede7da;
        transform: translateY(-50%)
    }

    .ON-GRAD-one-planet-premios__line:before {
        top: 50%;
        left: 0
    }

    .ON-GRAD-one-planet-premios__line:after {
        top: 50%;
        right: 0
    }

.ON-GRAD-one-planet-premios__line2 {
    background-color: #ced5cc;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 860px
}

    .ON-GRAD-one-planet-premios__line2:after, .ON-GRAD-one-planet-premios__line2:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 8px;
        background-color: #ede7da;
        transform: translateY(-50%)
    }

    .ON-GRAD-one-planet-premios__line2:before {
        top: 50%;
        left: 0
    }

    .ON-GRAD-one-planet-premios__line2:after {
        top: 50%;
        right: 0
    }

.ON-GRAD-one-planet-premios__line3 {
    width: 100%;
    height: 1px;
    background-color: #ced5cc;
    display: block;
    position: absolute;
    top: 788px
}

    .ON-GRAD-one-planet-premios__line3:after, .ON-GRAD-one-planet-premios__line3:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 8px;
        background-color: #ede7da;
        transform: translateY(-50%)
    }

    .ON-GRAD-one-planet-premios__line3:before {
        top: 50%;
        left: 0
    }

    .ON-GRAD-one-planet-premios__line3:after {
        top: 50%;
        right: 0
    }

.ON-GRAD-one-planet-premios__line4 {
    width: 100%;
    height: 1px;
    background-color: #ced5cc;
    display: block;
    position: absolute;
    top: 1084px
}

    .ON-GRAD-one-planet-premios__line4:after, .ON-GRAD-one-planet-premios__line4:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 8px;
        background-color: #ede7da;
        transform: translateY(-50%)
    }

    .ON-GRAD-one-planet-premios__line4:before {
        top: 50%;
        left: 0
    }

    .ON-GRAD-one-planet-premios__line4:after {
        top: 50%;
        right: 0
    }

.ON-GRAD-one-planet-premios__line5 {
    width: 100%;
    height: 1px;
    background-color: #ced5cc;
    display: block;
    position: absolute;
    top: 372px
}

    .ON-GRAD-one-planet-premios__line5:after, .ON-GRAD-one-planet-premios__line5:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 8px;
        background-color: #ede7da;
        transform: translateY(-50%)
    }

    .ON-GRAD-one-planet-premios__line5:before {
        top: 50%;
        left: 0
    }

    .ON-GRAD-one-planet-premios__line5:after {
        top: 50%;
        right: 0
    }

.ON-GRAD-one-planet-premios__titleShape {
    font: 70px DIN Condensed Bold;
    color: #97ca3d;
    text-transform: uppercase;
    margin: 0
}

    .ON-GRAD-one-planet-premios__titleShape span {
        color: #ede7da
    }

    .ON-GRAD-one-planet-premios__titleShape.mobile {
        font: 50px/46px DIN Condensed Bold;
        text-align: center;
        margin: 60px 0 15px;
        padding-right: 0
    }

    .ON-GRAD-one-planet-premios__titleShape.titleGroup {
        font: 50px/46px DIN Condensed Bold;
        text-align: center;
        margin: 0 0 15px;
        padding-right: 0
    }

.ON-GRAD-one-planet-premios__subTitleShape {
    font: 16px Gotham HTF Book;
    color: #ede7da;
    text-transform: uppercase;
    margin: 0
}

    .ON-GRAD-one-planet-premios__subTitleShape.mobile {
        text-align: center
    }

.ON-GRAD-one-planet-premios__titleShapeCamiseta {
    font: 70px DIN Condensed Bold;
    color: #97ca3d;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 50px;
    left: 180px
}

.ON-GRAD-one-planet-premios__titleShapeCamisetaMobile {
    font: 50px/46px DIN Condensed Bold;
    color: #97ca3d;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 0
}

.ON-GRAD-one-planet-premios__text {
    font: 20px Gotham HTF Book;
    color: #ede7da;
    text-transform: uppercase;
    text-align: left;
    margin: 0
}

    .ON-GRAD-one-planet-premios__text span {
        color: #97ca3d
    }

    .ON-GRAD-one-planet-premios__text strong {
        margin-left: 130px
    }

    .ON-GRAD-one-planet-premios__text.mobile {
        font: 16px Gotham HTF Book;
        text-align: left;
        display: block
    }

        .ON-GRAD-one-planet-premios__text.mobile strong {
            margin-left: 0
        }

    .ON-GRAD-one-planet-premios__text.cartoesMobile {
        font: 16px Gotham HTF Book;
        margin-bottom: 15px;
        text-align: center;
        display: block
    }

.ON-GRAD-one-planet-premios__subText {
    font: 14px Roboto;
    color: #ede7da;
    text-transform: uppercase;
    text-align: left;
    margin: 10px 0 0;
    display: block
}

.ON-GRAD-one-planet-premios__logo-reflorestamento {
    width: 90px;
    height: 90px;
    fill: #c6e900 !important
}

.ON-GRAD-one-planet-premios__shape {
    width: 894px;
    height: 260px
}

.ON-GRAD-one-planet-premios__creditoCarbono {
    width: 233px
}

.ON-GRAD-one-planet-premios__creditoCamiseta {
    width: 535px;
    height: 361px
}

.ON-GRAD-one-planet-premios__creditoCartoes {
    width: 842px;
    height: 318px
}

.ON-GRAD-one-planet-premios__creditoCartoesMobile {
    width: 315px
}

.ON-GRAD-one-planet-premios__shapeMobile {
    width: 100%;
    margin-right: 30px
}

.ON-GRAD-one-planet-premios__creditoCarbonoMobile {
    width: 131px
}

.ON-GRAD-one-planet-programacao {
    background: #fff !important
}

.ON-GRAD-one-planet-programacao__container {
    background-color: #fff;
    color: #000;
    padding-top: 215px
}

.ON-GRAD-one-planet-programacao__header {
    text-align: center;
    margin-bottom: 150px
}

.ON-GRAD-one-planet-programacao__title {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 24px;
    font-size: 36px;
    font-family: Gotham HTF Thin;
    position: relative;
    z-index: 1;
    padding-left: 24px
}

    .ON-GRAD-one-planet-programacao__title:before {
        content: "";
        position: absolute;
        display: block;
        width: 690px;
        height: 12px;
        bottom: 14px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #c6e900;
        z-index: -1
    }

.ON-GRAD-one-planet-programacao__course-selection-box {
    text-align: center;
    margin-bottom: 90px
}

.ON-GRAD-one-planet-programacao__course-selection-label {
    font-family: DIN Condensed Bold;
    font-size: 70px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto 35px 0
}

.ON-GRAD-one-planet-programacao__course-selection-description {
    font-family: Gotham HTF Medium;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 45px
}

.ON-GRAD-one-planet-programacao__dropdown {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-family: Gotham HTF Medium;
    padding: 0;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    transition: all .4s ease;
    max-width: 900px;
    margin: auto
}

.ON-GRAD-one-planet-programacao__dropdown-display {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #ed145b;
    position: relative;
    padding: 20px 60px 20px 20px;
    text-align: left
}

    .ON-GRAD-one-planet-programacao__dropdown-display:after {
        display: block;
        position: absolute;
        content: "";
        top: 50%;
        right: 20px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #97ca3d;
        transform: translateY(-50%)
    }

.ON-GRAD-one-planet-programacao[data-selected] .ON-GRAD-one-planet-programacao__dropdown-display:after {
    border-right: 2px solid #75838b;
    border-bottom: 2px solid #75838b
}

.ON-GRAD-one-planet-programacao__dropdown-display-text {
    display: block;
    color: #000;
    transition: color .4s ease
}

.ON-GRAD-one-planet-programacao__dropdown-overflow {
    height: 0;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    z-index: 300;
    box-sizing: content-box;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 100%;
    top: 100%;
    left: -1px;
    transform-origin: top;
    transition: border-color .4s ease
}

.ON-GRAD-one-planet-programacao__dropdown-options {
    margin-top: 1px;
    padding: 0 0 20px
}

.ON-GRAD-one-planet-programacao__dropdown-option {
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: .05em;
    color: #000;
    padding: 5px 20px;
    text-align: left;
    position: relative
}

    .ON-GRAD-one-planet-programacao__dropdown-option:hover {
        background-color: #97ca3d;
        color: #fff
    }

.ON-GRAD-one-planet-programacao__talks-grid {
    margin: auto;
    margin-bottom: 80px;
    display: none
}

.ON-GRAD-one-planet-programacao__talks-grid--active {
    display: table
}

.ON-GRAD-one-planet-programacao__talk-header {
    background: linear-gradient(96deg,#36b53a -10%,#c7ea00 110%);
    height: 170px;
    font-family: DIN Condensed Bold;
    color: #fff;
    font-size: 70px;
    line-height: 170px;
    text-align: center;
    text-transform: uppercase;
    display: table-caption
}

.ON-GRAD-one-planet-programacao__talk-row {
    display: table-row
}

    .ON-GRAD-one-planet-programacao__talk-row:last-child .ON-GRAD-one-planet-programacao__talk-column {
        border-bottom: none
    }

        .ON-GRAD-one-planet-programacao__talk-row:last-child .ON-GRAD-one-planet-programacao__talk-column:after, .ON-GRAD-one-planet-programacao__talk-row:last-child .ON-GRAD-one-planet-programacao__talk-column:before {
            display: none
        }

    .ON-GRAD-one-planet-programacao__talk-row:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

        .ON-GRAD-one-planet-programacao__talk-row:last-child:after, .ON-GRAD-one-planet-programacao__talk-row:last-child:before {
            display: none
        }

.ON-GRAD-one-planet-programacao__talk-column {
    border-bottom: 1px solid #efeade;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    vertical-align: top;
    display: table-cell
}

.ON-GRAD-one-planet-programacao__talk-column--time {
    text-align: left;
    padding: 60px 50px
}

.ON-GRAD-one-planet-programacao__talk-column--description, .ON-GRAD-one-planet-programacao__talk-column--title {
    padding: 60px 50px
}

.ON-GRAD-one-planet-programacao__talk-column--actions {
    text-align: center;
    position: relative;
    padding: 60px 50px
}

.ON-GRAD-one-planet-programacao__talk-column--no-border {
    border-bottom: 0
}

.ON-GRAD-one-planet-programacao__talk-svg {
    width: 100%;
    min-width: 150px;
    height: 60px;
    display: inline-block
}

.ON-GRAD-one-planet-programacao__talk-time {
    font: 70px DIN Condensed Bold;
    fill: none;
    stroke: #97ca3d;
    stroke-width: 1px;
    text-anchor: start
}

.ON-GRAD-one-planet-programacao__talk-title {
    font-family: DIN Condensed Bold;
    font-size: 70px;
    margin-top: -.071em;
    letter-spacing: -1px;
    line-height: 62px;
    color: #97ca3d;
    text-transform: uppercase;
    margin-bottom: 10px
}

.ON-GRAD-one-planet-programacao__talk-subtitle {
    font-family: Roboto;
    font-weight: 700;
    color: #97ca3d;
    font-size: 16px;
    text-transform: uppercase
}

.ON-GRAD-one-planet-programacao__talk-paragraph {
    margin: 0;
    padding: 0;
    font-family: Gotham HTF Book;
    font-size: 20px;
    margin-bottom: 35px
}

    .ON-GRAD-one-planet-programacao__talk-paragraph b {
        font-family: Gotham HTF Medium;
        font-weight: 400
    }

    .ON-GRAD-one-planet-programacao__talk-paragraph em {
        display: inline-block;
        margin-bottom: 6px;
        font-style: normal
    }

    .ON-GRAD-one-planet-programacao__talk-paragraph:last-child {
        margin-bottom: 0
    }

.ON-GRAD-one-planet-programacao__talk-details {
    font-family: Gotham HTF Book;
    font-size: 20px;
    margin-bottom: 40px
}

    .ON-GRAD-one-planet-programacao__talk-details:last-child {
        margin-bottom: 0
    }

.ON-GRAD-one-planet-programacao__talk-details-title {
    font-family: Gotham HTF Medium;
    text-transform: uppercase
}

.ON-GRAD-one-planet-programacao__talk-details-br {
    display: none
}

.ON-GRAD-one-planet-programacao__talk-details-name {
    display: block
}

.ON-GRAD-one-planet-programacao__talk-details-company {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: #333
}

.ON-GRAD-one-planet-programacao__talk-details-linkedin {
    display: block;
    font-family: Roboto;
    font-size: 14px;
    text-decoration: underline;
    color: #97ca3d
}

.ON-GRAD-one-planet-programacao__talk-steps {
    font-size: 20px;
    padding-bottom: 40px
}

    .ON-GRAD-one-planet-programacao__talk-steps:last-child {
        padding-bottom: 0
    }

.ON-GRAD-one-planet-programacao__talk-steps-title {
    font-family: Gotham HTF Book
}

.ON-GRAD-one-planet-programacao__talk-steps-list {
    counter-reset: counter;
    margin: 0;
    padding: 0;
    font-family: Gotham HTF Medium;
    color: #000;
    text-transform: uppercase
}

.ON-GRAD-one-planet-programacao__talk-steps-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

.ON-GRAD-one-planet-programacao__talk-steps-list-item-key {
    color: #ede7d9;
    font-family: DIN Condensed Bold;
    font-size: 50px;
    margin-right: 20px
}

.ON-GRAD-one-planet-programacao__talk-company-image {
    margin-bottom: 40px
}

.ON-GRAD-one-planet-programacao__talk-link {
    max-width: 350px;
    height: 60px;
    font-family: Gotham HTF Book;
    font-size: 20px;
    padding: 0 40px;
    line-height: 60px;
    display: inline-block;
    color: #ced5cc;
    white-space: nowrap;
    background-color: #84a6d8;
    text-transform: uppercase;
    cursor: default
}

.ON-GRAD-one-planet-programacao__talk-link--active {
    background-color: #004ab4;
    cursor: pointer
}

.ON-GRAD-one-planet-programacao__popover {
    font-family: Roboto;
    font-weight: 700;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 2;
    display: none;
    position: absolute;
    left: 50%;
    margin-top: 13px
}

.ON-GRAD-one-planet-programacao__popover--active {
    display: block
}

.ON-GRAD-one-planet-programacao__popover-arrow {
    position: absolute;
    transform: translateX(-50%);
    display: block;
    top: -13px;
    left: 50%;
    z-index: -1
}

.ON-GRAD-one-planet-programacao__popover-content {
    background: #36b53a;
    background: linear-gradient(45deg,#36b53a,#c7ea00);
    padding: 60px 70px;
    z-index: 2
}

    .ON-GRAD-one-planet-programacao__popover-content div {
        font-size: 9px;
        display: block;
        text-align: left
    }

    .ON-GRAD-one-planet-programacao__popover-content p:first-child {
        margin-bottom: 0
    }

.ON-GRAD-one-planet-programacao__popover-paragraph {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px
}

.ON-GRAD-one-planet-programacao__popover-input {
    font-size: 20px;
    padding: 20px;
    color: #000;
    background-color: #fff;
    margin-right: 5px;
    max-width: 210px
}

    .ON-GRAD-one-planet-programacao__popover-input:focus {
        outline: #fff
    }

.ON-GRAD-one-planet-programacao__popover-button {
    background-color: #004ab4;
    color: #fff;
    text-transform: uppercase;
    font-family: Gotham HTF Book;
    font-size: 20px;
    padding: 20px;
    cursor: pointer;
    max-width: 145px
}

.ON-GRAD-one-planet-programacao__popover-error {
    color: #ed145b;
    font-weight: 700
}

.ON-GRAD-one-planet-programacao__space {
    height: 80px
}

.ON-GRAD-one-planet-footer {
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 0 40px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0
}

.ON-GRAD-one-planet-footer__menu-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
    z-index: 5
}

.ON-GRAD-one-planet-footer__menu-logo-container {
    display: -ms-flexbox;
    display: flex
}

.ON-GRAD-one-planet-footer__menu-logo-fiap {
    margin-right: 10px
}

    .ON-GRAD-one-planet-footer__menu-logo-fiap svg {
        fill: #fff;
        transition: fill .8s ease;
        width: 80px
    }

    .ON-GRAD-one-planet-footer__menu-logo-fiap:hover svg {
        fill: #ed145b
    }

.ON-GRAD-one-planet-footer__menu-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none
}

.ON-GRAD-one-planet-footer__menu-item {
    color: #ede7d9;
    font: 14px Roboto;
    font-weight: 700;
    text-transform: uppercase;
    transition: color .6s ease
}

    .ON-GRAD-one-planet-footer__menu-item:hover {
        color: #97ca3d
    }

    .ON-GRAD-one-planet-footer__menu-item:not(:last-child) {
        margin-right: 60px
    }

.ON-GRAD-one-planet-footer__menu-desc {
    color: #ede7d9;
    font: 14px Roboto;
    opacity: .5
}

.ON-GRAD-one-planet-desafio-header__line {
    background: #5c7ca8;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 190px
}

.ON-GRAD-one-planet-desafio-header__dot-right {
    background: #fff;
    height: 5px;
    position: absolute;
    right: 0;
    top: 188px;
    width: 5px
}

.ON-GRAD-one-planet-desafio-header__dot-left {
    background: #fff;
    height: 5px;
    position: absolute;
    left: 0;
    top: 188px;
    width: 5px
}

.ON-GRAD-one-planet-desafio-header__title {
    color: #ede7da;
    font: 100px/95px DIN Condensed Bold;
    margin: 0 auto -50px;
    padding-top: 320px;
    position: relative
}

.ON-GRAD-one-planet-desafio-header__title--highlight {
    color: #c6e900
}

.ON-GRAD-one-planet-desafio-content {
    padding-bottom: 330px
}

.ON-GRAD-one-planet-desafio-content-wrapper2 {
    margin: auto;
    max-width: 1580px;
    position: relative;
    width: 100%
}

.ON-GRAD-one-planet-desafio-content-title {
    border: 1px solid #8492a6;
    color: #97ca3d;
    font: 30px Gotham HTF Medium;
    margin: 185px 0 130px;
    padding: 60px 25px;
    position: relative;
    text-transform: uppercase
}

.ON-GRAD-one-planet-desafio-content-title--highlight {
    background: #c6e900;
    color: #042c6a;
    padding: 0 8px
}

.ON-GRAD-one-planet-desafio-content__dot-top-right {
    background: #fff;
    height: 5px;
    position: absolute;
    right: -2px;
    top: -3px;
    width: 5px
}

.ON-GRAD-one-planet-desafio-content__dot-top-left {
    background: #fff;
    height: 5px;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 5px
}

.ON-GRAD-one-planet-desafio-content__dot-bottom-right {
    background: #fff;
    height: 5px;
    position: absolute;
    right: -2px;
    bottom: -3px;
    width: 5px
}

.ON-GRAD-one-planet-desafio-content__dot-bottom-left {
    background: #fff;
    height: 5px;
    position: absolute;
    left: -3px;
    bottom: -3px;
    width: 5px
}

.ON-GRAD-one-planet-desafio-content-container {
    -ms-flex-align: end;
    align-items: end;
    display: -ms-flexbox;
    display: flex
}

.ON-GRAD-one-planet-desafio-content-text:first-child {
    margin-right: 140px
}

.ON-GRAD-one-planet-desafio-content-desc-title {
    color: #faffed;
    font: 20px/29px Gotham HTF Medium;
    letter-spacing: .2px;
    max-width: 720px;
    text-transform: uppercase
}

.ON-GRAD-one-planet-desafio-content-desc {
    color: #faffed;
    font: 18px/25px Roboto;
    font-weight: 300;
    margin-bottom: 35px;
    max-width: 715px
}

.ON-GRAD-one-planet-desafio-content-desc--highlight {
    color: #97ca3d;
    font-weight: 600;
    text-transform: uppercase
}

.ON-GRAD-one-planet-desafio-content-desc-mobile {
    display: none
}

.ON-GRAD-one-planet-desafio-content-list {
    color: #faffed;
    font: 18px/25px Roboto;
    font-weight: 300;
    max-width: 715px
}

.ON-GRAD-one-planet-desafio-content-list-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    margin-bottom: 25px;
    position: relative
}

    .ON-GRAD-one-planet-desafio-content-list-item:last-child {
        margin-bottom: 60px
    }

    .ON-GRAD-one-planet-desafio-content-list-item:before {
        -ms-flex-item-align: end;
        align-self: flex-end;
        background: #97ca3d;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: -15px;
        position: absolute;
        top: 10px;
        width: 6px
    }

.ON-GRAD-SHRD-enterprise {
    margin: 160px 0 120px
}

.ON-GRAD-SHRD-enterprise-header {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 115px
}

.ON-GRAD-SHRD-enterprise-header-column {
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.ON-GRAD-SHRD-enterprise-overline {
    font-family: Gotham HTF Book;
    font-size: 18px;
    line-height: 27px;
    color: #f00659;
    text-transform: uppercase
}

.ON-GRAD-SHRD-enterprise-title {
    font-family: Gotham HTF Medium;
    font-size: 37px;
    line-height: 45px;
    color: #acc1cc;
    text-transform: uppercase;
    margin: 0
}

.ON-GRAD-SHRD-enterprise-slim {
    color: #75838b;
    font-family: Gotham HTF Light;
    display: inline-block
}

.ON-GRAD-SHRD-enterprise-intro {
    font-family: Gotham HTF Book;
    font-size: 18px;
    line-height: 26px;
    color: #75838b;
    text-transform: uppercase;
    margin: 130px 0 0
}

.ON-GRAD-SHRD-enterprise-subtitle {
    font-family: Gotham HTF Medium;
    font-size: 30px;
    color: #ed145b;
    text-transform: uppercase;
    margin: 0
}

.ON-GRAD-SHRD-enterprise-logo-box {
    margin-top: 40px;
    border: 1px solid #424b4f;
    border-top: 0;
    position: relative
}

    .ON-GRAD-SHRD-enterprise-logo-box:before {
        left: 0;
        width: calc(50% - 50px)
    }

    .ON-GRAD-SHRD-enterprise-logo-box:after, .ON-GRAD-SHRD-enterprise-logo-box:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        height: 1px;
        background-color: #424b4f
    }

    .ON-GRAD-SHRD-enterprise-logo-box:after {
        right: 0;
        width: calc(10% - 50px)
    }

.ON-GRAD-SHRD-enterprise-logo-box-text {
    position: absolute;
    bottom: 95%;
    width: 40%;
    left: 50%;
    width: 500px;
    color: #acc1cc;
    font-family: Roboto
}

.ON-GRAD-SHRD-enterprise-grid {
    padding: 90px 75px
}

.ON-GRAD-SHRD-enterprise-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px
}

    .ON-GRAD-SHRD-enterprise-row:last-child {
        margin-bottom: 0
    }

.ON-GRAD-SHRD-enterprise-img {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline
}

.ON-GRAD-SHRD-features {
    padding-bottom: 290px;
    position: relative
}

    .ON-GRAD-SHRD-features:after {
        background: url(../images/online/graduacao/shared/features/effects.png) bottom no-repeat;
        bottom: -290px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ON-GRAD-SHRD-features.ON-GRAD-curso {
        margin-top: 160px;
        padding-bottom: 100px
    }

        .ON-GRAD-SHRD-features.ON-GRAD-curso:after {
            display: none
        }

.ON-GRAD-SHRD-features__header {
    text-align: center
}

.ON-GRAD-SHRD-features__title {
    color: #91a3ad;
    font: 58px Gotham HTF Medium;
    margin-bottom: 42px;
    padding-bottom: 48px;
    position: relative;
    text-transform: uppercase
}

    .ON-GRAD-SHRD-features__title:after {
        background-color: #ed145b;
        bottom: 0;
        content: "";
        height: 6px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 66px
    }

.ON-GRAD-SHRD-features__desc {
    color: #91a3ad;
    font: 18px/28px Roboto;
    letter-spacing: .5px
}

.ON-GRAD-SHRD-features__accordions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 80px;
    position: relative
}

    .ON-GRAD-SHRD-features__accordions:after {
        background-color: #ed145b;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        top: 73px;
        transform: translateX(-50%);
        width: calc(100% - 60px);
        z-index: 1
    }

.ON-GRAD-SHRD-features__item {
    border-left: 1px solid #383f43;
    display: -ms-flexbox;
    display: flex;
    height: 690px;
    overflow: hidden;
    transition: width .5s ease;
    width: 50px
}

    .ON-GRAD-SHRD-features__item:last-child {
        border-right: 1px solid #383f43
    }

.ON-GRAD-SHRD-features__item-header {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-width: 50px;
    position: relative;
    transition: all .5s ease
}

    .ON-GRAD-SHRD-features__item-header:hover {
        background-color: #ed145b
    }

        .ON-GRAD-SHRD-features__item-header:hover .ON-GRAD-SHRD-features__item-title {
            color: #000 !important
        }

        .ON-GRAD-SHRD-features__item-header:hover .ON-GRAD-SHRD-features__item-number svg text {
            stroke: #000
        }

        .ON-GRAD-SHRD-features__item-header:hover .ON-GRAD-SHRD-features__item-number:after {
            background-color: transparent !important
        }

.ON-GRAD-SHRD-features__item-number {
    display: block;
    padding: 11px 0 19px;
    position: relative;
    text-align: center
}

    .ON-GRAD-SHRD-features__item-number svg text {
        transition: all .5s ease
    }

    .ON-GRAD-SHRD-features__item-number:after {
        background-color: #000;
        border: 1px solid #ed145b;
        content: "";
        height: 11px;
        left: 50%;
        position: absolute;
        top: 68px;
        transform: translateX(-50%);
        width: 11px;
        z-index: 2
    }

.ON-GRAD-SHRD-features__item:first-child .ON-GRAD-SHRD-features__item-number:after {
    background-color: #08090b
}

.ON-GRAD-SHRD-features__item-title {
    color: #acc1cc;
    font: 18px/23px Gotham HTF Book;
    left: -241px;
    letter-spacing: .5px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 360px;
    transform: rotate(270deg);
    transition: color .5s ease;
    width: 530px;
    white-space: nowrap
}

    .ON-GRAD-SHRD-features__item-title span {
        font: 18px/23px Gotham HTF Light
    }

.ON-GRAD-SHRD-features__item-content {
    background-color: #1b1f22;
    position: relative;
    z-index: 2
}

    .ON-GRAD-SHRD-features__item-content:after {
        background-color: #ed145b;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 73px;
        width: 100%;
        z-index: -1
    }

.ON-GRAD-SHRD-features__item-wrapper2 {
    margin: 0 auto;
    padding: 40px 50px 15px;
    width: 100%
}

.ON-GRAD-SHRD-features__item-image {
    height: auto;
    width: 100%;
    z-index: 2
}

    .ON-GRAD-SHRD-features__item-image img {
        width: 100%
    }

.ON-GRAD-SHRD-features__item-iframe {
    width: 100%;
    aspect-ratio: 16/9
}

.ON-GRAD-SHRD-features__item-videojs {
    width: 100%;
    height: 309px
}

    .ON-GRAD-SHRD-features__item-videojs > .vjs-big-play-button {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 6em;
        border-color: #ed145b;
        color: #ed145b
    }

    .ON-GRAD-SHRD-features__item-videojs:hover > .vjs-big-play-button {
        border-color: #fff;
        color: #fff
    }

    .ON-GRAD-SHRD-features__item-videojs > .vjs-control-bar {
        background-color: rgba(231,79,130,.302)
    }

.ON-GRAD-SHRD-features__item-text {
    margin-top: 15px
}

    .ON-GRAD-SHRD-features__item-text p {
        color: #91a3ad;
        font: 16px/25px Roboto;
        letter-spacing: .5px;
        margin: 25px 0
    }

        .ON-GRAD-SHRD-features__item-text p strong {
            font: 600 16px/25px Roboto
        }

.ON-GRAD-SHRD-features__item-highlight {
    -ms-flex-align: center;
    align-items: center;
    background-color: #15181b;
    color: #6d7a81;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: -10px;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 100%
}

    .ON-GRAD-SHRD-features__item-highlight img {
        margin-right: 10px
    }

    .ON-GRAD-SHRD-features__item-highlight p {
        color: #6d7a81;
        font: 12px/16px Roboto;
        letter-spacing: .5px;
        margin: 0
    }

.ON-GRAD-SHRD-features__item.is-active .ON-GRAD-SHRD-features__item-title {
    color: #ed145b
}

.ON-GRAD-SHRD-features__item.is-active .ON-GRAD-SHRD-features__item-number svg text {
    fill: #ed145b;
    fill-opacity: 1
}

.ON-GRAD-SHRD-features__item.is-active .ON-GRAD-SHRD-features__item-number:after {
    background-color: #ed145b
}

.ON-MBA-home-solution {
    position: relative;
    margin: 50px 0 250px;
    padding-bottom: 100px
}

    .ON-MBA-home-solution:after {
        content: "";
        background: url(../images/online/mba/grafismo-solution-sprint.png) bottom no-repeat;
        bottom: -210px;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.ON-MBA-home-solution__header {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 115px
}

.ON-MBA-home-solution__header-column {
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.ON-MBA-home-solution__overline {
    font-family: Gotham HTF Book;
    font-size: 18px;
    line-height: 27px;
    color: #f00659;
    text-transform: uppercase
}

.ON-MBA-home-solution__title {
    font-family: Gotham HTF Book;
    font-size: 45px;
    line-height: 55px;
    color: #acc1cc;
    text-transform: uppercase;
    margin: 0
}

.ON-MBA-home-solution__slim {
    color: #75838b;
    font-family: Gotham HTF Light;
    display: inline-block;
    margin-left: 70px
}

.ON-MBA-home-solution__intro {
    font-family: Gotham HTF Book;
    font-size: 18px;
    line-height: 26px;
    color: #75838b;
    text-transform: uppercase;
    margin: 130px 0 0
}

.ON-MBA-home-solution__subtitle {
    font-family: Gotham HTF Book;
    font-size: 30px;
    color: #ed145b;
    text-transform: uppercase;
    margin: 0
}

.ON-MBA-home-solution__logo-box {
    padding: 30px;
    margin-top: 40px;
    border: 1px solid #424b4f;
    position: relative
}

.ON-MBA-home-solution__logo-box-text {
    position: absolute;
    bottom: 95%;
    width: 40%;
    left: 50%;
    width: 500px;
    color: #acc1cc;
    font-family: Roboto
}

.ON-MBA-home-solution__grid {
    padding: 50px 75px
}

.ON-MBA-home-solution__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px
}

    .ON-MBA-home-solution__row:last-child {
        margin-bottom: 0
    }

.ON-MBA-home-solution__img {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline
}

.MBA-plugins {
    padding-bottom: 350px;
    position: relative
}

    .MBA-plugins:before {
        content: "";
        background: url(../images/live/mba/grafismo-plugins.png) bottom no-repeat;
        top: 150px;
        height: 900px;
        position: absolute;
        display: block;
        width: 100%
    }

.MBA-plugins__section--ON {
    margin-bottom: 400px;
    position: relative
}

    .MBA-plugins__section--ON:after {
        background: url(../images/mba/home/plugins/effects_mba_on.png) bottom no-repeat;
        bottom: -310px;
        content: "";
        height: 493px;
        left: 0;
        position: absolute;
        width: 100%
    }

.MBA-plugins__description {
    border: 1px solid #ed145b;
    margin-bottom: 65px;
    padding: 80px;
    width: 100%
}

.MBA-plugins__description-columns {
    display: -ms-flexbox;
    display: flex
}

.MBA-plugins__description-column {
    position: relative
}

    .MBA-plugins__description-column:first-child {
        padding-right: 120px;
        width: 70%
    }

        .MBA-plugins__description-column:first-child:before {
            background: #91a3ad;
            content: "";
            display: block;
            height: 90%;
            opacity: .5;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px
        }

    .MBA-plugins__description-column:last-child {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 60px;
        width: 30%
    }

.MBA-plugins__mba-icon {
    width: 225px
}

.MBA-plugins__hours {
    color: #ed145b;
    font: 18px Gotham HTF Medium;
    margin-top: 25px;
    margin-bottom: 40px
}

.MBA-plugins__opcionais-title-text {
    font: 18px Gotham HTF book;
    color: #ed145b;
    text-transform: uppercase;
    text-align: center
}

.MBA-plugins__opcionais {
    -ms-flex-align: center;
    align-items: center
}

.MBA-plugins__opcionais, .MBA-plugins__opcionais-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.MBA-plugins__opcionais-header {
    width: 750px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 100px
}

.MBA-plugins__opcionais-title-plugins {
    font: 63px Gotham HTF Medium;
    color: #acc1cc;
    text-transform: uppercase;
    margin: 30px 0;
    position: relative
}

    .MBA-plugins__opcionais-title-plugins span {
        font: 63px Gotham HTF Book;
        color: #75838b
    }

.MBA-plugins__opcionais-subtitle-plugins {
    font: 18px Roboto;
    color: #91a3ad;
    line-height: 26px;
    position: relative;
    max-width: 370px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-item-align: end;
    align-self: flex-end
}

    .MBA-plugins__opcionais-subtitle-plugins:before {
        content: "";
        background-color: #ed145b;
        width: 40px;
        height: 7px;
        position: absolute;
        top: 10px;
        right: 434px
    }

.MBA-plugins__opcionais-subtitle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font: 18px/32px Roboto;
    color: #75838b;
    margin: 70px 0 85px
}

    .MBA-plugins__opcionais-subtitle div {
        width: 50%;
        position: relative
    }

        .MBA-plugins__opcionais-subtitle div:before {
            content: "";
            width: 45px;
            height: 5px;
            background-color: #ed145b;
            position: absolute;
            top: 25px;
            right: 55px
        }

    .MBA-plugins__opcionais-subtitle p {
        width: 50%
    }

.MBA-plugins__text {
    color: #91a3ad;
    font: 16px/24px Roboto;
    margin-top: 0
}

    .MBA-plugins__text:not(:last-child) {
        margin-bottom: 20px
    }

    .MBA-plugins__text:last-child {
        margin-bottom: 0
    }

    .MBA-plugins__text.text-principal {
        font: 20px/32px Gotham HTF Book;
        color: #59646a;
        text-transform: uppercase
    }

    .MBA-plugins__text.text-complementar {
        font: 18px/27px Roboto;
        color: #acc1cc;
        font-weight: 300
    }

.MBA-plugins__startup-one-icon {
    fill: #91a3ad;
    margin-bottom: 30px;
    width: 235px
}

.MBA-plugins__opcionais, .MBA-plugins__opcionais-title-wrapper2 {
    position: relative;
    width: 100%
}

.MBA-plugins__opcionais-title-wrapper2 {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.MBA-plugins__opcionais-title {
    color: #616d72;
    font: 20px Gotham HTF Book;
    margin: 0 30px;
    text-transform: uppercase;
    white-space: nowrap
}

.MBA-plugins__opcionais-line-left, .MBA-plugins__opcionais-line-right {
    background: #91a3ad;
    height: 230px;
    opacity: .5;
    position: absolute;
    top: -24px;
    width: 1px
}

    .MBA-plugins__opcionais-line-left:before, .MBA-plugins__opcionais-line-right:before {
        background: #91a3ad;
        bottom: 0;
        content: "";
        height: 1px;
        opacity: .7;
        position: absolute;
        width: 10px
    }

.MBA-plugins__opcionais-line-left {
    left: 0
}

.MBA-plugins__opcionais-line-right {
    right: 0
}

    .MBA-plugins__opcionais-line-right:before {
        left: -10px
    }

.MBA-plugins__opcionais-boxes {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding: 0 20px;
    width: 100%
}

.MBA-plugins__opcionais-box {
    cursor: pointer;
    height: 390px;
    padding: 40px 55px 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 33.3%;
    z-index: 1
}

    .MBA-plugins__opcionais-box:first-child {
        background: linear-gradient(90deg,#1a1d20,#25292d)
    }

    .MBA-plugins__opcionais-box:nth-child(2) {
        background: linear-gradient(90deg,#1c2023,#24282c)
    }

    .MBA-plugins__opcionais-box:nth-child(3) {
        background: linear-gradient(90deg,#1b1e21,#202327)
    }

    .MBA-plugins__opcionais-box:hover:before {
        box-shadow: 0 0 0 2px #ed145b
    }

    .MBA-plugins__opcionais-box:hover .MBA-plugins__opcionais-btn-circle {
        background: #ed145b;
        color: #000
    }

    .MBA-plugins__opcionais-box:hover .MBA-plugins__opcionais-btn-mask {
        width: 90px
    }

    .MBA-plugins__opcionais-box:before {
        box-shadow: 0 0 0 2px transparent;
        content: "";
        height: calc(100% - 2px);
        left: 0;
        position: absolute;
        top: 0;
        transition: box-shadow .8s ease;
        width: calc(100% - 2px);
        z-index: -1
    }

    .MBA-plugins__opcionais-box:after {
        background: #080809;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .8s ease;
        width: 100%;
        z-index: 2
    }

    .MBA-plugins__opcionais-box.mask:after {
        opacity: .5
    }

.MBA-plugins__opcionais-horas-container {
    position: relative
}

.MBA-plugins__opcionais-horas {
    color: #ed145b;
    font: 16px Gotham HTF Medium;
    left: 0;
    position: absolute;
    top: 0
}

.MBA-plugins__opcionais-logo-wrapper2 {
    height: 95px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px
}

.MBA-plugins__opcionais-logo {
    fill: #91a3ad;
    margin-top: 20px
}

.MBA-plugins__opcionais-logo--power-skills {
    width: 250px
}

.MBA-plugins__opcionais-logo--nano-courses {
    width: 190px
}

.MBA-plugins__opcionais-logo--mba-refresh {
    width: 210px
}

.MBA-plugins__opcionais-text {
    margin: 35px 0 30px
}

.MBA-plugins__opcionais-btn-circle, .MBA-plugins__opcionais-btn-wrapper2, .MBA-plugins__opcionais-text {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.MBA-plugins__opcionais-btn-circle {
    background: transparent;
    border: 1px solid #ed145b;
    border-radius: 50%;
    color: #ed145b;
    font: 25px Roboto;
    height: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    transition: color .8s ease,background .8s ease;
    width: 40px
}

.MBA-plugins__opcionais-btn-mask {
    overflow: hidden;
    transition: width .4s ease;
    width: 0
}

.MBA-plugins__opcionais-btn-text {
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 700
}

.MBA-plugins__opcionais-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px
}

.MBA-plugins__opcionais-bottom-icon {
    width: 70px
}

.MBA-plugins__opcionais-bottom-text {
    color: #91a3ad;
    font: 16px/24px Roboto;
    padding-left: 45px
}

.MBA-plugins__opcionais-scroll {
    bottom: -180px
}

.MBA-plugins__modal {
    background: rgba(0,0,0,.7);
    height: 100%;
    opacity: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

    .MBA-plugins__modal::-webkit-scrollbar {
        background: #610725;
        height: 8px;
        width: 8px
    }

    .MBA-plugins__modal::-webkit-scrollbar-track {
        border-radius: 5px
    }

    .MBA-plugins__modal::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #ed145b
    }

.MBA-plugins__modal-content {
    background: #1a1d20;
    left: 50%;
    margin: 10px 0;
    padding: 100px 70px 110px;
    position: absolute;
    transform: translate(-50%)
}

.MBA-plugins__modal-content--align-vertical {
    margin: 0;
    top: 50%;
    transform: translate(-50%,-50%)
}

.MBA-plugins__modal-btn-close {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2px;
    position: absolute;
    transition: border .8s ease,color .8s ease
}

    .MBA-plugins__modal-btn-close:hover {
        background-color: #ed145b;
        color: #000
    }

.MBA-plugins__modal-btn-close--top {
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px
}

.MBA-plugins__modal-btn-close--bottom {
    min-width: 250px;
    height: auto;
    right: 80px;
    bottom: 50px;
    padding: 10px 40px 10px 20px;
    font: 14px Gotham HTF Medium
}

    .MBA-plugins__modal-btn-close--bottom:before {
        content: "";
        background-image: url(../images/mba/home/arrow.png);
        position: absolute;
        top: 30%;
        right: 10px;
        width: 14px;
        height: 15px
    }

    .MBA-plugins__modal-btn-close--bottom:hover:before {
        background-image: url(../images/mba/home/arrow-hover.png)
    }

.MBA-plugins__modal-btn-close--bottom-voltar {
    height: auto;
    left: 80px;
    bottom: 50px;
    padding: 10px 15px 10px 30px;
    font: 14px Gotham HTF Medium
}

    .MBA-plugins__modal-btn-close--bottom-voltar:before {
        content: "";
        background-image: url(../images/mba/home/arrow-left.png);
        position: absolute;
        top: 30%;
        left: 10px;
        width: 14px;
        height: 15px
    }

    .MBA-plugins__modal-btn-close--bottom-voltar:hover:before {
        background-image: url(../images/mba/home/arrow-left-hover.png)
    }

.MBA-plugins__modal-btn-close--bottom-anterior {
    height: auto;
    left: 80px;
    bottom: 50px;
    padding: 10px 15px 10px 30px;
    font: 14px Gotham HTF Medium
}

    .MBA-plugins__modal-btn-close--bottom-anterior:before {
        content: "";
        background-image: url(../images/mba/home/arrow-left.png);
        position: absolute;
        top: 12px;
        left: 10px;
        width: 14px;
        height: 15px
    }

    .MBA-plugins__modal-btn-close--bottom-anterior:hover:before {
        background-image: url(../images/mba/home/arrow-left-hover.png)
    }

.MBA-plugins__power-skills {
    position: relative;
    margin-bottom: 50px
}

.MBA-plugins__power-skills-logo {
    display: block;
    fill: #91a3ad;
    margin: auto;
    padding-bottom: 65px;
    width: 370px
}

.MBA-plugins__power-skills-plugin-opcional-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 200px;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -80px;
    left: -48px
}

.MBA-plugins__power-skills-plugin-opcional-title {
    font: 12px Roboto;
    color: #75838b;
    text-transform: uppercase;
    position: absolute;
    padding-left: 30px
}

.MBA-plugins__power-skills-columns {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 1024px
}

.MBA-plugins__power-skills-column {
    width: 50%
}

    .MBA-plugins__power-skills-column:first-child {
        padding-right: 25px
    }

    .MBA-plugins__power-skills-column:last-child {
        padding-left: 25px
    }

.MBA-plugins__power-skills-accordions {
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    width: 100%
}

.MBA-plugins__power-skills-accordion {
    border: 1px solid #616d72;
    cursor: pointer;
    position: relative;
    transition: border .8s ease;
    width: 100%
}

    .MBA-plugins__power-skills-accordion.is-active, .MBA-plugins__power-skills-accordion:hover {
        border: 1px solid #ed145b
    }

        .MBA-plugins__power-skills-accordion.is-active .MBA-plugins__power-skills-accordion-number {
            background: #d31251;
            color: #fff
        }

        .MBA-plugins__power-skills-accordion.is-active .MBA-plugins__power-skills-accordion-title {
            background: #ed145b;
            color: #fff
        }

        .MBA-plugins__power-skills-accordion.is-active .MBA-plugins__power-skills-accordion-arrow:after, .MBA-plugins__power-skills-accordion.is-active .MBA-plugins__power-skills-accordion-arrow:before {
            background: #fff
        }

        .MBA-plugins__power-skills-accordion.is-active .MBA-plugins__power-skills-accordion-arrow:after {
            right: -7px
        }

        .MBA-plugins__power-skills-accordion.is-active .MBA-plugins__power-skills-accordion-arrow:before {
            left: 7px
        }

    .MBA-plugins__power-skills-accordion:not(:last-child) {
        margin-bottom: 20px
    }

.MBA-plugins__power-skills-accordion-head {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    position: relative
}

.MBA-plugins__power-skills-accordion-number {
    background: #24282b;
    color: #ed145b;
    font: 30px Gotham HTF Book;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px
}

.MBA-plugins__power-skills-accordion-number, .MBA-plugins__power-skills-accordion-title {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    transition: background .4s ease,color .4s ease
}

.MBA-plugins__power-skills-accordion-title {
    background: transparent;
    color: #91a3ad;
    padding-left: 40px;
    width: 100%
}

.MBA-plugins__power-skills-accordion-title-content {
    font: 20px Gotham HTF Medium;
    text-transform: uppercase
}

.MBA-plugins__power-skills-accordion-title-content--lowercase {
    text-transform: lowercase
}

.MBA-plugins__power-skills-accordion-arrow {
    height: 20px;
    position: absolute;
    right: 40px;
    width: 20px
}

    .MBA-plugins__power-skills-accordion-arrow:after, .MBA-plugins__power-skills-accordion-arrow:before {
        background: #ed145b;
        content: "";
        height: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .8s ease;
        width: 100%
    }

    .MBA-plugins__power-skills-accordion-arrow:before {
        left: 0;
        transform: rotate(45deg)
    }

    .MBA-plugins__power-skills-accordion-arrow:after {
        right: -14px;
        transform: rotate(-45deg)
    }

.MBA-plugins__power-skills-accordion-content {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
    width: 100%
}

.MBA-plugins__power-skills-accordion-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    padding: 60px;
    width: 100%
}

.MBA-plugins__power-skills-accordion-column {
    width: 50%
}

    .MBA-plugins__power-skills-accordion-column:first-child {
        padding-right: 25px
    }

    .MBA-plugins__power-skills-accordion-column:last-child {
        padding-left: 25px
    }

.MBA-plugins__power-skills-accordion-meetups {
    color: #91a3ad;
    display: block;
    font: 16px Gotham HTF Book;
    text-transform: uppercase
}

.MBA-plugins__power-skills-accordion-list {
    counter-reset: b;
    list-style: none
}

    .MBA-plugins__power-skills-accordion-list li {
        color: #91a3ad;
        counter-increment: b;
        font: 16px Roboto;
        margin-bottom: 5px;
        opacity: .7
    }

        .MBA-plugins__power-skills-accordion-list li:before {
            color: #ed145b;
            content: counter(b) ". ";
            font: 16px Roboto;
            font-weight: 700
        }

.MBA-plugins__power-skills-accordion-bottom {
    display: -ms-flexbox;
    display: flex
}

.MBA-plugins__power-skills-accordion-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.MBA-plugins__power-skills-accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

    .MBA-plugins__power-skills-accordion-bottom-text span {
        display: block;
        font-weight: 600
    }

.MBA-plugins__nano-courses {
    position: relative;
    width: 1024px;
    margin-bottom: 50px
}

.MBA-plugins__nano-courses-logo {
    margin-left: 60px;
    margin-bottom: 50px;
    width: 380px
}

    .MBA-plugins__nano-courses-logo img {
        width: 100%
    }

.MBA-plugins__nano-courses-title-wrapper2 {
    margin-bottom: 80px
}

.MBA-plugins__nano-courses-title {
    position: relative
}

    .MBA-plugins__nano-courses-title h30 {
        color: #a7bcc7;
        font: 29px/45px Gotham HTF Light;
        margin: 0;
        padding-left: 65px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase
    }

.MBA-plugins__nano-courses-columns {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 5%;
    width: 95%
}

.MBA-plugins__nano-courses-column {
    width: 50%
}

    .MBA-plugins__nano-courses-column:first-child {
        padding-right: 25px
    }

    .MBA-plugins__nano-courses-column:last-child {
        padding-left: 25px
    }

.MBA-plugins__nano-courses-bottom {
    display: -ms-flexbox;
    display: flex
}

.MBA-plugins__nano-courses-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.MBA-plugins__nano-courses-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

.MBA-plugins__mba-refresh {
    position: relative;
    width: 1024px;
    margin-bottom: 50px
}

.MBA-plugins__mba-refresh-logo {
    margin-left: 65px;
    margin-bottom: 40px;
    width: 370px
}

.MBA-plugins__mba-refresh-title-wrapper2 {
    background: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
    position: relative
}

.MBA-plugins__mba-refresh-title {
    width: 930px
}

    .MBA-plugins__mba-refresh-title img {
        width: 100%
    }

    .MBA-plugins__mba-refresh-title h30 {
        color: #a7bcc7;
        font: 29px/45px Gotham HTF Light;
        margin: 0;
        left: 0;
        padding-left: 67px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase
    }

.MBA-plugins__mba-refresh-columns {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0 5%;
    width: 95%
}

.MBA-plugins__mba-refresh-column {
    width: 50%
}

    .MBA-plugins__mba-refresh-column:first-child {
        padding-right: 25px
    }

    .MBA-plugins__mba-refresh-column:last-child {
        padding-left: 25px
    }

.MBA-plugins__mba-refresh-accordion-bottom-wrapper2 {
    margin: auto;
    width: 100%
}

.MBA-plugins__mba-refresh-accordion-bottom {
    display: -ms-flexbox;
    display: flex
}

.MBA-plugins__mba-refresh-accordion-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.MBA-plugins__mba-refresh-accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

.MBA-ensino-inscricoes-abertas {
    padding-top: 100px
}

    .MBA-ensino-inscricoes-abertas.small-padding {
        padding: 0 0 160px;
        margin: 0
    }

    .MBA-ensino-inscricoes-abertas.has-padding-bottom {
        padding-bottom: 200px
    }

    .MBA-ensino-inscricoes-abertas .text-description {
        font: 14px/18px Roboto;
        color: #616d72;
        display: block;
        margin-top: 20px
    }

.MBA-ensino-inscricoes-abertas__header {
    color: #616d72;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font: 16px/28px Gotham HTF Book;
    margin: 0 auto 200px;
    position: relative;
    text-transform: uppercase
}

.MBA-ensino-inscricoes-abertas__header-title {
    color: #91a3ad;
    font: 58px/50px Gotham HTF Medium;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 100px
}

    .MBA-ensino-inscricoes-abertas__header-title span {
        color: #91a3ad;
        display: block;
        font: 36px/50px Gotham HTF Light;
        position: relative;
        padding-left: 30px
    }

        .MBA-ensino-inscricoes-abertas__header-title span:before {
            content: "";
            width: 25px;
            height: 1px;
            background-color: #91a3ad;
            position: absolute;
            top: 50%;
            left: 0
        }

.MBA-ensino-inscricoes-abertas__header-text-ultimas-vagas {
    font: 11px Gotham HTF Book;
    color: #ed145b
}

.MBA-ensino-inscricoes-abertas__header-button {
    font: 18px/24px Gotham HTF Book;
    color: #75838b;
    width: 45%;
    margin-top: 150px
}

    .MBA-ensino-inscricoes-abertas__header-button span {
        color: #ed145b
    }

.MBA-ensino-inscricoes-abertas__header-subtitle {
    color: #59646a;
    font: 20px/32px Gotham HTF Book;
    letter-spacing: .3px;
    margin-bottom: 0;
    margin-left: 75px
}

    .MBA-ensino-inscricoes-abertas__header-subtitle span {
        display: block;
        font: 45px/64px Gotham HTF Medium
    }

.MBA-ensino-inscricoes-abertas__admissao {
    padding-bottom: 90px
}

.MBA-ensino-inscricoes-abertas__admissao-title {
    font: 34px/24px Gotham HTF Light;
    color: #91a3ad;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

    .MBA-ensino-inscricoes-abertas__admissao-title:after, .MBA-ensino-inscricoes-abertas__admissao-title:before {
        content: "";
        background-color: #2f3539;
        width: 350px;
        height: 1px;
        position: absolute;
        bottom: 0
    }

    .MBA-ensino-inscricoes-abertas__admissao-title:before {
        left: 0
    }

    .MBA-ensino-inscricoes-abertas__admissao-title:after {
        right: 0
    }

.MBA-ensino-inscricoes-abertas__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px
}

.MBA-ensino-inscricoes-abertas__box {
    border: 1px solid transparent;
    color: #616d72;
    padding: 0;
    position: relative;
    vertical-align: top;
    transition: border-color .4s ease-out;
    width: 23%;
    white-space: normal;
    z-index: 1
}

.MBA-ensino-inscricoes-abertas--graduacao .MBA-ensino-inscricoes-abertas__box {
    width: 32%
}

.MBA-ensino-inscricoes-abertas__box-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 110px
}

.MBA-ensino-inscricoes-abertas__box-number {
    margin-left: 20px;
    margin-right: 5px;
    position: relative
}

.MBA-ensino-inscricoes-abertas__box-number--on {
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    transition: opacity .5s ease
}

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-number--on {
    opacity: 1
}

.MBA-ensino-inscricoes-abertas__box-number--off {
    opacity: 1;
    transition: opacity .5s ease
}

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-number--off {
    opacity: 0
}

.MBA-ensino-inscricoes-abertas__box-title {
    color: #acc1cc;
    font: 18px/24px Gotham HTF Book;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: color .5s ease
}

    .MBA-ensino-inscricoes-abertas__box-title .title-format {
        white-space: nowrap
    }

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-title {
    color: #ed145b
}

.MBA-ensino-inscricoes-abertas__box-line {
    background-color: #2f3539;
    display: block;
    height: 1px;
    margin-top: 5px;
    opacity: .5;
    transition: all .5s ease;
    width: 100%
}

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-line {
    background-color: #ed145b;
    box-shadow: 0 0 10px 1px #ed145b;
    opacity: 1
}

.MBA-ensino-inscricoes-abertas__box-opcional {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

    .MBA-ensino-inscricoes-abertas__box-opcional span {
        font-size: 10px;
        font-family: Gotham HTF Medium;
        color: #3e4649;
        margin-left: 10px;
        transition: color .5s
    }

    .MBA-ensino-inscricoes-abertas__box-opcional svg {
        width: 30px;
        height: 30px;
        fill: #3e4649;
        transition: fill .5s
    }

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-opcional span {
    color: green
}

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-opcional svg {
    fill: #ed145b
}

.MBA-ensino-inscricoes-abertas__box-content {
    padding-left: 50px
}

.MBA-ensino-inscricoes-abertas__box-description {
    font-size: 18px !important;
    transition: all .5s ease
}

    .MBA-ensino-inscricoes-abertas__box-description .text-description {
        transition: all .5s ease
    }

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-description .text-description {
    color: #75838b
}

.MBA-ensino-inscricoes-abertas__box:hover .MBA-ensino-inscricoes-abertas__box-description {
    color: #acc1cc
}

.MBA-ensino-inscricoes-abertas__box-link {
    color: #ed145b;
    text-decoration: underline
}

.MBA-ensino-inscricoes-abertas__button {
    border: 2px solid #ed145b;
    color: #ed145b;
    display: table;
    font: 16px Gotham HTF Medium;
    letter-spacing: 1px;
    padding: 12px 45px;
    text-transform: uppercase;
    transition: all .5s ease
}

    .MBA-ensino-inscricoes-abertas__button:hover {
        background-color: #ed145b;
        color: #000
    }

.MBA-shared-rock-new-ventures {
    width: 100%;
    position: relative;
    padding: 70px 0 20px
}

.MBA-shared-rock-new-ventures__content-video {
    width: 100%;
    height: 427px;
    pointer-events: none
}

    .MBA-shared-rock-new-ventures__content-video img {
        width: 100%
    }

.MBA-shared-rock-new-ventures__content-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 70px 0 230px;
    position: relative
}

    .MBA-shared-rock-new-ventures__content-columns:after {
        content: "";
        width: 200px;
        height: 368px;
        background: url(../images/mba/home/effect-rnw.png) bottom no-repeat;
        position: absolute;
        top: 90px;
        left: -30px
    }

.MBA-shared-rock-new-ventures__content-columns-col-1 {
    font: 16px/28px Gotham HTF Book;
    color: #acc1cc;
    width: 50%;
    padding-left: 120px
}

.MBA-shared-rock-new-ventures__content-columns-col-2 {
    font: 18px/28px Roboto,sans-serif;
    font-weight: 300;
    width: 50%;
    color: #92a4ae;
    position: relative;
    padding-top: 85px
}

.MBA-shared-rock-new-ventures__content-columns-col-2-link {
    position: relative;
    top: 5px;
    border: 2px solid #ed145b;
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    letter-spacing: 1px;
    padding: 12px 54px;
    text-transform: uppercase;
    transition: all .5s ease
}

    .MBA-shared-rock-new-ventures__content-columns-col-2-link:hover {
        background-color: #ed145b;
        color: #000
    }

.MBA-shared-rock-new-ventures__content-columns-col-2:before {
    content: "";
    width: 45px;
    height: 5px;
    background-color: #ed145b;
    position: absolute;
    top: 50px;
    left: 0
}

.MBA-power-skills {
    padding-bottom: 250px;
    position: relative
}

.MBA-power-skills__text {
    color: #91a3ad;
    font: 16px/28px Roboto;
    margin-top: 0
}

    .MBA-power-skills__text:not(:last-child) {
        margin-bottom: 20px
    }

    .MBA-power-skills__text:last-child {
        margin-bottom: 0
    }

.MBA-power-skills__logo {
    display: block;
    fill: #91a3ad;
    padding-bottom: 85px;
    width: 670px
}

.MBA-power-skills__columns {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.MBA-power-skills__column {
    width: 50%
}

    .MBA-power-skills__column:first-child {
        padding-right: 25px
    }

    .MBA-power-skills__column:last-child {
        padding-left: 25px
    }

.MBA-power-skills__accordions {
    margin-top: 60px;
    position: relative;
    width: 100%
}

.MBA-power-skills__accordion {
    border: 1px solid #616d72;
    cursor: pointer;
    position: relative;
    transition: border .8s ease;
    width: 100%
}

    .MBA-power-skills__accordion.is-active, .MBA-power-skills__accordion:hover {
        border: 1px solid #ed145b
    }

        .MBA-power-skills__accordion.is-active .MBA-power-skills__accordion-number {
            background: #d31251;
            color: #fff
        }

        .MBA-power-skills__accordion.is-active .MBA-power-skills__accordion-title {
            background: #ed145b;
            color: #fff
        }

        .MBA-power-skills__accordion.is-active .MBA-power-skills__accordion-arrow:after, .MBA-power-skills__accordion.is-active .MBA-power-skills__accordion-arrow:before {
            background: #fff
        }

        .MBA-power-skills__accordion.is-active .MBA-power-skills__accordion-arrow:after {
            right: -7px
        }

        .MBA-power-skills__accordion.is-active .MBA-power-skills__accordion-arrow:before {
            left: 7px
        }

    .MBA-power-skills__accordion:not(:last-child) {
        margin-bottom: 20px
    }

.MBA-power-skills__accordion-head {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    position: relative
}

.MBA-power-skills__accordion-number {
    background: #24282b;
    color: #ed145b;
    font: 30px Gotham HTF Book;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px
}

.MBA-power-skills__accordion-number, .MBA-power-skills__accordion-title {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    transition: background .4s ease,color .4s ease
}

.MBA-power-skills__accordion-title {
    background: transparent;
    color: #91a3ad;
    font: 20px Gotham HTF Medium;
    padding-left: 40px;
    text-transform: uppercase;
    width: 100%
}

.MBA-power-skills__accordion-arrow {
    height: 20px;
    position: absolute;
    right: 40px;
    width: 20px
}

    .MBA-power-skills__accordion-arrow:after, .MBA-power-skills__accordion-arrow:before {
        background: #ed145b;
        content: "";
        height: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .8s ease;
        width: 100%
    }

    .MBA-power-skills__accordion-arrow:before {
        left: 0;
        transform: rotate(45deg)
    }

    .MBA-power-skills__accordion-arrow:after {
        right: -14px;
        transform: rotate(-45deg)
    }

.MBA-power-skills__accordion-content {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .4s ease;
    width: 100%
}

.MBA-power-skills__accordion-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    padding: 60px;
    width: 100%
}

.MBA-power-skills__accordion-column {
    width: 50%
}

    .MBA-power-skills__accordion-column:first-child {
        padding-right: 25px
    }

    .MBA-power-skills__accordion-column:last-child {
        padding-left: 25px
    }

.MBA-power-skills__accordion-meetups {
    color: #91a3ad;
    display: block;
    font: 16px Gotham HTF Book;
    text-transform: uppercase
}

.MBA-power-skills__accordion-list {
    counter-reset: b;
    list-style: none
}

    .MBA-power-skills__accordion-list li {
        color: #91a3ad;
        counter-increment: b;
        font: 16px Roboto;
        margin-bottom: 5px;
        opacity: .7
    }

        .MBA-power-skills__accordion-list li:before {
            color: #ed145b;
            content: counter(b) ". ";
            font: 16px Roboto;
            font-weight: 700
        }

.MBA-power-skills__accordion-bottom {
    display: -ms-flexbox;
    display: flex
}

.MBA-power-skills__accordion-bottom-icon {
    margin-right: 15px;
    width: 45px
}

.MBA-power-skills__accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

    .MBA-power-skills__accordion-bottom-text span {
        display: block;
        font-weight: 600
    }

.MBA-refresh {
    padding-bottom: 190px;
    position: relative
}

.MBA-refresh__text {
    color: #91a3ad;
    font: 16px/24px Roboto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

    .MBA-refresh__text:not(:last-child) {
        margin-bottom: 20px
    }

    .MBA-refresh__text:last-child {
        margin-bottom: 0
    }

.MBA-refresh__logo {
    margin-left: 65px;
    margin-bottom: 80px;
    width: 570px
}

.MBA-refresh__title-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 80px;
    position: relative
}

.MBA-refresh__title {
    width: 85%
}

    .MBA-refresh__title img {
        width: 100%
    }

    .MBA-refresh__title h30 {
        color: #a7bcc7;
        font: 32px/45px Gotham HTF Light;
        margin: 0;
        left: 0;
        padding-left: 75px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase
    }

.MBA-refresh__accordion-bottom-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.MBA-refresh__accordion-bottom-content {
    width: 85%
}

.MBA-refresh__accordion-bottom {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: 50%
}

.MBA-refresh__accordion-bottom-icon {
    margin-left: -5px;
    margin-right: 15px;
    width: 45px
}

.MBA-refresh__accordion-bottom-text {
    color: #91a3ad;
    font: 16px Roboto
}

.MBA-shared-networking {
    padding-top: 100px;
    position: relative
}

    .MBA-shared-networking.with-bottom-distance {
        padding-bottom: 150px
    }

    .MBA-shared-networking:after {
        background: url(../images/mba/shared/networking/effects.png) center 0 no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        bottom: -390px;
        width: 100%
    }

.MBA-shared-networking__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.MBA-shared-networking__content--box {
    box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.MBA-shared-networking__column {
    width: 30%;
    margin-right: 50px
}

    .MBA-shared-networking__column:last-child {
        margin-right: 0
    }

.MBA-shared-networking__column--text {
    width: 100%;
    text-align: center
}

.MBA-shared-networking__title {
    color: #91a3ad;
    font: 58px/65px Gotham HTF Medium;
    margin-top: 0;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 70px
}

    .MBA-shared-networking__title:after {
        content: "";
        position: absolute;
        top: 85px;
        left: 50%;
        width: 65px;
        height: 7px;
        background-color: #ed145b;
        transform: translateX(-50%)
    }

.MBA-shared-networking__text {
    color: #75838b;
    font: 300 18px/25px Roboto;
    letter-spacing: .3px;
    text-align: center
}

    .MBA-shared-networking__text strong {
        font: 700 18px/25px Roboto
    }

.MBA-shared-networking__list-item {
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #41494e;
    color: #91a3ad;
    display: -ms-flexbox;
    display: flex;
    font: 16px Gotham HTF Book;
    font-weight: 300;
    height: 24px;
    letter-spacing: .8px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px;
    text-transform: uppercase;
    transition: all .4s ease
}

    .MBA-shared-networking__list-item:hover {
        color: #ed145b
    }

.MBA-shared-startup-one {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 200px;
    position: relative
}

    .MBA-shared-startup-one:after {
        background: url(../images/mba/shared/startup-one/effects.png) center 100px no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .MBA-shared-startup-one.MBA:after {
        height: 1877px;
        top: -580px
    }

    .MBA-shared-startup-one .wrapper2 {
        max-width: 1044px
    }

.MBA-shared-startup-one__content {
    position: relative;
    width: 100%
}

    .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__header {
        left: -4%
    }

.MBA-shared-startup-one__header {
    left: 3%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 1s;
    z-index: 10
}

.MBA-shared-startup-one__title {
    color: #91a3ad;
    font: 70px/70px Gotham HTF Medium;
    margin-top: 25px;
    text-align: right;
    text-transform: uppercase;
    transition: font-size 1s
}

    .MBA-shared-startup-one__title .text-magenta {
        display: block
    }

.MBA-shared-startup-one__subtitle {
    color: #ed145b;
    font: 18px Gotham HTF Book;
    letter-spacing: .3px;
    margin-top: 50px;
    text-align: right;
    text-transform: uppercase
}

.MBA-shared-startup-one__media {
    cursor: pointer;
    float: right;
    max-width: 736px;
    position: relative
}

.MBA-shared-startup-one__media-play {
    border: 1px solid #ed145b;
    color: #ed145b;
    display: block;
    font: 14px Gotham HTF Medium;
    left: 50%;
    letter-spacing: .5px;
    padding: 13px 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: transform .4s ease
}

.MBA-shared-startup-one__media:hover .MBA-shared-startup-one__media-play {
    transform: translate(-50%,-50%) scale(1.1)
}

.MBA-shared-startup-one__media img {
    display: block
}

.MBA-shared-startup-one__columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 90px auto 0;
    width: 100%
}

.MBA-shared-startup-one__column {
    width: 48%
}

.MBA-shared-startup-one__descricao {
    color: #75838b;
    font: 18px/26px Gotham HTF Book;
    letter-spacing: 1px;
    margin-bottom: 40px;
    margin-left: 24px;
    margin-top: 30px;
    position: relative;
    text-align: left;
    text-transform: uppercase
}

.MBA-shared-startup-one__text-content {
    margin-top: 0;
    padding-left: 15px;
    position: relative
}

    .MBA-shared-startup-one__text-content:after {
        background-color: #616d72;
        content: "";
        height: 260px;
        left: -40px;
        position: absolute;
        top: -190px;
        width: 1px
    }

.MBA-shared-startup-one__text {
    color: #91a3ad;
    font: 16px/25px Roboto;
    letter-spacing: .2px;
    margin: 25px 0
}

.MBA-shared-startup-one__text--special {
    color: #acc1cc;
    font: 18px/28px Roboto;
    letter-spacing: .5px;
    margin-left: 24px;
    font-weight: 300
}

    .MBA-shared-startup-one__text--special strong {
        font: 700 18px/28px Roboto
    }

.MBA-shared-startup-one__text a {
    color: #ed145b;
    cursor: pointer;
    text-decoration: underline
}

.MBA-shared-startup-one__text strong {
    font: 700 16px/25px Roboto
}

.MBA-shared-startup-one__button {
    color: #ed145b;
    display: inline-block;
    font: 14px Gotham HTF Bold;
    margin-top: 25px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle
}

.MBA-shared-startup-one__saiba-mais {
    border: 1px solid #ed145b;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    margin-right: 15px;
    position: relative;
    transition: background .4s ease;
    width: 40px
}

    .MBA-shared-startup-one__saiba-mais:after {
        color: #ed145b;
        content: "+";
        font: 35px Gotham HTF Light;
        left: 50%;
        position: absolute;
        top: 48%;
        transform: translate(-50%,-50%);
        transition: color .4s ease
    }

    .MBA-shared-startup-one__saiba-mais:hover {
        background: #ed145b
    }

        .MBA-shared-startup-one__saiba-mais:hover:after {
            color: #fff
        }

.modal {
    background: rgba(0,0,0,.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.modal-box {
    background: #fff;
    display: block;
    height: 75vh;
    left: 50%;
    max-width: 1080px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.modal-iframe {
    background: none;
    border: none;
    display: block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.modal-button {
    color: #fff;
    cursor: pointer;
    font-size: 0;
    height: 45px;
    opacity: .65;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    transition: opacity .4s ease;
    top: -45px;
    width: 45px
}

    .modal-button:after {
        content: "×";
        font: 28px/45px Arial
    }

    .modal-button:hover {
        opacity: 1
    }

.GRAD-SHRD-vestibular {
    padding-top: 110px;
    position: relative
}

    .GRAD-SHRD-vestibular.has-padding-bottom {
        padding-bottom: 110px
    }

.GRAD-SHRD-vestibular-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.GRAD-SHRD-vestibular-head-title {
    -ms-flex-align: center;
    align-items: center;
    color: #91a3ad;
    display: -ms-flexbox;
    display: flex;
    font: 42px Gotham HTF Light;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

    .GRAD-SHRD-vestibular-head-title span {
        color: #616d72;
        font: 18px Gotham HTF Book;
        left: 50%;
        position: absolute;
        top: -25px;
        text-align: center;
        transform: translateX(-50%);
        width: 100%
    }

    .GRAD-SHRD-vestibular-head-title:after, .GRAD-SHRD-vestibular-head-title:before {
        background: #616d72;
        content: "";
        display: block;
        height: 1px;
        position: relative;
        width: 34%
    }

.GRAD-SHRD-vestibular-head-line {
    background: #616d72;
    height: 195px;
    position: absolute;
    top: 50%;
    width: 1px
}

    .GRAD-SHRD-vestibular-head-line:before {
        background: #616d72;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        width: 9px
    }

.GRAD-SHRD-vestibular-head-line--left {
    left: 0
}

.GRAD-SHRD-vestibular-head-line--right, .GRAD-SHRD-vestibular-head-line--right:before {
    right: 0
}

.GRAD-SHRD-vestibular-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: 95%;
    margin-top: 30px
}

.GRAD-SHRD-vestibular-column {
    padding: 30px 50px 70px
}

.GRAD-SHRD-vestibular-column--lg {
    width: 59%
}

.GRAD-SHRD-vestibular-column--ft, .GRAD-SHRD-vestibular-column--lg {
    background: #1a1d21;
    background: linear-gradient(135deg,#1a1d21,#24292c)
}

.GRAD-SHRD-vestibular-column--ft {
    width: 100%
}

.GRAD-SHRD-vestibular-column--sm {
    width: 41%
}

.GRAD-SHRD-vestibular-column--sd, .GRAD-SHRD-vestibular-column--sm {
    background: #1a1d20;
    background: linear-gradient(135deg,#1a1d20,#24282d)
}

.GRAD-SHRD-vestibular-column--sd {
    width: 50%
}

.GRAD-SHRD-vestibular-column-title {
    color: #ed145b;
    font: 24px Gotham HTF Book;
    letter-spacing: 2px;
    margin: 30px 0;
    text-align: center;
    text-transform: uppercase
}

    .GRAD-SHRD-vestibular-column-title strong {
        font-family: Gotham HTF Medium
    }

    .GRAD-SHRD-vestibular-column-title:after {
        background: #ed145b;
        content: "";
        display: block;
        height: 1px;
        margin-top: 50px;
        width: 100%
    }

.GRAD-SHRD-vestibular-column-title-md {
    color: #acc1cc;
    font: 22px Gotham HTF Light;
    margin-bottom: 0;
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase
}

.GRAD-SHRD-vestibular-column-text {
    color: #acc1cc;
    font: 14px Gotham HTF Light;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase
}

    .GRAD-SHRD-vestibular-column-text strong {
        font-family: Gotham HTF Medium
    }

.GRAD-SHRD-vestibular-info {
    margin-top: 75px;
    position: relative
}

    .GRAD-SHRD-vestibular-info.info-format {
        margin-top: 60px
    }

.GRAD-SHRD-vestibular-info-labels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-bottom: 20px;
    width: 100%
}

.GRAD-SHRD-vestibular-info-labels-item {
    color: #616d72;
    font: 12px Gotham HTF Medium;
    text-align: center;
    text-transform: uppercase;
    width: 33%
}

    .GRAD-SHRD-vestibular-info-labels-item:not(:first-child):after {
        background: #616d72;
        content: "";
        display: block;
        height: calc(100% + 35px);
        opacity: .3;
        position: absolute;
        top: -15px;
        width: 1px
    }

.GRAD-SHRD-vestibular-info-content {
    border: 1px solid #ed145b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
    width: 100%
}

    .GRAD-SHRD-vestibular-info-content.content-format {
        padding: 21px 0
    }

.GRAD-SHRD-vestibular-info-content-item {
    color: #616d72;
    font: 16px Roboto;
    font-weight: 600;
    text-align: center;
    width: 33%
}

    .GRAD-SHRD-vestibular-info-content-item .horario {
        display: block;
        font-size: 12px
    }

.GRAD-SHRD-vestibular-info-content-title {
    color: #ed145b
}

.GRAD-SHRD-vestibular-btn-wrapper2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.GRAD-SHRD-vestibular-btn {
    background: transparent;
    border: 1px solid #ed145b;
    color: #ed145b;
    font: 14px Gotham HTF Medium;
    padding: 13px 30px;
    transition: all .4s ease;
    text-transform: uppercase
}

    .GRAD-SHRD-vestibular-btn:hover {
        background: #ed145b;
        color: #000
    }

.GRAD-SHRD-vestibular-presencial-wrapper2 {
    min-height: 40px;
    padding-top: 10px
}

.GRAD-SHRD-vestibular-column-highlight-text {
    color: #acc1cc;
    font: 14px/20px Gotham HTF Light;
    font-weight: 600;
    margin: 30px 0;
    text-align: center
}

    .GRAD-SHRD-vestibular-column-highlight-text strong {
        font: 14px/24px Gotham HTF Medium;
        display: block;
        width: 100%;
        font-weight: 600
    }

.GRAD-SHRD-vestibular-column-highlight-text--bold {
    color: #acc1cc;
    font: 14px Gotham HTF Medium;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600
}

.GRAD-SHRD-vestibular-modal {
    background: rgba(0,0,0,.7);
    height: 100%;
    opacity: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

    .GRAD-SHRD-vestibular-modal::-webkit-scrollbar {
        background: #610725;
        height: 8px;
        width: 8px
    }

    .GRAD-SHRD-vestibular-modal::-webkit-scrollbar-track {
        border-radius: 5px
    }

    .GRAD-SHRD-vestibular-modal::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #ed145b
    }

.GRAD-SHRD-vestibular-modal-content {
    -ms-flex-align: center;
    align-items: center;
    background: #1a1d20;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 100px 70px 110px;
    position: absolute;
    right: 0;
    width: 570px
}

.GRAD-SHRD-vestibular-modal-content--align-vertical {
    margin: 0;
    top: 50%;
    transform: translate(-50%,-50%)
}

.GRAD-SHRD-vestibular-modal-btn-close {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-bottom: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2px;
    transition: border .8s ease,color .8s ease;
    width: 20px
}

    .GRAD-SHRD-vestibular-modal-btn-close:hover {
        border: 1px solid #616d72;
        color: #616d72
    }

.GRAD-SHRD-vestibular-modal-title {
    color: #91a3ad;
    font: 22px/32px Gotham HTF Book;
    text-transform: uppercase
}

    .GRAD-SHRD-vestibular-modal-title span {
        color: #ed145b
    }

.GRAD-SHRD-vestibular-modal-text {
    color: #616d72;
    font: 16px/22px Roboto;
    font-weight: 600;
    margin-bottom: 40px
}

.GRAD-SHRD-vestibular-modal-form-row {
    position: relative;
    margin-bottom: 20px
}

.GRAD-SHRD-vestibular-modal-form-label {
    color: #616d72;
    display: block;
    font: 11px Gotham HTF Medium;
    letter-spacing: 1.5px;
    margin: 0 0 5px 15px;
    text-transform: uppercase
}

.GRAD-SHRD-vestibular-modal-form-input {
    background: none;
    border: 1px solid #373c42;
    color: #91a3ad;
    font: 13px Roboto;
    height: 42px;
    outline: none;
    padding: 0 15px;
    transition: border-color .4s ease;
    width: 100%
}

    .GRAD-SHRD-vestibular-modal-form-input:focus {
        border-color: #91a3ad
    }

    .GRAD-SHRD-vestibular-modal-form-input.is-invalid {
        border-color: #ed145b
    }

.GRAD-SHRD-vestibular-modal-form-input-feedback {
    bottom: 0;
    height: 30px;
    position: absolute;
    right: -5px;
    width: 30px
}

    .GRAD-SHRD-vestibular-modal-form-input-feedback:after, .GRAD-SHRD-vestibular-modal-form-input-feedback:before {
        content: "";
        position: absolute
    }

.GRAD-SHRD-vestibular-modal-form-nota {
    color: #ed145b;
    display: block;
    font: 10px Gotham HTF Medium;
    margin-bottom: 40px;
    text-transform: uppercase
}

.GRAD-SHRD-vestibular-modal-form-btn {
    background: transparent;
    border: 1px solid #ed145b;
    color: #ed145b;
    cursor: pointer;
    font: 14px Gotham HTF Medium;
    padding: 13px 40px;
    transition: all .4s ease;
    text-transform: uppercase
}

    .GRAD-SHRD-vestibular-modal-form-btn:hover {
        background: #ed145b;
        color: #000
    }

@font-face {
    font-family: Borda Regular;
    src: url(../_fonts/borda/borda-regular.woff2) format("woff2"),url(../_fonts/borda/borda-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Borda Medium;
    src: url(../_fonts/borda/borda-medium.woff2) format("woff2"),url(../_fonts/borda/borda-medium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DIN Pro Bold;
    src: url(../_fonts/din/din-pro-bold.woff2) format("woff2"),url(../_fonts/din/din-pro-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DIN Condensed Bold;
    src: url(../_fonts/din-condensed/din-condensed-bold.woff2) format("woff2"),url(../_fonts/din-condensed/din-condensed-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham HTF Black;
    src: url(../_fonts/gotham/gotham-htf-black.woff2) format("woff2"),url(../_fonts/gotham/gotham-htf-black.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham HTF Bold;
    src: url(../_fonts/gotham/gotham-htf-bold.woff2) format("woff2"),url(../_fonts/gotham/gotham-htf-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham HTF Book;
    src: url(../_fonts/gotham/gotham-htf-book.woff2) format("woff2"),url(../_fonts/gotham/gotham-htf-book.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham HTF Light;
    src: url(../_fonts/gotham/gotham-htf-light.woff2) format("woff2"),url(../_fonts/gotham/gotham-htf-light.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham HTF Medium;
    src: url(../_fonts/gotham/gotham-htf-medium.woff2) format("woff2"),url(../_fonts/gotham/gotham-htf-medium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gotham HTF Thin;
    src: url(../_fonts/gotham/gotham-htf-thin.woff2) format("woff2"),url(../_fonts/gotham/gotham-htf-thin.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@media (width:414px) {
    .ON-GRAD-one-planet-premios__line {
        top: 669px
    }

    .ON-GRAD-one-planet-premios__line2 {
        top: 1131px
    }

    .ON-GRAD-one-planet-premios__line3 {
        top: 900px
    }

    .ON-GRAD-one-planet-premios__line4 {
        top: 1356px
    }

    .ON-GRAD-one-planet-premios__line5 {
        top: 2653px
    }
}

@media (min-width:480px) {
    .col-xs-1 {
        width: 8.3333333333%
    }

    .col-xs-2 {
        width: 16.6666666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.3333333333%
    }

    .col-xs-5 {
        width: 41.6666666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.3333333333%
    }

    .col-xs-8 {
        width: 66.6666666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.3333333333%
    }

    .col-xs-11 {
        width: 91.6666666667%
    }

    .col-xs-12 {
        width: 100%
    }

    .components-menu-item-button {
        display: none
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .br-tablet {
        display: block !important
    }
}

@media (min-width:768px) {
    .col-s-1 {
        width: 8.3333333333%
    }

    .col-s-2 {
        width: 16.6666666667%
    }

    .col-s-3 {
        width: 25%
    }

    .col-s-4 {
        width: 33.3333333333%
    }

    .col-s-5 {
        width: 41.6666666667%
    }

    .col-s-6 {
        width: 50%
    }

    .col-s-7 {
        width: 58.3333333333%
    }

    .col-s-8 {
        width: 66.6666666667%
    }

    .col-s-9 {
        width: 75%
    }

    .col-s-10 {
        width: 83.3333333333%
    }

    .col-s-11 {
        width: 91.6666666667%
    }

    .col-s-12 {
        width: 100%
    }

    .graduacao-financiamento-bolsas-box > * {
        width: calc(50% - 40px)
    }

    .graduacao-financiamento-estendido-cursos-header {
        min-height: 80px
    }

    .graduacao-financiamento-bolsas-parceiras-text {
        margin: 80px 20px
    }

    .graduacao-financiamento-bolsas-plus-grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr);
        -ms-grid-rows: 275px auto;
        grid-template-rows: 275px auto
    }

        .graduacao-financiamento-bolsas-plus-grid > * {
            margin: 0 40px
        }

        .graduacao-financiamento-bolsas-plus-grid > :nth-child(2) {
            grid-row: 1/3;
            grid-column: 2/3
        }

    .graduacao-labs-gallery-next, .graduacao-labs-gallery-prev {
        display: none
    }

    .graduacao-labs-gallery-item.is-active .graduacao-labs-gallery-description, .graduacao-labs-gallery-item:hover .graduacao-labs-gallery-description {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width:960px) {
    .col-m-1 {
        width: 8.3333333333%
    }

    .col-m-2 {
        width: 16.6666666667%
    }

    .col-m-3 {
        width: 25%
    }

    .col-m-4 {
        width: 33.3333333333%
    }

    .col-m-5 {
        width: 41.6666666667%
    }

    .col-m-6 {
        width: 50%
    }

    .col-m-7 {
        width: 58.3333333333%
    }

    .col-m-8 {
        width: 66.6666666667%
    }

    .col-m-9 {
        width: 75%
    }

    .col-m-10 {
        width: 83.3333333333%
    }

    .col-m-11 {
        width: 91.6666666667%
    }

    .col-m-12 {
        width: 100%
    }

    .components-slider-item {
        padding: 0 15px
    }

    .fiap-2018-disrupcao-column:first-child {
        padding-left: 40px
    }

    .fiap-2018-disrupcao-column:last-child {
        padding-left: 25px
    }

    .online-como-funciona-box:hover {
        border-color: #2a3032
    }

    .ON-GRAD-one-planet-header__container:before {
        background: url(../images/online/graduacao/one-planet/header/square.png) top no-repeat;
        content: "";
        display: block;
        position: absolute;
        width: 108px;
        height: 110px;
        left: -70px;
        top: 190px
    }

    .ON-GRAD-one-planet-header__container:after {
        background: url(../images/online/graduacao/one-planet/header/lines.png) top no-repeat;
        bottom: 100px;
        content: "";
        display: block;
        position: absolute;
        width: 28px;
        height: 85px;
        left: 0
    }
}

@media (min-width:960px) and (max-height:660px) {
    .components-scroll-circle-icon {
        height: 40px
    }
}

@media screen and (min-width:960px) {
    .MBA-home-cursos__card:hover {
        background-color: #ed145b
    }

        .MBA-home-cursos__card:hover .MBA-home-cursos__card-subtitle, .MBA-home-cursos__card:hover .MBA-home-cursos__card-title, .MBA-home-cursos__card:hover .MBA-home-cursos__card-type-list * {
            color: #000;
            font-family: Gotham HTF Medium
        }

        .MBA-home-cursos__card:hover .MBA-home-cursos__card-type-list span:before {
            border-color: #000
        }

    .MBA-home-cursos__card:nth-child(-n+4):before {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        width: 50px;
        background-color: #515a60;
        top: 0;
        display: none
    }
}

@media (min-width:960px) and (max-width:1440px) {
    .ON-GRAD-one-planet-header__container:before {
        left: -30px;
        top: 110px
    }

    .ON-GRAD-one-planet-header__container:after {
        bottom: 20px
    }
}

@media screen and (min-width:980px) {
    .ON-GRAD-one-planet-programacao__talk-column--dot-start:before {
        position: absolute;
        width: 6px;
        height: 6px;
        content: "";
        background-color: #000;
        bottom: -3px;
        left: -3px
    }

    .ON-GRAD-one-planet-programacao__talk-column--dot-end:after {
        position: absolute;
        width: 6px;
        height: 6px;
        content: "";
        background-color: #000;
        bottom: -3px;
        right: -3px
    }

    .ON-GRAD-one-planet-programacao__talk-link--mobile-only {
        display: none
    }
}

@media (min-width:1024px) {
    .col-l-1 {
        width: 8.3333333333%
    }

    .col-l-2 {
        width: 16.6666666667%
    }

    .col-l-3 {
        width: 25%
    }

    .col-l-4 {
        width: 33.3333333333%
    }

    .col-l-5 {
        width: 41.6666666667%
    }

    .col-l-6 {
        width: 50%
    }

    .col-l-7 {
        width: 58.3333333333%
    }

    .col-l-8 {
        width: 66.6666666667%
    }

    .col-l-9 {
        width: 75%
    }

    .col-l-10 {
        width: 83.3333333333%
    }

    .col-l-11 {
        width: 91.6666666667%
    }

    .col-l-12 {
        width: 100%
    }

    .fiap-2018-sxsw-image {
        background: url(../images/fiap/institucional/sxsw-2018/background-logos.png) 0 0 no-repeat;
        height: 100%;
        max-width: 490px;
        min-height: 490px;
        position: relative;
        width: 100%
    }

    .fiap-2018-sxsw-image-content {
        text-align: initial;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }

    .fiap-2018-sxsw-logo {
        display: initial
    }

        .fiap-2018-sxsw-logo.fiap {
            bottom: 10px;
            left: 112px;
            position: absolute;
            width: 140px;
            fill: #ed145b
        }

        .fiap-2018-sxsw-logo.at {
            bottom: 21px;
            color: #86969f;
            font: 17px Gotham HTF Book;
            left: 265px;
            position: absolute;
            text-transform: uppercase
        }

        .fiap-2018-sxsw-logo.sxsw {
            left: 190px;
            position: absolute;
            width: 190px;
            fill: #91a3ad
        }

    .fiap-2018-unidades-list {
        -ms-flex-pack: center;
        justify-content: center
    }

    .fiap-2018-unidades-item {
        max-width: 340px
    }
}

@media (min-width:1025px) {
    .ON-MBA-inaugural__programacao {
        margin-top: 210px
    }

    .ON-MBA-inaugural__programacao__column--align-self {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .ON-MBA-inaugural__programacao__column:not(.ON-MBA-inaugural__programacao__column--no-line) {
        position: relative
    }

        .ON-MBA-inaugural__programacao__column:not(.ON-MBA-inaugural__programacao__column--no-line):after {
            background: #616d72;
            content: "";
            display: block;
            height: 2px;
            position: absolute;
            right: -5px;
            top: 30px;
            width: 72px
        }

    .ON-MBA-inaugural__programacao__column:last-child {
        padding-left: 130px
    }

    .ON-MBA-inaugural__dropdown:not(.is-active):hover, .ON-MBA-inaugural__dropdown:not(.is-active):hover .ON-MBA-inaugural__dropdown__overflow {
        border-color: #91a3ad
    }

        .ON-MBA-inaugural__dropdown:not(.is-active):hover .ON-MBA-inaugural__dropdown__display-text {
            color: #91a3ad
        }

    .ON-GRAD-inaugural__programacao {
        margin-top: 210px
    }

    .ON-GRAD-inaugural__programacao__column--align-self {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .ON-GRAD-inaugural__programacao__column:not(.ON-GRAD-inaugural__programacao__column--no-line) {
        position: relative
    }

        .ON-GRAD-inaugural__programacao__column:not(.ON-GRAD-inaugural__programacao__column--no-line):after {
            background: #616d72;
            content: "";
            display: block;
            height: 2px;
            position: absolute;
            right: -5px;
            top: 30px;
            width: 72px
        }

    .ON-GRAD-inaugural__programacao__column--no-margin-top:after {
        top: 10px !important
    }

    .ON-GRAD-inaugural__programacao__column:last-child {
        padding-left: 90px
    }

    .ON-GRAD-inaugural__dropdown:not(.is-active):hover, .ON-GRAD-inaugural__dropdown:not(.is-active):hover .ON-GRAD-inaugural__dropdown__overflow {
        border-color: #91a3ad
    }

        .ON-GRAD-inaugural__dropdown:not(.is-active):hover .ON-GRAD-inaugural__dropdown__display-text {
            color: #91a3ad
        }
}

@media (min-width:1130px) {
    .col-xl-1 {
        width: 8.3333333333%
    }

    .col-xl-2 {
        width: 16.6666666667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.3333333333%
    }

    .col-xl-5 {
        width: 41.6666666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.3333333333%
    }

    .col-xl-8 {
        width: 66.6666666667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.3333333333%
    }

    .col-xl-11 {
        width: 91.6666666667%
    }

    .col-xl-12, .components-cursos-item {
        width: 100%
    }

    .mba-admissao-list-content {
        width: 1000px
    }
}

@media (min-width:1200px) {
    .br-desktop {
        display: block
    }

    .components-gallery-slider .components-slider-image {
        height: 568px
    }

    .components-gallery-slider .components-slider-item {
        padding: 0 15px
    }

    .LIVE-MBA-live-classes__line-box-live:after {
        width: 30%
    }

    .LIVE-MBA-live-classes__line-box-suporte:after {
        width: 50%
    }

    .LIVE-MBA-live-classes__line-box-experiencia:after {
        width: 58%
    }
}

@media (min-width:1220px) {
    .fiap-2018-enade-box.left, .fiap-2018-enade-box.right {
        width: 305px
    }
}

@media (min-width:1440px) {
    .ON-base__menu-right .components-menu-button {
        width: auto
    }
}

@media (min-width:1490px) {
    .components-menu.is-active .components-menu-link {
        line-height: 80px
    }

    .components-menu-sublist {
        padding: 0 30px 0 20px;
        width: 295px
    }

    .components-menu-item:hover .components-menu-sublist {
        max-height: 530px;
        padding: 20px 30px 20px 20px
    }

    .components-menu-toggle {
        display: none
    }
}

@media (min-width:1921px) {
    .ON-GRAD-one-planet-header__effect-circle {
        top: -80px;
        left: 64%;
        height: 1010px;
        transform: translateX(-50%) rotate(9deg)
    }
}

@media (max-width:3000px) and (min-width:2000px) and (min-height:1100px) {
    .LIVE-MBA-conteudos__fix-trigger {
        height: 220vh;
        top: -20vh
    }
}

@media (min-width:3000px) {
    .LIVE-MBA-conteudos__fix-trigger {
        height: 220vh;
        top: -30vh
    }
}

@media (min-height:700px) {
    .mba-curso-investimento-box {
        padding: 50px 60px
    }
}

@media (min-height:780px) {
    .graduacao-curso-header-btn {
        margin: 50px 0 20px
    }
}

@media (min-height:900px) {
    .graduacao-curso-header-btn {
        margin: 90px 0 0
    }
}

@media screen and (max-width:1980px) {
    .ON-GRAD-one-planet-programacao__popover-content {
        padding: 30px 45px
    }

    .ON-GRAD-one-planet-programacao__popover-input {
        max-width: 180px
    }
}

@media (max-width:1920px) {
    .LIVE-MBA-conteudos {
        height: 70vh
    }

    .ON-GRAD-you-will-rock__gradients {
        background: url(../images/graduacao/shared/gradiente-you-will-rock-1920.png) top repeat-y
    }

    .ON-GRAD-one-planet-header__effect-circle {
        left: 61%
    }
}

@media (max-width:1880px) {
    .components-menu-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 27% !important
    }
}

@media (max-width:1850px) {
    .LIVE-MBA-base__menu-right, .ON-base__menu-right {
        width: 15%
    }
}

@media screen and (max-width:1812px) {
    .ON-GRAD-one-planet-programacao__talk-column--actions, .ON-GRAD-one-planet-programacao__talk-column--description, .ON-GRAD-one-planet-programacao__talk-column--time, .ON-GRAD-one-planet-programacao__talk-column--title {
        padding: 60px 40px
    }
}

@media (max-width:1700px) {
    .ON-GRAD-one-planet-header__intro-text-line {
        font-size: 76px
    }

    .ON-GRAD-one-planet-header__intro-text-desc {
        font-size: 17px;
        line-height: 24px
    }
}

@media (max-width:1680px) {
    .components-menu-right {
        width: 20% !important
    }

    .ON-GRAD-one-planet-header__effect-circle {
        height: 800px;
        left: 60%;
        top: -60px;
        transform: translateX(-50%) rotate(-5deg)
    }
}

@media screen and (max-width:1680px) {
    .ON-GRAD-one-planet-programacao__talk-column--actions, .ON-GRAD-one-planet-programacao__talk-column--description, .ON-GRAD-one-planet-programacao__talk-column--time, .ON-GRAD-one-planet-programacao__talk-column--title {
        padding: 60px 30px
    }

    .ON-GRAD-one-planet-programacao__talk-title {
        font-size: 60px;
        line-height: 50px;
        margin-bottom: 5px
    }

    .ON-GRAD-one-planet-programacao__talk-details, .ON-GRAD-one-planet-programacao__talk-paragraph, .ON-GRAD-one-planet-programacao__talk-steps {
        font-size: 16px
    }

    .ON-GRAD-one-planet-programacao__talk-link {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px
    }

    .ON-GRAD-one-planet-programacao__popover-content {
        padding: 10px 25px
    }

        .ON-GRAD-one-planet-programacao__popover-content p:first-child {
            text-align: left
        }

    .ON-GRAD-one-planet-programacao__popover-input {
        max-width: 150px;
        padding: 10px
    }

    .ON-GRAD-one-planet-programacao__popover-button {
        font-size: 14px;
        padding: 10px
    }
}

@media screen and (max-width:1675px) {
    .ON-GRAD-one-planet-ambipar {
        background-position: -60px -160px
    }

    .ON-GRAD-one-planet-ambipar__logo svg {
        margin-left: -30px
    }

    .ON-GRAD-one-planet-ambipar__paragraph br {
        display: none
    }
}

@media screen and (max-width:1600px) {
    .shared-vitrine-img {
        width: 75%
    }
}

@media (max-width:1600px) {
    .ON-GRAD-one-planet-base__menu {
        padding: 0
    }

    .ON-GRAD-one-planet-base__menu-container {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 40px
    }

    .ON-GRAD-one-planet-base__menu-logo-container {
        position: relative;
        top: auto;
        transform: none
    }

    .ON-GRAD-one-planet-header__bg {
        height: 2080px
    }

    .ON-GRAD-one-planet-header__effect-circle {
        left: 64%;
        top: -100px;
        transform: translateX(-50%) rotate(3deg)
    }

    .ON-GRAD-one-planet-header__image-one {
        object-fit: cover;
        height: 130px
    }

    .ON-GRAD-one-planet-header__change-wrapper2 {
        height: 130px
    }

    .ON-GRAD-one-planet-header__image-change {
        object-fit: cover;
        height: 100%
    }
}

@media screen and (max-width:1590px) {
    .components-menu-item {
        padding: 0 15px
    }
}

@media screen and (max-width:1560px) {
    .ON-GRAD-one-planet-desafios__item-icon--one-planet-one-home svg {
        width: 400px
    }

    .ON-GRAD-one-planet-desafios__item-icon--enterprise-challenge svg {
        width: 360px
    }

    .ON-GRAD-one-planet-desafios__item-text br {
        display: none
    }
}

@media screen and (max-width:1500px) {
    .ON-GRAD-one-planet-desafios__item-text {
        max-width: 500px
    }
}

@media screen and (max-width:1495px) {
    .online-como-funciona-button-prev {
        left: 20px
    }

    .online-como-funciona-button-next {
        right: 20px
    }
}

@media screen and (max-width:1490px) {
    .components-menu {
        background-color: #151819;
        box-shadow: 0 0 10px rgba(0,0,0,.25);
        height: 80px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .components-menu-logo {
        width: auto
    }

    .components-menu-center {
        position: static
    }

    .components-menu-list {
        background-color: #151819;
        display: block;
        left: 0;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        transform: none;
        top: 80px;
        width: 100%
    }

        .components-menu-list.is-active {
            max-height: fit-content
        }

    .components-menu-item {
        height: auto;
        opacity: 1 !important
    }

    .components-menu-item-mobile {
        display: block
    }

    .components-menu-link {
        line-height: normal;
        padding: 12px 0
    }

    .components-menu-subitem .components-menu-link {
        padding: 12px 15px
    }

    .components-menu-sublist {
        background-color: transparent;
        padding: 0;
        position: relative
    }

    .components-menu-subitem {
        padding: 0 25px
    }

    .menu-home .components-menu-button {
        margin-right: 80px;
        width: auto
    }

    .components-menu-button {
        margin-right: 60px;
        width: auto
    }

    .ON-base__menu-right .components-menu-button {
        margin-right: 80px
    }

    .components-menu-button-list .components-menu-subitem {
        padding: 0 2px
    }

        .components-menu-button-list .components-menu-subitem:before {
            left: -20px
        }

    .components-menu-button-list {
        top: 160%;
        background-color: #212527;
        padding: 0 30px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .menu-home .components-menu-right {
        min-width: auto
    }

    .components-menu-right {
        width: 25%;
        min-width: 218px
    }

    .components-menu-search {
        display: none
    }

    .menu.is-active .components-menu-search-mobile {
        margin-bottom: 50px;
        visibility: initial
    }

        .menu.is-active .components-menu-search-mobile .search-form {
            padding: 0
        }

        .menu.is-active .components-menu-search-mobile .search-form-input {
            visibility: initial
        }

        .menu.is-active .components-menu-search-mobile .search-form-button {
            opacity: 1
        }

    .components-menu-search-button-parent {
        padding-right: 50px
    }

    .search-form-content {
        left: auto;
        position: static;
        top: auto;
        transform: none;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:1480px) {
    .ON-GRAD-one-planet-header__intro-text-line {
        font-size: 63px
    }

    .ON-GRAD-one-planet-header__intro-text-desc {
        font-size: 15px;
        line-height: 22px
    }
}

@media (max-width:1440px) {
    .ON-GRAD-one-planet-header__container {
        width: 100%
    }

    .ON-GRAD-one-planet-header__effect-circle {
        height: 740px;
        left: 63%;
        top: -95px;
        transform: translateX(-50%) rotate(-3deg)
    }

    .ON-GRAD-one-planet-header__subtitle {
        font-size: 27px
    }

    .ON-GRAD-one-planet-header__desc {
        font-size: 18px
    }
}

@media (max-width:1420px) {
    .shared-cookies__modal {
        -ms-flex-align: inherit;
        align-items: inherit
    }
}

@media screen and (max-width:1420px) {
    .ON-GRAD-one-planet-ambipar__title br {
        display: none
    }
}

@media screen and (max-width:1410px) {
    .ON-GRAD-one-planet-saiba-mais__content p {
        font: 18px/28px Gotham HTF Book
    }
}

@media screen and (max-width:1400px) {
    .components-menu-item-mobile {
        display: none
    }

    .shared-vitrine-img {
        margin-top: 30px;
        width: 80%
    }

    .shared-vitrine-scroll {
        bottom: 25px
    }

    .ON-GRAD-one-planet-desafios__item-number {
        font: 320px/350px DIN Condensed Bold
    }
}

@media screen and (max-width:1400px) and (max-height:750px) {
    .mba-curso-header {
        height: 110vh
    }

    .mba-curso-header-top {
        font: 28px Gotham HTF Light
    }

    .mba-curso-header-title {
        font: 28px/35px Gotham HTF Book
    }

        .mba-curso-header-title strong {
            font: 50px Gotham HTF Medium
        }
}

@media (max-width:1400px) {
    .ON-pre-home:before {
        width: 100%
    }

    .ON-GRAD-one-planet-talks__block {
        width: 40%;
        padding: 35px
    }

    .ON-GRAD-one-planet-premios__contentShape.cartoes div {
        padding-top: 50px
    }

    .ON-GRAD-one-planet-premios__line {
        top: 498px
    }

    .ON-GRAD-one-planet-premios__line2 {
        top: 773px
    }

    .ON-GRAD-one-planet-premios__line3 {
        top: 348px
    }

    .ON-GRAD-one-planet-premios__line4 {
        top: 722px
    }

    .ON-GRAD-one-planet-premios__line5 {
        top: 1023px
    }

    .ON-GRAD-one-planet-premios__titleShape {
        padding-right: 25px
    }

    .ON-GRAD-one-planet-premios__titleShapeCamiseta {
        left: 0
    }

    .ON-GRAD-one-planet-premios__shape {
        width: 655px;
        height: 192px
    }

    .ON-GRAD-one-planet-premios__creditoCartoes {
        width: 750px;
        height: 280px
    }
}

@media screen and (max-width:1390px) {
    .MBA-ensino-inscricoes-abertas__box-description br, .ON-ensino-como-funciona__box-description br, .ON-MBA-inscricoes-abertas__box-description br {
        display: none
    }
}

@media (max-width:1380px) {
    .components-menu-right .ON-base__menu-center {
        background-color: pink
    }
}

@media (max-width:1370px) {
    .graduacao-curso-header-title {
        font-size: 40px;
        line-height: 35px;
        margin: 10px auto 0
    }

    .ON-GRAD-one-planet-talks__horario, .ON-GRAD-one-planet-talks__tema {
        font: 50px/50px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-talks__palestrante {
        font: 18px Gotham HTF Medium
    }

        .ON-GRAD-one-planet-talks__palestrante span {
            font: 16px/20px Gotham HTF Book
        }
}

@media screen and (max-width:1370px) {
    .ON-GRAD-one-planet-desafios__item-icon--one-planet-one-home svg {
        width: 300px
    }

    .ON-GRAD-one-planet-desafios__item-icon--enterprise-challenge svg {
        width: 250px
    }

    .ON-GRAD-one-planet-desafios__item-text {
        font: 16px/25px Gotham HTF Book;
        max-width: 450px
    }

        .ON-GRAD-one-planet-desafios__item-text span {
            font: 16px/25px Gotham HTF Bold
        }
}

@media screen and (max-width:1366px) {
    .components-menu .ON-base__menu-center .components-menu-item {
        padding: 0 10px
    }

    .MBA-home-cursos__filter-options {
        padding: 20px
    }

    .MBA-home-cursos__filter-divider {
        margin: 18px 0
    }

    .MBA-home-cursos__filter-option {
        margin-bottom: 15px
    }

    .MBA-home-cursos__filter-close {
        margin-top: 10px
    }

    .ON-GRAD-one-planet-programacao__talk-column--actions, .ON-GRAD-one-planet-programacao__talk-column--description, .ON-GRAD-one-planet-programacao__talk-column--time, .ON-GRAD-one-planet-programacao__talk-column--title {
        padding: 60px 20px
    }

    .ON-GRAD-one-planet-programacao__talk-svg {
        min-width: 100px
    }

    .ON-GRAD-one-planet-programacao__talk-title {
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 0
    }

    .ON-GRAD-one-planet-programacao__talk-details-dash {
        display: none
    }

    .ON-GRAD-one-planet-programacao__talk-details-br {
        display: block
    }
}

@media (max-width:1366px) {
    .ON-GRAD-one-planet-base__menu-item {
        font-size: 19px
    }

        .ON-GRAD-one-planet-base__menu-item:not(:last-child) {
            margin-right: 45px
        }

    .ON-GRAD-one-planet-header__effect-circle {
        left: 66%;
        top: -125px;
        transform: translateX(-50%) rotate(2deg)
    }
}

@media (max-width:1360px) {
    .LIVE-MBA-base__menu-right, .ON-base__menu-right {
        width: 22%
    }
}

@media screen and (max-width:1355px) {
    .mba-curso-tema-alternativo-informacoes-title {
        padding: 100px 25px 110px !important
    }
}

@media screen and (max-width:1350px) {
    .fiap-menu-wrapper2 {
        padding-right: 50px
    }

    .fiap-menu-sub {
        left: -30px
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-texto p {
        margin: 30px 0;
        white-space: normal
    }
}

@media (max-width:1350px) {
    .fiap-unidades-polos__fotos-img, .fiap-unidades-polos__fotos-wrapper2 {
        width: 90%
    }
}

@media screen and (max-width:1345px) {
    .LIVE-MBA-SHRD-features__item {
        height: 650px
    }

    .LIVE-MBA-SHRD-features__item-image {
        height: auto;
        width: 100%
    }

    .ON-MBA-SHRD-features__item {
        height: 650px
    }

    .ON-MBA-SHRD-features__item-image {
        height: auto;
        width: 100%
    }

    .ON-GRAD-SHRD-features__item {
        height: 650px
    }
}

@media screen and (max-width:1300px) {
    .shared-startup-content.is-active .shared-startup-title {
        font: 60px/60px Gotham HTF Medium
    }

    .shared-startup-content-title {
        left: 5%
    }

    .shared-startup-title {
        font: 60px/60px Gotham HTF Medium
    }

    .mba-curso-trilha-extra-wrapper2-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mba-curso-trilha-extra-wrapper2-column-4 {
        width: 48%
    }

    .ON-ensino-como-funciona__box, .ON-MBA-inscricoes-abertas__box {
        width: 32%
    }

    .ON-GRAD-one-planet-ambipar {
        background-position: -130px -160px;
        padding: 75px 0 90px
    }

    .ON-GRAD-one-planet-ambipar__logo svg {
        width: 300px
    }

    .ON-GRAD-one-planet-ambipar__carbon svg {
        width: 270px
    }

    .ON-GRAD-one-planet-ambipar__title {
        font: 26px/32px Gotham HTF Medium
    }

    .ON-GRAD-one-planet-ambipar__paragraph {
        font: 18px/24px Gotham HTF Book
    }

    .MBA-ensino-inscricoes-abertas__box {
        width: 32%
    }

    .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__title {
        font: 60px/60px Gotham HTF Medium
    }

    .MBA-shared-startup-one__header {
        left: 5%
    }

    .MBA-shared-startup-one__title {
        font: 60px/60px Gotham HTF Medium
    }
}

@media (max-width:1300px) {
    .LIVE-MBA-header__content, .ON-header__content {
        right: 26%
    }

    .ON-GRAD-diferenciais__divider-left.large-horizontal:before, .ON-GRAD-diferenciais__divider-right.large-horizontal:before, .ON-MBA-diferenciais__divider-left.large-horizontal:before, .ON-MBA-diferenciais__divider-right.large-horizontal:before {
        width: 185px
    }
}

@media (max-width:1299px) {
    .graduacao-curso-header-subtitle {
        font-size: 19px
    }
}

@media screen and (max-width:1280px) {
    .components-cursos-radios {
        display: none
    }

    .components-cursos-select {
        display: block
    }

    .fiap-mba-extensoes:after {
        display: none
    }

    .fiap-mba-extensoes-list {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 50px 0
    }

    .fiap-mba-extensoes-item {
        width: 80%;
        height: 600px;
        margin: 50px auto
    }

    .fiap-mba-extensoes-item-hyper-island {
        background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/hyper-island-1280.jpg) 50% no-repeat
    }

    .fiap-mba-extensoes-item-nova {
        background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/nova-1280.jpg) 50% no-repeat
    }

    .fiap-mba-extensoes-item-babson {
        background: url(../images/mba/shared/extensoes-internacionais-2018/backgrounds/babson-1280.jpg) 50% no-repeat
    }

    .fiap-mba-extensoes-item-content {
        bottom: auto;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
        padding: 0 160px
    }

    .fiap-mba-extensoes-item-hover {
        height: 600px
    }

    .ON-GRAD-one-planet-saiba-mais__content p br {
        display: none
    }

    .ON-GRAD-one-planet-programacao__talk-column--actions, .ON-GRAD-one-planet-programacao__talk-column--description, .ON-GRAD-one-planet-programacao__talk-column--time, .ON-GRAD-one-planet-programacao__talk-column--title {
        padding: 60px 10px
    }

    .ON-GRAD-one-planet-programacao__talk-svg {
        min-width: 80px
    }

    .ON-GRAD-one-planet-programacao__talk-title {
        font-size: 40px;
        line-height: 35px;
        margin-bottom: 0
    }

    .ON-GRAD-one-planet-programacao__talk-details, .ON-GRAD-one-planet-programacao__talk-paragraph, .ON-GRAD-one-planet-programacao__talk-steps {
        font-size: 14px
    }

    .ON-GRAD-one-planet-programacao__talk-link {
        font-size: 14px;
        height: 45px;
        line-height: 45px
    }
}

@media (max-width:1280px) {
    .LIVE-MBA-conteudos__title {
        max-width: 350px
    }

    .LIVE-MBA-conteudos__title--small {
        max-width: 260px
    }

    .LIVE-MBA-conteudos__text {
        font-size: 15px
    }

    .LIVE-MBA-conteudos__text--uppercase {
        font-size: 17px
    }

    .ON-GRAD-one-planet-header__effect-circle {
        height: 720px;
        left: 66%;
        top: -115px;
        transform: translateX(-50%) rotate(2deg)
    }

    .ON-GRAD-one-planet-header__intro-text-line {
        font-size: 46px
    }

    .ON-GRAD-one-planet-header__intro-text-desc {
        font-size: 12px;
        line-height: 20px
    }

    .ON-GRAD-one-planet-premios__header {
        margin-top: 100px;
        margin-bottom: 80px;
        width: 100%
    }

    .ON-GRAD-one-planet-premios__content {
        padding: 0
    }

    .ON-GRAD-one-planet-premios__contentShape {
        padding: 50px 0 0
    }

        .ON-GRAD-one-planet-premios__contentShape div {
            padding: 30px 0 0 20px
        }

        .ON-GRAD-one-planet-premios__contentShape.carbono div {
            padding-right: 75px
        }

        .ON-GRAD-one-planet-premios__contentShape.camiseta div {
            padding-top: 185px;
            padding-right: 25px
        }

        .ON-GRAD-one-planet-premios__contentShape.cartoes div {
            padding-top: 30px
        }

    .ON-GRAD-one-planet-premios__line {
        top: 245px
    }

    .ON-GRAD-one-planet-premios__line2 {
        top: 485px
    }

    .ON-GRAD-one-planet-premios__line3 {
        top: 244px
    }

    .ON-GRAD-one-planet-premios__line4 {
        top: 548px
    }

    .ON-GRAD-one-planet-premios__line5 {
        top: 763px
    }

    .ON-GRAD-one-planet-premios__titleShape {
        font: 60px/60px DIN Condensed Bold;
        margin: 10px 0 0;
        padding-right: 0
    }

    .ON-GRAD-one-planet-premios__titleShapeCamiseta {
        font: 60px DIN Condensed Bold;
        left: 20px
    }

    .ON-GRAD-one-planet-premios__text {
        font: 14px Roboto
    }

    .ON-GRAD-one-planet-premios__shape {
        width: 550px;
        height: 164px
    }

    .ON-GRAD-one-planet-premios__creditoCarbono {
        width: 200px
    }

    .ON-GRAD-one-planet-premios__creditoCamiseta {
        width: 435px;
        height: 294px
    }

    .ON-GRAD-one-planet-premios__creditoCartoes {
        width: 584px;
        height: 206px
    }
}

@media (max-width:1279px) {
    .online-sp-atracao-slider-container {
        margin: 0 50px
    }

    .online-sp-atracao-slider-btn-next, .online-sp-atracao-slider-btn-prev {
        transform: translateY(-50%)
    }
}

@media (max-width:1250px) {
    .fiap-2018-unidades-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 100px 0 0
    }

    .fiap-2018-unidades-item {
        margin: 40px auto;
        padding: 0 7px;
        width: 33.3%
    }

    .fiap-2018-unidades-content {
        color: #91a3ad;
        display: table-cell;
        padding: 0 15px;
        text-align: center;
        vertical-align: middle;
        width: 50%
    }

    .fiap-2018-unidades-desc.special {
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0
    }

        .fiap-2018-unidades-desc.special:before {
            width: 0
        }
}

@media screen and (max-width:1250px) {
    .menu-search .components-menu .components-menu-logo {
        width: 320px
    }

    .search-form {
        width: 100%
    }
}

@media screen and (max-width:1245px) {
    .online-como-funciona-navigation {
        display: none
    }

    .online-como-funciona-button-prev {
        left: 0
    }

    .online-como-funciona-button-next {
        right: 0
    }
}

@media screen and (max-width:1208px) {
    .fiap-2018-videos-thumbs {
        -ms-flex-pack: left;
        justify-content: left;
        margin: 0
    }

    .fiap-2018-videos-thumb-item {
        max-width: 130px;
        margin: 10px;
        text-align: center
    }

    .fiap-2018-videos-thumb-figure {
        width: 130px;
        height: 65px
    }
}

@media screen and (max-width:1200px) {
    .components-gallery {
        width: 100%;
        min-height: auto
    }

        .components-gallery .components-slider {
            position: relative;
            width: 100%
        }

    .components-gallery-mosaico {
        display: none
    }

    .components-gallery-slider .components-slider-item:before {
        left: 0;
        right: 0
    }

    .components-gallery-options-mosaico, .components-gallery-options-slider {
        pointer-events: none
    }

    .components-gallery-options {
        height: auto
    }

    .components-gallery-options-mosaico {
        display: none
    }

    .components-gallery-options-slider {
        opacity: 1;
        z-index: 101
    }

    .shared-fotos {
        padding: 0 0 190px
    }

        .shared-fotos:after {
            display: none
        }

    .shared-startup-content.is-active .shared-startup-content-title {
        margin-bottom: 50px;
        position: static;
        transform: none
    }

    .shared-startup-content.is-active .shared-startup-title {
        text-align: center
    }

        .shared-startup-content.is-active .shared-startup-title .text-magenta {
            display: initial;
            margin-left: 10px
        }

    .shared-startup-content.is-active .shared-startup-subtitle {
        margin-top: -10px;
        text-align: center
    }

    .shared-startup-content.is-active .shared-startup-content-video {
        margin-right: 0
    }

    .shared-startup-content.is-active .shared-startup-media {
        float: none;
        margin: 0 auto
    }

    .shared-startup-content-title {
        left: 0
    }

    .shared-vitrine-scroll {
        bottom: 60px
    }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col {
        margin-left: 0
    }

        .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-second-line {
            line-height: 1
        }

    .fiap-nomad-description {
        margin-top: 50px
    }

    .mba-fotos {
        padding: 0 0 190px
    }

        .mba-fotos:after {
            display: none
        }

    .mba-curso-turmas {
        padding: 100px 0
    }

    .mba-curso-turmas-parent {
        border: none;
        padding: 0 20px 50px
    }

    .mba-curso-turmas-header {
        display: none
    }

    .mba-cursos-turmas-form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mba-curso-turmas-box-text-after, .mba-curso-turmas-box-text-before {
        display: unset;
        text-transform: uppercase
    }

    .mba-curso-turmas-box {
        border: 1px solid #616d72;
        display: -ms-flexbox;
        display: flex;
        margin: 30px auto 0;
        padding: 20px 0 30px;
        width: 46%
    }

        .mba-curso-turmas-box:hover {
            border-color: #ed145b;
            box-shadow: none
        }

            .mba-curso-turmas-box:hover .mba-curso-turmas-box-text {
                color: #616d72
            }

    .mba-curso-turmas-box-column-mobile {
        padding-right: 20px;
        width: 85%
    }

    .mba-curso-turmas-box-column {
        border: none;
        display: block;
        width: 100% !important
    }

        .mba-curso-turmas-box-column.radio {
            width: 15% !important
        }

        .mba-curso-turmas-box-column:not(:first-child) {
            position: relative
        }

    .mba-curso-turmas-box-icon {
        display: block;
        height: 30px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        vertical-align: middle;
        width: 75px;
        fill: #ed145b
    }

    .mba-curso-turmas-presencial .mba-curso-turmas-box-column:first-child .mba-curso-turmas-box-icon {
        display: none
    }

    .mba-curso-turmas-box-low {
        display: block;
        height: 30px;
        left: 0;
        position: absolute;
        top: 50%;
        vertical-align: middle;
        width: 75px;
        fill: #ed145b
    }

    .mba-curso-turmas-box-text {
        font: 16px/18px Gotham HTF Book;
        width: 100%
    }

    .mba-curso-turmas-presencial .mba-curso-turmas-box-column:first-child .mba-curso-turmas-box-text {
        color: #ed145b;
        font: 18px/24px Gotham HTF Medium;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase
    }

    .mba-curso-turmas-box-label {
        color: #ed145b;
        font: 24px/30px Gotham HTF Book;
        margin-bottom: 20px;
        opacity: .8;
        text-align: center
    }

    .mba-curso-turmas-box-more {
        position: relative
    }

        .mba-curso-turmas-box-more:after {
            display: none
        }

    .mba-curso-turmas-notes {
        margin-top: 20px;
        text-align: center
    }

    .mba-curso-turmas-btn {
        padding: 15px 25px
    }

    .mba-admissao-item {
        padding: 0 40px 0 0
    }

    .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__header {
        margin-bottom: 50px;
        position: static;
        transform: none
    }

    .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__title {
        text-align: center
    }

        .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__title .text-magenta {
            display: initial;
            margin-left: 10px
        }

    .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__subtitle {
        margin-top: -10px;
        text-align: center
    }

    .MBA-shared-startup-one__content.is-active .MBA-shared-startup-one__media {
        float: none;
        margin: 0 auto
    }

    .MBA-shared-startup-one__header {
        left: 0
    }
}

@media (max-width:1200px) {
    .shared-cookies__modal-content {
        padding: 60px 50px
    }

    .mba-on-curso-investimento-content.iel-ceara {
        width: auto
    }

  

    .ON-ensino-turmas-extras__desc {
        margin-left: 120px
    }

    .ON-ensino-plugins__opcionais-box {
        height: 340px;
        padding: 20px 25px 50px
    }

    .ON-ensino-plugins__modal-content {
        padding: 60px 50px 110px
    }

    .ON-ensino-plugins__nano-courses, .ON-ensino-plugins__power-skills-columns {
        width: 850px
    }

    .ON-MBA-diferenciais__head {
        margin-bottom: 100px
    }

    .ON-MBA-diferenciais__title {
        font: 29px/35px Gotham HTF Light;
        width: 50%
    }

    .ON-MBA-diferenciais__desc {
        font: 15px/24px Gotham HTF Book;
        width: 50%
    }

    .ON-MBA-diferenciais__item-title {
        font-size: 18px
    }

    .ON-MBA-diferenciais__item-desc {
        font: 15px/21px Roboto
    }

    .ON-GRAD-diferenciais__head {
        margin-bottom: 100px
    }

    .ON-GRAD-diferenciais__title {
        font: 29px/35px Gotham HTF Light;
        width: 50%
    }

    .ON-GRAD-diferenciais__desc {
        font: 15px/24px Gotham HTF Book;
        width: 50%
    }

    .ON-GRAD-diferenciais__item-title {
        font-size: 18px
    }

    .ON-GRAD-diferenciais__item-desc {
        font: 15px/21px Roboto
    }

    .ON-GRAD-one-planet-talks {
        padding: 40px 0 70px
    }

    .ON-GRAD-one-planet-talks__header {
        width: 100%
    }

    .ON-GRAD-one-planet-talks__title {
        font: 40px/40px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-talks__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: left;
        justify-content: left;
        padding: 20px 0 0
    }

    .ON-GRAD-one-planet-talks__block {
        width: 45%;
        min-height: 410px;
        padding: 35px;
        margin-bottom: 30px
    }

    .ON-GRAD-one-planet-talks__horario, .ON-GRAD-one-planet-talks__tema {
        font: 45px/45px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-talks__palestrante {
        font: 16px Gotham HTF Medium;
        padding-top: 30px
    }

    .ON-GRAD-one-planet-footer__menu-item:not(:last-child) {
        margin-right: 30px
    }

    .MBA-plugins__opcionais-box {
        height: 340px;
        padding: 20px 25px 50px
    }

    .MBA-plugins__modal-content {
        padding: 60px 50px 110px
    }

    .MBA-plugins__nano-courses, .MBA-plugins__power-skills-columns {
        width: 850px
    }

    .GRAD-SHRD-vestibular-modal-content {
        padding: 60px 50px 110px
    }
}

@media screen and (max-width:1200px) and (max-width:960px) {
    .mba-curso-turmas-box {
        width: 48%
    }
}

@media (max-width:1199px) {
    .br-desktop {
        display: none
    }

    .graduacao-extensoes-btn {
        margin-top: 45px
    }

    .online-conceito {
        background: #252525;
        padding: 100px 0
    }

        .online-conceito:after {
            display: none
        }

    .online-conceito-desc {
        font-size: 15px;
        line-height: 38px
    }

    .graduacao-curso-header-tag, .online-conceito-btn {
        display: none
    }

    .mba-encontro-presencial {
        padding: 100px 0 150px
    }

    .mba-encontro-presencial-intro-columns {
        margin: auto
    }

    .mba-encontro-presencial-intro-column {
        display: block;
        text-align: center;
        width: 100%
    }

    .mba-encontro-presencial-intro-media {
        margin-top: 50px
    }

    .mba-encontro-presencial-intro-media-icon {
        width: 110px
    }

    .graduacao-curso-informacoes {
        padding: 100px 0
    }

        .graduacao-curso-informacoes:after, .graduacao-curso-informacoes:before {
            display: none
        }

    .graduacao-curso-informacoes-column {
        display: block;
        margin: auto;
        max-width: 600px;
        text-align: center;
        width: 100%
    }

        .graduacao-curso-informacoes-column:first-child {
            padding-right: 0
        }

        .graduacao-curso-informacoes-column:last-child {
            margin-top: 67.5px;
            padding-left: 0
        }

    .graduacao-curso-informacoes-title {
        text-align: center
    }

        .graduacao-curso-informacoes-title:after {
            margin: 20px auto
        }

    .graduacao-curso-informacoes-subtitle {
        border-top: 1px solid #616d72
    }

    .graduacao-curso-informacoes-link {
        border: 2px solid #b8b8b8;
        border-radius: 50%;
        margin: 0 5px;
        padding: 5px
    }

    .graduacao-curso-informacoes-link-wpp {
        padding: 8px
    }

    .graduacao-curso-informacoes-link-icon-wpp {
        height: 20px;
        width: 20px
    }

    .graduacao-curso-investimento {
        display: block;
        overflow-y: auto
    }

    .graduacao-curso-investimento-box {
        min-height: 100%;
        padding: 10%;
        width: 100%
    }

    .graduacao-curso-investimento-columns {
        width: 100%
    }

    .graduacao-curso-investimento-column {
        display: block;
        width: 100%
    }

        .graduacao-curso-investimento-column:last-child {
            margin-top: 60px
        }

    .graduacao-curso-investimento-desc {
        font-size: 14px;
        line-height: 22px
    }

    .graduacao-curso-matriz {
        padding: 100px 0
    }

    .graduacao-curso-matriz-header {
        text-align: center
    }

    .graduacao-curso-matriz-header-column {
        color: #ed145b;
        display: block
    }

        .graduacao-curso-matriz-header-column:last-child {
            margin-top: 70px;
            text-align: center
        }

    .graduacao-curso-matriz-filtro-wrapper2 {
        display: none
    }

    .graduacao-curso-matriz-ano-btn {
        width: 33.33%
    }

    .graduacao-curso-disciplina-column {
        display: block
    }

        .graduacao-curso-disciplina-column:first-child, .graduacao-curso-disciplina-column:last-child {
            border: none;
            padding: 0
        }

    .mba-curso-header-top {
        font: 28px Gotham HTF Light
    }

    .mba-curso-header-title {
        font: 35px Gotham HTF Book;
        line-height: 50px
    }

        .mba-curso-header-title strong {
            font: 54px Gotham HTF Medium
        }

    .mba-curso-header-tag {
        display: none
    }

    .mba-curso-informacoes {
        padding: 100px 0
    }

        .mba-curso-informacoes:after, .mba-curso-informacoes:before {
            display: none
        }

    .mba-curso-informacoes-column strong {
        border: none
    }

    .mba-curso-informacoes-column {
        display: block;
        float: none;
        margin: auto;
        padding: 0;
        text-align: left;
        width: 100%
    }

    .mba-curso-informacoes-title {
        padding: 125px 0 0;
        text-align: left
    }

        .mba-curso-informacoes-title br {
            display: none
        }

    .mba-curso-informacoes-link {
        border: 2px solid #b8b8b8;
        border-radius: 50%;
        margin: 0 5px;
        padding: 5px
    }

    .mba-curso-turmas-title {
        margin-bottom: 125px
    }

    .mba-curso-turma-radio {
        margin-bottom: 20px
    }

    .mba-curso-investimento {
        display: block;
        overflow-y: auto
    }

    .mba-curso-investimento-box {
        min-height: 100%;
        padding: 10%;
        width: 100%
    }

    .mba-curso-investimento-title {
        font: 24px/30px Gotham HTF Light;
        margin-bottom: 30px
    }

    .mba-curso-investimento-subtitle {
        font-size: 16px;
        letter-spacing: .05em;
        margin-right: 0
    }

    .mba-curso-investimento-subtitle-highlight {
        display: block;
        font-size: 50px
    }

    .mba-curso-investimento-columns {
        display: block;
        white-space: normal
    }

    .mba-curso-investimento-column {
        display: block
    }

    .mba-curso-investimento-item {
        min-width: 0
    }

    .mba-curso-investimento-item-header {
        display: none
    }

    .mba-curso-investimento-item-row {
        background: none;
        display: block;
        margin-top: 70px;
        padding: 0;
        text-align: center
    }

    .mba-curso-investimento-item-row-column {
        background: #181818;
        display: block;
        font: 14px Roboto;
        margin: auto;
        max-width: 350px;
        padding: 15px;
        position: relative;
        text-transform: none;
        width: 100%
    }

        .mba-curso-investimento-item-row-column:before {
            bottom: 100%;
            content: attr(data-title);
            font: 14px/45px Roboto;
            left: 0;
            position: absolute;
            white-space: nowrap;
            width: 100%
        }

        .mba-curso-investimento-item-row-column:not(:first-child) {
            margin-top: 65px
        }

    .mba-curso-matriz {
        padding: 100px 0;
        min-height: 830px
    }

    .mba-curso-matriz-header-column {
        color: #ed145b;
        display: block
    }

        .mba-curso-matriz-header-column:first-child {
            margin-left: 70px
        }

    .mba-corpo-curso-direcao-academica-title {
        margin-bottom: 125px
    }

    .online-sp-atracao-slider-item {
        width: 33.33%
    }
}

@media screen and (max-width:1180px) {
    .graduacao-financiamento-estendido-cursos-boxes {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .graduacao-financiamento-estendido-cursos-box {
        margin: 10px 0;
        width: 100%
    }
}

@media (max-width:1175px) {
    .ON-GRAD-diferenciais__divider-left.large-horizontal:before, .ON-GRAD-diferenciais__divider-right.large-horizontal:before, .ON-MBA-diferenciais__divider-left.large-horizontal:before, .ON-MBA-diferenciais__divider-right.large-horizontal:before {
        width: 165px
    }
}

@media screen and (max-width:1130px) {
    .background-gradient-home-mba:before {
        background-size: auto
    }

    .components-cursos-item-link:before {
        left: 0;
        width: 100%
    }

    .shared-startup-columns {
        margin-top: 100px
    }

    .shared-startup-column {
        display: block;
        width: 100%
    }

    .shared-startup-descricao:after, .shared-startup-text-content:after {
        display: none
    }

    .fiap-2018-sxsw-title {
        font: 32px/40px Gotham HTF Light
    }

    .fiap-2018-sxsw-subtitle {
        font: 17px/27px Gotham HTF Medium;
        margin-top: -20px;
        padding-bottom: 50px
    }

        .fiap-2018-sxsw-subtitle:after {
            left: -110px;
            width: 150px
        }

    .graduacao-extensoes--online .graduacao-extensoes-title, .graduacao-extensoes-title {
        font: 32px/40px Gotham HTF Light
    }

    .graduacao-extensoes--online .graduacao-extensoes-title-internacional, .graduacao-extensoes-title-internacional {
        font: 53px/55px Gotham HTF Medium
    }

    .graduacao-curso-share-item {
        margin: 5px 0
    }

    .graduacao-curso-header-share-icon {
        width: 20px
    }

    .graduacao-curso-turmas {
        padding: 100px 0
    }

    .graduacao-curso-turmas-border {
        border: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .graduacao-curso-turmas-header {
        display: none
    }

    .graduacao-curso-turmas-box {
        box-shadow: 0 0 0 1px #616d72;
        border: none;
        display: block;
        padding: 30px
    }

    .graduacao-curso-turmas-box, .graduacao-curso-turmas-online .graduacao-curso-turmas-box {
        width: 75%
    }

        .graduacao-curso-turmas-box:nth-last-child(-n+2) {
            margin-top: 50px
        }

    .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column:nth-child(3) {
        width: 100%
    }

    .graduacao-curso-turmas-box-column {
        display: block
    }

    .graduacao-curso-turmas-online .graduacao-curso-turmas-box-column, .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column {
        margin: 10px auto;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .graduacao-curso-turmas-box-column:last-child {
        padding-bottom: 30px
    }

    .graduacao-curso-turmas-box-column:not(:first-child) {
        border: none
    }

    .graduacao-curso-turmas-box-icon {
        display: block;
        height: 30px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        vertical-align: middle;
        width: 75px
    }

    .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column:first-child .graduacao-curso-turmas-box-icon {
        display: none
    }

    .graduacao-curso-turmas-box-text {
        padding-right: 25px;
        width: 100%
    }

    .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column:first-child .graduacao-curso-turmas-box-text {
        padding-left: 0;
        padding-right: 0;
        color: #ed145b;
        font: 18px/24px Gotham HTF Book;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase
    }

    .graduacao-curso-turmas-box-text--full-width {
        width: 100%
    }

    .graduacao-curso-turmas-box-text-before {
        display: inline
    }

    .graduacao-curso-turmas-box-text-before-encontros {
        display: block;
        margin-bottom: 5px
    }

    .graduacao-curso-turmas-box-text-after {
        display: unset
    }

    .graduacao-curso-turmas-box-label {
        color: #ed145b;
        font: 24px/30px Gotham HTF Book;
        margin-bottom: 20px;
        opacity: .8;
        text-align: center
    }

    .graduacao-curso-turmas-box-more {
        position: relative
    }

        .graduacao-curso-turmas-box-more:after {
            display: none
        }

    .graduacao-curso-turmas-notes {
        margin-top: 20px;
        text-align: center
    }

    .graduacao-curso-turmas-btn {
        padding: 15px 25px
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque, .mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big {
        padding: 40px 30px 70px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight {
        padding-top: 20px;
        font: 17px/28px Gotham HTF Book
    }

        .mba-curso-tema-alternativo-informacoes-item-highlight:before {
            height: 80px;
            top: 30px
        }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect {
        top: 130px
    }

    .mba-corpo-curso-direcao-academica {
        margin-top: 60px
    }

    .mba-admissao {
        padding-bottom: 100px
    }

    .mba-extensoes-parent-title {
        margin-left: 150px
    }

    .fiap-mba-extensoes-title {
        font: 32px/40px Gotham HTF Light
    }

    .mba-extensoes-title-internacionais {
        font: 53px/55px Gotham HTF Medium
    }

    .fiap-mba-extensoes-subtitle {
        margin-left: 520px;
        max-width: 350px
    }

    .fiap-2018-disrupcao-title {
        padding: 0
    }

        .fiap-2018-disrupcao-figure:after, .fiap-2018-disrupcao-title:before {
            display: none
        }

    .SHRD-conceito {
        padding: 100px 0
    }

    .MBA-shared-startup-one__columns {
        margin-top: 100px
    }

    .MBA-shared-startup-one__column {
        display: block;
        width: 100%
    }

    .MBA-shared-startup-one__text-content:after {
        display: none
    }
}

@media screen and (max-width:1100px) {
    .shared-vitrine-img {
        margin-top: 30px;
        width: 68%
    }

    .shared-vitrine-scroll {
        bottom: 35px
    }

    .ON-GRAD-one-planet-desafios__item-number {
        font: 280px/300px DIN Condensed Bold
    }
}

@media (max-width:1100px) {
    .ON-ensino-plugins__description-column:first-child {
        padding-right: 40px
    }

    .ON-ensino-plugins__description-column:last-child {
        padding-left: 30px
    }

    .ON-ensino-plugins__opcionais-logo--power-skills {
        width: 210px
    }

    .MBA-plugins__description-column:first-child {
        padding-right: 40px
    }

    .MBA-plugins__description-column:last-child {
        padding-left: 30px
    }

    .MBA-plugins__opcionais-logo--power-skills {
        width: 210px
    }
}

@media screen and (max-width:1080px) {
    .ON-GRAD-one-planet-desafios__item-text {
        max-width: 380px;
        width: 35%
    }
}

@media (max-width:1024px) {
    .fiap-2018-footer {
        text-align: center
    }

    .fiap-2018-footer-column {
        width: 100%
    }

        .fiap-2018-footer-column:not(:first-child) {
            display: none
        }

    .fiap-2018-mec-groups {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 130px 0 0
    }

    .fiap-2018-enade-box.center, .fiap-2018-enade-box.left, .fiap-2018-enade-box.right {
        margin: 40px auto;
        width: 80%
    }

    .graduacao-curso-matriz-header-title span {
        left: unset
    }

        .graduacao-curso-matriz-header-title span:before {
            display: none
        }

    .graduacao-curso-corpo-column {
        display: block;
        width: 100%
    }

    .mba-curso-header-title {
        font: 25px Gotham HTF Book;
        line-height: 50px
    }

        .mba-curso-header-title strong {
            font: 44px Gotham HTF Medium
        }

    .mba-curso-matriz-trilha-header-column-title {
        display: block;
        margin-top: 0
    }

    .mba-curso-matriz-trilha-content li {
        width: 50%
    }

    .mba-curso-matriz-modulo-header-column-title {
        display: block;
        margin-top: 0
    }

    .mba-curso-matriz-modulo-content li, .online-sp-atracao-slider-item {
        width: 50%
    }

    .LIVE-MBA-conteudos__text-container {
        padding-top: 50px;
        padding-left: 100px
    }

    .ON-GRAD-one-planet-base__menu-item:not(:last-child) {
        margin-right: 30px
    }

    .ON-GRAD-one-planet-header__video {
        min-height: 100vh
    }

    .ON-GRAD-one-planet-header__bg {
        height: 100%;
        display: none
    }

    .ON-GRAD-one-planet-header__bg--mobile {
        display: initial;
        height: 2506px !important
    }

    .ON-GRAD-one-planet-header__effect-circle {
        height: 550px;
        left: 64%;
        top: -35px;
        transform: translateX(-50%) rotate(-3deg)
    }

    .ON-GRAD-one-planet-header__change-wrapper2, .ON-GRAD-one-planet-header__image-one {
        height: 90px
    }

    .ON-GRAD-one-planet-header__subtitle {
        font-size: 22px
    }

    .ON-GRAD-one-planet-header__desc {
        font-size: 16px
    }

    .ON-GRAD-one-planet-premios__titleShape {
        font: 45px DIN Condensed Bold;
        margin: 0
    }

    .ON-GRAD-one-planet-premios__titleShapeCamiseta {
        font: 45px DIN Condensed Bold;
        left: 0
    }

    .ON-GRAD-one-planet-premios__shape {
        width: 520px;
        height: 157px
    }

    .ON-GRAD-one-planet-footer__menu-container {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-GRAD-one-planet-footer__menu-logo-container {
        margin-bottom: 40px
    }

    .ON-GRAD-one-planet-footer__menu-list {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .shared-contato {
        padding: 200px 0 150px
    }

        .shared-contato:after {
            display: none
        }

    .shared-contato-columns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shared-contato-column {
        margin: 0 auto;
        width: 90%
    }

    .shared-contato-unidades {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .shared-contato-unidades-item {
        width: 50%
    }

        .shared-contato-unidades-item:first-child, .shared-contato-unidades-item:nth-child(3) {
            padding-right: 20px
        }

    .SHRD-mec:after, .SHRD-mec:before {
        display: none
    }

    .shared-startup-content-title {
        position: static
    }

    .shared-startup-title {
        text-align: center
    }

        .shared-startup-title .text-magenta {
            display: initial
        }

    .shared-startup-subtitle {
        margin-top: -10px;
        text-align: center
    }

    .shared-startup-content-video {
        margin-right: 0
    }

    .shared-startup-media {
        float: none;
        margin: 50px auto 0
    }

    .SHRD-curso-pessoas__item-content {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .SHRD-curso-pessoas__media {
        display: none
    }

    .SHRD-curso-pessoas__media-mobile {
        display: block;
        margin: 0 auto 80px
    }

    .SHRD-curso-pessoas__content, .SHRD-curso-pessoas__media-img {
        width: 100%
    }

    .SHRD-curso-pessoas__desc {
        padding-bottom: 0;
        padding-left: 0;
        width: 100%
    }

        .SHRD-curso-pessoas__desc ul {
            max-height: fit-content
        }

    .graduacao-financiamento-fies-solicitacao {
        padding: 0 0 150px
    }

        .graduacao-financiamento-fies-solicitacao:after {
            display: none
        }

    .fiap-2018-future-logo {
        text-align: center
    }

        .fiap-2018-future-logo, .fiap-2018-future-logo.line-two {
            width: 25%
        }

    .fiap-nomad-slider {
        margin: 20px 0
    }

    .fiap-nomad-slider-item {
        width: 100%
    }

    .fiap-2018-mec:after {
        display: none
    }

    .fiap-2018-mec {
        padding-bottom: 250px;
        padding-bottom: 150px
    }

    .fiap-2018-mec-item, .fiap-2018-mec-item-excelencia {
        margin: 40px 0;
        width: 100%
    }

    .fiap-2018-enade:after, .fiap-2018-enade:before {
        display: none
    }

    .fiap-2018-enade-row {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fiap-2018-enade-col-center, .fiap-2018-enade-col-side {
        width: 100%
    }

    .fiap-2018-enade-box-title, .fiap-2018-enade-box-title-engenharia {
        font: 20px/26px Gotham HTF Medium
    }

    .fiap-2018-enade-box.center, .fiap-2018-enade-box.left, .fiap-2018-enade-box.right {
        margin: 0 0 140px;
        padding: 80px 20px 50px;
        text-align: center;
        width: 100%
    }

        .fiap-2018-enade-box.right:last-child {
            margin: 0
        }

        .fiap-2018-enade-box.center .fiap-2018-enade-nota-subtitle, .fiap-2018-enade-box.left .fiap-2018-enade-nota-subtitle, .fiap-2018-enade-box.right .fiap-2018-enade-nota-subtitle {
            font: 13px/22px Gotham HTF Bold;
            left: 50%;
            top: -24px;
            transform: translateX(-50%)
        }

        .fiap-2018-enade-box.center .fiap-2018-enade-nota, .fiap-2018-enade-box.left .fiap-2018-enade-nota, .fiap-2018-enade-box.right .fiap-2018-enade-nota {
            background: linear-gradient(90deg,#15161a,#1d2125);
            left: 50%;
            padding: 20px 0;
            top: -40px;
            transform: translateX(-50%);
            width: 75%
        }

    .fiap-2018-sxsw-column {
        width: 100%
    }

    .fiap-2018-sxsw-subtitle:after {
        left: 0;
        width: 100px
    }

    .fiap-2018-videos-box {
        margin: 30px 0
    }

    .graduacao-financiamentos-item {
        width: calc(50% - 20px)
    }

    .graduacao-curso-corpo-media {
        display: none
    }

    .graduacao-curso-corpo-media-mobile {
        display: block;
        margin: 0 auto 80px
    }

    .graduacao-curso-corpo-content {
        padding-bottom: 0;
        padding-left: 0;
        width: 100%
    }

        .graduacao-curso-corpo-content ul {
            max-height: fit-content
        }

    .mba-curso-turmas-parent {
        padding: 0
    }

    .mba-curso-corpo-column {
        display: block;
        width: 100%
    }

    .mba-curso-corpo-media {
        display: none
    }

    .mba-curso-corpo-media-mobile {
        display: block;
        margin: 0 auto 80px
    }

    .mba-curso-corpo-media-img {
        height: 350px
    }

    .mba-curso-corpo-content {
        padding-bottom: 0;
        padding-left: 0;
        width: 100%
    }

        .mba-curso-corpo-content ul, .mba-curso-corpo-desc {
            max-height: fit-content
        }

    .mba-curso-corpo-desc {
        overflow-y: initial
    }

    .mba-corpo-curso-direcao-academica-slider {
        margin: 20px 0
    }

    .mba-corpo-curso-direcao-academica-slider-item {
        width: 50%
    }

    .mba-corpo-curso-direcao-academica-description-text {
        padding-bottom: 0;
        padding-left: 0;
        width: 100%
    }

        .mba-corpo-curso-direcao-academica-description-text ul {
            max-height: fit-content
        }

    .fiap-2018-disrupcao:after {
        display: none
    }

    .fiap-2018-disrupcao {
        padding: 0 0 250px
    }

    .LIVE-MBA-base__menu-right, .ON-base__menu-right {
        right: 20px;
        width: 35%
    }

    .ON-MBA-inaugural__programacao:after, .ON-MBA-inaugural__programacao:before {
        display: none
    }

    .ON-MBA-inaugural__programacao__subtitle {
        font-size: 16px;
        font-family: Gotham HTF Book
    }

    .ON-MBA-inaugural__programacao__column--margin-bottom, .ON-MBA-inaugural__programacao__intro {
        margin-bottom: 30px
    }

    .ON-GRAD-inaugural__programacao:after, .ON-GRAD-inaugural__programacao:before {
        display: none
    }

    .ON-GRAD-inaugural__programacao__subtitle {
        font-size: 16px;
        font-family: Gotham HTF Book
    }

    .ON-GRAD-inaugural__programacao__subtitle--subtalk {
        font-size: 21px;
        line-height: 28px
    }

    .ON-GRAD-inaugural__programacao__column--margin-bottom, .ON-GRAD-inaugural__programacao__intro {
        margin-bottom: 30px
    }

    .MBA-shared-startup-one__header {
        position: static
    }

    .MBA-shared-startup-one__title {
        text-align: center
    }

        .MBA-shared-startup-one__title .text-magenta {
            display: initial
        }

    .MBA-shared-startup-one__subtitle {
        margin-top: -10px;
        text-align: center
    }

    .MBA-shared-startup-one__media {
        float: none;
        margin: 50px auto 0
    }
}

@media (max-width:1000px) {
    .shared-nano-courses {
        display: -ms-flexbox;
        display: flex
    }

        .shared-nano-courses:before {
            display: none
        }

    .shared-nano-courses-logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .shared-nano-courses-text {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shared-nano-courses-text-quote {
        font: 18px/30px Gotham HTF Light;
        max-width: 100%;
        text-align: inherit
    }

    .shared-nano-courses-text-line:before {
        display: none
    }

    .shared-nano-courses-text-desc {
        max-width: 100%
    }

    .fiap-2018-unidades-newdesc-text:first-child {
        font-size: 13px
    }

    .fiap-2018-unidades-newdesc-text:nth-child(2) {
        font-size: 21px
    }

    .fiap-2018-unidades-newdesc-text:last-child {
        font-size: 14px
    }

    .LIVE-MBA-header__title {
        font: 40px Gotham HTF Light
    }

    .LIVE-MBA-header__highlight {
        font: 26px Gotham HTF Medium
    }

        .LIVE-MBA-header__highlight span {
            font: 26px Gotham HTF Book
        }

    .ON-header__title {
        font: 40px Gotham HTF Light
    }

    .ON-header__highlight {
        font: 26px Gotham HTF Medium
    }

        .ON-header__highlight span {
            font: 26px Gotham HTF Book
        }

    .ON-ensino-turmas-extras__content {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .ON-ensino-turmas-extras__content:before {
            right: inherit;
            top: -50px;
            width: 85%
        }

        .ON-ensino-turmas-extras__content:after {
            right: inherit;
            bottom: -50px;
            width: 85%
        }

    .ON-ensino-turmas-extras__title {
        font-size: 45px
    }

    .ON-ensino-turmas-extras__desc {
        margin-left: 0;
        margin-top: 60px
    }
}

@media screen and (max-width:1000px) {
    .ON-GRAD-one-planet-ambipar {
        background-position: -190px -160px;
        padding: 60px 0 80px
    }

    .ON-GRAD-one-planet-ambipar__logo svg {
        width: 250px
    }

    .ON-GRAD-one-planet-ambipar__carbon svg {
        width: 220px
    }

    .ON-GRAD-one-planet-ambipar__title {
        font: 22px/29px Gotham HTF Medium;
        margin-bottom: 25px
    }

    .ON-GRAD-one-planet-ambipar__paragraph {
        font: 16px/25px Gotham HTF Book
    }
}

@media screen and (max-width:980px) {
    .ON-GRAD-one-planet-programacao__container {
        padding-top: 125px
    }

    .ON-GRAD-one-planet-programacao__header {
        margin-bottom: 75px
    }

    .ON-GRAD-one-planet-programacao__title {
        font-size: 26px;
        letter-spacing: 3px;
        padding-left: 4px
    }

        .ON-GRAD-one-planet-programacao__title:before {
            height: 8px;
            width: 295px;
            bottom: 10px
        }

    .ON-GRAD-one-planet-programacao__course-selection-box {
        margin-bottom: 40px
    }

    .ON-GRAD-one-planet-programacao__course-selection-label {
        font-size: 60px;
        line-height: 60px
    }

    .ON-GRAD-one-planet-programacao__course-selection-description {
        font-size: 16px;
        line-height: 20px
    }

    .ON-GRAD-one-planet-programacao__dropdown-display-text {
        line-height: 18px
    }

    .ON-GRAD-one-planet-programacao__dropdown-option {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 18px
    }

        .ON-GRAD-one-planet-programacao__dropdown-option:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 20px;
            width: 50px;
            height: 1px;
            background-color: #97ca3d
        }

        .ON-GRAD-one-planet-programacao__dropdown-option:last-child:before {
            display: none
        }

    .ON-GRAD-one-planet-programacao__talk-header {
        display: -ms-flexbox;
        display: flex;
        font-size: 60px;
        line-height: 60px;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px
    }

    .ON-GRAD-one-planet-programacao__talk-row {
        display: block;
        padding-bottom: 60px;
        margin-bottom: 60px;
        border-bottom: 1px solid #000;
        position: relative
    }

        .ON-GRAD-one-planet-programacao__talk-row:before {
            position: absolute;
            width: 6px;
            height: 6px;
            content: "";
            background-color: #000;
            bottom: -3px;
            left: -3px
        }

        .ON-GRAD-one-planet-programacao__talk-row:after {
            position: absolute;
            width: 6px;
            height: 6px;
            content: "";
            background-color: #000;
            bottom: -3px;
            right: -3px
        }

    .ON-GRAD-one-planet-programacao__talk-row--no-border {
        border-bottom: 0;
        padding-bottom: 0
    }

        .ON-GRAD-one-planet-programacao__talk-row--no-border:after, .ON-GRAD-one-planet-programacao__talk-row--no-border:before {
            display: none
        }

    .ON-GRAD-one-planet-programacao__talk-column {
        display: block;
        border-bottom: 0
    }

    .ON-GRAD-one-planet-programacao__talk-column--time {
        padding: 0
    }

        .ON-GRAD-one-planet-programacao__talk-column--time:last-child {
            padding-bottom: 0
        }

    .ON-GRAD-one-planet-programacao__talk-column--title {
        padding: 0
    }

        .ON-GRAD-one-planet-programacao__talk-column--title:last-child {
            padding-bottom: 0
        }

    .ON-GRAD-one-planet-programacao__talk-column--title {
        padding-bottom: 35px
    }

    .ON-GRAD-one-planet-programacao__talk-column--description {
        padding: 0
    }

        .ON-GRAD-one-planet-programacao__talk-column--description:last-child {
            padding-bottom: 0
        }

    .ON-GRAD-one-planet-programacao__talk-column--description {
        padding-bottom: 35px
    }

    .ON-GRAD-one-planet-programacao__talk-column--actions {
        padding: 0
    }

        .ON-GRAD-one-planet-programacao__talk-column--actions:last-child, .ON-GRAD-one-planet-programacao__talk-column--no-pb {
            padding-bottom: 0
        }

    .ON-GRAD-one-planet-programacao__talk-svg {
        width: 135px;
        height: 45px
    }

    .ON-GRAD-one-planet-programacao__talk-title {
        font-size: 60px;
        margin-top: 5px;
        line-height: 48px;
        margin-bottom: 0
    }

    .ON-GRAD-one-planet-programacao__talk-subtitle {
        font-size: 14px
    }

    .ON-GRAD-one-planet-programacao__talk-details, .ON-GRAD-one-planet-programacao__talk-paragraph, .ON-GRAD-one-planet-programacao__talk-steps {
        font-size: 16px
    }

    .ON-GRAD-one-planet-programacao__talk-steps-list-item-key {
        font-size: 40px;
        margin-right: 10px
    }

    .ON-GRAD-one-planet-programacao__talk-link {
        width: 100%;
        max-width: none;
        font-size: 20px;
        height: 60px;
        line-height: 60px
    }

    .ON-GRAD-one-planet-programacao__talk-link--desktop-only {
        display: none
    }
}

@media (max-width:963px) {
    .graduacao-curso-turmas-title {
        margin-bottom: 50px
    }
}

@media screen and (max-width:960px) {
    .graduacao-curso-corpo-content, .graduacao-extensoes-desc, .graduacao-financiamento-description, .graduacao-financiamento-fies-description, .graduacao-financiamento-informacoes-text, .graduacao-financiamento-list-item, .graduacao-labs-description, .mba-curso-corpo-desc, .MBA-ensino-inscricoes-abertas__box-description, .ON-ensino-como-funciona__box-description, .ON-MBA-inscricoes-abertas__box-description, .online-como-funciona-box-description, .shared-startup-text {
        font-size: 15px
    }

    .graduacao-menu-novidades-header-title {
        font-size: 14px
    }

    .graduacao-menu-novidades.is-active .graduacao-menu-novidades-content {
        max-height: 315px
    }

    .graduacao-menu-novidades-column {
        width: 48%
    }

    .menu-alerta-saiba-antes .menu-alerta-title {
        font-size: 14px
    }

    .components-cursos-search {
        display: block;
        margin-top: 25px;
        text-align: center
    }

    .shared-contato-column {
        width: 100%
    }

    .shared-contato-title {
        font: 45px Gotham HTF Medium
    }

    .SHRD-mec {
        padding: 0 0 200px
    }

    .SHRD-mec__main {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-order: -1;
        order: -1
    }

    .SHRD-mec__content-title {
        padding-bottom: 120px;
        text-align: center
    }

    .SHRD-mec__nota {
        -ms-flex-pack: center;
        justify-content: center
    }

        .SHRD-mec__nota:before {
            display: none
        }

    .shared-vitrine-img {
        margin-top: 30px;
        width: 100%
    }

    .graduacao-financiamento-list-item {
        margin: 0 50px;
        width: calc(50% - 100px)
    }

    .graduacao-financiamento-prouni-description {
        margin: 40px 0
    }

    .fiap-2018-future-title {
        font-size: 41px;
        line-height: 30px
    }

        .fiap-2018-future-title span {
            display: inline-block;
            font-size: 41px;
            left: 0
        }

            .fiap-2018-future-title span:before {
                display: none
            }

    .fiap-2018-enade {
        padding: 0 0 200px
    }

    .fiap-2018-enade-main {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-order: -1;
        order: -1
    }

    .fiap-2018-enade-content {
        padding-bottom: 120px;
        text-align: center
    }

    .fiap-2018-artigos-media-img {
        width: 400px
    }

    .fiap-2018-enade-nota-title {
        -ms-flex-pack: center;
        justify-content: center
    }

        .fiap-2018-artigos:after, .fiap-2018-enade-nota-title:before {
            display: none
        }

    .fiap-2018-artigos {
        padding-bottom: 250px
    }

    .fiap-2018-artigos-main {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fiap-2018-artigos-box {
        margin: 0 0 90px
    }

    .fiap-2018-artigos-text {
        text-align: center
    }

        .fiap-2018-artigos-text:after {
            display: none
        }

    .fiap-2018-artigos-number {
        font-size: 170px;
        line-height: 105px;
        left: 5px
    }

    .fiap-2018-videos-title {
        font-size: 41px;
        line-height: 30px
    }

        .fiap-2018-videos-title span {
            display: inline-block;
            font-size: 41px;
            left: 0
        }

            .fiap-2018-unidades:after, .fiap-2018-videos-title span:before {
                display: none
            }

    .fiap-2018-unidades-subtitle {
        color: #ed145b
    }

    .graduacao-extensoes-title-content {
        width: auto;
        text-align: center
    }

    .graduacao-extensoes-title:after {
        bottom: -22px;
        left: 50%;
        transform: translateX(-50%)
    }

    .graduacao-extensoes--online .graduacao-extensoes-title, .graduacao-extensoes-title {
        font: 25px/14px Gotham HTF Light
    }

    .graduacao-extensoes--online .graduacao-extensoes-title-internacional, .graduacao-extensoes-title-internacional {
        font: 33px/55px Gotham HTF Medium
    }

    .graduacao-extensoes-image-title {
        font-size: 35px
    }

    .graduacao-financiamentos-description-title, .graduacao-financiamentos-link {
        font-size: 18px;
        line-height: 25px
    }

    .MBA-home-cursos {
        margin: 80px 0 180px
    }

    .graduacao-curso-turmas-box {
        margin-top: 50px
    }

    .mba-curso-turmas-box-text-before {
        font-size: 15px
    }

    .mba-curso-turmas-box-text-after {
        font-size: 13px
    }

    .mba-curso-turmas-box-column-mobile {
        width: 80%
    }

    .mba-curso-turmas-box-column.radio {
        width: 20% !important
    }

    .mba-curso-turmas-box-text {
        font: 14px/18px Gotham HTF Book
    }

    .mba-curso-tema-alternativo-informacoes-itens {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 100px
    }

    .mba-curso-tema-alternativo-informacoes-item {
        margin-bottom: 50px;
        width: 100% !important
    }

    .mba-curso-tema-alternativo-informacoes-item-title:after {
        height: 7px;
        left: -25px;
        width: 7px
    }

    .mba-curso-tema-alternativo-informacoes-item-highlight {
        padding-top: 20px;
        font: 17px/28px Gotham HTF Book
    }

        .mba-curso-tema-alternativo-informacoes-item-highlight:before {
            height: 70px;
            top: 20px
        }

    .mba-curso-tema-alternativo-informacoes-item-highlight-effect {
        top: 105px
    }

        .mba-curso-tema-alternativo-informacoes-item-highlight-effect:before {
            display: none
        }

    .mba-admissao {
        padding-bottom: 150px
    }

    .mba-extensoes-parent-title {
        margin: auto;
        text-align: center
    }

        .mba-extensoes-parent-title:after {
            left: 0;
            margin: auto
        }

    .fiap-mba-extensoes-title {
        font: 25px/14px Gotham HTF Light
    }

    .mba-extensoes-title-internacionais {
        font: 33px/55px Gotham HTF Medium
    }

    .fiap-mba-extensoes-subtitle {
        margin-left: 0;
        margin-top: 70px;
        max-width: none;
        text-align: center
    }

    .fiap-mba-extensoes-item-content {
        padding: 0 100px
    }

    .fiap-2018-disrupcao-columns {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 50px
    }

    .fiap-2018-disrupcao-column {
        width: 100%
    }

    .fiap-2018-disrupcao-description:first-child {
        padding-top: 0
    }

        .fiap-2018-disrupcao-description:first-child:before {
            display: none
        }

    .online-plataforma-slider {
        padding: 0
    }

    .online-plataforma-slider-dot {
        display: none
    }

    .online-plataforma-item-container {
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .online-plataforma-item-media {
        height: 105px;
        margin: 40px 0 20px;
        width: 100%
    }

    .online-plataforma-item-content {
        text-align: center
    }

    .online-plataforma-item-number {
        margin: 0 auto
    }

    .MBA-home-cursos {
        margin: 0 0 180px
    }

    .MBA-home-cursos__header--fixed {
        top: 60px
    }

    .MBA-home-cursos__title {
        font-family: Gotham HTF Book;
        font-size: 40px;
        letter-spacing: -2px
    }

    .MBA-home-cursos__order {
        margin-left: 10px
    }

    .MBA-home-cursos__filter-button svg {
        transform: scale(.9)
    }

    .MBA-home-cursos__filter-button {
        font-size: 19px
    }

    .MBA-home-cursos__filter-overflow {
        position: fixed;
        top: 0;
        left: 0;
        height: 0
    }

    .MBA-home-cursos__filter-options {
        background-color: #000;
        margin-top: 60px;
        height: calc(100vh - 60px)
    }

    .MBA-home-cursos__filter-fieldset:last-of-type .MBA-home-cursos__filter-option:last-child {
        border-bottom: 1px solid #383f43;
        padding-bottom: 10px
    }

    .MBA-home-cursos__filter-divider {
        border-top: 1px solid #acc1cc
    }

    .MBA-home-cursos__filter-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 50px
    }

    .MBA-home-cursos__filter-option {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        border-bottom: 1px solid #383f43;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

        .MBA-home-cursos__filter-option:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .MBA-home-cursos__filter-option--border {
        border-bottom: 1px solid #383f43
    }

    .MBA-home-cursos__filter-checkbox, .MBA-home-cursos__filter-checkmark {
        width: 25px;
        height: 25px
    }

    .MBA-home-cursos__filter-input:checked + .MBA-home-cursos__filter-checkmark {
        width: 16px;
        height: 16px
    }

    .MBA-home-cursos__filter-label {
        font-size: 22px;
        font-family: Roboto;
        margin-left: 0
    }

    .MBA-home-cursos__filter-label--selected {
        color: #ea1d5d
    }

    .MBA-home-cursos__filter-close--bottom {
        display: none
    }

    .MBA-home-cursos__filter-close--apply {
        display: block
    }

    .MBA-home-cursos__grid {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .MBA-home-cursos__card {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        max-width: none
    }

        .MBA-home-cursos__card:before {
            left: 0
        }

    .MBA-home-cursos__card--disabled, .MBA-home-cursos__card--hidden {
        display: none
    }

    .MBA-home-cursos__card-intro {
        padding: 0 15px
    }

    .MBA-home-cursos__card-title {
        white-space: normal;
        font-size: 25px;
        line-height: 30px
    }

    .MBA-home-cursos__card-subtitle {
        font-size: 19px;
        line-height: 22px
    }

    .MBA-home-cursos__card-type-list li {
        padding: 0
    }

        .MBA-home-cursos__card-type-list li:hover span {
            color: #ed145b !important
        }

            .MBA-home-cursos__card-type-list li:hover span:before {
                border-color: #ed145b !important
            }

        .MBA-home-cursos__card-type-list li:hover {
            background-color: transparent;
            border-top: 1px solid #3a4044;
            border-bottom: 1px solid #3a4044
        }

    .MBA-home-cursos__show-all-button {
        border: 1px solid #515a60;
        font-family: Gotham HTF Bold;
        font-size: 12px;
        width: 100%;
        padding: 10px 0;
        color: #75838b;
        text-transform: uppercase;
        height: 50px
    }

    .online-como-funciona-box {
        width: 100%;
        min-height: auto
    }

    .LIVE-MBA-conceito__title {
        font: 57px Gotham HTF Light
    }

    .LIVE-MBA-conceito__subtitle {
        font: 35px Gotham HTF Light
    }

    .LIVE-MBA-conceito__highlight {
        font: 18px/28px Gotham HTF Book
    }

    .ON-ensino-conceito__title {
        font: 57px Gotham HTF Light
    }

    .ON-ensino-conceito__subtitle {
        font: 35px Gotham HTF Light
    }

    .ON-ensino-conceito__highlight {
        font: 18px/28px Gotham HTF Book
    }

    .ON-ensino-diferenciais__slider {
        padding: 0
    }

    .ON-ensino-diferenciais__slider-dot {
        display: none
    }

    .ON-ensino-diferenciais__item-container {
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .ON-ensino-diferenciais__item-media {
        height: 105px;
        margin: 40px 0 20px;
        width: 100%
    }

    .ON-ensino-diferenciais__item-content {
        text-align: center
    }

    .ON-ensino-diferenciais__item-number {
        margin: 0 auto
    }

    .ON-ensino-como-funciona__box, .ON-MBA-inscricoes-abertas__box {
        width: 48%
    }

    .ON-GRAD-one-planet-desafios__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 45px
    }

    .ON-GRAD-one-planet-desafios__item-number {
        font: 220px/250px DIN Condensed Bold;
        width: auto
    }

        .ON-GRAD-one-planet-desafios__item-number span {
            display: none
        }

    .ON-GRAD-one-planet-desafios__item-icon {
        text-align: center;
        width: 70%
    }

    .ON-GRAD-one-planet-desafios__item-icon--one-planet-one-home svg {
        max-width: 350px;
        width: 100%
    }

    .ON-GRAD-one-planet-desafios__item-icon--enterprise-challenge svg {
        max-width: 320px;
        width: 100%
    }

    .ON-GRAD-one-planet-desafios__item-text {
        max-width: none;
        width: 100%
    }

    .MBA-ensino-inscricoes-abertas__box {
        width: 48%
    }
}

@media (max-width:960px) {
    .fiap-2018-unidades-item {
        width: 50%
    }

    .fiap-2018-unidades-media {
        display: table-cell;
        opacity: .9;
        vertical-align: middle;
        width: 50%
    }

    .fiap-2018-mapa, .fiap-2018-unidades-btn, .fiap-2018-unidades-btn-close, .fiap-2018-unidades-tag {
        display: none
    }

    .ON-ensino-plugins__description-columns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-ensino-plugins__description-column:first-child {
        margin-bottom: 40px;
        padding-right: 0;
        width: 100%
    }

        .ON-ensino-plugins__description-column:first-child:before {
            display: none
        }

    .ON-ensino-plugins__description-column:last-child {
        padding-left: 0;
        width: 100%
    }

    .ON-GRAD-one-planet-base__menu-list {
        display: none
    }

    .ON-GRAD-one-planet-base__menu-item {
        color: #97ca3d;
        font-size: 29px;
        padding: 20px 0
    }

    .ON-GRAD-one-planet-base__menu-burger {
        display: -ms-flexbox;
        display: flex
    }

    .ON-GRAD-one-planet-header__container {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .ON-GRAD-one-planet-header__effect-circle {
        right: -15px;
        height: auto;
        left: auto;
        top: auto;
        bottom: 130px;
        transform: none
    }

    .MBA-plugins__description-columns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .MBA-plugins__description-column:first-child {
        margin-bottom: 40px;
        padding-right: 0;
        width: 100%
    }

        .MBA-plugins__description-column:first-child:before {
            display: none
        }

    .MBA-plugins__description-column:last-child {
        padding-left: 0;
        width: 100%
    }
}

@media screen and (max-width:850px) {
    .MBA-shared-fiap-alura .wrapper2 {
        bottom: 100px
    }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-columns {
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 53px;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-first-col .MBA-shared-fiap-alura-content-first-col-line {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:768px) {
    .shared-startup-text-title {
        font-size: 16px
    }

    .graduacao-curso-corpo-content, .graduacao-extensoes-desc, .graduacao-financiamento-description, .graduacao-financiamento-fies-description, .graduacao-financiamento-informacoes-text, .graduacao-financiamento-list-item, .graduacao-labs-description, .mba-curso-corpo-desc, .MBA-ensino-inscricoes-abertas__box-description, .ON-ensino-como-funciona__box-description, .ON-MBA-inscricoes-abertas__box-description, .online-como-funciona-box-description, .shared-startup-text {
        font-size: 14px
    }

    .background-gradient-home-graduacao:before, .background-gradient-home-mba:before, .background-gradient-home-online:before {
        background: none
    }

    .graduacao-menu-novidades-header-desc, .menu-alerta-text {
        font: 10px/15px Gotham HTF Book
    }

    .menu-alerta-iframe {
        margin-left: 20px
    }

    .fiap-menu-sub {
        margin-left: -130px;
        right: auto;
        transform: none;
        left: 50%
    }

    .vestibulando-alerta .wrapper2 {
        width: 90%
    }

    .vestibulando-alerta--matricula {
        display: block
    }

    .vestibulando-alerta-content {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .vestibulando-alerta-title {
        height: auto;
        margin-right: 18px;
        padding-right: 10px
    }

        .vestibulando-alerta-title, .vestibulando-alerta-title strong {
            font: 15px/17px Gotham HTF Medium
        }

            .vestibulando-alerta-title.desktop {
                display: none
            }

            .vestibulando-alerta-title.mobile {
                display: block
            }

    .vestibulando-alerta--matricula .vestibulando-alerta-title {
        border-right: none;
        margin-right: 0;
        padding-right: 0
    }

    .vestibulando-alerta-text {
        font: 12px/15px Roboto;
        font-weight: 700
    }

        .vestibulando-alerta-text.desktop {
            display: none
        }

        .vestibulando-alerta-text.mobile {
            display: block
        }

    .vestibulando-alerta-btn {
        font: 11px Gotham HTF Bold;
        height: 27px;
        margin-left: 20px;
        margin-top: 5px;
        max-width: 105px;
        min-width: 105px
    }

        .vestibulando-alerta-btn.desktop {
            display: none
        }

        .vestibulando-alerta-btn.mobile {
            display: -ms-flexbox;
            display: flex
        }

    .components-accordion {
        margin: 15px 0
    }

    .components-accordion-header {
        padding-right: 65px
    }

    .components-accordion-number {
        font-size: 15px;
        width: 42.5px
    }

    .components-accordion-title {
        color: #616d72;
        font: 13px/18px Roboto;
        padding: 18px 13px
    }

    .components-accordion-content {
        font-size: 14px;
        line-height: 22px
    }

    .components-accordion-content-wrapper2 {
        padding: 10px 20px
    }

    .components-cursos-list {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .components-cursos-item, .components-cursos-list {
        width: 100%;
        margin: 0 auto
    }

    .components-cursos-item-link {
        padding: 33px 20px;
        text-align: center
    }

        .components-cursos-item-link:after {
            left: 50%;
            transform: translateX(-50%);
            width: 40px
        }

    .components-cursos-item-sub {
        font-size: 11px;
        margin-top: 5px
    }

    .components-cursos-item-tag div {
        margin: 5px auto 0
    }

    .components-cursos-search {
        display: block;
        margin-top: 25px;
        text-align: center
    }

    .components-cursos-select-box {
        margin: 0 auto;
        width: 80%
    }

    .components-cursos-select-input {
        margin: 0 auto;
        position: static;
        width: 100%
    }

    .components-marquee-content {
        animation: a 10s linear infinite
    }

    .components-menu-logo-link:first-child .components-menu-svg {
        height: 20px;
        max-width: 70px
    }

    .menu-search .components-menu-logo-link:first-child .components-menu-svg {
        height: 25px;
        max-width: 100px
    }

    .components-menu-logo-link:nth-child(2) .components-menu-svg {
        max-width: 105px
    }

    .components-menu-search-button-parent {
        padding-right: 30px
    }

    .components-slider-navigation-next, .components-slider-navigation-prev {
        height: 100px
    }

    .components-video {
        height: 480px
    }

    .shared-contato-title {
        font: 35px Gotham HTF Medium;
        margin-bottom: 50px
    }

    .shared-contato-unidades-item {
        width: 100%
    }

    .shared-contato-form-group:not(:first-child) {
        margin-top: 15px
    }

    .shared-fotos-title {
        font-size: 35px;
        padding-bottom: 70px
    }

        .shared-fotos-title:after {
            top: 70%
        }

    .SHRD-mec {
        padding: 0 0 150px
    }

    .SHRD-mec__content-title {
        padding-bottom: 50px
    }

    .SHRD-mec__title {
        font: 25px/36px Gotham HTF Light
    }

    .SHRD-mec__title--highlight {
        font: 25px/36px Gotham HTF Medium
    }

    .SHRD-mec__nota {
        margin-bottom: 20px;
        margin-left: 0;
        -ms-flex-pack: center;
        justify-content: center
    }

    .SHRD-mec__nota, .SHRD-mec__text {
        text-align: center
    }

    .shared-cookies__content {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shared-cookies__text {
        color: #667279;
        text-align: center
    }

    .shared-cookies__button {
        color: #000;
        background-color: #ed145b;
        margin-bottom: 25px
    }

        .shared-cookies__button:hover {
            background: #ed145b;
            color: #000
        }

    .shared-cookies__modal-content {
        margin: 0 auto;
        width: 100%
    }

    .shared-cookies__modal-btn-close {
        border: none;
        font: 40px Gotham HTF Light
    }

        .shared-cookies__modal-btn-close:hover {
            border: none
        }

    .shared-cookies-modal__text {
        font: 15px/21px Roboto
    }

    .shared-cookies-modal__toggle__text {
        display: none
    }

    .shared-cookies-modal__button {
        color: #000;
        background: #ed145b;
        margin-bottom: 10px;
        text-align: center;
        width: 100%
    }

        .shared-cookies-modal__button:hover {
            color: #000;
            background: #ed145b
        }

    .switch {
        height: 37px;
        width: 67px
    }

    .shared-slider:before {
        bottom: 4px;
        height: 27px;
        width: 27px
    }

    input:checked + .shared-slider:before {
        transform: translateX(30px)
    }

    .shared-nano-courses-text-desc {
        color: #91a3ad;
        font: 16px/26px Roboto;
        text-align: left
    }

    .shared-nano-courses-certificado-text {
        color: #91a3ad;
        font: 16px/20px Roboto;
        font-style: italic
    }

    .shared-nano-courses-certificado--graduacao {
        width: 100%
    }

    .shared-nano-courses {
        padding: 150px 0 170px
    }

        .shared-nano-courses:after {
            display: none
        }

    .shared-nano-courses--online-curso-mba {
        padding: 130px 0 100px
    }

    .shared-nano-courses-logo {
        margin-bottom: 40px !important
    }

    .shared-nano-courses--online .shared-nano-courses-text-content {
        margin-right: 0
    }

    .shared-nano-courses-text-quote {
        font: 16px/26px Gotham HTF Light;
        margin-bottom: 40px;
        text-align: center
    }

    .shared-nano-courses-text-title {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 20px
    }

    .shared-nano-courses-text-desc {
        padding: 0
    }

    .shared-startup {
        padding-bottom: 150px
    }

    .shared-startup-title {
        font: 40px/45px Gotham HTF Medium
    }

    .shared-startup-subtitle {
        font-size: 16px
    }

    .shared-startup-content-video {
        margin-top: -40px
    }

    .shared-startup-columns {
        margin: 50px auto 0;
        width: 90%
    }

    .shared-vitrine {
        height: 550px
    }

    .shared-vitrine-img {
        width: auto;
        padding-top: 110px;
        position: static;
        transform: translate(0)
    }

        .shared-vitrine-img.vitrine-img-graduacao {
            padding-top: 160px
        }

    .shared-vitrine-scroll {
        display: none
    }

    .MBA-shared-fiap-alura .MBA-shared-fiap-alura-content-media .MBA-shared-fiap-alura-content-media-logo {
        width: 400px
    }

    .SHRD-curso-pessoas__item {
        padding-top: 50px
    }

        .SHRD-curso-pessoas__item:after {
            display: none
        }

    .SHRD-curso-pessoas__media-img {
        height: 250px
    }

    .SHRD-curso-pessoas__title {
        font-size: 24px;
        line-height: 30px;
        text-align: left
    }

    .SHRD-curso-pessoas__subtitle {
        font-size: 16px;
        text-align: left
    }

        .SHRD-curso-pessoas__subtitle:after {
            height: 2px;
            margin: 10px auto;
            width: 45px
        }

    .SHRD-curso-pessoas__desc {
        padding-bottom: 275px
    }

        .SHRD-curso-pessoas__desc li:after {
            height: 3px;
            left: -10px;
            width: 3px
        }

    .graduacao-financiamento-bolsas-title {
        margin-bottom: 40px;
        text-align: center
    }

    .graduacao-financiamento-bolsas-box {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .graduacao-financiamento-header {
        padding: 0 0 150px
    }

        .graduacao-financiamento-header:after {
            display: none
        }

        .graduacao-financiamento-header .graduacao-financiamentos-title {
            font-size: 45px;
            margin: 0;
            padding: 180px 0 55px
        }

        .graduacao-financiamento-header .graduacao-financiamentos-item {
            margin: 10px;
            min-height: 250px;
            width: calc(50% - 40px)
        }

    .graduacao-financiamento-title {
        text-align: center
    }

    .graduacao-financiamento-list-item {
        width: 100%;
        margin: 0;
        min-height: auto;
        padding-bottom: 40px
    }

    .graduacao-financiamento-list-text:before {
        left: 0
    }

    .graduacao-financiamento-list-text {
        padding-left: 25px
    }

    .graduacao-financiamento-notes {
        padding: 40px
    }

    .graduacao-financiamento-informacoes {
        padding: 0 0 150px
    }

        .graduacao-financiamento-informacoes:after {
            display: none
        }

    .graduacao-financiamento-fies-header {
        padding: 0 0 150px
    }

        .graduacao-financiamento-fies-header:after {
            display: none
        }

    .graduacao-financiamento-fies-description {
        margin: 0
    }

    .graduacao-financiamento-fies-vantagens {
        padding: 0 0 150px
    }

        .graduacao-financiamento-fies-vantagens:after {
            display: none
        }

    .graduacao-financiamento-fies-funcionamento {
        padding: 0 0 150px
    }

        .graduacao-financiamento-fies-funcionamento:after {
            display: none
        }

    .graduacao-financiamento-fies-funcionamento-list {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .graduacao-financiamento-fies-funcionamento-item {
        width: 100%
    }

    .graduacao-financiamento-fies-funcionamento-button {
        width: auto
    }

    .graduacao-financiamento-prouni-header {
        padding: 0 0 150px
    }

        .graduacao-financiamento-prouni-header:after {
            display: none
        }

    .graduacao-financiamento-prouni-funcionamento {
        padding: 0 0 150px
    }

        .graduacao-financiamento-prouni-funcionamento:after {
            display: none
        }

    .graduacao-financiamento-prouni-funcionamento-title {
        margin: 20px 0
    }

    .graduacao-financiamento-prouni-solicitacao {
        padding: 0 0 150px
    }

        .graduacao-financiamento-prouni-solicitacao:after {
            display: none
        }

    .graduacao-financiamento-estendido-header {
        padding: 0 0 150px
    }

        .graduacao-financiamento-estendido-header:after {
            display: none
        }

    .graduacao-financiamento-estendido-informacoes {
        padding: 0 0 150px
    }

        .graduacao-financiamento-estendido-informacoes:after {
            display: none
        }

    .graduacao-financiamento-estendido-cursos {
        padding: 0 0 150px
    }

        .graduacao-financiamento-estendido-cursos:after {
            display: none
        }

    .graduacao-financiamento-bolsas-header {
        padding: 0 0 150px
    }

        .graduacao-financiamento-bolsas-header:after {
            display: none
        }

    .graduacao-financiamento-bolsas-parceiras {
        padding: 0 0 150px
    }

        .graduacao-financiamento-bolsas-parceiras:after {
            display: none
        }

    .graduacao-financiamento-bolsas-ex {
        padding: 0 0 150px
    }

        .graduacao-financiamento-bolsas-ex:after {
            display: none
        }

    .graduacao-financiamento-bolsas-cursando {
        padding: 0 0 150px
    }

        .graduacao-financiamento-bolsas-cursando:after {
            display: none
        }

    .graduacao-financiamento-bolsas-plus {
        padding: 0 0 150px
    }

        .graduacao-financiamento-bolsas-plus:after {
            display: none
        }

    .fiap-2018-future-title, .fiap-2018-future-title span, .fiap-2018-future-title span:before {
        font-size: 24px
    }

    .fiap-2018-future-desc {
        font: 16px/26px Roboto
    }

    .fiap-2018-future-logos {
        margin: 100px 0 50px;
        padding: 0
    }

    .fiap-2018-future-logo, .fiap-2018-future-logo.line-two {
        width: 33.3%
    }

    .fiap-nomad:after {
        display: none
    }

    .fiap-nomad {
        padding-bottom: 150px
    }

    .fiap-nomad-subtitle, .fiap-nomad-title {
        font: 30px/30px Gotham HTF Light;
        font: 20px/20px Gotham HTF Light;
        margin: 0 auto
    }

        .fiap-nomad-title span {
            font: 48px/55px Gotham HTF Medium
        }

    .fiap-nomad-description {
        font-size: 14px;
        margin: 80px 0 30px
    }

    .fiap-2018-enade {
        padding: 0 0 150px
    }

    .fiap-2018-enade-content {
        padding-bottom: 50px
    }

    .fiap-2018-artigos-media-img {
        width: 280px;
        margin-left: 20px
    }

    .fiap-2018-enade-title {
        font: 25px/36px Gotham HTF Medium
    }

    .fiap-2018-enade-subtitle {
        font: 25px/36px Gotham HTF Light
    }

    .fiap-2018-enade-nota-title {
        margin-bottom: 20px;
        margin-left: 0;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .fiap-2018-enade-text {
        text-align: center
    }

    .fiap-2018-artigos {
        padding-bottom: 150px
    }

    .fiap-2018-artigos-box {
        padding: 40px
    }

        .fiap-2018-artigos-box > img {
            width: 140px
        }

    .fiap-2018-artigos-highlight {
        font: 39px/40px Gotham HTF Medium;
        margin-bottom: 30px;
        -webkit-text-stroke: 1px #ed145b
    }

    .fiap-2018-artigos-title {
        font: 32px/40px Gotham HTF Light;
        margin-bottom: 30px;
        text-align: center;
        font: 29px/36px Gotham HTF Light
    }

    .fiap-2018-sxsw:after {
        display: none
    }

    .fiap-2018-sxsw {
        padding-bottom: 150px
    }

    .fiap-2018-sxsw-text {
        font-size: 14px;
        line-height: 20px
    }

    .fiap-2018-videos:after {
        display: none
    }

    .fiap-2018-videos {
        padding-bottom: 150px
    }

    .fiap-2018-videos-title {
        margin-left: unset;
        text-align: center
    }

        .fiap-2018-videos-title span, .fiap-2018-videos-title span:before {
            font-size: 35px;
            margin-bottom: 20px
        }

    .fiap-2018-videos-thumb-button {
        border: none
    }

    .fiap-2018-unidades {
        padding-bottom: 150px
    }

    .fiap-2018-unidades-title {
        font-size: 40px
    }

    .fiap-2018-unidades-item {
        width: 100%
    }

    .fiap-2018-unidades-media {
        width: 21.5%
    }

    .fiap-2018-unidades-content {
        padding-left: 20px
    }

    .fiap-2018-unidades-subtitle {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .graduacao-challenges-title {
        font-size: 35px
    }

    .graduacao-challenges-gallery-item {
        width: 100%
    }

    .graduacao-challenges-gallery-description {
        padding: 40px
    }

    .graduacao-challenges-video {
        height: 300px
    }

    .graduacao-extensoes {
        padding: 0 0 150px
    }

        .graduacao-extensoes:after {
            display: none
        }

    .graduacao-extensoes-image-title {
        font-size: 25px
    }

    .graduacao-extensoes-columns {
        margin: 60px auto
    }

    .graduacao-extensoes-logo {
        height: 40px;
        width: 170px
    }

    .graduacao-extensoes-local {
        margin-bottom: 50px;
        margin-top: 15px
    }

    .graduacao-extensoes-btn {
        font-size: 14px;
        margin-top: 30px;
        padding: 10px 30px
    }

    .graduacao-extensoes-label {
        margin-top: 35px
    }

    .graduacao-labs {
        padding: 0 0 150px
    }

        .graduacao-labs:after {
            display: none
        }

    .graduacao-labs-title {
        margin: 0;
        font-size: 35px
    }

    .graduacao-labs-description {
        margin: 30px 0
    }

    .graduacao-labs-gallery-wrapper2 {
        display: block;
        font-size: 0;
        white-space: nowrap
    }

    .graduacao-labs-gallery-item {
        display: inline-block;
        margin: 0;
        width: 100%
    }

    .graduacao-labs-gallery-thumb-title {
        font-size: 25px
    }

    .graduacao-financiamentos {
        padding: 0 0 150px
    }

        .graduacao-financiamentos:after {
            display: none
        }

    .graduacao-financiamentos-title {
        margin: 0;
        font-size: 27px
    }

    .graduacao-financiamentos-item {
        margin: 10px 0;
        width: 100%;
        height: 200px;
        min-height: auto
    }

    .mba-fotos-title {
        font-size: 35px;
        padding-bottom: 70px
    }

        .mba-fotos-title:after {
            top: 70%
        }

    .graduacao-curso-header-share {
        display: block;
        position: static;
        transform: none;
        width: 100%
    }

    .graduacao-curso-share-item {
        display: inline-block;
        margin: 0 5px;
        width: 25px
    }

    .graduacao-curso-header-share-title {
        display: none
    }

    .graduacao-curso-turmas-box, .graduacao-curso-turmas-online .graduacao-curso-turmas-box {
        width: 90%
    }

        .graduacao-curso-turmas-box:not(:first-child) {
            margin-top: 40px
        }

    .graduacao-curso-turmas-box, .graduacao-curso-turmas-online .graduacao-curso-turmas-box {
        width: 100%
    }

    .graduacao-curso-turmas-box-column:not(:first-child) {
        padding: 15px 0
    }

    .graduacao-curso-turmas-online .graduacao-curso-turmas-box-column, .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column {
        margin: 5px auto
    }

    .graduacao-curso-investimento-title {
        margin-bottom: 15px
    }

    .graduacao-curso-corpo-subtitle {
        font-size: 16px;
        text-align: left
    }

        .graduacao-curso-corpo-subtitle:after {
            height: 2px;
            margin: 10px auto;
            width: 45px
        }

    .mba-curso-header-share {
        display: inline;
        position: static;
        transform: none
    }

    .mba-curso-share-item {
        display: inline-block;
        margin: 0 5px;
        width: 25px
    }

    .mba-curso-header-share-title {
        display: none
    }

    .mba-curso-turmas {
        padding: 50px 0
    }

        .mba-curso-turmas:after {
            display: none
        }

    .mba-curso-turmas-title {
        font-size: 40px;
        margin-bottom: 0
    }

        .mba-curso-turmas-title:after {
            left: 47%;
            margin-top: 25px
        }

    .mba-curso-turmas-parent {
        padding: 20px 20px 70px
    }

    .mba-curso-turmas-box {
        width: 100%
    }

        .mba-curso-turmas-box:not(:first-child) {
            margin-top: 40px
        }

    .mba-curso-turmas-box-column.radio {
        width: 10% !important
    }

    .mba-curso-turmas-online .mba-curso-turmas-box-column, .mba-curso-turmas-presencial .mba-curso-turmas-box-column {
        margin: 5px auto;
        width: 280px
    }

    .mba-curso-turmas-box-icon {
        height: 20px;
        width: 50px
    }

    .mba-curso-turmas-presencial .mba-curso-turmas-box-column:first-child .mba-curso-turmas-box-text {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .mba-curso-turmas-box-label {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .mba-curso-turmas-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 20px
    }

    .mba-curso-corpo {
        padding-top: 50px
    }

    .mba-curso-corpo-media-img {
        height: 300px
    }

    .mba-curso-corpo-content li:after {
        height: 3px;
        left: -10px;
        width: 3px
    }

    .mba-curso-corpo-title {
        font-size: 16px;
        text-align: center
    }

    .mba-curso-corpo-subtitle {
        font-size: 30px;
        text-align: center
    }

        .mba-curso-corpo-subtitle:after {
            height: 2px;
            margin: 10px auto;
            width: 45px
        }

    .mba-curso-corpo-desc {
        margin-bottom: 0;
        max-height: none
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-destaque, .mba-curso-tema-alternativo-informacoes-descricao-column-destaque-big {
        width: 80%
    }

    .mba-curso-tema-alternativo-informacoes-descricao-column-texto {
        margin-top: 30px;
        width: 100%
    }

    .mba-curso-tema-alternativo-informacoes-descricao {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mba-curso-tema-alternativo-informacoes-itens {
        margin-top: 70px
    }

    .mba-corpo-curso-direcao-academica-title {
        font-size: 35px;
        margin-bottom: 100px
    }

        .mba-corpo-curso-direcao-academica-title:after {
            left: 47%;
            margin-top: 25px
        }

    .mba-corpo-curso-direcao-academica-slider-item {
        width: 100%
    }

        .mba-corpo-curso-direcao-academica-slider-item.active {
            padding: 0 5px
        }

    .mba-corpo-curso-direcao-academica-description-text li:after {
        height: 3px;
        left: -10px;
        width: 3px
    }

    .mba-admissao-title .mba-admissao-title-destaque {
        font-size: 45px
    }

    .mba-admissao-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 35px
    }

    .mba-admissao-subtitle {
        border-bottom: 1px solid #2a3032;
        color: #ed145b;
        font-size: 15px;
        line-height: 20px;
        padding: 15px 0 20px 25px;
        margin-bottom: 10px
    }

        .mba-admissao-subtitle:after, .mba-admissao-subtitle:before {
            background-color: #ed145b
        }

        .mba-admissao-subtitle:before {
            box-shadow: 6px 0 0 #ed145b;
            top: 27px
        }

        .mba-admissao-subtitle:after {
            top: 21px
        }

    .mba-admissao-list-line-hover {
        display: none
    }

    .mba-admissao-list-content {
        margin-top: 30px
    }

    .mba-admissao-item {
        display: block;
        margin: 50px auto 0;
        min-height: auto;
        padding: 0 !important;
        width: 100%
    }

        .mba-admissao-item .mba-admissao-item-link {
            color: #ed145b
        }

    .mba-admissao-item-text {
        color: #91a3ad
    }

    .mba-admissao-item-bg {
        display: none
    }

    .fiap-mba-extensoes {
        padding-bottom: 200px
    }

    .fiap-mba-extensoes-subtitle {
        line-height: 24px
    }

    .fiap-mba-extensoes-item-content {
        padding: 0 10px
    }

    .fiap-2018-disrupcao {
        padding-bottom: 150px
    }

    .fiap-2018-disrupcao-title {
        font: 35px/45px Gotham HTF Medium;
        margin: 0 0 30px;
        text-align: left
    }

    .fiap-2018-disrupcao-figure {
        width: 100%
    }

    .fiap-2018-disrupcao-column img {
        max-width: 150px
    }

    .online-vitrine {
        padding: 0 0 150px
    }

        .online-vitrine:after {
            display: none
        }

    .online-vitrine__mba {
        padding: 0 0 150px
    }

        .online-vitrine__mba:after {
            display: none
        }

    .online-plataforma {
        padding: 0 0 150px
    }

        .online-plataforma:after {
            display: none
        }

    .online-plataforma-header-title {
        font-size: 30px;
        line-height: 40px
    }

    .live-faq-header {
        padding-top: 100px
    }

    .live-faq-title {
        font-size: 45px
    }

    .live-faq-section {
        margin-bottom: 0
    }

    .live-fac-accordion {
        margin: 15px 0
    }

    .live-fac-accordion-header {
        padding-right: 65px
    }

    .live-fac-accordion-number {
        font-size: 15px;
        width: 42.5px
    }

    .live-fac-accordion-title {
        color: #616d72;
        font: 13px/18px Gotham HTF Medium;
        padding: 18px 13px
    }

    .live-fac-accordion-content {
        font-size: 14px;
        line-height: 22px
    }

    .live-fac-accordion-content-wrapper2 {
        padding: 10px 20px
    }

    .online-como-funciona {
        padding: 0 0 150px
    }

        .online-como-funciona:after {
            display: none
        }

    .online-como-funciona-header {
        margin: 0 auto 20px;
        text-align: center
    }

    .online-como-funciona-header-title {
        font-size: 30px;
        line-height: 40px
    }

    .menu-search .components-menu .components-menu-logo {
        width: 230px
    }

    .search-result-categoria {
        font-size: 11px
    }

    .search-result-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .search-result-saiba-mais {
        font: 12px Gotham HTF Book
    }

    .search-quick-links-title {
        margin-left: 30px;
        margin-bottom: 20px
    }

    .search-quick-links-columns {
        width: 90%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto
    }

    .search-quick-links-column {
        width: 50%;
        padding-left: 10px
    }

    .search-quick-links-list {
        margin: 0
    }

    .SHRD-conceito {
        padding: 0 0 150px
    }

        .SHRD-conceito:after {
            display: none
        }

    .SHRD-conceito {
        padding: 100px 50px
    }

    .SHRD-conceito__title {
        font-size: 30px;
        line-height: 40px;
        margin-top: 80px
    }

    .MBA .SHRD-conceito__title {
        font-size: 20px;
        line-height: 35px;
        margin-top: 170px
    }

    .SHRD-conceito__subtitle {
        font-size: 16px;
        line-height: 25px
    }

    .SHRD-conceito__highlight {
        font-size: 12px
    }

    .SHRD-conceito__join-us {
        max-width: 180px
    }

    .SHRD-partners:after {
        display: none
    }

    .SHRD-partners {
        padding-bottom: 150px
    }

    .SHRD-partners__title {
        font: 40px/50px Gotham HTF Medium
    }

        .SHRD-partners__title:after {
            bottom: -35px;
            height: 5px
        }

    .SHRD-partners__desc {
        font: 16px/26px Roboto
    }

    .SHRD-partners__lines {
        margin: 50px 0;
        padding: 0
    }

    .LIVE-MBA-header {
        height: 550px;
        padding: 0 0 150px
    }

        .LIVE-MBA-header:after {
            display: none
        }

    .LIVE-MBA-conceito__join-us {
        max-width: 180px
    }

    .ON-header {
        height: 550px;
        padding: 0 0 150px
    }

        .ON-header:after {
            display: none
        }

    .ON-ensino-diferenciais {
        padding: 0 0 150px
    }

        .ON-ensino-diferenciais:after {
            display: none
        }

    .ON-ensino-diferenciais__header-title {
        font-size: 30px;
        line-height: 40px
    }

    .ON-ensino-turmas-extras {
        min-height: auto;
        padding-bottom: 180px
    }

    .ON-ensino-turmas-extras__desc {
        text-align: center
    }

    .ON-ensino-como-funciona {
        padding: 0 0 150px
    }

        .ON-ensino-como-funciona:after {
            display: none
        }

    .ON-ensino-como-funciona__header {
        margin: 0 auto 20px;
        text-align: center
    }

    .ON-ensino-como-funciona__header-subtitle, .ON-ensino-como-funciona__header-title {
        font-size: 30px;
        line-height: 40px
    }

    .ON-ensino-como-funciona__box {
        width: 100%
    }

    .ON-MBA-inscricoes-abertas__header {
        margin: 0 auto 20px;
        text-align: center
    }

    .ON-MBA-inscricoes-abertas__header-subtitle, .ON-MBA-inscricoes-abertas__header-title {
        font-size: 30px;
        line-height: 40px
    }

    .ON-MBA-inscricoes-abertas__box {
        width: 100%
    }

    .ON-GRAD-one-planet-ambipar {
        background-image: url(../images/online/graduacao/one-planet/ambipar/folha-mobile.png);
        background-position: 0 -470px;
        background-repeat: no-repeat
    }

    .ON-GRAD-one-planet-ambipar__logo svg {
        width: 325px
    }

    .ON-GRAD-one-planet-ambipar__carbon svg {
        width: 250px
    }

    .ON-GRAD-one-planet-ambipar__carbon {
        margin-top: 120px
    }

    .ON-GRAD-one-planet-ambipar__content {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-GRAD-one-planet-ambipar__text {
        text-align: center
    }

    .ON-GRAD-one-planet-saiba-mais {
        padding-top: 60px
    }

    .ON-GRAD-one-planet-saiba-mais__parceiros {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-GRAD-one-planet-saiba-mais__parceiros-item {
        margin-bottom: 50px
    }

    .ON-GRAD-one-planet-saiba-mais__parallax {
        height: 445px
    }

    .ON-GRAD-one-planet-desafios {
        padding-top: 75px
    }

    .ON-GRAD-one-planet-desafios__title {
        font: 26px/40px Gotham HTF Book;
        margin: 0 auto 65px
    }

    .ON-GRAD-one-planet-desafios__title--background {
        bottom: 9px;
        height: 9px;
        left: 48%;
        width: 300px
    }

    .ON-GRAD-one-planet-desafios__content {
        margin-bottom: 75px
    }

    .ON-GRAD-one-planet-desafios__item {
        border-top: 1px solid #777;
        padding: 45px 0
    }

        .ON-GRAD-one-planet-desafios__item:last-child {
            border-bottom: 1px solid #777
        }

    .ON-GRAD-one-planet-desafios__item-number {
        font: 140px/80px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-desafios__item-text {
        margin-top: 25px
    }

    .ON-GRAD-one-planet-desafio-header__line {
        top: 140px
    }

    .ON-GRAD-one-planet-desafio-header__dot-left, .ON-GRAD-one-planet-desafio-header__dot-right {
        top: 138px
    }

    .ON-GRAD-one-planet-desafio-header__title {
        font: 70px DIN Condensed Bold;
        margin: 0 auto;
        padding-top: 190px
    }

    .ON-GRAD-one-planet-desafio-content {
        padding-bottom: 95px
    }

    .ON-GRAD-one-planet-desafio-content-title {
        margin: 50px 0 60px
    }

    .ON-GRAD-one-planet-desafio-content-container {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-GRAD-one-planet-desafio-content-text:first-child {
        margin-right: 0
    }

    .ON-GRAD-one-planet-desafio-content-desc-special {
        display: none
    }

    .MBA-ensino-inscricoes-abertas__header {
        margin: 0 auto 20px;
        text-align: center
    }

    .MBA-ensino-inscricoes-abertas__header-subtitle, .MBA-ensino-inscricoes-abertas__header-title {
        font-size: 30px;
        line-height: 40px
    }

    .MBA-ensino-inscricoes-abertas__box {
        width: 100%
    }

    .MBA-shared-startup-one {
        padding: 50px 0 150px
    }

        .MBA-shared-startup-one:after {
            display: none
        }

        .MBA-shared-startup-one .wrapper2 {
            width: 100%
        }

    .MBA-shared-startup-one__title {
        font: 40px/45px Gotham HTF Medium
    }

    .MBA-shared-startup-one__subtitle {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        margin: 20px auto 0;
        max-width: 275px
    }

    .MBA-shared-startup-one__content-video {
        margin-top: -40px
    }

    .MBA-shared-startup-one__media {
        display: block;
        width: 100%
    }

    .MBA-shared-startup-one__columns {
        margin: 50px auto 0;
        width: 90%
    }
}

@media (max-width:768px) {
    .mba-curso-matriz-modulo-content .list-full .list-modulo {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mba-admissao-list:after {
        display: none
    }

    .ON-GRAD-one-planet-desafio-content-desc-mobile {
        display: -ms-flexbox;
        display: flex;
        font: 18px/25px Roboto;
        font-weight: 300
    }
}

@media (max-width:767px) {
    .br-tablet {
        display: none !important
    }

    .br-mobile {
        display: block
    }

    .graduacao-lead-box {
        padding: 25px 30px
    }

    .fiap-menu {
        text-align: center
    }

    .fiap-menu-link-dropdown {
        color: #ed145b
    }

        .fiap-menu-link-dropdown:after {
            border-color: #ed145b
        }

    .components-cursos-select {
        display: -ms-grid;
        display: grid;
        padding-top: 40px
    }

    .shared-startup {
        padding: 50px 0
    }

        .shared-startup:after {
            display: none
        }

        .shared-startup .wrapper2 {
            width: 100%
        }

    .shared-startup-subtitle {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        margin: 20px auto 0;
        max-width: 275px
    }

    .shared-startup-media {
        display: block;
        width: 100%
    }

    .shared-startup-media-img {
        width: 100%
    }

    .graduacao-financiamento-bolsas-plus-logo {
        margin-bottom: 25px
    }

    .fiap-2018-mec-title {
        font: 54px Gotham HTF Medium
    }

        .fiap-2018-mec-title span {
            width: 80%
        }

    .fiap-2018-mec-groups {
        margin: 100px 0 0
    }

    .online-conceito {
        padding: 50px 0
    }

    .online-conceito-desc {
        font-size: 14px;
        line-height: 28px
    }

    .graduacao-curso-header-label {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 5px 10px
    }

    .graduacao-curso-header-title {
        font-size: 26px;
        line-height: 32px;
        padding: 0
    }

    .graduacao-curso-header-subtitle {
        font-size: 14px
    }

    .graduacao-curso-header-title-desc {
        font-size: 20px;
        padding: 0 15px
    }

    .graduacao-curso-header-item-label {
        margin-top: 0;
        position: relative;
        top: 80px
    }

    .mba-encontro-presencial:after {
        display: none
    }

    .mba-encontro-presencial-intro-title {
        font-size: 24px;
        line-height: 30px
    }

    .mba-encontro-presencial-intro-media-icon {
        width: 100px
    }

    .graduacao-curso-informacoes {
        padding: 50px 0
    }

    .graduacao-curso-informacoes-column {
        max-width: 450px
    }

        .graduacao-curso-informacoes-column:last-child {
            margin-top: 45px
        }

    .graduacao-curso-informacoes-title {
        font: 24px Gotham HTF Light;
        letter-spacing: .05em
    }

    .graduacao-curso-informacoes-list {
        margin-top: 20px
    }

    .graduacao-curso-informacoes-link-wpp {
        padding: 6px
    }

    .graduacao-curso-informacoes-link-icon {
        height: 15px;
        width: 15px
    }

    .graduacao-curso-informacoes-link-icon-wpp {
        height: 13px;
        width: 13px
    }

    .graduacao-curso-certificacoes {
        background-image: none;
        padding: 50px 0
    }

        .graduacao-curso-certificacoes:after {
            display: none
        }

    .graduacao-curso-certificacoes-title {
        font-size: 24px;
        margin-bottom: 50px
    }

        .graduacao-curso-certificacoes-title:after {
            top: 50px
        }

    .graduacao-curso-certificacoes-description {
        font-size: 14px;
        line-height: 22px
    }

    .graduacao-curso-certificacoes-list {
        margin-top: 42.5px
    }

    .graduacao-curso-certificacoes-item {
        font: 14px Gotham HTF Book;
        max-width: unset;
        padding: 15px
    }

        .graduacao-curso-certificacoes-item:after {
            margin-top: 35px
        }

    .graduacao-curso-turmas {
        padding: 50px 0
    }

        .graduacao-curso-turmas:after {
            display: none
        }

    .graduacao-curso-turmas-title {
        font-size: 24px;
        margin-bottom: 50px
    }

    .graduacao-curso-turmas-box-icon {
        height: 20px;
        width: 50px
    }

    .graduacao-curso-turmas-box-text {
        padding: 0
    }

    .graduacao-curso-turmas-box-label, .graduacao-curso-turmas-presencial .graduacao-curso-turmas-box-column:first-child .graduacao-curso-turmas-box-text {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .graduacao-curso-turmas-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 20px
    }

    .graduacao-curso-matriz {
        padding: 50px 0
    }

    .graduacao-curso-matriz-header {
        margin-bottom: 50px
    }

    .graduacao-curso-matriz-header-column {
        font-size: 16px
    }

        .graduacao-curso-matriz-header-column:last-child {
            margin-top: 35px
        }

    .graduacao-curso-matriz-header-title {
        font-size: 24px
    }

        .graduacao-curso-matriz-header-title span {
            font: 17px Gotham HTF Light;
            left: 0
        }

            .graduacao-curso-matriz-header-title span:before {
                display: none
            }

    .graduacao-curso-matriz-header-icon {
        margin-right: 5px;
        margin-top: -2px;
        height: 15px;
        width: 15px
    }

    .graduacao-curso-matriz-ano-header {
        padding: 15px 50px 15px 20px
    }

    .graduacao-curso-matriz-ano-title {
        font-size: 18px
    }

    .graduacao-curso-matriz-ano-subtitle {
        font-size: 14px;
        margin-left: 30px
    }

    .graduacao-curso-matriz-ano-plus {
        right: 20px
    }

    .graduacao-curso-matriz-ano-btn {
        height: auto;
        width: 100%
    }

    .graduacao-curso-matriz-ano-btn-wrapper2 {
        padding: 0 20px
    }

    .graduacao-curso-disciplinas-close {
        left: 20px;
        top: 20px
    }

    .graduacao-curso-disciplina {
        padding: 65px 20px 20px
    }

    .graduacao-curso-corpo {
        padding-top: 50px
    }

    .graduacao-curso-corpo-direcao-online:after {
        display: none
    }

    .graduacao-curso-corpo-media-img {
        height: 250px
    }

    .graduacao-curso-corpo-content {
        padding-bottom: 275px
    }

        .graduacao-curso-corpo-content li:after {
            height: 3px;
            left: -10px;
            width: 3px
        }

    .graduacao-curso-corpo-title {
        font-size: 24px;
        line-height: 30px;
        text-align: left
    }

    .mba-curso-header-item-label {
        margin-top: 0;
        position: relative;
        top: 80px
    }

    .mba-curso-header-label {
        font-size: 14px;
        padding: 5px 10px
    }

    .mba-curso-header-title {
        font-size: 16px;
        line-height: 30px
    }

        .mba-curso-header-title strong {
            font: 40px Gotham HTF Medium
        }

    .mba-curso-header-subtitle {
        font-size: 14px
    }

    .mba-curso-header-title-desc {
        font-size: 20px
    }

    .mba-curso-informacoes {
        padding: 50px 0
    }

    .mba-curso-informacoes-column:last-child {
        margin-top: 45px
    }

    .mba-curso-informacoes-title {
        font: 24px Gotham HTF Light;
        letter-spacing: .05em
    }

    .mba-curso-informacoes-list {
        margin-top: 50px
    }

    .mba-curso-informacoes-link-icon {
        height: 30px;
        width: 30px
    }

    .mba-curso-informacoes-link-icon-wpp {
        height: 18px;
        width: 30px
    }

    .mba-curso-investimento-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 20px
    }

    .mba-curso-investimento-btn-desc {
        margin-top: 10px
    }

    .mba-curso-investimento-notes {
        margin-top: 30px
    }

        .mba-curso-investimento-notes br {
            display: none
        }

    .mba-curso-matriz {
        padding: 50px 0;
        min-height: 830px
    }

    .mba-curso-matriz-header {
        margin-bottom: 50px
    }

    .mba-curso-matriz-header-column {
        font-size: 16px
    }

        .mba-curso-matriz-header-column:last-child {
            margin-top: 35px
        }

    .mba-curso-matriz-header-title {
        font: 40px Gotham HTF Medium;
        left: 30px
    }

        .mba-curso-matriz-header-title span {
            font: 16px Gotham HTF Light
        }

            .mba-curso-matriz-header-title span:before {
                left: -50px;
                width: 30px
            }

    .mba-curso-matriz-header-icon {
        margin-right: 5px;
        margin-top: -2px;
        height: 15px;
        width: 15px
    }

    .mba-curso-matriz-trilha-header {
        padding: 15px 80px 15px 20px
    }

    .mba-curso-matriz-trilha-header-column {
        vertical-align: unset
    }

    .mba-curso-matriz-trilha-header-column-title {
        padding-left: 5px
    }

    .mba-curso-matriz-trilha-counter {
        font: 16px/30px Gotham HTF Medium
    }

    .mba-curso-matriz-trilha-title {
        display: block;
        font-size: 14px
    }

    .mba-curso-matriz-trilha-content-wrapper2 {
        padding: 15px
    }

    .mba-curso-matriz-trilha-content strong {
        font: 700 14px/20px Gotham HTF Book
    }

    .mba-curso-matriz-trilha-content li, .mba-curso-matriz-trilha-content li:first-child:nth-last-child(2), .mba-curso-matriz-trilha-content li:nth-child(2):last-child {
        width: 100%
    }

    .mba-curso-matriz-modulo-header {
        padding: 15px 80px 15px 20px
    }

    .mba-curso-matriz-modulo-header-column {
        vertical-align: unset
    }

    .mba-curso-matriz-modulo-header-column-title {
        padding-left: 5px
    }

    .mba-curso-matriz-modulo-counter {
        font: 16px/30px Gotham HTF Medium
    }

    .mba-curso-matriz-modulo-title {
        display: block;
        font-size: 14px
    }

    .mba-curso-matriz-modulo-content-wrapper2 {
        padding: 15px
    }

    .mba-curso-matriz-modulo-content strong {
        font: 700 14px/20px Gotham HTF Medium
    }

    .mba-curso-matriz-modulo-content li, .mba-curso-matriz-modulo-content li:first-child:nth-last-child(2), .mba-curso-matriz-modulo-content li:nth-child(2):last-child {
        width: 100%
    }

    .online-sp-header {
        background-position: bottom;
        padding: 150px 0
    }

        .online-sp-header:before {
            display: none
        }

    .online-sp-atracao {
        padding: 50px 0
    }

        .online-sp-atracao:before {
            display: none
        }

    .online-sp-atracao-restaurantes {
        padding-bottom: 0
    }

    .online-sp-atracao-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px
    }

    .online-sp-atracao-map {
        margin-top: 30px
    }

    .online-sp-atracao-slider-item {
        border: none;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .online-sp-atracao-slider-title {
        font-size: 20px
    }

    .MBA-shared-startup-one__media img {
        width: 100%
    }
}

@media (max-height:710px),(max-width:1280px) {
    .LIVE-MBA-conteudos__text br {
        display: none
    }
}

@media (max-width:670px) {
    .mba-curso-matriz-modulo-carga, .mba-curso-matriz-trilha-carga {
        margin: 0
    }
}

@media (max-width:660px) {
    .text-ultimas-vagas {
        min-width: 0
    }
}

@media screen and (max-width:645px) {
    .graduacao-menu-novidades-header {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .graduacao-menu-novidades-btn, .graduacao-menu-novidades-header-open {
        display: -ms-flexbox;
        display: flex
    }

    .menu-alerta-content {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menu-alerta-iframe {
        display: none
    }

    .menu-alerta-btn {
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width:620px) {
    .graduacao-menu-novidades-header-title, .graduacao-menu-novidades-header-title:after, .menu-alerta-saiba-antes .menu-alerta-title:after, .menu-alerta-text {
        display: none
    }
}

@media screen and (max-width:610px) {
    .fiap-2018-unidades-list {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px
    }
}

@media screen and (max-width:600px) {
    .graduacao-extensoes-image-title {
        font-size: 20px
    }
}

@media (max-width:600px) {
    .mba-curso-turmas-box.is-error .mba-curso-turma-radio-bullet {
        border-color: #ed145b
    }

    .mba-turma-info-alerta {
        margin-top: 20px;
        margin-right: 0
    }

    .mba-curso-matriz-modulo-header-column-counter, .mba-curso-matriz-trilha-header-column-counter {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:580px) {
    .shared-check-consentimento--artificial-intelligence {
        padding-left: 0
    }

    .shared-check-consentimento--artificial-intelligence-en {
        padding-left: 35px
    }

    .ON-GRAD-one-planet-base__menu-container {
        padding: 0 20px
    }

    .ON-GRAD-one-planet-header {
        background: url(../images/online/graduacao/one-planet/header/header-mobile.jpg) top no-repeat;
        background-size: cover
    }

    .ON-GRAD-one-planet-header__title {
        margin-top: 60px;
        padding: 10px 0
    }

    .ON-GRAD-one-planet-header__image-one {
        height: 80px;
        margin-right: 15px
    }

    .ON-GRAD-one-planet-header__change-wrapper2 {
        height: 80px
    }

    .ON-GRAD-one-planet-header__subtitle {
        font-size: 15px
    }

    .ON-GRAD-one-planet-header__desc {
        font-size: 15px;
        margin: 40px 0 10px
    }

    .ON-GRAD-one-planet-header__desc-small {
        max-width: 210px
    }

    .ON-GRAD-one-planet-header__co2 {
        object-fit: contain;
        width: 100px
    }

    .ON-GRAD-one-planet-header__intro-line--top {
        top: -20px
    }

    .ON-GRAD-one-planet-header__intro-line--bottom {
        bottom: -10px
    }

    .ON-GRAD-one-planet-header__intro-text-line {
        font-size: 35px;
        padding: 0
    }

    .ON-GRAD-one-planet-header__intro-text-desc {
        padding: 0
    }

        .ON-GRAD-one-planet-header__intro-text-desc br {
            display: none
        }

    .ON-GRAD-one-planet-talks {
        padding: 90px 0 0
    }

    .ON-GRAD-one-planet-talks__header {
        width: 100%
    }

        .ON-GRAD-one-planet-talks__header:before {
            height: 7px;
            top: 28px;
            width: 230px
        }

    .ON-GRAD-one-planet-talks__title {
        margin-left: 20px
    }

    .ON-GRAD-one-planet-talks__content {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }

    .ON-GRAD-one-planet-talks__block {
        width: 100%;
        min-height: 355px;
        padding: 20px;
        margin-right: 0
    }

    .ON-GRAD-one-planet-talks__horario {
        font: 57px/57px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-talks__tema {
        font: 48px/48px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-talks__palestrante {
        font: 16px Gotham HTF Medium
    }

    .ON-GRAD-one-planet-premios {
        padding: 70px 0
    }

    .ON-GRAD-one-planet-premios__marquee {
        font: 64px/64px DIN Condensed Bold;
        height: 65px
    }

    .ON-GRAD-one-planet-premios__header {
        margin-top: 100px;
        margin-bottom: 0;
        width: 100%
    }

        .ON-GRAD-one-planet-premios__header:before {
            height: 7px;
            top: 20px;
            width: 300px
        }

    .ON-GRAD-one-planet-premios__title {
        font: 26px Gotham HTF Book;
        padding-left: 25px
    }

    .ON-GRAD-one-planet-premios__content {
        display: none
    }

    .ON-GRAD-one-planet-premios__contentMobile {
        display: block
    }

        .ON-GRAD-one-planet-premios__contentMobile.cartoesMobile {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            padding-bottom: 40px
        }

    .ON-GRAD-one-planet-premios__contentPremios {
        display: none
    }

    .ON-GRAD-one-planet-premios__contentPremiosMobile {
        display: block
    }

    .ON-GRAD-one-planet-premios__descriptionPremios {
        display: none
    }

    .ON-GRAD-one-planet-premios__line {
        top: 620px
    }

    .ON-GRAD-one-planet-premios__line2 {
        top: 1048px
    }

    .ON-GRAD-one-planet-premios__line3 {
        top: 857px
    }

    .ON-GRAD-one-planet-premios__line4 {
        top: 1292px
    }

    .ON-GRAD-one-planet-premios__line5 {
        top: 2508px
    }

    .ON-GRAD-one-planet-premios__shape, .ON-GRAD-one-planet-premios__text, .ON-GRAD-one-planet-premios__titleShapeCamiseta {
        display: none
    }

    .GRAD-SHRD-vestibular-modal-content {
        width: 100%
    }
}

@media screen and (max-width:536px) {
    .search-quick-links-column:last-child {
        margin-top: -25px
    }
}

@media screen and (max-width:480px) {
    .shared-startup-text-title {
        font-size: 14px
    }

    .graduacao-curso-corpo-content, .graduacao-extensoes-desc, .graduacao-financiamento-description, .graduacao-financiamento-fies-description, .graduacao-financiamento-informacoes-text, .graduacao-financiamento-list-item, .graduacao-labs-description, .mba-curso-corpo-desc, .MBA-ensino-inscricoes-abertas__box-description, .ON-ensino-como-funciona__box-description, .ON-MBA-inscricoes-abertas__box-description, .online-como-funciona-box-description, .shared-startup-text {
        font-size: 13px;
        line-height: 22px
    }

    .wrapper2-midia {
        width: 100%
    }

    .graduacao-menu-novidades {
        margin-bottom: 5px
    }

        .graduacao-menu-novidades .wrapper2 {
            width: 90%
        }

    .graduacao-menu-novidades-header-open {
        max-width: 110px
    }

    .graduacao-menu-novidades.is-active .graduacao-menu-novidades-content {
        max-height: 480px
    }

    .graduacao-menu-novidades-columns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .graduacao-menu-novidades-column {
        margin-top: 15px;
        width: 100%
    }

    .graduacao-menu-novidades-btn {
        margin-left: 0
    }

    .graduacao-lead-input option {
        font: 12px/20px Roboto
    }

    .menu-alerta-btn {
        margin-left: 0
    }

    .fiap-2018-footer-columns {
        padding: 60px 40px
    }

    .fiap-2018-footer-social-item {
        margin: 0 1px
    }

        .fiap-2018-footer-social-item:not(:last-child) {
            margin-bottom: 10px
        }

    .components-accordion-content {
        font-size: 13px;
        line-height: 20px
    }

    .components-menu-logo-link:nth-child(2) {
        margin-left: 50px
    }

    .menu-search .components-menu-logo-link:nth-child(2) {
        margin-left: 0
    }

    .components-menu-logo-link:first-child .components-menu-svg:not(.menu-mba-digital-talks) {
        display: none
    }

    .components-menu-logo-link:first-child .components-menu-svg.menu-mba-digital-taks {
        height: 40px;
        max-width: 90px
    }

    .menu-search-logo-fiap .components-menu-svg {
        display: block !important
    }

    .menu-search .components-menu-center {
        display: none
    }

    .components-menu-list.is-active {
        max-height: 505px
    }

    .components-menu-button, .menu-home .components-menu-button {
        margin-right: 0
    }

    .components-menu-button-link {
        font-size: 10px;
        letter-spacing: normal;
        padding: 13px 15px
    }

    .components-menu-button-list {
        display: block;
        padding: 0 15px
    }

    .components-menu-button:hover .components-menu-button-list {
        padding: 15px
    }

    .components-menu-button-list .components-menu-subitem:before {
        display: none
    }

    .components-menu-toggle {
        left: 20px;
        right: auto
    }

    .menu-search .components-menu-right {
        min-width: 100px
    }

    .components-menu-right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 0;
        min-width: auto
    }

    .components-menu-search-mobile {
        visibility: initial
    }

    .menu-search-bar-mobile {
        display: block;
        padding-bottom: 20px
    }

    .shared-contato-form {
        border: none;
        margin-top: 50px;
        padding: 0
    }

    .SHRD-mec__title--highlight {
        font: 23px/35px Gotham HTF Medium
    }

    .shared-nano-courses--online {
        padding: 0 0 130px !important
    }

    .shared-startup-title {
        font: 35px/45px Gotham HTF Medium
    }

    .shared-startup-subtitle {
        font-size: 14px
    }

    .shared-startup-descricao {
        margin-left: 0;
        padding: 0 15px
    }

    .shared-startup-text-content {
        padding: 0 15px
    }

    .shared-startup-text {
        font: 15px/23px Roboto
    }

    .shared-vitrine {
        height: 385px
    }

    .graduacao-financiamento-header .graduacao-financiamentos-title {
        font-size: 25px
    }

    .graduacao-financiamento-header .graduacao-financiamentos-item {
        margin: 10px 0;
        width: 100%
    }

    .graduacao-financiamento-estendido-cursos-duracao {
        margin-top: 20px
    }

    .graduacao-financiamento-bolsas-header .graduacao-financiamento-title {
        font-size: 35px
    }

    .fiap-2018-future {
        padding-bottom: 150px
    }

    .fiap-2018-future-desc {
        font: 14px/24px Roboto
    }

    .fiap-2018-future-logo, .fiap-2018-future-logo.line-two {
        width: 50%
    }

    .fiap-nomad-title span {
        font: 35px/45px Gotham HTF Medium
    }

    .fiap-2018-mec-item-conceito {
        font: 8px Gotham HTF Medium
    }

        .fiap-2018-mec-item-conceito:after {
            width: 125px
        }

    .fiap-2018-mec-item-title-number {
        font-size: 37px
    }

    .fiap-2018-mec-item-title-magenta {
        font-size: 24px
    }

    .fiap-2018-mec-item-title {
        font-size: 26px
    }

    .fiap-2018-mec-item-list p {
        font-size: 11px
    }

    .fiap-2018-enade-title {
        font: 23px/35px Gotham HTF Medium
    }

    .fiap-2018-sxsw-logo.fiap {
        width: 90px
    }

    .fiap-2018-sxsw-logo.sxsw {
        width: 190px
    }

    .fiap-2018-sxsw-logo.fiap {
        width: 110px
    }

    .fiap-2018-sxsw-logo.at, .fiap-2018-sxsw-logo.fiap, .fiap-2018-sxsw-logo.sxsw {
        display: inline-block;
        margin-bottom: 10px
    }

    .fiap-2018-sxsw-logo.sxsw {
        width: 150px
    }

    .fiap-2018-sxsw-title {
        font: 18px/26px Gotham HTF Book;
        padding-bottom: 30px
    }

    .fiap-2018-sxsw-subtitle, .fiap-2018-sxsw-text-title {
        font: 14px/24px Gotham HTF Medium
    }

    .fiap-2018-videos-box {
        height: 250px
    }

    .fiap-2018-videos-media {
        height: 250px;
        top: 0
    }

    .fiap-2018-videos-share-list {
        margin: 10px
    }

    .fiap-2018-videos-share, .fiap-2018-videos-share-title {
        display: none
    }

    .fiap-2018-unidades.is-contato .wrapper2 {
        width: 100%
    }

    .fiap-2018-unidades-title {
        font-size: 35px;
        padding-left: 0
    }

        .fiap-2018-unidades-title:before {
            display: none
        }

    .graduacao-extensoes-image-title {
        font: 16px Gotham HTF Book
    }

    .graduacao-labs-gallery-thumb {
        height: 245px;
        margin-top: 19px
    }

    .graduacao-labs-slider-next, .graduacao-labs-slider-prev {
        top: 50%
    }

    .graduacao-curso-header-btn {
        position: static;
        margin: 20px
    }

    .graduacao-curso-header-scroll {
        bottom: 30px
    }

    .graduacao-curso-header-scroll-text {
        font-size: 10px
    }

    .graduacao-curso-header-scroll .components-scroll-circle-icon {
        height: 60px !important
    }

        .graduacao-curso-header-scroll .components-scroll-circle-icon:before {
            height: 19px !important;
            width: 19px !important
        }

    .graduacao-curso-turmas-border {
        width: 100%
    }

    .graduacao-curso-corpo-subtitle {
        text-align: left
    }

        .graduacao-curso-corpo-subtitle:after {
            height: 2px;
            margin: 15px 0 0;
            width: 45px
        }

    .mba-curso-header-btn {
        position: static;
        margin: 20px
    }

    .mba-curso-header-scroll {
        bottom: 30px
    }

    .mba-curso-header-scroll-text {
        font-size: 10px
    }

    .mba-curso-header-scroll .components-scroll-circle-icon {
        height: 60px !important
    }

        .mba-curso-header-scroll .components-scroll-circle-icon:before {
            height: 19px !important;
            width: 19px !important
        }

    .mba-curso-turmas-box-text-before {
        font-size: 14px
    }

    .mba-curso-turmas-box-text-after {
        font-size: 11px
    }

    .mba-curso-turmas-box-text {
        font-size: 14px
    }

    .mba-curso-turmas-presencial .mba-curso-turmas-box-column:first-child .mba-curso-turmas-box-text {
        font-size: 16px;
        line-height: 5px;
        margin-bottom: 0
    }

    .mba-curso-corpo {
        padding-top: 0
    }

    .mba-curso-corpo-direcao {
        padding-bottom: 150px
    }

    .mba-curso-corpo-subtitle:after {
        height: 2px;
        width: 45px
    }

    .mba-admissao-title .mba-admissao-title-destaque {
        font-size: 30px
    }

    .mba-admissao-title {
        font-size: 20px
    }

    .fiap-mba-extensoes {
        padding-bottom: 150px
    }

    .fiap-mba-extensoes-item {
        width: 100%;
        height: 550px;
        margin: 30px auto
    }

    .live-fac-accordion-content {
        font-size: 13px;
        line-height: 20px
    }

    .online-como-funciona-header-tabs {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .online-como-funciona-header-tab {
        margin: 0;
        width: 100%
    }

    .search {
        padding-bottom: 60px;
        padding-top: 40px
    }

    .search-result-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .search-result-saiba-mais:before {
        bottom: 7px
    }

    .search-result-saiba-mais:after {
        top: 8px
    }

    .search-form-content {
        width: 95%;
        margin: 0 auto
    }

    .menu-search .search-form {
        padding: 0 10px
    }

    .search-form-input {
        margin-right: 5px
    }

    .SHRD-conceito {
        padding: 40px 0
    }

    .MBA .SHRD-conceito__title {
        font-size: 18px;
        line-height: 30px;
        margin-top: 0
    }

    .SHRD-partners__title {
        font: 35px/45px Gotham HTF Medium
    }

        .SHRD-partners__title:after {
            bottom: -30px;
            height: 5px;
            width: 60px
        }

    .LIVE-MBA-header, .ON-header {
        height: 385px
    }

    .ON-GRAD-one-planet-saiba-mais__marquee {
        font: 65px/65px DIN Condensed Bold;
        height: 65px
    }

    .ON-GRAD-one-planet-saiba-mais__highlight {
        font: 22px/29px Gotham HTF Medium;
        margin: 50px auto 0;
        padding: 40px 30px
    }

    .ON-GRAD-one-planet-saiba-mais__highlight--background {
        padding: 2px
    }

    .ON-GRAD-one-planet-saiba-mais__content {
        margin: 50px auto 120px
    }

        .ON-GRAD-one-planet-saiba-mais__content p {
            font: 16px/25px Gotham HTF Book
        }

        .ON-GRAD-one-planet-saiba-mais__content a {
            padding: 18px 30px;
            text-align-all: center;
            width: 100%
        }

    .ON-GRAD-one-planet-desafios__item-number {
        font: 103px/80px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-desafios__item-icon {
        text-align: right;
        width: auto
    }

    .ON-GRAD-one-planet-desafios__item-icon--one-planet-one-home svg {
        width: 245px
    }

    .ON-GRAD-one-planet-desafios__item-icon--enterprise-challenge svg {
        width: 225px
    }

    .ON-GRAD-one-planet-desafio-header__title {
        font: 40px DIN Condensed Bold
    }

    .ON-GRAD-one-planet-desafio-content-title--highlight {
        padding: 0 2px
    }

    .ON-GRAD-one-planet-desafio-content-title {
        font: 22px Gotham HTF Medium
    }

    .ON-GRAD-one-planet-desafio-content-desc-title {
        font: 16px/22px Gotham HTF Medium
    }

    .MBA-shared-startup-one__title {
        font: 35px/45px Gotham HTF Medium
    }

    .MBA-shared-startup-one__subtitle {
        font-size: 14px
    }

    .MBA-shared-startup-one__descricao {
        margin-left: 0;
        padding: 0 15px
    }

    .MBA-shared-startup-one__text-content {
        padding: 0 15px
    }

    .MBA-shared-startup-one__text {
        font: 15px/23px Roboto
    }

        .MBA-shared-startup-one__text strong {
            font: 700 15px/23px Roboto
        }

    .modal-box {
        background: #1a1d20;
        height: 100vh;
        padding-top: 15px
    }

    .modal-button {
        right: 20px;
        top: 0
    }
}

@media (max-width:480px) {
    .shared-nano-courses-wrapper2 {
        margin: 0 auto;
        width: 85%
    }

    .shared-nano-courses-logo {
        max-width: 280px
    }

        .shared-nano-courses-logo img {
            height: 100%;
            width: 100%
        }

    .shared-nano-courses-title {
        width: 100vw
    }

    .shared-nano-courses-title-image--mobile {
        display: block;
        right: auto;
        width: 100%
    }

    .shared-nano-courses-title-image:not(.shared-nano-courses-title-image--mobile) {
        display: none !important
    }

    .shared-nano-courses-title-text {
        font: 24px/37px Gotham HTF Book;
        left: 8%;
        top: 5px;
        text-align: left
    }

    .shared-nano-courses-certificado {
        padding: 0
    }

    .fiap-2018-mec-title {
        font: 35px Gotham HTF Medium
    }

        .fiap-2018-mec-title span {
            font: 14px Gotham HTF Light
        }

    .fiap-2018-unidades-media {
        width: 50%
    }

    .graduacao-curso-header-item-label {
        margin-left: auto;
        width: 70%
    }

    .mba-encontro-presencial-intro-media-icon {
        width: 80px
    }

    .mba-curso-header-item-label {
        margin-left: auto;
        width: 70%
    }

    .mba-curso-header-title {
        font-size: 14px;
        left: 0;
        line-height: 30px;
        position: relative
    }

        .mba-curso-header-title strong {
            font: 35px Gotham HTF Medium
        }

    .mba-curso-turmas-online .mba-curso-turmas-box-column, .mba-curso-turmas-presencial .mba-curso-turmas-box-column {
        width: 100%
    }

    .mba-curso-matriz-header-title {
        font: 35px Gotham HTF Medium;
        left: 0
    }

        .mba-curso-matriz-header-title span {
            font: 14px Gotham HTF Light
        }

    .mba-curso-matriz-trilha-title {
        width: 135px
    }

    .mba-curso-matriz-trilha-content strong {
        font: 700 13px/20px Gotham HTF Book
    }

    .mba-curso-matriz-modulo-title {
        width: 135px
    }

    .mba-curso-matriz-modulo-content strong {
        font: 700 13px/20px Gotham HTF Medium
    }
}

@media screen and (max-width:440px) {
    .ON-MBA-inaugural__programacao__header {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px
    }

    .ON-MBA-inaugural__programacao__title {
        margin-bottom: 80px
    }

        .ON-MBA-inaugural__programacao__title:before {
            bottom: -40px
        }

    .ON-MBA-inaugural__programacao__title--lecture, .ON-MBA-inaugural__programacao__title--thin {
        margin-bottom: 25px
    }

    .ON-MBA-inaugural__programacao__title--lecture-detail {
        margin-bottom: 0;
        word-break: break-word
    }

    .ON-MBA-inaugural__programacao__lectures {
        margin-top: 90px
    }

    .ON-MBA-inaugural__programacao__section {
        padding: 0
    }

    .ON-MBA-inaugural__programacao__section--border {
        padding: 40px 25px 0
    }

    .ON-MBA-inaugural__programacao__lecture {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-MBA-inaugural__programacao__lecture-info {
        padding-bottom: 35px
    }

        .ON-MBA-inaugural__programacao__lecture-info:before {
            display: block;
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            height: 2px;
            width: 100px;
            background-color: #485156
        }

    .ON-MBA-inaugural__programacao__column--between {
        margin-bottom: 50px
    }

    .ON-MBA-inaugural__programacao__slack {
        margin-top: 30px
    }

    .ON-MBA-inaugural__programacao__zoom-button {
        padding: 20px
    }

    .ON-MBA-inaugural__programacao__zoom-button--small {
        padding: 10px
    }

    .ON-MBA-inaugural__programacao__lecture-detail {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-MBA-inaugural__programacao__presenter-info-name {
        font-size: 20px
    }

    .ON-MBA-inaugural__dropdown {
        background-color: #1a1d20;
        background-image: none
    }

    .ON-MBA-inaugural__dropdown__display {
        font-size: 16px
    }

    .ON-MBA-inaugural__dropdown__overflow {
        background-color: #1a1d20
    }

    .ON-GRAD-inaugural__programacao__header {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px
    }

    .ON-GRAD-inaugural__programacao__title {
        margin-bottom: 80px
    }

        .ON-GRAD-inaugural__programacao__title:before {
            bottom: -40px
        }

    .ON-GRAD-inaugural__programacao__title--lecture, .ON-GRAD-inaugural__programacao__title--thin {
        margin-bottom: 25px
    }

    .ON-GRAD-inaugural__programacao__title--lecture-detail {
        margin-bottom: 0;
        word-break: break-word
    }

    .ON-GRAD-inaugural__programacao__lectures {
        margin-top: 90px
    }

    .ON-GRAD-inaugural__programacao__section {
        padding: 0
    }

    .ON-GRAD-inaugural__programacao__section--border {
        padding: 40px 25px 0
    }

    .ON-GRAD-inaugural__programacao__lecture {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-GRAD-inaugural__programacao__lecture-info {
        padding-bottom: 35px
    }

        .ON-GRAD-inaugural__programacao__lecture-info:before {
            display: block;
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            height: 2px;
            width: 100px;
            background-color: #485156
        }

    .ON-GRAD-inaugural__programacao__column--between {
        margin-bottom: 50px
    }

    .ON-GRAD-inaugural__programacao__slack {
        margin-top: 30px
    }

    .ON-GRAD-inaugural__programacao__zoom-button {
        padding: 20px;
        font-size: 13px;
        margin-top: 25px
    }

    .ON-GRAD-inaugural__programacao__zoom-button--small {
        padding: 10px
    }

    .ON-GRAD-inaugural__programacao__lecture-detail {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ON-GRAD-inaugural__programacao__presenter-info-name {
        font-size: 20px
    }

    .ON-GRAD-inaugural__dropdown {
        background-color: #1a1d20;
        background-image: none
    }

    .ON-GRAD-inaugural__dropdown__display {
        font-size: 16px
    }

    .ON-GRAD-inaugural__dropdown__overflow {
        background-color: #1a1d20
    }
}

@media (max-width:420px) {
    .graduacao-curso-investimento-valor {
        padding: 0 15px
    }

    .mba-curso-matriz-header-column:first-child {
        margin-left: 30px
    }
}

@media (max-width:414px) {
    .shared-nano-courses--mobile-graduacao {
        padding: 0 0 200px !important
    }
}

@media screen and (max-width:413px) {
    .search-quick-links-column:last-child {
        margin-top: 0
    }
}

@media screen and (max-width:400px) {
    .MBA-home-cursos__title {
        font-size: 30px
    }
}

@media screen and (max-width:382px) {
    .fiap-2018-videos-thumbs {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:380px) {
    .mba-curso-matriz-modulo-title, .mba-curso-matriz-trilha-title {
        width: 90px
    }
}

@media screen and (max-width:380px) {
    .ON-GRAD-one-planet-programacao__talk-link {
        font-size: 16px;
        height: 60px;
        line-height: 60px
    }
}

@media (max-width:375px) {
    .ON-GRAD-one-planet-header__bg--mobile {
        height: 2466px !important
    }

    .ON-GRAD-one-planet-header__effect-circle {
        bottom: 125px
    }

    .ON-GRAD-one-planet-header__change-wrapper2, .ON-GRAD-one-planet-header__image-one {
        height: 65px
    }

    .ON-GRAD-one-planet-header__desc {
        font-size: 13px;
        margin: 25px 0 10px
    }
}

@media (max-width:365px) {
    .mba-curso-header-title {
        font-size: 12px;
        left: 0
    }

        .mba-curso-header-title strong {
            font: 30px Gotham HTF Medium
        }
}

@media (max-width:360px) {
    .shared-nano-courses {
        padding: 150px 0 140px
    }

    .shared-nano-courses-title-text {
        font: 19px/31px Gotham HTF Light;
        margin-bottom: 170px
    }

    .shared-nano-courses-text-quote {
        padding: 0 10px
    }

    .mba-curso-matriz-modulo-header, .mba-curso-matriz-trilha-header {
        padding: 15px 60px 15px 20px
    }
}

@media screen and (max-width:360px) {
    .ON-GRAD-inaugural__programacao__title, .ON-MBA-inaugural__programacao__title {
        font-size: 30px
    }
}

@media screen and (max-width:350px) {
    .graduacao-menu-novidades {
        height: 75px
    }

    .graduacao-menu-novidades-header {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 75px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .graduacao-menu-novidades-btn, .graduacao-menu-novidades-header-open {
        font: 10px Gotham HTF Bold;
        height: 25px;
        margin-top: 5px
    }

    .menu-alerta {
        height: 75px
    }

    .menu-alerta-content {
        -ms-flex-pack: center;
        justify-content: center;
        height: 75px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu-alerta-title {
        font: 12px/16px Gotham HTF Medium
    }

    .menu-alerta-btn {
        font: 10px Gotham HTF Bold;
        height: 25px;
        margin-top: 5px
    }

    .menu-alerta-saiba-antes.menu-alerta {
        height: 60px
    }

    .menu-alerta-saiba-antes .menu-alerta-content {
        -ms-flex-pack: center;
        justify-content: center;
        height: 60px;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .shared-vitrine-img.vitrine-img-graduacao {
        padding-top: 190px
    }

    .ON-GRAD-one-planet-desafios__item-icon--enterprise-challenge svg, .ON-GRAD-one-planet-desafios__item-icon--one-planet-one-home svg {
        width: 180px
    }
}

@media (max-width:350px) {
    .ON-ensino-turmas-extras__title {
        font-size: 32px
    }

    .ON-ensino-turmas-extras__desc {
        font: 16px/32px Gotham HTF Book
    }
}

@media screen and (max-width:320px) {
    .fiap-2018-enade-subtitle, .SHRD-mec__title {
        font: 22px/35px Gotham HTF Light
    }

    .fiap-2018-artigos-box {
        padding: 25px
    }

    .fiap-2018-artigos-text {
        font: 600 18px/27px Gotham HTF Medium
    }

    .graduacao-extensoes--online .graduacao-extensoes-title, .graduacao-extensoes-title {
        font-size: 22px
    }

    .graduacao-extensoes--online .graduacao-extensoes-title-internacional, .graduacao-extensoes-title-internacional {
        font: 30px/50px Gotham HTF Medium
    }

    .fiap-mba-extensoes-title {
        font-size: 22px
    }

    .mba-extensoes-title-internacionais {
        font: 30px/50px Gotham HTF Medium
    }
}

@media (max-height:850px) {
    .shared-vitrine-img {
        margin-top: 30px;
        width: 65%
    }

    .mba-curso-header-scroll {
        bottom: 7px
    }
}

@media (max-height:800px) {
    .SHRD-conceito:after {
        background: url(../images/shared/conceito/effects.png) center -50px no-repeat
    }
}

@media (max-height:768px) {
    .ON-pre-home__wrapper2 {
        padding-bottom: 45px
    }
}

@media (max-height:750px) {
    .shared-vitrine-img {
        margin-top: 35px;
        width: 55%
    }
}

@media (max-height:710px) {
    .LIVE-MBA-conteudos__title {
        max-height: none;
        margin-bottom: 30px
    }
}

@media (max-height:685px) {
    .mba-curso-header-scroll {
        bottom: 10px
    }
}

@media (max-height:630px) {
    .mba-curso-header-scroll {
        bottom: 10px
    }
}

@keyframes a {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

@keyframes b {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}