@font-face {
    font-family: "MyriadPro";
    src: url("MyriadPro-Regular.eot");
    src: url("MyriadPro-Regular.eot?#iefix") format("embedded-opentype"),
        url("MyriadPro-Regular.woff") format("woff"),
        url("MyriadPro-Regular.ttf") format("truetype"),
        url("MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MyriadPro";
    src: url("MyriadPro-Bold.eot");
    src: url("MyriadPro-Bold.eot?#iefix") format("embedded-opentype"),
        url("MyriadPro-Bold.woff") format("woff"),
        url("MyriadPro-Bold.ttf") format("truetype"),
        url("MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
  }

body {
    font-family: MyriadPro, sans-serif;
    font-size: 20px;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: #fff;
}
/* header {
    border-radius: 52.94118rem;
    border: 1.5px solid #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
} */

header .list-group-item {
    position: relative;
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
}

header .list-group-item a {
    color: #ffffff;
    text-decoration: none;
    border-radius: 5.29412rem;
    background: transparent;
    padding: .75rem 1.5rem;
}

header .list-group-item.ativo a {
    background: #00DE45;
}

section.conteudo.banner {
    background-image: url(../images/banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    color: #ffffff;
}


section.conteudo.banner h2 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 5rem;
}

section.conteudo.banner p {
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
}

.link-audium {
    text-decoration: none;
}

section.conteudo h2 {
    font-size: 4.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 4.15rem;
    letter-spacing: -0.049rem;
}

.bg-audium {
    background-color: #00DE45;
}

.texto-verde {
    color: #00DE45 !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

section.conteudo h3 {
    font-size: 1.55rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.35rem;
    letter-spacing: -0.0155rem;
}

.texto-cinza {
    color: #8A8A8A !important;
}

section.conteudo h2 small {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.35rem;
    letter-spacing: -0.015rem;
}

section.conteudo.melhores h2 {
    font-weight: 100;
}

section.conteudo.melhores h2 strong {
    font-weight: bold;
}

.play-sobre-imagem {
    position: absolute;
    left: 15px;
    top: 15px;
}

section.conteudo.ouvir h2 span {
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 3rem;
    letter-spacing: -0.078rem;
}

section.conteudo.conheca h3 {
    font-size: 1.95rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.0195rem;
}

section.conteudo.experimente {
    background-image: url(../images/banner-02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

section.conteudo.experimente h2 {
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.3rem;
    letter-spacing: -0.108rem;
}

.form-header {
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 4px 4px 25px 0px rgba(194, 186, 186, 0.25);
    position: relative;
    bottom: -100px;
}

input[type="submit"], .btn-agende {
    /*  background: #e19148;*/
    background: linear-gradient(90deg, #00DE45 0.77%, #00DE45 99.36%);
    border: none;
    padding: 20px;
    width: 100%;
    white-space: initial;
    /*font-weight: bold;*/
    font-size: 21px;
    line-height: 20px;
      color: #ffffff;
}
.btn-agende{
    font-size: 25px;
}


input[type="submit"]:hover,
input[type="submit"]:focus,
.btn-agende:hover,
.btn-agende:focus{
    /*background: linear-gradient(90deg, #FFED02 0.77%, #FFED02 99.36%);*/
    background: linear-gradient(90deg, #00DE45 0.77%, #00DE45 99.36%);
    color: #ffffff;
}

label.error {
    color: red;
}

footer {
    color: #ffffff;
}

footer h2 {
    font-size: 1.85rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    letter-spacing: -0.0185rem;
}

header.scroll.down {
	top: -168px;
	transition: top 0.2s ease-in-out;
}

header.scroll.up {
	box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.75);
	top: 0;
	transition: top 0.2s ease-in-out;
}

header.scroll {
	background: #ffffff;
}

header.scroll .list-group-item a {
    color: #000000;
}

header.scroll .list-group-item.ativo a {
    color: #ffffff;
}

.modal .close {
    background: #ffffff;
    position: absolute;
    right: 25px;
    top: 10px;
    line-height: 1.3;
    border-radius: 50%;
    padding: 3px 15px;
    opacity: 1;
    font-size: 35px;
}

.modal .close:hover {
    background: #ffffff;
    position: absolute;
    right: 25px;
    top: 10px;
    line-height: 1.3;
    border-radius: 50%;
    padding: 3px 15px;
    opacity: 1 !important;
    font-size: 35px;
}

.modal iframe{
    margin-bottom: -7px;
}

.semi-circulo-1{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.semi-circulo-2{
    position: absolute;
    bottom: 0;
    right: 0;
}

.semi-circulo-3{
    position: absolute;
    bottom: 0;
    left: 0;
}

header.mobile{
    position: absolute;
    right: 1rem;
    top: 1rem;
}

input[type='radio'] {
    accent-color: #00DE45;
}

.form-header{
    position: relative;
    z-index: 10;
}

.mostra-aparelho{
    position: absolute;
    top: 0;
    left: 0;
    background: #00DE45;
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
}

@media (max-width: 991px){
    body{
        font-size: 17px;
    }

    header{
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    section.conteudo.banner{
        background-image: url(../images/banner-mobile.png);
    }

    section.conteudo.banner h2{
        font-size: 3rem;
        font-style: normal;
        font-weight: 600;
        line-height: 2.52941rem; /* 84.314% */
        letter-spacing: -0.09rem;
    }

    section.conteudo h2{
        font-size: 2.23529rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.02235rem;
    }

    .mapa-unidades{
        width: 20%;
    }

    .texto-unidades{
        width: 70%;
    }

    section.conteudo h2 small {
        font-size: 1rem;
        font-style: normal;
        font-weight: 300;
        line-height: 2.76471rem; /* 276.471% */
        letter-spacing: -0.01rem;
    }

    section.conteudo.melhores h2{
        font-size: 2.23529rem;
        font-style: normal;
        font-weight: 600;
        line-height: 2.35294rem; /* 105.263% */
        letter-spacing: -0.02235rem;
    }

    section.conteudo.ouvir h2 span{
        font-size: 1.82353rem;
        font-style: normal;
        font-weight: 300;
        line-height: 3.52941rem; /* 193.548% */
        letter-spacing: -0.05471rem;
    }

    section.conteudo.ouvir h2 strong{
        font-size: 4.05882rem;
        font-style: normal;
        font-weight: 600;
        line-height: 3.52941rem; /* 86.957% */
        letter-spacing: -0.12176rem;
    }

    section.conteudo.conheca h3{
        font-size: 1.7rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.01412rem;
    }

    section.conteudo.experimente{
        background-color: #00DE45;
        background-image: none;
        height: auto;
    }

    .form-header {
        bottom: 0;
    }

    section.conteudo.experimente h2 {
        font-size: 1.94118rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.05824rem;
    }

    footer{
        text-align: center;
    }

    header.scroll{
        background: transparent;
    }
}
header a.telefone {
    font-weight: 700;
    font-size: 20px;
    color: #00DE45;
}
.bg-obrigado {
    background-image: url(../images/bg-obrigado.png);
    background-position: center;
    background-size: cover;
}

section.conteudo.bg-obrigado h2 {
    font-size: 70px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

section.conteudo.bg-obrigado h3 {
    font-size: 35px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

section.conteudo.bg-obrigado p {
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

section.conteudo.bg-obrigado a{
    text-decoration: none;
}
.bg-verde {
    background-color: #00DE45;
}
footer {
    font-size: 27px;
}
@media (max-width: 991px) {
    s.bg-obrigado {
        background-image: url(../images/bg-obrigado-mobile.png);
        background-position: center;
        background-size: cover;
        height: 100vh;
    }

    section.conteudo.bg-obrigado h2 {
        font-size: 49px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    section.conteudo.bg-obrigado h3 {
        font-size: 21px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    section.conteudo.bg-obrigado p {
        font-size: 17px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
}