@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
body
{
    background: #FCFAF8;
    font-family: 'Josefin Sans', sans-serif;
    color: black;
}
.top-text
{
    font-size: 17px;
    text-align: center;
}
.web-heading
{
    font-family: 'Satisfy', cursive;
    margin: 0px;
    margin-bottom: 30px;
    font-size: 30px;
    color: #4E2670;
    font-weight: bold;
}
.small_heading
{
    color: #4E2670;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 10px !important;
    font-size: 25px;
}
.small_heading2
{
    font-weight: bold;
    margin: 0px;
    margin-bottom: 10px !important;
    font-size: 25px;
    background: linear-gradient(to bottom, #FF8645 0%, #F96E24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-btn
{
    background: rgba(255,134,69,1);
    background: -moz-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,134,69,1)), color-stop(100%, rgba(249,111,36,1)));
    background: -webkit-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -o-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: linear-gradient(to bottom, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8645', endColorstr='#f96f24', GradientType=0 );
    color: white;
    text-shadow: none;
    border: none;
    font-size: 20px;
    padding: 10px 40px;
    border-radius: 50px;
    border-bottom: 5px solid #C05826;
    font-weight: bold;
}
.web-btn:hover
{
    background: rgba(250,143,90,1);
    background: -moz-linear-gradient(top, rgba(250,143,90,1) 0%, rgba(250,123,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,143,90,1)), color-stop(100%, rgba(250,123,55,1)));
    background: -webkit-linear-gradient(top, rgba(250,143,90,1) 0%, rgba(250,123,55,1) 100%);
    background: -o-linear-gradient(top, rgba(250,143,90,1) 0%, rgba(250,123,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,143,90,1) 0%, rgba(250,123,55,1) 100%);
    background: linear-gradient(to bottom, rgba(250,143,90,1) 0%, rgba(250,123,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8f5a', endColorstr='#fa7b37', GradientType=0 );
    border: none;
    border-bottom: 5px solid #C05826;
    color: white;
}
.img-center
{
    margin: 0 auto;   
}


.nav-tabs.web-tabs
{
    border: none;
    text-align: center;
}
.nav-tabs.web-tabs li
{
    float: none;
    display: inline-block;
}
.nav-tabs.web-tabs>li.active>a, .nav-tabs.web-tabs>li.active>a:focus, .nav-tabs.web-tabs>li.active>a:hover
{
    background: rgba(255,134,69,1);
    background: -moz-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,134,69,1)), color-stop(100%, rgba(249,111,36,1)));
    background: -webkit-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -o-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: linear-gradient(to bottom, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8645', endColorstr='#f96f24', GradientType=0 );
    color: white;
}
.nav-tabs.web-tabs>li>a, .nav-tabs.web-tabs>li>a:focus, .nav-tabs.web-tabs>li>a:hover
{
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 25px;
    border: none;
    background: gray;
    color: white;
    font-size: 20px;
}
a
{
    text-decoration: none !important;
}

/*Header Work Start*/
.header .navbar
{
    position: absolute;
    z-index: 1;
    width: 100%;
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 10px black;
}
.header .navbar .navbar-brand
{
    height: auto;
}
.header .navbar .navbar-brand img
{
    width: 80px;
}
.header .navbar .navbar-nav
{
    margin-top: 25px;
}
.header .navbar-default .navbar-nav>.active>a, .header .navbar-default .navbar-nav>.open>a
{
    background: none;
    box-shadow: none;
    color: #4E2670;
}
.header .navbar-default .navbar-nav>.active>a:before, .header .navbar-default .navbar-nav>.open>a:before
{
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #4E2670;
    bottom: 10%;
}
.header .navbar-default .navbar-nav>li>a
{
    color: black;
    font-size: 21px;
    font-family: 'Satisfy', cursive;
    font-weight: bold;
}
.header .navbar-default .navbar-nav>li>a:hover
{
    color: #4E2670;
}
.header .navbar-default .navbar-nav>li>a:hover:before
{
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #4E2670;
    bottom: 10%;
}
.navbar-toggle
{
    border: none;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 9px 9px;    
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: white;
}
.navbar-toggle.collapsed
{
    background: rgba(255,134,69,1) !important;
    background: -moz-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,134,69,1)), color-stop(100%, rgba(249,111,36,1))) !important;
    background: -webkit-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8645', endColorstr='#f96f24', GradientType=0 ) !important;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
    background: rgba(122,71,163,1);
    background: -moz-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(122,71,163,1)), color-stop(100%, rgba(94,50,132,1)));
    background: -webkit-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
    background: linear-gradient(135deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a47a3', endColorstr='#5e3284', GradientType=1 );
}
@media screen and (max-width:767px)
{
    .header .navbar
    {
        background: white;
        position: relative;
    }
    .header .navbar-default .navbar-brand
    {
        padding: 5px 15px;
    }
    .header .navbar .navbar-brand img 
    {
        width: 65px;
    }
    .cd-background-wrapper
    {
        margin-top: -20px;
    }
    .header .navbar .navbar-nav {
        margin-top: 0px;
    }
}
/*Header Work End*/

