@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600;700&family=Tinos:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900;1,900;700;400&display=swap');

/*_____________________________________________________Common stiles______________________________________________________________________*/

body {
    margin: 0 0 0 0;
    font-family: 'Montserrat';
    font-size: 14px;
    color: #0B274C;
}

a {
    text-decoration: none;
    color: #0B274C;
}

.wrapper {
    max-width: 1196px;
    margin: 0 auto;
}

.wrapperSmall {
    max-width: 1000px;
}

.wrapperActivities{
    max-width: 954px;
}

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

    .wrapper,
    .wrapperSmall {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.wrapperMax {
    margin: 0 auto;
}

.centered{
    margin:0 auto;
    display:block;
}

.wrapperMaxReal {
    max-width: 1440px;
}

.wrapperMax img {
    max-width: 100%;
}

.wrapperCollor {
    background-color: #0B274C;
}


.img_auto {
    max-width: 100%;
}

/*header*/

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 123px;
    padding-right: 123px;
    padding-top:15px;
}

#headerFiller{
    width:132px;
    height:50px;
}

.master-container{
    display:none;
}

.headerlink {
    display: flex;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */
    justify-content: space-around;
    align-items: center;
    color: #0B274C;
    flex: 0 1 400px;
}

.line {
    height: 1px;
    width: 105px;
    background-color: #0B274C;
}

.topnav {
    display: none;
}

.logo2 {
    display: none;
    width: 129px;
    height: 100px;
}

.logo1 {
    width: 129px;
    height: 100px;
}

.darkMenu .logo1 {
    display: none;
}

.darkMenu .logo2 {
    display: initial;
    margin-top: 10px;
}

/*main picture*/

.backgroundLetter {
    width: 100%;
    margin-top: 91px;
    border-radius: 50px;
    background-image: url("../img/escudo_2.png");
    background-repeat: no-repeat;
    background-position-y: center;
    overflow: hidden;
}

.wrapper .backgroundLetter {
    display: flex;
    align-items: flex-end;
    height: 560px;
}

.text1 {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 60px;
    color: #FFFFFF;
    padding-top:320px;
}

.backgroundLetter .text1{
    padding-top:0px;
}

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

    .text1 {
        font-size:33px;
    }

}

.text2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

.text3 {

    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 92px;
    text-align: center;
    color: #FFFFFF;
}

#text3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
}

/*Article*/

.wrapperArticle {
    max-width: 800px;
    margin: 0 auto;
    position: relative
}

.wrapperArticle p,
li {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 165%;
    color: #0B274C;
}

.button {

    background-color: #0B274C;
    color: white;
    border-radius: 50px;
    display: inline-block;
    min-width: 100px;
    padding-left:15px;
    padding-right:15px;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-family: 'Tinos';
    font-size: 18px;

}

.button.annual {
    padding: 10px 60px;
}

.bottomlinks {
    height: 50px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-top: 100px;
}

.continueLink {
    margin: auto;
}

.continueLink i {
    margin-left: 20px;
}

#myimage {
  cursor: pointer;
  border: none;
  background: none;

}

input[type="image"]#myimage:hover {
  border: 8px solid #0B274C;
  border-radius: 120px;
}

#sites{
    display:flex;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 128px;

    text-align: center;
    color: #474372;
    margin-left:98px;
}

/*footer*/
.footer {
    background-color: #0B274C;
    width: 100%;
    margin-top: 100px;
}

.footerLinks {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 50px;

}

.footerLinks1 {
    display: flex;
    flex-direction: column;
}

.footerLinks1 a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.footerLogo {
    width: 100%;
    background-color: #0B274C;
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
    padding: 50px 0px;
    align-items: center;
}


/* _____________________________________________________Chairman Page__________________________________________________________________________*/

.backgroundLetter.backgroundCharmain {
    background-color: #55B9C8;
    background-position-x: right;
    margin-bottom: 91px;
}

