/* 
    Created on : 7 de jul. de 2023, 11:23:58
    Author     : Rodrigo 'Ryu' Oliveira
*/
@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*********************** MENU FIXO ************************/

#header{
    box-sizing:border-box;
    z-index:100;
}

body{
    font-family: 'Open Sans', sans-serif;
}
.topo-amocorrer{
    margin:.5em
}

.topo-amocorrer img{
    width:8%;
    min-width:80px;
    height:auto
}

.navbar-right li .social-icon {
    color: #e97017;
}

.collapse.navbar-collapse{
    float:right
}

.nav.navbar-nav li{
    border-bottom:#f8f8f8 4px solid;
    margin-top: 25px;
}

.nav.navbar-nav li a {
    font-size: 1.0rem;
    font-weight:bold;
    text-transform:uppercase;
}

#defaultNavbar2 .nav.navbar-nav li{
    padding: 21px 0
}

#defaultNavbar2 .social-icon{
    padding-top:2px;
    padding-bottom:2px;
}

.logo-evento img{
    width:70%;
    height:auto;
    margin:5px 0
}

#defaultNavbar1 form{
    display:none;
}
#defaultNavbar1 .navbar-right{
    display:none;
}

#defaultNavbar1 ul li{
    font-style:italic;
}

#defaultNavbar1 .navbar-nav{
    margin-left: -80px;
}

.destaque{
    display: table;
    overflow: hidden;
    background: no-repeat center;
    width: 100%;
}

.destaque_inscricao img{
    margin: 0 auto;
}

.cvmobile{
    display:none;
}

@media (min-width:1200px){
    .nav.navbar-nav{
        float:none!important;
        display: inline-block;
    }
    .nav.navbar-nav li a{
        padding-left:10px;
        padding-right:10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .navbar-header{
        float:none;
        text-align: center;
    }

    .logo-evento img{
        display:inline-block;
        width: auto;
    }

    .nav.navbar-nav{
        float:none!important;
        display: inline-block;
    }
    .nav.navbar-nav li a{
        padding-left:10px;
        padding-right:10px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .navbar-header{
        float:none;
        text-align: center;
    }

    .logo-evento img{
        display:inline-block;
        width: auto;
    }

    .nav.navbar-nav{
        float:none!important;
        display: inline-block;
    }
    .nav.navbar-nav li a{
        padding-left:8px;
        padding-right:8px;
    }
}


@media screen and (max-width:500px){
    .cvdesktop{
        display:none;
    }
}

@media screen and (max-width:500px){
    .cvmobile{
        display:block;
    }
    .container-fluid.no-padding{
        padding:0px
    }
}

.cvmenu{
    background: url(../img/logotipo-pmesp.png) no-repeat scroll 0 0;
    width: 150px;
    height: 78px;
    display: inline-block;
    line-height: 0;
    text-indent: -99999px;
    margin-top: 5px;
    /* overflow: hidden; */
    /* text-align: left; */
    /* float: right; */
}

section{
    background-color:#E5E5E5
}

.conteudo{
    padding-top:1em;
}

.conteudo h2{
    text-align:center;
    text-transform:uppercase;
}

.separador{
    border-top:1px solid #000
}

.conteudo .descricao{
    padding:2%;
    display:table;
}

.conteudo .center img{
    text-align:center;
    margin: 0 auto;
}

.center{
    text-align:center;
}

#regulamento h2, #regulamento h3{
    text-align:center;
}


/*************************************************

                                        ELITE

*************************************************/
.img-elite{
    width:100%;
    margin-bottom:20px;
}

#elite input.form-control{
    padding: 12px 12px!important;
}



/*************** campo Extra ********************/
#campo-extra figcaption{
    text-align:center;
}

#campo-extra {
    text-align:center;
}

#campo-extra figure{
    margin: 10px 0
}

.extra-destaque{
    border: 2px solid red;
    /*background-color:#fff;*/
    display: inline-block;
    /*color:#fff;*/
    font-weight:bold;
    /*margin-top:20px;*/
    width:100%;
    margin-bottom: 10px;
}

