@charset "utf-8";
/* CSS Document */

@font-face{font-family:'Kidzone'; src:url('../fonts/extra/KIDZONE.TTF');}
@font-face{font-family:'Boogaloo-Regular'; src:url('../fonts/extra/BOOGALOO-REGULAR.OTF');}
@font-face{font-family:'Oxbot'; src:url('../fonts/extra/Oxbot.otf');}
@font-face{font-family:'Wicked-Mouse'; src:url('../fonts/extra/WICKED-MOUSE-DEMO.OTF');}


body {font-family:'Oxbot';}

.menuzord-menu > li {padding: 24px 5px;}
.menuzord-menu > li > a {font-size: 13px; color:#fff;}
.menuzord-menu > li > a {padding: 8px 10px;}
.menuzord-brand img {max-height: 70px;}
.animated-active .menuzord-brand img {max-height: 100%;}

.bg-pink-colored-transparent { background-color: rgba(237, 0, 67, 0.8) !important;}
.bg-violet-colored-transparent { background-color: rgba(85, 76, 153, 0.8) !important;}

.green {background-color:#00aa4f;}
.blue-dark {background-color:#1c3f95; }
.blue-light {background-color:#0093d0;}
.orange {background-color:#f78f1e;}
.violet {background-color:#522f91;}
.yellow {background-color:#fbcd09;}
.red {background-color:#ee3124;}

.header-nav.navbar-transparent.animated-active {background-color: transparent;}

.animated-active .menuzord-menu { margin-top: 40px;}
.animated-active .menuzord-brand {margin: 60px 30px 0 50px; }

.font-kidzone {font-family:'Kidzone';}
.font-wicked-mouse {font-family:'Wicked-Mouse';}

.header-nav.navbar-black {background-color: rgba(0, 0, 0, 0.3);}
.header-nav.navbar-transparent .header-nav-wrapper {
    border-bottom: 1px solid #000;
}

.menuzord-menu { margin-top: 0;}
.menuzord-brand {margin: 0; }

#welcome h3 {font-family:'Boogaloo-Regular'; font-size:32px; color:#522f91;}
#welcome p {color:#232323;}

.btn-dark.btn-theme-colored {color: #fff; background-color: #522f91; border-color: #522f91; border-radius: 0px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Boogaloo-Regular'; color: #522f91;}

#footer {background-color:#57bdc4; font-family:'Boogaloo-Regular'; color:#e3e3e3;    font-size: 14px;
    line-height: 20px;}
#footer input.form-control {height:40px;}
.widget.dark .quick-contact-form .form-control {
    background-color: transparent;
    border-color: #ffffff;
}
.footer .widget.dark .quick-contact-form button {border:none; font-size:16px;}

#footer p {font-size:16px; letter-spacing:.8px}
.footer .widget a {color:#e3e3e3;}
#footer .widget ul li {letter-spacing:.8px}

#footer .widget .quick-contact-form .form-control {
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
}

#footer ::-webkit-input-placeholder { /* Chrome */
  color: #e3e3e3;
  font-family:Arial, Helvetica, sans-serif;
}
#footer :-ms-input-placeholder { /* IE 10+ */
  color: #e3e3e3;
  font-family:Arial, Helvetica, sans-serif;
}
#footer ::-moz-placeholder { /* Firefox 19+ */
  color: #e3e3e3;
  font-family:Arial, Helvetica, sans-serif;
  opacity: 1;
}
#footer :-moz-placeholder { /* Firefox 4 - 18 */
  color: #e3e3e3;
  font-family:Arial, Helvetica, sans-serif;
  opacity: 1;
}
.footer-bottom {
	background-color: #1cb5c0;
	font-family:Arial, Helvetica, sans-serif;
}

#testimonial h2 {color:#e84b3a;}
#testimonial .owl-carousel .owl-item {/*padding:10px;*/ text-align:left;}
#testimonial .owl-carousel .owl-item .testi-box {/* border:2px solid #e84b3a;*/ padding:20px; border-radius:10px;}
#testimonial .owl-carousel .owl-item .testi-box p {font-family:Arial, Helvetica, sans-serif;}
#testimonial .owl-carousel .owl-item .testi-box i {color:#e84b3a; display:none;}
#testimonial .owl-carousel .owl-item .testi-box h5 {color:#e84b3a; font-family:Arial, Helvetica, 'sans-serif';}
#testimonial .owl-carousel .owl-item .item img {border-radius:50%; width:88px; margin:20px 0 0 70px; border: 2px solid #e84b3a !important;}
#testimonial .owl-carousel .owl-item .item img.border-2px {border: 2px solid #e84b3a !important;}


@media only screen and (max-width: 900px) { 
	.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {color: #FFF;}
	#home {padding-top: 100px;}
	.inner-page .menuzord-menu > li { padding: 0px !important;}
}
@media only screen and (max-width: 480px) { 
	#home {padding-top: 0px;}
}
@media only screen and (max-width: 991px) { 
	.animated-active .menuzord-brand {margin: 10px 0 0 0;}
	.animated-active .menuzord-menu { margin-top: 10px;}
	.menuzord-menu > li { padding: 10px 5px;}
	.animated-active .menuzord-brand img {max-height: 70px;}
	
	#testimonial .owl-carousel .owl-item {padding:10px;}
	#testimonial .owl-carousel .owl-item .testi-box { border:2px solid #e84b3a; padding:20px; border-radius:10px;}
	#testimonial .testimonial .item {background:none !important;}
	#testimonial .owl-carousel .owl-item .item img {margin:-50px 0 0 12px; float:right}
}

/**** Inner Page  ****/

.inner-page .animated-active .menuzord-brand {margin: 10px 0 0 0;}
.inner-page .animated-active .menuzord-menu { margin-top: 10px;}
.inner-page .menuzord-menu > li { padding: 10px 5px;}

.breadcrumb > li + li::before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 16px;
}

.breadcrumb li.active {
    color: #ffffff;
}

.menuzord .showhide em {
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #000;
}
.inner-page .menuzord .showhide em {
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #fff;
}
.menuzord .showhide {padding:30px 0 0;}


/*  FLOATING SOCIAL MEDIA */ 
.socialMediaWrap {
  position: absolute;
  overflow: hidden;
  min-height: 50px;
  z-index: 9991;
  left: 0;
  top: 220px;
  width: 58px;
  min-height: 50px;
  /* left: auto !important; */
  height: 290px;
}
.socialMediaWrap:hover, .socialMediaWrap.socialMediaWrapActive {
  overflow: visible !important;
}
.socialMediaWrap.socialMediaChildHovered {
  overflow: visible;
}
.socialMediaWrap li.linkdin {
    background: rgba(55,81,202,0.9);
}
.socialMediaWrap li.linkdin:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    left: 0px;
}
.socialMediaWrap .socialButtonWrap {
  padding: 0;
  margin: 0;
}
.socialMediaWrap li {
  list-style: none;
  -webkit-transition: all .35s;
  transition: all .35s;
  width: 145px;
  left: -92px;
  /* max-width: 100%; */
  position: relative;
  /* &:hover{
        -webkit-transition: all .5s;
       transition: all .5s;
      left: -95px;
  } */
}
.socialMediaWrap li i {color:#fff;}
.socialMediaWrap li.insta {
  background: rgba(215, 164, 92, 0.9);
}
.socialMediaWrap li.insta:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.fb {
  background: rgba(79, 82, 167, 0.9);
}
.socialMediaWrap li.fb:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.twt {
  background: rgba(52, 152, 200, 0.9);
}
.socialMediaWrap li.twt:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.goo {
    background: rgba(237, 2, 19, .9);
}
.socialMediaWrap li.goo:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.snapChat {
  background: rgba(238, 225, 26, 0.9);
}
.socialMediaWrap li.snapChat:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.youtube {
  background: rgba(214, 48, 48, 0.9);
}
.socialMediaWrap li.youtube:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.email {
  background: rgba(36, 104, 255, 0.9);
}
.socialMediaWrap li.email:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.faq {
  background: rgba(152, 201, 50, 0.9);
}
.socialMediaWrap li.faq:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.linkedin {
  background: rgba(214, 48, 48, 0.9);
}
.socialMediaWrap li.linkedin:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
  left: 0px;
}
.socialMediaWrap li.contact {
  background: none;
  width: 326px;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.socialMediaWrap li.contact .bg {
  float: left;
  background: #8c761b;
  padding: 8px 10px;
  padding-left: 12px;
  cursor: pointer;
}
.socialMediaWrap li.contact > a {
  display: block;
  padding: 0;
}
.socialMediaWrap li.contact > a:after {
  display: table;
  content: '';
  clear: both;
}
.socialMediaWrap li.contact > a span {
  padding-left: 3px;
}
.socialMediaWrap li.contact .quickContactInner {
  float: left;
  width: 270px;
  background: #8c761b;
}
.socialMediaWrap li.contact.contactActive {
  left: -265px;
  -webkit-transition: 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.socialMediaWrap li.contact input {
  width: 100%;
}
.socialMediaWrap li.contact .msgeSendWrap input {
  line-height: 20px;
}
.socialMediaWrap li a {
  display: inline-block;
  padding: 7px 10px;
}
.socialMediaWrap li a span {
  display: inline-block;
  padding: 3px 10px;
  text-transform: uppercase;
  color: #ffffff;
  width: 92px;
  padding-top: 8px;
  font-size: 12px;
}
.socialMediaWrap li a img {
  float: right;
}

#fl_menu {
  position: absolute;
  top: 130px;
  top: 12vh;
  left: 0px;
  z-index: 91;
  width: 52px;
  min-height: 50px;
}
/*  FLOATING SOCIAL MEDIA */ 

#contact i {color:#57bdc4;}

#facilities .list-group-item {border:none; margin-bottom:0;}
#facilities a.list-group-item {border-bottom: 1px solid #f1f1f1;
    font-family: 'Boogaloo-Regular';
    font-size: 18px;
    letter-spacing: 1.5px;
    color: #57bdc4;
    padding: 5px 15px;}
#facilities a.list-group-item i {float:right; margin-top:5px;}
/*#facilities img {padding:20px; padding-top:0;}*/
#facilities p {text-align:justify;}
.drop-caps.colored-square p:first-child:first-letter {background-color:#57bdc4;}

#teachers h3 {font-size: 32px; color: #522f91;}
#teachers h4 small {font-size:16px;}

#teachers .col-md-3:nth-child(odd) .team-block .team-thumb .team-overlay {
    background: rgba(250, 107, 71, .9)
}
#teachers .col-md-3:nth-child(even) .team-block .team-thumb .team-overlay {
    background: rgba(90, 195, 218, .9);
}
.text-theme-colored {color: #522f91 !important;}

#curriculum h3 {font-size: 32px; color: #522f91;}
#curriculum ul li i {padding-right:10px; color:#522f91;}

#admissions ul {padding-left: 30px;}
#admissions ul li:before {
   	content: '\f192';
    font-size: 16px;
    padding-right: 15px;
    font-family: 'FontAwesome';
    margin-left: -30px;
}

#about ul li i {padding-right:10px; color:#522f91;}

#home h1 {font-size:60px; margin-bottom:0; text-shadow:5px 5px 5px rgba(0, 0, 0, .2);}
#home h2 {color:#f9ae00; font-size:40px; margin-top:0;}

@media only screen and (max-width:991px) {
	#home h1 {font-size:40px;}
	#home h2 {font-size:26px;}
}
@media only screen and (max-width:480px) {
	#home h1 {font-size:30px;}
	#home h2 {font-size:22px;}
}

#blue {background: rgba(126,62,243,1);
background: -moz-linear-gradient(top, rgba(126,62,243,1) 0%, rgba(5,0,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(126,62,243,1)), color-stop(100%, rgba(5,0,224,1)));
background: -webkit-linear-gradient(top, rgba(126,62,243,1) 0%, rgba(5,0,224,1) 100%);
background: -o-linear-gradient(top, rgba(126,62,243,1) 0%, rgba(5,0,224,1) 100%);
background: -ms-linear-gradient(top, rgba(126,62,243,1) 0%, rgba(5,0,224,1) 100%);
background: linear-gradient(to bottom, rgba(126,62,243,1) 0%, rgba(5,0,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e3ef3', endColorstr='#0500e0', GradientType=0 );}

#red {background: rgba(253,40,30,1);
background: -moz-linear-gradient(top, rgba(253,40,30,1) 0%, rgba(249,13,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,40,30,1)), color-stop(100%, rgba(249,13,2,1)));
background: -webkit-linear-gradient(top, rgba(253,40,30,1) 0%, rgba(249,13,2,1) 100%);
background: -o-linear-gradient(top, rgba(253,40,30,1) 0%, rgba(249,13,2,1) 100%);
background: -ms-linear-gradient(top, rgba(253,40,30,1) 0%, rgba(249,13,2,1) 100%);
background: linear-gradient(to bottom, rgba(253,40,30,1) 0%, rgba(249,13,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd281e', endColorstr='#f90d02', GradientType=0 );}

#cian {background: rgba(7,247,237,1);
background: -moz-linear-gradient(top, rgba(7,247,237,1) 0%, rgba(8,232,222,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,247,237,1)), color-stop(100%, rgba(8,232,222,1)));
background: -webkit-linear-gradient(top, rgba(7,247,237,1) 0%, rgba(8,232,222,1) 100%);
background: -o-linear-gradient(top, rgba(7,247,237,1) 0%, rgba(8,232,222,1) 100%);
background: -ms-linear-gradient(top, rgba(7,247,237,1) 0%, rgba(8,232,222,1) 100%);
background: linear-gradient(to bottom, rgba(7,247,237,1) 0%, rgba(8,232,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07f7ed', endColorstr='#08e8de', GradientType=0 );}

#pink {background: rgba(255,1,136,1);
background: -moz-linear-gradient(top, rgba(255,1,136,1) 0%, rgba(255,1,126,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,1,136,1)), color-stop(100%, rgba(255,1,126,1)));
background: -webkit-linear-gradient(top, rgba(255,1,136,1) 0%, rgba(255,1,126,1) 100%);
background: -o-linear-gradient(top, rgba(255,1,136,1) 0%, rgba(255,1,126,1) 100%);
background: -ms-linear-gradient(top, rgba(255,1,136,1) 0%, rgba(255,1,126,1) 100%);
background: linear-gradient(to bottom, rgba(255,1,136,1) 0%, rgba(255,1,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0188', endColorstr='#ff017e', GradientType=0 );}
#black{ background-color:#000;}

#blocks h4 {font-family:'Wicked-Mouse'; font-size:22px; min-height:62px;}
#blocks p {font-family:'Kidzone'; font-size:19px; line-height:1em; text-align:left !important;}
#blocks p img {float:left; padding:5px 10px 5px 0;}

.btn {font-family:'Kidzone'; font-size:18px; border-radius:5px;}
.btn-theme-colored {
    color: #fff;
    background-color: #8700f9;
    border-color: #8700f9;
}

.btn-whight {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-yellow {
    color: #F00;
    background-color: #f0ff00;
    border-color: #f0ff00;
}

#facilities {background-color:#135bd1;}
#facilities li {list-style:none;/* background-color:#104ecd;*/ border-radius:5px; padding:10px 20px; }
#facilities a { color:#fff; font-family:'Kidzone'; font-size:22px; line-height:42px;}
#facilities a img {float:left; padding-right:10px; /*padding-top:10px;*/}


#facilities ul { margin:0 auto;}
#facilities ul li {float:left; text-align:left; margin-right:10px; background-color:#104ecd; border-radius:5px; }
#facilities ul li a { padding:10px 20px; }
#facilities ul li a img { padding-right:10px;}


.right:before {
    content: '';
    width: 2500px;
    /* height: 110%; */
    /*min-height: 500%;*/
    background:url(../images/curriculum-right.jpg) left top no-repeat;
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: -9;
    top: -60px;
    bottom: -30px;}
	
.left:before {
    content: '';
    width: 2500px;
    /* height: auto; */
    /*min-height: 500%;*/
    background:url(../images/curriculum-left.jpg) left top no-repeat;
    position: absolute;
    top: 1px;
    right: -15px;
    z-index: 0;
    top: -60px;
    bottom: -30px;
}
.left {overflow: visible;
    padding-left: 65px;}
.left img {max-width: none;
    width: auto !important;}	

@media only screen and (max-width: 669px) { 
	.scrolltofixed-container {display:none;}
}

#curriculum {background-color: #a3d2ee !important; }
@media only screen and (max-width: 991px) {
	#curriculum { overflow: hidden;}
}

.gallery-isotope {
    background-color: #ccc;
    overflow: hidden;
}

.schools-carousel img {width:auto !important;}



/**** 404 page ****/
body.page404 {/*height:100%;*/ background:url(../images/bg.jpg) center; background-size:cover; background-attachment:fixed; background-repeat:no-repeat;}
@media only screen and (max-width: 991px) {
	body.page404 {/*height:auto !important; overflow:auto;*/  background:url(../images/bg.jpg) bottom;}
	/*.page-404 {height:auto !important; overflow:auto;}*/
}
.page-404 {/*height:100%;*/}
body.page404 .home h1 {color: #ad2dee;}
.page-404 #blocks #red:hover, .page-404 #blocks #blue:hover, .page-404 #blocks #cian:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, .6); margin-top:-20px;}