/*
Global css */
html, body {
    height:100%;
    width:100%;
    margin:0px; padding:0px;
}
body {
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    margin:0px; padding:0px;
    overflow-x: hidden;
}
.hdr-top{ position:relative; padding-top:45px}
*{ margin:0px; padding:0px;}
h1, h2, h3, h4 {
    margin:0; font-weight:400
}	
img{ 
    border:none; outline:none; max-width:100%; height:auto;
}
#wrapper { width:100%;
}
#header{
    position: fixed; width: 100%; top:0 !important; height:155px; background:#fff; z-index:999999; box-shadow: 0 0 4px #333;
}
#logo {    
    margin:20px 0 0 30px; width:20%; float:left;
}
#top-head {width:74%; float:right; text-align:right; padding:0 15px 0 0px;}
.top-nav{ margin:0 0 10px}
.top-nav li{ list-style:none; color:#414141; font-size:16px; font-weight:400;}
.top-nav li a{ text-decoration:none; font-size:16px; color:#414141;}
.menu{ background:url(../images/nav_icon.png) no-repeat; text-indent:999px; position:absolute; right:0; top:0; width:50px; height:50px; display:none}
#main-menu{ float:right; }
#main-menu ul { list-style:none}
#main-menu ul li { float: left;margin-right:2px; background:#d29a00; position:relative}
#main-menu ul li.robotics a.active, #main-menu ul li.toddlers a.active, #main-menu ul li.dannce a.active,
#main-menu ul li.braincafe a.active, #main-menu ul li.theatre a.active,
#main-menu ul li.sports a.active, #main-menu ul li a:hover, #main-menu ul li.mogly a.active {background:#333}
#main-menu ul li.robotics a{ background:#306aa7;}
#main-menu ul li.toddlers a{ background:#70ae4d;}
#main-menu ul li.mogly a{ background:#3a7c15;} 
#main-menu ul li.dannce a{ background:#9c2873;}
#main-menu ul li.braincafe a{ background:#ed7b2d;}
#main-menu ul li.theatre a{ background:#db263d;}
#main-menu ul li.sports a{ background:#379acf;}
#main-menu ul li a{ padding:16px 12px; text-align:center; display:block; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none;}
#main-menu ul li a:hover{color: #fff; background:#333}

.sub-menu {
    background-color: rgba(0, 0, 0, 0.75);
    height: 0;
    right: 0;
    line-height: 0; 
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 54px;
    transition: all 0.4s ease-in-out 0s;
    width: 190px;
    z-index: 99;
}
#main-menu > ul > li .sub-menu li {
    border-bottom: 1px solid #8f8f8f; float:none; margin-right:0; border-top:1px solid #fff;
}
#main-menu > ul > li > .sub-menu li a {
    color: #fff;
    display: block; text-align: right;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    position: relative;
    transition: all 0.3s ease-in 0s;
}
#main-menu > ul > li:hover .sub-menu {
    height: auto;
    line-height: 1;
    opacity: 1;
    overflow: visible;
    transition: all 0.3s ease-in-out 0s;
}

#top-banner{ position:relative; padding-top:123px; clear:both; z-index: 99999;}
figure.banner{ width:100%;}

#banner-block{
    width:100%; position:absolute; top:250px; z-index:1;
}
.thankyou-bg{
    width:100%; background:#ed7b2d; height:285px; padding:200px 0 0;
}
.thankyou-bg h1{
    font-size:55px; font-family: 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; line-height:55px; text-align:center; text-shadow:none;
}

.content-pnl{
    order: 1;
}
.content-img {
    order: 2;
}