span.span-destaque {
    text-transform:uppercase;
    font-weight:bold;
}

.extra-destaque h4{
    font-weight:bold!important;
    font-size:30px
}



/*************** BOTÃO LEIA MAIS ********************/
form div + div {
    margin-top: 1em;
}

#botao_mais button{
    border:none;
    background-color:transparent;
    font-weight:bold;
    text-transform:uppercase;
    font-size:1.5rem;
    display: block;
    margin: 0 auto;
    /* color:#fff Cor do texto dentro do botão leia mais*/
}

#botao_mais button:hover{
    text-decoration:underline;
    color:#c1c1c1
}

#botao_regula_mais{
    text-align:center;
    margin:0 auto
}

#faleconosco label{
    text-align:right;
    display:inline-block;
    width:25%;
}

#faleconosco input, #faleconosco select, #faleconosco textarea {
    width:75%;
    display:inline-block;
    border:none;
}

#faleconosco textarea{
    vertical-align: top;
    height:8em;
    resize: vertical;
}

#faleconosco label {
    display: inline-block;
    width: 122px;
    text-align: right;
}

#faleconosco .button{
    margin-top:1%
}

#faleconosco input[type="radio"]{
    width:auto;
    height:13px;
}

label#mail, label#tel, label#assunto, label#msg{
    margin-top:1%;
}

input#mail, input#tel, select#assunto, textarea#msg{
    margin-top:1%;
}


/************BOTÃO ENVIAR DO FORMULARIO***************/
#faleconosco button{
    font-size:1.5rem;
    padding:1% 3%;
    font-weight:bold;
}

@media(min-width:992px) and (max-width:1199px){
    #defaultNavbar2{
        float:right;
        padding-right:0;
        padding-left:0
    }

    .conteudo h1{
        font-size:3rem
    }


    .nav.navbar-nav li a{
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #defaultNavbar2{
        float:right;
        padding-right:0;
        padding-left:0;/*margin-top: -75px;*/
    }

    .conteudo h1{
        font-size:3rem
    }


    .nav.navbar-nav li a{
        font-size: 0.8rem;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 8px 8px;
    }
}
@media (max-width: 767px){
    #topoamocorrer, div.destaque{
        display:none;
    }

    .conteudo h2{
        text-align:center;
    }

    input#mail, input#tel, select#assunto, textarea#msg{
        margin-top:0;
    }


    #faleconosco label{
        text-align:left;
        width:50%;
        margin-bottom:0;
        margin-top:1%
    }

    #faleconosco input, #faleconosco select, #faleconosco textarea {
        width:96%;/*display:inline-block;*/
    }

    .conteudo h1{
        font-size:2rem
    }

    .topo-amocorrer.navbar-header{
        display:flex;
    }

    .navbar-brand {
        text-align:center;
        margin:0 auto;
    }

    .navbar-brand img {
        width:70%;
        height:auto;
        min-width:80px;
    }
    .logo-evento img{
        width:175px;
        height:auto;
        min-width:90px;
    }
}
.px64{
    height:64px;
    background-color:inherit;
    margin-top: -50px;
}

/***************************************

                INSCRIÇÃO

    ****************************************/
#inscricao .icon{
    max-width:150px;/*margin-top:20px*/
    ;
    margin: 0 auto;
    text-align: center;
}

#inscricao h3{
    font-weight:bold;
    margin-top:15px;
    margin-bottom:25px;
    text-align:center;
    letter-spacing:-1px
}


#inscricao .btn-inscreva{
    color:#ffffff;
    padding:15px 15px;
    text-transform:uppercase;
    font-size:2rem;
    border-radius:50px;
    text-decoration:none;
    text-align:center;
    display: block;
}

#inscricao h4{
    text-align:center;
    margin-top:20px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    letter-spacing:-1px;
}

a.btn-inscreva{
    font-size:1.7rem!important
}

