@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,800|Oswald:300,500,700');

body {
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	
}
p 	{
	font-family: 'Montserrat', sans-serif;
	color:#a6a6a6;
	font-weight:200;	
	}
h1 h2 h3 h4 h5 {
	font-family: 'Oswald', sans-serif;
}
h1>span {
	color:#009000;
}
a {
    color: #000000;
}

/*------navbar new-----------*/
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  

  
@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }


  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  


@media (min-width: 560px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
} 



.menu {
	background:url(../images/navbar-bg.png) no-repeat;
}
.navbar-default {
	background: none;
	background: transparent;
	border:none;
	color:#000;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #009000;
   background: none;
}
.dropdown-menu {
    min-width: 190px !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding-top: 15px;
    font-size: 14px;
}


.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #0090004f;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #008a00;
    background-color: transparent;
}

/*-------season--------*/
.season2 {
	margin:3em 0;
    border: 1px solid #009000;
    padding: 4px;
    background: #009000;
    background-clip: content-box;		
	cursor:pointer;
}


.season2 i {
	padding:15px;
}

/*--------next match------*/

.next-match {
	background:url(../images/match.jpg) no-repeat;
	height:130px;
	padding:3em 0;
	}

/*-------video---------*/
#video {
	padding:3em 0;
}
.video  span{
	color:#009000;
}


/*----about*---------*/

#about {
	background:url(../images/about_bg.png)no-repeat;
	background-size:cover;
	height:550px;
	margin:5em 0;
	color:#fff;
}
#about h1 span {
	color:#000;
	color:#000;
	font-weight:600;
}
#about p {color:#fff;font-weight:300;}
.about_left, .about_right {
	padding-top:100px;
}
.read_more {
	margin:2em 0;
    color:#009000;
	border: 1px solid #000;
    padding: 4px;
    background: #000;
    background-clip: content-box;		
	cursor:pointer;
}

/*--for right slider---*/

.pager li > a:focus, .pager li > a:hover {
    background: #009000 none repeat scroll 0 0;
    color: #fff;
}
.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #201b1b;
    border: 1px solid #ddd;
    border-radius: 15px;
}


/*----------- news slider-----------*/

.carousel-indicators2
{
    width: 5%;
    bottom: 50%;
    margin-left: -45%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}

#news {
	background:url(../images/news_bg.png) no-repeat;
}
.news {
	margin:3em 0;
    border: 1px solid #009000;
    padding: 4px;
    background: #009000;
    background-clip: content-box;		
	cursor:pointer;
	text-align:center;
	width:50px;
}
.news i {
	padding:15px;
}


/*-------- gallery---------*/
#gallery {
	background:url(../images/our_plan.png) no-repeat;
	margin:5em 0;
	padding:20px 0;
}










.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	text-align:right;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 144, 0, 0.24);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}


.hvrbox-text h3 {
	color:#000;
}
.hvrbox-text p {
	color:#fff;
}


.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 15px;
	display: inline-block;
	position: absolute;
    top: 84%;
    left: 217px;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}





















