@charset "utf-8";

@font-face { font-family: 'RobotoLight_0'; src: url('fonts/RobotoLight_0.eot'); src: url('fonts/RobotoLight_0.eot') format('embedded-opentype'), url('fonts/RobotoLight_0.woff2') format('woff2'), url('fonts/RobotoLight_0.woff') format('woff'), url('fonts/RobotoLight_0.ttf') format('truetype'), url('fonts/RobotoLight_0.svg#RobotoLight_0') format('svg'); }

@font-face { font-family: 'RobotoLight_0'; src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoLight_0.eot'); src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoLight_0.eot') format('embedded-opentype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoLight_0.woff2') format('woff2'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoLight_0.woff') format('woff'), url('fonts/RobotoLight_0.ttf') format('truetype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoLight_0.svg#RobotoLight_0') format('svg'); }

@font-face { font-family: 'RobotoMedium_0'; src: url('fonts/RobotoMedium_0.eot'); src: url('fonts/RobotoMedium_0.eot') format('embedded-opentype'), url('fonts/RobotoMedium_0.woff2') format('woff2'), url('fonts/RobotoMedium_0.woff') format('woff'), url('fonts/RobotoMedium_0.ttf') format('truetype'), url('fonts/RobotoMedium_0.svg#RobotoMedium_0') format('svg'); }

@font-face { font-family: 'RobotoMedium_0'; src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoMedium_0.eot'); src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoMedium_0.eot') format('embedded-opentype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMedium_0.woff2') format('woff2'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMedium_0.woff') format('woff'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMedium_0.ttf') format('truetype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMedium_0.svg#RobotoMedium_0') format('svg'); }

@font-face { font-family: 'RobotoBold_0'; src: url('fonts/RobotoBold_0.eot'); src: url('fonts/RobotoBold_0.eot') format('embedded-opentype'), url('fonts/RobotoBold_0.woff2') format('woff2'), url('fonts/RobotoBold_0.woff') format('woff'), url('fonts/RobotoBold_0.ttf') format('truetype'), url('fonts/RobotoBold_0.svg#RobotoBold_0') format('svg'); }

@font-face { font-family: 'RobotoBold_0'; src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoBold_0.eot'); src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoBold_0.eot') format('embedded-opentype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoBold_0.woff2') format('woff2'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoBold_0.woff') format('woff'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoBold_0.ttf') format('truetype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoBold_0.svg#RobotoBold_0') format('svg'); }

@font-face { font-family: 'RobotoThin_0'; src: url('fonts/RobotoThin_0.eot'); src: url('fonts/RobotoThin_0.eot') format('embedded-opentype'), url('fonts/RobotoThin_0.woff2') format('woff2'), url('fonts/RobotoThin_0.woff') format('woff'), url('fonts/RobotoThin_0.ttf') format('truetype'), url('fonts/RobotoThin_0.svg#RobotoThin_0') format('svg'); }

@font-face { font-family: 'RobotoThin_0'; src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoThin_0.eot'); src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoThin_0.eot') format('embedded-opentype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoThin_0.woff2') format('woff2'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoThin_0.woff') format('woff'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoThin_0.ttf') format('truetype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoThin_0.svg#RobotoThin_0') format('svg'); }

@font-face { font-family: 'RobotoMediumItalic_0'; src: url('fonts/RobotoMediumItalic_0.eot'); src: url('fonts/RobotoMediumItalic_0.eot') format('embedded-opentype'), url('fonts/RobotoMediumItalic_0.woff2') format('woff2'), url('fonts/RobotoMediumItalic_0.woff') format('woff'), url('fonts/RobotoMediumItalic_0.ttf') format('truetype'), url('fonts/RobotoMediumItalic_0.svg#RobotoMediumItalic_0') format('svg'); }

@font-face { font-family: 'RobotoMediumItalic_0'; src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoMediumItalic_0.eot'); src: url('https://crescentschooldubai.com/assets/css/fonts/RobotoMediumItalic_0.eot') format('embedded-opentype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMediumItalic_0.woff2') format('woff2'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMediumItalic_0.woff') format('woff'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMediumItalic_0.ttf') format('truetype'), url('https://crescentschooldubai.com/assets/css/fonts/RobotoMediumItalic_0.svg#RobotoMediumItalic_0') format('svg'); }

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999; }

