.video {

    width: 100%;

    padding: 60px 5%;

    max-width: 900px;

    margin: 0 auto;

}



.video iframe {

    width: 100%;

    height: 500px;

}



.float {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: fixed;

    bottom: 10px;

    right: 10px;

    z-index: 1000;

}



.float .btn-floating {

    width: 50px !important;

    height: 50px !important;

    text-align: center;

    font-size: 1.5em !important;

    background-color: #34af23 !important;

    line-height: 50px;

    box-shadow: none !important;

    width: 200px !important;

    height: auto !important;

    border-radius: 30px !important;

    font-size: 1.1em !important;

    padding: 10px 20px;

    line-height: 20px;

    box-shadow: none !important;

}



.float p {

    font-size: .7em;

    margin: 0;

    line-height: 1.25em;

    margin-bottom: 0em;

}



.float strong {

    font-weight: normal !important;

}



.float svg {

    float: left;

    margin-right: -5px;

    margin-top: 2px;

    margin-left: 10px;

}





/*-------- Pagina de Compra --------*/



.head-index {

    padding: 60px 5%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

    min-height: 100vh;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.head-index::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/efeitoBranco.png);

    background-repeat: no-repeat;

    background-position: top right;

    background-size: contain;

    opacity: .2;

}



.head-index::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/efeitoBranco.png);

    background-repeat: no-repeat;

    background-position: top right;

    background-size: contain;

    transform: rotate(180deg);

    opacity: .2;

}



.head-index .col {

    position: relative;

    z-index: 1;

}



.head-index .center {

    width: 100%;

    float: left;

    padding: 0 5%;

}



.head-index figure {

    display: flex;

    flex-flow: wrap-reverse;

    justify-content: center;

}



.head-index figcaption {

    display: flex !important;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

}



.head-index figcaption svg {

    color: #c9f739;

}



.head-index figcaption a {

    color: #fff;

    font-weight: bold;

    position: relative;

    z-index: 1;

}



.head-index img {

    width: 100%;

    height: 60px;

    object-fit: contain;

}



.head-index h1 {

    font-size: 2em;

    font-weight: bold;

    color: white;

}



.head-index strong {

    color: #c9f739;

}



.head-index .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #c9f739 !important;

    box-shadow: 0 0 5px 3px #9ec81b;

    border-radius: 5px;

    color:#c06b80;

}



.head-index h2 {

    text-align: center;

    color: white;

    font-size: 1.1em;

    line-height: 1.25em;

    font-weight: bold;

    margin-bottom: 5px;

}



.head-index small {

    width: 100%;

    float: left;

    font-size: .8em;

    color: white;

    line-height: .9em;

    text-align: center;

}



.head-index hgroup {

    width: 100%;

    float: left;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

}



.head-index p {

    text-align: center;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0;

    font-weight: bold;

    margin-right: 10px;

}



.head-index svg {

    font-size: 1.5em;

    color: #c9f739;

    margin-right: 10px;

}



.head-index iframe {

    margin-top: 2em;

}



@media(min-width: 993px) {

    .head-index hgroup {

        flex-wrap: nowrap;

        justify-content: space-between;

    }



    .head-index p {

        font-size: 1em;

        min-width: fit-content;

    }



    .head-index h1 {

        font-size: 2.25em;

    }



    .head-index .col {

        padding: 0 5% !important;

    }



    .head-index figure {

        flex-flow: unset;

        align-items: center;

        justify-content: space-between;

    }



    .head-index img {

        object-position: left;

    }



    .head-index figcaption {

        width: fit-content;

    }



    .head-index figcaption a {

        white-space: nowrap;

        margin-left: 20px;

    }

}





/*-------- Teacher --------*/



.teacher {

    width: 100%;

    float: left;

    text-align: center;

    padding: 60px 0;

    position: relative;

    z-index: 1;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    

}



.teacher .owl-carousel {

    margin-top: 2em;

}



.teacher .item {

    position: relative;

    min-height: 600px;

    display: flex;

    align-items: flex-end;

    flex-wrap: wrap;

    padding: 60px 20px;

}



.teacher img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top;

    z-index: -1;

    opacity: .3;

    transition: all .5s;

}



.teacher .owl-item.active img,

.teacher .item:hover img {

    opacity: 1;

}



.teacher svg {

    width: 100%;

    text-align: center;

    font-size: 3em;

    color: white;

}



.teacher h2 {

    margin: 0;

    position: relative;

    font-size: 2.7em;

    font-weight: bold;

    background-image: linear-gradient(0deg, rgb(198,255,19,1) 0%, rgba(255,255,255,1) 66%);
   
    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.teacher p {

    margin: 0;

    color: #c9f739;

    padding: 0 5%;

}



.teacher figcaption {

    display: block !important;

    position: absolute;

    bottom: 20px;

    left: 20px;

    text-align: left;

}



.teacher .item p {

    padding: 0;

}



.teacher h3 {

    font-size: 2em;

    font-weight: bold;

    background-image: linear-gradient(0deg, rgb(198,255,19,1) 0%, rgba(255,255,255,1) 66%);

    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 0;

}



.teacher .item p {

    color: white;

}



.teacher .owl-dots,

.teacher .owl-nav {

    display: none;

}



@media(min-width: 601px) {

    .teacher .owl-nav {

        display: block;

    }



    .teacher .owl-item.active img {

        opacity: .3;

    }



    .teacher .owl-item:hover img {

        opacity: 1;

    }



    .teacher .owl-nav .disabled {

        transform: scale(0);

    }



    .teacher .owl-prev {

        background-color: #be6b84 !important;

        border: none;

        color: #c9f739;

        position: absolute;

        width: 60px;

        height: 60px;

        top: calc(50% - 60px);

        left: 0;

        font-size: 1em;

    }



    .teacher .owl-next {

        background-color: #be6b84 !important;

        border: none;

        color: #c9f739;

        position: absolute;

        width: 60px;

        height: 60px;

        top: calc(50% - 60px);

        right: 0;

        font-size: 1em;

    }

}





/*-------- Teacher --------*/



.products {

    width: 100%;

    float: left;

    padding: 60px 5%;

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.products::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/produto.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom right;

    filter: contrast(0) brightness(1000%);

    opacity: .1;

}



.products .col {

    padding: 1em 5% !important;

    position: relative;

    z-index: 1;

}



.products svg {

    color: #c9f739;

    font-size: 3em;

}



.products h2 strong {

    width: 100%;

    float: left;

    font-weight: normal !important;

    color: #fff;

}



.products h2 {

    font-size: 2em;

    color: #c9f739;

    font-weight: bold;

}



.products p {

    color: #fff;

    font-size: 1.1em;

    line-height: 1.25em;

}



.products ul {

    padding-left: 3em !important;

}



.products ul li {

    color: white;

    font-size: 1.1em;

    list-style: disc !important;

}



.products img {

    width: 100%;

    height: 50px;

    object-fit: contain;

    margin-bottom: -6px;

}



.products figure {

    min-height: 150px !important;

    position: relative;

    text-align: center;

}



.products figcaption {

    margin: 0 !important;

    display: block !important;

    color: white;

}



.products figure::before {

    content: '';

    width: 6px;

    height: 50px;

    left: calc(50% - 3px);

    top: 90px;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00fff6", endColorstr="#be6b84", GradientType=1);

    position: absolute;

}



.products figure::after {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #00fff6 transparent transparent transparent;

    position: absolute;

    bottom: 0;

    left: calc(50% - 15px);

}



.products figure:last-child::before,

.products figure:last-child::after {

    content: none;

}



.products figure:last-child {

    min-height: auto !important;

}



.products .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #c9f739 !important;

    box-shadow: 0 0 5px 3px #9ec81b;

    border-radius: 5px;

    color:#c06b80;

}





/*-------- Tecnologia --------*/



.tecnologia {

    padding: 20px 20px;

    padding-top: 120px;

    padding-right: 0;

    position: relative;

    overflow: inherit !important;

    z-index: 9999;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #9ec81b;

}



.tecnologia::before {

    content: '';

    width: 80%;

    height: 100%;

    position: absolute;

    z-index: -1;

    top: -20%;

    left: -40%;

    background-image: url(../images/tags.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: top right;

    filter: contrast(0) brightness(1000%);

    transform: rotate(180deg);

    opacity: .2;

}



.tecnologia h2 {

    font-size: 2.5em;

    font-weight: bold;

    color: #fff;

    margin: 0;

    padding-right: 20px;

}



.tecnologia p {

    font-size: 1.5em;

    line-height: 1.25em;

    color: #fff;

    max-width: 550px;

    margin: 10px auto;

    margin-bottom: 2em;

    padding-right: 20px;

}



.tecnologia .owl-item {

    margin-right: 0px !important;

    border-radius: 10px !important;

    position: relative;

    display: flex;

    align-items: flex-end;

    min-height: 400px !important;

    padding: 20px;

    padding-right: 30px;

}



.tecnologia .owl-item img:nth-of-type(1) {

    position: absolute;

    top: 0;

    left: 0;

    width: calc(100% - 20px) !important;

    height: 400px;

    border-radius: 10px !important;

    z-index: -1;

}



.tecnologia .owl-item img:nth-of-type(2) {

    width: 100%;

    height: 50px;

    object-fit: contain;

    object-position: left;

}



.tecnologia .owl-item h3 {

    width: calc(100% - 20px) !important;

    font-size: 1.5em;

    font-weight: bold;

    color: white;

    text-align: left;

    position: relative;

}



.tecnologia .owl-item h3::before {

    content: '';

    float: left;

    width: 6px;

    height: 30px;

    margin-top: -5px;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    margin-right: 10px;

}



.tecnologia .owl-item p {

    width: calc(100% - 20px) !important;

    font-size: 1.1em;

    line-height: 1.25em;

    color: white;

    text-align: left;

    padding: 0;

}



.tecnologia .owl-nav button {

    position: absolute;

    top: 0px;

    width: 90px;

    height: calc(100%);

    border: none;

    color: rgba(24, 215, 232, .7);

    transition: all .5s;

    font-size: 5em;

    z-index: 9999;

    display: none;

}



.tecnologia .owl-next {

    right: 0px;

    padding-left: 30px;

    text-align: left;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.tecnologia .owl-prev {

    left: 0px;

    padding-right: 15px;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.tecnologia .owl-prev.disabled {

    opacity: 0;

}



.tecnologia .owl-next.disabled {

    opacity: 0;

}



.tecnologia .owl-dots {

    display: none;

}



.tecnologia .owl-carousel {

    margin-bottom: 2em !important;

}



@media (min-width: 601px) {

    .tecnologia {

        padding: 40px 60px;

        padding-right: 0;

        padding-top: 120px;

    }



    .tecnologia .owl-item {

        padding: 40px;

        padding-right: 50px;

        margin-right: 0px !important;

        border-radius: 10px !important;

    }



    .tecnologia .owl-item h3 {

        font-size: 1.25em;

    }



    .tecnologia .owl-item p {

        font-size: .9em;

    }



    .tecnologia .owl-item img {

        width: calc(100% - 30px) !important;

        border-radius: 10px !important;

    }



    .tecnologia .owl-nav button {

        display: block;

    }

}





/*-------- Study --------*/



.study {

    width: 100%;

    float: left;

    padding: 60px 10%;

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    text-align: center;

    background-color: #9ec81b;

}



.study::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    bottom: 0;

    left: 0;

    background-image: url(../images/pontos.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom;

    filter: contrast(0) brightness(1000%);

    opacity: .5;

}



.study svg {

    width: 100%;

    text-align: center;

    color: #c9f739;

    font-size: 3em;

}



.study h2 strong {

    width: 100%;

    float: left;

    font-weight: bold !important;

    color: #c9f739;

}



.study h2 {

    width: 100%;

    float: left;

    font-size: 2em;

    color: #fff;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 10px;

}



.study p {

    width: 100%;

    color: #fff;

    font-size: 1.25em;

    line-height: 1.25em;

    margin: 0;

}



.study .container {

    margin-top: 2em;

    width: 100% !important;

}



.study .col {

    padding: 40px 40px !important;

    position: relative;

}



.study .l4::before {

    content: '';

    width: 6px;

    height: 60px;

    left: calc(50% - 3px);

    bottom: -30px;

    background-color: #fff;

    position: absolute;

}



.study .l4::after {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #fff transparent transparent transparent;

    position: absolute;

    bottom: -40px;

    left: calc(50% - 15px);

}



.study .l4:last-child::before,

.study .l4:last-child::after {

    content: none;

}



.study .col div {

    background-color: #fff;

    border-radius: 10px;

    padding: 20px;

    position: relative;

    padding-top: 60px;

}



.study .col div::before {

    content: '';

    width: 30px;

    height: 30px;

    position: absolute;

    left: calc(50% - 15px);

    bottom: -15px;

    border-radius: 50%;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

}



.study .col:last-child div::before {

    content: none;

}



.study .col:last-child div::after {

    content: '';

    position: absolute;

    width: calc(100% + 40px);

    height: calc(100% + 40px);

    top: -20px;

    left: -20px;

    border: 2px solid #fff;

    border-radius: 10px;

}



.study .col p {

    color: #666;

    font-size: .8em;

}



.study .col h3 {

    font-size: 1.25em;

    font-weight: bold;

    position: absolute;

    top: 20px;

    right: -20px;

    z-index: 1;

    color: white;

    padding: 10px 40px;

    width: min-content;

    margin: 0;

}



.study .col h3::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    -webkit-transform: skew(-30deg);

    -moz-transform: skew(-30deg);

    -o-transform: skew(-30deg);

}



.study .col h3::before {

    content: '';

    width: 120%;

    height: 120%;

    position: absolute;

    top: -10%;

    left: -15%;

    z-index: -1;

    background-color: #fff;

    -webkit-transform: skew(-30deg);

    -moz-transform: skew(-30deg);

    -o-transform: skew(-30deg);

    box-shadow: 15px 5px 10px 0px rgba(0, 0, 0, .3);

}



.study .col h4 {

    font-size: 1.25em;

    font-weight: bold;

}



.study img {

    max-width: 100%;

    width: auto;

    height: auto;

    margin-top: 2em;

}



.study h5 {

    font-size: 1em;

    color: white;

    max-width: 500px;

    margin: 0 auto;

    margin-top: 2em;

}



@media(min-width: 993px) {

    .study .col div::before {

        left: auto;

        right: -15px;

        bottom: calc(50% - 15px);

    }



    .study .l4::before {

        content: '';

        width: 60px;

        height: 6px;

        bottom: calc(50% - 3px);

        left: auto;

        right: -30px;

    }



    .study .l4::after {

        content: '';

        bottom: calc(50% - 15px);

        left: auto;

        right: -40px;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 15px 0 15px 15px;

        border-color: transparent transparent transparent #fff;

    }

}





/*-------- Certificado --------*/



.certificado {

    width: 100%;

    float: left;

    padding: 60px 10%;

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    text-align: center;

    background-color: #9ec81b;

}



.certificado::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    bottom: 0;

    right: 0px;

    background-image: url(../images/mapaBranco.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    opacity: .3;

}



.certificado svg {

    width: 100%;

    text-align: center;

    color: #c06b80;

    font-size: 3em;

}



.certificado h2 strong {

    width: 100%;

    float: left;

    font-weight: bold !important;

    color: #c06b80;

}



.certificado h2 {

    width: 100%;

    float: left;

    font-size: 2em;

    color: #c06b80;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 10px;

}



.certificado p {

    width: 100%;

     color: white;

    font-size: 1.25em;

    line-height: 1.25em;

    margin: 0;

}



.certificado img {

    width: auto;

    max-width: 100%;

    height: auto;

    margin-top: 4em;

}



.certificado hgroup {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

}



.certificado hgroup p {

    text-align: center;

    color: #c06b80;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0;

    font-weight: bold;

    margin-right: 10px;

    margin-top: 10px;

    width: fit-content;

}



.certificado svg {

    font-size: 1.5em;

    color: white;

    margin-right: 10px;

}



@media (min-width: 601px) {

    .certificado hgroup {

        flex-wrap: nowrap;

    }

}





/*-------- Chamada --------*/



.chamada {

    width: 100%;

    float: left;

    padding: 120px 10%;

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    text-align: center;

}



.chamada::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    bottom: 0;

    right: -100px;

    background-image: url(../images/bolaBranca.png);

    background-size: 300px;

    background-repeat: no-repeat;

    background-position: top right;

    transform: rotate(-10deg);

}



.chamada::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    bottom: 0;

    left: -100px;

    background-image: url(../images/bolaBranca.png);

    background-size: 300px;

    background-repeat: no-repeat;

    background-position: top right;

    transform: rotate(170deg);

}



.chamada h2 {

    font-size: 1.5em;

    max-width: 400px;

    color: #c9f739;

    margin: 0 auto;

    font-weight: bold;

}



.chamada h4 {

    color: white;

    font-size: 1em;

    max-width: 400px;

    margin: 0 auto;

}



.chamada h3 {

    color: white;

    font-size: 1em;

    text-align: right;

    line-height: 2.5em;

    width: min-content;

    margin: 40px auto;

    font-weight: bold;

}