.backgroundCharmainLeft {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 80px;
    margin-top: 120px;
    padding-bottom: 130px;
}

.backgroundCharmainRight {
    display: flex;
    flex: 0 440px;

}

/* _____________________________________________________Headmaster Page__________________________________________________________________________*/

.wrapper .backgroundHeadmaster {
    display: flex;
    align-items: flex-end;
}

.backgroundLetter.backgroundHeadmaster {
    background-color: #6C80B5;
    background-position-x: left;
    margin-bottom: 91px;
}

.backgroundHeadmasterRight {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 120px;
    text-align: right;
    padding-bottom: 150px;
    padding-right: 80px;
}

.backgroundHeadmasterLeft {
    display: flex;
    flex: 1 0 440px;
}

/* ___________________________________________Origins page______________________________________________________________________________ */


.backgroundOrigin {
    width: 100%;
    margin-top: 91px;
    background-image: url("../img/origins1.png");
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

.originText {
    padding-top: 180px;
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 92px;
    text-align: center;
    color: #FFFFFF;
}

.centerLink .continueLink {
    display: none;
}

.centerLink .bottomlinks {
    justify-content: flex-start;
}

/* __________________________________________________Home page__________________________________________________________________________________________ */


.darkMenu header {
    position: absolute;
    width: 100%;
}

.BG_mainphoto {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 1) 0%, rgba(11, 39, 76, 0.4) 50%, rgba(11, 39, 76, 1) 100%), url(../img/school_photo.png);
    background-position: center center;
    background-size: cover;
    padding-bottom: 50px;
    background-repeat: no-repeat;
}

.BG_mainphoto.annual {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 1) 0%, rgba(11, 39, 76, 0.4) 50%, rgba(11, 39, 76, 1) 100%), url(../img/annual/annual_main.png);
    background-repeat: no-repeat;
    padding-bottom: 0px;
}


.BG_mainphoto.thristle {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 1) 0%, rgba(11, 39, 76, 0.4) 50%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/thristle_main.png);
    background-repeat: no-repeat;
    padding-bottom: 0px;
}

.BG_mainphoto p {
    text-align: center;
    margin-top: 0px;
    margin: 0 auto;
}

.BG_mainphoto h1{
    text-align: center;
    margin-top: 0px;
    margin: 0 auto;
    padding-top:320px;
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 60px;
    color: #FFFFFF;
}

.BG_mainphoto img {
    padding-top: 180px;
    padding-left: 46.5%;
}


.darkMenu .header .headerlink a {
    color: white;
}

.darkMenu .header .headerlink .line {
    background-color: white;
}

.wrapperCenter {
    /* display: flex;
    flex-direction: column;
    align-items: center;   */
    display: flow-root;
}

.darkMenu .backgroundLetter.backgroundCharmain {
    margin-bottom: 0px;
}

.darkMenu .articleGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    background-image: url(../img/group67.png);
}

.AndrHaeder {
    display: flex;
    flex-direction: column;
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    font-size: 80px;
    line-height: 92px;
    color: #0B274C;
}

.articleHome {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #0B274C;
    padding: 80px 30px;
    margin-bottom: 100px;
}

.articleHeader {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 41px;
}

.articleHome.bord {
    border-top: solid 2px #0B274C;

}

.articleHome.bord.left {
    border-left: solid 2px #0B274C;
}

.contRead {
    padding: 10px 10px;
    border: solid 1px #0B274C;
    border-radius: 50px;
}

.contReadDark {
    padding: 10px 10px;
    border: solid 1px white;
    border-radius: 50px;
    color: white;
    z-index: 10;
}

.lineA {
    height: 1px;
    width: 345px;
    background-color: #0B274C;
    margin: 0 auto;
}

.articleGrid .AndrHaeder p {
    padding-left: 20%;
}

.AndrHaeder,
.articleHome {
    position: relative;
}



.backgroundCharmainLeftDark {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 30px;
    flex: 1 0 auto;
}

