#test_subtitle{
    max-width: 630px;
    text-align: center;
    padding-top:0px!important;
    color:#FFF;
    margin-top: 50px;
    font-size: 18px;
    font-weight: 600;
}

.linedTitle{
    font-size: 48px;
    font-family: 'Tinos';
    color:#0B274C;
    border-bottom: 1px solid #0B274C;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: normal;
}

.rainbowTitle{
    margin-top:0px;
    padding-top:30px;
}

.rainbowImg{
    margin-top:100px;
    width:100%;
    max-width: 100%;
}

.linedTitle.green{

    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 55px;
    color: #329C32;
    flex-grow: 1;
    border-bottom: green;
    padding:0px;
}




.annualArticle{
    display: flex;
    gap: 20px;
}

.annualArticle p{
    font-size: 18px;
}

.structureHolder.photo{
    margin: 100px 0 150px 0;
    gap:20px;
}

.wrapperMax.photo{
    position: relative;
}

.activities_links{
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 80px;
}

.reccoridoHolder{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:21px;
    width:100%;
    padding-bottom:50px;
}

.reccorido{
    height: 445px;
    border-radius: 10px;
    background:#EEE;
    display: flex;
    align-items: flex-end;
    width: calc(25% - 16px);
    margin-bottom:30px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.three .reccorido{
    width: calc(33.3% - 16px);
}

@media screen and (max-width: 1000px){
    .reccorido {
        width: calc(33.3% - 16px);
    }

    .activities_links{
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
        margin-top: 50px;
    }

    #featuresVerticalSep {
        height: 1400px;
    }
}

@media screen and (max-width: 800px){
    .reccorido,.three .reccorido{
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 520px){
    .reccorido,.three .reccorido {
        width: 100%;
        margin-bottom: 10px;
    }
    .reccoridoHolder{
        gap:0px;
    }
}

.reccoridoContent{
    width: 100%;
    padding: 25px;
    padding-top: 314px;
    color:#FFF;
    background:linear-gradient(180deg, rgba(55,92,113,0) 0%, rgba(53,82,112,0.5746673669467788) 50%, rgba(0,82,155,1) 100%);
}

.pink .reccoridoContent{
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(225,195,221,1) 75%, rgba(193,130,185,1) 100%);
}

.green .reccoridoContent{
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(225,195,221,0) 60%, rgba(48,162,68,1) 100%);
}

#kindClassBook{
    background-image: url(../img/activities/kindergarden/home/kinder_home_1.jpg);
}

#kindComputational{
    background-image: url(../img/activities/kindergarden/home/kinder_home_2.jpg);
}

#kindDiversity{
    background-image: url(../img/activities/kindergarden/home/kinder_home_3.jpg);
}

#kindExplorando{
    background-image: url(../img/activities/kindergarden/home/kinder_home_4.jpg);
}

#kindKindness{
    background-image: url(../img/activities/kindergarden/home/kinder_home_5.jpg);
}

#kindMapa{
    background-image: url(../img/activities/kindergarden/home/kinder_home_6.jpg);
}

#kindMetamorphosis{
    background-image: url(../img/activities/kindergarden/home/kinder_home_7.jpg);
}

#kindStick{
    background-image: url(../img/activities/kindergarden/home/kinder_home_8.jpg);
}

#kindPuzzle{
    background-image: url(../img/activities/kindergarden/home/kinder_home_9.jpg);
}

#kindPirates{
    background-image: url(../img/activities/kindergarden/home/kinder_home_10.jpg);
}

#kindPlant{
    background-image: url(../img/activities/kindergarden/home/kinder_home_11.jpg);
}

#kindPortraits{
    background-image: url(../img/activities/kindergarden/home/kinder_home_12.jpg);
}

#kindRobotics{
    background-image: url(../img/activities/kindergarden/home/kinder_home_13.jpg);
}

#kindSustainable{
    background-image: url(../img/activities/kindergarden/home/kinder_home_14.jpg);
}

#kindService{
    background-image: url(../img/activities/kindergarden/home/kinder_home_15.jpg);
}



#primAstronomy{
    background-image: url(../img/activities/primary/home/prima_home_1.jpg);
}

#primWater{
    background-image: url(../img/activities/primary/home/prima_home_2.jpg);
}

#primCampus{
    background-image: url(../img/activities/primary/home/prima_home_3.jpg);
}

