html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

main, article, aside, figure, footer, header, nav, section, details, summary,img {
    display: block;
}

html {
    box-sizing: border-box;
    height: 100%;
    background: #000000;
}

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

img,object,embed {
    max-width: 100%;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

input,button,textarea,select,optgroup,option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none;
}

input,button,textarea,select {
    *font-size: 100%;
}

fieldset,input,button,textarea,select {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

a {
    text-decoration: none;
}

table {
    font-size: inherit;
    font: 100%;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

body {
    text-rendering: optimizelegibility !important;
    height: 100%;
}

* {
    scrollbar-width: auto;
    scrollbar-color: #d7171e #1e1e1e;
    scroll-behavior: smooth;
}

*::-webkit-scrollbar {
    width: 8px
}

*::-webkit-scrollbar-track {
    background: #1e1e1e;
}

*::-webkit-scrollbar-thumb {
    background-color: #d7171e;
}

::selection {
    background: #d7171e;
    color: #fff;
}

::-webkit-selection {
    background: #d7171e;
    color: #fff;
}

::-moz-selection {
    background: #d7171e;
    color: #fff;
}

@keyframes spinner-bulqg1 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }

    12.5% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    62.5% {
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    75% {
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
}

@keyframes spinner-oaa3wk {
    0% {
        transform: scaleY(1) rotate(0deg);
    }

    49.99% {
        transform: scaleY(1) rotate(135deg);
    }

    50% {
        transform: scaleY(-1) rotate(0deg);
    }

    100% {
        transform: scaleY(-1) rotate(-135deg);
    }
}

/*
.videoWrapper {width: 100%;height: calc(100% - 67px);z-index: 1;position: relative;}
.videoWrapper iframe {position: absolute;width: 100%;height: 100%;}
*/
.videoWrapper {
    width: 100%;
    height: calc(100% - 67px);
    z-index: 1;
    position: relative;
}
body:not(.hotmart).videoWrapper:before {content:'';position: absolute;width: 100%;height: 70px;background: transparent;z-index: 1;top: 0;left: 0;}
body:not(.hotmart).videoWrapper:after {content:'';position: absolute;width: 130px;height: 50px;background: transparent;z-index: 1;bottom: 0;right: 0px;}

.videoWrapper1 {
    height: 0;
    padding-top: 25px;
    padding-bottom: 67.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 56.34%;
}

.videoWrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.videoWrapper a.voltar:link, .videoWrapper a.voltar:visited, .videoWrapper a.voltar:active {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
}

.videoWrapper a.voltar:hover {
}

.videoWrapper a.voltar span.icon-voltarVideo {
    font-size: 22px;
    color: rgb(255 255 255 / 50%);
    transition: all 0.5s ease;
}

.videoWrapper a.voltar:hover span.icon-voltarVideo {
    color: rgb(255 255 255 / 100%);
}

.videoWrapper .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.videoWrapper .loading .load {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 9px solid #d7171e;
    animation: spinner-bulqg1 0.8s infinite linear alternate, spinner-oaa3wk 1.6s infinite linear;
}

/* BOTOES DE PLAY E PAUSE NO CENTRO DO VIDEO */
.videoWrapper .botaoPlayPause {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    z-index: 9;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: all 0.5s ease;
}

.videoWrapper .botaoPlayPause span.icon-play {
    color: rgb(255 255 255 / 100%);
    cursor: pointer;
    transition: all 0.5s ease;
    display: flex;
    font-size: 62px;
    position: absolute;
    top: 43px;
    left: 49px;
}

.videoWrapper .botaoPlayPause span.pause {
    width: 38px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s ease;
    display: flex;
    font-size: 33px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.videoWrapper .botaoPlayPause span.pause:after {
    content: "";
    height: 100%;
    width: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: rgb(255 255 255 / 100%);
    transition: all 0.5s ease;
}

.videoWrapper .botaoPlayPause span.pause:before {
    content: "";
    height: 100%;
    width: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgb(255 255 255 / 100%);
    transition: all 0.5s ease;
}

.videoWrapper .botaoPlayPause:hover {
}

.videoWrapper .botaoPlayPause:hover span.icon-play {
    color: rgb(255 255 255 / 100%);
}

.videoWrapper .botaoPlayPause:hover span.pause {
}

.videoWrapper .botaoPlayPause:hover span.pause:after {
    background: rgb(255 255 255 / 100%);
}

.videoWrapper .botaoPlayPause:hover span.pause:before {
    background: rgb(255 255 255 / 100%);
}

/* BOTOES DE PLAY E PAUSE NO CENTRO DO VIDEO */
.videoWrapper .mascaraVideo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.videoWrapper .botaoFullScreen {
    cursor: pointer;
    position: absolute;
    top: 19px;
    right: 20px;
    z-index: 99;
    padding: 5px;
}

.videoWrapper .botaoFullScreen span {
    color: #fff;
    display: block;
    transition: all 0.3s ease;
}

.videoWrapper .botaoFullScreen:hover {
}

.videoWrapper .botaoFullScreen:hover span {
    font-size: 18px;
}

.videoWrapper .barraProgresso {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: calc(100% - 20px);
    transform: translateX(-50%);
    z-index: 9;
    padding: 11px 0;
}

.videoWrapper .barraProgresso .tempoVideo {
    position: absolute;
    bottom: -7px;
}

.videoWrapper .barraProgresso .tempoVideo em {
    font: 700 12px/12px 'Open Sans';
    color: rgb(255 255 255 / 50%);
}

.videoWrapper .barraProgresso .tempoVideo.atual {
    left: 0;
}

.videoWrapper .barraProgresso .tempoVideo.final {
    right: 0;
}

.videoWrapper .barraProgresso input {
}

.videoWrapper .barraProgresso input {
    cursor: pointer;
    width: 100%;
    height: 10px;
    -webkit-appearance: none;
    background: #111;
    outline: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);
    transition: all 0.1s ease;
}

.videoWrapper .barraProgresso input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d7171e;
    cursor: pointer;
    border: 2px solid #333;
    transition: all 0.4s ease;
}

.videoWrapper .mascaraVideo:-moz-full-screen {
    height: 100%;
    background: #000;
}

.videoWrapper .mascaraVideo:-webkit-full-screen {
    height: 100%;
    background: #000;
}

.videoWrapper .mascaraVideo:-ms-fullscreen {
    height: 100%;
    background: #000;
}

.videoWrapper .mascaraVideo:fullscreen {
    height: 100%;
    background: #000;
}

/* HEADER BARRINHA NAVEGACAO BOTTOM */
header {
    position: fixed;
    height: 67px;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #141414;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 13px;
    padding-left: 24px;
    z-index: 2;
}

/* CONTROLES */
header .controles {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .controles .volume {
    margin: 0 0 0 25px;
    position: relative;
}

header .controles .volume span {
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    /* border: 2px solid rgb(255 255 255 / 50%); */
    transform: scale(1.3);
    color: rgb(255 255 255 / 100%);
    cursor: pointer;
    transition: all 0.5s ease;
    display: flex;
    font-size: 21px;
    filter: drop-shadow(2px 4px 6px black);
}

header .controles .volume span:hover {
    color: rgb(255 255 255 / 100%);
    font-size: 25px;
}

header .controles .volume .boxVolume {
    display: block;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: -59px;
    left: -32px;
}

header .controles .volume .boxVolume input {
    cursor: pointer;
    width: 90px;
    height: 10px;
    -webkit-appearance: none;
    background: #111;
    outline: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);
    transition: all 0.1s ease;
}

header .controles .volume .boxVolume input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d7171e;
    cursor: pointer;
    border: 2px solid #333;
    transition: all 0.4s ease;
    box-shadow: -93px 0 0 90px #d7171e;
}