.backgroundTrLeft {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    align-items: self-start;
    padding: 13px 19px 13px 25px;
    padding-bottom: 55px;
}

.backgroundTrLeft p {
    padding: 12px 0;
}

#R1,
#R2,
#R3,
#R4,
#R5,
#R6 {
    position: absolute;
}

#R1 {
    right: -50px;
}

#R2 {
    left: -50px;
}

#R3 {
    bottom: -70px;
}

#R4 {
    right: -75px;
    bottom: -35px;
}

#R5 {
    top: 300px;
    left: -70px;
}

.backgroundHeadmasterRightDark {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 50px 30px;
    flex: 1 0 auto;
    text-align: right;
}

.text1Dark {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 55px;
    color: #FFFFFF;
    margin: 15px 0px;
}

.text2DarkHead {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 8px 0px;
}

.text2Dark {
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 21px;
    line-height: 22px;
    color: #FFFFFF;
}

.arrowDark {
    text-align: center;
}

.arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:100px;
    padding-bottom: 100px;
}


.indexPhoto .arrow{
    padding-top:300px;
}

@media screen and (max-width: 768px){
    .indexPhoto .arrow{
        padding-top:150px;
    }
}


.song {

    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 69px;
    /* identical to box height */

    text-align: center;

    color: #0B274C;
}

.motto {
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px;
}

.mottosub {
    min-width: 268px;
    width:24%;
    padding:15px;
    height: 20%;
    background: #F5F5F5;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.sub {
    width: 229px;
    height: 13px
}

.sub.col1 {
    background-color: #6C80B5;
}

.sub.col2 {
    background-color: #0B274C;
}

.sub.col3 {
    background-color: #55B9C8;
}

.sub.col4 {
    background-color: #464878;
}

.mottosub p.mottohead {

    font-weight: 700;
    font-size: 24px;
    line-height: 29px;


}

.mottosub p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;

    color: #0B274C;
}

.subrow {
    height: 110px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.logo-CASA {
    padding-top: 100px;
}

.map {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    padding-top: 50px;
}

.mapVideo {
    margin: auto;
    overflow: hidden;
    border-radius: 50px;

}

.map p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 165%;
    /* or 30px */
    color: #FFFFFF;
}

.logoHistory {
    max-width: 890px;
    margin: 50px  auto 0px;
    padding-bottom: 80px;
    position: relative;
}

.diagram {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.students {
    display: flex;
    padding-top: 0px;

    width: 100%;
    justify-content: space-between;
}

.count_block{
    display:flex;

}


#display-counter1,
#display-counter2,
#display-counter3{
    font-size:64px;
    font-weight: 700;
}

#display-counter,
#display-counter4,
#display-counter5,
#display-counter{
    font-size:100px;
    font-weight: 700;
}


.count_block_r{
    padding-top: 75px;
    padding-left: 10px;
    text-align: center;
}



.students_count{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 20px;
}

.box {
    display: flex;
    padding-top: 50px;
}

.bottomBlock {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;

}

.bottomBlock a {
    position: absolute;
    left: 60px;
}

.bottom {
    height: 718px;
    width: calc(50% - 2px);
}

.bottom.bottomL, .bottom.bottomR{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.bottom.bottomL {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 1) 0%, rgba(11, 39, 76, 0.4) 50%, rgba(11, 39, 76, 1) 100%), url(../img/rectangle21.png);
}

.bottom.bottomR {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 1) 0%, rgba(11, 39, 76, 0.4) 50%, rgba(11, 39, 76, 1) 100%), url(../img/rectangle22.png);
}

.bottomTextHL,
.bottomTextHR {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-size: 72px;
    line-height: 30px;
    padding: 0 60px;
    color: #FFFFFF;
}

.bottomTextHL {
    padding-top: 400px;
}


.bottomText {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 0 60px;
    max-width: 500px;
}

.darkMenu .footer {
    margin-top: 0;
}

.imgMargin{
    margin-right:25px;
}

/* ///////////////////Thristle-Kinder//////////////// */