#primCuentos{
    background-image: url(../img/activities/primary/home/prima_home_4.jpg);
}

#primSeguimiento{
    background-image: url(../img/activities/primary/home/prima_home_5.jpg);
}

#primTraditional{
    background-image: url(../img/activities/primary/home/prima_home_6.jpg);
}

#primIT{
    background-image: url(../img/activities/primary/home/prima_home_7.jpg);
}

#primConcert1{
    background-image: url(../img/activities/primary/home/prima_home_8.jpg);
}

#primConcert2{
    background-image: url(../img/activities/primary/home/prima_home_9.jpg);
}

#primSEIL{
    background-image: url(../img/activities/primary/home/prima_home_10.jpg);
}

#primCross{
    background-image: url(../img/activities/primary/home/prima_home_11.jpg);
}



#kinder{
    background-image:  url(../img/thristle/tristle_1.jpg);
}

#primary{
    background-image:  url(../img/thristle/tristle_2.jpg);
}

#secondary{
    background-image:  url(../img/thristle/tristle_3.jpg);
}

#physical-ed{
    background-image:  url(../img/thristle/tristle_4.jpg);
}

#arts{
    background-image: url(../img/thristle/tristle_5.jpg);
}

#it{
    background-image: url(../img/thristle/tristle_6.jpg);
}

#seil{
    background-image: url(../img/thristle/tristle_7.jpg);
}

#community{
    background-image: url(../img/thristle/tristle_8.jpg);
}



#secMaths{
    background-image: url(../img/activities/secondary/home/sec_home_1.jpg);
}

#secHistoria{
    background-image: url(../img/activities/secondary/home/sec_home_2.jpg);
}

#secEspanol{
    background-image: url(../img/activities/secondary/home/sec_home_3.jpg);
}

#secEnglish{
    background-image: url(../img/activities/secondary/home/sec_home_4.jpg);
}

#secUN{
    background-image: url(../img/activities/secondary/home/sec_home_6.jpg);
}

#secScience{
    background-image: url(../img/activities/secondary/home/sec_home_5.jpg);
}

#secEconomics{
    background-image: url(../img/activities/secondary/home/sec_home_7.jpg);
}

#secCAS{
    background-image: url(../img/activities/secondary/home/sec_home_8.jpg);
}

#secSEIL{
    background-image: url(../img/activities/secondary/home/sec_home_9.jpg);
}

#secIntermediate{
    background-image: url(../img/activities/secondary/home/sec_home_10.jpg);
}

#secSenior{
    background-image: url(../img/activities/secondary/home/sec_home_11.jpg);
}

#secArts{
    background-image: url(../img/activities/secondary/home/sec_home_12.jpg);
}

#secInnovation{
    background-image: url(../img/activities/secondary/home/sec_home_13.jpg);
}

#secFisical{
    background-image: url(../img/activities/secondary/home/sec_home_14.jpg);
}



#ann_faculty{
    background-image: url(../img/annual/home/annual_home_1.jpg);
}

#ann_prof-dev{
    background-image: url(../img/annual/home/annual_home_2.jpg);
}

#ann_admissions{
    background-image: url(../img/annual/home/annual_home_3.jpg);
}

#ann_dev-com{
    background-image: url(../img/annual/home/annual_home_4.jpg);
}

#ann_fin-aid{
    background-image: url(../img/annual/home/annual_home_5.jpg);
}

#ann_alumni{
    background-image: url(../img/annual/home/annual_home_6.jpg);
}

#ann_operations{
    background-image: url(../img/annual/home/annual_home_7.jpg);
}

#ann_it{
    background-image: url(../img/annual/home/annual_home_8.jpg);
}

#ann_fin-info{
    background-image: url(../img/annual/annual_fin-info.png);
}

.featureBlockIcon img{
    position: absolute;
    top:15px;
    left:15px;
}

.reccorido.gr-kinder{
    background-image:  url(../img/thristle/gr-kinder_s.jpg);
}

.reccorido.gr-primary{
    background-image: url(../img/thristle/gr-primary_s.jpg);
}

.reccorido.gr-secondary{
    background-image: url(../img/thristle/gr-secondary_s.jpg);
}

.gr-kinder .reccoridoContent{
    background: linear-gradient(180deg, rgba(193, 130, 185, 0) 0%, rgba(193, 130, 185, 0.8));
}