.chamada h3 strong {

    color: #c9f739;

    font-size: 4em;

    width: 100%;

    float: left;

    white-space: nowrap;

}



.chamada .btn {

    width: 100%;

    max-width: 350px;

    height: auto;

    padding: 10px 2em;

    line-height: 1.25em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    border-radius: 5px;

}





/*-------- Perguntas Frequentes --------*/



.questions {

    width: 100%;

    float: left;

    padding: 120px 10%;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: relative;

}



.questions::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1;

    bottom: 0;

    right: 0px;

    background-image: url(../images/degraus.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom;

    opacity: .2;

}



.questions .fa-question {

    color: #c9f739;

    width: 100%;

    text-align: center;

    font-size: 2em;

}



.questions h2 {

    font-size: 2em;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin-top: 5px;

}



.questions a {

    color: #c9f739;

    font-weight: bold;

}



.questions .collapsible-body ul {

    padding-left: 2em !important;

}



.questions .collapsible-body ul li {

    list-style: disc !important;

}



.questions .collapsible {

    box-shadow: none;

    border: none;

    margin-top: 30px;

    transition: all 1s;

}



.questions .active .collapsible-header {

    background-color: #c9f739;

    outline: none !important;

}



.questions .collapsible-header {

    display: flex;

    align-items: center;

    padding: 15px 10px;

    border: none;

    outline: none !important;

    border-left: 10px solid white;

    margin-top: 10px;

    background-color: #c9f739;
}



.questions .active .collapsible-header {

    background-color: white;

    color: white;

    border-color: white;

}



.questions h3 {

    width: 100%;

    margin: 0;

    font-size: 1em;

    font-weight: bold;

    margin-left: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #c06b80;

}



.questions .collapsible-body p {

    margin: 0;

    color: #9ec81b;

    padding: 0 10px;

    padding-bottom: 10px;

    line-height: 1.25em;

}



.questions .svg svg {

    color: #c9f739;

}



.questions .active .svg svg {

    color: #fff;

}



.questions h3 svg {

    margin-left: 5px;

    transition: .5s all;

}



.questions .collapsible-body {

    padding: 10px;

    border: none;

    border-bottom: 10px solid #c9f739;

    background-color: white !important;

}



.questions .active h3 svg {

    transform: rotate(180deg);

}



.questions ul {

    margin: 0 !important;

}



@media(min-width: 601px) {

    .questions .col {

        margin-top: 2em !important;

    }

}





/*-------- Mobile --------*/



.mobile {

    width: 100%;

    float: left;

    padding: 60px 10%;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: relative;

    background-color: #9ec81b;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.mobile img {

    width: 100%;

    height: 500px;

    object-fit: contain;

}



.mobile h2 {

    font-size: 2em;

    font-weight: bold;

    color: white;

    margin-bottom: 0;

}



.mobile p {

    color: white;

    font-size: 1.25em;

    margin-top: 5px;

    max-width: 300px;

    line-height: 1.25em;

}



.mobile strong {

    color: #c06b80;

}



.mobile small {

    color: white;

    font-size: 1em;

    width: 100%;

    float: left;

}



.mobile h3 {

    color: white;

    margin-top: 0;

    font-weight: bold;

    font-size: 2em;

    margin-bottom: 0;

}



.mobile .btn {

    margin-top: 1em;

    width: 100%;

    max-width: 400px;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #c06b80!important;

    box-shadow: 0 0 5px 3px #a36373;

    border-radius: 5px;

    margin-bottom: 2em;

    color:white;

}





/*-------- Checkout --------*/



.checkout {

    padding: 40px 10%;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: relative;

}



.checkout::before {

    content: '';

    width: 100%;

    height: 100%;

    background-image: url(../images/payment.jpg);

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: .05;

}



.checkout fieldset {

    border-radius: 20px !important;

    position: relative;

    overflow: hidden;

}



.checkout .l4 {

    background-color: #c06b80;

    padding: 20px !important;

    position: relative;
    overflow: hidden;

}



.checkout .l8 {

    background-color: #fff;

    padding: 20px !important;

}



.checkout img {

    width: 100%;

    height: 60px;

    object-fit: contain;

}



.checkout ul {

    display: flex;

    flex-wrap: nowrap;

    margin: 2em 0 !important;

}



.checkout li {

    color: white;

    text-align: center;

    width: 100%;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    position: relative;

    min-height: 52px;

    position: relative;

}



.checkout li::before {

    content: '';

    width: 100%;

    height: 4px;

    background-color: #c9f739;

    position: absolute;

    top: calc(50% - 12px);

    left: 50%;

    opacity: .3;

    transition: all .5s;

}



.checkout li:last-child::before {

    content: none;

}



.checkout ul svg {

    position: relative;

    z-index: 1;

    width: 30px !important;

    height: 30px;

    margin: 0 auto;

    background-color: #52b700;

    color: #fff;

    padding: 8px;

    border-radius: 50%;

    float: left;

    text-align: center;

}



.checkout li.current svg,

.checkout li.check svg {

    background-color: #c9f739;

    color: #be6b84;

}



.checkout li.check::before {

    opacity: 1;

}



.checkout li strong {

    display: none;

}



.checkout li.current strong {

    display: block;

    width: 100%;

    float: left;

    font-size: .8em;

    white-space: nowrap;

    margin-top: 5px;

    position: absolute;

    padding-top: 30px;

}



.checkout h1 {

    font-size: 2em;

    font-weight: bold;

    color: #fff;

    width: 100%;

    float: left;

}



.checkout h1 strong {

    color: #96c600;

    width: 100%;

    float: left;

}



.checkout #step-1 p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

    line-height: 1.25em;

}



.checkout .l8.active {

    position: relative;

    background-color: #c06b80;

}



.checkout .l8.active::before {

    content: '';

    width: 50%;

    height: 50%;

    background-image: url(../images/icone.png);

    background-size: contain;

    background-position: bottom;

    background-repeat: no-repeat;

    position: absolute;

    top: 23vw;

    left: 15vw;

}



.checkout #step-1 .btn {

    margin-top: 2em;

    text-transform: none !important;

    font-weight: bold;

    background-color: #96c600 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

}



.checkout h2 {

    font-size: 1em;

    font-weight: bold;

    color: #a36373;

    line-height: 1.5em;

    margin-top: 0;

    padding-left: .75rem;

}



.checkout h2 strong {

    width: 100%;

    float: left;

    color: #34af23;

    font-size: 1.75em;

}



.checkout label,

.domain label {

    color: #a36373;

    font-size: .9em;

    font-weight: bold;

}



.checkout input,

.domain input {

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    height: 3em !important;

    border: 1px solid #34af23 !important;

    border-radius: 5px !important;

    margin-bottom: 5px !important;

    box-shadow: none !important;

    font-size: 1em !important;

}



.checkout select,

.domain select {

    height: 3em !important;

    border: 1px solid #34af23 !important;

    border-radius: 5px !important;

    margin-bottom: 5px !important;

    box-shadow: none !important;

    font-size: 1em !important;

}



.checkout a {

    color: #34af23 !important;

}



.checkout #section-2 div:not(.footer),

.checkout #section-2,

.checkout #section-3,

.checkout #section-4 {

    display: none;

}



.checkout .footer {

    margin-top: 1em;

    display: flex;

    justify-content: space-between;

}



.checkout .footer.space {

    justify-content: flex-end;

}



.checkout #section-3 h2 {

    font-size: .9em;

    line-height: 1.25em;

}



.checkout #section-3 h2 strong {

    font-size: 1.25em;

}
.checkout #section-1 p {

    font-size: .8em;

    padding-left: .75rem;

    margin: 0;

}


.checkout #section-3 p {

    font-size: .8em;

    padding-left: .75rem;

    margin: 0;

}



.checkout .btn {

    background-color: #34af23 !important;

    text-transform: none;

    font-weight: bold;

    border-radius: 20px;

    box-shadow: none !important;

}



.checkout .back {

    background-color: white !important;

    border: 2px solid #a36373 !important;

    color: #a36373!important;

    line-height: 2em;

}



.checkout .steps {

    display: none;

    position: relative;

    z-index: 1;

}



.checkout .steps.active {

    display: block;

    width: 100%;

    float: left;

}



.checkout #step-3 .m4 {

    background-color: #a36373;

    text-align: center;

}



.checkout #step-3 .m4 svg {

    background-color: white;

    width: 50px !important;

    height: 50px;

    padding: 8px;

    border-radius: 5px;

    margin-top: 20px;

}



.checkout #step-3 h5 {

    font-size: .9em;

    color: white;

    margin: 0;

}



.checkout #step-3 small {

    font-size: .8em;

    width: 100%;

    float: left;

    text-align: center;

    line-height: 1em;

    color: #000;

    margin: 0;

    margin-bottom: 10px !important;

    margin-top: -15px !important;

}



.checkout h4 {

    color: white;

    font-size: .8em;

    text-align: right;

    line-height: 1.5em;

    width: min-content;

    margin: 20px auto;

    font-weight: bold;

}



.checkout h4 strong {

    color: #c9f739;

    font-size: 1.75em;

    width: 100%;

    float: left;

    white-space: nowrap;

}



.checkout #step-3 p {

    font-size: .6em;

    line-height: 1.25em;

}



.checkout #step-3 p strong {

    font-weight: bold !important;

}



.checkout [type="checkbox"]:not(:checked)+label:before,

.checkout [type="checkbox"]:not(:checked)+label:after {

    border: 1px solid #999 !important;

}



.checkout [type="checkbox"]:checked+label:before {

    border-right: 2px solid #be6b84;

    border-bottom: 2px solid #be6b84;

}



.checkout #step-3 .m4 {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border: 1px solid #be6b84;

}



.checkout #step-3 .m8 {

    padding: 20px !important;

    border: 1px solid #be6b84;

}



.checkout #step-3 .m4::before {

    content: '';

    position: absolute;

    bottom: -15px;

    right: calc(50% - 15px);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #be6b84 transparent transparent transparent;

}

.checkout #step-2-5 .m4 {

    background-color: #a36373;

    text-align: center;

}



.checkout #step-2-5  .m4 svg {

    background-color: white;

    width: 50px !important;

    height: 50px;

    padding: 8px;

    border-radius: 5px;

    margin-top: 20px;

}



.checkout #step-2-5  h5 {

    font-size: .9em;

    color: white;

    margin: 0;

}



.checkout #step-2-5  small {

    font-size: .8em;

    width: 100%;

    float: left;

    text-align: center;

    line-height: 1em;

    color: #000;

    margin: 0;

    margin-bottom: 10px !important;

    margin-top: -15px !important;

}


.checkout #step-2-5  p {

    font-size: .6em;

    line-height: 1.25em;

}



.checkout #step-2-5  p strong {

    font-weight: bold !important;

}



.checkout #step-2-5 .m4 {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border: 1px solid #be6b84;

}



.checkout #step-2-5 .m8 {

    padding: 20px !important;

    border: 1px solid #be6b84;

}



.checkout #step-2-5 .m4::before {

    content: '';

    position: absolute;

    bottom: -15px;

    right: calc(50% - 15px);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #be6b84 transparent transparent transparent;

}



.checkout.end,

.checkout .col {

    transition: all .5s;

}



.checkout.end .l4 {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9999;

    animation-name: l4;

    animation-duration: 2s;

    animation-fill-mode: forwards;

}



@keyframes l4 {

    0% {

        -webkit-transform: translate(0%);

        transform: translate(0%);

    }



    100% {

        -webkit-transform: translate(-100%);

        transform: translate(-100%);

    }

}



.checkout.end .l8 {

    width: 100% !important;

    float: left !important;

    background-image: url(../images/space.png);

    background-position: bottom left;

    background-size: cover;

    min-height: calc(100vh - 80px);

    position: relative;

    animation-name: l8;

    animation-duration: 2s;

    animation-fill-mode: forwards;

}



@keyframes l8 {

    0% {

        -webkit-transform: translate(33.3333333333%);

        transform: translate(33.3333333333%);

    }



    100% {

        -webkit-transform: translate(0%);

        transform: translate(0%);

    }

}



.checkout #step-4 {

    position: absolute;

    left: 10px;

    bottom: 10px;

    z-index: 1;

    max-width: 250px;

    opacity: 0;

    transition: all 1s;

}



.checkout.end #step-4 {

    opacity: 1;

}



.checkout #step-4 h5 {

    font-size: 2em;

    font-weight: bold;

    color: #be6b84;

}



.checkout #step-4 p {

    font-size: .8em;

    line-height: 1.25em;

}



.checkout #step-4 .btn {

    text-transform: none !important;

    font-weight: bold;

    background-color: #04cac4 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

    color: white !important;

}



.checkout .footer .btn {

    font-size: .8em !important;

    padding: 0 1em !important;

    height: 2.5em;

    line-height: 2.5em;

}



.checkout {

    padding-bottom: 100px !important;

}



@media(min-width: 601px) {

    .checkout .footer .btn {

        font-size: 1em !important;

        padding: 0 2em !important;

    }



    .checkout li {

        min-height: auto !important;

    }



    .checkout .current strong {

        position: relative !important;

        padding-top: 0px !important;

    }

    .checkout #step-2-5 .m4 {

        margin-bottom: 0px;

    }



    .checkout #step-2-5 .m4::before {

        content: '';

        position: absolute;

        top: calc(50% - 15px);

        right: -15px;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 15px 0 15px 15px;

        border-color: transparent transparent transparent #be6b84;

    }

    .checkout #step-3 .m4 {

        margin-bottom: 0px;

    }



    .checkout #step-3 .m4::before {

        content: '';

        position: absolute;

        top: calc(50% - 15px);

        right: -15px;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 15px 0 15px 15px;

        border-color: transparent transparent transparent #be6b84;

    }

}



@media(min-width: 993px) {

    .checkout {

        padding-bottom: 0px !important;

    }



    .checkout .l4::before {

        content: '';

        width: 100%;

        height: 100%;

        background-image: url(../images/Enfermeira.png);

        background-size: contain;

        background-position: bottom;

        background-repeat: no-repeat;

        position: absolute;

        bottom: -15%;

        left: 0;

    }



    .checkout .l4 {

        padding: 60px 40px !important;

        min-height: calc(100vh - 80px) !important;

    }



    .checkout .l8 {

        padding: 60px 10% !important;

        min-height: calc(100vh - 80px) !important;

        display: flex;

        align-items: center;

    }



    .checkout ul {

        display: block;

        text-align: left;

    }



    .checkout li {

        width: 100%;

        float: left;

        display: block;

        text-align: left;

        margin-bottom: 30px;

    }



    .checkout li svg {

        margin: 0;

        margin-right: 10px;

    }



    .checkout li strong {

        width: auto !important;

        float: left;

        margin-top: 6px !important;

        display: block;

        font-size: .9em !important;

    }



    .checkout li::before {

        width: 4px;

        height: 100%;

        left: calc(15px - 2px);

        top: 100%;

    }



    .checkout.end #step-4 {

        left: 40px;

        bottom: 40px;

    }

}









/*-------- Dashboard --------*/



.dashboard {

    min-height: 100vh;

    position: relative;

    background: #c06b80;
    /* background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%); */

    /* background: rgb(0, 2, 11);

    background: -moz-linear-gradient(44deg, rgba(0, 2, 11, 1) 0%, rgba(7, 7, 180, 1) 100%);

    background: -webkit-linear-gradient(44deg, rgba(0, 2, 11, 1) 0%, rgba(7, 7, 180, 1) 100%);

    background: linear-gradient(44deg, rgba(0, 2, 11, 1) 0%, rgba(7, 7, 180, 1) 100%); */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00020b", endColorstr="#0707b4", GradientType=1);

}



.dashboard::after {

    content: '';

    width: 100%;

    height: 100%;

    background-image: url(../images/particulas.png);

    background-size: 100% 500px;

    background-repeat: no-repeat;

    position: absolute;

    top: 0;

    left: 0;

    opacity: .3;

}



.dashboard .perfil {

    z-index: 9999;

}



.dashboard .perfil ul .dash {

    display: none;

}





/*-------- Head --------*/



.welcome {

    padding: 20px 20px;

    width: 100%;

    float: left;

}



.welcome h1 {

    position: relative;

    font-size: 2.5em;

    font-weight: bold;

    background-image: linear-gradient(0deg, white 0%,white 36%);

    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 0;

    text-align: center;

}



.welcome strong {

    width: 100%;

    float: left;

    background-image: linear-gradient(0deg, white 0%,white 36%);

    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



@media(min-width: 601px) {

    .welcome {

        padding: 80px 60px;

    }



    .welcome h1 {

        font-size: 4em;

    }

}





/*-------- Head --------*/



.plataforma {

    padding: 20px 20px;

    padding-bottom: 60px;

    width: 100%;

    float: left;

}



.plataforma h1 {

    font-size: 2.25em;

    font-weight: bold;

    margin-bottom: 0;

    text-align: center;

    color: #fff;

    max-width: 700px;

    margin: 0 auto;

}



.plataforma div {

    width: 100%;

    max-width: 800px;

    height: 4px;

    border: none;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    box-shadow: 0 0 20px 10px rgba(102, 185, 255, 0.3);

    margin: 0 auto;

    margin-top: 20px;

    position: relative;

}



.plataforma div:before {

    content: '';

    width: 30px;

    height: 30px;

    position: absolute;

    top: -13px;

    left: 0;

    border-radius: 50%;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

}



.plataforma p {

    color: white;

    line-height: 1.25em;

    max-width: 300px;

    margin: 20px auto;

}



.plataforma .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    height: 3em;

    line-height: 3em;

}