figure.apply-now{
    position: fixed;
    width:10%;
    background-image:url(images/apply-now-icon.jpg); background-repeat: no-repeat; background-position: left top;
}
.banner-content{
    width:44%; 
    float:right;
    display:none;/*To Be Deleted*/
}
h1{
    font-size:55px; font-family: 'Open Sans', sans-serif; color:#000; text-transform:uppercase; line-height:55px; text-shadow: 2px 2px 9px #fff;
}
.banner-content p
{	font-size:15px; font-weight:600; color:#000; padding-top:10px; text-shadow:5px 5px 5px 5px #fff; text-shadow: 2px 2px 9px #fff;}

.bnr-btn{
    margin:20px 100px 0 0; 
    float:right; 
    width:43%;
    display:none;/*To Be Deleted*/
}

.close{ background:#fff; color:#000; font-size:20px; cursor:pointer; position:absolute; right:17px; top:10px; border:none; padding:0 3px;}
.form { width:450px; background:url(../images/form-bg.png) repeat; margin-left:-474px; padding:50px 0px 10px 15px; position:fixed; top:250px; z-index:99;}

input{
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    width:200px;
}
select{
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    width:212px;
}
input.submit
{
    background:#306aa7; 
    padding:10px;
    border:none;
    color:#fff;
    font-size:18px; text-transform:uppercase; width:auto; 
    float:right; 
    margin:10px 17px 5px 0; cursor:pointer;
}

.find-out{
    text-align:center; 
    position:absolute; 
    bottom: 0; 
    top:auto; 
    /*width:100%;*/
    right:0px;/*To Be Deleted*/
    z-index:99999
}
.btn-hvr{ transition:background ease-in .2s; }
.btn-hvr:hover{ text-decoration:none; background:#1d5086;}

.find-out a{ color:#fff; display:inline-block}
.find-out a span{
    color:#fff; text-decoration:none; text-transform:uppercase; padding:0px 0 5px; display:inline-block; background:#000; width:90px;  padding:5px 0; 
}
.find-icon{
    border-top:1px solid #fff; padding:10px 0; background:#000;  width:90px; margin:0 auto
}
.flt-lft{
    float:left;
}
.flt-rgt{
    float:right;
}
.apply-now{ position:fixed; width:100px; z-index:9999}
.apply-now span{
    background-image: url("../images/apply-now-icon.png");
    background-position: 15px 0;
    background-repeat: no-repeat;
    height: 20px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 100%;
}
.apply-now.icon span{ background-position: 15px -23px}
.block-content{
    padding:110px 0 0 60px; position:absolute; width:40%; z-index:1;
}
.block-content-rgt{
    float:right; padding:110px 60px 0 0; position:absolute; z-index:1;
}
.content-pnl{
    float:left; width:40%;
}
.content-pnl-rgt{
    float:right; width:40%;
}

/** robotics **/
#robotics{
    background:#306aa7; height:625px; overflow:hidden; margin-top:-5px;
}
#tech-zone{
    background:#306aa7; overflow:hidden;
}
.robotics-bg{
    position:relative; top:200px;
}
h2 span.robo{
    border-bottom:2px solid #628ebc;
}
.know-more-robotics a{
    background:#4377af; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400;
}
.btn-hvr-robo{ transition:background ease-in .2s; }
.btn-hvr-robo:hover{ text-decoration:none; background:#1d4c7f;}
/** end robotics **/

/** toddlers **/
#toddlers{
    background:#70ae4d; height:625px; overflow:hidden;
}
#toddler-zone{
    background:#70ae4d; overflow:hidden;
}
.toddlers-bg{
    position:relative; top:264px; float:right;
} 
h2 span.todd{
    border-bottom:2px solid #91c176;
}
.know-more-toddlers{ float:right; width:100px;}
.know-more-toddlers a{
    background:#81b863; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400; /*position:absolute;*/ z-index:1;}
.btn-hvr-todd{ transition:background ease-in .2s; }
.btn-hvr-todd:hover{ text-decoration:none; background:#5c9040;}	
/** end toddlers **/

/** dance **/
/*#dance{
    background:#9c2873; height:625px; overflow:hidden;
}
.dance-bg{
    position:relative; top:264px; float:right;
}
h2 span.dance{
    border-bottom:2px solid #b45b94;
}
.know-more-dance a{
    background:#a53b80; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400;
}
.btn-hvr-dnc{ transition:background ease-in .2s; }
.btn-hvr-dnc:hover{ text-decoration:none; background:#7f2660;}*/
/** end dance **/

/** birjumaharaj **/
#birjumaharaj{
    background:#791f59; height:625px; overflow:hidden;
}
h2 span.birju{
    border-bottom:2px solid #98537f;
}
.know-more-birju{ float:right; width:100px;}
.know-more-birju a{
    background:#794d81; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400; position:absolute; z-index:1;}
.btn-hvr-birju{ transition:background ease-in .2s; }
.btn-hvr-birju:hover{ text-decoration:none; background:#5b2d63;}
/** end birjumaharaj **/

/** braincafe **/
#braincafe{
    background:#ed7b2d; height:625px; overflow:hidden;
}
#danceworx{
    background:#ed7b2d; overflow:hidden;
}
h2 span.dance{
    border-bottom:2px solid #f19b5f;
}
.know-more-dance a{
    background:#ef8740; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400;
}
.btn-hvr-dnc{ transition:background ease-in .2s; }
.btn-hvr-dnc:hover{ text-decoration:none; background:#c06120;}
/** end braincafe **/

/** Mogly **/
#mogly {
    background: #3a7c15  none repeat scroll 0 0;
    height: 625px;
    overflow: hidden;
}
h2 span.mogly{
    border-bottom:2px solid #70ae4d;
}
#mogly .know-more-theatre a{ background:#70ae4d }
#mogly .know-more-theatre a:hover{ background:#3a7c15 }

/** theatre **/
#theatre{
    background:#9c2873; overflow:hidden;
}
#theatre-zone{
    background:#9c2873; overflow:hidden;
}
h2 span.theatre{
    border-bottom:2px solid #b45b94;
}
.know-more-theatre{ float:right; width:100px;}
.know-more-theatre a{
    background:#a53b80; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400; z-index:1;}
.btn-hvr-thtr{ transition:background ease-in .2s; }
.btn-hvr-thtr:hover{ text-decoration:none; background:#7f2660;}
/** end theatre **/

/** sports **/
#sports{
    background:#379acf; /*height:625px;*/ overflow:hidden;
}
#sports #soccer{
    background:#00BFFF; /*height:625px;*/ overflow:hidden;
}
#sports #cricket{
    background:#1E90FF; /*height:625px;*/ overflow:hidden;
}
#sports #shooting{
    background:#4682B4; /*height:625px;*/ overflow:hidden;
}

