/* CSS Document */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
}


/* Navigation bar*/

.nav1 {
  background-color: #07005B;
  height: 75px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 2;
}


nav .fa {
  display: none;
}

.fa:hover{
  transform: scale(1.05);
}

.div1 ul li {
  flex: 1;
  text-align: right;
  list-style: none;
  display: inline-block;
  position: relative;
}

.div1 ul li::after {
  content: " ";
  width: 0%;
  height: 2px;
  display: block;
  background: white;
  margin: auto;
  transition: 0.7s;
  position: relative;
}

.div1 ul li:hover::after {
  width: 50%;
}

.ul1 li a {
  font-family: "Crimson Text";
  color: white;
  font-size: 30px;
  padding-left: 3vw;
  padding-right: 3vw;
  font-weight: 700;
}

.gjar_logo_nav {
  position: relative;
  left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
  width: 90px;
}

.gjar_logo_nav_box img{
  display: block;
}

.gjar_logo_nav_box:hover{
  transform: scale(1.1);
}





/* uvodne_video */
.bod{
  background-color: #07005B;
}
.uvodne_video {
  width: 100%;
  padding-top: 75px;
}





/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  margin-left: auto;
  margin-right: auto;
}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  margin-left: auto;
  margin-right: auto;
}


.explore_div{
  width: 100%;
  position: relative;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 350px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}


.explore_img_div_right{
  background-color: #ffffff;
  width: 350px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 25%;
  height: 600px;
  float: left;
  padding-top: 2%;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 597px;
  height: 400px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 597px;
  height: 400px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 10%;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 10%;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
  font-weight: 700;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
}

.slider_2{
  background-color: #07005B;
  display: none;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 1410px;
  display: flex;
  overflow-x: scroll;
  height: 5%;
}


.slider_div_1{
  background-color: #07005B;
  width: 1410px;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 100%;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 25px;
  margin-right: 25px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 30px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 25px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 50px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}










.extra{
  background-color: #cbd125;
}

.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 500px;
  height: 500px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/3);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/3);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/3);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 500px;
  height: 500px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  width: 400;
  height: 400px;
  border-radius: 50%;
  background-color: #FFF;
}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 50%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 50%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: auto;
  margin-left: auto;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  float: right;
  background-color: #FFF;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 400px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 400px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 1000px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 1000px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/3);
  height: 700px;
  float: left;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/3);
  height: 700px;
  float: right;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/3);
  height: 700px;
  float: right;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 700px;
  float: right;
  padding-top: 15%;
  padding-left: 20%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 150px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 190px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}






/* About us  */
.about_us {
  padding-top: 10px;
  padding-bottom: 35px;
  text-align: center;
  color: rgb(215, 216, 219);
  font-size: 15px;
  background-color: #07005B;
  position: relative;
  height: 250px;
}
.about_us_text {
  position: absolute;
  font-family: "Martel Sans";
  top: 100px;
  left: 50px;
  text-align: left;
  font-weight: 400;
  font-size: 20px;
  color: rgb(255, 255, 255);
  background-color: #07005B;
}


.gjar_logo_about_us {
  position: absolute;
  top: 30;
  left: 50px;
  width: 90px;
  z-index: 2;
}

.pat{
  color: #07005B;
  background-color: #07005B;;
}


/* footer */

.footer p{
  position: fixed;
  font-family: "Nunito Sans";
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 25px;
  color: #07005B;
  text-align: center;
  background-color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
}



/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */

/* width = 1000 (vizuálna zmena a 3 ciary navbar)*/
/* width = 400 (mobil scale)*/

@media (max-width: 1650px) {
  .div1 {
    background-color: #07005B;
    height: 300px;
    width: 200px;
    top: 0;
    right: -200px;
    text-align: left;
    position: absolute;
    z-index: 3;
    transition: 0.8s;
    border: 1px solid rgb(255, 255, 255); 
  }



  .div1 ul li {
    display: block;
    text-align: left;
  }

  nav .fa {
    display: block;
    margin: 10px;
    color: rgb(255, 255, 255);
    font-size: 30px;
  }

  .div1 ul li::after {
    display: none;
  }

  .div1 ul li a:hover {
    color: rgb(62, 66, 121);
  }

  .ul1 li a {
    font-family: "Crimson Text";
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding-top: 10px;
  }
  
  .gjar_logo_nav {
    position: relative;
    left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 90px;
  }
  
  .gjar_logo_nav_box img{
    display: block;
  }
  
  .gjar_logo_nav_box:hover{
    transform: scale(1.1);
  }



/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 400px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";
}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 400px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";
}


