body {
  /* Mobile */
  /* Tablet */
  /* PC */
}

@media (min-width: 320px) and (max-width: 767px) {
  body {
    width: 100vw;
    height: 100vh;
    margin: 0;
  }
  body .district {
    width: 100%;
  }
  body .district .boxs {
    height: calc(100vh / 3);
  }
  body .district:nth-of-type(1) {
    background-color: #e4951f;
    height: auto;
  }
  body .district:nth-of-type(2) {
    min-height: 1248px;
  }
  body .district:nth-of-type(3) {
    background-color: #e4951f;
    height: auto;
  }
  body .district:nth-of-type(4) {
    height: auto;
  }
  body .district:nth-of-type(5) {
    min-height: 1248px;
  }
  body .district:nth-of-type(6) {
    height: auto;
  }
  body .district:nth-of-type(7) {
    height: auto;
  }
  body .district:nth-of-type(8) {
    background-color: #e1ac45;
    height: auto;
  }
  body .open-video__image {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    -ms-scroll-snap-type: y proximity;
        scroll-snap-type: y proximity;
    overflow-y: scroll;
  }
  body .district {
    width: 100%;
  }
  body .district .boxs {
    height: calc(100vh / 3);
  }
  body .district:nth-of-type(1) {
    scroll-snap-align: start;
    background-color: #e4951f;
    height: 100vh;
  }
  body .district:nth-of-type(2) {
    scroll-snap-align: start;
    min-height: 1000px;
  }
  body .district:nth-of-type(4) {
    scroll-snap-align: center;
    height: auto;
  }
  body .district:nth-of-type(5) {
    scroll-snap-align: start;
    min-height: 1000px;
  }
  body .district:nth-of-type(6) {
    scroll-snap-align: start;
    height: auto;
  }
  body .district:nth-of-type(7) {
    scroll-snap-align: start;
    height: auto;
  }
  body .district:nth-of-type(8) {
    scroll-snap-align: center;
    background-color: #e1ac45;
    height: auto;
  }
  body .open-video__image {
    display: none;
  }
  body .img-control {
    width: 50% !important;
  }
}

@media (min-width: 993px) {
  body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
    overflow-y: scroll;
  }
  body .district {
    width: 100%;
    height: 100%;
    scroll-snap-align: start;
  }
  body .district .boxs {
    height: calc(100vh / 3);
  }
  body .district:nth-of-type(1) {
    background-color: #e4951f;
    height: 100vh;
  }
  body .district:nth-of-type(2) {
    min-height: 850px;
  }
  body .district:nth-of-type(3) {
    background-color: #e4951f;
    height: 100vh;
  }
  body .district:nth-of-type(4) {
    height: 100vh;
  }
  body .district:nth-of-type(5) {
    min-height: 850px;
  }
  body .district:nth-of-type(6) {
    height: 100vh;
  }
  body .district:nth-of-type(7) {
    height: 100vh;
  }
  body .district:nth-of-type(8) {
    background-color: #e1ac45;
    height: auto;
  }
}

@media (min-width: 993px) {
  .abstruct {
    position: absolute;
    z-index: 0;
    width: 1000px;
    height: 1000px;
  }
  .abstruct_u {
    position: relative;
  }
  .abstruct_fwend {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
    width: 80%;
  }
}

.row-equal > div[class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.row-equal .card {
  width: 100%;
}

/* ensure equal card height inside carousel */
.carousel-inner > .row-equal.active,
.carousel-inner > .row-equal.next,
.carousel-inner > .row-equal.prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* prevent flicker during transition */
.carousel-inner > .row-equal.active.left,
.carousel-inner > .row-equal.active.right {
  opacity: 0.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* control image height */
.card-img-top-250 {
  max-height: 250px;
  overflow: hidden;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.begone-padding {
  padding: 0;
}

.pardon-top-padding {
  padding-top: 0 !important;
}

.bg-navyblue {
  background-color: #292983;
}

.text-navyblue {
  color: #292983;
}

.navbar {
  -webkit-transition: 500ms ease;
  transition: 500ms ease;
}

/* .carousel{
    margin-top: 50px;
}

.carousel-inner{
    height: 100px;
}

.carousel-caption{
    color: #fff;
    top: 50%;
} */
.carousel-inner > .item {
  margin: 0 50px;
}

left carousel-control {
  margin-left: -15px;
}

right carousel-control {
  margin-right: -15px;
}

body {
  margin-bottom: -50px;
}

.carousel-indicators li {
  width: 15px;
  height: 15px;
}

.carousel .carousel-indicators li {
  background-color: #292983;
}

.carousel .carousel-indicators .active {
  background-color: #f7046e;
}

/* .carousel-indicators {
    bottom: -50px;
} */
/* APP BOX */
.app-title-text {
  z-index: 1;
}

.app-title:after {
  content: url("../svg/landing/circle.svg");
  width: 40%;
  position: absolute;
}

.ap {
  background-image: url("../img/hero_in_bg_2.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #292983;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.ap:hover:before {
  opacity: 0;
}

/* HOME BOX */
.home-title-text {
  z-index: 1;
}

.home-title:after {
  content: url("../svg/landing/hexagon.svg");
  width: 40%;
  position: absolute;
}

.hom {
  background-image: url("../img/home_section_1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hom:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #3561c4;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.hom:hover:before {
  opacity: 0;
}

/* KINDER BOX */
.kinder-title-text {
  z-index: 1;
}

.kinder-title:after {
  content: url("../svg/landing/triangle.svg");
  width: 40%;
  position: absolute;
}

.kind {
  background-image: url("../image/kindergartenBG.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.kind:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #292983;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.kind:hover:before {
  opacity: 0;
}

/* PARENT BOX */
.par-title-text {
  z-index: 1;
}

.par-title:after {
  content: url("../svg/landing/custom.svg");
  width: 40%;
  position: absolute;
}

.paren {
  background-image: url("../img/hero_in_bg_3.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.paren:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1290c2;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.paren:hover:before {
  opacity: 0;
}

/* ABOUT BOX */
.about-title-text {
  z-index: 1;
}

.about-title:after {
  content: url("../svg/landing/square.svg");
  width: 40%;
  position: absolute;
}

.abot {
  background-image: url("../img/hero_in_bg_3.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.abot:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1290c2;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.abot:hover:before {
  opacity: 0;
}

.morepadding {
  padding-top: 200px;
}
/*# sourceMappingURL=landing.css.map */