@import url(http://fonts.googleapis.com/css?family=Schoolbell);

@font-face {

    font-family: "Hangyaboly";

    src: url(../fonts/Hangyaboly.ttf);

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: "Schoolbell";

    src: url(../fonts/Schoolbell.ttf);

    font-weight: normal;

    font-style: normal;



}

@font-face {
  font-family: 'DKCoolCrayon';
  src: url(../fonts/DKCoolCrayon.ttf);
  font-weight: normal;
  font-style: normal;
}


@font-face {

font-family: Samarkan;

src: url(../fonts/samarkan.ttf);

}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

display: block;

}



body {

background:url(../images/bg.png) repeat-x;

color:#323232;background-repeat: repeat;

font-family: calibri !important;

}



html * {

outline:none;

}



ol, ul, li {

list-style: none;

margin:0px auto !important;

padding:0px;

}



blockquote, q {

quotes: none;

}



blockquote:before, blockquote:after, q:before, q:after {

content: '';

content: none;

}



table {

border-collapse: collapse;

border-spacing: 0;

}



a{text-decoration:none; outline:none;}



outline{

border:none !important;

}

.clear {clear:both;}



a, a:active, a:focus, img:focus {

outline: none !important;

}



object, embed { 

  outline: 0;

}

/*********Class Starts**********/

.top {margin-top:3px;}