.plataforma form {

    max-width: 500px;

    margin: 0 auto;

    padding: 20px;

}



.plataforma input {

    background-color: #fff !important;

    border: none !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    border-radius: 5px !important;

    color: #be6b84;

}



.plataforma input::placeholder {

    color: #be6b84;

}



@media(min-width: 601px) {

    .plataforma {

        padding: 80px 60px;

        padding-top: 0px;

        margin-top: 0px;

    }



    .plataforma h1 {

        font-size: 2.25em;

    }



    .plataforma p {

        color: white;

        font-size: 1.25em;

        line-height: 1.25em;

        max-width: 600px;

        margin: 20px auto;

    }

}



.wait {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px !important;

    font-weight: bold;

    height: 3em !important;

    line-height: 3em !important;

    text-transform: none !important;

}





/*-------- Menu --------*/



.menu {

    padding: 20px 20px;

    width: 100% !important;

    float: left;
    
    
}



.menu ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: end;

    width: 100%;

}



.menu li {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: end;

    position: relative;

    flex-direction: row-reverse;

}



.menu li:before {

    content: '';

    width: 10px;

    height: 10px;

    margin-left: -10px;

    border-radius: 50%;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

}



.menu .nav-wrapper {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    width: 100% !important;

}



.menu .button-collapse {

    height: auto;

    margin: 0;

    margin-right: 20px;

}



.menu a img {

    width: 100%;

    min-width: 150px;

    height: 45px;

    object-fit: contain;

    object-position: center;

}



.menu .action {

    width: 100%;

    text-align: right;

}



.menu .action p {

    display: none;

}



@media(min-width: 993px) {

    .menu .action {

        display: flex;

        align-items: center;

        flex-wrap: nowrap;

        justify-content: end;

    }



    .menu .action p {

        display: block;

        color: white;

        margin: 0;

        margin-right: 10px;

        font-size: .8em;

        font-weight: bold;

    }

}



.menu .action .btn {

    background:  rgb(136,194,26);

    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    height: 3em !important;

    line-height: 3em !important;

    font-weight: bold;

    text-transform: none;

    border-radius: 30px !important;

    padding: 0 2em;

}



.menu .perfil {

    position: absolute;

    right: 0;

    top: -10px;

}



.menu .perfil img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    object-fit: cover;

    object-position: top;

    border: 2px solid #b9e05e;

}



.menu .perfil ul {

    width: 0;

    height: 0;

    overflow: hidden;

    display: block !important;

    max-width: 250px;

    position: absolute;

    top: 90px;

    right: 0;

    z-index: 9999;

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00020b", endColorstr="#0707b4", GradientType=1);

    transition: all .5s;

}



.menu .perfil:hover {

    width: 250px;

    height: 90px;

    display: flex;

    justify-content: end;

}



.menu .perfil:hover ul {

    width: 250px;

    height: auto;

}



.menu .perfil::before {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 20px 20px 20px;

    border-color: transparent transparent white transparent;

    position: absolute;

    top: 70px;

    right: 15px;

    z-index: 9999;

    opacity: 0;

    transition: all .5s;

}



.menu .perfil:hover::before {

    opacity: 1;

}



.menu .perfil ul li {

    width: 100%;

    float: left;

    padding: 20px 10px;

    text-align: left !important;

    justify-content: start;

    border: 1px solid #c9f739;

}



.menu .perfil ul li a {

    background-color: transparent;

}



.menu .perfil ul svg {

    color: white;

    width: 30px !important;

    font-size: 1.25em;

}



.menu .perfil ul li::before {

    content: none;

}



@media(max-width: 600px) {

    .menu .perfil::before {

        top: 50px;

        right: 5px;

    }



    .menu .perfil ul {

        top: 70px;

    }



    .menu a img {

        height: 70px;

    }

}



.menu .button-collapse {

    display: block;

    color: #b9e05e;

    font-size: 2em;

    margin-left: 3px !important;

}



.menu input {

    width: 100% !important;

    float: left;

}



.menu input::placeholder {

    color: white;

}



.menu .show {

    display: none !important;

}



.menu .hide {

    display: block !important;

    margin-top: 2em !important;

}



.menu fieldset form {

    display: flex !important;

    align-items: center;

    flex-wrap: nowrap;

}



.menu input {

    background:  rgb(150,198,0);

    background: -moz-linear-gradient(0deg, rgba(138,175,22,1) 0%, rgba(176,217,48,1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(138,175,22,1) 0%, rgba(176,217,48,1) 100%);

    background: linear-gradient(0deg, rgba(138,175,22,1) 0%, rgba(176,217,48,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#154be6", endColorstr="#0534ac", GradientType=1);

    border: none !important;

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    color: white !important;

    margin: 0 !important;

    height: 3em !important;

    border-radius: 10px !important;

    margin-right: 15px !important;

}



.menu .btn {

    background:  rgb(150,198,0);

    background: -moz-linear-gradient(0deg, rgba(138,175,22,1) 0%, rgba(176,217,48,1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(138,175,22,1) 0%, rgba(176,217,48,1) 100%);

    background: linear-gradient(0deg, rgba(138,175,22,1) 0%, rgba(176,217,48,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#154be6", endColorstr="#0534ac", GradientType=1);

    color: white !important;

    margin: 0 !important;

    height: 3em !important;

    border-radius: 10px !important;

    padding: 0 15px;

    box-shadow: none !important;

}



@media(min-width: 601px) {

    .menu {

        padding: 40px 60px;

    }



    .menu a img {

        width: 100%;

        margin-right: 20px;

    }



    .menu .perfil {

        top: -5px;

    }



    .menu .perfil img {

        width: 70px;

        height: 70px;

    }



    .menu li {

        flex-direction: row;

    }



    .menu li:before {

        margin-left: 0;

        margin-right: 0px;

    }

}



@media(min-width: 768px) {

    .menu .show {

        display: block !important;

    }



    .menu .hide {

        display: none !important;

    }



    .menu fieldset {

        width: 100% !important;

        padding-right: 90px !important;

        padding-left: 20px !important;

        max-width: 700px;

    }

}





/*-------- Head --------*/



.head {

    padding: 0 20px;

    padding-right: 0;


}



.head .owl-item {

    margin-right: -2px !important;

    border-radius: 10px !important;

}



.head .owl-item img {

    width: calc(100% - 12px) !important;

    border-radius: 10px !important;

}



.head .owl-nav button {

    position: absolute;

    top: calc(50% - 25px);

    width: 50px;

    height: 50px;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#18d7e8", endColorstr="#1a038c", GradientType=1);

    border: none;

    line-height: 50px;

    border-radius: 50%;

    color:#010b38;

    transition: all .5s;

    font-size: 3em;

    display: none;

}



.head .owl-next {

    right: 35px;

    padding-left: 15px;

}



.head .owl-prev {

    left: 35px;

    padding-right: 15px;

}



.head .owl-prev.disabled {

    opacity: 0;

}



.head .owl-next.disabled {

    opacity: 0;

}



.head .owl-dots {

    display: none;

}



.header {

    overflow: inherit !important;

    background: rgb(7, 131, 154);

    background: -moz-linear-gradient(0deg, #001679 0%, rgba(5, 20, 165, 1) 100%);

    background: -webkit-linear-gradient(0deg, #001679 0%, rgba(5, 20, 165, 1) 100%);

    background: linear-gradient(0deg, #001679 0%, rgba(5, 20, 165, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001679", endColorstr="#0514a5", GradientType=1);

}



.header a img {

    padding-left: 40px;

}



.header .button-collapse {

    position: absolute;

    z-index: 1;

    top: 16px;

    left: 20px;

    font-size: 2em;

}



.header h2 {

    margin-top: 35px;

    width: 300px;

    font-size: 2em;

    font-weight: bold;

    color: white;

    position: absolute;

    top: 5px;

    left: calc(50% - 150px + 90px);

    z-index: 1;

    display: none;

}



@media (min-width: 601px) {

    .head {

        padding: 0 60px;

        padding-right: 0;

    }



    .head .owl-item {

        margin-right: -10px !important;

        border-radius: 10px !important;

    }



    .head .owl-item img {

        width: calc(100% - 40px) !important;

        border-radius: 10px !important;

    }



    .head .owl-nav button {

        display: block;

    }



    .header .perfil {

        margin-top: -1em !important;

    }



    .header .button-collapse {

        position: absolute;

        top: 35px;

        left: 40px;

        font-size: 2em;

    }

}





/*-------- Tag --------*/



.tag {

    padding: 20px 20px;

    padding-right: 0;

    /* background-color: rgb(192, 107, 128,.8)!important; */

}



.tag .owl-item {

    margin-right: 0px !important;

    border-radius: 10px !important;

}



.tag .owl-item img {

    width: calc(100% - 10px) !important;

    border-radius: 10px !important;

}



.tag .owl-nav button {

    position: absolute;

    top: 40px;

    width: 90px;

    height: calc(100% - 80px);

    border: none;

    color: rgba(24, 215, 232, .7);

    transition: all .5s;

    font-size: 5em;

    z-index: 9999;

    display: none;

}



.tag .owl-next {

    right: 0px;

    padding-left: 30px;

    text-align: left;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.tag .owl-prev {

    left: 0px;

    padding-right: 15px;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.tag .owl-prev.disabled {

    opacity: 0;

}



.tag .owl-next.disabled {

    opacity: 0;

}



.tag .owl-dots {

    display: none;

}



@media (min-width: 601px) {

    .tag {

        padding: 40px 60px;

        padding-right: 0;

    }



    .tag .owl-item {

        margin-right: 0px !important;

        border-radius: 10px !important;

    }



    .tag .owl-item img {

        width: calc(100% - 30px) !important;

        border-radius: 10px !important;

    }



    .tag .owl-nav button {

        display: block;

    }

}





/*-------- Video --------*/



.video {

    padding: 20px;


}



.video h2 {

    color: white;

    font-size: 2em;

    font-weight: bold;

}



.video p {

    color: white;

    line-height: 1.25em;

    max-width: 400px;

    text-align: left;

}



.video .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    height: 3em;

    line-height: 3em;

    margin-bottom: 2em;

}



.video img {

    width: 100%;

    height: auto;

}



.video .col {

    padding: 0 !important;

}



.conteudo .col:nth-of-type(1) {

    padding: 80px 20px !important;

    background: rgb(0, 2, 11);

    background: -moz-linear-gradient(180deg, rgba(0, 2, 11, 1) 0%, #0a2184 100%);

    background: -webkit-linear-gradient(180deg, rgba(0, 2, 11, 1) 0%, #0a2184 100%);

    background: linear-gradient(180deg, rgba(0, 2, 11, 1) 0%, #0a2184 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00020b", endColorstr="#0707b4", GradientType=1);

}



.conteudo .col:nth-of-type(2) {

    padding: 80px 20px !important;

    background-color: #0707b4;

    position: relative;

    max-height: 800px;

    overflow: auto;

}



.conteudo .container {

    width: 100% !important;

    max-width: 900px !important;

}



.conteudo aside.container {

    height: auto !important;

    justify-content: end;

}



.nps {

    margin: 0 auto !important;

    width: 100% !important;

    max-width: 900px !important;

    text-align: center;

    margin-top: 8em !important;

}



.nps h6 {

    color: white;

    font-size: 1.5em;

    font-weight: bold;

}



.nps .flex {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 20px;

    margin-bottom: 0 !important;

}



.nps p {

    display: none;

}



.nps .flex label {

    width: 30px !important;

    height: 30px !important;

    line-height: 27px !important;

    border-radius: 50%;

    border: 2px solid #fff;

    color: white;

    margin: 0 2.5px;

    padding: 0 !important;

    background-color: transparent !important;

}



.nps .flex input {

    display: none !important;

}



.nps label::after,

.nps label::before {

    content: none !important;

}



.nps [type="radio"]:checked+label {

    color: #00fff6 !important;

    border: 2px solid #c9f739;

}



.nps .btn {

    margin-top: 30px !important;

    border-radius: 30px !important;

    height: 2.5em !important;

    line-height: 2.5em !important;

}



.thanks {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: center;

}



.thanks img {

    width: auto;

    height: 200px;

    object-fit: contain;

}



.thanks p {

    margin-left: 20px;

    display: block !important;

    font-size: 1.5em;

    text-align: left;

    color: white;

    line-height: 1.1em;

    max-width: 250px;

}



@media(min-width: 601px) {

    .nps .flex label {

        width: 50px !important;

        height: 50px !important;

        line-height: 47px !important;

        font-size: 1.1em !important;

        margin: 0 5px;

    }



    .nps .flex p {

        color: #ccc;

        margin: 0 5px;

        font-size: 1em;

        display: block;

    }

}



#content {

    height: 100vh;

    overflow: auto;

}



#content::-webkit-scrollbar {

    display: none;

}



#content p {

    color: rgb(219, 218, 218);

    font-size: 1.1em;

    line-height: 1.25em;

}



#content strong {

    color: #c9f739;

}



#content ul {

    padding-left: 40px !important;

}



#content li {

    color: #F4F4F4;

    list-style: disc;

}



.conteudo iframe {

    width: 100%;

    height: auto;

}



#archive p {

    color: rgb(219, 218, 218);

    font-size: 1.25em;

    line-height: 1.25em;

}



#archive svg {

    width: 100%;

    float: left;

    font-size: 6em;

    margin-top: .5em;

    margin-bottom: .5em;

    color: #fff;

}



#archive .fa-file-pdf {

    color: #c4302b;

}



#archive .fa-file-excel {

    color: #0f8f0f;

}



#archive .fa-file-csv {

    color: #23db23;

}



#archive .fa-file-word {

    color: rgb(26, 114, 196);

}



#archive .fa-file-powerpoint {

    color: #ee4a18;

}



#archive a svg {

    width: auto;

    float: none;

    font-size: 1em;

    margin-bottom: 0;

}



.conteudo aside {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 2em;

    flex-wrap: wrap;

}



.conteudo aside.container {

    margin-top: 2em;

}



.conteudo h1 {

    font-size: 1.5em;

    color: white;

    margin-bottom: 10px;

}



.conteudo .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    font-size: 1em;

    height: 3em;

    line-height: 3em;

}



.conteudo a {

    color: white;

    font-size: 1.5em;

}



.conteudo .col:nth-of-type(2)::before {

    content: '';

    width: 100%;

    height: 2px;

    background-color: #3652ca;

    position: absolute;

    top: calc(60px + 150px + 60px);

    left: 0;

}



.conteudo .flex {

    display: flex;

    align-items: center;

    margin-bottom: 100px;

}



.conteudo .flex img {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    object-fit: cover;

    margin-right: 20px !important;

}



.conteudo .ask {

    display: flex;

    align-items: flex-start;

    padding: 40px 0;

}



.conteudo .ask img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

    margin-right: 20px !important;

}



.conteudo .ask h3 {

    font-size: 1.25em;

    color: white;

    margin: 0;

    margin-top: 0px;

}



.conteudo .ask p {

    font-size: 1.25em;

    color: white;

    margin: 10px 0;

    line-height: 1.25em;

    min-height: 30px;

}



.conteudo .ask a {

    font-size: 1em;

}



.conteudo .ask hgroup a:nth-of-type(3) {

    width: 100%;

    float: left;

    font-size: 1em;

    color: #0f8ac3;

}



.conteudo footer {

    background-color: #be6b84;

    padding: 40px;

    text-align: center;

}



.conteudo footer img {

    display: block;

}



.conteudo footer li a {

    font-size: 1em;

    color: white;

    font-weight: bold;

}



.conteudo footer svg {

    color: white;

    margin-right: 5px;

}



.conteudo footer img {

    position: absolute;

    bottom: -100px;

    left: -50px;

    width: auto;

    height: 200px;

}



.conteudo .side-bar {

    position: absolute;

    overflow: hidden;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 300px;

    height: 0;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#14b5e6", GradientType=1);

    transition: all .5s;

}



.conteudo .side-bar.active {

    overflow: auto;

    height: 100%;

    padding-bottom: 20px !important;

}



.conteudo .side-bar .current {

    background-color: #be6b84;

    padding: 20px;

}



.conteudo .side-bar .current h2 {

    font-size: 1em;

    color: white;

    font-weight: bold;

    margin: 0;

}



.conteudo .side-bar .current h2 span {

    width: 100%;

    float: left;

    font-size: .8em;

    font-weight: normal;

}



.conteudo .side-bar .current hgroup {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    margin-top: 10px;

}



.conteudo .side-bar .current hgroup p {

    background-color: #0f8ac3;

    border: 4px solid #0f8ac3;

    border-radius: 5px;

    padding: 0 5px;

    margin: 0;

    margin-right: 10px;

}



