body{
	background: #9BDB4A;
	font-size: 12px;
}
.carousel.fade {
  opacity: 1;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
img{
	max-width: 100%;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
	margin-left: 0;
}
/*
 * Globals
 */

body {
  font-family: helvetica, "Times New Roman", Times, serif;
  color: #555;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
}


/*
 * Override Bootstrap's default container.
 */


.container{
	background: #fff;
}

.carousel-inner{
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #fff;
}

/*
 * Masthead for nav
 */

.blog-masthead {
  background-color: #428bca;
  box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right:  5px solid transparent;
  border-bottom: 5px solid;
  border-left:   5px solid transparent;
}


/*
 * Blog name and description
 */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 10px;
  line-height: 1.5;
  text-align: justify;
}

/* Sidebar modules for boxing content */
.sidebar-module img{
	width: 100%;
  /*
padding: 15px;
  margin: 0 -15px 15px;
*/
}
.sidebar-module-inset {
height: 49px;
  padding: 15px;
  background-color: #9fc338;
  max-width: 242px;
  color:#fff;
  /* border-radius: 4px; */
  
}
.sidebar-module-inset .triangles{
	border-top: 25px solid #fff;
	border-bottom: 25px solid #fff;
	border-left: 20px solid #9fc338;
	bottom: 15px;
	left: 15px;
	position: relative;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}



/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
  /* margin-bottom: 60px; */
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}


/*
 * Footer
 */

.blog-footer {
  padding: 40px 0;
  color: #999;

  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  max-width: 970px;
  margin-left: auto;
	margin-right: auto;
}


.homepages h4{
	color: #428bca;
}
.blog-post .row{
	padding-bottom: 10px;
}
.homepages .col-md-4 p{
	padding-left: 10px;
}
.homepages .col-xs-1, .homepages .col-sm-1,.homepages .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	/*
padding-left: 0;
	padding-right: 0;
*/
}

.btn-default{
	background-image: none;
}
.btn-default:hover, .btn-default:focus{
	background-color: #9fc338;
	background-position: 0 -15px;
	color: #000;
}

.gamespage .thumbnail{
/*min-height: 350px;*/
}
.thumbnail .caption{
	padding: 3px;
}
.homegamespage .thumbnail>img{
	border-radius: 100px;
	border: solid 4px #fff;
}
.homegamespage .thumbnail{
	border: none;
}
.gamespage .thumbnail>img, .gamespage .thumbnail a>img{
	/*border-radius: 100px;*/

}
.gamespage .thumbnail>img, .thumbnail a>img{
	margin: 0;
}
.thumbnail{
	border-radius: 0;
}
.icon{
	border-radius: 100px;
}
.slider{

	position: relative;
	/*Instead of height we will use padding*/
	padding-top: 320px; /*That helps bring the labels down*/

	/*Lets add a shadow*/
	
}


/*Last thing remaining is to add transitions*/
.slider>img{
	position: absolute;
	left: 0; top: 0; right: 0;
	transition: all 0.5s;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	border-radius: 10px;
}
.slider iframe{
	position: absolute;
	left: 0; top: 0; right: 0;
	transition: all 0.5s;
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}
.slider input[name='slide_switch'] {
	display: none;
}

.slider label {
	/*Lets add some spacing for the thumbnails*/
	margin: 18px 0 0 18px;
	/* border: 3px solid #999; */
	

	cursor: pointer;
	transition: all 0.5s;
	
	/*Default style = low opacity*/
	opacity: 0.6;
}

.slider label img{
	display: block;
}