header .controles {
    margin-left: 130px;
}

header .controles a.bt.play:link, header .controles a.bt.play:active, header .controles a.bt.play:visited {
    z-index: 9999;
    filter: drop-shadow(2px 4px 6px black);
    z-index: 9;
}

header .controles a.bt.play:hover {
}

header .controles a.bt.play span.icon-play {
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: rgb(255 255 255 / 100%);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    font-size: 23px;
}

header .controles a.bt.play span.pausado {
    width: 27px;
    height: 21px;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 23px;
    display: block;
}

header .controles a.bt.play span.pausado:after {
    content: "";
    height: 100%;
    width: 5px;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    background: #ffffff;
    transition: all 0.5s ease;
}

header .controles a.bt.play span.pausado:before {
    content: "";
    height: 100%;
    width: 5px;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    background: #ffffff;
    transition: all 0.5s ease;
}

header .controles a.bt.play:hover {
}

header .controles a.bt.play:hover span.icon-play {
    color: rgb(255 255 255 / 100%);
    font-size: 27px;
}

header .controles a.bt.play:hover span.pausado {
    height: 25px;
}

header .controles a.bt.play:hover span.pausado:after {
    background: rgb(255 255 255 / 100%);
}

header .controles a.bt.play:hover span.pausado:before {
    background: rgb(255 255 255 / 100%);
}