.btn-inscreva-geral{
    background-color:#f27c21;
    color:#ffffff!important
}

a.btn-inscreva-geral:hover{
    background-color:#d46c1b
}

.btn-inscreva-pm{
    background-color:#ed1c24
}

.btn-inscreva-pm:hover{
    background-color:#cd181f
}

.btn-inscreva-grupo{
    background-color:#00acbe
}

.btn-inscreva-grupo:hover{
    background-color:#018a98
}

.btn-inscreva-kids{
    background-color:#12a651
}

.btn-inscreva-kids:hover{
    background-color:#087436
}

.btn-inscreva-pcd{
    background-color:#00D72C
}

.btn-inscreva-pcd:hover{
    background-color:#00C418
}


@media (max-width:767px){
    #inscricao .icon{
        margin-top:50px;
        margin-left: 25%;
    }
    #inscricao .btn-inscreva{
        text-align:center;
        display:block
    }
    .img-servico{
        margin-left: 16%;
    }
}

@media (min-width:992px) and (max-width:1199px){
    #inscricao .btn-inscreva{
        font-size:1.5rem;
    }
    a.btn-inscreva{
        font-size:1.34rem!important
    }
}

@media (min-width:768px) and (max-width:991px){
    #inscricao .btn-inscreva{
        font-size:1.4rem;
    }
    #inscricao h2{
        text-align:center;
    }
    a.btn-inscreva{
        font-size:1.24rem!important
    }
}

/***************************************

                            MODAL

****************************************/

a {
    color:#333;
    text-decoration:none
}
a:hover {
    color:#ccc;
    text-decoration:none
}

#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}

#boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:1100px;
    height:1500px;
    display:none;
    z-index:9999;
    padding:20px;
    background-color:#ffffff;
}

.close{
    display:block;
    text-align:right;
}


#faq-inscricao p{
    max-width: 94%;
    text-transform:inherit;
}
/*************** SHARED *******************/

#social{
    width:100%;
    background-color:#fff;
    padding:2em 0
}

#social #share{
    display:block;
    text-align:center;
    width:100%;
}

#social #share strong{
    font-size:2rem;
}

#social ul.share-list{
    display: flex;
    justify-content: space-around;
}

#social #share ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 30px;
}

#social #share i.fa {
    margin-top: 0;
}

.btn-mobile {
    display: none;
}

a.btnFixo {
    background-color: #00d28c;
    color: #ff1111;
    padding: 1rem 1.5rem;
    font-size: 2.5rem;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    display: block;
}

@media (max-width: 768px){
    #social{
        background:#000;
        padding:.5em
    }

    #social #share {
        padding:0;
    }

    #social #share strong{
        display:none;
    }

    #social #share ul li a {
        width: auto;
        height: auto;
        font-size: 16px;
    }

    #social #share ul li a{
        background: none!important;
    }

    #social #share ul.share-list {
        margin: 0;
    }

    #social #share ul li a:hover {
        box-shadow: none;
    }
    #social #share i.fa {
        font-size: 25px;
    }
    .btn-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10;
        /* right: 0; */
    }

    #social #share i.fa-facebook{
        color:#3e5c9a;
    }

    #social #share i.fa-twitter{
        color:#1da1f2;
    }
    #social #share i.fa-whatsapp{
        color:#00e676;
    }
    #social #share i.fa-envelope{
        color:#fea;
    }

}
.btn-relembre{
    padding-bottom: 5px;
    text-align: center;
    font-size: xx-large;
    background-color: #0570cc;
    color: #fff;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
.btn-relembre:hover{
    background-color: #b7afaf;
    color: #0570cc;

}
footer{
    background-color:#000000;
    padding:15px;
    display:flex!important;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}

.logo-footer{
    max-height:70px;
}

.right-footer{
    text-align:center;
    color:#ffffff;
    font-size:12px;
}

.right-footer img{
    max-width:150px;
}

@media (max-width:500px){
    footer{
        justify-content:space-around;
    }

    .logo-footer, .right-footer{
        margin:5% 0;
    }
}

h2.titulo{
    font-family: 'Oswald', sans-serif;
    /*font-weight: bold;*/
    text-align: center;
    text-transform: uppercase;
    padding: 30px 10px 40px !important;
    margin: 0;
    font-size: 40px;
    line-height: 46px;
    color: #0570cc;
}
/*************** NOVO 2020 *******************/
#kit {
    background: url(./assets/images/bg/kit.jpg) 0px 200px;
    background-size: cover;
    background-color: #79b6f7ed;
    background-position: top;
}