.backgroundKinder {
    background: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/kinder/kinder.png);
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
}

.KinderText {
    padding-top: 340px;
    padding-left: 120px;
}

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

    .KinderText{
        padding-left:50px;
    }

}

.kinderTL {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

.TL_titels p {
    font-size: 21px;
}




#text6 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #55B9C8;
    margin: 0;
}

@media screen and (max-width: 768px) {
    #text6 {
        font-size: 26px;
    }
    #text6 br {
        display: none;
    }
}

.citeHolder{
    margin-top:70px;
    margin-bottom:70px;
}

.citeHolderSepTop, .citeHolderSepBottom{
    display:flex;
    align-items: center;
    justify-content: center;
}

.citeHolderSepTop div, .citeHolderSepBottom div{
    width:1px;
    height:100px;
    background: #0B274C;
}

.citeHolderSepBottom{
    border-bottom: 1px solid #0B274C;
}

.textArt {
    background: white;
    padding: 50px 0;
}

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

    #featuresVerticalSep509{
        display:none;
    }

    .kinderTL{
        flex-direction: column;;
    }

    .bottomlinks{
        flex-direction: column;
    }

}

/* ///////////////////Thristle-Primary//////////////// */


.backgroundPrimary {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/primary/primary.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

/* ///////////////////Thristle-Primary//////////////// */

.backgroundSecondary {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/secondary/secondary.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

/* ///////////////////Thristle-Physical-ed//////////////// */

.backgroundPh-ed {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/physical-ed/physical-ed.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

.Ph-ed_TL {
    display: flex;
    margin: 50px 0;
}

.TL_titels.TL_Ph-ed p {
    font-size: 21px;
    padding: 20px 40px;
}

/* ///////////////////Thristle-Arts//////////////// */

.backgroundArts {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/arts/arts.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

/* ///////////////////Thristle-IT//////////////// */

.backgroundIT {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/it/it.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

/* ///////////////////Thristle-SEIL//////////////// */

.backgroundSEIL {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/seil/seil.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

/* ///////////////////Thristle-Community//////////////// */

.backgroundCommunity {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/community/community.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}

.orgLink {
    text-decoration: underline
}

.commArticle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.commArticle_L li,
.commArticle_R li {
    border-bottom: solid 4px grey;
    padding: 20px 0;
}

.communityPhoto {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}


/* ///////////////////Thristle-External-Exams//////////////// */

.backgroundExt {
    background-image: linear-gradient(180deg, rgba(11, 39, 76, 0) 0%, rgba(11, 39, 76, 1) 100%), url(../img/thristle/ext-exams/ext-exams.png);
    background-size: cover,cover;
    background-repeat: no-repeat,no-repeat!important;
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
}


/* ///////////////////Report-Faculty//////////////////////////////// */

.backgroundAnnual {

    margin-top: 91px;
    overflow: hidden;
    height: 560px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

}

@media screen and (max-width:950px){
    .backgroundAnnual {
        height: calc(100vw / 1.8);
    }
}

.backgroundAnnual.faculty {
    background-image: url(../img/annual/faculty/faculty.png);
}

h1.report_header {
    font-family: 'Tinos';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 55px;
    padding: 30px 0;
    color: #0B274C;
}

.wrapperArticle img {
    max-width: 100%;
}

/* ///////////////////Report-Proff-Development//////////////////////////////// */

.backgroundAnnual.prof-dev {
    background-image: url(../img/annual/prof-dev/prof-dev.png);
}

/* ///////////////////Report-Admissions //////////////////////////////// */

.backgroundAnnual.admissions {
    background-image: url(../img/annual/admissions/admissions.png);
}

/* ///////////////////Report-Dev-com //////////////////////////////// */

.backgroundAnnual.dev-com {
    background-image: url(../img/annual/dev-com/dev-com.png);
}

.wrapperArticle .dev-com_img {
    padding-bottom: 120px;
    padding-top: 50px;
}

/* ///////////////////Report-Alumni //////////////////////////////// */

.backgroundAnnual.alumni {
    background-image: url(../img/annual/alumni/alumni.png);
}

.bluebox {
    padding-bottom: 50px;
    position: relative;
    margin-top: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.button1 {
    color: white;
    padding: 14px 25px;
    border-radius: 50px;
    background: #55B9C8;
    margin: 0 auto;
    font-size: 24px;

}

.F2F {
    position: relative;
    display:flex;
    margin: 70px 0;
    flex-wrap: wrap;
}

.F2F div{
    width:50%;
}

#R7 {
    transform: rotate(-1.96deg);
}

#R8 {
    transform: rotate(1.36deg);
}

.wrapperArticle p.alumniTXT {
    font-weight: 700;
    font-size: 32px;
}

.bluebox1 {
    position: relative;
    margin-top: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#R9{
    margin-top:-150px;
}


.wrapperArticle .network {
    display: flex;
    justify-content: space-between;
}

.wrapperArticle .network .subNetwork {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#R14 {
    margin: 20px 0;
}

.contacts {
    margin-top: 110px;
}

/* ///////////////////Report-Fin-Aid//////////////////////////////// */

.backgroundAnnual.fin-aid {
    background-image: url(../img/annual/fin-aid/fin-aid.png);
}

.BG_fin-aid {
    background: white;
    max-width: 1170px;
    margin: 0px auto;
    background-image: url(../img/annual/fin-aid/thristle_fin-aid.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    border: solid 1px #0B274C;
}

#vert120 {

    height: 120px;
    width: 1px;
    background: #0B274C;
    margin-left: 50%;

}

/* ///////////////////Report-Operations//////////////////////////////// */

.backgroundAnnual.operations {
    background-image: url(../img/annual/operations/operations.png);
}

/* ///////////////////Report-Tecnology//////////////////////////////// */

.backgroundAnnual.tecnology {
    background-image: url(../img/annual/tecnology/tecnology.png);
}




/* ///////////////////Report-Fin-Info //////////////////////////////// */

.backgroundAnnual.fin-info {
    background-image: url(../img/annual/fin-info/fin-info.png);
}

.tg {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 80px;
}

.tg td {

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #0B274C;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.tg .t1 {
    text-align: left;
    vertical-align: top;
    background-color: white;
}

.tg .t1.t2 {
    text-align: right;
}

.tg .t1.te {
    background-color: #F5F5F5;
}

.tg .t1.tec {
    background-color: #0B274C;
    color: white;
}

#imgcenter {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.wrapperArticle .note {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;

    color: #8B8B8B;

}


.sustainability{
    display:flex;
    border-bottom: 1px solid #329C32;
}

/* /////////////////////////Graduations-Kinder/////////////////// */

.backgroundGrKinder {
    background: linear-gradient(360deg, rgba(193, 130, 185, 0.8) 0%, rgba(193, 130, 185, 0) 100%), url(../img/graduates/kinder/gr-kinder.png);
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
    border-radius: 50px;
}

.bottomlinks.graduates {
    justify-content: space-between;
}

#kinder_background{

    background-image: url(../img/graduates/kinder/grey_rect.png);
    background-repeat: no-repeat;
    background-position-y: center;
    text-align: center;

}

/* /////////////////////////Graduations-Primary/////////////////// */

.backgroundGrPrimary {
    background: linear-gradient(360deg, rgba(48, 162, 68, 0.8) 0%, rgba(48, 162, 68, 0) 97.92%, rgba(193, 130, 185, 0) 100%), url(../img/graduates/primary/gr-primary.png);
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
    border-radius: 50px;
}

.prTeams {
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: 1px solid #0B274C ;
}

.prTeam {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 10px;
}

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

    .gr-primarycontent{
        flex-direction: column;
    }

    #gr-primarycontent1{
        width:100%!important;
        padding:0px!important;
    }
}


.prTeams .prTeam p,
.table6 .tablecol p {
    font-size: 14px;
}

.gr-photos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
}