/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}
.slider input[name='slide_switch'] ~ iframe {
	opacity: 0;
	transform: scale(1.1);
}
.slider input[class='checked'] ~ img{
	opacity: 1;
}
.slider input[class='checked'] ~ iframe{
	opacity: 1;
}
/*That hides all main images at a 110% size
On click the images will be displayed at normal size to complete the effect
*/
.slider input[name='slide_switch']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}
.slider input[name='slide_switch']:checked+label+iframe {
	opacity: 1;
	transform: scale(1);
}
.contact .form-control{
	width: auto;
}
.blog-footer .row{
	margin: 0;
}
.nav-tabs>li>a:hover{
	background-color: #8fc41a;
	color: #fff;
	border-radius: 100px;
}
.nav{

}
.nav-tabs>li.active>a{
	/*
background-color: #8fc41a;
	color: #fff;
*/
	/* border-bottom: 5px solid #8fc41a; */
}
.breadcrumb{
	margin-bottom: 5px;
	background-color: #9BDB4A;
	font-size: 14px;
}
.breadcrumb a{
	color: #fff;
}
.breadcrumb>.active{
	color: #077BBD;
}
.breadcrumb>li+li:before{
	color: #fff;
}
.nav-tabs{
	font-family: 'Lilita One', cursive;
	border: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border: none;
}
.nav-tabs>li{
	font-size: 20px;
}
.modal-body legend{
	font-size: 17px;
}

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
	.hotnews img{
		float:left;
	}
	.homepages .caption{
		background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
		background-image: linear-gradient(to right,rgba(131, 127, 127, 0.11) 0,rgba(0, 0, 0, 0) 100%);
		padding: 5px;
		/* margin-left: 5px; */
		height: 115px;
		max-width: 370px;
		min-width: 370px;
		float: left;
	}
	.topmenu h3{
		float: left!important;
	}
	.topmenu .nav{
		float: right!important;
	}
}
@media (min-width: 768px) and (max-width:1200px) { 
	.hotnews img{
		float:left;
	}
	.homepages .caption{
		background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
		background-image: linear-gradient(to right,rgba(131, 127, 127, 0.11) 0,rgba(0, 0, 0, 0) 100%);
		padding: 5px;
		/* margin-left: 5px; */
		height: 115px;
		max-width: 370px;
		min-width: 370px;
		float: left;
	}
	.topmenu h3{
		float: left!important;
	}
	.topmenu .nav{
		float: right!important;
	}
}
@media (max-width: 767px) {
	.hotnews img{
		width:100%;
		text-align:center;
	}
	.homepages .caption{
		background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
		background-image: linear-gradient(to right,rgba(131, 127, 127, 0.11) 0,rgba(0, 0, 0, 0) 100%);
		padding: 5px;
		/* margin-left: 5px; */
		max-width: 370px;
		float: left;
	}
	.topmenu {
		margin: 0 auto 0 auto;
		text-align:center;
	}
	.topmenu h3 img{
		margin: 0 auto 0 auto;
	}
	.nav {
		display: block;
		margin: 0 auto 0 auto;
	}
}
@media (max-width: 480px) {
	.topmenu {
		margin: 0 auto 0 auto;
		text-align:center;
	}
	.topmenu h3 img{
		margin: 0 auto 0 auto;
	}
	.nav {
		display: block;
		margin: 0 auto 0 auto;
	}
}
.navbar-default{
	background-color: transparent;
	border-color: none;
}
.navbar{
	margin-bottom: 0;
	border:none;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
	margin: 0;
}
.thumbnail{
	padding: 0;
}
.thumbnail .caption{
	padding: 0px;
    margin-bottom: 0px;
}
.thumbnail .caption h4{
border-bottom: 3px solid #9bdb4a;
        padding: 10px;
	margin-bottom: 0;
}
.thumbnail .caption h4 a{
	color: #000;
	    font-weight: bold;
}
.thumbnail .caption .desc{
	   // background: #ccc;
    margin-top: 0px;
    padding: 10px !important;
	min-height: 100px;
}

.gamespage .thumbnail .carousel {
  max-height: 194px;
  overflow: hidden;
}
.gamespage  .thumbnail .carousel .item img {
    width: 100%;
    height: auto;
  }