#status { width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: 0; }

.book__page{    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;}

  .book__page img {

    width: 80%;

    margin: 11px 0px 0px 8px;

    float: left;-webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.book {

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  position: relative;

  margin: 0 auto;

  border: 5px solid #2e3192;

  width: 160px;

  height: 100px;

}

@keyframes blink {

  0% {color: #ff0c0c;}

  49%{color: #ff0c0c;}

  50% {color: #ff0c0c;}

}



@keyframes blink a {

  0% {color: #ff0c0c;}

  49%{color: #ff0c0c;}

  50% {color: #ff0c0c;}

}



blink{animation: blink 1s infinite;}

blink a{animation: blink 1s infinite;}

.book__page {

  position: absolute;

  left: 50%;

  top: -5px;

  margin: 0 auto;

  border-top: 5px solid #2e3192;

  border-bottom: 5px solid #2e3192;

  border-right: 5px solid #2e3192;

  background:#ececec;

  width: 80px;

  height: 100px;

  -webkit-transform-origin: 0% 50%;

          transform-origin: 0% 50%;

  -webkit-animation: flip 3.2s infinite linear;

          animation: flip 2.5s infinite linear;

  -webkit-animation-fill-mode: forwards;

          animation-fill-mode: forwards;

}

.book__page:nth-child(1) {

  z-index: -1;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.book__page:nth-child(2) {

  z-index: -2;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.book__page:nth-child(3) {

  z-index: -3;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.book__page:nth-child(4) {

  z-index: -3;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.book__page:nth-child(5) {

  z-index: -3;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.book__page:nth-child(6) {

  z-index: -3;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}

.book__page:nth-child(7) {

  z-index: -3;

  -webkit-animation-delay: 1.4s;

          animation-delay: 1.4s;

}



@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(600px) rotateY(0deg);

            transform: perspective(600px) rotateY(0deg);

  }

  20% {

    background: #fff;

  }

  29.9% {

    background: #fff;

  }

  30% {

    -webkit-transform: perspective(200px) rotateY(-90deg);

            transform: perspective(200px) rotateY(-90deg);

    background: #fff;

  }

  54.999% {

    opacity: 1;

  }

  55% {

    opacity: 0;

  }

  60% {

    -webkit-transform: perspective(200px) rotateY(-180deg);

            transform: perspective(200px) rotateY(-180deg);

    background: #fff

  }

  100% {

    -webkit-transform: perspective(200px) rotateY(-180deg);

            transform: perspective(200px) rotateY(-180deg);

    background: #fff;

  }

}



@keyframes flip {

  0% {

    -webkit-transform: perspective(600px) rotateY(0deg);

            transform: perspective(600px) rotateY(0deg);

  }

  20% {

    background: #fff;

  }

  29.9% {

    background: #fff;

  }

  30% {

    -webkit-transform: perspective(200px) rotateY(-90deg);

            transform: perspective(200px) rotateY(-90deg);

    background: #fff;

  }

  54.999% {

    opacity: 1;

  }

  55% {

    opacity: 0;

  }

  60% {

    -webkit-transform: perspective(200px) rotateY(-180deg);

            transform: perspective(200px) rotateY(-180deg);

    background: #fff;

  }

  100% {

    -webkit-transform: perspective(200px) rotateY(-180deg);

            transform: perspective(200px) rotateY(-180deg);

    background: #fff;

  }

}

body {/* font-family: 'RobotoMedium_0'; *//* font-style: normal; *//* line-height: 18px; *//* font-weight: normal; *//* font-size: 13px; *//* color: #565656; *//* text-decoration: none; *//* margin: 0px; *//* -webkit-font-smoothing: antialiased; *//* padding: 0; */}

* { -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box; }


.img-round { width: 100%; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.20); border: 1px solid rgba(0, 0 ,0, 0.11); }

.img-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; margin: 0 25px 25px 0; border: 5px solid rgba(255, 255, 255, 0.1); }

.list { margin: 0 0 25px 0; padding: 0; list-style: none; }

/*.list li { margin: 0; padding: 5px 0 5px 20px; border-bottom: 1px solid rgba(0,0 ,0 ,0.11); background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: left 15px; color: #000; list-style-position: inside; }*/

.list li {

    margin: 0;

    padding: 5px 0 5px 27px;

    border-bottom: 1px solid rgba(0,0 ,0 ,0.11);

    background-image: url(../images/bullet.png);

    background-repeat: no-repeat;

    background-position: left 9px;

  width: 100%;

    float: left;

}

.link, .link2 { }

.link a, .link2 a {color: #fff;font-size: 13px;padding: 4px 8px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #2E3192;}

.link a:hover { color: #fff; background-color: #585AA8; }

.link2 a { background-color: #585AA8; }

.link2 a:hover { background-color: #2E3192; }


.button-wrap {float: right;margin: -9px 0 0 0;}


.designation .inner-rnd {
    position: relative;
    display: block;
    width: 100%;
}
/*.desi-img{width: 100%;
    float: left;
    position: relative;
    overflow: hidden;}*/
    
.designation .inner-rnd .image-rnd{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 250px;
  margin-bottom: 0;
  line-height: 0;
  margin: 0px 18px;
}

.designation .inner-rnd .image-rnd img{
  width: 100%;
  border-radius: 0;
  transition: all 500ms ease;
  overflow: hidden;
  margin: 0px;
}
.designation .inner-rnd .lower-content{
  position: relative;
  display: block;
 margin: 0px 18px;
}
.designation .inner-rnd .lower-content .inner{
  position: relative;
  padding: 31px 12px 43px 10px;
  z-index: 1;
  min-height: 167px;
}

.designation .inner-rnd .lower-content .inner h2{
  margin-bottom: 7px;
  text-align: center;
  font-size: 17px;
}

.designation .inner-rnd .lower-content .inner .design{
  position: relative;
  display: block;
  margin-bottom: 5px;
  text-align: center;
}
.d-inline{display: inline-block;}
.desi-main {
    width: 100%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
}
.rnd-img{
  /* width: 250px !important; */
}

.quiz-box { width: 100%; float: left;}

.quiz-col {width: 32%;float: left;margin-right: 1%;margin-bottom: 25px; overflow:hidden;}

.quiz {position: relative;}

.hover-style {

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    line-height: 0px;

  border-radius: 5px 5px 0 0; }

.quiz h2 {

    /* position: absolute; */

    /* bottom: -57px; */

    left: 0px;

    width: 100%;

    padding: 10px 5px;

    font-size: 14px;



    background: #5859a8;

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    text-align: center;

    margin-bottom: 0px;

    min-height: 76px;

    line-height: 18px;

    display: grid;

    align-items: center;

      position: relative;

    z-index: 1;

    }

.ach-link-btn{position:absolute;width: 90px;height: 90px;background-color:#CDE0F2;left:50%;margin-left: -45px;bottom:-90px;background-image:url(../images/icon15.png);background-position: top 17px center;background-repeat:no-repeat;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; opacity:0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.quiz-col:hover .ach-link-btn{

    opacity: 10;

    bottom:12px;

}

.ach-link-btn:hover {

    background-color: #a1c2e2;

}



@keyframes colorchange
    {
      0%   {background:#ff0000; color: #fff;}
      33%  {background:#00e2cf; color: #fff;}
      66%  {background:#00cc2b; color: #fff;}
      100% {background:#cecc00; color: #fff;}
   }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background:#ff0000; color: #fff;}
      33%  {background:#00e2cf; color: #fff;}
      66%  {background:#00cc2b; color: #fff;}
      100% {background:#cecc00; color: #fff;}
   }


@media only screen and (max-width:1180px) {
}

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

}

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


}

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

}

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

}

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

.link a, .link2 a { margin-bottom: 2px; display: inline-block;}

}

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

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

}

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

}

s