#kit .btn-quero-correr {
    padding: .5em 1.5em;
    background-color: #ead720;
    color: #0275d8;
    text-transform: uppercase;
    font-size: 2em;
    border-radius: 10px;
    box-shadow: 0.707px 0.707px 18px 0px rgba(14, 0, 104, 0.6);
    font-weight: 900;
    bottom: 140px;
}

#kit .card{
    box-shadow: 0.707px 0.707px 18px 0px rgba(255, 17, 17, 0.6);
}

#kit h2.titulo{
    color: #FFFFFF;
}

.text-center{
    text-align: center;
}

.img-servico{
    margin-left: 5%;
    width: 90%;
    margin-top: 5px;
}

#servicos {
    background: url(./assets/images/bg/servicos.jpg) 0px 200px;
    background-size: cover;
    background-color: #79b6f7ed;
    background-position: top;
}
#servicos h2.titulo{
    color: #0570cc;
}
#servicos .card{
    width:84%;
    margin-left: 8%;
}

#inscricao{
    background: url(./assets/images/bg/inscricao.jpg) 0px 200px;
    background-size: cover;
    background-color: #79b6f7ed;
    background-position: top;
}

#inscricao .titulo{
    display:block;
    color: #ffffff;

}

#percurso .titulo{
    color: #FFFFFF;
}

#percurso{
    background: url(./assets/images/bg/percurso.jpg) 0px 200px;
    background-size: cover;
    background-color: #79b6f7ed;
    background-position: bottom;
}

#percurso img{
    padding: 1%;
}
#percurso .card{
    margin-bottom: 100px;
}
#relembre{
    background: url(./assets/images/bg/relembre.jpg) 0px 200px;
    background-size: cover;
    background-color: #79b6f7ed;
    background-position: bottom;
}

body {
    font-family: 'Open Sans', sans-serif !important;
}
#header {
    display: block;
}

section {
    /*padding: 2em 0;*/
    padding-top: 2em;
    padding-bottom: 3em;
}

.card {
    background-color: #ffffffd7;
}
/** ESTILO DO MENU **/
.nav.navbar-nav li a{
    color:#0570cc;/***COR DO TEXTO NO MENU***/
}
/* QUANDO PASSA O MOUSE NO MENU */
.nav.navbar-nav li a:hover{
    color:#0570cc;/***COR DO TEXTO DO MENU***/
}
.nav.navbar-nav li:hover{
    border-bottom:#0570cc 4px solid;/***COR DA BORDA DEBAIXO***/
}

/***COR DO TITULO DA SEÇÃO***/
section.conteudo h2{
    color:#0570cc;
}
/***COR BOTAO REGULAMENTO***/
#botao_regula_mais{
    color:#0570cc;
}
#botao_regula_menos{
    color:#0570cc;
}
#botao_historia_mais{
    color:#0570cc;
}
#botao_historia_menos{
    color:#0570cc;
}

/* FUNDO DA SEÇÃO */
section.bg1{
    background:#FFFFFF;	/***COR OU IMAGEMO***/
}
section.bg2{
    background:#4D4D4D; /***OUTRA COR OU IMAGEM***/
}
/* BOTÃO ENVIAR DO FORMULÁRIO */
#faleconosco button {
    border: none;/***BORDA***/
    background-color:#0570cc; /***COR DE FUNDO***/
    color: #222;
}

