a{text-decoration:none}
h4{text-align:center;margin:30px 0;color:#444}
.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#02b3ab;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #02b3ab;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:rgb(2, 179, 171);font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#02b3ab;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #02b3ab;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#02b3ab;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#02b3ab;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{display:inline-block;font-size:16px;color:#404040;line-height:20px;letter-spacing:1px;margin:0; font-size:1.1em; font-weight: 600}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#fe7213}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#fe7213}
.main-timeline .timeline:nth-child(2n) .title{color:#fe7213}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#fe7213;border-bottom-color:#fe7213}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:rgb(255, 202, 24)}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:rgb(255, 202, 24)}
.main-timeline .timeline:nth-child(3n) .title{color:rgb(255, 202, 24)}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:rgb(255, 202, 24);border-bottom-color:rgb(255, 202, 24)}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#fe7213}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#fe7213}
.main-timeline .timeline:nth-child(4n) .title{color:#fe7213}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#fe7213;border-bottom-color:#fe7213}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}


/*SHOWCASEKIDS*/
#showcase {
    background: url(../img/kidsslide3ps.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: 50vh;
    font-weight: 900;
}

#showcase h1 {
    color: #fff;
    font-size: 4em;
    margin: 0;
    margin-top: 240px;
    padding-bottom: 40px;
    font-weight: lighter;
}


/*TIMELINE-LANGUAGE*/

#timeline-language {
    padding: 80px 0px 30px 0px;
    color: #333;
    line-height: 2em;
    font-size: 1.1em;
    background: #fff;
}

#timeline-language h2 {
    margin-top: 0px;
    padding-bottom: 10px;
    font-size: 1.9em;
}

#timeline-language h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}


#timeline-language p {
    font-size: 1.1em;
    font-weight: 600;
}

#timeline-language .timeline-paragraph p {
    font-size: 1.1em;
    font-weight: 600;
    text-align: justify;
}

#timeline-language .orange {
    color: #fe7213;
    font-weight: bold;
}

#timeline-language .blue {
    color: #02b3ab;
    font-weight: bold;
}

/*VIDEO*/

#video {
    padding: 80px 0 0 0;
    background: url(../img/backgroundvideo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid rgb(2, 179, 171);  
}

#video .iframe-container {
    width: 100%;
    padding: 50px;
}

#video .blue {
    color: #02b3ab;
    font-weight: bold;
}

/*PARALLAXKIDS*/

#parallaxkids{
    margin: 0px 0 0 0;
}

#parallaxkids p {
    text-align: justify;
}

#parallaxkids .topicrow1 {
    background: #fe7213;
}
#parallaxkids .topicrow2 {
    background: #02b3ab;
}
#parallaxkids .topicrow3 {
    background: #e6c223;
    border-bottom: 1px solid rgb(2, 179, 171);  
}

#parallaxkids .topic {
    padding: 50px 5vw;
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
}


#parallaxkids .image1 {
    background: url(../img/kidsslide2psorange.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
#parallaxkids .image2 {
    background: url(../img/kidsslide2psblue.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
#parallaxkids .image3 {
    background: url(../img/kidsslide2psyellow.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

/*EVENTS KIDS*/

#eventskids {
    margin: 80px 0;
    font-size: 1.1em;
    color: #333;
}

#eventskids img {
    margin-bottom: 15px;
    border-radius: 100%; 
    border: dashed 2px #fe7213;
}

#eventskids h2 {
    padding-bottom: 10px;
    font-size: 1.9em;
}

#eventskids h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}


#eventskids h3 {
    padding-bottom: 10px;
    font-size: 1.2em;
}

#eventskids .title-events {
    font-weight: 600;
    font-size: 1.2;
}

#eventskids .topic {
    padding: 50px;
    cursor: pointer;
}

#eventskids .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;
}

#eventskids .topic p {
    text-align: justify;
}

/*OUTROS CURSOS*/

#outroscursoskids {
    margin-top: 50px;
}

#outroscursoskids h2::after {
    content: '';   
    background: #f7ce3a;
    display: block;
    height: 3px;
    width: 170px;
    margin: 20px auto 5px; 
}

#outroscursoskids .title-cursos{
    margin-bottom: 30px; 
    margin-top: 20px;
    font-size:1.1em;
}

.card-title {
    text-align: center;
    color: #333;
    font-size: 1.5em;
    font-weight: 600;
    padding-bottom: 20px;
}

.card-body{
    padding-bottom: 30px;
}

/*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;
}