.cloud img{float:right;filter: drop-shadow(5px 5px 5px #222);margin-top: -4px;}



.sun {

    position: absolute;

    top: 5px;

    left: -40px;

}



/*******Menu Class **********/





.rmm {

	display:block;

	position:relative;

	padding:0px;

	margin:0 auto !important;

	text-align: center;

	line-height:19px !important;

	float: none;
	
width: 87%;

}

.rmm * {

	-webkit-tap-highlight-color:transparent !important;

	font-family:Arial;

}

.rmm a {

	color:#ebebeb;

	text-decoration:none;

}

.rmm .rmm-main-list, .rmm .rmm-main-list li {

	margin:0px;

	padding:0px;

}

.rmm ul {

	display:block;

	width:100% !important;

	margin:0 auto !important;

	overflow:hidden;

	list-style:none;
	
	float: left;


}





/* sublevel menu - in construction */

.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {

	display:none !important;

	height:0px !important;

	width:0px !important;

}

/* */





.rmm .rmm-main-list li {

	display:inline;

	padding:0px;

	margin:0px !important;
	
	float: left;

}

.rmm-toggled {

	display:none;

	width:100%;

	position:relative;

	overflow:hidden;

	margin:0 auto !important;

}

.rmm-button:hover {

	cursor:pointer;

}

.rmm .rmm-toggled ul {

	display:none;

margin: 5px 0px !important;

	padding:0px !important;

	z-index: 99999999;

position: relative;

}

.rmm .rmm-toggled ul li {

	display:block;

	margin:0 auto !important;

}









/* GRAPHITE STYLE */



.rmm.graphite .rmm-main-list li a {

    display: inline-block;

    padding: 11px 15px;

    margin: 0px -3px;

    font-size: 17px;

    color: #fff;

    text-transform: uppercase;

    font-family: Hangyaboly;

    font-weight: bold;border-right: 2px solid rgb(9, 117, 158);

}

.rmm.graphite .rmm-main-list li:last-child a {border:none;}



.rmm.graphite .rmm-main-list li a:hover {



	color:#fff;

	

}

.rmm.graphite .rmm-main-list li a:hover:after {content:"";

position:absolute;

width:10px;

height:10px;

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

	margin-top:21px;

	margin-left:-25px;

}



.rmm.graphite .rmm-toggled {

	width:95%;

	

	min-height:36px;

	border-radius:6px;

}

.rmm.graphite .rmm-toggled-controls {

	display:block;

	height:36px;

	color:white;

	text-align:left;

	position:relative;

	

}

.rmm.graphite .rmm-toggled-title {

	position:relative;

	top:9px;

	left:15px;

	font-size:16px;

	color:#fff;

	

}

.rmm.graphite .rmm-button {

	display:block;

	position:absolute;

	right:15px;

	top:8px;

}



.rmm.graphite .rmm-button span {

	display:block;

	margin-top:4px;

	height:2px;

	background:#c70100;

	width:24px;

}

.rmm.graphite .rmm-toggled ul li a {

	display:block;

	width:100%;

	background-color:#fff;

	text-align:center;

	padding:10px 0px 10px 0px;

	color:#fff;

	background: transparent url("../images/menu-bg.jpg") repeat-x scroll 0% 0%;

	font-weight:700;

	text-transform:uppercase;

	font-family:Roboto;

	font-size:13px;

}

.rmm.graphite .rmm-toggled ul li a:hover{background:#c70100;

color:#fff;

}

.rmm.graphite .rmm-toggled ul li a:active {

	background-color:#444444;

	border-bottom:1px solid #444444;

	border-top:1px solid #444444;

}



.menu {

background: url("../images/menu-bg.jpg") repeat-x;

float:left;

border-radius: 10px;

}



.main-content {margin-top:25px;padding: 0px 40px !important;;}



.left-bar, .right-bar {background:#fcfcac;

border-radius:5px;z-index: 99;padding-bottom: 10px;}



.right-bar {float:right!important;width: 74%!important;padding-left: 27px !important;z-index: 99;}

.right-bar1 {
    float: right !important;
    background: #FCFCAC;
    margin: 0;
    border-left: 10px solid #6AAAF8;
    border-radius: 20px;
}

.images ul {background:#fea1a2;overflow:hidden;margin-top:40px!important;height: 560px;border-radius: 10px;}



.images img {
	max-width:100%;

height:auto;

margin: 0 auto;

display: block;

width: 253px;}



.images li {position:absolute; left:0; right:0;}



.images li:nth-child(1) {top: 18px;}   

.images li:nth-child(2) { top: 137px;}

.images li:nth-child(3) {top: 322px;}

.images li:nth-child(4) {top: 487px;}





.images1 ul {

    background: #a4e299 none repeat scroll 0% 0%;

    overflow: hidden;

    margin-top: 130px !important;

    height: 248px;

    border-radius: 10px;

}


 
.images1 img {width: 250px;

height:auto;

margin: 0 auto;

display: block;}



.images1 li {position:absolute;}



.images1 li:nth-child(1) {top: 692px; left:0; right:0;}   



.images2 img {width: auto;

height:auto;

margin: 0 auto;

display: block;}





.girl {

    position: absolute;

    left: -60px;

    top: 500px;

    z-index: 999;

}



.boy {

    position: absolute;

    left: 0px;

   top: 1540px;

    z-index: 9999;
	
	display:none;

}



.hand-boy {

    position: absolute;

    z-index: 9999;

    right: 0px;

    top: 1580px;

}



.worm {

    /*position: absolute;

   left: 377px;

    top: 467px;*/

    z-index: 9999;

}
.worm.custom-worm{
    position:inherit !important;
    left:auto !important;
    top:auto !important;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-left: -200px;
}

.worm.custom-worm img{
    margin:auto;
    margin-bottom:-10px;
}
.rocket {
    position: absolute;
    right: 0px;
    top: 341px;
    z-index: 9999;
}

.contact {

   border-radius: 10px;
    display: block;
    margin-bottom: 31px;
    margin-left: auto; margin-right:auto;
   margin-top: 55px !important;
    min-height: 382px;
    overflow: hidden;
    padding: 23px;
    width: 290px;
    background:rgba(0, 0, 0, 0) url("../images/con-bg.png") no-repeat scroll 0 0 / cover 

    

}

.con-man
{ bottom: 156px;
    position: absolute;
    right: 0;}


.wpcf7 {
    margin-top: 55px;
}
.contact h2 {

    font-size: 25px;

    font-family: arial;

    text-transform: uppercase;

    color: #fff;

    text-shadow: 2px 2px 2px #000;

    font-weight: bold;

}



.contact li {

    padding:2px;}

	

.contact li input, .contact li textarea {

  width: 100%;

    border: medium none;

    background: #fcfcac;

    padding: 2px 9px;

}
.contact textarea {
    height: 68px;
}


.submit { width: 36% !important;

text-align: center;

margin: 0 auto;

display: block;float: left;}



.submit a{    background: #000 none repeat scroll 0% 0%;   

    color: #000;display: block;

padding: 10px;

}



.submit a:hover {background:#fff;color:#000;text-decoration:none;}



.fit-image-center img {margin: 0 auto;

display: block;}



.video {margin: 0px auto;

display: block;

width: 50%;}



.article-title {font-family: Hangyaboly;

font-size: 30px;

text-align: center;

text-decoration:underline;

font-weight:bold;}



.color-motive {

    color: #C00;

    font-family: "DKCoolCrayon";

	text-transform:uppercase;

}



.right-bar p, .right-bar1 p {
    font-size: 17px;
    line-height: 22px;}



.color-motive  span {color:#069;}



.franchaise {margin-bottom:24px;}



.franchaise img {width: 100%;

height: auto;}



.bottom {margin-top: 20px;z-index: 99;

}



.f-login a {

    background: #3CF none repeat scroll 0px 0px;

    border-radius: 10px;

    color: #FFF;

    font-family: Arial;

    font-size: 15px;

    padding: 5px 15px;

	box-shadow: 3px 3px 3px #000;

}



.smo {float:right!important;}



.smo li {float:left;

margin: 10px !important;}



.smo li > a {background:#00a3d9;text-align: center;

padding:20px;

color:#fff;

font-size:20px;

width: 60px;

height: 60px;display: block;transition: background-color 0.5s ease;}



.smo li > a:hover {background:#fff;

color:#00a3d9;}



.shocking {

    position: absolute;

   z-index: 9999;

    right: 0px;

    top: 1046px;

}



.bubbles {

   left: 70px;
    position: absolute;
    top: 1688px;
    z-index: 999; display:none;

}

.footer {padding:0px!important;margin-top: -200px;z-index: 1;}



.footer img {width:100%;

height:auto;}



.about {padding:20px 0px ;}



.fit-image {margin:0 auto;

display:block;}



.blue {color:#0F90CA;font-size: 16px !important; /*font-family:"Comic Sans MS", cursive;*/}



.violet {color:#4F2A91;font-size: 16px !important; /*font-family:"Comic Sans MS", cursive;*/}



.green {color:#00723B;font-size: 16px !important;font-style:italic;/*font-family:"Comic Sans MS", cursive;*/}



.red {color:#f00;font-size: 16px !important; /*font-family:"Comic Sans MS", cursive;*/}



.boy-rocket {

    position: absolute;

    z-index: 999;

    top: 700px;

    right: 0px;

}



.test-tube {

    position: absolute;

    z-index: 999;

 top: 1162px;

   right: 0px;



}



.test-tube1 {

    position: absolute;

    z-index: 999;

top: 1150px;

    left: 0px;



}



.right-bar img {

    margin: 0 auto;

    display: block;

}

.litings ul li {border-bottom:1px dotted #337AB7;}


.litings ul li:last-child {border:none;}

.litings ul li a {

    font-family: "Schoolbell";

    text-decoration: none;

    font-size: 22px;

}



.toys {

    width: 765px;

}



.feedback input, textarea {width:50%;

margin:5px 0px auto!important;

display:block;

border:1px solid #eee;

padding:10px;

background:#fff;

}



#submit {background:#000;

width:100px;

text-align:center;

color:#fff;

cursor:pointer!important;line-height: 27px; border:none;}



.f-30 {font-size:30px!important;}



.disc li {list-style:disc;

margin: 5px 0px !important;}



.school input {width:80%;

border:1px solid #eee;

background:#fff;

padding:5px;

margin:10px 0px;

}



.submit input{background: #fff  none repeat scroll 0% 0%;

border: none;

padding: 5px 15px;

color: #000;

/*float: left;*/

margin:10px 0px;}



.book-form {width:100%;

}



.book_online_form {width:100%;}



.book_online_form td {
    padding: 5px;
    vertical-align: middle;
}


.book_online_form td > input[type="text"] {border:1px solid #eee;

padding:5px;

width:80%;

}



.biglist li {list-style:disc;

padding:5px 0px;}



.form-h2 {background:#a00606;

color:#fff;

font-size:25px;

padding:5px;

/*font-family:"Comic Sans MS", cursive;*/

font-weight:bold;

text-shadow: 1px 1px 0px #000;

}



.form-left img {margin: 0 auto;

display: block;}



.form-right input ,.form-right textarea	{width:80%;

margin:5px 0px;

border:1px solid #eee;

padding:5px;

float:left;

}

.form-right label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    float: left;
}

.pay {margin-top:10px;}

.form-right  input[type="radio"] {    float: left;}

.form-right span {color:#f00;

font-size:16px;

margin-left:5px;

float:left;
}



.form-right select {width: 200px;

padding: 10px;

border: 1px solid #eee;

float:left;}



.login input {padding:5px;

border:1px solid #eee;

margin:5px 0px;}



.error {width:60%;

margin:10px auto;

padding:10px;

border-radius:10px;

border:3px solid #fff;

box-shadow:0px 0px 2px #000;

background:#fdbbbb;}





.success {width:60%;

margin:10px auto;

padding:10px;

border-radius:10px;

border:3px solid #fff;

box-shadow:0px 0px 2px #000;

background:#aae9a5;}





.e-msg img {margin-top:-5px;float:left;

}



.e-msg {font-size:18px;

margin-top:5px;

width:200px;

margin: auto;

}





.msg {margin-top:10px;}



.griin {color:#390;}



.rid {color:#f00;}



.side-nav li {

    background: #38D2A1  none repeat scroll 0px 0px;

    border-radius: 6px;

    line-height: 33px;

    list-style: outside none none;

   margin-bottom: 5px !important;

    text-indent: 10px;

}



.side-nav li a {

    color: #FFF;

    font-size: 17px;

}



thead {

    background: #38D2A1;color: #fff;

text-transform: uppercase; }

	

	.table > tbody > tr > td {border-top: 1px solid #38D2A1 !important;}

	


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.col-lg-4.col-md-4.col-sm-4.col-xs-12.animated.fadeInLeft > img {
    display: block;
    margin: -4px auto;
    max-width: 100%;
    width: 70%;
}

table
{background:#38d2a1 !important; }
.tg  {border-collapse:collapse;border-spacing:0; width:100%; }

.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}


tr {
    
    color: #000;
}

td {
  
    
    word-break: break-all !important;
}


.color-text-1 {
    background: #8DF2F6 none repeat scroll 0px 0px;
    border: 3px solid #FFF;
    border-radius: 9px;
    box-shadow: 0px 0px 3px #000;
    color: #000;
    display: block;
    font-family: calibri;
    font-size: 16px !important;
    margin: 10px 0px;
    padding: 6px;
    width: 100%;
    text-align: left;
}

.btm-fot {
    
    color: #fff;
    font-size: 14px;
    font-weight: bold;
     margin: 0 auto;
    width: 14%;
}

.btm-fot > p {
    margin: 0;line-height: 33px;
}

.center-violet {
    color: #063959;
    display: block;
    font-size: 18px !important;
    text-align: center;
}

#header > table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.products {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

#header a {
    color: #000;
    font-size: 20px;
}

.imagerow > td { text-align: center;
padding: 10px;}


.pagination a {
    margin-left: 8px;
}

.col-lg-8.col-md-8.col-xs-12.col-sm-12.right-bar.about > img {
    height: auto;
    max-width: 100%; width:auto;
}

.rainbow
{ position:relative;}

.rainbow-content {
    color: #FFF;
    font-size: 18px !important;
    font-weight: bold;
    left: 0px;
    margin: 0px auto;
    position: absolute;
    right: 0px;
    text-shadow: 0px 0px 4px #000;
    top: 52px;
    width: 47%;
}
	
	
	.rainbow img {
    filter: drop-shadow(0px 0 4px #3a4b02);
}

.party {
    margin: 20px 0px;
    overflow: hidden;
}

.book-form tr {
    background: #FCFCAC none repeat scroll 0 0 !important;
}

.book-form tr > td > textarea {height: 77px !important;
    resize: none;
    width: 80% !important;}
	
	.submit_button:hover {
    background: #b9b93e none repeat scroll 0 0 !important;
    color: #000 !important;
    
}

#phone {
    width: 80%;
}

/* css fo iframe add by rupesh */
table.products {
    background: #f00 !important;
}

div#featuredProducts {
    background: #f00 none repeat scroll 0% 0% !important;
}


ul#widget div {
    background: #FCFCAC none repeat scroll 0% 0% !important;
}



ul#widget h3 {
    background: none !important;
}


.rtop, .artop {
    display: none !important;
}


div#header {
    background: #7E7E23 none repeat scroll 0% 0% !important;
}
#sidebar {
    background: #7E7E23 none repeat scroll 0% 0% !important;
}

.science-products {
    border-radius: 20px !important;
    box-shadow: 0px 0px 3px #000;
    background: #fff;
}

.contact ul {
    margin-top: 40px !important;
}
.margin-bottom-10{
	margin-bottom:10px;	
}


@media only screen and (max-width: 768px) {
    .worm.custom-worm{
        margin-left: -100px;
    }
    
    .worm.custom-worm img{
        margin:auto;
        width: 100px;
        margin-bottom: -10px;
    }
}