#inscricao button.btnElite {
    border: none;/***BORDA***/
    background-color:#0570cc; /***COR DE FUNDO***/
    color: #222;
}

#elite input.form-control {
    padding: 5px 10px!important;
}
input#mail, input#tel, select#assunto, textarea#msg {
    margin-top: 0;
}

#elite submit {
    border: none;/***BORDA***/
    background-color:#0570cc; /***COR DE FUNDO***/
    color: #222;
}
/* COR DO DESTAQUE */
span.span-destaque {
    color:red;
}

.extra-destaque h4{
    color:red;
}

#como-chegar h3{
    text-align:center;
    font-weight:bold;
}

#como-chegar p{
    text-transform:uppercase;
    text-align:center;
}

#como-chegar a{
    color:#000000;
    cursor:pointer
}

.icon-comochegar{
    text-align:center;
    color:#0570cc;
    font-size:20px;
}

#elite label{
    margin-bottom: 0px;
    margin-top: 0px;
}

#elite {
    background: url(./assets/images/bg/elite2023.webp) 0px 200px;
    background-size: cover;
    background-position: center;
}

/***************************************

            INSCRIÇÃO

****************************************/
#inscricao .icon{
    max-width:150px;
    ;
    margin: 0 auto;
    text-align: center;
}

#inscricao h3{
    font-weight:bold;
    margin-top:15px;
    margin-bottom:25px;
    text-align:center;
    letter-spacing:-1px
}

#inscricao .btn-inscreva{
    color:#ffffff;
    padding:15px 15px;
    text-transform:uppercase;
    font-size:2rem;
    border-radius:50px;
    text-decoration:none;
    text-align:center;
    display: block;
}

#inscricao h4{
    text-align:center;
    margin-top:20px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    letter-spacing:-1px;
}

a.btn-inscreva{
    font-size:1.7rem!important
}

.btn-inscreva-geral{
    background-color:#f27c21;
    color:#ffffff!important
}

a.btn-inscreva-geral:hover{
    background-color:#d46c1b
}

.btn-inscreva-pm{
    background-color:#ed1c24
}

.btn-inscreva-pm:hover{
    background-color:#cd181f
}

.btn-inscreva-grupo{
    background-color:#00acbe
}

.btn-inscreva-grupo:hover{
    background-color:#018a98
}

.btn-inscreva-kids{
    background-color:#12a651
}

.btn-inscreva-kids:hover{
    background-color:#087436
}

.btn-inscreva-pcd{
    background-color:#00D72C
}

.btn-inscreva-pcd:hover{
    background-color:#00C418
}


@media (max-width:767px){
    #inscricao .icon{
        margin-top:50px;
        margin-left: 25%;
    }
    #inscricao .btn-inscreva{
        text-align:center;
        display:block
    }
    .img-servico{
        margin-left: 16%;
    }
}

@media (min-width:992px) and (max-width:1199px){
    #inscricao .btn-inscreva{
        font-size:1.5rem;
    }
    a.btn-inscreva{
        font-size:1.34rem!important
    }
}

@media (min-width:768px) and (max-width:991px){
    #inscricao .btn-inscreva{
        font-size:1.4rem;
    }
    #inscricao h2{
        text-align:center;
    }
    a.btn-inscreva{
        font-size:1.24rem!important
    }
}


#faq-inscricao p{
    max-width: 94%;
    text-transform:inherit;
}
/*************** SHARED *******************/

#social{
    width:100%;
    background-color:#fff;
    padding:2em 0
}

#social #share{
    display:block;
    text-align:center;
    width:100%;
}

#social #share strong{
    font-size:2rem;
}

#social ul.share-list{
    display: flex;
    justify-content: space-around;
}

#social #share ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 30px;
}

#social #share i.fa {
    margin-top: 0;
}

.btn-mobile {
    display: none;
}

a.btnFixo {
    background-color: #00d28c;
    color: #ff1111;
    padding: 1rem 1.5rem;
    font-size: 2.5rem;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    display: block;
}

