*{padding: 0; margin: 0;  font-family:'MairyBold';}
@font-face{font-family:'MairyBold';src:url('https://koalapreschool.com/inc/MairyFamily/MairyBold.otf')}@font-face{font-family:'MairyBook';src:url('https://koalapreschool.com/inc/MairyFamily/Mairy-Book.otf')}@font-face{font-family:'MairyBlack';src:url('https://koalapreschool.com/inc/MairyFamily/MairyBlack.otf')}@font-face{font-family:'MairyBookOblicua';src:url('https://koalapreschool.com/inc/MairyFamily/Mairy-Book-Oblicua.otf')}.align-center{text-align:center}.header-fonts{font-size:22px;font-stretch:normal;font-family:'MairyBold'}
p{line-height: 1.5em; margin-bottom: 10px; font-size:1.2em; font-family:'MairyBook';}
.para{font-size: 1.5em;}
.pw{color: #fff;}
.pp{color: #aface0ff;}
#p1{text-align: center;}
.paraw{font-size: 1.5em;color: #fff;}
.header{float: left; width: 100%;height: auto;background-color: #fff;border-bottom: 0.5px solid #8d8d8dff;padding-bottom: 10px;}
.header ul li {display: inline-block;font-size: 1.4em; margin-left: 10px;margin-right: 10px;}
.header ul li a {text-decoration: none;color: #8d8d8dff;}
.gbanner{float: left; width: 100%; height: 80vh;background-image: url("https://koalapreschool.com/i/home-banner.gif");background-position: center;background-repeat: no-repeat;background-size: cover;}
.gkoala-home-banner{margin-top:4em !important;}.gkoala-home-banner{background-image:url("https://koalapreschool.com/i/home-banner.gif");background-size:cover;background-repeat:no-repeat;background-position:right bottom;height:34em;position:relative}
#paynow{float: right;width: fit-content;height: auto;background-color: #9ad3f2ff;padding: 10px;border-radius: 25px;margin-top: -10px;}
#paynow a{text-decoration: none;color: #fff;}
.glogo{float: left; width: fit-content;height: auto;}
.gmenu{float: left; width: fit-content; height: auto;margin-top: 40px;}
.g100{float: left;width: 100%;height: auto; }
.g100p{float: left;width: 100%;height: auto; padding-top: 20px;padding-bottom: 20px;}
.g100blog{float: left;width: 100%;height: auto; padding-top: 20px;padding-bottom: 20px;}
.g95{float: left;width: 95%;height: auto;margin-left: 2.5%;}
.g90c{float: left;width: 90%;height: auto;margin-left: 5%;}
.g90{float: left;width: 90%;height: auto;}
.g80{float: left;width: 80%;height: auto;}
.g80c{float: left;width: 80%;height: auto;margin-left: 10%;}
.g80ct{float: left;width: 80%;height: auto;margin-left: 10%;text-align: center;font-size: 1.5em;}
.g70{float: left;width: 70%;height: auto;}
.g70c{float: left;width: 70%;height: auto;margin-left: 15%;}
.g60{float: left;width: 60%;height: auto;}
.g65{float: left;width: 65%;height: auto;}
.g35{float: left;width: 35%;height: auto;}
.g60c{float: left;width: 50%;height: auto;margin-left: 20%;}
.g50{float: left;width: 50%;height: auto;}
.g50bgw{border-radius: 5px;  float: left;width: 50%;height: auto;background-color: #EFE7DB;padding-bottom: 20px;}
.g50c{float: left;width: 50%;height: auto;margin-left: 25%;}
.g50r{float: right;width: 45%;height: auto;}
.g40{float: left;width: 40%;height: auto;}
.g40c{float: left;width: 40%;height: auto;margin-left: 30%;}
.g30{float: left;width: 30%;height: auto;}
.g30c{float: left;width: 30%;height: auto;margin-left: 35%;}
.g25{float: left;width: 25%;height: auto;}
.g25oa{float: left;width: 25%;height: auto;}
.g33{float: left;width: 33%;height: auto;}
.g25c{float: left;width: 25%;height: auto;margin-left: 37.5%;}
.g20{float: left;width: 20%;height: auto;}
.g10{float: left;width: 10%;height: auto;}
.footer{float: left; width: 100%;height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #7dc7eeff;}
.footer p{color: #6b6b6bff;}
.footer a{text-decoration: none; color: #696969;}
.footer ul li{float: left; width: 100%;height: auto;list-style: none;padding-bottom: 10px;}
.footer ul li a{text-decoration: none; color: #3e7da1ff;font-weight: bold;}
.tagline{padding-top:1em}.tagline h1{text-align:center;font-family:Georgia;font-size:2.2em;font-weight:bold;color:#6daac8}
.koala-home-btn{bottom:-2.5%;position:absolute;left:50%;transform:translate(-50%,-50%)}
.koalabtnlanding-page{display:inline-block;background:url('https://koalapreschool.com/i/koala-btn-sprites.png') no-repeat;overflow:hidden;text-align:left;position:relative}.koalabtnlanding-page{background-position:-2px -375px;width:225px;height:73px}
.koala-btn{font-family:'MairyBlack';font-size:1.3em;height:73px;position:absolute;left:12px;top:25px;color: #000;text-decoration: none;}
.g2{float: left; width: 100%; height: auto;background-color:#d27b83;padding-top: 50px;padding-bottom: 50px;}
.g2 p{color: #fff;}
.gtitlec{float: left; width: 100%; height: auto;text-align: center;color: white;font-size: 2em;}
.gtitlecb{float: left; width: 100%; height: auto;text-align: center;color: #6b6b6bff;font-size: 2em;}
.gmarque{ width: fit-content; height: auto;display: inline-block;}
.why-koala-heading{font-size:3.2em;line-height:1em;}
.why-koala-headingp{font-size:3.2em;line-height:1em;color: #7f3678ff;}
.rule-for-whykoala{width:80%;height:7px;background-color:#8a4f55;color:#E1DFE0;border:none;margin-bottom: 10px;}
.subheading{font-size:1.6em;font-family:'MairyBook';line-height:1.1em;}
.subheadingw{font-size:1.6em;font-family:'MairyBook';line-height:1.1em; color: #fff;}
.why-koala-know-more{color:#fed054}
.g3{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;}
.gtitlelarge{float: left; width: 100%; height: auto;text-align: center;font-size: 3em;color: #6daac8;}
.gtitlelargew{float: left; width: 100%; height: auto;text-align: center;font-size: 3em;color: #fff;}
.paralarge{float: left; width: 100%; height: auto;color: #8d8d8dff;font-size: 2em;line-height: 1em;}
.gsmallheading{float: left; width: 100%; height: auto;text-align: center; }
.gsmallheadingk{float: left; width: 100%; height: auto;text-align: center; font-size: 2em;color: #aface0ff;}
.g4{float: left; width: 100%; height: auto; padding-top: 50px;padding-bottom: 50px;background-color: #7ba773ff;}
.gfootbg{float: left; width: 230px; height: 77px;background-image: url(https://koalapreschool.com/i/footbg.png);background-position: center;background-repeat: no-repeat;margin-top: 20vh;margin-left: 15vw;}
.ggfoottext{font-size: 1.4em;margin-top: 30px;margin-left: 20px;}
.ggfoottext a{text-decoration: none;color: #000;}
.g4 h3{font-size: 3em;color: #fff;}
.g5{float: left; width: 100%; height: auto;background-color: #f2e6d8ff;padding-top: 50px;padding-bottom: 50px;}
.g5title{float: left; width: 100%; height: auto;font-size: 3em;color:#6b6b6bff;}
.g5 p{color: #6b6b6bff;text-align: center;}
.gfootbg1{margin: 0 auto; width: 240px; height: 77px;background-image: url(https://koalapreschool.com/i/footbg1.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.gfootbg2{margin: 0 auto; width: 240px; height: 77px;background-image: url(https://koalapreschool.com/i/footbg2.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.gfootbg3{margin: 0 auto; width: 240px; height: 77px;background-image: url(https://koalapreschool.com/i/footbg3.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.ggfoottext1{float: left; font-size: 1.4em;margin-top: 30px;margin-left: 20px;}
.ggfoottext2{float: left; font-size: 1.2em;margin-top: 30px;margin-left: 20px;}
.ggfoottext1 a{text-decoration: none;color: #000;}
.g501{float: left;width: 50%;height: auto;background-color: #ffdf5fff;min-height: 150vh;}
.g502{float: left;width: 50%;height: auto;background-color: #b6b4d9ff;min-height: 150vh;}
.g503{float: left;width: 50%;height: auto;background-color: #f9c5ceff;min-height: 150vh;}
.g504{float: left;width: 50%;height: auto;background-color: #c3e4beff;min-height: 150vh;}
.g505{float: left;width: 100%;height: auto;background-color: #bae5f9ff;}



.g6{float: left; width: 100%; height: auto; background-color: #fff283ff; padding-top: 50px;padding-bottom: 50px;}

/* SLIDE CONTENT RESIDES HERE */

.slider-wrapper {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.inner-wrapper {
  width: 300%;
  height: 100%;
  position: relative;
  left: -100%;
}


.slide {
  width: calc(100%/5);
  height: 100%;
  background: #fff283ff;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}

.button {
  width: 30px;
  height: 30px;
  border-top: 2px solid black;
  position: absolute;
  cursor: pointer;

}

.prev {
  border-left: 2px solid black;
  left: 100px;
  margin-top: -40vh;
  transform: rotate(-45deg);

}

.next {
  border-right: 2px solid black;
  right: 100px;
  margin-top: -40vh;
  transform: rotate(45deg);
}

/* AND ENDS HERE... */
.gtestimonial{margin: 0 auto; width: 400px; height: auto;}
.g7text{float: left; width: 100%; height: auto;margin-top: 20vh;}
.g7title {color: #5267d1ff;font-size: 3em;} 
.g7 p{color: #6b6b6bff;}
.g8{float: left; width: 100%; height: auto; background-color: #f5eee6ff;padding-top: 50px;padding-bottom: 50px;}
.gfooterlogo{float: left; width: 15%; height: auto;}
.gfoottertitle{float: left; width: 100%; height: auto;text-transform: uppercase;color: #fff;font-size: 1.4em;}
.footer ul li {color: #6b6b6bff;}
.gcopyright{float: left; width: 100%; height: auto;background-color: #5d91c9ff;padding-top: 5px;padding-bottom: 5px;text-align: center;color: #fff;font-size: 14px;}
.g9{float: left; width: 100%; height: auto;background-color: #fff8d5ff;}
.g9title {float: left; width: 100%; height: auto;color: #7bc2d9ff;font-size: 2em;text-align: center;} 
.g9 p{color: #6b6b6bff;text-align: center;}
.gimgleap{margin: 0 auto; width: fit-content; height: auto;}
.g10{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;}
.g10 p{float: left; width: 100%; height: auto;color: #6b6b6bff;text-align: center;font-size: 2em;}
.g11{float: left; width: 100%; height: auto;background-color: #a55496ff;padding-top: 50px;padding-bottom: 50px;}
.g11 h2{color: #fff;text-align: center;font-size: 2em;}
.g12{float: left; width: 100%; height: auto;background-color: #eda2a3ff;padding-top: 20px;padding-bottom: 20px;}
.g12 p{color: #fff;text-align: center; font-size: 1.2em;}
.g13{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #f8d882ff;}
.g13 p{color: #000;text-align: center; font-size: 1.2em;}
.g13 h3{color: #000;text-align: center; font-size: 2em;}
.g14{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #99cde1ff;}
.g14 p{color: #fff;text-align: center; font-size: 1.3em;}
.gpagetitle{float: left; width: 100%; height: auto;font-size: 4em;color: #fff;margin-top: 15vh;}
.g15{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #cb9ac6ff;}
.g16{float: left; width: 100%; height: auto;background-color: #ffdd55ff;}
.g16 h2{color: #fff;font-size: 2em;}
.g16contentframe{float: left; width: 100%; height: auto;margin-top: 10vh;}
.g16 p{color: #6b6b6bff;}
.g17{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #fff6f6ff;}
.g17 h2{color: #7ba773ff;font-size: 2em;}
.g17 h5{color: #2642a7ff;font-size: 1.2em;font-weight: bold;}
.smallp{font-size: 1em;}
.smallpc{font-size: 1em;text-align: center;}
.g18 h2{color: #7ba773ff;font-size: 2em;}
.g18{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #fff;}
.name{float: left; width: 100%; height: auto;color: #91999eff;font-size: 1.5em; text-align: center;}
.g19{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #daf6fbff;}
.g19 h2{color: #7ba773ff;font-size: 2em;}
.gp20{float: left; width: 100%; height: 100vh;}
.gp20over{ width: 40%; height: 100vh;background-color: white;position: relative;margin-top: -100vh;}
.g21{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #b48063ff;}
.g22{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #FFF;}
.g21 p{color: #fff; font-size: 1.3em;}
.g23{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #fedfabff;}
.g23 h2{color: #b3866cff;font-size: 2em;}
.g23content{float: left; width: 100%; height: auto;margin-top: 20vh;color: #b3866cff;}
.g24{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #FFF;}
.gg25{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #3a3793ff;}
.g501 h2{color: #ee7f22ff;font-size: 2em;text-align: center;}
.g502 h2{color: #865bb5ff;font-size: 2em;text-align: center;}
.g503 h2{color: #bd6868ff;font-size: 2em;text-align: center;}
.g504 h2{color: #5e783fff;font-size: 2em;text-align: center;}
.g505 h2{color: #3b7691ff;font-size: 2em;text-align: center;}
.g26{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #ffe5e5ff;}
.g26 h2{color: #6b6b6bff;font-size: 2em;}
.g27{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #a64459ff;}
.g28{float: left; width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #fff;}
.glifeatkoala{margin: 0 auto; width: 700px; height: auto;}
.g28 h2{color: #f18801ff;font-size: 2em;}
.g28 p{color: #6b6b6bff; font-size: 1.3em;}
.blogwrapper{float: left; width: 100%; height: auto;margin-top: 15vh;}
.gblogtitle{float: left; width: 100%; height: auto;text-transform: uppercase;font-size: 1.2em;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.gblogdesc{float: left; width: 100%; height: auto;font-size: .8em;}
.smallheader{float: left; width: 100%; height: auto;background-color: #fff;display: none;}
.gslidermenu{float: left; width: 100vw; height: 0%; background-color: #6daac8;position:fixed;overflow: hidden;z-index: 9999999;display: none;}
.gmenumobilelink ul li {float: left; width: 80%; height: auto;text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 1.2em;border-bottom: 1px solid #ccc;margin-left: 10%;list-style: none;}
.gmenumobilelink ul li a{color: #fff;text-decoration: none;}
.g50g2{float: left; width: 50%; height: auto;}
.glocations{float: left; width: 100%; height: auto;padding-top: 10px;padding-bottom: 10px;text-align: center;background-color: #fedfabff;}
.glocations a{color: #6b6b6bff;text-decoration: none;}
.gemail{float: left; width: 100%; height: auto;padding-top: 10px;padding-bottom: 10px;text-align: center;background-color: #daf6fbff;}
.gemail a{color: #6b6b6bff;text-decoration: none;}

/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}

/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
  
}

.masonry .brick:hover img {
  opacity: .75;
}

/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #D8B86D;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #D8B86D;
}

/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 3;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.1em;
    font-style: italic;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5em;
  padding-left: 1.5em;
  max-width: 1080px;
}

.cf:after,
.lab-grid:after {
  content: "";
  display: table;
  clear: both;
}
img, video {
  max-width: 100%;
  vertical-align: middle;
}


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

    .header {display:none;}

    .smallheader{display: block !important;}
    .gsmallmenu{float: left; width: 80%; height: auto;}
    .gmenubar{float: right; width: 50px;height: 50px; }
    .gmenuclose{float: right; width: 50px;height: 50px; top: 0;right: 0;margin-right: 15px;}
    .tagline h1{text-align:center;font-family:Georgia;font-size:1.2em;font-weight:bold;color:#6daac8}
    .why-koala-heading{font-size:2em;line-height:1em;}
    .why-koala-headingp{font-size:2em;line-height:1em;color: #7f3678ff;}
    .subheading{font-size:1em;font-family:'MairyBook';line-height:1.1em;}
.subheadingw{font-size:1.4em;font-family:'MairyBook';line-height:1.1em; color: #fff;}
p{line-height: 1.5em; margin-bottom: 10px; font-size:1em; font-family:'MairyBook';}
.gtitlelarge{float: left; width: 100%; height: auto;text-align: center;font-size: 2em;color: #6daac8;}
.paralarge{float: left; width: 100%; height: auto;color: #8d8d8dff;font-size: 1.2em;line-height: 1em;text-align: center;}
.g50g2 img{width: 50%;margin-left: 25%;}
.gsmallheading{float: left; width: 100%; height: auto;text-align: center; background-color: #ffdf5fff; padding-top: 5px;padding-bottom: 5px;font-size: 0.8em;}
.g4 h3{font-size: 2em;color: #fff;}
.g5title{float: left; width: 100%; height: auto;font-size: 2em;color:#6b6b6bff;}
.g20{float: left;width: 50%;height: auto;}
.g7text{float: left; width: 100%; height: auto;margin-top: 0vh;}
.g7title {color: #5267d1ff;font-size: 2em;} 
.g25{float: left;width: 50%;height: auto;}
.g65{float: left;width: 100%;height: auto;}
.g35{float: left;width: 100%;height: auto;}
.g25oa{float: left;width: 90%;height: auto;margin-left: 5%;}
.gp20over{ width: 100%; height: 100vh;background-color: white;position: relative;margin-top: -100vh;}
.g70c{float: left;width: 100%;height: auto;margin-left: 0%;}
.g23content{float: left; width: 100%; height: auto;margin-top: 20px;color: #b3866cff;}
.g501{float: left;width: 100%;height: auto;background-color: #ffdf5fff;min-height: 10vh;}
.g502{float: left;width: 100%;height: auto;background-color: #b6b4d9ff;min-height: 10vh;}
.g503{float: left;width: 100%;height: auto;background-color: #f9c5ceff;min-height: 10vh;}
.g504{float: left;width: 100%;height: auto;background-color: #c3e4beff;min-height: 10vh;}
.glifeatkoala{margin: 0 auto; width: 350px; height: auto;}
    .g50{width:100%; margin-bottom: 20px;}
    .g50bgw{width:100%; margin-bottom: 20px;}
    .g50c{width:100%;margin-left: 0;}
    .g60c{width:100%;margin-left: 0;}
    .g40c{width:100%;margin-left: 0;}
    .g30{width:100%;margin-left: 0;}
    .gtitle {font-size: 6vw;}
    .g33{width:100%;}
    .g33{width:100%;}
    .g40{width:100%;}
    .g60{width:100%;}
    .gtitle { font-size: 6vw;}
    .gtitlesmalltc{ font-size: 6vw;}
    .gblogtitle{ font-size: 5vw;}
    .gblogtitlew{ font-size: 6vw;}
    .g95blog{margin-top: 20px;}
  .g50r{width:100%; margin-top: 30vh;}
  .prev {
    border-left: 2px solid black;
    left: 100px;
    margin-top: -0vh;
    transform: rotate(-45deg);
  
  }
  
  .next {
    border-right: 2px solid black;
    right: 100px;
    margin-top: -0vh;
    transform: rotate(45deg);
  }
  

}