.gr-primarycontent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 21px;
    margin-bottom: 50px;
    margin-top: 80px;
}

.gr-primarycontent p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;

    color: #55B9C8;
}



#gr-primarycontent1 {
    color: #55B9C8;
    width: 25%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    padding: 0 30px;
}

#gr-primarycontent2 {
    color: #55B9C8;
    width: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 9px;
    padding: 0 30px;

}





.table6 {
    max-width: 860px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 0 auto;
}

.table6 .tablecol {
    display: flex;
    flex-direction: column;
}

table {
    width: 100%;
    box-shadow: inset 0px 1px 0px #B9B9B9;
    background: rgba(255, 255, 255, 0.0001);
    margin-bottom: 80px;
}

table th {
    height: 60px;
    border-top: 1px solid lightslategray;
    border-bottom: 1px solid lightslategray;
    background-color: white;
}

.t1{
    padding-left:10px;
}

table tr:nth-child(even) {
    background-color: rgba(85, 185, 200, 0.4);
}

table tr:nth-child(odd) {
    background-color: rgba(85, 185, 200, 0.1);
}

table.year5 tr:nth-child(even) {
    background-color: rgba(89, 211, 122, 0.51);
}

table.year5 tr:nth-child(odd) {
    background-color: rgba(89, 211, 122, 0.28);
}