@media (max-width: 768px){
    #social{
        background:#000;
        padding:.5em
    }

    #social #share {
        padding:0;
    }

    #social #share strong{
        display:none;
    }

    #social #share ul li a {
        width: auto;
        height: auto;
        font-size: 16px;
    }

    #social #share ul li a{
        background: none!important;
    }

    #social #share ul.share-list {
        margin: 0;
    }

    #social #share ul li a:hover {
        box-shadow: none;
    }
    #social #share i.fa {
        font-size: 25px;
    }
    .btn-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10;
        /* right: 0; */
    }

    #social #share i.fa-facebook{
        color:#3e5c9a;
    }

    #social #share i.fa-twitter{
        color:#1da1f2;
    }
    #social #share i.fa-whatsapp{
        color:#00e676;
    }
    #social #share i.fa-envelope{
        color:#fea;
    }

}
.btn-relembre{
    padding-bottom: 5px;
    text-align: center;
    font-size: xx-large;
    background-color: #0570cc;
    color: #fff;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
.btn-relembre:hover{
    background-color: #b7afaf;
    color: #0570cc;

}
footer{
    background-color:#000000;
    padding:15px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}

.logo-footer{
    max-height:70px;
}

.right-footer{
    text-align:center;
    color:#ffffff;
    font-size:12px;
}

.right-footer img{
    max-width:150px;
}

@media (max-width:500px){
    footer{
        justify-content:space-around;
    }

    .logo-footer, .right-footer{
        margin:5% 0;
    }
}

h2.titulo{
    font-family: 'Oswald', sans-serif;
    /*font-weight: bold;*/
    text-align: center;
    text-transform: uppercase;
    padding: 10px 10px 20px !important;
    margin: 0;
    font-size: 40px;
    line-height: 46px;
    color: #0570cc;
}

/*
.card {        
     background-color: #ffffff40!important; 
    color: #ffffff!important;
   /* background-image: -webkit-linear-gradient( 45deg, rgb(25,108,178) 0%, rgb(105,171,224) 100%) !important;*/



#kit {
    background: url(./assets/images/bg/kit-atleta.webp) 0px 200px;
    background-size: cover;
    background-position: center;
}

#kit .btn-quero-correr {
    padding: .5em 1.5em;
    background-color: #ead720;
    color: #0275d8;
    text-transform: uppercase;
    font-size: 2em;
    border-radius: 10px;
    box-shadow: 0.707px 0.707px 18px 0px rgba(17, 17, 255, 0.5);
    font-weight: 900;
    bottom: 140px;
}

#kit .img{
    box-shadow: 0.707px 0.707px 18px 0px rgba(17, 17, 255, 0.5);
}

#kit h2.titulo{
    color: #FFFFFF;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}

.text-center{
    text-align: center;
}

.img-servico{
    margin-left: 5%;
    width: 90%;
    margin-top: 5px;
}

#servicos {
    background: url(./assets/images/bg/predios.webp) 0px 200px;
    background-size: cover;
    background-position: center;
}
#servicos h2.titulo{
    color: #0570cc;
    text-shadow: 0.07em 0.07em 0.05em #fff;
}
#servicos .card{
    width:84%;
    margin-left: 8%;
}

#inscricao{
    background: url(./assets/images/bg/kit.webp) 0px 200px;
    background-size: cover;
    background-position: top;
    padding: 10px 0 !important;
}

#inscricao .titulo{
    display:block;
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;

}

#percurso .titulo{
    color: #FFFFFF;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}

#percurso{
    background: url(./assets/images/bg/noite.webp) 0px 200px;
    background-size: cover;

    background-position: center;
}