/* CONTROLES */
header h1 {
    transform: scale(0.7);
    height: 32px;
    width: 50px;
}

header h1 svg {
}

header h1 svg path {
    fill: #d7171e;
}

header nav {
    height: 100%;
    margin-left: auto;
}

header nav ul.menu {
    display: flex;
    align-items: center;
    height: 100%;
}

header nav ul.menu li.itemMenu {
    height: 100%;
    margin-left: 47px;
    position: relative;
}

header nav ul.menu li.itemMenu.mobile {
    display: none
}

header nav ul.menu li.itemMenu:nth-of-type(3) {
}

header nav ul.menu li.itemMenu:after, header nav ul.menu li.saveTheDate:after {
    content: '';
    width: calc(100% + 40px);
    height: 100%;
    background: #0d0d0d;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: -20px;
    opacity: 0;
    display: none;
}

header nav ul.menu li.saveTheDate:after {
    width: calc(100% + 20px);
}

header nav ul.menu li.itemMenu.ativo:after, header nav ul.menu li.saveTheDate.ativo:after {
    opacity: 1;
    display: block
}

header nav ul.menu li.itemMenu > a:active, header nav ul.menu li.itemMenu > a:link, header nav ul.menu li.itemMenu > a:visited {
    display: flex;
    align-items: center;
    gap: 0 10px;
    height: 100%;
}

header nav ul.menu li.itemMenu > a:hover {
}

header nav ul.menu li.itemMenu.ativo > a {
    pointer-events: none;
}

header nav ul.menu li.itemMenu > a span {
    font-size: 23px;
    color: #fff;
}

header nav ul.menu li.itemMenu > a span.icon-quiz {
}

header nav ul.menu li.itemMenu > a b {
    font: 700 12px/12px 'Open Sans';
    color: #fff;
}

header nav ul.menu li.itemMenu > a:hover span {
}

header nav ul.menu li.itemMenu > a:hover b {
}

header nav ul.menu li.itemMenu .boxMateriais {
    display: none;
    position: absolute;
    width: 680px;
    bottom: 100%;
    height: max-content;
    background: #0c0c0c;
    left: -20px;
}

header nav ul.menu li.itemMenu.ativo .boxMateriais {
    display: block;
}