table.year6 tr:nth-child(even) {
    background-color: rgba(193, 130, 185, 0.3);
}

table.year6 tr:nth-child(odd) {
    background-color: rgba(193, 130, 185, 0.1);
}

.table6 .tablecol_odd {
    background-color: rgba(85, 185, 200, 0.4);

}

.table6 .tablecol_even {
    background-color: rgba(85, 185, 200, 0.1);
    flex: 1 0 auto;
}

.table6 .tablecol_even p,
.table6 .tablecol_odd p {
    font-family: 'Montserrat';
    font-size: 14px;
    color: #0B274C;
    padding-left:5px;
    padding-right: 5px;
}





/* /////////////////////////Graduations-Secondary/////////////////// */

.backgroundGrSecondary {
    background: linear-gradient(360deg, rgba(0, 74, 147, 0.8) 0%, rgba(0, 74, 147, 0) 100%), url(../img/graduates/secondary/gr-secondary.png);
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    background-repeat: round;
    height: 560px;
    border-radius: 50px;
}

.gr-photos.secondary {
    margin: 50px 0;
    grid-column-gap: 60px;
    grid-row-gap: px;
    position: relative;
}

.bottomlinks.secndary {
    padding-top: 0px;
}

#grad1 {
    grid-area: 1 / 2 / 2 / 3;
}

.wrapperMax.BGsecondary {
    background-color: #F5F5F5;
}

#recog_img {
    position: absolute;
    top: 36px;
}

table.tg-secondary7 tr:nth-child(even) {
    background-color: rgba(85, 185, 200, 0.2);
}

table.tg-secondary7 tr:nth-child(odd) {
    background-color: rgba(85, 185, 200, 0.4);
}

table.tg-secondary8 tr:nth-child(even) {
    background-color: #D1F3DA;
    ;
}

table.tg-secondary8 tr:nth-child(odd) {
    background-color: #81DE9A;
}


table.tg-secondary9 tr:nth-child(even) {
    background-color: rgba(193, 130, 185, 0.1);
    ;
}

table.tg-secondary9 tr:nth-child(odd) {
    background-color: rgba(193, 130, 185, 0.4);
}

table.tg-secondary10 tr:nth-child(even) {
    background-color: rgba(0, 82, 155, 0.1);
    ;
}

table.tg-secondary10 tr:nth-child(odd) {
    background-color: rgba(0, 82, 155, 0.4);
}





/* ____________________Media__________________________________ */