/*Slider Work Start*/
.cd-background-wrapper {
    background: url('../../images/bg2.png') no-repeat;
    background-position: center;
    background-size: 150%;
    overflow: hidden;
    -webkit-perspective: 5000px;
    perspective: 5000px;
}

.cd-floating-background {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-floating-background.is-absolute {
    position: absolute;
}
.cd-floating-background img {
    display: block;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-floating-background img:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}
.cd-floating-background img:first-child {
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect 2s 0s infinite linear;  
    animation: sliderimgeffect 2s 0s infinite linear; 
}
@keyframes sliderimgeffect { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:-2px;margin-left: -2px;} 
    25% {margin-top:-6px;margin-left: -6px;}  
    50% {margin-top:-10px;margin-left: -10px;} 
    75% {margin-top:-6px;margin-left: -6px;} 
    85% {margin-top:-2px;margin-left: -2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(2) {
    -webkit-transform: translateZ(200px);
    -ms-transform: translateZ(200px);
    transform: translateZ(200px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect2 2s 0s infinite linear;  
    animation: sliderimgeffect2 2s 0s infinite linear;
}
@keyframes sliderimgeffect2 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:2px;margin-left: 2px;} 
    25% {margin-top:6px;margin-left: 6px;}  
    50% {margin-top:10px;margin-left: 10px;} 
    75% {margin-top:6px;margin-left: 6px;} 
    85% {margin-top:2px;margin-left: 2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(3) {
    -webkit-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect3 2s 0s infinite linear;  
    animation: sliderimgeffect3 2s 0s infinite linear;
}
@keyframes sliderimgeffect3 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:-2px;margin-left: -2px;} 
    25% {margin-top:-6px;margin-left: -6px;}  
    50% {margin-top:-10px;margin-left: -10px;} 
    75% {margin-top:-6px;margin-left: -6px;} 
    85% {margin-top:-2px;margin-left: -2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(4) {
    -webkit-transform: translateZ(150px);
    -ms-transform: translateZ(150px);
    transform: translateZ(150px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect4 2s 0s infinite linear;  
    animation: sliderimgeffect4 2s 0s infinite linear;
}
@keyframes sliderimgeffect4 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:2px;margin-left: 2px;} 
    25% {margin-top:6px;margin-left: 6px;}  
    50% {margin-top:10px;margin-left: 10px;} 
    75% {margin-top:6px;margin-left: 6px;} 
    85% {margin-top:2px;margin-left: 2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(5) {
    -webkit-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect5 2s 0s infinite linear;  
    animation: sliderimgeffect5 2s 0s infinite linear;
}
@keyframes sliderimgeffect5 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:-2px;margin-left: -2px;} 
    25% {margin-top:-6px;margin-left: -6px;}  
    50% {margin-top:-10px;margin-left: -10px;} 
    75% {margin-top:-6px;margin-left: -6px;} 
    85% {margin-top:-2px;margin-left: -2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(6) {
    -webkit-transform: translateZ(200px);
    -ms-transform: translateZ(200px);
    transform: translateZ(200px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect6 2s 0s infinite linear;  
    animation: sliderimgeffect6 2s 0s infinite linear;
}
@keyframes sliderimgeffect6 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:2px;margin-left: 2px;} 
    25% {margin-top:6px;margin-left: 6px;}  
    50% {margin-top:10px;margin-left: 10px;} 
    75% {margin-top:6px;margin-left: 6px;} 
    85% {margin-top:2px;margin-left: 2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(7) {
    -webkit-transform: translateZ(150px);
    -ms-transform: translateZ(150px);
    transform: translateZ(150px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect7 2s 0s infinite linear;  
    animation: sliderimgeffect7 2s 0s infinite linear;
}
@keyframes sliderimgeffect7 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:-2px;margin-left: -2px;} 
    25% {margin-top:-6px;margin-left: -6px;}  
    50% {margin-top:-10px;margin-left: -10px;} 
    75% {margin-top:-6px;margin-left: -6px;} 
    85% {margin-top:-2px;margin-left: -2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.cd-floating-background img:nth-child(8) {
    -webkit-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: sliderimgeffect8 2s 0s infinite linear;  
    animation: sliderimgeffect8 2s 0s infinite linear;
}
@keyframes sliderimgeffect8 { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:2px;margin-left: 2px;} 
    25% {margin-top:6px;margin-left: 6px;}  
    50% {margin-top:10px;margin-left: 10px;} 
    75% {margin-top:6px;margin-left: 6px;} 
    85% {margin-top:2px;margin-left: 2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.no-preserve-3d .cd-floating-background {
    /* we target browsers that don't support preserve-3d and show just a standard image - no effect visible */
    position: relative;
}
/*Slider Work End*/


/*Main Work Start*/
.main .mainbox
{
    background: #F7F4EF;
    border-radius: 30px;
    box-shadow: 0px 0px 5px gray;
    margin: 30px 0px 0px 0px;
    overflow: hidden;
}
.main .mainbox .video
{
    cursor: pointer;
    width: 100%;
}
/*about work start*/
.main .mainbox .aboutus p
{
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
}
.main .mainbox .aboutus .aboutleft
{
    padding: 40px 0px;
}
.main .mainbox .aboutus .aboutleft img
{
    width: 300px;
}
.main .mainbox .aboutus .aboutleft:after
{
    content: '';
    height: 300px;
    width: 1px;
    background: #4E2670;
    position: absolute;
    right: 0%;
    top: 25px;
}
.main .mainbox .aboutus .aboutright
{
    padding: 55px 15px;
}
@media screen and (max-width:767px)
{
    .main .mainbox .aboutus .aboutleft:after
    {
        content: '';
        height: 1px;
        width: 100%;
        background: #4E2670;
        position: absolute;
        top: 100%;
    }
}
/*about work end*/

/*games work start*/
.main .mainbox .games
{
    padding: 40px 0px 40px 0px;
    text-align: center;
}
.main .mainbox .games .panel
{
    border-radius: 15px;
    overflow: hidden;
    height: 269px;
    border: none;
    box-shadow: 0px 4px 5px #C3C3C3;
}
.main .mainbox .games .panel:hover .panel-body
{
    margin-top: -70px;
}
.main .mainbox .games .panel-heading
{
    padding: 0px;
    border: none;
}
.main .mainbox .games .panel-heading img
{
    width: 100%;
}
.main .mainbox .games .panel-body
{
    text-align: left;
    color: black;
    padding: 0px 15px;
    position: relative;
    background: white;
    border: none;
    transition: all 0.3s 0s linear;
}
.main .mainbox .games .panel-body h3
{
    padding: 20px 0px;
    margin: 0px;
    margin-bottom: 0px !important;
}
/*games work end*/

/*learning_through_gaming work start*/
.main .mainbox .learning_through_gaming
{
    background: url('../../images/learning_through_gaming.png');
    background-position: top;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.main .mainbox .learning_through_gaming .gino_boy
{
    width: 130px;
    position: absolute;
    left: 45%;
    top: 22px;
    -webkit-animation: gino_boy 2s 0s infinite linear;  
    animation: gino_boy 2s 0s infinite linear;
}
@keyframes gino_boy { 
    0% {margin-top:0px;margin-left: 0px;} 
    15% {margin-top:2px;margin-left: 2px;} 
    25% {margin-top:6px;margin-left: 6px;}  
    50% {margin-top:10px;margin-left: 10px;} 
    75% {margin-top:6px;margin-left: 6px;} 
    85% {margin-top:2px;margin-left: 2px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.main .mainbox .learning_through_gaming .ball
{
    width: 100px;
    position: absolute;
    bottom: 117px;
    -webkit-animation: ball 7s 0s infinite linear;
    animation: ball 7s 0s infinite linear;
}
@keyframes ball { 
    0% {margin-bottom:0px;margin-left: 0%;}
    12.5% {margin-bottom:20px;margin-left: 22.5%;}
    25% {margin-bottom:40px;margin-left: 45%;}
    37.5% {margin-bottom:20px;margin-left: 67.5%;}

    50% {margin-bottom:0px;margin-left: 90%;}

    62.5% {margin-bottom:20px;margin-left: 67.5%;}
    75% {margin-bottom:40px;margin-left: 45%;}
    87.5% {margin-bottom:20px;margin-left: 22.5%;} 
    100% {margin-bottom:0px;margin-left: 0%;} 
}
.main .mainbox .learning_through_gaming .web-heading
{
    color: white;
    padding-top: 190px;
    padding-left: 15px;
}
.main .mainbox .learning_through_gaming p
{
    padding-left: 15px;
    margin-bottom: 230px;
}
.main .mainbox .learning_through_gaming p a
{
    color: #FF8645;
}
.main .mainbox .learning_through_gaming p a:hover
{
    color: white;
}
@media screen and (max-width:767px)
{
    .main .mainbox .learning_through_gaming
    {
        background: rgba(122,71,163,1);
        background: -moz-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(122,71,163,1)), color-stop(100%, rgba(94,50,132,1)));
        background: -webkit-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
        background: linear-gradient(135deg, rgba(122,71,163,1) 0%, rgba(94,50,132,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a47a3', endColorstr='#5e3284', GradientType=1 );
        padding: 40px 0px;
    }
    .main .mainbox .learning_through_gaming .web-heading 
    {
        padding-top: 0px;
        font-size: 20px;
    }
    .main .mainbox .learning_through_gaming p 
    {
        margin-bottom: 0px;
    }
}
/*learning_through_gaming work end*/
/*Newsletter work start*/
.main .mainbox .newsletter
{
    padding: 20px 0px 80px 0px;
    text-align: center;
    font-size: 20px;
}
.main .mainbox .newsletter p
{
    font-size: 18px;
}
.main .mainbox .newsletter .form-control
{
    height: 53px;
    border-radius: 50px 0px 0px 50px;
    font-size: 18px;
    border-bottom: 5px solid #c3c3c3;
    margin-bottom: 20px;
}
.main .mainbox .newsletter .form-control:focus
{
    outline: 0;
    box-shadow: none;
    border:1px solid #ccc;
    border-bottom: 5px solid #c3c3c3;
}
@media screen and (max-width:425px)
{
    .main .mainbox .newsletter .form-control
    {
        height: 40px;
        font-size: 15px;
    }
    .main .mainbox .newsletter .input-group .web-btn
    {
        font-size: 15px;
        padding: 7px 20px;
    }
}
/*Newsletter work end*/
/*Main Work End*/


/*Footer Work Start*/
footer
{
    margin-top: 1px;
    z-index: 1;
    position: relative;
}
.footer
{
    padding: 20px 0px 40px 0px;
    background: #464646;
    color: white;
}
.footer .web-heading
{
    color: #FF8645;
}
.footer ul
{
    padding-left: 0px;
    font-size: 12px;
    margin-top: 15px;
    font-weight: bold;
}
.footer ul li
{
    margin-top: 5px;
    list-style: none;
}
.footer ul li a
{
    color: white;
}
.footer ul li a:hover
{
    color: #FF8645;
}
.footer ul.social
{
    font-size: 20px;
    margin-top: 0px;
    font-weight: normal;
}
.footer ul.social li
{
    margin: 25px 0px;
}
.footer ul.logos
{
    text-align: center;
}
.footer ul.logos li
{
    display: inline-block;
    width: 95px;
    float: none;
    margin: 10px 10px;
}
.footer ul.logos li img
{
    border-radius: 10px;
}

.footer-bottom
{
    background: #3B3B3B;
    color: white;
    padding: 20px 0px;
    text-align: center;
}
.footer-bottom a
{
    color: #FF8645;
}
.footer-bottom a:hover
{
    color: white;
}
/*Footer Work End*/

/*Banner Work Start*/
.banner img
{
    width: 100%;
}
/*Banner Work End*/

/*Page-aboutus work Start*/
.page-aboutus
{
    padding: 50px 0px;
}
.page-aboutus .top-text
{
    text-align: center;
}
.page-aboutus p
{
    text-align: justify;
}
.effectimg { 
    -webkit-transform-origin: center; 
    transform-origin: center; 
    -webkit-animation: effectimg 1.5s 0s infinite linear;  
    animation: effectimg 1.5s 0s infinite linear; 
}
@keyframes effectimg { 
    0% {margin-top:0px;margin-left: 0px;} 
    25% {margin-top:-5px;margin-left: -5px;} 
    50% {margin-top:-10px;margin-left: -10px;} 
    75% {margin-top:-5px;margin-left: -5px;} 
    100% {margin-top:0px;margin-left: 0px;} 
}
.page-aboutus .effectimg
{
    width: 300px;
    position: relative;
    z-index: 1;
}
.page-aboutus p.text-justify
{
    margin-bottom: 50px !important;
}
.lineeffect:before
{
    content: '';
    width: 650px;
    height: 400px;
    position: absolute;
    background: url('../../images/line.png');
    background-size: 100% 100%;
    margin-top: -300px;
    margin-left: 100px;
}
.lineeffect:after
{
    content: '';
    width: 650px;
    height: 450px;
    position: absolute;
    background: url('../../images/line2.png');
    background-size: 100% 100%;
    margin-top: -250px;
    margin-left: 90px;
}
.lineeffect2:before
{
    content: '';
    width: 650px;
    height: 400px;
    position: absolute;
    background: url('../../images/line.png');
    background-size: 100% 100%;
    margin-top: 180px;
    margin-left: 150px;
}
@media screen and (max-width:991px)
{ 
    .lineeffect:before, .lineeffect:after, .lineeffect2:before
    {
        display: none;
    }
}
/*Page-aboutus work End*/

/*Page-Games Work Start*/
.page-games
{
    padding: 50px 0px 80px 0px !important;
}
.page-games p.top-text
{
    margin-bottom: 40px;
}
.gameModal .modal-dialog
{
    border-radius: 30px;
    overflow: hidden;
}
.gameModal .modal-header
{
    padding: 0px;
}
.gameModal .modal-header img
{
    width: 100%;
}
.gameModal .modal-header .close
{
    position: absolute;
    right: 2%;
    top: 2%;
    opacity: 1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 45px;
    border: none;
    color: white;
    font-size: 25px;
    font-weight: normal;
    outline: none;
    box-shadow: 2px 2px 2px black;
    background: rgba(255,134,69,1);
    background: -moz-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,134,69,1)), color-stop(100%, rgba(249,111,36,1)));
    background: -webkit-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -o-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    background: linear-gradient(to bottom, rgba(255,134,69,1) 0%, rgba(249,111,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8645', endColorstr='#f96f24', GradientType=0 );
}
.gameModal .modal-header .close:hover
{
    background: gray;
}
.gameModal
{
    font-size: 16px;
}
/*Page-Games Work End*/

/*page_learning_through_gaming work Start*/
.page_learning_through_gaming
{
    padding: 50px 0px 80px 0px;
    text-align: center;
}
.page_learning_through_gaming h3.small_heading
{
    font-size: 23px;
}
/*page_learning_through_gaming work End*/

/*page_contactus work Start*/
.page_contactus
{
    padding: 50px 0px 80px 0px;
    text-align: center;
}
.page_contactus .form-group
{
    margin-bottom: 20px;
}
.page_contactus .form-control
{
    height: 50px;
}
.page_contactus textarea.form-control
{
    height: auto;
}
.page_contactus a
{
    color: black;
}
.page_contactus .small_heading
{
    color: #FF8645;
}
/*page_contactus work End*/

/*privacy_policy work Start*/
.privacy_policy
{
    padding: 50px 0px 80px 0px;
}
.privacy_policy .web-heading
{
    text-align: center;
}
.privacy_policy .small_heading2
{
    font-size: 20px;
}
/*privacy_policy work End*/

/*Page-sitemap work Start*/
.page-sitemap
{
    padding: 50px 0px;
}
.page-sitemap ul
{
    padding: 0px;
}
.page-sitemap ul li
{
    list-style: none;
    margin-bottom: 10px;
}
.page-sitemap ul li a
{
    color: #FF8645;
    font-size: 20px;
}
/*Page-sitemap work Start*/