@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@charset "utf-8";
/* CSS Document */
body {
	color: #333;
	line-height: 26px;
}
.tophead { width:100%; padding:0px 0; margin:0; overflow:hidden; background:#FFF;border-bottom: 1px solid rgba(255,255,255,0.2);}
.tophead a { color:#000; font-size:12px; line-height:17px; text-transform:uppercase; letter-spacing:2px; font-family: "bilo", sans-serif; float:left; padding:5px 0}
.tophead a:hover { text-decoration:none; color:#336699; font-family: "bilo", sans-serif;}
.headersocial { text-align:right; float:right}
.headersocial a { font-size:15px; padding:5px 7px 5px 12px; border-left:1px solid rgba(255,255,255,0.4);}
.headersocial a:last-child {border-right:1px solid rgba(255,255,255,0.4);}

.navbar-brand { padding-top:12px; padding-bottom:12px; font-family: "bilo", sans-serif}
#mainNav {flex-flow: column; padding: 0; background:#FFF}
.navbar-shrink .tophead { display:none}
.dropdown-menu { background:#fff}
.dropdown-item:focus, .dropdown-item:hover { background:#fff; color:#336699}
.dropdown-item { color:#000}

header.masthead { position:relative}
.bannerpart h1 { font-family: "bilo", sans-serif; font-size:55px !important; line-height:61px; padding-bottom:20px; color:#FFF}
.bannerpart p { font-family: "bilo", sans-serif; font-size:22px !important; line-height:36px; color:#FFF; font-weight:700 !important}
.bannerarrow { position:absolute; bottom:25px; left:0; right:0; margin:auto}
.bannerarrow a {
	font-size: 48px;
	color: #FFFFFF
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.dot {
  height: 25%;
  width: 25%;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
	text-align:center;
	padding:0px; 
	Overflow:hidden;
}
.dottext {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.playfutsalsection { padding:65px 0}
.playfutsalsection h2 { font-size:40px; line-height:46px; font-weight:700; padding:0 0 12px 0;}
.futsaltestimonialblk {
	padding: 32px 20px;
	background: #336799;
}
.futsaltestimonialblk p { color:#FFF; padding:0 55px; font-size:17px; line-height:26px;}
.futsaltestimonialblk h2 { color:#FFF;}
.futsaltestimonialblk .carousel-control-next, .futsaltestimonialblk .carousel-control-prev { font-size:30px;}



.servicesblk { background:#ededed; padding:65px 0}
.servicesblk h3 { font-size:40px; line-height:46px; font-weight:700; padding:0 0 15px 0}
.servicesblk h6 { font-size:24px; line-height:30px; padding:15px 0 0 0;}

.videoblk {
	background: #fff;
	padding: 50px 0
}
.videoblk iframe { background:rgba(255,255,255,.9); padding:6px}


.brandlogoblk { width:100%; padding:40px 0 20px; margin:0; overflow:hidden;}
.brandlogoblk .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 143px;
}

.brandlogoblk .d-md-inline-block  { float:left}
.brandlogoblk #carousel-with-lb { margin:auto; width:100%}



.joinusblk {
	width: 100%;
	padding: 50px 0 35px;
	margin: 0;
	background: #336799
}
.joinusblk h4 {
	font-size: 40px;
	font-family: "bilo", sans-serif;
	line-height: 46px;
	color: #FFFFFF;
	font-weight: 700;
	padding: 0 0 15px 0
}
.joinusblk p {
	color: #FFFFFF;
	font-family: "bilo", sans-serif;
}
.joinusblk a.btn {
	background: #fff;
	color: #336699
}
.joinusblk a:hover {
	background: #fff
}

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline-block;
	margin-left:0 !important;
	padding: 20px 0 0 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-image:url(../img/instagramcolors.jpg);
}
.social-network a.icoLinkedin:hover {
	background-color:#000000;
}
.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,.social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 44px;
	height: 44px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:44px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-circle a {
 background-color: #171717;
}


.innergap { height:127px;}





.breadcamppart {
	width: 100%;
	padding: 80px 0 20px 0;
	margin: 0;
	overflow: hidden;
	background: url(../img/bred.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 4px solid #336699 
}
.breadcamppart h1 {
	font-size: 50px;
	line-height: 56px;
	color: #000;
	font-weight: 700
}

.breadcamppart1 {
	width: 100%;
	padding: 30px 0 20px 0;
	margin: 0;
	overflow: hidden;
	background: #ffffff;
	background-size: cover;
	border-bottom: 4px solid #336699
}
.breadcamppart1 h1 {
    font-size: 46px;
    line-height: 56px;
    color: #000;
    font-weight: 600;
	font-style:normal;
    font-family: "bilo", sans-serif;
}

.aboutblk1 {background:#ffffff url("../img/GroupTrainingOptions.jpg") no-repeat center top; background-size:cover; padding:50px 0; margin:0; overflow:hidden; width:100%; border-bottom: 4px solid #336699}
.aboutblk1 p { color:#000; font-size: 16px; font-family: "bilo",sans-serif; font-weight:300;}
.aboutblk1 h6 { font-size:16px; font-family: "bilo", sans-serif; line-height:26px; font-weight:300; padding:0 0 10px 0;}

.aboutblk2 {
	width: 100%;
	padding: 50px 0;
	margin: 0;
	overflow: hidden;
	background:#474747
}
.aboutblk2 h2 { color:#FFF; font-family: "bilo",sans-serif; font-size:30px; line-height:36px; font-weight:600; padding:0; margin:0}
.aboutblk2 h6 { color:#FFF; font-family: "bilo",sans-serif; font-size:16px; line-height:22px; font-weight:400; padding:0 0 10px 0;}
.aboutblk2 p { color:#FFF; font-family: "bilo",sans-serif; font-weight:400;}
.aboutblk2 a,btn { margin-top:35px}

.aboutblk3 { width:100%; padding:50px 0 35px; margin:0; overflow:hidden; background:#ffffff }
.aboutblk3 p {
    color: #000;
    font-size: 16px;
    font-family: bilo, sans-serif;
    font-weight: 300;
    font-style: normal;
}
.aboutblk3 h6 {font-size:18px; font-family: "bilo",sans-serif; line-height:24px; font-weight:400; padding:20px 0 5px 0;font-family: 'Lato', sans-serif;}

.aboutblk4 { width:100%; padding:50px 0 35px; margin:0; overflow:hidden; background:#ffffff;}
.aboutblk4 p { color:#000; font-size: 16px; font-family: "bilo",sans-serif; font-weight:300;}
.aboutblk4 h3 {font-size:30px; font-family: "bilo",sans-serif; line-height:36px;font-weight:600}
.aboutblk4 h6 {
	color: #336699;
	font-size: 16px;
	line-height: 22px;
	font-family: "bilo",sans-serif;
	font-weight: 400;
	padding: 0 0 0px 0;
}

.brandlogoblkinner { width:100%; padding:40px 0 40px; margin:0; overflow:hidden; background:#f8f8f8;}
.brandlogoblkinner p { color:#000; font-size: 16px; font-family: "bilo",sans-serif; font-weight:300;}
.brandlogoblkinner h3 {font-size:30px; font-family: "bilo",sans-serif; line-height:36px;font-weight:600}
.brandlogoblkinner .owl-carousel .owl-item img {display: block;width: 100%;max-width: 121px;}
.brandlogoblkinner .d-md-inline-block { float:left}



.innerfootertop { background:url(../img/inner-footer-bkg1.jpg) no-repeat center center; background-size:cover}
.innerfootertop h3 {font-size:40px; font-family: "bilo",sans-serif; line-height:46px;font-weight:700; color:#FFF; padding-bottom:25px}
.innerfootertop #myCarousel p { color:#FFF; padding:0 55px; font-size:17px; line-height:26px;}
.innerfootertop #myCarousel .carousel-control-next, .innerfootertop #myCarousel .carousel-control-prev { font-size:30px;}
.innerfootertop #myCarousel .carousel-control-next:hover, .innerfootertop #myCarousel .carousel-control-prev:hover { background:none}

footer {
	background: #fff;
	width: 100%;
	overflow: hidden
}
.footerwidget { width:100%; padding:50px 0 45px; margin:0; overflow:hidden}
.footerwidget h6 {
	color: #666;
	padding: 0 0 10px 0;
	font-family: "bilo", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 21px
}
.footerwidget ul { padding:0; margin:0; }
.footerwidget ul li {display:block; font-size:15px; font-family: "bilo", sans-serif; font-weight:400;}
.footerwidget ul li a {
	color: #666;
}
.footerwidget ul li a:hover {
	color: #333333;
	text-decoration: none
}

.footercopyright {
	width: 100%;
	padding: 14px 0 0 0;
	margin: 0;
	border-top: 1px solid rgba(100, 100, 100, 0.5);
	color: #666;
	font-size: 12px;
}


@media screen and (max-width:767px) {
.aboutblk1 { background:#f8f8f8}
.aboutblk2 { text-align:center}	

}
@media screen and (min-width:767px) {
.brandlogoblkinner .col-md-2 { max-width:20%}	
}

@media screen and (max-width: 991px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {padding-left: 15px;padding-right: 15px;}	
.navbar-light .navbar-toggler {color: #fff; background:#fff /*border-color: #FFF;*//*background: #000000;*/}
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus { color:#000; background:#FFF}
.footerwidget .col-lg-3 { padding-bottom:15px}
.innerfootertop { background:#336699}
.innerfootertop h3 {color:#ffffff;}
.innerfootertop #myCarousel p { color:#ffffff;}
.innerfootertop #myCarousel .carousel-control-next, .innerfootertop #myCarousel .carousel-control-prev { color:#ffffff;}
.innerfootertopmobgap { clear:both; height:25px; width:100%}

.navbar navbar-expand-lg navbar-light fixed-top { color:#000; background:#FFF}


}



@media screen and (min-width: 992px) {
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown>.dropdown-toggle:active { pointer-events: none;}
#mainNav { background:#fff}
.home #mainNav { background:none}
.home #mainNav.navbar-shrink { background:#fff}
#mainNav ul.navbar-nav li.nav-item { padding:24px 0}
.dropdown-toggle::after { display:none}
#mainNav .navbar-nav>li.nav-item:last-child>a.nav-link { padding-right:0}

#mainNav.navbar-shrink {

    background-color: #fff;

}


}

@media screen and (min-width: 1200px) {
#mainNav .navbar-nav>li.nav-item>a.nav-link {padding: .5rem 1.3rem;}	
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus { font-size:13px;}	
}