header nav ul.menu li.itemMenu .boxMateriais h2 {
    background: #262626;
    font: 700 20px/22px 'Open Sans';
    color: #fff;
    padding: 21px 0 17px 24px;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais {
    padding: 0 25px 0 20px;
    margin-top: 5px;
    margin-bottom: 15px;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li {
    border-bottom: 1px solid rgb(255 255 255 / 21%);
    color: #fff;
    position: relative;
    padding: 16px 40px;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li:last-of-type {
    border-bottom: none;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 23px;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li p {
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li p b {
    font: 600 14px/21px 'Open Sans';
    letter-spacing: 0.020em;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li p a:active, header nav ul.menu li.itemMenu .boxMateriais ul.materiais li p a:link, header nav ul.menu li.itemMenu .boxMateriais ul.materiais li p a:visited {
    color: #fff;
    font: 600 14px/21px 'Open Sans';
    letter-spacing: 0.020em;
    text-decoration: underline;
    transition: all 0.5s ease;
}

header nav ul.menu li.itemMenu .boxMateriais ul.materiais li p a:hover {
    color: #d7171f;
}

header nav ul.menu li.itemMenu .boxProximaAula {
    display: none;
    position: absolute;
    bottom: 100%;
    width: 685px;
    height: max-content;
    background: #0c0c0c;
    right: -171px;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

header nav ul.menu li.itemMenu .boxProximaAula a {
    display: flex;
}

header nav ul.menu li.itemMenu.ativo .boxProximaAula {
    display: flex;
}

header nav ul.menu li.itemMenu .boxProximaAula h2 {
    background: #262626;
    font: 700 20px/22px 'Open Sans';
    color: #fff;
    padding: 21px 0 17px 24px;
    width: 100%;
    margin-bottom: 20px;
}

header nav ul.menu li.itemMenu .boxProximaAula h2 em {
    font: 700 20px/22px 'Open Sans';
    color: #fff;
}

header nav ul.menu li.itemMenu .boxProximaAula figure {
    width: 240px;
    position: relative;
    margin-left: 24px;
    height: 100%;
}

header nav ul.menu li.itemMenu .boxProximaAula figure .imagem {
    position: relative;
}

header nav ul.menu li.itemMenu .boxProximaAula figure img {
}

header nav ul.menu li.itemMenu .boxProximaAula figure span.icon-play {
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid rgb(255 255 255 / 50%);
    transform: scale(1.3);
    color: rgb(255 255 255 / 50%);
    cursor: pointer;
    transition: all 0.5s ease;
    display: flex;
    font-size: 24px;
    filter: drop-shadow(2px 4px 6px black);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header nav ul.menu li.itemMenu .boxProximaAula a figure:hover span.icon-play {
    border: 2px solid rgb(255 255 255 / 100%);
    color: rgb(255 255 255 / 100%);
}

header nav ul.menu li.itemMenu .boxProximaAula figure .legenda {
    position: absolute;
    bottom: 10px;
    left: 0;
    font: 700 15px/16px 'Exo';
    text-transform: uppercase;
    color: #fff;
    background: #d6171e;
    padding: 5px 12px;
    border-radius: 0 2px 2px 0;
}

header nav ul.menu li.itemMenu .boxProximaAula .texto {
    width: calc(100% - 264px);
    padding-right: 24px;
    padding: 0 24px;
}

header nav ul.menu li.itemMenu .boxProximaAula .texto h3 {
    color: #fff;
    font: 600 16px/20px 'Open Sans';
    letter-spacing: 0.020em;
}

header nav ul.menu li.itemMenu .boxProximaAula .texto p {
    color: #a6a6a6;
    font: 400 13px/20px 'Open Sans';
    margin-top: 5px;
}

header nav ul.menu li.itemMenu .boxTemporada {
    display: none;
    position: absolute;
    bottom: 100%;
    width: 705px;
    height: max-content;
    background: #0c0c0c;
    left: -170px;
    flex-wrap: wrap;
}

header nav ul.menu li.itemMenu.ativo .boxTemporada {
    display: block;
}

header nav ul.menu li.itemMenu .boxTemporada h2 {
    background: #262626;
    font: 700 20px/22px 'Open Sans';
    color: #fff;
    padding: 21px 0 17px 24px;
    width: 100%;
}

header nav ul.menu li.itemMenu .boxTemporada ul {
}

header nav ul.menu li.itemMenu .boxTemporada ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 29px 24px 29px 24px;
    cursor: pointer;
}

header nav ul.menu li.itemMenu .boxTemporada ul li.ativo {
    background: #050505;
    cursor: inherit;
}

header nav ul.menu li.itemMenu .boxTemporada ul li a {
    display: flex;
    flex-wrap: wrap;
}

header nav ul.menu li.itemMenu .boxTemporada ul li b {
    color: #fff;
    font: 700 24px/22px 'Open Sans';
    width: 20px;
}

header nav ul.menu li.itemMenu .boxTemporada ul li h3 {
    color: #fff;
    letter-spacing: 0.020em;
    font: 600 16px/21px 'Open Sans';
    padding-left: 17px;
    width: calc(100% - 20px);
}

header nav ul.menu li.itemMenu .boxTemporada ul li figure {
    width: 240px;
    display: none;
    margin-top: 20px;
    position: relative;
}

header nav ul.menu li.itemMenu .boxTemporada ul li figure img {
}

header nav ul.menu li.itemMenu .boxTemporada ul li figure span.icon-play {
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid rgb(255 255 255 / 50%);
    transform: scale(1.3);
    color: rgb(255 255 255 / 50%);
    cursor: pointer;
    transition: all 0.5s ease;
    display: flex;
    font-size: 24px;
    filter: drop-shadow(2px 4px 6px black);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

header nav ul.menu li.itemMenu .boxTemporada ul li figure:hover span.icon-play {
    border: 2px solid rgb(255 255 255 / 100%);
    color: rgb(255 255 255 / 100%);
}

header nav ul.menu li.itemMenu .boxTemporada ul li.ativo figure {
    display: block
}

header nav ul.menu li.itemMenu .boxTemporada ul li p {
    width: calc(100% - 240px);
    display: none;
}

header nav ul.menu li.itemMenu .boxTemporada ul li.ativo p {
    display: block;
    color: #a6a6a6;
    font: 400 14px/20px 'Open Sans';
    padding-left: 25px;
    margin-top: 15px;
}

header nav ul.menu li.saveTheDate {
    width: 371px;
    height: 100%;
    margin-left: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

header nav ul.menu li.saveTheDate > span {
    font-size: 26px;
    color: #fff;
    padding-right: 14px;
    position: relative;
    cursor: pointer;
}

header nav ul.menu li.saveTheDate.ativo > span {
    pointer-events: none
}

header nav ul.menu li.saveTheDate > .texto {
    cursor: pointer;
}

header nav ul.menu li.saveTheDate > .texto h3 {
    color: #2795ff;
    font: 700 13px/13px 'Open Sans';
}

header nav ul.menu li.saveTheDate > .texto p {
    font: 700 12px/12px 'Open Sans';
    color: #fff;
    margin-top: 3px;
}

header nav ul.menu li.saveTheDate.ativo > .texto {
    pointer-events: none
}

header nav ul.menu li.saveTheDate .boxEstreia {
    display: none;
    position: absolute;
    bottom: 100%;
    width: 755px;
    height: max-content;
    background: #0c0c0c;
    right: 0;
    flex-wrap: wrap;
}

header nav ul.menu li.saveTheDate.ativo .boxEstreia {
    display: flex;
}

header nav ul.menu li.saveTheDate .boxEstreia h2 {
    background: #262626;
    font: 700 20px/22px 'Open Sans';
    color: #fff;
    padding: 21px 0 17px 24px;
    width: 100%;
    margin-bottom: 20px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador {
    width: 420px;
    height: 240px;
    background-image: url(../img/fundoEstreia.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -48px;
    display: flex;
    align-items: end;
    padding-left: 27px;
    padding-bottom: 27px;
    margin-left: 20px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown {
    display: flex;
    flex-wrap: wrap;
    gap: 0 18px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li {
    width: max-content;
    text-align: center;
    min-width: 40px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li:first-of-type {
    width: 100%;
    text-align: left;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li:nth-of-type(2) {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 7px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li:nth-of-type(4) {
    position: relative;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li:nth-of-type(4):before {
    content: ':';
    font: 700 19px/19px 'Open Sans';
    color: #3eb2e4;
    position: absolute;
    left: -11px;
    top: 4px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li:nth-of-type(4):after {
    content: ':';
    font: 700 19px/19px 'Open Sans';
    color: #3eb2e4;
    position: absolute;
    right: -12px;
    top: 4px;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li span {
    color: #fff;
    font: 500 30px/30px 'Rubik';
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li p {
    text-transform: uppercase;
    color: #3eb2e4;
    font: 700 12px/12px 'Open Sans';
    width: 100%;
    letter-spacing: 0.010em;
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li span.days {
    font: 500 40px/40px 'Rubik';
}

header nav ul.menu li.saveTheDate .boxEstreia .blocoContador ul.countdown li p.days_ref {
    font-size: 16px;
    line-height: 16px;
    margin-left: 7px;
}

header nav ul.menu li.saveTheDate .boxEstreia .texto {
    width: calc(100% - 440px);
}

header nav ul.menu li.saveTheDate .boxEstreia .texto h3 {
    width: 100%;
    color: #2795ff;
    font: 700 23px/25px 'Open Sans';
    text-shadow: 0px 4px 4px rgb(12 12 12 / 47%);
    height: max-content;
    text-align: center;
    padding: 0 30px;
}

header nav ul.menu li.saveTheDate .boxEstreia .texto p {
    width: 100%;
    color: #ffffff;
    font: 700 18px/22px 'Open Sans';
    text-shadow: 0px 4px 4px rgb(12 12 12 / 47%);
    height: max-content;
    padding: 0 10px;
    text-align: center;
    margin-top: 0px;
}

header nav ul.menu li.saveTheDate .boxEstreia .texto em {
    display: flex;
    flex-direction: column;
    color: #bfdfff;
    font: 600 15px/25px 'Open Sans';
    align-items: center;
    width: 178px;
    padding: 16px 0px;
    border-radius: 5px;
    box-shadow: inset 0px -8px 24px #fff, 0px 4px 4px rgb(0 0 0 / 47%);
    background: #b1d4f5;
    position: relative;
    height: max-content;
    margin: 17px auto 0;
}

header nav ul.menu li.saveTheDate .boxEstreia .texto em:after {
    content: '';
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    left: 50%;
    top: 50%;
    background: rgb(0,100,196);
    background: linear-gradient(180deg, rgba(0,100,196,1) 0%, rgba(30,117,194,1) 100%);
    transform: translate(-50%,-50%);
    z-index: 0;
    border-radius: 5px;
}

header nav ul.menu li.saveTheDate .boxEstreia .texto em:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid rgb(255 255 255 / 11%);
    z-index: 3;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    border-radius: 5px;
}

header nav ul.menu li.saveTheDate .boxEstreia .texto em b:first-of-type {
    font: 600 28px/25px 'Open Sans';
    letter-spacing: -0.020em;
    color: #f2f9ff;
    z-index: 2;
    text-shadow: 0px 4px 0px rgb(12 12 12 / 31%);
}

header nav ul.menu li.saveTheDate .boxEstreia .texto em b:last-of-type {
    z-index: 1;
    font-weight: 600;
    line-height: 13px;
    margin-top: 6px;
}

header nav ul.menu li.saveTheDate .boxEstreia a:active, header nav ul.menu li.saveTheDate .boxEstreia a:link, header nav ul.menu li.saveTheDate .boxEstreia a:visited {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 5px 20px 5px 16px;
    box-shadow: inset 0px -8px 24px #8afbb5, 0px 4px 4px rgb(0 0 0 / 47%);
    background: #e8fff1;
    border-radius: 5px;
    margin: 20px auto 24px;
}

header nav ul.menu li.saveTheDate .boxEstreia a:hover {
    filter: brightness(120%);
}

header nav ul.menu li.saveTheDate .boxEstreia a span {
    color: #25D366;
    font-size: 21px;
}

header nav ul.menu li.saveTheDate .boxEstreia a:hover span {
}

header nav ul.menu li.saveTheDate .boxEstreia a b {
    color: #0b973f;
    font: 700 14px/14px 'Open Sans';
    letter-spacing: -0.025em;
    margin-left: 13px;
}

header nav ul.menu li.saveTheDate .boxEstreia a:hover b {
}

@media screen and (max-width: 1180px) {
    header nav ul.menu li.itemMenu > a b {
        display: none;
    }

    header nav ul.menu li.itemMenu {
        margin-left: 40px;
    }

    header nav ul.menu li.saveTheDate {
        margin-left: 40px
    }

    header nav ul.menu li.itemMenu .boxTemporada {
        left: -250px;
    }

    header nav ul.menu li.itemMenu .boxProximaAula {
        left: -160px;
    }

    header nav ul.menu li.itemMenu .boxMateriais {
        left: -80px;
    }

    header nav ul.menu li.itemMenu.mobile {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    header h1 {
        position: fixed;
        top: 10px;
        left: 50%;
        transform: translateX(-50%) scale(0.7);
        width: max-content;
        height: max-content;
    }

    header nav {
        margin: 0 auto;
    }
}

@media screen and (max-width: 840px) {
    header nav ul.menu li.itemMenu {
        margin-left: 30px;
    }

    header nav ul.menu li.saveTheDate {
        margin-left: 30px;
    }

    header nav ul.menu li.saveTheDate > .texto {
        display: none;
    }

    header nav ul.menu li.saveTheDate {
        width: max-content;
        padding: 0;
    }

    header nav ul.menu li.saveTheDate > span {
        font-size: 20px;
    }

    header nav ul.menu li.saveTheDate > span:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #2795ff;
        top: -4px;
        right: 10px;
    }

    header nav ul.menu li.itemMenu > a span {
        font-size: 18px;
    }

    header {
        padding-left: 13px;
    }

    header nav ul.menu li.itemMenu .box, header nav ul.menu li.saveTheDate .box {
        position: fixed;
        top: initial;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 67px;
        height: max-content;
        max-height: calc(100% - 67px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    header nav ul.menu li.itemMenu:after, header nav ul.menu li.saveTheDate:after {
        width: 50px;
        height: 100%;
        left: 50%;
        top: initial;
        bottom: -6px;
        transform: translateX(-50%);
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, hsl(0deg 0% 100% / 27%) 100%);
    }

    header nav ul.menu li.saveTheDate:after {
        left: calc(50% - 7px);
    }

    header nav ul.menu li.saveTheDate .box {
        justify-content: center;
        padding: 0 20px;
    }

    header nav ul.menu li.saveTheDate .box h2 {
        padding: 15px 0 15px 13px;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 80px);
        font-size: 18px;
    }

    header nav ul.menu li.saveTheDate .box .blocoContador {
        margin-top: -40px;
        width: calc(100% + 80px);
        max-width: 420px;
        margin: -70px -20px 0 -20px;
        padding-left: 13px;
        padding-bottom: 13px;
    }

    header nav ul.menu li.saveTheDate .box h3 {
        text-align: center;
        font: 700 18px/18px 'Open Sans';
        padding-top: 20px;
    }

    header nav ul.menu li.saveTheDate .box .texto {
        width: 100%;
        max-width: 420px;
        padding: 15px 0px 0;
        height: max-content;
    }

    header nav ul.menu li.saveTheDate .box .blocoContador ul.countdown {
        zoom: 0.9;}

    header nav ul.menu li.saveTheDate .box .texto p {
        font: 700 16px/20px 'Open Sans';
        padding-top: 8px;
        text-align: center;
        margin: 0;
    }

    header nav ul.menu li.saveTheDate .box em {
        right: -12px;
        top: initial;
        bottom: calc(100% - 5px);
        zoom: 0.8;}

    header nav ul.menu li.saveTheDate .box a:active, main .estreia a:link, main .estreia a:visited {
        max-width: 320px;
        margin: 16px auto 0;
        height: max-content;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    header nav ul.menu li.saveTheDate .box a b {
        line-height: 17px;
    }

    header nav ul.menu li.saveTheDate .boxEstreia .texto h3 {
        padding: 0;
    }

    header nav ul.menu li.itemMenu .boxTemporada ul li p {
        width: 100%;
    }

    header nav ul.menu li.itemMenu .boxTemporada ul li figure {
        margin-top: 10px;
        margin-left: 25px;
    }

    header nav ul.menu li.itemMenu .boxTemporada ul li h3 {
        padding-left: 5px;
        font-size: 14px;
        margin-top: -4px;
    }

    header nav ul.menu li.itemMenu .boxTemporada ul li {
        padding: 20px 14px;
    }

    header nav ul.menu li.itemMenu .boxTemporada h2 {
        padding: 15px 0 15px 13px;
        width: calc(100% + 0px);
        font-size: 18px;
    }

    header nav ul.menu li.itemMenu .boxProximaAula h2 {
        padding: 15px 0 15px 13px;
        width: calc(100% + 0px);
        font-size: 18px;
    }

    header nav ul.menu li.itemMenu .boxMateriais h2 {
        padding: 15px 0 15px 13px;
        width: calc(100% + 0px);
        font-size: 18px;
    }

    header nav ul.menu li.itemMenu .boxProximaAula a {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    header nav ul.menu li.itemMenu .boxProximaAula figure {
        width: 100%;
        max-width: 330px;
        height: max-content;
        margin-left: initial;
    }

    header nav ul.menu li.itemMenu .boxProximaAula .texto {
        width: 100%;
        padding-top: 10px;
    }
}

/* HEADER BARRINHA NAVEGACAO BOTTOM */
._320 header .controles {
    margin-left: 0;
    display: none !important;
}

._320 header .controles .volume {
    display: none !important;
}

._320 header .controles .volume .boxVolume {
    display: none !important;
}

._320 .videoWrapper a.voltar:link, ._320 .videoWrapper a.voltar:visited, ._320 .videoWrapper a.voltar:active {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9;
}

._320 .videoWrapper a.voltar:hover {
}

._320 .videoWrapper a.voltar span.icon-voltarVideo {
    font-size: 22px;
    color: rgb(255 255 255 / 50%);
    transition: all 0.5s ease;
}

._320 .videoWrapper a.voltar:hover span.icon-voltarVideo {
    color: rgb(255 255 255 / 100%);
}

/* BOTOES DE PLAY E PAUSE NO CENTRO DO VIDEO */
._320 .videoWrapper .botaoPlayPause {
    width: 100px;
    height: 100px;
}

._320 .videoWrapper .botaoPlayPause span.icon-play {
    font-size: 52px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

._320 .videoWrapper .botaoPlayPause span.pause {
    width: 33px;
}

._320 .videoWrapper .botaoPlayPause span.pause:after {
    width: 10px;
}

._320 .videoWrapper .botaoPlayPause span.pause:before {
    width: 10px;
}

._320 .videoWrapper .botaoPlayPause:hover {
}

._320 .videoWrapper .botaoPlayPause:hover span.icon-play {
}

._320 .videoWrapper .botaoPlayPause:hover span.pause {
}

._320 .videoWrapper .botaoPlayPause:hover span.pause:after {
}

._320 .videoWrapper .botaoPlayPause:hover span.pause:before {
}

/* BOTOES DE PLAY E PAUSE NO CENTRO DO VIDEO */
.semVendas header nav ul.menu li.itemMenu .boxMateriais {
    right: 0 !important;
    left: initial !important;
    position: fixed;
    bottom: 67px !important;
}

.semVendas header nav ul.menu li.itemMenu.ativo .boxTemporada {
    right: 0 !important;
    left: initial !important;
    position: fixed;
    bottom: 67px !important;
}