.gr-primary .reccoridoContent{
    background: linear-gradient(180deg, rgba(0, 82, 155, 0) 0%, rgba(48, 162, 68, 0) 0.01%, rgba(48, 162, 68, 0.8) 61.98%);
}

.gr-secondary .reccoridoContent{
    background: linear-gradient(180deg, rgba(0, 82, 155, 0) 0%, rgba(0, 82, 155, 0.8) 61.98%);
}

.readMoreBlockLink{
    display:block;
    width:140px;
    height: 36px;
    line-height: 36px;
    text-align:center;
    border:1px solid #FFF;
    border-radius: 100px;
    color:#FFF;
    font-family: 'Tinos';
}

.readMoreBlockLink:hover{
    background:#FFF;
    color:#00529B;
}

.reccoridoContent h3{
    font-size:21px;
    font-family: 'Tinos';
    font-weight: 700;
}

.grayBg{
    background:#F5F5F5;
    width:100%;
    padding-top:50px;
}


#twoTextsHolder{
    display:flex;
    justify-content: space-between;
}

#twoTextsHolder div{
    width:100%;
    font-size:18px;
    color:#0B274C;
}

#twoTextsHolder div:first-child p{
    padding-right: 30px;
}

@media screen and (max-width: 650px){
    #twoTextsHolder{
        flex-direction: column;
    }
    #twoTextsHolder div:first-child p{
        padding-right: 0px;
    }
}

#featuresHolder{
    border-top: 1px solid #0B274C;
    padding-top:100px;
    margin-top:40px;
    position: relative;
}

.featureBlock{
    width:100%;
    height: 190px;
    position: relative;
}
.featureBlockContent{
    width:50%;
    box-sizing: border-box;
    padding-left: 65px;
    padding-right: 65px;
}

.left .featureBlockContent{
    text-align: right;
}

.left .featureBlockContent p{
    float:right;
}

.right .featureBlockContent{
    float:right;
}

.featureBlockIcon{
    width:78px;
    height:78px;
    border:1px solid #0B274C;
    background:#F5F5F5;
    border-radius: 999px;
    position:absolute;
    left:50%;
    top:-10px;
    margin-left: -39px;
}


.featureBlockContent h3{
    font-size:24px;
    margin:0px;
    padding:0px;
    padding-bottom: 5px;
}

.featureBlockContent p{
    font-size:14px;
    line-height: 20px;
    padding:0px;
    margin:0px;
    max-width: 300px;
}

#featuresVerticalSep{
    position: absolute;
    height:1239px;
    width:1px;
    background: #0B274C;
    top:0px;
    left:50%;
}


@media screen and (max-width: 730px) {

    #featuresVerticalSep{
        display:none;
    }

    .featureBlock{
        margin-bottom: 30px;
        height:auto;
    }

    .featureBlockIcon{
        position: relative;
        margin:0 auto;
        left: auto;
        top:auto;
    }

    .right .featureBlockContent, .left .featureBlockContent p{
        float:none;
    }
    .featureBlockContent p {
        display: inline-block;
    }

    .featureBlockContent, .featureBlockContent h3{
        width:auto;
        text-align: center!important;
    }

    #featuresVerticalSep{
        display:none;
    }

    .grayBg{
        padding-bottom:50px;
    }

    .featureBlockContent h3{
        padding-top:5px;
        padding-bottom: 5px;
    }

}


#activitiesHolder{
    height:730px;
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat,no-repeat,no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: center bottom, left top, left bottom, right top, right bottom, center bottom;
    background-image: url(../img/thristle/activities/barra_colores_competencias.png), url(../img/thristle/activities/act1.jpg), url(../img/thristle/activities/act2.jpg), url(../img/thristle/activities/act3.jpg), url(../img/thristle/activities/act4.jpg), url(../img/thristle/activities/act5.jpg);
}

#activitiesHolder h3{
    font-size:48px;
    margin:0px;
    padding:0px;
}

#activitiesHolder p{
    max-width: 510px;
    font-size:18px;
    text-align: center;
}

#activitiesHolder a{
    border:1px solid #0B274C;
    color:#0B274C;
    border-radius: 999px;
    display: block;
    width:120px;
    height:36px;
    line-height: 36px;
    text-align: center;
}