.conteudo .side-bar .current .progress {

    background-color: #0f8ac3;

    padding: 4px;

    border: 4px solid #0f8ac3;

    border-radius: 5px;

    margin: 0;

    margin-top: 4px;

}



.conteudo .side-bar .current .determinate {

    background-color: #be6b84;

    border-radius: 5px;

    margin: 0;

}



.conteudo .side-bar::-webkit-scrollbar-track {

    background-color: #F4F4F4;

}



.conteudo .side-bar::-webkit-scrollbar {

    width: 6px;

    background: #F4F4F4;

}



.conteudo .side-bar::-webkit-scrollbar-thumb {

    background: #dad7d7;

}



.conteudo .col:nth-of-type(2)::-webkit-scrollbar {

    display: none;

}



.conteudo .side-bar h4 {

    text-align: center;

    color: white;

    font-size: 1.25em;

    font-weight: bold;

    margin: 0;

    padding: 20px 0;

    border-bottom: 2px solid #b9e05e;

    margin-bottom: 40px;

}



.conteudo .side-bar p {

    color: white;

    line-height: 1.25em;

    margin: 0;

    font-size: .7em !important;

    position: relative;

    top: 1px;

}



.conteudo .side-bar svg {

    color: #c9f739;

    font-size: .8em;

    width: 40px !important;

}



.conteudo .side-bar ul {

    padding-left: 40px !important;

}



.conteudo .side-bar li {

    list-style: decimal-leading-zero !important;

    margin-top: 10px;

    color: white;

}



.conteudo .side-bar li.done {

    color: #53cff5 !important;

    font-weight: bold;

    position: relative;

}



.conteudo .side-bar .fa-check-double {

    position: absolute;

    top: 2px;

    right: 10px;

    font-size: 1em;

}



.conteudo .side-bar li a {

    display: flex;

    align-items: flex-end;

    justify-content: start;

    position: relative;

    top: 2px;

}



.conteudo .side-bar li.done p {

    color: #53cff5 !important;

}



.complete {

    text-align: center;

}



.complete img {

    width: 200px;

    height: auto;

    object-fit: cover;

    margin-bottom: 1em;

}



.complete h1 {

    font-size: 2em;

    color: #fff;

    font-weight: bold;

    margin: 0;

}



.complete .container:not(.nps) p {

    max-width: 700px;

    font-size: 1.25em;

    color: white;

    margin: 0 auto;

    line-height: 1.25em;

    margin-bottom: 2em;

}



.complete strong {

    color: #b9e05e;

}



#video {

    position: relative;

}



#video iframe {

    height: 550px;

}



.controls-video {

    position: absolute;

    background-color: rgba(0, 0, 0, .5);

    z-index: 9999;

    bottom: 6px;

    left: 0;

    width: 100%;

    transition: all .5s;

}



.controls-video .select-wrapper input {

    width: 50px !important;

    height: 20px !important;

    text-align: center !important;

    color: white !important;

    margin: 0 !important;

    box-shadow: none !important;

    border: none !important;

}



.controls-video .dropdown-content.select-dropdown {

    min-width: 70px !important;

    width: 70px !important;

    background-color: rgba(0, 0, 0, .7) !important;

}



.controls-video .dropdown-content.select-dropdown li {

    min-height: auto !important;

    height: auto !important;

    color: #fff !important;

    text-align: center !important;

}



.controls-video .dropdown-content li>a,

.controls-video .dropdown-content li>span {

    color: #fff !important;

    padding: 5px 10px !important;

}



.controls-video select {

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    text-overflow: '';

}



.controls-video .caret {

    display: none !important;

}



#video {

    background-color: #000;

    position: relative;

    margin-bottom: 40px !important;

}



#video .event {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



#video.active {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999999999999999999;

}



#video.active .controls-video {

    bottom: 0;

}



#video.active iframe {

    width: 100%;

    height: 100vh;

}



input[type=range] {

    position: relative;

    top: -10px;

    width: 100%;

    margin: 0 !important;

    background-color: transparent;

    outline: none !important;

    border: none !important;

    border-radius: 0 !important;

    margin-bottom: -20px !important;

}



.controls-video .thumb {

    display: none !important;

}



.controls-video button {

    background-color: transparent !important;

    border: none !important;

    color: white;

}



.controls-video time {

    margin-left: 10px;

    color: white;

}



.controls-video time p {

    margin: 0 5px;

}



.controls-video hgroup,

.controls-video time {

    display: flex;

    align-items: center;

}



.controls-video .controls {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 20px;

    margin-top: -20px !important;

}



.respostas header {

    background-color: #000a34 !important;

    background-image: none !important;

    padding: 40px 20px !important;

    position: relative;

}



.respostas header img {

    position: absolute;

    left: -100px;

    bottom: -150px;

    width: auto;

    height: 300px;

    z-index: 1;

    transform: rotate(30deg);

}



.respostas .container {

    padding: 60px 5%;

}



.respostas .question {

    border: 1px solid #fff;

    border-radius: 30px 30px 0 0;

}



.respostas .question .box {

    background-color: white;

    padding: 40px;

    width: 100%;

    float: left;

}



.question figure {

    display: flex;

    align-items: center;

    padding: 20px 40px;

}



.question figure img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    margin-right: 10px;

}



.question figcaption {

    display: block !important;

}



.question h2 {

    font-size: 1.5em;

    color: white;

    margin: 0;

}



.question figure p {

    color: #b9e05e;

    font-weight: bold;

    margin: 0;

    font-size: 1.1em;

}



.question .box p {

    color: #666;

    font-size: 1.25em;

    line-height: 1.25em;

}



.question textarea {

    border: 2px solid #666 !important;

    height: 200px !important;

    padding: 20px;

    resize: none;

}



.question textarea::placeholder {

    color: #666;

}



.question a,

.answers a {

    color: #001679 !important;

    font-size: 1em !important;

}



.question .btn {

    float: right;

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    margin-top: 1em !important;

}



.question .footer {

    width: 100%;

    float: left;

    padding: 0;

}



.question .footer a,

.question .footer p {

    font-size: 1em;

}



.question .footer svg {

    color: #666;

    font-size: 1em;

}



.answers {

    width: 100%;

    float: left;

    border: 1px solid #fff;

    padding: 40px;

    padding-top: 0px;

    border-radius: 0 0 30px 30px;

    margin-bottom: 60px;

}



.answers .box {

    background-color: white;

    padding: 20px;

    margin-top: 20px;

}



.answers .load figure {

    position: relative;

    margin-bottom: 20px !important;

}



.answers .load figure::before {

    content: '';

    background: rgb(153, 153, 153);

    background: -moz-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#e6e6e6", GradientType=1);

    width: 50px;

    height: 50px;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50%;

}



.answers .load h2 {

    background: rgb(153, 153, 153);

    background: -moz-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#e6e6e6", GradientType=1);

    width: 150px;

    height: 25px;

    margin-top: 5px;

}



.answers .load figure p {

    background: rgb(153, 153, 153);

    background: -moz-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#e6e6e6", GradientType=1);

    width: 150px;

    height: 10px;

}