#sports .wrapper{ height:625px}
h2 span.sports{
    border-bottom:2px solid #67b2da;
}	
.know-more-sports a{
    background:#49a3d3; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400;
}
.btn-hvr-sports{ transition:background ease-in .2s; }
.btn-hvr-sports:hover { text-decoration:none; background:#257faf;}
/** end sports **/


/** workshops **/
#workshops{
    background:#db263d; overflow:hidden;
}
h2 span.workshops{
    border-bottom:2px solid #e3586a;
}
.know-more-workshops{ float:right; width:100px;}
.know-more-workshops a{
    background:#df4055; margin-top:33px; float:right; padding:10px; font-style:italic; color:#fff; text-decoration:none; font-weight:400; z-index:1;}
.btn-hvr-wks{ transition:background ease-in .2s; }
.btn-hvr-wks:hover{ text-decoration:none; background:#bb283c;}
/** end workshops **/

h2{
    font-size:40px; font-weight:400; color:#fff; text-transform:uppercase;
}
p{
    padding-top:40px; text-align:justify; line-height:24px;
}
.content-img{
    float:right; width:42%; margin-top:20px; 
}
.content-img-rgt{
    float:left; width:47%; margin-top:20px; 
}
#footer{
    width:100%; float:left;	background:#949494;
}
.footer-text{
    text-align:center; color:#000; padding:15px 0;
}
.up {
    background: rgba(0, 0, 0, 0) url("../images/top-arrow.png") no-repeat scroll left top;
    bottom: 55px;
    display: none;
    height: 45px;
    opacity: 0.7;
    position: fixed;
    right: 30px;
    transition: opacity 0.2s ease-in 0s;
    width: 45px;
    z-index: 55;
}
.wrapper {
    overflow: hidden;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* #header{
        height:120px;
    }*/
    #top-banner{ padding-top:120px;}

}
.new-notice{ text-align:center; background:#379acf; color:#fff; padding:7px 0px; font-size:16px; position:absolute; top:0; width:100%}
.new-notice strong{padding: 0px 15px;display: block;}


@media (max-width:767px){
    
}
iframe{
    display: none;
}

/** page bg**/
#horse-riding{
	background: #00BFFF;
}
#obstacle-course{
	background: #1E90FF;
}
#app-development{background: #245c96; height: 625px;}
#dramabaaz-storyworkz{background: #89c865;}
#edu-craft{background: #6aa04c; height: 625px;}
#dramabaaz-puppetry{background: #a83b82;}
#tennis-workshop{background: #e25164;}
#basketball-workshop{background: #d93b4f;}
#parenting-workshop{background: #e13046;}
#child-nutrition{background: #b73445;}
#wall-graffiti{background: #b71c2f;}




/** end page bg**/