.explore_div{
  width: 100%;
  align-items: center;
  justify-content: center;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 400px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.explore_img_div_right{
  background-color: #ffffff;
  width: 400px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 50%;
  height: 600px;
  float: left;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 400px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;
}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 597px;
  height: 400px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 597px;
  height: 400px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 33px;
  padding-top: 10%;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 33px;
  padding-top: 10%;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 23px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 23px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
  display: none;
}

.slider_2{
  background-color: #07005B;
  display: contents;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 470px;
  display: flex;
  overflow-x: scroll;
}


.slider_div_1{
  background-color: #07005B;
  width: 470px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 600px;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 25px;
  margin-right: 25px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 30px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 25px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div_01::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 50px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}












.extra{
  background-color: #cbd125;
}

.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 400px;
  height: 400px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/3);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/3);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/3);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 400px;
  height: 400px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 13%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #FFF;

}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 50%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 50%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: auto;
  margin-left: auto;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  float: right;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 400px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 400px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 1200px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 1200px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/3);
  height: 700px;
  float: left;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/3);
  height: 700px;
  float: right;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/3);
  height: 700px;
  float: right;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 700px;
  float: right;
  padding-top: 15%;
  padding-left: 20%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 150px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 225px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}


}
  
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */


@media (max-width: 1280px) {
  .div1 {
    background-color: #07005B;
    height: 300px;
    width: 200px;
    top: 0;
    right: -200px;
    text-align: left;
    position: absolute;
    z-index: 3;
    transition: 0.8s;
  }

  .div1 ul li {
    display: block;
    text-align: left;
  }

  nav .fa {
    display: block;
    margin: 10px;
    color: rgb(255, 255, 255);
    font-size: 30px;
  }

  .div1 ul li::after {
    display: none;
  }

  .div1 ul li a:hover {
    color: rgb(62, 66, 121);
  }

  .ul1 li a {
    font-family: "Crimson Text";
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding-top: 10px;
  }
  
  .gjar_logo_nav {
    position: relative;
    left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 90px;
  }
  
  .gjar_logo_nav_box img{
    display: block;
  }
  
  .gjar_logo_nav_box:hover{
    transform: scale(1.1);
  }



/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";

}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";

}


.explore_div{
  width: 100%;
  align-items: center;
  justify-content: center;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 350px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}


.explore_img_div_right{
  background-color: #ffffff;
  width: 350px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 50%;
  height: 600px;
  float: left;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;

}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 447px;
  height: 300px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 447px;
  height: 300px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 10%;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 10%;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
  display: none;
}

.slider_2{
  background-color: #07005B;
  display: contents;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 470px;
  display: flex;
  overflow-x: scroll;
}


.slider_div_1{
  background-color:#ffffff;
  width: 470px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 600px;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 25px;
  margin-right: 25px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 30px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 25px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div_01::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 50px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}












.extra{
  background-color: #cbd125;
}



.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 500px;
  height: 500px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/2);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/2);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/2);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 500px;
  height: 500px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: #FFF;
}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 50%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 50%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: auto;
  margin-left: auto;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  float: right;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 18px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 370px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 370px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 1230px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 15px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 1230px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 15px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  padding-top: 5%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 100px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 130px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}


}

/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */


@media (max-width: 1024px) {
  .div1 {
    background-color: #07005B;
    height: 300px;
    width: 200px;
    top: 0;
    right: -200px;
    text-align: left;
    position: absolute;
    z-index: 3;
    transition: 0.8s;
  }

  .div1 ul li {
    display: block;
    text-align: left;
  }

  nav .fa {
    display: block;
    margin: 10px;
    color: rgb(255, 255, 255);
    font-size: 30px;
  }

  .div1 ul li::after {
    display: none;
  }

  .div1 ul li a:hover {
    color: rgb(62, 66, 121);
  }

  .ul1 li a {
    font-family: "Crimson Text";
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding-top: 10px;
  }
  
  .gjar_logo_nav {
    position: relative;
    left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 90px;
  }
  
  .gjar_logo_nav_box img{
    display: block;
  }
  
  .gjar_logo_nav_box:hover{
    transform: scale(1.1);
  }



/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";

}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";

}


.explore_div{
  width: 100%;
  align-items: center;
  justify-content: center;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 350px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}


.explore_img_div_right{
  background-color: #ffffff;
  width: 350px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 50%;
  height: 600px;
  float: left;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 350px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;

}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 373px;
  height: 250px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 373px;
  height: 250px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 20px;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 20px;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 19px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 19px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
  display: none;
}

.slider_2{
  background-color: #07005B;
  display: contents;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 470px;
  display: flex;
  overflow-x: scroll;
}


.slider_div_1{
  background-color: #07005B;
  width: 470px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 600px;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 25px;
  margin-right: 25px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 30px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 25px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div_01::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 50px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}












.extra{
  background-color: #cbd125;
}



.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 380px;
  height: 380px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/2);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/2);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/2);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 380px;
  height: 380px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #FFF;
}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: 10%;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  float: right;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 280px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 280px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 1150px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 13px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 1150px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 13px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  padding-top: 5%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 100px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 130px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}

}



/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */


@media (max-width: 768px) {
  .div1 {
    background-color: #07005B;
    height: 300px;
    width: 200px;
    top: 0;
    right: -200px;
    text-align: left;
    position: absolute;
    z-index: 3;
    transition: 0.8s;
  }

  .div1 ul li {
    display: block;
    text-align: left;
  }

  nav .fa {
    display: block;
    margin: 10px;
    color: white;
    font-size: 30px;
  }

  .div1 ul li::after {
    display: none;
  }

  .div1 ul li a:hover {
    color: rgb(62, 66, 121);
  }

  .ul1 li a {
    font-family: "Crimson Text";
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding-top: 10px;
  }
  
  .gjar_logo_nav {
    position: relative;
    left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 90px;
  }
  
  .gjar_logo_nav_box img{
    display: block;
  }
  
  .gjar_logo_nav_box:hover{
    transform: scale(1.1);
  }



/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";

}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";

}


.explore_div{
  width: 100%;
  align-items: center;
  justify-content: center;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 300px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}


.explore_img_div_right{
  background-color: #ffffff;
  width: 300px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;

}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 50%;
  height: 600px;
  float: left;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;

}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 300px;
  height: 200px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 300px;
  height: 200px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 28px;
  padding-top: 20px;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 28px;
  padding-top: 20px;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 16px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
  display: none;
}

.slider_2{
  background-color: #07005B;
  display: contents;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 400px;
  display: flex;
  overflow-x: scroll;
}


.slider_div_1{
  background-color: #07005B;
  width: 400px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 500px;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 10%;
  margin-right: auto;
  width: 300px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 25px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 20px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div_01::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 40px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}












.extra{
  background-color: #cbd125;
}



.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 500px;
  height: 500px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 500px;
  height: 500px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: #FFF;
}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: 10%;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  float: right;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 400px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 400px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 100%;
  height: 1100px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 14px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 100%;
  height: 1100px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 14px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 400px;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  padding-top: 5%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 100px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 130px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}


}




/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */


@media (max-width: 640px) {
  .div1 {
    background-color: #07005B;
    height: 300px;
    width: 200px;
    top: 0;
    right: -200px;
    text-align: left;
    position: absolute;
    z-index: 3;
    transition: 0.8s;
  }

  .div1 ul li {
    display: block;
    text-align: left;
  }

  nav .fa {
    display: block;
    margin: 10px;
    color: white;
    font-size: 30px;
  }

  .div1 ul li::after {
    display: none;
  }

  .div1 ul li a:hover {
    color: rgb(62, 66, 121);
  }

  .ul1 li a {
    font-family: "Crimson Text";
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding-top: 10px;
  }
  
  .gjar_logo_nav {
    position: relative;
    left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 90px;
  }
  
  .gjar_logo_nav_box img{
    display: block;
  }
  
  .gjar_logo_nav_box:hover{
    transform: scale(1.1);
  }



/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 400px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";
  margin-left: auto;
  margin-right: auto;
}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 400px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";
  margin-left: auto;
  margin-right: auto;
}