/*********************** Demo - 6 *******************/
.box6{background:#009000;position:relative;}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title {font-size: 20px;color: #000;margin: 55px 0 10px;transform: scale(0);}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:18px;color:#fff;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}


.box6 .box-content {
    padding: 20px;
    text-align: right;
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 1;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}








.box{width:300px; height:250px; border:1px solid #000; border-radius:2px; float:left; margin:20px 30px;  }
.box img{width:300px; height:250px;}
.box .overlay{width:300px; height:250px; background:#fff; margin:-250px 0px 0px 0px; opacity:0.5; }
.box a{padding:5px 7px; border:1px solid #000; text-decoration:none; font-family:sans-serif; font-size:14px; margin:-140px 0px 0px 15px; display:inline-block; opacity:0; transition:all 0.5s ease-in-out;    cursor: pointer;/* z-index: 10000; */position: absolute;}



.box .overlay:hover{opacity:0.1; transition:all 0.5s ease-in-out; width:300px; margin-left:50px; float:right; }
.box:hover{box-shadow:0px 0px 10px #6A6A6A; border:1px solid #00DFDF;transition:all 0.5s ease-in-out;}
.box:hover a{opacity:1; background:#FFFFFF; color:#000000; margin:-40px 0px 0px 15px;  border-radius:1px; }
.box a:hover{border:1px solid #00DFDF;transition:all 0.5s ease-in-out;   }









/*---------- award------------*/
#award  {
	background:url(../images/award_bg.png) no-repeat;
	background-size:cover;
	padding-top:50px;
}
.achievement h1 {
		font-weight:800;
		text-align:center;
	}
.achievement span{
	color:#009000;
	font-size:28px;
	
	}
.achievement {
	color:#fff;
}




/*-----------final match*--------*/
#final {
	padding-top:30px;
	text-align:center;
}
#final strong {
	color:lightgray;
	font-size:16px;
}
.final {
		background:url(../images/final_ground.jpg) no-repeat;
		background-size:cover;
}
.final iframe {
	margin:30px 0;
}




/*------ contact---------*/

#contact {
	margin:3em 0;
}
.btn-default {
    color: #333;
    background-color: #009000;
    border-color: #0d7c49;
}
.touch {
	background:url(../images/contact_bg.png) no-repeat;
	background-size:cover;
}

#contact .thumbnail{background: #E8E8E8; padding: 15px 0px 15px 30px; min-height: 300px }

#contact .thumbnail i{color: #008F22}
#contact .media{color:#000000 !important;} 
.media p {color:#000; font-weight:400;}

/*-------------footer-------------------*/


#footer {
	background-color:#403f3d;
	padding:50px;
	color:#fff;
}
#footer p {
	color:#a3a4a5;
}
.footer_icon  i, .icon i {
	padding:.5em 1em;
	color:#a6a6a6;
	padding-top:25px;
}
#footer span {
	color:#009000;
}
#footer h2 {
	color:#fff;
}
.newsletter span{
	font-size:25px;
}




a strong {
    color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:200;
}




/*---- footer menu----*/
.footer_menu ul li {
	display:inline-block;
}
.footer_menu a {
	padding:0 2em;
	color:#fff;
}
.footer_menu a:hover {
	color:#009000;
	text-decoration:none;
}


/*----slider-----*/
.testimonial_subtitle{
    color: #0aaa7a;
    font-size: 12px;
}
  .testimonial_btn{
    background-color: #373d4b !important;
    color: #fff !important;
 }
 .seprator {
    height: 2px;
    width: 56px;
    background-color: #0aaa7a;
    margin: 7px 0 10px 0;
}


/*-------top to arrow------------*/


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background:rgba(0, 144, 0, 0.35);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(34, 50, 106, 0.52);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/*------- header menu --------------*/
#about_page  {
	padding:4em 0;
}
#about_page span {
	color:#009000;
}

.breadcrumb>.active {
    color: #fff;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #fdbd00;
}
.breadcrumb {
     padding: 17px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
	background-color:#009000;
}
.ambassador img {
	padding-bottom:40px;
}


/*------------ contact page -----------------*/

.dropdown a:hover {
	color:#009000 !important;
	}

.contact i{
	color:#cccccc;
}
.contact-details  {
	background:#dbdbdb4f;
	padding:2em 1em;
}

.contact-details i {
	color:#009000;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #0d7c49;
    text-decoration: none;
    background-color: #000;
    outline: 0;
}


/*-----------download-------------*/

#download {
	padding:3em 0 0 0;
}
#download a {
	text-decoration:none;
}
.download {
	margin:3em 0;
    border: 1px solid #009000;
    padding: 4px;
    background: #009000;
    background-clip: content-box;		
	cursor:pointer;
}
.download:hover {
	margin:3em 0;
    border: 1px solid #009000;
    padding: 4px;
    background: #000;
    background-clip: content-box;		
	cursor:pointer;		
	color:#009000;
	}

.download i {
	padding:15px;
}

/*-----------end of download-------------*/

#most_run {
	padding:3em 0;
}
#most_run .run {
	color:#009000;
	font-size:20px;
}


/*--------indoor cricket video  -----*/