.answers .load p {

    width: 100%;

    height: 20px;

    margin: 5px 0;

    background: rgb(153, 153, 153);

    background: -moz-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    background: linear-gradient(90deg, rgba(153, 153, 153, 1) 0%, rgba(230, 230, 230, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#e6e6e6", GradientType=1);

}



.answers .load {

    position: relative;

}



.answers .load .action {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-content: center;

    justify-content: center;

    flex-wrap: wrap;

    -webkit-backdrop-filter: blur(2px);

    backdrop-filter: blur(2px);

    background-color: rgba(255, 255, 255, .5);

    width: 100%;

    height: 100%;

    padding: 10px;

}



.answers .action p {

    height: auto;

    background: none;

    text-align: center;

    font-size: 1.1em !important;

}



.answers .action p strong {

    width: 100%;

    float: left;

    color: #00125f;

}



.answers .action .btn {

    color: white !important;

    text-decoration: none;

    border-radius: 30px;

    height: 3em !important;

    line-height: 3em !important;

    font-weight: normal;

    font-size: .9em !important;

}



.answers figure {

    display: flex;

    align-items: center;

}



.answers figure img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin-right: 10px;

}



.answers figcaption {

    display: block !important;

}



.answers h2 {

    font-size: 1.25em;

    color: #000;

    margin: 0;

}



.answers p {

    color: #666;

    font-size: 1.25em;

    line-height: 1.25em;

}



.answers figure p {

    color: #b9e05e;

    font-weight: bold;

    margin: 0;

    font-size: 1em;

}



.answers .center {

    width: 100%;

    float: left;

    margin-top: 20px;

}



.foru .box p {

    word-break: break-word;

}



.answers a {

    text-decoration: underline;

}



@media(max-width: 600px) {

    .respostas header img {

        left: -150px;

    }



    .question figure {

        padding: 20px;

    }



    .respostas .box {

        padding: 20px !important;

    }



    .answers {

        padding: 20px;

        padding-top: 0;

    }

}



@media(min-width: 601px) {

    .video {

        padding: 80px 60px;

    }



    .video h2 {

        font-size: 2.5em;

        max-width: 500px;

    }



    .video p {

        color: white;

        font-size: 1.25em;

        line-height: 1.25em;

    }



    .conteudo footer {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 40px 80px;

    }



    .conteudo footer ul:nth-of-type(1) {

        width: 100%;

        justify-content: flex-start;

        text-align: left;

        position: relative;

    }



    .conteudo footer ul:nth-of-type(2) {

        width: 150%;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

}





/*-------- Perfil --------*/



.edit {

    padding: 5% 10%;

}



.edit h2 {

    font-size: 2em;

    color: white;

}



.edit .box {

    background-color: #96c600;

    border-radius: 10px;

    border-left: 10px solid #fff;

    padding: 40px;

}



.edit label {

    color: white;

    font-weight: bold;

    font-size: 1.25em;

    margin-top: 10px !important;

}



.edit input {

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    background-color: white !important;

    border: 1px solid #c06b80!important;

    border-radius: 10px !important;

    font-weight: normal;

    color: #666;

    font-size: 1em;

    margin: 0 !important;

}



.edit a {

    width: 100%;

    float: left;

    color: white;

    text-decoration: underline;

    padding-left: .75rem;

    margin-top: 10px;

    font-weight: bold;

}



.edit .btn {

    
    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    margin-top: 1em;

}



.edit .dropify-wrapper {

    width: 120px !important;

    height: 120px !important;

    border-radius: 50%;

    margin: 0 auto;

}



.edit .dropify-wrapper img {

    width: 120px !important;

    height: 120px !important;

    border-radius: 50%;

    object-fit: cover;

    offset-position: top;

}



.edit .dropify-wrapper p {

    font-size: .7em !important;

    line-height: 1em !important;

    padding: 10px;

    margin-top: -10px !important;

}



.edit .dropify-clear {

    display: none !important;

}





/*-------- Detalhes de Cobrança --------*/



.charge {

    padding: 5% 10%;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.charge h2 {

    font-size: 2em;

    color: white;

}



.charge h3 {

    font-size: 1.5em;

    color: #c9f739;

}



.charge .box {

    background-color: #C0D9D9;

    border-radius: 10px;

    border-left: 10px solid #fff;

    padding: 40px;

}



.charge h4 {

    font-size: 1em;

    font-weight: bold;

    margin-bottom: 0;

    color: #be6b84;

}



.charge p {

    font-size: 1.25em;

    margin: 0;

}



.charge .btn {

    background-color: #c4302b !important;

    text-transform: none;

    font-weight: bold;

    box-shadow: none !important;

    margin-top: 2em;

    padding: 0 1.5em;

    font-size: .8em;

}



.charge .btn:not(.cancel) {

    background-color: #0f8ac3 !important;

}



.charge table .btn:not(.cancel) {

    background-color: #c4302b !important;

    margin-top: 0;

}



.charge table {

    background-color: #fff !important;

    margin-top: 1em;

}



.charge th {

    background-color: #be6b84;

    border-radius: 0 !important;

    color: #fff;

    border-right: 1px solid #fff;

}



.charge th:last-child {

    border-right: none;

}



.charge td {

    border: 1px solid #be6b84 !important;

}



/*-------- Modal de Troca de Senha --------*/



.modalDays {

    position: fixed !important;

    top: 0;

    left: 0;

    z-index: 99999;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    -webkit-backdrop-filter: blur(2px);

    backdrop-filter: blur(2px);

    background-color: rgba(0, 0, 0, .5);

    height: 0;

    overflow: hidden;

    opacity: 0;

    transition: all 1s;

}



.modalDays.active {

    opacity: 1;

    height: 100%;

    overflow: auto;

    padding: 20px;

}



.modalDays .close {

    z-index: 1;

    position: absolute;

    top: 20px;

    right: 20px;

    color: #888;

    font-size: 1.25em;

}



.modalDays .content {

    position: relative;

    max-width: 500px;

    overflow: auto;

    padding: 60px 40px !important;

    background-color: white;

    border-radius: 10px;

}



.modalDays h2 {

    font-size: .75em;

    text-align: center;

    color: #be6b84;

    font-weight: bold;

    margin-top: 0;

    text-align: center;

}



.modalDays h2 strong {

    width: 100%;

    float: left;

    font-size: 1.25em;

    margin-top: 5px;

}



.modalDays .m4 {

    background-color: #be6b84;

    text-align: center;

}



.modalDays .m4 svg {

    background-color: white;

    width: 50px !important;

    height: 50px;

    padding: 8px;

    border-radius: 5px;

    margin-top: 20px;

}



.modalDays h5 {

    font-size: .9em;

    color: white;

    margin: 0;

}



.modalDays small {

    font-size: .8em;

    width: 100%;

    float: left;

    text-align: center;

    line-height: 1em;

    color: #000;

    margin: 0;

    margin-bottom: 10px !important;

    margin-top: -15px !important;

}



.modalDays h4 {

    color: white;

    font-size: .8em;

    text-align: right;

    line-height: 1.5em;

    width: min-content;

    margin: 20px auto;

    font-weight: bold;

}



.modalDays h4 strong {

    color: #c9f739;

    font-size: 1.75em;

    width: 100%;

    float: left;

    white-space: nowrap;

}



.modalDays p {

    font-size: .6em;

    line-height: 1.25em;

}



.modalDays p strong {

    font-weight: bold !important;

}



.modalDays [type="checkbox"]:not(:checked)+label:before,

.modalDays [type="checkbox"]:not(:checked)+label:after {

    border: 1px solid #999 !important;

}



.modalDays [type="checkbox"]:checked+label:before {

    border-right: 2px solid #be6b84;

    border-bottom: 2px solid #be6b84;

}



.modalDays .m4 {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border: 1px solid #be6b84;

}



.modalDays .m8 {

    padding: 20px !important;

    border: 1px solid #be6b84;

}



.modalDays .m4::before {

    content: '';

    position: absolute;

    bottom: -15px;

    right: calc(50% - 15px);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #be6b84 transparent transparent transparent;

}



.modalDays label {

    color: #be6b84;

    font-size: .9em;

    font-weight: bold;

}



.modalDays input {

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    height: 3em !important;

    border: 1px solid #be6b84 !important;

    border-radius: 5px !important;

    margin-bottom: 5px !important;

    box-shadow: none !important;

    font-size: 1em !important;

    font-weight: none!important;

    color: #be6b84!important;

    background: white !important;

}



.modalDays select {

    height: 3em !important;

    border: 1px solid #be6b84 !important;

    border-radius: 5px !important;

    margin-bottom: 5px !important;

    box-shadow: none !important;

    font-size: 1em !important;

}



.modalDays .btn {

    margin-top: 1em;

    background-color: #be6b84 !important;

    text-transform: none;

    font-weight: bold;

    border-radius: 20px;

    box-shadow: none !important;

}





/*-------- Modal de Troca de Senha --------*/



.modalPass {

    position: fixed !important;

    top: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    -webkit-backdrop-filter: blur(2px);

    backdrop-filter: blur(2px);

    background-color: rgba(0, 0, 0, .5);

    height: 0;

    overflow: hidden;

    opacity: 0;

    transition: all 1s;

}



.modalPass.active {

    opacity: 1;

    height: 100%;

    overflow: auto;

    padding: 20px;

}



.modalPass .close {

    z-index: 1;

    position: absolute;

    top: 20px;

    right: 20px;

    color: #888;

    font-size: 1.25em;

}



.modalPass fieldset {

    position: relative;

    max-width: 500px;

    overflow: auto;

    padding: 60px 40px !important;

    background-color: white;

    border-radius: 10px;

}



.modalPass h2 {

    font-size: 1.5em;

    text-align: center;

    color: #c06b80;

    font-weight: bold;

    margin: 0;

    text-align: center;

}



.modalPass p {

    margin-top: 5px;

    padding: 0 40px;

    font-size: 1em;

    line-height: 1.25em;

    text-align: center;

    text-align: center;

}



.modalPass label {

    margin-top: 10px;

    float: left;

    width: 100%;

    position: relative;

    color: #666;

    font-size: .9em;

}



.modalPass input {

    background-color: #fff !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    color: #232323 !important;

    font-family: Hind Madurai, Arial, sans-serif !important;

    font-size: 1em !important;

    border-radius: 10px !important;

    border: 1px solid #9e9e9e !important;

    margin: 0 !important;

    height: 40px !important;

}



.modalPass input:focus {

    box-shadow: none !important;

}



.modalPass input::placeholder {

    font-family: Hind Madurai, Arial, sans-serif !important;

    color: #9e9e9e;

}



.modalPass .eyes {

    position: absolute;

    bottom: 2px;

    right: 0px;

    background-color: transparent;

    border: 0;

}



.modalPass .eyes svg {

    width: 30px !important;

    height: 30px;

    padding: 2px;

    color: #666;

}



.modalPass .btn {

    background-color: rgba(5, 36, 167, 1) !important;

    box-shadow: none !important;

    font-weight: bold;

    margin-top: 20px;

    width: 100%;

    font-size: 1.1em;

    height: 50px;

    line-height: 50px;

}





/*-------- Listen --------*/



.listen {

    padding: 20px 20px;

    padding-top: 60px;

    background: rgb(0, 5, 36);

    background: -moz-linear-gradient(54deg, rgba(0, 5, 36, 1) 40%, rgba(0, 10, 221, 1) 100%);

    background: -webkit-linear-gradient(54deg, rgba(0, 5, 36, 1) 40%, rgba(0, 10, 221, 1) 100%);

    background: linear-gradient(54deg, rgba(0, 5, 36, 1) 40%, rgba(0, 10, 221, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000524", endColorstr="#000add", GradientType=1);

    position: relative;

}



.listen::after {

    content: '';

    width: 100%;

    height: 100%;

    background-image: url(../images/particulas.png);

    background-size: 100% 500px;

    background-repeat: no-repeat;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: .9;

    transform: rotate(180deg);

}



.listen h2 {

    font-size: 2em;

    font-weight: bold;

    color: #fff;

    max-width: 300px;

    margin: 0 auto;

}



.listen h6 {

    font-size: 1em;

    max-width: 300px;

    margin: 5px auto;

    background-image: linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 36%);

    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.listen .container {

    float: left;

    margin-left: 5%;

    border: 2px solid transparent;

    border-image: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    -webkit-border-image: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    border-image-slice: 1;

    position: relative;

    padding: 10px 0;

    margin-top: 2em;

    margin-bottom: 2em;

}



.listen .container::before {

    content: '';

    width: 2px;

    height: 100%;

    position: absolute;

    top: 0;

    left: calc(50% - 1px);

    background: rgb(5, 36, 167);

    background: -moz-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

    background: linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

}



.listen .container::after {

    content: '';

    width: 16px;

    height: 16px;

    position: absolute;

    top: -25px;

    left: calc(50% - 8px);

    border: 2px solid rgba(9, 216, 229, .7);

    border-radius: 50%;

}



.listen .container h3 {

    margin: 10px auto;

    font-size: 1.5em;

    font-weight: bold;

    width: 180px;

    padding: 10px;

    background: rgb(7, 131, 154);

    background: -moz-linear-gradient(0deg, rgba(7, 131, 154, 1) 0%, rgba(5, 20, 165, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(7, 131, 154, 1) 0%, rgba(5, 20, 165, 1) 100%);

    background: linear-gradient(0deg, rgba(7, 131, 154, 1) 0%, rgba(5, 20, 165, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#07839a", endColorstr="#0514a5", GradientType=1);

    box-shadow: 0 0 20px 2px rgba(102, 185, 255, 0.3);

    border: 2px solid transparent;

    border-image: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    -webkit-border-image: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    border-image-slice: 1;

    color: white;

    position: relative;

    z-index: 1;

}



.listen .m6 {

    position: relative;

}



.listen p {

    font-size: 1.25em;

    font-weight: bold;

    color: white;

    position: relative;

    text-align: left;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    line-height: 1.25em;

    max-width: 250px;

}



.listen .m6:nth-of-type(even) p {

    flex-direction: row-reverse;

    float: right;

}



.listen p::before {

    content: '';

    width: 18px;

    height: 70px;

    background: rgb(7, 131, 154);

    background: -moz-linear-gradient(0deg, rgba(7, 131, 154, 1) 0%, rgba(5, 20, 165, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(7, 131, 154, 1) 0%, rgba(5, 20, 165, 1) 100%);

    background: linear-gradient(0deg, rgba(7, 131, 154, 1) 0%, rgba(5, 20, 165, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#07839a", endColorstr="#0514a5", GradientType=1);

    float: left;

    margin-right: 20px;

    margin-left: 8px;

    border-radius: 5px;

}



@media(min-width: 601px) {

    .listen {

        padding: 80px 60px;

    }



    .listen .container .col {

        min-height: 200px !important;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .listen .container {

        margin-top: 4em;

        width: 70%;

        margin-left: 15%;

    }



    .listen h2 {

        max-width: 350px;

    }



    .listen .container .col:nth-of-type(1) h3 {

        position: absolute;

        left: -90px;

    }



    .listen .container .col:nth-of-type(3) h3 {

        position: absolute;

        right: -90px;

    }

}



@media(min-width: 993px) {

    .listen .container {

        margin-bottom: 0;

    }



    .listen .clearfix {

        margin-bottom: 4em;

    }



    .listen .m6 {

        min-height: 200px !important;

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 0 !important;

    }



    .listen .over {

        width: 100%;

        float: left;

        position: relative;

        overflow: hidden;

        margin-bottom: 6em;

    }



    .listen .m6:nth-of-type(2n+1)::after {

        content: '';

        width: 2px;

        height: 500%;

        position: absolute;

        top: 0;

        right: 0;

        background: rgb(5, 36, 167);

        background: -moz-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        background: -webkit-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        background: linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

        box-shadow: 0 0 20px 2px rgba(102, 185, 255, 0.3);

    }



    .listen .m6:nth-of-type(2n+1)::before {

        content: '';

        width: 50px;

        height: 50px;

        position: absolute;

        top: calc(50% - 25px);

        right: -25px;

        border-radius: 50%;

        background: rgb(5, 36, 167);

        background: -moz-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        background: -webkit-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        background: linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

        z-index: 1;

    }



    .listen p {

        max-width: 100%;

        padding: 0 150px;

        justify-content: center;

    }



    .listen p::after {

        content: '';

        width: 200px;

        height: 2px;

        background: rgb(5, 36, 167);

        background: -moz-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        background: -webkit-linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        background: linear-gradient(0deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

        box-shadow: 0 0 20px 10px rgba(102, 185, 255, 0.3);

    }



    .listen .m6:nth-of-type(even) p {

        padding-left: 0;

        text-align: right;

    }



    .listen .m6:nth-of-type(even) p::after {

        margin-right: 40px;

    }



    .listen .m6:nth-of-type(even) p::before {

        margin: 0;

        margin-left: 20px;

    }



    .listen .m6:nth-of-type(odd) p {

        padding-right: 0;

        text-align: left;

    }



    .listen .m6:nth-of-type(odd) p::after {

        margin-left: 40px;

    }



    .listen .m6:nth-of-type(odd) p::before {

        margin: 0;

        margin-right: 20px;

    }

}





/*-------- Depoimentos --------*/



.depo {

    padding: 20px;

    width: 100%;

    float: left;

}



.depo h2 {

    color: white;

    text-align: center;

    font-size: 2em;

    font-weight: bold;

    margin: 0 auto;

    margin-bottom: 2em;

    max-width: 400px;

}



.depo .item {

    width: 100% !important;

    max-width: 400px;

    display: flex;

    align-items: center;

    position: relative;

    background: rgb(1, 223, 249);

    background: -moz-linear-gradient(300deg, rgba(1, 223, 249, 1) 0%, rgba(8, 8, 115, 1) 100%);

    background: -webkit-linear-gradient(300deg, rgba(1, 223, 249, 1) 0%, rgba(8, 8, 115, 1) 100%);

    background: linear-gradient(300deg, rgba(1, 223, 249, 1) 0%, rgba(8, 8, 115, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#01dff9", endColorstr="#080873", GradientType=1);

    padding: 10px !important;

    border-radius: 20px;

    margin-bottom: 40px !important;

}



.depo .item::after {

    content: '';

    position: absolute;

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    top: 5px;

    left: 5px;

    border-radius: 20px;

    background: rgb(3, 4, 92);

    background: -moz-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    min-width: 300px;

}



.depo img {

    width: 110px;

    height: 110px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    position: absolute;

    left: -10px;

    z-index: 1;

}



.depo .item h3 {

    position: relative;

    z-index: 1;

    font-size: 1.25em;

    font-weight: bold;

    color: white;

    margin: 0;

    padding-left: 120px;

}



.depo .item p {

    position: relative;

    z-index: 1;

    margin: 0;

    font-size: 1em;

    font-weight: bold;

    color: #b9e05e;

    margin: 0;

    padding-left: 120px;

}



.depo hgroup {

    padding: 15px 0;

}



.depo .col:nth-of-type(2) {

    position: relative;

    background: rgb(1, 223, 249);

    background: -moz-linear-gradient(300deg, rgba(1, 223, 249, 1) 0%, rgba(8, 8, 115, 1) 100%);

    background: -webkit-linear-gradient(300deg, rgba(1, 223, 249, 1) 0%, rgba(8, 8, 115, 1) 100%);

    background: linear-gradient(300deg, rgba(1, 223, 249, 1) 0%, rgba(8, 8, 115, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#01dff9", endColorstr="#080873", GradientType=1);

    padding: 70px 50px !important;

    border-radius: 20px;

    margin-bottom: 40px !important;

}



.depo .col:nth-of-type(2)::after {

    content: '';

    position: absolute;

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    top: 5px;

    left: 5px;

    border-radius: 20px;

    background: rgb(3, 4, 92);

    background: -moz-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    min-width: 300px;

}



.depo .stars {

    position: relative;

    z-index: 1;

    color: #b9e05e;

}



.depo .col:nth-of-type(2) h3 {

    position: relative;

    z-index: 1;

    font-size: 1.25em;

    font-weight: bold;

    color: white;

    margin: 0;

}



.depo .fa-quote-left,

.depo .fa-quote-right {

    color: white;

    position: relative;

    z-index: 1;

    font-size: 2em;

    margin-top: 3em;

}



.depo .col:nth-of-type(2) p {

    position: relative;

    z-index: 1;

    color: white;

    margin-top: 1em;

}



.depo .item:nth-of-type(2) {

    opacity: .7;

}



.depo .item:nth-of-type(3) {

    opacity: .4;

}



.depo .item:nth-of-type(4) {

    opacity: .1;

}



@media(min-width: 601px) {

    .depo {

        padding: 60px;

    }



    .depo .owl-carousel {

        padding: 60px 0 !important;

    }

}





/*-------- Promoção --------*/



.promo {

    margin-top: 4em;

    margin-bottom: 6em;

    position: relative;

    overflow: initial !important;

    z-index: 1;

    padding: 20px;

    background: rgb(2, 2, 43);

    background: -moz-linear-gradient(0deg, rgba(2, 2, 43, 1) 0%, rgba(0, 5, 195, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(2, 2, 43, 1) 0%, rgba(0, 5, 195, 1) 100%);

    background: linear-gradient(0deg, rgba(2, 2, 43, 1) 0%, rgba(0, 5, 195, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#02022b", endColorstr="#0005c3", GradientType=1);

}



.promo img {

    width: 100%;

    height: auto;

}



.promo h2 {

    font-size: 2.7em;

    font-weight: bold;

    color: white;

    max-width: 400px;

    margin: 0;

}



.promo p {

    color: white;

    max-width: 300px;

    line-height: 1.25em;

    margin-bottom: 2em;

}



.promo small {

    color: white;

    font-size: 1.25em;

    font-weight: bold;

}



.promo h3 {

    margin: 0;

    color: white;

    font-size: 2em;

    font-weight: bold;

}



.promo strong {

    color: #b9e05e;

}



.promo .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    margin-top: 1em;

}



@media(min-width: 601px) {

    .promo {

        padding: 0 60px;

    }



    .promo .flex {

        display: flex;

        align-items: center;

    }



    .promo img {

        margin-top: -5em;

        height: 700px;

        object-fit: contain;

        margin-bottom: -5em;

    }



    .promo .push-m6 {

        margin-top: 10em !important;

    }



    .promo .pull-m6 {

        text-align: right;

    }



    .promo .pull-m6 h2 {

        max-width: 100%;

        padding-left: 20%;

    }



    .promo .pull-m6 p {

        max-width: 100%;

        padding-left: 50%;

    }

}





/*-------- Curso --------*/



.curso {

    padding: 0 20px;

    padding-right: 0;

    overflow: hidden !important;
}



.curso h2,

.curso h1 {

    color: white;

    position: relative;

    font-size: 2em;

    font-weight: bold;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.curso h2 a {

    color: #fff !important;

}



.curso h2 a:hover {

    text-decoration: underline;

}



.curso .unique {

    padding-right: 60px;

}



.curso .unique a {

    margin-bottom: 40px !important;

}



.curso .unique img {

    width: 100%;

    height: auto;

    margin-bottom: -6px;

}



.curso span {

    float: left;

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.curso span::after {

    content: '';

    width: 30px;

    height: 30px;

    background: rgb(150,198,0);

    background: -moz-linear-gradient(0deg, rgba(150,198,0,1) 0%, rgba(236,255,178,1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(150,198,0,1) 0%, rgba(236,255,178,1) 100%);

    background: linear-gradient(0deg, rgba(150,198,0,1) 0%, rgba(236,255,178,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a1e98", endColorstr="#00d3cc", GradientType=1);

    border-radius: 50%;

    margin-left: 10px;

    float: right;

}



.curso h2::after,

.curso h1::after {

    content: '';

    width: calc(100% - 270px);

    height: 4px;

    background: rgb(150,198,0);

    background: -moz-linear-gradient(0deg, rgba(150,198,0,1) 0%, rgba(236,255,178,1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(150,198,0,1) 0%, rgba(236,255,178,1) 100%);

    background: linear-gradient(0deg, rgba(150,198,0,1) 0%, rgba(236,255,178,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a1e98", endColorstr="#00d3cc", GradientType=1);

}



.curso .owl-stage {

    transition: all .5s;

    padding: 20px 0 !important;

}



.curso .owl-item,

.curso .item {

    margin-right: -10px !important;

    border-radius: 10px !important;

    transition: all .5s;

}



.curso .owl-item img {

    width: calc(100% - 30px) !important;

    border-radius: 5px !important;

    position: relative;

}



.curso .owl-nav button {

    position: absolute;

    top: 20px;

    width: 90px;

    height: calc(100% - 40px);

    border: none;

    color: rgba(24, 215, 232, .7);

    transition: all .5s;

    font-size: 5em;

    z-index: 9999;

    display: none;

}



.curso .owl-next {

    right: 0px;

    padding-left: 30px;

    text-align: left;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.curso .owl-prev {

    left: -60px;

    padding-right: 15px;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.curso .owl-prev.disabled {

    opacity: 0;

}



.curso .owl-next.disabled {

    opacity: 0;

}



.curso .owl-dots {

    display: none;

}



.curso h3 {

    padding: 0 20px;

    font-size: 1.25em;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    color: white;

    margin-bottom: -3.5em;

    opacity: 0;

    transition: all .5s;

}



.curso .owl-item svg,

.curso .item svg {

    width: 40px;

    height: 40px;

    background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#18d7e8", endColorstr="#1a038c", GradientType=1);

    border: none;

    line-height: 40px;

    border-radius: 50%;

    color:#010b38;

    transition: all .5s;

    font-size: 1em;

    padding: 12px;

    margin-right: 20px;

}



.curso p {

    color: white;

    line-height: 1.25em;

    font-size: .9em;

    padding-right: 20px;

    margin-bottom: 5px;

    transition: all .5s;

    position: relative;

}



.curso cite {

    color: #b9e05e;

    font-weight: bold;

    font-size: .8em;

    transition: all .5s;

}



.curso .owl-item:hover,

.curso .unique .item:hover {

    position: relative;

    padding-bottom: 0em !important;

    transform: scale(1.05);

    z-index: 9999999;

}



.curso .unique .item:hover {

    margin-left: -15px !important;

}



.curso h3::before {

    content: '';

    width: 60%;

    position: absolute;

    top: -4px;

    height: 4px;

    background-color: #b9e05e;

    left: 20%;

}



.curso .unique .item:hover div {

    width: calc(100% - 23px);

    height: auto;

    float: left;

    position: absolute;

    background-color: #c06b80;

}



.curso .owl-item:hover h3,

.curso .unique .item:hover h3 {

    opacity: 1;

    margin: 0;

    padding: 20px;

    width: calc(100% - 30px);

    background-color: #c06b80;

    margin-top: -5px;

    position: relative;

}



.curso .owl-item:hover p,

.curso .unique .item:hover p {

    padding: 0 20px;

    width: calc(100% - 30px);

    background-color: #c06b80;

    margin: 0;

    margin-top: -5px;

}



.curso .owl-item:hover cite,

.curso .unique .item:hover cite {

    padding: 20px;

    width: calc(100% - 30px);

    float: left;

    background-color: #c06b80;

    margin: 0;

    margin-top: -5px;

}



.curso .unique .item:hover h3,

.curso .unique .item:hover p,

.curso .unique .item:hover cite {

    width: 100%;

}



.curso .owl-stage-outer,

.tag .owl-stage-outer,

.recomend .owl-stage-outer,

.breve .owl-stage-outer {

    overflow: initial !important;

}



@media (min-width: 601px) {

    .recomend .owl-stage-outer {

        overflow: hidden !important;

    }



    .curso {

        padding: 0 60px;

        padding-right: 0;

    }



    .curso .owl-nav button {

        display: block;

    }



    .curso .owl-item {

        margin-right: 0px !important;

    }



    .curso h2::after {

        width: calc(100% - 250px);

    }

}





/*-------- Curso --------*/



.head-course {

    background-color: #be6b84;

    padding: 20px 5%;

}



.head-course #video:not(.active) iframe {

    height: 300px !important;

    width: 100% !important;

}



.head-course p {

    color: #ccc;

    font-size: 1em;

    max-width: 500px;

    line-height: 1.25em;

}



.head-course ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.head-course li {

    font-size: 1em;

    color: white;

}



.head-course li a {

    color: white;

    text-decoration: underline;

}



.head-course li:nth-of-type(2) {

    font-weight: bold;

}



.head-course .fa-angle-right {

    color: white;

    margin: 0 5px;

    font-size: 1em;

}



.head-course h1 {

    font-size: 3em;

    color: white;

    font-weight: bold;

    max-width: 700px;

    margin-top: 1em;

}

.head-course h2 {
    font-size: 1.25em;
    color: white;
    font-weight: bold;
    max-width: 700px;
    margin: 0;
}

.head-course .value {
    font-size: 2.5em;
    color: #b9e05e;
    font-weight: bold;
    max-width: 700px;
    margin: 0;
}

.head-course .promotion {
    font-size: .9em;
    font-style: italic;
    text-decoration: line-through;
    color: #232323;
    max-width: 700px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: -5px;
}

.head-course small{
    width: 100%;
    float: left;
    color: #fff;
    margin-bottom: 10px;
}



.head-course h1 span {

    font-size: .5em;

    font-weight: normal;

    width: 100%;

    float: left;

}



.head-course .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    margin-bottom: 3em;

    line-height: 3em;

    height: 3em;

}



.head-course .btn svg {

    margin-right: 5px;

}



.content {

    padding: 60px 5%;

}



.content .m8 h1,

.content .m8 h2 {

    font-size: 1.75em;

    color: white;

}



.content .m8 h3,

.content .m8 h4 {

    font-size: 1.5em;

    color: white;

}



.content .m8 p {

    color: white;

    line-height: 1.25em;

    font-size: 1em;

}



.content .m8 ul {

    padding-left: 40px !important;

}



.content .m8 li {

    list-style: disc;

    color: #ccc;

}



.content .m4 h2 {

    font-size: 1.5em;

    font-weight: bold;

    color: #fff;

}



.content .m4 figure {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.content .m4 img {

    width: 100px;

    height: 100px;

    object-fit: cover;

    border-radius: 50%;

    margin-right: 20px;

}



.content .m4 figcaption {

    display: block !important;

    color: #b9e05e;

    font-size: 1.25em;

    font-weight: bold;

}



.content .m4 figcaption p {

    margin: 0;

}



.content .m4 figcaption p:nth-of-type(2) {

    color: white;

    font-size: .9em;

    font-weight: normal;

}





/*-------- Curso --------*/



.recomend {

    padding: 20px 20px;

    padding-top: 0;

    padding-right: 0;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.recomend .col {

    padding: 0 !important;

}



.recomend h2 {

    color: white;

    position: relative;

    font-size: 2em;

    font-weight: bold;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.recomend p {

    font-size: 1.15em;

    color: white;

    line-height: 1.25em;

}



.recomend .owl-item {

    margin-right: -10px !important;

    border-radius: 10px !important;

    transition: all .5s;

}



.recomend .owl-item img {

    width: calc(100% - 30px) !important;

    border-radius: 5px !important;

    position: relative;

}



.recomend .owl-nav button {

    position: absolute;

    top: 0px;

    width: 90px;

    height: calc(100% - 0px);

    border: none;

    color: rgba(24, 215, 232, .7);

    transition: all .5s;

    font-size: 5em;

    z-index: 9999;

    display: none;

}



.recomend .owl-next {

    right: 0px;

    padding-left: 30px;

    text-align: left;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.recomend .owl-prev {

    left: 0px;

    padding-right: 15px;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.recomend .owl-prev.disabled {

    opacity: 0;

}



.recomend .owl-next.disabled {

    opacity: 0;

}



.recomend .owl-dots {

    display: none;

}



.recomend .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    margin-bottom: 2em;

}



@media (min-width: 601px) {

    .recomend {

        padding: 60px 60px;

        padding-right: 0;

    }



    .recomend .owl-nav button {

        display: block;

    }



    .recomend .owl-item {

        margin-right: 0px !important;

    }

}





/*-------- Recentes --------*/



.recentes {

    padding: 20px 20px;

    padding-right: 0;

    position: relative;

}



.recentes h2 {

    color: white;

    position: relative;

    font-size: 2em;

    font-weight: bold;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.recentes p {

    font-size: 1.15em;

    color: white;

    line-height: 1.25em;

}



.recentes .owl-item {

    margin-right: -10px !important;

    border-radius: 10px !important;

    transition: all .5s;

}



.recentes .owl-item img {

    width: calc(100% - 10px) !important;

    border-radius: 5px !important;

    position: relative;

}



.recentes .owl-nav button {

    position: absolute;

    top: 0px;

    width: 50px;

    height: calc(100% - 40px);

    border: none;

    color: rgba(24, 215, 232, .7);

    transition: all .5s;

    font-size: 3em;

    z-index: 9999;

    display: none;

}



.recentes .owl-next {

    right: 0px;

    padding-left: 30px;

    text-align: left;

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.recentes .owl-prev {

    left: 0px;

    padding-right: 15px;

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.recentes .owl-prev.disabled {

    opacity: 0;

}



.recentes .owl-next.disabled {

    opacity: 0;

}



.recentes .owl-dots {

    display: none;

}



.recentes .btn,

.lead .btn {

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    height: 3em;

    line-height: 3em;

}



.recentes h3 {

    padding: 0 20px;

    font-size: .7em;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    color: white;

    margin-bottom: -3.5em;

    opacity: 0;

    transition: all .5s;

}



.recentes .owl-item svg {

    width: 20px;

    height: 20px;

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#18d7e8", endColorstr="#1a038c", GradientType=1);

    border: none;

    line-height: 20px;

    border-radius: 50%;

    color:#010b38;

    transition: all .5s;

    font-size: 1em;

    padding: 6px;

    margin-right: 20px;

}



.recentes p {

    color: white;

    line-height: 1em;

    font-size: .7em;

    padding-right: 20px;

    margin-bottom: 5px;

    transition: all .5s;

    position: relative;

    opacity: 0;

    margin-bottom: -3.5em;

    text-align: left;

}



.recentes cite {

    color: #b9e05e;

    font-weight: bold;

    font-size: .5em;

    transition: all .5s;

    opacity: 0;

    margin-bottom: -3.5em;

    text-align: left;

}



.recentes .owl-item:hover {

    position: relative;

    padding-bottom: 0em !important;

    overflow: hidden;

    transform: scale(1.05);

    z-index: 9999999;

}



.recentes h3::before {

    content: '';

    width: 60%;

    position: absolute;

    top: -4px;

    height: 4px;

    background-color: #b9e05e;

    left: 20%;

}



.recentes .owl-item:hover h3 {

    opacity: 1;

    margin: 0;

    padding: 20px;

    width: calc(100% - 10px);

    background-color: #c06b80;

    margin-top: -5px;

    position: relative;

}



.recentes .owl-item:hover p {

    padding: 0 20px;

    width: calc(100% - 10px);

    background-color: #c06b80;

    margin: 0;

    margin-top: -5px;

    opacity: 1;

}



.recentes .owl-item:hover cite {

    padding: 20px;

    width: calc(100% - 10px);

    float: left;

    background-color: #c06b80;

    margin: 0;

    margin-top: -5px;

    opacity: 1;

}



.recentes .col {

    margin-top: 6em;

}



#recentes h2 {

    display: block !important;

    font-size: 1.25em !important;

}



#recentes .owl-dots {

    display: none !important;

}



.forum .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    height: 3em;

    line-height: 3em;

}



.forum {

    padding: 40px !important;

    margin-top: 3em;

    margin-bottom: 2em;

}



#recentes .item {

    display: flex;

    align-items: center;

}



#recentes h2 {

    top: 0;

    position: relative;

    margin: 0 auto;

    margin-top: 10px;

    max-width: 120px;

    font-size: .9em !important;

}



#recentes h3 {

    font-size: 2em;

    font-weight: bold;

    margin-top: 0;

}



#recentes h4 {

    font-size: 1.5em !important;

    font-weight: bold;

}



#recentes figure {

    margin: 0 !important;

    margin-right: 20px !important;

    text-align: center;

}



#recentes img {

    width: 90px !important;

    height: 90px !important;

    border-radius: 50% !important;

    margin: 0 auto !important;

}



.videos,

.resume,

.loja,

.lead,

.forum {

    width: calc(100% - 40px) !important;

    margin-left: 10px !important;

    margin-right: 10px !important;

}



@media (min-width: 601px) {

    .recentes {

        padding: 40px 40px;

        padding-right: 0;

    }



    .recentes h2::after {

        width: calc(100% - 250px);

    }



    .recentes .owl-nav button {

        display: block;

    }



    .recentes .owl-item {

        margin-right: 0px !important;

    }

}



.videos {

    position: relative;

    padding: 20px !important;

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 5px;

}



.videos::after {

    content: '';

    width: calc(100% - 8px);

    height: calc(100% - 8px);

    top: 4px;

    left: 4px;

    background: white;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    position: absolute;

    border-radius: 5px;

}



.videos::before {

    content: '';

    position: absolute;

    width: 60px;

    height: 60px;

    right: -30px;

    top: -30px;

    background: rgb(136,194,26);
    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);
    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 50%;

    z-index: 1;

}



.videos h2 {

    position: absolute;

    top: -2.5em;

    left: 0;

    font-size: 1.5em;

    color: white;

}



.videos .owl-item {

    margin: 0 !important;

    margin-right: 10px !important;

}



.videos .owl-carousel {

    padding-bottom: 20px !important;

}



.videos .owl-item img,

.videos .owl-item h3,

.videos .owl-item p,

.videos .owl-item cite {

    width: 100% !important;

}



.resume h2 {

    position: absolute;

    top: -2.5em;

    left: 0;

    font-size: 1.5em;

    color: white;

}



.resume {

    position: relative;

    padding: 20px !important;

    background: rgb(5, 36, 167);

    background: -moz-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 5px;

}



.resume::after {

    content: '';

    width: calc(100% - 8px);

    height: calc(100% - 8px);

    top: 4px;

    left: 4px;

    background: rgb(3, 4, 92);

    background: -moz-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    background-image: url(../images/stream.png);

    background-size: cover;

    background-position: left;

    position: absolute;

    border-radius: 5px;

    filter: brightness(50%);

}



.resume::before {

    content: '';

    position: absolute;

    width: 50px;

    height: 50px;

    right: 40px;

    bottom: -25px;

    background: rgb(5, 36, 167);

    background: -moz-linear-gradient(180deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

    background: -webkit-linear-gradient(180deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

    background: linear-gradient(180deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 50%;

    z-index: 1;

}



.resume h4 {

    margin-top: 0;

    color: white;

    margin-bottom: 0;

    position: relative;

    z-index: 1;

    background-image: linear-gradient(28deg, rgba(0, 228, 255, 1) 0%, rgba(44, 223, 255, 1) 100%);

    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: bold;

    text-shadow: 0 0 10px rgba(0, 228, 255, 1);

}



.resume p {

    position: relative;

    z-index: 1;

    color: white;

    opacity: 1;

    margin-bottom: 20px;

    font-size: 1em;

    text-align: center;

}



.loja {

    position: relative;

    padding: 20px !important;

    background: rgb(5, 36, 167);

    background: -moz-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 5px;

}



.loja::after {

    content: '';

    width: calc(100% - 8px);

    height: calc(100% - 8px);

    top: 4px;

    left: 4px;

    background: rgb(3, 4, 92);

    background: -moz-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    position: absolute;

    border-radius: 5px;

}



.loja h2 {

    position: absolute;

    top: -2.5em;

    left: 0;

    font-size: 1.5em;

    color: white;

}



.loja .tabs {

    position: absolute;

    top: -1.5em;

    right: 0;

    background-color: transparent !important;

    height: auto !important;

    text-align: right;

    display: flex;

    align-items: center;

    justify-content: end;

    margin: 0 !important;

}



.loja .tab {

    flex-grow: initial !important;

}



.loja .tab a {

    width: 30px !important;

    height: 10px !important;

    background-color: #b9e05e;

    padding: 0 !important;

}



.loja .tab .active {

    background-color: #060698 !important;

}



.loja .indicator {

    display: none;

}



.loja img {

    width: 70px;

    height: 70px;

    object-fit: contain;

    position: relative;

    z-index: 1;

    border: 4px solid transparent;

    border-image: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    -webkit-border-image: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    border-image-slice: 1;

    margin-bottom: -15px;

    margin-top: -15px;

    padding: 5px;

    background-color: white;

}



.loja li {

    position: relative;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 20px;

}



.loja figure {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

    background: rgb(1, 1, 60);

    background: -moz-linear-gradient(0deg, rgba(1, 1, 60, 1) 0%, rgba(2, 2, 91, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(1, 1, 60, 1) 0%, rgba(2, 2, 91, 1) 100%);

    background: linear-gradient(0deg, rgba(1, 1, 60, 1) 0%, rgba(2, 2, 91, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#01013c", endColorstr="#02025b", GradientType=1);

    padding: 10px;

    padding-right: 0;

    border-radius: 5px;

    position: relative;

}



.loja figure div {

    position: absolute;

    top: -14px;

    right: -14px;

    background-color: #be6b84;

    color: rgba(9, 216, 229, 1);

    width: 30px;

    height: 30px;

    line-height: 30px;

    z-index: 1;

    font-weight: bold;

    font-size: .9em;

    border-radius: 50%;

}



.loja .col {

    margin-top: 0;

    padding: 0 !important;

}



.loja p {

    opacity: 1;

}



.loja strong {

    color: #c9f739;

}



.loja aside {

    min-width: 110px;

    width: 100%;

    float: right;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 10px;

}



.loja h5 {

    color: #c9f739;

    font-size: 1em;

}



.loja ul .btn {

    padding: 0 1em;

    height: 30px;

    line-height: 30px;

}



.lead {

    position: relative;

    padding: 20px !important;

    background: rgb(5, 36, 167);

    background: -moz-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 5px;

    margin-top: 2em !important;

}



.lead::after {

    content: '';

    width: calc(100% - 8px);

    height: calc(100% - 8px);

    top: 4px;

    left: 4px;

    background: rgb(3, 4, 92);

    background: -moz-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    position: absolute;

    border-radius: 5px;

}



.lead h2 {

    position: absolute;

    top: -2.5em;

    left: 0;

    font-size: 1.5em;

    color: white;

}



.lead .tabs {

    position: absolute;

    top: -2em;

    right: 0;

    background-color: transparent !important;

    height: auto !important;

    text-align: right;

}



.lead .tab a {

    width: 50px !important;

    height: 10px !important;

    background-color: #b9e05e;

    padding: 0 !important;

}



.lead cite {

    width: 100%;

    float: left;

    font-size: 1em;

    color: white;

}



.lead hgroup {

    padding-bottom: 20px !important;

}



.lead p {

    width: 100%;

    float: left;

    font-size: 1em;

    color: white;

}



.lead .tab .active {

    background-color: #c06b80;

}



.lead .indicator {

    display: none;

}



.lead img {

    width: 70px;

    height: 70px;

    object-fit: cover;

    position: relative;

    z-index: 1;

    border: 4px solid transparent;

    border-image: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    -webkit-border-image: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    border-image-slice: 1;

    margin-bottom: -15px;

    margin-top: -15px;

}



.lead li {

    position: relative;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

    margin-top: 20px;

}



.lead li::before {

    content: '';

    width: 30px;

    height: 30px;

    background: rgb(10, 30, 152);

    background: -moz-linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    background: linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a1e98", endColorstr="#00d3cc", GradientType=1);

    border-radius: 50%;

    position: absolute;

    bottom: -14px;

    right: 0;

    z-index: 1;

}



.lead li::after {

    content: '';

    width: 100%;

    height: 4px;

    position: absolute;

    bottom: 0;

    left: 0;

    border-radius: 0;

    background: rgb(10, 30, 152);

    background: -moz-linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    background: linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a1e98", endColorstr="#00d3cc", GradientType=1);

}



.lead svg {

    text-align: left;

    color: #c9f739;

}



.lead p {

    text-align: left;

    opacity: 1;

    margin: 0;

}



.lead h5 {

    text-align: left;

    color: #c9f739;

    font-size: 1.25em;

    margin: .3em 0;

}



.lead hgroup {

    text-align: left;

    max-width: 300px;

    margin-bottom: 0;

}



.lead .fa-whatsapp {

    font-size: 2em;

}



.conteudo .duvided {

    margin-right: 20px;

    background: #0f8ac3 !important;

}



.conteudo .tags {

    padding: 40px 10%;

    width: 100%;

    float: left;

    background-color:#be6b84;

    margin-bottom: 4em !important;

}



.conteudo .tags li.first {

    border: 1px solid #c9f739;

    border-left: 10px solid #c9f739;

    padding: 30px 20px;

    border-radius: 10px;

    margin-top: 20px;

    position: relative;

    width: 100%;

    float: left;

    padding-right: 100px;

}



.conteudo .tags ul {

    width: 100%;

    float: left;

}



.conteudo .tags ul ul {

    width: 100%;

    float: left;

}



.conteudo .tags ul ul li {

    margin-top: 10px;

    float: left;

    margin-right: 10px;

}



.conteudo .tags ul ul li a {

    border: 1px solid #fff;

    font-size: .8em;

    border-radius: 20px;

    padding: 5px 10px;

    transition: all .5s;

}



.conteudo .tags ul ul li a:hover {

    background-color: #fff;

    color:#010b38;

    font-weight: bold;

}



.conteudo .tags h2 {

    font-size: 1em !important;

    font-weight: bold;

    margin: 0;

}



.conteudo .tags h2 a {

    color: #00fff6 !important;

}



.conteudo .tags aside {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 100px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0 !important;

    flex-wrap: inherit;

    border-left: 1px solid #c9f739;

}



.conteudo .tags aside a {

    font-size: 1.5em;

    line-height: 1em;

}



.conteudo .tags aside a strong {

    width: 100%;

    float: left;

    font-size: .7em;

}



.foru {

    padding: 0 40px;

    width: 100%;

    float: left;

}



.foru fieldset {

    margin-bottom: 3em !important;

}



.foru fieldset h3 {

    color: white;

    margin: 0;

}



.foru fieldset input {

    margin: 0 !important;

}



.foru fieldset div {

    border: 1px solid #e4ff8d !important;

    padding: 20px;

    background-color: #c06b80 !important;

    border-radius: 5px;

}



.foru .query input,

.foru .query form {

    width: 100% !important;

}



.foru .query input {

    width: calc(100% - 1.2em) !important;

}



.foru .box {

    width: 100%;

    float: left;

    margin-top: 0 !important;

}



.foru .box h4 {

    font-size: 1.5em;

    margin: 0 !important;

    margin-bottom: 20px !important;

    color: #be6b84 !important;

    font-weight: bold;

    margin-top: -1em !important;

}



.foru select {

    background-color: transparent !important;

    border: 1px solid #e4ff8d !important;

    border-radius: 5px !important;

    color: white !important;

    background-color: #96c600 !important;

}



.foru form {

    position: relative;

}



.foru input {

    width: 100% !important;

    height: 3em !important;

    background-color: transparent !important;

    border: 1px solid #e4ff8d !important;

    border-radius: 5px !important;

    color: white !important;

    padding-left: 1em !important;

    margin-top: 10px;

    background-color: #96c600!important;

}



.foru input::placeholder {

    color: white;

}



.foru form svg {

    position: absolute;

    top: 0px;

    right: 10px;

    color: #fff;

    height: 4.5em;

    width: 50px;

    line-height: 4.5em;

}



.foru fieldset hgroup {

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

}



.foru fieldset hgroup .btn {

    float: right;

    padding: 0 1em;

    min-width: 150px;

}



@media (min-width: 601px) {

    .foru fieldset div {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }



    .foru select,

    .foru input {

        width: 200px !important;

    }



    .foru input {

        margin-top: 0;

    }



    .foru form svg {

        height: 3em;

    }

}



.question #tags {

    display: flex;

    align-items: center;

    justify-content: start;

    flex-wrap: wrap;

    margin-top: 0 !important;

}



.question #tags li {

    border-left: 4px solid #be6b84;

    padding-left: 8px;

    border-radius: 5px;

    margin-right: 10px;

}



.question #tags li a {

    color: #000 !important;

}



.question.create input {

    padding-left: 1em !important;

    width: calc(100% - 1.2em) !important;

    border: 1px solid #ccc !important;

    color: #666 !important;

    box-shadow: none !important;

}



.question.create input::placeholder {

    color: #999;

}



.question.create .btn {

    margin-top: 2em !important;

}



.forum {

    position: relative;

    padding: 20px !important;

    background: rgb(5, 36, 167);

    background: -moz-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    background: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0524a7", endColorstr="#09d8e5", GradientType=1);

    border-radius: 5px;

}



.forum::after {

    content: '';

    width: calc(100% - 8px);

    height: calc(100% - 8px);

    top: 4px;

    left: 4px;

    background: rgb(3, 4, 92);

    background: -moz-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    background: linear-gradient(0deg, rgba(3, 4, 92, 1) 0%, rgba(0, 0, 50, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03045c", endColorstr="#000032", GradientType=1);

    background-image: url(../images/forum.png);

    background-size: cover;

    background-position: bottom;

    position: absolute;

    border-radius: 5px;

}



.forum h2 {

    position: absolute;

    top: -2.5em;

    left: 0;

    font-size: 1.5em;

    color: white;

}



.forum .tabs {

    background-color: transparent !important;

    height: 40px !important;

    text-align: left;

    margin-bottom: 20px;

}



.forum ul {

    position: relative;

    z-index: 1;

}



.forum .tab {

    height: 10px !important;

}



.forum .tab a {

    width: auto !important;

    height: 40px !important;

    line-height: 35px !important;

    border: 2px solid transparent;

    border-image: linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    -webkit-border-image: -webkit-linear-gradient(162deg, rgba(5, 36, 167, 1) 0%, rgba(9, 216, 229, 1) 55%);

    border-image-slice: 1;

    padding: 0 1em !important;

    color: white !important;

    text-transform: none !important;

    border-radius: 5px;

    margin-right: 10px;

}



.forum .tab .active {

    background-color: #c06b80;

}



.forum .indicator {

    display: none;

}



.forum .col {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    text-align: center;

    background: rgb(2, 252, 243);

    background: -moz-linear-gradient(0deg, rgba(2, 252, 243, 1) 0%, rgba(9, 216, 229, 1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(2, 252, 243, 1) 0%, rgba(9, 216, 229, 1) 100%);

    background: linear-gradient(0deg, rgba(2, 252, 243, 1) 0%, rgba(9, 216, 229, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#02fcf3", endColorstr="#09d8e5", GradientType=1);

    margin-top: 0 !important;

    padding: 20px !important;

}



.forum img {

    width: 90px;

    height: 90px;

    object-fit: cover;

    border-radius: 50%;

}



.forum h5 {

    text-align: left;

    font-size: .8em;

    color:#010b38;

    font-weight: bold;

    margin-bottom: 2px;

}



.forum p {

    opacity: 1;

    margin-bottom: 5px;

    font-size: .9em !important;

    color: #000;

    margin-top: 0;

}



.forum ul ul {

    display: flex;

    align-items: center;

}



.forum svg {

    color: #be6b84;

}



.forum ul ul a {

    color: #060698 !important;

    margin-right: 10px;

    margin-top: 10px;

    font-weight: bold;

}



.forum figure {

    text-align: center !important;

    min-width: 150px;

    margin: 0 auto !important;

}



.forum figcaption {

    display: block !important;

    font-weight: bold !important;

    color:#010b38;

}

.conteudo header::before {

    background-size: cover;

    background-position: center;

    text-align: center;

    padding: 150px 40px;
    
}

.conteudo header {

    background-image: url(../images/orcamento.png);

    background-size: cover;

    background-position: center;

    text-align: center;

    padding: 150px 40px;

    /* opacity: .3; */
}



.conteudo h1 {

    font-size: 2em !important;

    font-weight: bold;

    margin-bottom: 20px;

    position: relative;

    z-index: 2;

    opacity: 1!important;

}



.conteudo header .btn {

    padding: 0 1.5em;

    background-color: white;

    border-radius: 10px;

    color: #0707b4;

    text-transform: none !important;

    box-shadow: none !important;

    font-size: 1em;

}



.foru {

    background: #96c600
    

}



.foru .container {

    max-width: 700px !important;

    padding: 2em 0;

}



.foru .box {

    background-color: white;

    border-left: 10px solid #ee6e73;

    border-radius: 30px;

    padding: 40px;

    text-align: center;

    margin: 4em 0;

}



.foru img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

}



.foru h2 {

    font-size: 1.5em;

    margin-bottom: 0px;

}



.foru h3 {

    margin: 0;

    color: #ee6e73;

    font-weight: bold;

    font-size: 2em;

    margin-bottom: 30px;

}



.foru time {

    font-weight: bold;

}



.foru p {

    margin: 0;

    line-height: 1.25em;

}



.foru a {

    color: #8b8b8b;

    font-size: 1em;

}



.foru ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.loja .tabs a {

    margin-left: 10px !important;

}



@media (min-width: 601px) {



    .videos,

    .resume,

    .loja,

    .lead,

    .forum {

        width: calc(50% - 60px) !important;

        margin-left: 20px !important;

        margin-right: 20px !important;

        padding: 60px !important;

    }



    .foru .box {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .foru img {

        margin-bottom: -1.5em !important;

    }



    .foru h2 {

        font-size: 1em;

    }



    .foru figure {

        margin-right: 20px !important;

    }



    .foru hgroup {

        text-align: left !important;

    }



    .loja li {

        flex-wrap: nowrap;

    }



    .loja aside {

        display: block;

        width: auto;

        margin-left: 30px;

        text-align: right;

    }



    .forum ul {

        flex-wrap: nowrap !important;

    }

}





/*-------- Breve --------*/



.breve {

    padding: 20px 20px;

    padding-right: 0;

    position: relative;

}



.breve img[src="public/site/images/LogoAtaidesBranco.png"] {

    position: absolute;

    top: 0px;

    left: 0;

    width: auto;

    height: 150px;

    object-fit: contain;

    opacity: .1;

}



.breve h2 {

    color: white;

    position: relative;

    font-size: 2em;

    font-weight: bold;

    margin: 0;

}



.breve p {

    font-size: 1.15em;

    color: white;

    line-height: 1.25em;

    margin: 0;

    margin-bottom: 2em;

}



.breve .owl-item {

    margin-right: -10px !important;

    border-radius: 10px !important;

    transition: all .5s;

}



.breve .owl-item img {

    width: calc(100% - 30px) !important;

    border-radius: 5px !important;

    position: relative;

}



.breve .owl-nav button {

    position: absolute;

    top: 0px;

    width: 90px;

    height: calc(100% - 0px);

    border: none;

    color: rgba(24, 215, 232, .7);

    transition: all .5s;

    font-size: 5em;

    z-index: 9999;

    display: none;

}



.breve .owl-next {

    right: 0px;

    padding-left: 30px;

    text-align: left;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(270deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.breve .owl-prev {

    left: -60px;

    padding-right: 15px;

    background: rgb(6, 6, 152);

    background: -moz-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: -webkit-linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    background: linear-gradient(90deg, rgba(6, 6, 152, 1) 0%, rgba(255, 255, 255, 0) 70%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#060698", endColorstr="#ffffff", GradientType=1);

}



.breve .owl-prev.disabled {

    opacity: 0;

}



.breve .owl-next.disabled {

    opacity: 0;

}



.breve .owl-dots {

    display: none;

}



@media (min-width: 601px) {

    .breve {

        padding: 60px 60px;

        padding-right: 0;

    }



    .breve .owl-nav button {

        display: block;

    }



    .breve .owl-item {

        margin-right: 0px !important;

    }



    .breve img[src="public/site/images/LogoAtaidesBranco.png.png"] {

        top: 20px;

        height: 100px;

    }

}





/*-------- Live --------*/



.live {

    padding: 20px 20px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.live .col {

    padding: 0 !important;

}



.live h2 {

    position: relative;

    font-size: 3em;

    font-weight: bold;

    background-image: linear-gradient(0deg, rgba(10, 30, 152, 1) 0%, rgba(0, 211, 204, 1) 100%);

    color: black;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 0;

}



.live p {

    margin-top: 5px;

    font-size: 1.15em;

    color: white;

    line-height: 1.25em;

    max-width: 250px;

    font-weight: bold;

}



.live .btn {

     background: rgb(192,107,128,1);
    background: -moz-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);
    background: linear-gradient(0deg, rgba(192,107,128,1) 0%, rgba(232,171,186,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    margin-bottom: 2em;

}



.live img {

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center;

}



@media (min-width: 601px) {

    .live {

        padding: 60px 60px;

    }



    .live h2 {

        font-size: 5em;

    }



    .live img {

        height: 400px;

    }

}





/*-------- Footer --------*/



.footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 20px 20px;

    padding-bottom: 20px;

}



.footer ul:nth-of-type(2) li {

    min-width: fit-content;

    font-size: .9em;

}



.footer ul {

    display: flex;

    text-align: center;

    width: 100%;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



.footer a {

    color: white;

    font-weight: bold;

    margin-right: 10px;

}



.footer svg {

    color: white;

    font-size: 1.5em;

}



.footer img {

    display: none;

}



@media(min-width: 993px) {

    .footer {

        flex-wrap: nowrap;

        padding: 60px 60px;

        padding-bottom: 20px;

    }



    .footer ul {

        display: flex;

        width: 100%;

        margin: 0 !important;

        justify-content: initial;

        flex-wrap: nowrap;

    }



    .footer ul:nth-of-type(2) {

        text-align: right;

        justify-content: end;

    }

}





/*-------- Footer Info --------*/



.footer-info {

    padding: 60px;

    margin-top: 6em;

}



.footer-info img {

    width: 90%;

    height: auto;

}



.footer-info p {

    color: white;

}



.footer-info h2 {

    font-size: 1.25em;

    font-weight: bold;

    color: white;

}



.footer-info a {

    color: white;

    display: flex;

    align-items: center;

    margin-top: 10px;

}



.footer-info svg {

    width: 30px !important;

    height: 30px;

    border-radius: 50%;

    line-height: 30px;

    background-color: white;

    color: black;

    padding: 5px;

    margin-right: 10px;

}





/*-------- Progresso --------*/



.progresso {

    padding: 5%;

}



.progresso h3 {

    font-size: 2em;

    color: white;

}



.progresso li {

    background-color: #C0D9D9;

    padding: 40px;

    border-left: 10px solid #fff;

    margin-top: 10px;

    border-radius: 10px;

    transition: all .5s;

}



.progresso li:hover,

.progresso li:first-child {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    flex-direction: row-reverse;

}



.progresso .action {

    display: none;

    transition: all .5s;

    width: 100%;

    float: left;

}



.progresso h4 {

    font-size: 1.5em;

    font-weight: bold;

    margin: 0;

}



.progresso p {

    margin: 0;

}



.progresso .btn {

    background-color: #0a2184 !important;

    box-shadow: none !important;

    text-transform: none;

    padding: 0 1em;

    line-height: 3em;

    height: 3em;

    border-radius: 10px;

    margin-top: 10px;

}



.progresso .barra {

    width: 100%;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    font-size: 1.2em;

    font-weight: bold;

    transition: all .5s;

}



.progresso .progress {

    height: 10px;

    margin-right: 20px;

    border-radius: 20px;

    background-color: #3299CC !important;

    transition: all .5s;

}



.progresso .determinate {

    background-color: #0a2184 !important;

    transition: all .5s;

}



.progresso li:hover .action,

.progresso li:first-child .action {

    display: block;

}



.progresso li:hover .barra,

.progresso li:first-child .barra {

    width: 40%;

    margin-top: 30px;

}



.progresso li:hover .progress,

.progresso li:first-child .progress {

    height: 20px;

}



@media(max-width: 600px) {

    .progresso li {

        display: block !important;

    }



    .progresso .action {

        display: block !important;

        float: none;

    }



    .progresso .barra {

        margin-top: 0 !important;

        width: 100% !important;

    }



    .progresso .progress {

        height: 10px !important;

    }

}





/*-------- Login --------*/



.login {

    /* background: rgb(0, 26, 139);

    background: -moz-linear-gradient(120deg, rgba(0, 26, 139, 1) 0%, rgba(0, 3, 10, 1) 75%);

    background: -webkit-linear-gradient(120deg, rgba(0, 26, 139, 1) 0%, rgba(0, 3, 10, 1) 75%);

    background: linear-gradient(120deg, rgba(0, 26, 139, 1) 0%, rgba(0, 3, 10, 1) 75%); */

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001a8b", endColorstr="#00030a", GradientType=1);

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.login figure {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 100vh !important;

    padding: 40px !important;

}



.login figcaption {

    display: block !important;

    position: relative;

}



.login img[src="public/site/images/login.webp"] {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: right;

    position: absolute;

    top: 0;

    left: 0;

    opacity: .3;

}



.login img[src="public/site/images/LogoAtaidesBranco.png"] {

    width: 100%;

    height: 50px;

    object-fit: contain;

    object-position: left bottom;

}



.login h1 {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    font-weight: bold;

    color: white;

    font-size: 1.25em;

    margin: 0;

}



.login div.col {

    display: flex !important;

    align-content: center;

    align-items: center;

    justify-content: center;

    min-height: 100vh !important;

}



.login form {

    padding: 40px !important;

}



.login h2 {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    font-weight: bold;

    color: white;

    font-size: 1.5em;

    margin: 0;

}



.login strong {

    color: #96c600;

}



.login p {

    font-size: .9em;

    color: white;

    line-height: 1.25em;

    margin-top: 5px;

}



.login label {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    font-weight: bold;

    color: white;

}



.login input {

    border: 1px solid #96c600 !important;

    border-radius: 5px !important;

    margin-bottom: 5px !important;

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    font-weight: normal !important;

    color: white !important;

}



.login input::placeholder {

    color:white!important;

    opacity: .7;

}



.login a {

    float: right;

    font-weight: bold;

    color: white;

    font-size: .8em;

}



.login .center {

    width: 100%;

    float: left;

    margin-top: 20px;

}



.login .btn {

    background: rgb(136,194,26);

    background: -moz-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    background: -webkit-linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    background: linear-gradient(0deg, rgba(136,194,26,1) 0%, rgba(154,217,42,1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3618cf", endColorstr="#7d1875", GradientType=1);

    color: white;

    box-shadow: none !important;

    border-radius: 5px;

    font-weight: bold;

    text-transform: none;

    height: 3em;

    line-height: 3em;

}



.login figcaption .btn {

    float: left;

    margin-top: 10px;

    background: #0a2184 !important;

}



.login small {

    width: 100%;

    float: left;

    color: #ee4a18;

    font-weight: bold;

    font-size: 1em !important;

}



.login #form-2,

.login #form-3,

.login #form-4 {

    display: none;

}



.login #form-3 input {

    letter-spacing: 20px;

    text-align: center;

    font-size: 2em;

    padding-left: 0 !important;

    -moz-appearance: textfield;

}



.login #form-3 input::-webkit-outer-spin-button,

.login #form-3 input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}



@media(min-width: 601px) {

    .login img[src="public/site/images/LogoAtaidesBranco.png"] {

        height: 70px;

    }



    .login h1 {

        font-size: 2em;

        max-width: 500px;

    }



    .login form {

        max-width: 450px;

    }



    .login h2 {

        font-size: 1.75em;

    }



    .login figcaption .btn {

        display: none;

    }

}





/*-------- Politicas --------*/



.politicas {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 40px 5%;

    min-height: 70vh;

}



.politicas h1 {

    font-size: 2em;

    font-weight: bold;

    color: white;

}



.politicas h2 {

    font-size: 1.25em;

    color: white;

    font-weight: bold;

}



.politicas p {

    font-size: 1em;

    line-height: 1.25em;

    color: white;

}



.politicas ul {

    padding-left: 3em !important;

}



.politicas ul li {

    list-style: disc !important;

    color: white;

}





/*-------- Politicas --------*/



.domain {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 40px 10%;

}



.domain hgroup {

    display: flex;

    align-items: center;

    justify-content: end;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.domain h2 {

    font-size: 1.5em;

    color: white;

}



.domain .btn {

    background-color: #c4302b !important;

    text-transform: none;

    font-weight: bold;

    box-shadow: none !important;

    font-size: .8em;

}



.domain .tabs {

    background-color: transparent !important;

}



.domain h4 {

    width: 100%;

    text-align: center;

    color: #be6b84;

    font-weight: bold;

    font-size: 2em;

}



.domain #step-2 svg {

    width: 100%;

    font-size: 4em;

    margin-top: 20px;

}



.domain #step-2 p {

    text-align: center;

    margin: 0;

    font-size: .7em;

    margin-bottom: 20px;

}



.domain #step-2 h5 {

    width: 100%;

    text-align: center;

    color: #be6b84;

    font-weight: bold;

    font-size: 1em;

}



.domain .tabs a {

    background-color: #0f8ac3 !important;

    color: white !important;

    text-transform: none !important;

    transition: all .5s !important;

}



.domain .tabs a.active {

    background-color: #001679 !important;

    color: white !important;

}



.domain .indicator {

    background-color: #0f8ac3 !important;

    transition: all 1s !important;

}



.domain .col {

    padding: 0 !important;

}



.domain .info,

.domain .email,

.domain .product {

    background-color: white;

    width: 100%;

    float: left;

}



.domain img {

    width: 100%;

    height: auto;

    object-fit: contain;

    padding: 0 20px;

}



.domain figcaption {

    display: block !important;

    text-align: center;

    max-width: 600px;

    padding: 20px;

    margin: 0 auto;

}



.domain figcaption h2 {

    font-size: 1.25em;

    color: #be6b84;

    font-weight: bold;

    margin-top: 0;

}



.domain figcaption h3 {

    font-size: .8em;

    font-weight: bold;

}



.domain figcaption p {

    margin: 0;

}



.domain .right {

    text-align: right;

    padding: 0 20px !important;

}



.domain .right a {

    background-color: #be6b84 !important;

    padding: 0 1em !important;

    border-radius: 10px !important;

}



.domain ol {

    padding: 0 20px !important;

    width: 100%;

    float: left;

}



.domain ol li {

    width: 100%;

    float: left;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: nowrap;

    margin-top: 20px;

    border: 1px solid #be6b84;

    padding: 10px 20px;

}



.domain ol a:not(.btn) {

    color: #be6b84;

    font-weight: bold;

    text-decoration: underline;

}



.domain ol .btn {

    padding: 0 1em;

}



.window .steps {

    display: none;

    position: relative;

    z-index: 1;

}



.window .steps.active {

    display: block;

}



.window.product .m4 {

    background-color: #be6b84;

    text-align: center;

}



.window.product .m4 svg {

    background-color: white;

    width: 50px !important;

    height: 50px;

    padding: 8px;

    border-radius: 5px;

    margin-top: 20px;

}



.window.product h4 {

    color: white;

    font-size: .8em;

    text-align: right;

    line-height: 1.5em;

    width: min-content;

    margin: 20px auto;

    font-weight: bold;

}



.window.product h4 strong {

    color: #c9f739;

    font-size: 1.75em;

    width: 100%;

    float: left;

    white-space: nowrap;

}



.window.product p {

    font-size: .6em;

    line-height: 1.25em;

    margin-bottom: 2em;

}



.window.product p strong {

    font-weight: bold !important;

}



.window.product [type="checkbox"]:not(:checked)+label:before,

.window.product [type="checkbox"]:not(:checked)+label:after {

    border: 1px solid #999 !important;

}



.window.product [type="checkbox"]:checked+label:before {

    border-right: 2px solid #be6b84;

    border-bottom: 2px solid #be6b84;

}



.window.product .m4 {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border: 1px solid #be6b84;

}



.window.product .m8 {

    padding: 20px !important;

    border: 1px solid #be6b84;

}



.window.product .m4::before {

    content: '';

    position: absolute;

    bottom: -15px;

    right: calc(50% - 15px);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #be6b84 transparent transparent transparent;

}



.email hgroup .btn:not(.unemail) {

    background-color: white !important;

    color: #000a34;

    border: 1px solid #be6b84;

    margin-right: 10px;

}



.disk {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 20px;

}



.disk .progress {

    height: 20px;

    border-radius: 5px;

    background-color: #ccc;

    margin-top: 0 !important;

}



.disk .determinate {

    background-color: #191D55 !important;

}



.disk p {

    font-size: .9em;

    margin-top: 0 !important;

    color: white;

}



.disk .material-tooltip {

    border-radius: 10px !important;

    padding: 10px 10px !important;

    padding-bottom: 15px !important;

    max-width: 300px;

    line-height: .8em !important;

    height: auto !important;

    min-height: auto !important;

}



@media(min-width: 601px) {

    .window.product .m4 {

        margin-bottom: 0px;

    }



    .window.product .m4::before {

        content: '';

        position: absolute;

        top: calc(50% - 15px);

        right: -15px;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 15px 0 15px 15px;

        border-color: transparent transparent transparent #be6b84;

    }

}



@media(min-width: 993px) {

    .domain img {

        width: 100%;

        height: 300px;

        object-fit: contain;

    }



    .domain figcaption h2 {

        font-size: 2em;

    }



    .domain figcaption h3 {

        font-size: 1.1em;

        font-weight: bold;

    }



    .domain hgroup {

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 0px;

    }



    .email figure,

    .product figure {

        width: 100%;

        float: left;

        display: flex;

        align-items: center;

        padding: 0 20px;

    }



    .email figure h2,

    .email figure p,

    .product figure h2,

    .product figure p {

        text-align: left;

    }

}





/*-------- Modal --------*/



.window {

    background-color: rgba(0, 0, 0, .7);

    position: fixed !important;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    transform: translateY(-100%);

    transition: all .5s;

    padding: 40px;

}



.window.active {

    transform: translate(0);

}



.window fieldset {

    background-color: white !important;

    padding: 30px !important;

    border-radius: 20px !important;

    position: relative;

    overflow: auto;

    position: relative;

    max-width: 500px;

    max-height: 90vh;

    width: 100%;

}



.window .close:not(.btn) {

    position: absolute;

    z-index: 9999;

    top: 25px;

    right: 30px;

    color: #666;

    font-size: 1.5em;

}



.window h2 {

    font-size: 1.5em;

    font-weight: bold;

    color: rgb(54, 24, 207);

    margin-top: 0;

}



.window h3 {

    font-size: 1.1em;

    font-weight: bold;

}



.window label {

    font-size: 1em;

}



.window input {

    margin: 0 !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

}



.window textarea {

    margin: 0 !important;

    background-color: white !important;

    color: #999999 !important;

    padding: 1em !important;

    width: 100% !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

    resize: none;

    height: 8em !important;

    outline: none !important;

    box-shadow: none !important;

}



.window select {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100%) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

}



.window input::placeholder {

    color: #666;

    font-size: 1em !important;

}



.window .btn {

    background-color: #be6b84;

    padding: 0 3em;

    font-size: .8em;

    box-shadow: none;

    font-weight: bold;

    height: 3em;

    line-height: 3em;

    transition: all 1s;

    border-radius: 5px;

}





/*-------- Modal Dominio --------*/



.window.domain h2 {

    text-align: center;

    font-size: 2em;

    font-weight: bold;

    color: #be6b84;

}



.window.domain label {

    font-size: 1em;

    color: #666;

}



.window.domain hgroup,

.window.subdomain hgroup,

.window.email hgroup {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    margin-top: 0 !important;

}



.window.domain input {

    margin: 0 !important;

    border-radius: 5px 0 0 5px !important;

}



.window.domain .btn {

    background-color: #be6b84 !important;

    border-radius: 0;

    height: 2.5em;

    line-height: 2.5em;

    padding: 0 1em;

    margin-top: 0;

    font-size: 1.25em;

}



.window.domain #result {

    text-align: center;

    padding: 40px;

    padding-bottom: 20px;

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

}



.window #result p:nth-of-type(2) {

    font-size: 1em;

    margin: 20px 0;

}



.window #result .btn {

    font-size: 1em !important;

}



.window #result .disabled,

.window .disabled {

    background-color: #888 !important;

    color: white !important;

}



.window [type="checkbox"].filled-in:not(:checked)+label:after {

    border: 1px solid #191D55;

}



.window [type="checkbox"].filled-in:checked+label:after {

    border: 1px solid #191D55;

    background-color: #191D55;

}



.window.domain h3 {

    margin: 0 !important;

    font-size: 2.5em;

    color: #be6b84;

}



.window.domain p {

    text-align: center;

    margin: 0;

}



.window.domain strong {

    color: currentColor !important;

}



.window.domain p.ok {

    color: #52b788;

}



.window.domain p.not {

    color: #d50000;

}



.window.subdomain p {

    background-color: #ccc;

    height: 3em;

    margin: 0;

    line-height: 3em;

    padding: 0 2em;

    border: 1px solid #999;

    color: #be6b84;

}



.window.subdomain .btn,

.window.email .btn {

    background-color: #be6b84 !important;

    margin-top: 2em;

}



.window.email hgroup {

    margin-bottom: 10px;

}



.window.email select {

    background-color: #ccc !important;

    margin: 0 !important;

    color: #666 !important;

}



.window.email .progress {

    background-color: #0f8ac3;

    padding: 4px;

    border: 4px solid #0f8ac3;

    border-radius: 5px;

    margin: 0;

    margin-top: 4px;

    height: 30px;

    position: relative;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.window.email .progress p {

    position: absolute;

    color: white;

    margin: 0;

    font-size: .9em;

}



.window.email small {

    font-size: .9em;

}



.window.email .determinate {

    background-color: #be6b84;

    border-radius: 5px;

    margin: 0;

}





/*-------- Setup --------*/



.setup .steps {

    display: none;

    text-align: center;

}



.setup .steps.active {

    display: block;

}



.setup svg {

    margin-bottom: 30px;

    font-size: 4em;

    color: #be6b84;

}



.setup #step-6 svg,

.setup #step-7 svg {

    width: 150px;

    height: 150px;

    padding: 30px;

    margin-bottom: 0;

}



.setup svg path {

    fill: #be6b84;

}



.setup h2 {

    font-size: 2em !important;

    margin-bottom: 0 !important;

    color: #191D55 !important;

}



.setup p {

    margin: 0;

    color: #999;

}



.setup .progress {

    height: 20px;

    border-radius: 5px;

    background-color: #ccc;

}



.setup .determinate,

.setup .indeterminate {

    background-color: #191D55 !important;

}



.setup h3 {

    font-size: .9em !important;

    margin-bottom: 0 !important;

}



/*-------- Helpdesk --------*/



.checkout .steps #step-3 {

    position: relative;

}



.helpdesk {

    position: absolute !important;

    top: -20px;

    left: -20px;

    z-index: 99999;

    width: calc(100% + 40px);

    height: calc(100% + 40px);

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-backdrop-filter: blur(2px);

    backdrop-filter: blur(2px);

    background-color: rgba(0, 0, 0, .5);

    display: none;

    transition: all 1s;

}



.helpdesk.active {

    display: flex;

}



.helpdesk .content {

    background-color: white;

    border-radius: 20px;

    padding: 20px;

    text-align: center;

    color: #000;

}



.helpdesk .btn-floating {

    width: 50px !important;

    height: 50px !important;

    text-align: center;

    font-size: 1.5em !important;

    background-color: #34af23 !important;

    line-height: 50px;

    box-shadow: none !important;

    width: 200px !important;

    height: auto !important;

    border-radius: 30px !important;

    font-size: 1.1em !important;

    padding: 10px 20px;

    line-height: 20px;

    box-shadow: none !important;

    color: white;

}



.helpdesk h2{

    font-size: 1.25em !important;

    margin-bottom: 0;

}



.helpdesk p{

    font-size: .85em !important;

}



.helpdesk .btn-floating p {

    font-size: .7em !important;

    margin: 0;

    line-height: 1.25em;

    margin-bottom: 0em;

    color: white;

}



.helpdesk .btn-floating strong {

    font-weight: normal !important;

    color: white;

}



.helpdesk .btn-floating svg {

    float: left;

    margin-right: -5px;

    margin-top: 2px;

    margin-left: 10px;

    color: white;

}





/*-------- TIPOGRAFIA --------*/



@font-face {

    font-family: 'Open Sans';

    src: url(../fonts/opensans-regular.ttf);

}



@font-face {

    font-family: 'Open Sans Bold';

    src: url(../fonts/opensans-bold.ttf);

}



.row {

    position: relative;

    overflow: hidden;

}



body {

    
    /* background: rgb(0, 26, 139);

    background: -moz-linear-gradient(-151deg, rgba(0, 26, 139, 1) 0%, rgba(0, 3, 10, 1) 75%);

    background: -webkit-linear-gradient(-151deg, rgba(0, 26, 139, 1) 0%, rgba(0, 3, 10, 1) 75%); */

    /* background: linear-gradient(-151deg, rgba(0, 26, 139, 1) 0%, rgba(0, 3, 10, 1) 75%); */
    background: rgb(192, 107, 128,.8);
    background: -moz-linear-gradient(-151deg, rgba(192, 107, 128, 1) 0%, rgba(0, 3, 10, 1) 75%);
    /* background: -webkit-linear-gradient(-151deg, rgba(192, 107, 128, 1) 0%, rgba(0, 3, 10, 1) 75%); */
    /* background: linear-gradient(-151deg, rgba(192, 107, 128, 1) 0%, rgba(0, 3, 10, 1) 75%); */


    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001a8b", endColorstr="#00030a", GradientType=1);

}



button {

    cursor: pointer !important;

}



.row {

    width: 100%;

    float: left;

    margin-bottom: 0 !important;

}



nav {

    color: #000 !important;

    background-color: transparent !important;

    width: initial !important;

    height: initial !important;

    line-height: initial !important;

    box-shadow: none !important;

}



address {

    font-style: normal;

}



cite {

    font-style: normal;

}



strong {

    font-weight: bold !important;

}



figcaption {

    display: none !important;

}



figure {

    margin: 0 !important;

}



fieldset {

    border: none !important;

    margin: 0 !important;

    padding: 0 !important;

}