.explore_div{
  width: 100%;
  align-items: center;
  justify-content: center;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 400px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.explore_img_div_right{
  background-color: #ffffff;
  width: 400px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 100%;
  height: 600px;
  float: left;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 400px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;
}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 225px;
  height: 150px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 225px;
  height: 150px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 20px;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 25px;
  padding-top: 20px;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 15px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 15px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
  display: none;
}

.slider_2{
  background-color: #07005B;
  display: contents;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 240px;
  display: flex;
  overflow-x: scroll;
}


.slider_div_1{
  background-color: #07005B;
  width: 240px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 400px;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 5%;
  margin-right: auto;
  width: 200px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 20px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 15px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div_01::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 30px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}












.extra{
  background-color: #cbd125;
}



.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 400px;
  height: 400px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 400px;
  height: 400px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #FFF;
}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: 10%;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  float: right;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 18px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 300px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 300px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 100%;
  height: 1000px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 12px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 100%;
  height: 1000px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 12px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 450px;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 450px;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 450px;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 450px;
  padding-top: 5%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 100px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 130px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}


}





/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */
/* media */


@media (max-width: 475px) {
  .div1 {
    background-color: #07005B;
    height: 300px;
    width: 200px;
    top: 0;
    right: -200px;
    text-align: left;
    position: absolute;
    z-index: 3;
    transition: 0.8s;
  }

  .div1 ul li {
    display: block;
    text-align: left;
  }

  nav .fa {
    display: block;
    margin: 10px;
    color: white;
    font-size: 30px;
  }

  .div1 ul li::after {
    display: none;
  }

  .div1 ul li a:hover {
    color: rgb(62, 66, 121);
  }

  .ul1 li a {
    font-family: "Crimson Text";
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding-top: 10px;
  }
  
  .gjar_logo_nav {
    position: relative;
    left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    width: 90px;
  }
  
  .gjar_logo_nav_box img{
    display: block;
  }
  
  .gjar_logo_nav_box:hover{
    transform: scale(1.1);
  }



/* explore GJAR */

.explore_gjar{
  background-color: #07005B;
}

.explore_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}



.explore_podnadpis_right{
  background-color: #ffffff;
  color: #000000;
  width: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";
}

.explore_podnadpis_left{
  background-color: #ffffff;
  color: #000000;
  width: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 25px;
  padding-top: 1%;
  font-family: "Archivo Black";
}


.explore_div{
  width: 100%;
  align-items: center;
  justify-content: center;
}



.explore_img_div_left{
  background-color: #ffffff;
  width: 300px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.explore_img_div_right{
  background-color: #ffffff;
  width: 300px;
  height: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.explore_img_1{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_2{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_3{
  height: 100%;
  background-color: #ffffff;
}

.explore_img_4{
  height: 100%;
  background-color: #ffffff;
}




.explore_text_div{
  background-color: #07005B;
  width: 100%;
  height: 600px;
  float: left;
}

.explore_text{
  background-color: #ffffff;  ;
  color: #07005B;
  width: 300px;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  padding-top: 1%;
  height: 75px;
}


.explore_read_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  background-color: #07005B;
  padding-top: 8px;
  border-radius: 30px;
  top: 10px;
  height: 40px;
  width: 130px;
  text-align: center;
}

.explore_read_more_text {
  color: white; 
  text-decoration: none; 
}


.explore_read_more:hover {
  transform: scale(1.05);
}







/* school year */
.school_year {
  background-color: #07005B;
  position: relative;
}

.school_year_nadpis {
  font-family: "Archivo Black";
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 175px;
  text-align: center;  
  background-color: #07005B;
  font-weight: 400;
}

.month{
  position: relative;
}

.month_nadpis_div{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #07005B;
  }

.month_nadpis{
  color: rgb(255, 255, 255);
  font-family: "Crimson Text";
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  transform: translateY(37.5px);
  position: relative;
  font-weight: 700;
  }


.month_img_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_left{
  width: 150px;
  height: 100px;
}


.month_img_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month_img_right{
  width: 150px;
  height: 100px;
}



.month_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 20px;
  font-family: "Archivo Black";
}

.month_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 20px;
  font-family: "Archivo Black";
}



.month_text_div_right{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: right;
}

.month_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 10px;
  padding-top: 10%;
  font-family: "Martel Sans";
}