@media (max-width: 1200px) {

    /* common */
    .line {
        width: 50px;
    }

    .header {
        padding-left: 63px;
        padding-right: 63px;
    }

    .wrapperArticle p,
    li {
        font-size: 20px;
    }

    .backgroundLetter.backgroundCharmain {
        margin-bottom: 80px;
    }

    /* Headmaster */

    .backgroundLetter.backgroundHeadmaster {
        margin-bottom: 80px;
    }

    .backgroundHeadmasterRight {
        padding-left: 50px;
    }

    /* Origin */
    .backgroundOrigin {
        height: 360px;
    }

    .originText {
        padding-top: 90px;
    }

    /* Home */

    .lineA {
        width: 350px;
    }


    #R1,
    #R2,
    #R3,
    #R4,
    #R5 {
        display: none;
    }

    #sites{
        flex-direction: column;
        align-items: center;
        padding-left:0;
        margin-left:0px;
    }

    .students_count{
        flex-direction: column;
        align-items: center;
        gap: 65px;
        padding-bottom: 40px;
    }

    .map{
        display: flex;
        flex-direction: column-reverse;
    }



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

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

    .bottomTextHL {
        padding-top: 311px;
    }

    .bottomTextHL,
    .bottomTextHR {
        line-height: 62px;
    }

    .moto {
        flex-wrap: wrap;
    }

    .imgMargin{
        margin:0px;
    }

}

.logoHistory{
    max-width: 700px;
}

.logo-CASA{
    padding-left: 14%;
}

@media (max-width: 1100px) {

    .motto{
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .mottosub{
        width:45%;
        margin-bottom: 20px;
    }

}

@media (max-width: 900px) {

    .backgroundCharmainRight{
        position: absolute;
        right: -75px;
    }

    .backgroundHeadmasterLeft{
        position: absolute;
        left: -75px;
    }

    .pageLetter .backgroundHeadmasterLeft{
        left: -100px;
    }

    .pageLetter .backgroundHeadmasterRight{
        padding-right: 40px;
    }

    .text2Dark{
        max-width: 380px;
    }

    .text2Dark br{
        display: none;
    }

    .backgroundCharmain, .backgroundHeadmaster{
        overflow: hidden;
        position: relative;
    }

}

@media (max-width: 800px) {

    .articleGrid .AndrHaeder p{
        padding-left:0px;
        text-align: center;
    }

    /* \\\\\\\\\\\\\\\\\\\\\\\\\\\ */

    .backgroundCharmainRight{
        right: -170px;
    }

    .headerlink {
        display: none;
    }

    .header {
        padding-left: 43px;
        padding-right: 43px;
    }

    .text2 {
        font-size: 14px;
    }

    .wrapperArticle p,
    li {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wrapperArticle {
        max-width: 720px;
    }

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

    .footerLogo {
        flex-direction: column-reverse;
        align-items: center;
        height: 250px;
    }

    .button {
        margin-left: 10px;
    }

    /* Charman */
    .backgroundCharmain {
        margin-top: 50px;
        background-color: #55B9C8;
        border-radius: 30px;
        background-image: url("../img/escudo_2min.png");
        margin-bottom: 50px;
    }

    .backgroundCharmainRight img {
        /* display: none; */
    }

    .backgroundCharmainRight {
        justify-content: end;
        align-self: end;
    }

    .backgroundCharmainLeft {
        padding-left: 80px;
        margin-top: 80px;
    }

    /* Headmaster */

    .backgroundLetter.backgroundHeadmaster {
        margin-top: 50px;
        border-radius: 50px;
        background-image: url("../img/escudo_2min.png");
        background-repeat: no-repeat;
        background-position-x: center;
        margin-bottom: 50px;
    }

    .backgroundHeadmasterLeft img {
        /* display: none; */
    }

    /* Origin */


    .backgroundOrigin {
        height: 300px;
    }

    .originText {
        padding-top: 70px;
    }

    /* Home */



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


    .lineA {
        width: 200px;
    }

    .darkMenu .articleGrid {
        display: block;
    }

    .map {
        display: flex;
        flex-direction: column-reverse;
    }

    #R1,
    #R2,
    #R3,
    #R4,
    #R5 {
        display: none;
    }

    .darkMenu .footer {
        padding-top: 70px;
    }

    .articleHome.bord.left {
        border-left: none;
    }

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

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

    .bottom.bottomL,
    .bottom.bottomR {
        width: 100%;
    }

    .map800 {
        padding-bottom: 50px;
    }

    .mottosub {
        margin-bottom: 30px;
    }


    #display-counter1,
    #display-counter2,
    #display-counter3{
    font-size:42px;
    font-weight: 700;
}

    #display-counter4,
    #display-counter5,
    #display-counter{
        font-size:52px;
    }


}


