/*SHOWCASE*/
#showcase {
    background: url(../img/showcasesenior.jpg);
    border-bottom: 1px solid #56A79A;
    margin-bottom: 0px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

#showcase .row {
    height: 80vh;
    font-weight: 900;
}

#showcase h1 {
    color: #fff;
    font-size: 4em;
    margin: 0;
    margin-top: 240px;
    padding-bottom: 40px;
    font-weight: lighter;
}

/*DIFERENCIAIS SENIORS*/

.senior-diferenciais {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url(../img/backgroundvideo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.senior-diferenciais h2{
    margin-top: 20px;
    margin-bottom: 20px;
}

.senior-diferenciais h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}

.senior-diferenciais .diferencial-title {
    font-size: 1.2em;
}

.diferencial-box {
    background: #fe7213;
    padding: 10px;
    margin: 50px 10px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px; 
    color: #fff;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    cursor: pointer;
    transition: .5s;
}

.diferencial-box:hover {
    background: #56A79A;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    cursor: pointer;
    transition: .5s;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;  
}

.diferencial-box span {
    margin:10px;
    font-size: 1.3em;
    font-weight: 600;
}

.diferencial-box p{
    font-size: 1.1em;
    font-weight: 400;
    margin-top: 20px;
}

/*VISITA*/

#aula-experimental {
    background: url(../img/backgroundformjpg.jpg);
    margin-bottom: 0px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #56A79A;
    border-top: 1px solid #56A79A;
    margin-top: 0;
    padding: 50px 0;
}

#aula-experimental .wrapper {
    margin: 0px auto;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: 0 0 40px 2px rgba(37,73,214,0.18);
}

#aula-experimental .feature-box {
    padding: 30px;
}

#aula-experimental .feature-box h2 {
    margin-top: 10%;
    margin-bottom: 10%;
    font-size: 2em;
    font-weight: 600;
    color: #333;
    text-align: center;
}

#aula-experimental .feature-box h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}

#aula-experimental .feature-box p {
    margin: 50px auto;
    color: #333;
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
}

#aula-experimental .feature-box p span.green-whats {
    font-weight: 600;
    color: green;
}

#aula-experimental .feature-box a {
    color: #fff;
    font-size: 1.6em;
    letter-spacing: 2px;
    font-weight: 500;
}


#aula-experimental img {
    width: 100%;
    height: 100%;
    padding: 50px;
}

/*OUTROS CURSOS*/

#outroscursosseniors {
    margin-top: 50px;
}

#outroscursosseniors h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}

#outroscursosseniors .title-cursos{
    margin-bottom: 30px; 
    margin-top: 20px;
    font-size:1.2em;
}

.card-title {
    text-align: center;
    color: #333;
    font-size: 1.5em;
    font-weight: 600;
    padding-bottom: 20px;
}

.card-body{
    padding-bottom: 30px;
}

/*PARALLAXSENIORS*/

#parallaxseniors{
    margin: 0px 0 0 0;
}

#parallaxseniors p {
    text-align: justify;
}

#parallaxseniors .topicrow1 {
    background: rgb(254, 114, 19);
}
#parallaxseniors .topicrow2 {
    background: #02b3ab;
}
#parallaxseniors .topicrow3 {
    background: #e6c223;
    border-bottom: 1px solid rgb(2, 179, 171);  
}

#parallaxseniors .topic {
    padding: 50px 5vw;
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
}


#parallaxseniors .image1 {
    background: 
    linear-gradient(rgba(254, 114, 19, 0.45),
    rgba(254, 114, 19, 0.45)),
    url(../img/senior-background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
#parallaxseniors .image2 {
    background: 
    linear-gradient(rgba(2, 179, 171, 0.45),
    rgba(2, 179, 171, 0.45)),
    url(../img/senior-background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

/*EVENTS KIDS*/

#eventsseniors {
    margin: 80px 0;
    font-size: 1.1em;
    color: #333;
}

#eventsseniors img {
    margin-bottom: 15px;
    border-radius: 100%; 
    border: dashed 2px #fe7213;
}

#eventsseniors h2 {
    padding-bottom: 10px;
    font-size: 1.9em;
}

#eventsseniors h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}


#eventsseniors h3 {
    padding-bottom: 10px;
    font-size: 1.2em;
}

#eventsseniors .title-events {
    font-size: 1.2em;
}

#eventsseniors .topic {
    padding: 50px;
    cursor: pointer;
}

#eventsseniors .topic:hover {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
                0 5px 15px 0 rgba(0,0,0,0.08);
    cursor: pointer;
}

#eventsseniors .topic p {
    text-align: justify;
}