.month_text_div_left{
  background-color: #07005B;
  width: 50%;
  height: 500px;
  float: left;
}

.month_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 10px;
  padding-top: 10%;
  font-family: "Martel Sans";
}




.dot{
  top: 250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl {
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_2{
  top: 750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_2{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1000px;
  align-self: center;
  left: calc(50% - 3.5px);
}


.dot_3{
  top: 1250px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_3{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 1500px;
  align-self: center;
  left: calc(50% - 3.5px);
}

.dot_4{
  top: 1750px;
  position: absolute;
  height: 20px;
  width: 20px;
  background-color: rgb(252, 252, 252);
  border-radius: 50%;
  left: calc(50% - 10px);
}


.vl_4{
  position: absolute;
  background-color: rgb(252, 252, 252);
  border-radius: 90px;
  width: 7px;
  height: 2000px;
  align-self: center;
  left: calc(50% - 3.5px);
}



/* SEE MORE, SHOW LESS*/



label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #07005B;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  left: calc(50% - 60px);
  top: 50px;
  height: 40px;
  width: 120px;
  text-align: center;
  font-family: "Crimson Text";
  font-size: 20px;
}



/* JESEN */
.jesen{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jesen{
  display: none;
}

#checkbox_jesen:checked ~ .jesen_hidden{
  display: block;
}

#checkbox_jesen:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.jesen_hidden{
  display: none;
  background-color: #07005B;
}



/* ZIMA */


.zima{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_zima{
  display: none;
}

#checkbox_zima:checked ~ .zima_hidden{
  display: block;
}

#checkbox_zima:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}


.zima_hidden{
  display: none;
  background-color: #07005B;
}


/* JAR */


.jar{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_jar{
  display: none;
}

#checkbox_jar:checked ~ .jar_hidden{
  display: block;
}

#checkbox_jar:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.jar_hidden{
  display: none;
  background-color: #07005B;
}


/* LETO */


.leto{
  background-color: #07005B;
  position: relative;
  padding-bottom: 100px;
}

#checkbox_leto{
  display: none;
}

#checkbox_leto:checked ~ .leto_hidden{
  display: block;
}

#checkbox_leto:checked ~ label{
  display: none;
}


label:hover{
  transform: scale(1.1);
}

.leto_hidden{
  display: none;
  background-color: #07005B;
}




/* Extracurriculars */

.slider_1{
  background-color: #07005B;
  display: none;
}

.slider_2{
  background-color: #07005B;
  display: contents;
}

.extra_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.slider_div_all{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #07005B;
}

.slider_div{
  background-color: #07005B;
  width: 200px;
  display: flex;
  overflow-x: scroll;
}


.slider_div_1{
  background-color: #07005B;
  width: 200px;
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
  padding: 10px;
  flex: none;
}

.individual_extra_div{
  background-color: #ffffff;
  height: 330px;
  width: 100%;
}

.extra_img{
  padding-top: 10px;
  background-color: #ffffff;
  margin-left: 10%;
  margin-right: auto;
  width: 150px;
}

.podnadpis_slider{
  color: #07005B;
  font-size: 18px;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 700;
  font-family: "Crimson Text";
}

.text_slider{
  color: #07005B;
  font-size: 13px;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  background-color: #ffffff;
  font-weight: 400;
  font-family: "Crimson Text";
}


.slider_div_01::-webkit-scrollbar{
  display: none;
}


#bck, #fwd{
  width: 20px;
  cursor: pointer;
  margin: 40px;
}

#fwd:hover, #bck:hover{
  transform: scale(1.15);
}












.extra{
  background-color: #cbd125;
}



