html, body{margin:0px; padding:0px;}
.header {width: 100%; background: #fff; float: left;padding: 20px 0;}
.header img{max-width:100%;}
/* Menu Top */
.navbar-nav{list-style:none;}
.navbar-nav li{display:inline-block;}
.navbar-nav li a {color: #454545; text-decoration: none; padding: 15px 11px;  display:    inline-block; font-family: teen; font-weight:bold;}
.navbar-nav li:first-child a{ color: #52d182 !important;}
.navbar-nav li+li a{ color: #3a8ee8 !important;}
.navbar-nav li+li+li a{ color: #e56f70 !important;}
.navbar-nav li+li+li+li a{ color: #dc9943 !important;}
.navbar-nav li a:hover {color: #454545 !important;}
/*
Code snippet by maridlcrmn for Bootsnipp.com
Follow me on Twitter @maridlcrmn
*/
.navbar-default {background-color: #fff !important; border: 1px solid transparent !important;}
.navbar{margin-bottom:0px !important;}
.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px 2px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
}


.get {
  
    background-color: white;
    border: 2px solid #253d96;
    border-radius: 15px;
    color: #253d96 !important;
    font-weight: bold;
    padding: 5px 19px 2px !important;
    line-height: 19px;
}




/* Social Media Top */
.social-media {margin-top: 12px;}

.social-media ul{list-style:none; margin:0px; padding:0px;}
.social-media ul li{display:inline-block;}
.social-media ul li a {
    width: 25px;
    height: 25px;
    background: #454545;
    color: #fff;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    border-radius: 24px;
    font-size: 12px;
}
.social-media ul li a.facebook{background:#327e15;}
.social-media ul li a.twitter{background:#ff0000;}
.social-media ul li a.twitter{background:#ff0000;}
.social-media ul li a.google{background:#56aead;}
.social-media ul li a.instagram{background:#6ab5d5;}
.social-media ul li a.youtube{background:#ff0000;}
.social-media ul li a:hover{ transform:rotateZ(360deg); transition:all 1s ease 0s;}
.circle {text-align:center; margin:10px 10px 10px 10px;}
.circle img{border-radius:100%; display:block; border:10px solid #fff; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21) transform: scale(1.2);-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21);box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21);margin-bottom:20px;max-width:100%;}
.circle img, .cencircle img{transition: all ease-in-out 1s 0s; max-width:100%;}
.circle:hover img, .cencircle:hover img{ transform: rotate(0deg) scale(1.1);
 transition: all ease-in-out 1s 0s;}
.circle h2{color: #ef4a03; font-family:Teen; font-weight: bold; font-size: 2.2rem; }
.circle p{color: #606060;}
.circle a{font-family:Teen; font-weight: bold; text-decoration:none; color: #ef4a03;}
.circle a:hover{text-decoration: none; color: #90ac1b;}
.cencircle img{border-radius:100%; display:block; border:10px solid #fff; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21);-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21);box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.21);margin-bottom:20px; width: 100%; height: 365px;}
.cencircle{ margin-top: -22px; }
.cencircle {text-align:center;}
.cencircle h2{color: #ef4a03; font-family:Teen; font-weight: bold; font-size: 2.2rem;}
.cencircle p{color: #606060;}
.cencircle a{font-family:Teen; font-weight: bold; text-decoration:none; color: #ef4a03;}
.cencircle a:hover{text-decoration: none; color: #90ac1b;} 
.gallery{background: url(../images/4.jpg) no-repeat; padding:20px; width: 100%; background-size:contain;}
.img-responsive{max-width:100%;}
.galimg img {border: 10px solid; border-color:#253d96; margin: 0 0 29px;}
.gallery_left {padding-top: 170px;}
.cen_down{padding: 20px 0 0 14px;}
.cen_right{ padding-top: 10px; }
.games {background: url(../images/10.jpg) no-repeat center bottom;padding: 131px 0 200px;margin: auto 0;
    width: 100%;background-size: 100%;}
.page-id-4 .games {margin: -131px auto 0 !important;}
.text {text-align: center;padding: 36px 0 229px;}
.button {position: relative;background-color: #a5be25;border: none;border-radius: 6px;font-size: 28px;
    color: #FFFFFF;padding: 17px;width: 460px;text-align: center;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;text-decoration: none;overflow: hidden;cursor: pointer;font-weight:bold;font-family:teen;font-size:35px;}
.games h1{ text-align:center; color:#ff0000;margin: 20px 0 50px 0; font-family:teen;font-weight: bold; font-size: 45px; display: block;}
.games p {text-align: center;margin: 10px 0 50px 0;display: block;font-size:18px;}
.button:after {content: "";background: #c9de5e;display: block;position: absolute;padding-top: 300%;
    padding-left: 350%;margin-left: -20px!important;margin-top: -120%;opacity: 0;transition: all 0.8s;}
.button:active:after {padding: 0;margin: 0;opacity: 1;transition: 0s} 
.soccircle h1{ text-align:center; font-family:teen; font-weight:bold; color: #ff0000; padding:25px 0px;}
.soccircle ul {margin: 0; text-align:center;padding: 10px 0px 0px 0px;list-style-type: none;}
.soccircle ul li {margin: 0 18px;padding: 15px 13px; display:inline-block;}
.soccircle ul li img{ transition:all 1s ease 0s;}
.soccircle ul li img:hover{ transform:rotateZ(360deg);}

.copyright{ text-align:center;background-color: #f24237; color:white; padding:0 0 0 5px; font-size:12px;}
.copyright p{margin: 3px 0px 3px 9px;}
.inner-banner{margin-bottom:0 !important;}
.inner-banner img {width: 100%; display: block;}
.inner-container{background:#fff; padding:30px 0; width:100%; position:relative;}
.inner-container:after{position:absolute; content:''; width:100%; height:139px; background:url(../images/bot-cloud.png) no-repeat; background-position:100%;}
.games-inner{margin-top:0 !important;}
.girl{}
.girl img {width: 100%;display: block;}
.bontext h1{ font-family:teen; font-weight:bold;color: #ef4a03}
.bontext p{font-family:raavi;font-size:20px; padding: 40px 0px 0px 0px;  line-height: 150%; }
.bontext p span{color:#251c9a;}
.approach img{border:10px solid; border-color:#ff0000;width:100%; display:block;}
.apptext p{font-size:20px; font-family:raavi;line-height:30px;padding-top:30px;}
.apptext p span{font-size:30px;}
.doctor img{border:10px solid; border-color:#2e3192;width:100%; display:block;max-height: 450px;}
.doct h2{position:absolute; font-family:teen; top:39%; left:37%; z-index:99; color:#fff; font-weight:bold; font-size:55px;letter-spacing:1px;}
.doctext p{font-size:20px; font-family:raavi;line-height:30px;padding-top:30px;}
.doctext p span{ color:#251c9a;}
.doctext p label{font-size:30px;}
.sports h2{position:absolute; font-family:teen; top:39% ; left:33% ; z-index:99; color:#fff; font-weight:bold; font-size:55px;letter-spacing:1px;}
.sports p{font-size:20px; font-family:raavi;line-height:30px;padding-top:30px;}
.sports p span{font-size:30px;}
#about-section{padding:50px;}
.banner-section{width:100%; margin:0; padding:0; float:left; position:relative; }
.banner img, .banner{width:100%; margin:0; padding:0;}
.banner-section:before{background:url(../images/cloud.png) no-repeat; background-size:100%; content:''; width:100%; height:80px;z-index: 10; position:absolute; bottom:0;}
.slides img{width:100%;}
.fade-carousel {position: relative;height: 100vh;}
.fade-carousel .carousel-inner .item {height: 100vh;}
.fade-carousel .carousel-indicators > li {margin: 0 2px;background-color: #f39c12;border-color: #f39c12;
opacity: .7;}
.fade-carousel .carousel-indicators > li.active {width: 10px;height: 10px;opacity: 1;}
/********************************/
/*          Hero Headers        */
/********************************/
.hero {position: absolute;top: 50%;left: 50%;z-index: 3;color: #fff;text-align: center;text-transform: uppercase;text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0);        -moz-transform: translate3d(-50%,-50%,0);-ms-transform: translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);}
.hero h1 {font-size: 6em;font-weight: bold;margin: 0;padding: 0;}
.fade-carousel .carousel-inner .item .hero {opacity: 0;-webkit-transition: 2s all ease-in-out .1s;      -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero {opacity: 1;-webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s;       -o-transition: 2s all ease-in-out .1s;  transition: 2s all ease-in-out .1s;}

/********************************/
/*            Overlay           */
/********************************/
.overlay {position: absolute;width: 100%;height: 100%;z-index: 2;background-color: #000;opacity: .4;}
/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
background:#000;
}
.carousel-control{z-index:9999; opacity: 1 !important;}
.carousel-control.right, .carousel-control.left{background:none !important;}
span.icon-prev, span.icon-next{
    background: #000;
    padding: 5px 13px;
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
}


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}


/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }  
 
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 3em; }   
.soccircle ul li{padding: 15px 0;}	
.doct h2 {top: 20%;left: 0; width: 100%; text-align: center;}
.inner-banner {position: relative; float: left; width: 100%; text-align:center;}
.approach1 h2{
    font-size: 39px;
    top: 26% !important;
    left: 0 !important;
	    display: block;
    width: 100%;
}
.sports h2 {
    font-size: 39px;
    top: 26%;
    left: 19%;
}



}
.banner h2{position:absolute; font-family:teen; top:39%; left:40%; z-index:99; color:#fff; font-weight:bold; font-size:55px;letter-spacing:1px;}

.approach1 h2{position:absolute; font-family:teen; top:39%; left:40%; z-index:99; color:#fff; font-weight:bold; font-size:55px;letter-spacing:1px;}


@media(max-width: 980px){
    .cencircle img, .circle img{margin:0px auto;}  
	.galimg img {margin: 0 auto; width: 100%;}
	.gallery {background: #a4bd23;}
	.gallery_left {padding-top: 35px;}
	.games {margin: -67px auto 0; padding: 16px 0 ; background-position:center top;}
	.soccircle ul li img {max-width: 78px;}
	.soccircle ul li {margin: 0 0;}
	.social-media ul {text-align: center;}
	a.logo{display:block; text-align:center;}
	.cencircle {margin-top: 0;}
	.button {padding: 10px 31px; width: auto; font-size: 18px;}
	.games h1{margin:20px 0 10px 0;}
	.text {padding: 36px 0 65px;}
	.soccircle h1{padding:25px 0px 0;}
	.navbar-collapse{overflow:hidden !important;}
	.fade-carousel .carousel-inner .item, .fade-carousel, .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3{height:auto;}
}
@media (max-width: 480px){
.soccircle ul li img {
    max-width: 40px;
}
.soccircle h1 {padding: 0 0px 0;}
.games h1 {font-size: 17px;}
.games p {margin: 10px 0 4px 0;font-size: 11px;}
.banner h2, .approach1 h2, .doct h2, .sports h2{top: 20%;left: 0%; display:block; width:100%; font-size:2em;}
.banner-section:before{bottom:-51px;}
}