@media (max-width: 700px){
    .backgroundCharmainRight img, .backgroundHeadmasterLeft img{
        max-height: 430px;
    }
}


@media (max-width: 768px) {
    .tableHolder {
        overflow-y: scroll;
    }

    .communityPhoto {
        flex-direction: column;
    }

    .network {
        flex-direction: column;
    }

    .F2F {
        flex-direction: column;
    }

    .F2F div {
        width: 100%;
    }

    .wrapper .backgroundLetter {
        height: 400px;
    }

    .backgroundCharmain, .backgroundHeadmaster{
        height:auto!important;
    }

    .backgroundPrimary {
        margin-top: 40px;
    }

}


@media (max-width: 600px){

    .backgroundCharmainRight img, .backgroundHeadmasterLeft img{
        max-height: 410px;
    }

    .text2Dark{
        max-width: 300px;
    }

}

@media (max-width: 565px) {

    .backgroundCharmainRight,.backgroundHeadmasterLeft{
        /*display: none;*/
    }

    .text2Dark{
        max-width: 170px;
    }

    .text2Dark br{
        display:none;
    }

}

@media (max-width: 460px) {

    .pageLetter .backgroundCharmainRight,.pageLetter .backgroundHeadmasterLeft{
        display: none;
    }


    .backgroundHeadmasterRight {
        padding-left: 0px;
    }

    .bottomTextHL {
        padding-top: 250px;
    }

    #frame{
        max-width: 100%;
    }

    .count_block_r {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        align-self: center;
        padding-left: 10px;
    }

    .count_block {
        display: flex;
        flex-direction: column;
        align-self: center;
        text-align: center;
    }

    #st{
        width: 70%;
    }

    #st1{
        width: 35%;
    }

    .count_block_r {
        padding-top: 0px;
        align-items: center;
    }

    .darkMenu .backgroundLetter.backgroundCharmain {
        margin-bottom: 0px;
        margin-top: -100px;
    }

    .text1Dark {
        font-size: 36px;
    }

    .text2Dark {
        font-size: 17px;
    }

    .backgroundCharmainLeftDark,
    .backgroundHeadmasterRightDark {
        gap: 12px
    }

    .AndrHaeder {
        font-size: 48px;
    }

    .articleHome {
        padding: 0;
    }

    .AndrHaeder {
        line-height: 50px;
    }

    .articleGrid .AndrHaeder p {
        padding-left: 0;
    }

    .lineA {
        margin: 0;
    }

    .backgroundTrLeft {
        flex: 0 1 auto;
        gap: 20px;
    }

    .backgroundTrLeft br{
        display: none;
    }

    .wrapper .backgroundLetter{
        height:250px;
    }

    .backgroundHeadmaster, .backgroundCharmain{
        height: auto!important;
    }

    .backgroundHeadmasterLeft{
        left: -125px;
    }

}

@media (max-width: 400px){
    .backgroundCharmainRight img, .backgroundHeadmasterLeft img{
        max-height: 370px;
    }
}

@media (max-width: 350px) {

    .backgroundCharmainRight,.backgroundHeadmasterLeft {
        display: none;
    }

    .text2Dark{
        max-width: 210px;
    }

}

#R6{
    margin-top:-250px;
}