.program_img_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  float: left;
}


.program_img{
  width: 300px;
  height: 300px;
  border-radius: 90%;
  display: block;
  margin: auto;
}


.program_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: left;
}

.program_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: right;
}

.program_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 800px;
  float: right;
}



.program_text_div{
  background-color: #07005B;
  width: 100%;
  height: 800px;
}


.program_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Archivo Black";
  padding-top: 10%;
  padding-bottom: 5%;
}


.program_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: "Martel Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 300px;
  padding-left: 10%;
  padding-right: 10%;
  
}


.program_kruh {
  margin-left: 10%;
  margin-right: 10%;
  width: 300px;
  height: 300px;
  border-radius: 90%;
  background-color: #ffffff;
  display: block;
  margin: auto;
}


.program_kruh_img {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #FFF;
}







/* Achiements */


.achieve_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}


.achieve_dva_trips{
  position: relative;
}



.achieve_div_left{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: left;
}


.achieve_div_right{
  background-color: #07005B;
  width: 100%;
  height: 250px;
  float: right;
}




.achieve_img_div{
  background-color: #07005B;   
  width: 30%;
  height: 200px;
  float: left;
}


.achieve_img{
  margin-top: 10%;
  margin-right: 10%;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  float: right;
}



.achieve_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 30px;
  padding-top: 3px;
  font-family: "Crimson Text";
  font-weight: 700;
}




.achieve_text_div{
  background-color: #07005B;
  width: 70%;
  height: 200px;
  float: right;
  padding-top: 2%;
}

.achieve_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 18px;
  padding-top: 5px;
  font-family: "Martel Sans";
}

.achieve_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  font-size: 20px;
  padding-top: 2px;
  font-family: "Martel Sans";
}


.update_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 5%;
  padding-right: 10%;
  padding-top: 2px;
  font-family: "Crimson Text";
  font-size: 30px;
  text-align: right;
}







/* Field trips */

.field_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}

.dva_field_trips{
  position: relative;
}



.field_img_div_left{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_left{
  margin-left: 10%;
  margin-right: 10%;
  height: 260px;
}


.field_img_div_right{
  background-color: #07005B;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field_img_right{
  margin-left: 10%;
  margin-right: 10%;
  height: 260px;
}



.field_podnadpis_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}

.field_podnadpis_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 35px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}



.field_text_div_right{
  background-color: #07005B;
  width: 100%;
  height: 1100px;
  float: right;
  padding-top: 2%;

}

.field_text_right{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 12px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



.field_text_div_left{
  background-color: #07005B;
  width: 100%;
  height: 1100px;
  float: left;
  padding-top: 2%;
}

.field_text_left{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 12px;
  padding-top: 1%;
  font-family: "Martel Sans";
  font-weight: 400;
}



/* Contact*/


.contact_trips_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 125px;
  padding-left: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";

}


.contact_div_left{
  background-color: #07005B;
  width: calc(100%/1);
  height: 500px;
}

.contact_div_center{
  background-color: #07005B;
  width: calc(100%/1);
  height: 500px;
}

.contact_div_right{
  background-color: #07005B;
  width: calc(100%/1);
  height: 500px;
}




.contact_text_div{
  background-color: #07005B;
  width: 100%;
  height: 500px;
  padding-top: 5%;
}


.contact_podnadpis{
  background-color: #07005B;
  color: #FFF;
  width: 70%;
  font-size: 30px;
  padding-top: 1%;
  font-family: "Crimson Text";
  font-weight: 700;
}


.contact_text_hore{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 100px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text_hore_1{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 130px;
  font-family: "Martel Sans";
  font-weight: 400;
}

.contact_text{
  background-color: #07005B;
  color: #FFF;
  width: 100%;
  font-size: 25px;
  padding-top: 0.5%;
  font-family: "Martel Sans";
  font-weight: 400;
}

.wheretofindus_nadpis{
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 65px;
  padding-top: 50px;
  padding-left: 5%;
  padding-bottom: 5%;
  text-align: left;
  background-color: #07005B;
  font-weight: 400;
  font-family: "Archivo Black";
}

.google_maps_div{
  background-color: #07005B;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  width: 100%;
}


}