@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; }

::selection { background: #2E3192; color: #fff; }

::-moz-selection {

background:#2E3192;

color:#fff;

}

a { color: #2E3192; text-decoration: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-size: 12px; }

a:hover { color: #1F216C; }

p a:hover { color: #1F216C; margin-left: 5px; }

p { margin: 0 0 20px 0; clear: left; padding: 0; }

h1, h2, h3, h4 { margin: 0 0 20px 0; padding: 0; font-weight: normal; }



hr { margin: 20px 0 50px 0; height: 0; border: 0; border-top: 1px solid #D2D2D2; float: left; width: 100%; position: relative; }

hr:before, hr:after { width: 100%; height: 1px; background-color: #D2D2D2; content: ''; position: absolute; left: 0; top: -4px; }

hr:after { top: auto; bottom: -3px; }

.title { }

.head-pos {float: left;width: 100%;}

.heading { font-size: 25px; color: #2E3192; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: 1px solid #D2D2D2; font-family: 'RobotoLight_0'; position: relative; }

.heading:after { width: 100px; height: 1px; background-color: #2E3192; content: ''; position: absolute; bottom: -1px; left: 0; }

.subheading, .subtitle { font-size: 27px; line-height: normal; font-family: 'RobotoLight_0'; color: #2E3192; }

.subtitle { font-size: 20px; }
.sub-cnt{padding-bottom: 30px; text-align: center;}
img { border: 0; }

a img { border: 0; }


.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: 10px 20px; -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; }

.row{
  width:100%;
  display:block;
  float:left;
  margin:-25px 0 30px 0;
  padding:0;
}


.justify { text-align: justify; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-white { color: #fff; }

.text-blue { color: #B9D7FF; }

.italic { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

.top-cotainer { width: 100%; float: left; border-top: 4px solid #2E3192; }

.top-wrap { float: right; background-color: #2E3192; height: 41px; position: relative; line-height: 40px; color: #fff; font-size: 12px; width: 85%; }

.top-wrap:before, .top-wrap:after { width: 56px; height: 41px; position: absolute; content: ''; }

.top-wrap:before { left: -56px; top: 0; background-image: url(../images/shape-left.png); background-repeat: no-repeat; }

.top-wrap:after { right: -56px; top: 0; background-image: url(../images/shape-right.png); background-repeat: no-repeat; }

.top-info { float: left; }

.tel, .mail { background-image: url(../images/tel.png); background-repeat: no-repeat; background-position: left center; padding: 5px 20px 5px 25px; line-height: normal; }

.tel span { font-family: 'RobotoBold_0'; font-size: 13px; }

.mail { background-image: url(../images/mail.png); }

.search-box { width: 150px; float: right; position: relative; background-color: #2E3192; margin: 3px 50px 0 0; }

.input { width: 100%; height: 30px; padding: 5px 50px 5px 10px; border: 0; float: left; background-color: #2E3192; color: #fff; font-family: 'RobotoMedium_0'; font-size: 12px; vertical-align: middle; -moz-box-sizing: border-box; box-sizing: border-box; }

.search-button { width: 30px; height: 30px; position: absolute; top: 0; right: 0; border: 0; outline: none; background-color: #2E3192; text-indent: -999999999px; cursor: default; background-image: url(../images/search-icon.png); background-repeat: no-repeat; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.search-button:hover { background-color: #CDE0F2; background-position: -36px 0; }

header { width: 100%; float: left; position: relative; border-top: 4px solid #2E3192; }

.logo { position: relative; left: 0; top: 10px; z-index: 2; float: left; }

.logo-text { float: left; margin: 20px 0 0 15px; }

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

.table-header-widget-expansion {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    background-color: rgba(47,46,57,.05);
}

.fees-table-content, .report-list-content {
    padding: 14px 0 25px;
    background: #fff;
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 2%), 0 4px 6px 1px rgb(0 0 0 / 6%);
    border-radius: 4px;
}

table {
    width: 100%;
}

main { width: 1180px; margin: 0 auto; }

section { width: 100%; float: left; margin: 0; padding: 0; position: relative; }

.pad { padding: 50px 0; }

social { float: right; margin: 6px 0 0 10px; }

social a { width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; display: inline-block; }

social a img { width: 100%; display: block; }

social a:hover { background-color: #CDE0F2; }

.lt-blue { background-color: #D3DFEF; }

.panel-big { width: 52%; }

.panel-small { width: 42%; }

.float-left { float: left; }

.float-right { float: right; }

.box { width: 48%; float: left; margin-right: 4%; -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); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.box p:first-child, .box p:last-child { margin: 0; padding: 0; }

.box img { width: 100%; display: block; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

.inset { width: 100%; float: left; padding: 15px; }

.iconic { font-size: 18px; line-height: normal; padding: 10px 0 10px 50px; background-repeat: no-repeat; background-position: left center; line-height: normal; margin: 0 0 20px 0; }

.ico1 { background-image: url(../images/icon1.png); }

.ico2 { background-image: url(../images/icon2.png); }

.ico3 { background-image: url(../images/icon3.png); }

.ico4 { background-image: url(../images/icon4.png); }

post { width: 100%; float: left; position: relative; font-size: 12px; line-height: normal; margin: 0 0 5px 0; }

post span { font-size: 15px; }

.border-bt { border-bottom: 1px solid #fff; margin: 0 0 25px 0; }

date { width: 58px; height: 73px; float: left; margin: 0 20px 25px 0; text-align: center; color: #fff; font-size: 30px; padding: 20px 0 0 0; line-height: 10px; background-image: url(../images/date-bg.png); background-repeat: no-repeat; background-position: left top; font-family: 'RobotoLight_0'; }

date span { font-size: 10px; line-height: 35px; }

.over { width: 100%; float: left; position: relative; z-index: 5; }

.texture { position: relative; background-image: url(../images/texture.png); margin: 25px 0; padding: 40px 0; }

.texture:after { width: 50%; top: 0; right: 0; height: 100%; content: ''; position: absolute; background-color: #2E3192; }

.corner { -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); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.gal-img { width: 100%; float: left; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.gal-img img { width: 100%; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.gal-img h1 { position: absolute; left: 0; bottom: 0; margin: 0; padding: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.8); z-index: 2; font-size: 12px; font-weight: normal; line-height: normal; width: 100%; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.fullwidth { width: 100%; display: block; }

.halfwidth { width: 50%; display: block; }

clearfix { width: 100%; height: 100px; float: left; margin: 0; padding: 0; display: block; }

.two-col { width: 46%; float: left; margin-right: 8%; }

.three-col { width: 30%; float: left; margin-right: 5%; }

.four-col {width: 22%;float: left;margin-right: 4%;}

.last { margin-right: 0 !important; }

form { margin: 0; padding: 0; }

*:focus { outline: none; }

.fieldset { width: 100%; height: auto; padding: 8px 10px; background-color: rgba(255, 255, 255, 0.1); display: block; border: 0; margin: 0 0 10px 0; color: #fff; font-size: 12px; font-family: 'RobotoLight_0'; float: left; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.sendbutton { width: auto; height: auto; border: 0; outline: 0; margin: 0 5px 0 0; float: left; color: #fff; font-size: 14px; font-family: 'RobotoLight_0'; cursor: pointer; vertical-align: top; padding: 10px 20px; text-align: center; background-color: rgba(255, 255, 255, 0.1); text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.sendbutton:hover { background-color: #303396; color: #fff; }

footer { width: 100%; float: left; background-color: #000; color: #fff; background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0 0; }

footer a { color: #fff; }

footer a:hover { color: #E1E1E1; }

footer ul { width: 100%; float: left; margin: 0; padding: 0; list-style: none; }

footer li { margin: 0 0 5px 0; background-image: url(../images/icon5.png); background-repeat: no-repeat; background-position: left center; padding: 3px 0 3px 20px; line-height: normal; }

footer h1 { font-size: 14px; margin: 0 0 25px 0; padding: 20px 0 0 0; position: relative; line-height: normal; }

footer h1:after { width: 50px; height: 2px; position: absolute; left: 0; top: 0; content: ''; background-color: #fff; }

.copyright { width: 100%; text-align: center; float: left; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 25px; font-size: 11px; }

.web-banner { width: 100%; height: 350px; float: left; color: #fff; position: relative; background-repeat: no-repeat; background-position: top center; line-height: normal; text-transform: uppercase; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 40px; }

.web-banner:before { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; content: ''; z-index: 1;/*background-image:url(../images/slanted.png);*/ background-repeat: no-repeat; background-position: -800px top; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }

.breadcrumb { width: 100%; float: left; border-top: 1px solid rgba(0,0 ,0 ,0.11); border-bottom: 1px solid rgba(0,0 ,0 ,0.11); color: #2E3192; font-size: 12px; padding: 10px 0; position: relative; z-index: 5; text-align: center; margin-bottom: 50px; }

.breadcrumb a { color: #2E3192; }

.breadcrumb a:hover { color: #000; }

.breadcrumb:before { width: 150px; height: 4px; top: -4px; left: 50%; position: absolute; background-color: #2E3192; content: ''; margin-left: -75px; }

.capt { width: auto; position: absolute; right: 0; bottom: 0; color: #fff; z-index: 5; background: rgba(45, 48, 145, 0.77); border-radius: 10px 0 }

.capt h1 { font-size: 24px; line-height: normal; font-family: 'RobotoBold_0'; margin: 15px 0; padding: 0 15px; }

.capt h1 span { font-family: 'RobotoLight_0'; font-size: 20px; }

.margin-bottom { margin-bottom: 50px; }

aside { width: 25%; float: left; margin: 0; padding: 0; }

summary { width: 70%; float: right; margin: 0; padding: 0 }

.side-menu { width: 100%; height: auto; float: left; margin: 60px 0 30px; }

.side-menu ul, .side-menu li { width: 100%; height: auto; float: left; margin: 0; padding: 0; list-style: none; }

.side-menu a { width: 100%; height: auto; float: left; padding: 7px 20px; text-align: left; text-decoration: none; display: block; font-size: 13px; color: #696969; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-image: url(../images/menu-arrow2.png); background-repeat: no-repeat; background-position: 10px center; background-color: #fff; }

.side-menu a:hover { background-color: #FAA21C; color: #fff; text-indent: 5px; background-image: url(../images/menu-arrow.png); }

.current { background-color: #EF4035; color: #fff; background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-position: 95% center; }

.banner01 { background-image: url(../images/banner.jpg); }

.banner02 { background-image: url(../images/banner02.jpg); }

.banner03 { background-image: url(../images/banner03.jpg); }

.banner04 { background-image: url(../images/banner04.jpg); }

.banner05 { background-image: url(../images/banner05.jpg); }

.banner06 { background-image: url(../images/banner06.jpg); }

.border-bt { border-bottom: 1px solid rgba(183, 180, 180, 0.29); margin: 0 0 25px 0; }

date { width: 58px; height: 73px; float: left; margin: 0 20px 25px 18px; text-align: center; color: #fff; font-size: 30px; padding: 20px 0 0 0; line-height: 10px; background-image: url(../images/date-bg.png); background-repeat: no-repeat; background-position: left top; font-family: 'RobotoLight_0'; }

.postt span { font-size: 15px; cursor: pointer; }

.modi { color: #2E3192; }

.postt { width: 100%; float: left; position: relative; font-size: 12px; line-height: normal; margin: 0 0 5px 0; background-color: rgba(214, 214, 214, 0.25); padding: 20px 0 0; cursor: pointer; }

.postt:hover { color: #000 !important; }

.md-content button { display: block; margin: 0 auto; font-size: 15px !important; padding: 9px 13px; background-color: #3D3D94 !important; border: solid 2px #D2D2D2 !important; }

.msgstyles { padding: 10px; color: #3D3D94; }

.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;

}

.map-bg{ float:left; width:100%; padding:60px 60px 220px 60px; background:url(../images/map-bg.jpg) no-repeat bottom; position:relative; border: 1px solid #e4e4e4;}

.map-bg h3{ float:left; width:100%; font-size:24px; color:#2e3192; font-family: 'RobotoBold_0'; line-height: normal;}

.map-bg .list{ float:left; width:100%;}

.map-bg .list li { padding: 12px 0 12px 32px; background-position: left 15px; font-size: 18px; color: #000;}

.map-bg p{ font-size: 18px; line-height: 28px;}


/*************** HOVER EFFECT ***************/

.hover-effect{ width:100%; float:left; position:relative; overflow:hidden;}

.hover-effect img { width:100%; display:block; -moz-transition: all 0.99s ease; -o-transition: all 0.99s ease; -webkit-transition: all 0.99s ease;  transition: all 0.99s ease; filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01);}

.quiz-col:hover .hover-effect img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all .8s ease-in-out;}

.hover-effect:after { background:#FFF; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; content: ''; opacity: 0.7; -webkit-transform: skew(45deg) scaleX(0); -ms-transform: skew(45deg) scaleX(0); transform: skew(45deg) scaleX(0); -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.quiz-col:hover .hover-effect:after { -webkit-transform: skew(45deg) scaleX(1); -ms-transform: skew(45deg) scaleX(1); transform: skew(45deg) scaleX(1); -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 0.1;}

.quiz-col .hover-style.hover-effect {

    max-height: 239px;

    overflow: hidden;

}

.table,

.table2{background-color:#2E3192;color:#fff;border-collapse:collapse;border:1px solid #fff;width:100%;margin:0 0 25px 0;}

.table td{border:1px solid #fff;padding:10px;}

.table2{background-color:#fff;border:1px solid #E5E5E5;color:#696969;}

.table2 strong{font-weight:bold;color:#2E3192;}

.table2 td{border:1px solid #E5E5E5;padding:10px;}

.tr{background-color:#2E3192;color:#fff;text-align: center;font-family:'RobotoMedium_0';font-size:14px;}

.firstrow { background: #CDE0F2;} 

.contact-form input{ width: 100% !important; }
.contact-form .btn-danger{ padding: 10px 20px; font-size: 17px; width: auto; }
.footer-form input{ width: 100% !important; }
.footer-form .sendbutton{ width: auto!important; }
.maf{ float: left; width: 100%; margin-bottom: 0px; }
.maf .form1{ float: left; width: 25%; padding: 0 10px; margin-bottom: 20px; }
.maf .form1 label{ float: left; width: 100%; font-weight: bold; margin-bottom: 10px; }
.maf .form2{ float: left; width: 50%; padding:0 10px; margin-bottom: 10px; }
.maf .form1 .field, .maf .form1 input, .maf .form1 .field11, .maf .form1 .datepicker, .maf .form1 select{ height: 34px; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555;
background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 5px;  }
.maf .form2 textarea{      width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 5px; height: 100px;}
.maf .fldbut{ color: #ffffff; background-color: #2E3192; border-color: #2E3192; font-size: 17px; padding: 10px 20px; float: left; margin-left: 10px;}
.g-recaptcha{ float: left; width: 100%; margin-bottom: 10px;}
.parent-wrap {
    float: left;
    width: 100%;
}
.parent-wrap p {
    border-bottom: 1px solid #acbdd4;
    padding-bottom: 30px;
    margin-bottom: 22px;
    font-size: 14px;
    line-height: 30px;
}

.parnt-img {
    float: left;
    width: 25%;
    line-height: 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 1px solid #fff;
}
.parnt-img img {
    width: 100%;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.parent-name {
    float: left;
    width: 75%;
    padding-left: 20px;
    padding-top: 20px;
}
.parent-name h3 {
    color: #2e3192;
    margin-bottom: 4px;
}
.parent-name h4 {
    font-size: 12px;
}
.parent-wrap .testi{ float: left; width: 100%;  margin-bottom: 20px; }
.test-wrap{ margin-top: 86px; }
.inner-tesi { background-color: #f7f7f7;
    padding: 30px;
    position: relative;
    margin-bottom: 50px;
    min-height: 363px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px #0000001f;
    border: 1px solid #e6e6e6;}
.inner-tesi:after { position: absolute; content: '';  width: 50px; height: 39px; right: 20px; bottom: -19px; background-image: url(../images/tsti-icon.png); }
.inner-tesi p{ line-height: 20px; }
.admision-enq{animation: colorchange 5s linear 1s infinite; /* animation-name followed by duration in seconds*/
 -webkit-animation: colorchange 5s linear 0s infinite alternate; /* Chrome and Safari */
}
.snd-rst{ margin-top: -60px; float: left; }
.download-pros{float: left;width: 100%;position: relative;background-color: #2E3192;padding: 22px 15px 26px 65px;margin-bottom: 20px;}
.download-pros .syll-img{ position: absolute; left: 15px; top: auto;}
.download-pros h3{ color: #c6c8f5; margin-bottom: 2px; margin-top: 6px; font-weight: 400;}
.download-pros h4{ color: #fff; margin-bottom: 0px; font-size: 18px;}
.download-pros:hover { background-color: #484ba9;}


@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) {

main { width: 96%; }

.top-wrap { width: 100%; height: auto; padding: 0 20px; -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; }

.top-wrap:before, .top-wrap:after { display: none; }

.logo { top: -10px; }

.logo img { width: 80px; display: block; }

.logo-text img { width: 280px; display: block; }

.web-banner { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.web-banner:before { -webkit-border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; }

}

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

}

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

social { width: 100%; text-align: center; }

.top-info { width: 100%; text-align: center; }

.search-box { float: left; width: 50%; margin: 0 0 10px 25%; border: 1px solid #4C4FAE; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 2px 10px; }

.search-button { top: 2px; right: 2px; }

.panel-big, .panel-small { width: 100%; margin: 0 0 25px 0; }

.four-col { width: 48%; margin: 0 1% 15px 1%; }

}

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

}

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

main { width: 90%; }

.logo-text img { width: 200px; }

.two-col, .three-col { width: 100%; margin: 0 0 25px 0; }

.texture:after { width: 100%; height: 50%; bottom: 0; top: auto; }

.web-banner { background-position: center center;  }

.map-bg { padding:20px 20px 20px 20px; background-size: cover;}
.maf .form1, .maf .form2{ width: 100%; padding: 0px; }
.inner-tesi{ min-height: inherit; }
}

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

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

}

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

main { width: 84%; }

.search-box { width: 100%; margin: 10px 0; }
 .desi-main {width: 100%; display: block;}

.tel, .mail, social { display: none; }

.logo, .logo-text, .button-wrap { width: 100%; text-align: center; float: left; margin: 6px 0 0px 0; }

.logo img, .logo-text img { margin: 0; left: 0; top: 0; display: inline-block; }

.box { width: 100%; margin: 0 0 25px 0; }

.four-col { width: 100%; margin: 0 0 25px 0; }

.web-banner:before { width: 60%; height: 100%; background-image: none; }

.capt { left: 20px; }

.capt h1 { font-size: 18px; }

}

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

}

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

footer-main { width: 1180px; margin: 0 auto; }

section { width: 100%; float: left; margin: 0; padding: 0; position: relative; }

.pad { padding: 50px 0; }

social { float: right; margin: 6px 0 0 10px; }

social a { width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; display: inline-block; }

social a img { width: 100%; display: block; }

social a:hover { background-color: #CDE0F2; }

.lt-blue { background-color: #D3DFEF; }

.panel-big { width: 52%; }

.panel-small { width: 42%; }

.float-left { float: left; }

.float-right { float: right; }

.box { width: 48%; float: left; margin-right: 4%; -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); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.box p:first-child, .box p:last-child { margin: 0; padding: 0; }

.box img { width: 100%; display: block; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

.inset { width: 100%; float: left; padding: 15px; }

.iconic { font-size: 18px; line-height: normal; padding: 10px 0 10px 50px; background-repeat: no-repeat; background-position: left center; line-height: normal; margin: 0 0 20px 0; }

.ico1 { background-image: url(../images/icon1.png); }

.ico2 { background-image: url(../images/icon2.png); }

.ico3 { background-image: url(../images/icon3.png); }

.ico4 { background-image: url(../images/icon4.png); }

post { width: 100%; float: left; position: relative; font-size: 12px; line-height: normal; margin: 0 0 5px 0; }

post span { font-size: 15px; }

.border-bt { border-bottom: 1px solid #fff; margin: 0 0 25px 0; }

date { width: 58px; height: 73px; float: left; margin: 0 20px 25px 0; text-align: center; color: #fff; font-size: 30px; padding: 20px 0 0 0; line-height: 10px; background-image: url(../images/date-bg.png); background-repeat: no-repeat; background-position: left top; font-family: 'RobotoLight_0'; }

date span { font-size: 10px; line-height: 35px; }

.over { width: 100%; float: left; position: relative; z-index: 5; }

.texture { position: relative; background-image: url(../images/texture.png); margin: 25px 0; padding: 40px 0; }

.texture:after { width: 50%; top: 0; right: 0; height: 100%; content: ''; position: absolute; background-color: #2E3192; }

.corner { -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); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.gal-img { width: 100%; float: left; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.gal-img img { width: 100%; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.gal-img h1 { position: absolute; left: 0; bottom: 0; margin: 0; padding: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.8); z-index: 2; font-size: 12px; font-weight: normal; line-height: normal; width: 100%; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

.fullwidth { width: 100%; display: block; }

.halfwidth { width: 50%; display: block; }

clearfix { width: 100%; height: 100px; float: left; margin: 0; padding: 0; display: block; }

.two-col { width: 46%; float: left; margin-right: 8%; }

.three-col { width: 30%; float: left; margin-right: 5%; }

.four-col {width: 22%;float: left;margin-right: 4%;}

.last { margin-right: 0 !important; }

form { margin: 0; padding: 0; }

*:focus { outline: none; }

.fieldset { width: 100%; height: auto; padding: 8px 10px; background-color: rgba(255, 255, 255, 0.1); display: block; border: 0; margin: 0 0 10px 0; color: #fff; font-size: 12px; font-family: 'RobotoLight_0'; float: left; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.sendbutton { width: auto; height: auto; border: 0; outline: 0; margin: 0 5px 0 0; float: left; color: #fff; font-size: 14px; font-family: 'RobotoLight_0'; cursor: pointer; vertical-align: top; padding: 10px 20px; text-align: center; background-color: rgba(255, 255, 255, 0.1); text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.sendbutton:hover { background-color: #303396; color: #fff; }

footer { width: 100%; float: left; background-color: #000; color: #fff; background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0 0; }

footer a { color: #fff; }

footer a:hover { color: #E1E1E1; }

footer ul { width: 100%; float: left; margin: 0; padding: 0; list-style: none; }

footer li { margin: 0 0 5px 0; background-image: url(../images/icon5.png); background-repeat: no-repeat; background-position: left center; padding: 3px 0 3px 20px; line-height: normal; }

footer h1 { font-size: 14px; margin: 0 0 25px 0; padding: 20px 0 0 0; position: relative; line-height: normal; }

footer h1:after { width: 50px; height: 2px; position: absolute; left: 0; top: 0; content: ''; background-color: #fff; }

.copyright { width: 100%; text-align: center; float: left; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 25px; font-size: 11px; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}

s