@media screen and (max-width: 1200px){

    #activitiesHolder{
        height:340px;
        background-repeat: no-repeat,no-repeat,no-repeat, no-repeat, no-repeat;
        background-position: center bottom, left top, right 50px, right bottom, left 400px;
        background-image: url(../img/thristle/activities/barra_colores_competencias_mob.png),
                            url(../img/thristle/activities/act_mob_1.jpg),
                            url(../img/thristle/activities/act_mob_2.jpg),
                            url(../img/thristle/activities/act_mob_3.jpg),
                            url(../img/thristle/activities/act_mob_4.jpg)
    }

    #activitiesHolder p{
        font-size: 12px;
        max-width: 230px;
    }



}

.structureHolder{
    display:flex;
    text-transform: uppercase;
}

.structureHolder>div{
    width:33.33%;
}

.structureHolder h3{
    margin-bottom:0px;
    font-size:24px;
}

.structureHolder h4{
    margin-bottom:5px;
    text-transform: uppercase;
    font-size: 16px;
}

.sep{
    border-bottom:1px solid #0B274C;
    margin-top:70px;
    margin-bottom:70px;
}


.sep.small{
    margin-top: 5px;
    width: 80%;
    margin-bottom: 0;
}


.activityHolder{
    display:flex;
    margin-top:70px;
    gap:50px;
}

.activityColumn{
    width:50%;
}

.activityColumn ul li, .activityColumn ol li, .wrapperActivities ol li{
    font-size: 18px;
}

@media screen and (max-width: 768px) {
    .activityHolder,.actImagesBottom{
        flex-direction: column;
    }

    .activityHolder.activityHolderInv{
        flex-direction: column-reverse;
    }

    .activityColumn{
        width: 100%;
    }



}



.wrapperActivities p{
    font-size:18px;
    line-height: 30px;
}

.actTitle{
    color:#0B274CB;
    font-size: 21px;
    padding-top:22px;
    padding-bottom:22px;
}

.activityIcons img{
    margin-right:10px;
}

.actImagesBottom{
    margin-top:50px;
    display:flex;
    justify-content: space-between;
}

.wrapperActivities p a{
    font-weight: bold;
}

.footNoMarg .footer{
    /* margin-top: 0px; */
}

.wrapperActivitiesSec1 .activityIcons{
    margin-top:70px;
}

.wrapperActivities h1{
    font-family: 'Tinos';
    font-size: 32px;
    font-weight: 400;
}

.wrapperActivities h2{
    padding-bottom:30px;
}

.wrapperActivities a.button{
    margin-top:40px;
}

.activityColumnImage img{
    margin-bottom: 70px;
    max-width: 100%;
}



@media screen and (max-width: 730px){
#activitiesHolder{
    height: auto;
    background-repeat: no-repeat,no-repeat,no-repeat, no-repeat, no-repeat;
    background-position: center bottom, left top, right 33px, left 512px, right 512px;
    background-image: url(../img/thristle/activities/barra_colores_competencias_mob.png),
                        url(../img/thristle/activities/act_mob_min1.jpg),
                        url(../img/thristle/activities/act_mob_min2.jpg),
                        url(../img/thristle/activities/act_mob_min3.jpg),
                        url(../img/thristle/activities/act_mob_min4.jpg)
}

#mob_line{
    height: 170px;
    width: 1px;
    background: #0B274C;
}

.activities_links {

    gap: 20px;
    margin-bottom: 213px;

}

.annualArticle {
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.linedTitle{
    text-align: center;
}

#mob_center{
    text-align: center;
}

    .structureHolder>div{
        width:100%;
    }

    .sep.small{
        margin:0 auto;
        margin-top:10px;
    }

}



@media screen and (max-width: 1100px) {
    #annualDecor {
        display: none;
    }
}
@media screen and (max-width: 1000px){
    .structureHolder{
        flex-direction: column;
        text-align: center;
        align-items: center;
    }


}

.actHeader{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
    margin-top:60px;
}

.actHeader>div{
    flex-grow: 1;
    width:0;
}

@media screen and (max-width: 1100px) {
    .actHeader>div{
        width:30%;
    }
}

@media screen and (max-width: 600px) {
    .actHeader>div{
        width:40%;
    }
}

.actHeader>div>div{
    height:6px;
    width:100%;
    margin-top:5px;
}