.indoor {
    border: 1px solid #009000;
    padding: 4px;
    background: #009000;
    background-clip: content-box;		
	cursor:pointer;
}
.indoor i {
	padding:15px;
}

/*---------------news season1 ---------------*/

#news_season1 {
	padding:3em 0;
}

#season1 a strong{
	color:#a6a6a6;
	font-weight:600;
	}
	
.line2 {
	border-right: 5px solid #009000;
    height: 50px;
	padding-left:10px;
}	
	
.work .category-buttons a.active {
    color: #fff;
    background: #009000;
}




.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #363533;
    border: 1px solid #009000;
}

.pagination>li>a:hover, .pagination>li>span:hover {

    color: #fff;
    background-color: #009000;
    border: 1px solid #009000;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #009000;
    border-color: #009000;
}


/*---------------news season2 ---------------*/

#news_season2 {
	padding:3em 0;
}


/*------------ season 1 gallery --------------------*/


/*--------GALLERY --------------*/

.tablink {
    background-color: #fff;
    color: #a6a6a6;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 20%;
}


.tablink:hover {
    background-color: #009000;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: #000;
    display: none;
    padding: 40px 20px;
    height: 100%;
}
#pickling, #Prod_Feat, #Meta_Aspe, #Noise_Air {color:#000;text-shadow: 2px 3px 15px;}
#Prod_Feat {background-color:#fff; border:1px solid lightgray;}
#Meta_Aspe {background-color: #fff;border:1px solid lightgray;}
#Noise_Air {background-color: #fff;border:1px solid lightgray;}
#Noise_Air1 {background-color: #fff;border:1px solid lightgray;}
#Noise_Air2 {background-color: #fff;border:1px solid lightgray;}

#collapse {
	padding-top:150px;
}




/*-------team season 1 (2016)----------*/
#season2 p  {
	font-size:13px;
	font-weight:600;
	color:#000;
}
#season2 p:hover  {
	color:#009000;
}
.line {
	border-right: 5px solid #009000;
    height: 90px;
	padding-left:10px;
}

#teaml, #teamll {
	padding:3em 0;
}



/*-------- GALLERY video  --------------*/

.tablink1 {
    background-color: #fff;
    color: #a6a6a6;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 20%;
	text-align:center;	
}


.tablink1:hover {
    background-color: #009000;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent1 {
    color: #000;
    display: none;
    padding: 40px 20px;
    height: 100%;
}

#gallery_video, #Prod_Feat, #Meta_Aspe, #Noise_Air {color:#000;text-shadow: 2px 3px 15px;}
#video1 {background-color:#fff; border:1px solid lightgray;}
#video2 {background-color: #fff;border:1px solid lightgray;}
#video3 {background-color: #fff;border:1px solid lightgray;}


#collapse {
	padding-top:150px;
}



/*------------ gallery season 2-------------------*/

.gallery-title{
    font-size: 36px;
    color: #3F6184;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button{
    font-size: 18px;
	padding:5px 10px;
    text-align: center;
    color: #3F6184;
    margin-bottom: 30px;
	background:transparent;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
    color: #009000;
	outline:none;
	font-weight:600;
	transform:scale(1.2)
}
.gallery_product{
    margin: 0px;
	padding:0;
	position:relative;
}
.gallery_product .img-info{
	position: absolute;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
	overflow:hidden;
	color:#fff;
	top:0;
	display:none;
	   -webkit-transition: 2s;
    transition: 2s;
}

.gallery_product:hover .img-info{
	display:block;
   -webkit-transition: 2s;
    transition: 2s;
}

/*	end gallery */

/*------------player season 2 Group A--------------------*/
#player p strong{
	font-size:25px;
	color:#000;
	padding-right:30px;
	
}

#player {
	background-color:#000;
}
.player {
	background:#009000;
	padding:8px 0;
}


/*---------group season2 team group------------ */
#group {
	padding:3em 0;
}



/*--- online registration----------- */
.btn-info {
    color: #fff;
    background-color: #f26c68;
}
.btn-info:hover {
    color: #fff;
    background-color: #000;
}












.demo {
width: 150px;
height: 150px;
background-image: url("path/to/loadingplaceholder");
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
}