#percurso img{
    padding: 1%;
}
#percurso .card{
    margin-bottom: 100px;
}
#como-chegar {
    background: url(./assets/images/bg/trem.webp) 0px 200px;
    background-size: cover;
    background-position: top;
}
#como-chegar h2.titulo{
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.07em #000000cf;
}
#como-chegar p{
    color: #ffffff;

}
.icon-comochegar{
    color:#ffffff;
}
#equipe .card{
    background-color: #373a3ccd !important;
    padding: 10px;
}
#equipe a{
    color: #ead720
}
#relembre{
    background: url(./assets/images/bg/relembre.webp) 0px 200px;
    background-size: cover;

    background-position: bottom;
}
#relembre.titulo{
    text-shadow: 0.07em 0.07em 0.05em #ffffff;
}
#kids{
    background: url(./assets/images/bg/kidsCare.webp) 0px 200px;
    background-size: cover;
    background-position: top;
}

#kids .titulo{
    color: #120a8f;

}
#kids .bg-inverse{
    background-color: #13881fb5 !important;
}
#sobre{
    background: url(./assets/images/bg/sobre2023.webp) 0px 200px;
    background-size: cover;
    background-position: center;
}
#sobre .titulo{
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}
#videos{
    background: url(./assets/images/bg/cinema.webp) 0px 200px;
    background-size: cover;
    background-position: top left;
}
#videos .titulo{
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}
#video_chegada{
    background: url(./assets/images/bg/chegada.webp) 0px 200px;
    background-size: cover;
    background-position: top;
}
#video_chegada .titulo{
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}
/*nova leva*/
.nav.navbar-nav li {
    margin-top: 13px;
}
#informacoes{
    /*background-image: -webkit-linear-gradient( 45deg, rgb(25,108,178) 0%, rgb(105,171,224) 100%);*/
    background: url(./assets/images/bg/percurso2023.webp) 0px 200px;
    background-size: cover;
    background-position: center;
}
#video_chegada .titulo{
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}

#informacoes .titulo{
    color: #ffffff;
    text-shadow: 0.07em 0.07em 0.05em #0570cc;
}
/*** MOBILE ***/
@media (max-width:767px){
    .card-block {
        padding: 0.8rem;
    }
    #servicos .card {
        width: 100%;
        margin-left: 0%;
    }
    #servicos h4 {
        font-size: 0.9em;
        margin-bottom: 0;
    }
    #inscricao{
        background: url(./assets/images/bg/inscricao_mobile.webp) 0px 200px;
        background-size: cover;
        background-position: left;
    }
    #inscricao .card-inscricao{
        width: 90%;
        margin-left: 5%;
    }
    #informacoes .card{
        background-color: transparent !important;
    }
    #informacoes .card-header{
        background-color: #ffffff2e !important;
    }

    #informacoes button {
        color: #fff!important;
    }
    #search-field {
        font-size: 14px!important;
        padding: 8px;
    }
    #search-button {
        padding: 9px;
        font-size: 14px!important;
        margin-left: -88px;
    }

    .card-outline-info{
        background-color: #ffffff !important;
    }
}
body{
    margin:0;
}
#parceiros{
    width:100%;
    background-color:#E5E5E5;
    padding: 0.3em 0;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
    align-items:center;
}
.parceiro img{
    max-width: 200px;
    max-height: 110px;
    height: auto;
    margin:auto;
    display:block;
}
@media (max-width:1380px){
    .parceiro img {
        max-width: 140px;
    }
}
@media (max-width:767px){
    .parceiro{
        margin:1em auto;
        width:50%;
    }
}
@media (max-width:767px){
    body{
        margin:0;
    }
    #parceiros{
        width:100%;
        background-color:#E5E5E5;
        padding: 1em 0;
        display:flex;
        flex-wrap:wrap;
        justify-content: space-around;
        align-items:center;
    }
    .parceiro img{
        max-width: 100%;
        height: auto;
        margin:auto;
        display:block;
        margin-bottom: -10px;
        margin-top: -10px;
    }

    .parceiro{
        margin:0 auto 0.9em;
        width:35%;
    }
    .parceiro img{
        max-height: 100px;
    }

    .navbar {
        padding: 0 1rem;
    }
    #parceiros{
        padding: 1em 0 0;
    }

    #defaultNavbar2 .nav.navbar-nav li {
        padding: 6px 0;
    }
}