/********LAYOUT STYLES********/
/************  Author: Softiconic *********/
/**********  URL: http://www.Softiconic.com **********/

p,h3,h2{
    font-family: 'Lato', sans-serif;
	}
body{
	background:url(/img/tile.png);
	background-color:#fff;
}
		
.container2 {
    padding-right: 15px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
	background-color:rgba(0,0,0,0.92);
	width:1030px;
}	
	
.container {
    padding-right: 15px;
    padding-left: 15px;
	width: 1000px;

}	
/*================
	header styles
========================*/
header{
	float:left;
	width:100%;	
}
.logo-area {
    float: left;
    padding: 20px 0px 20px 0px;
}
.top-area {
    float: right;
    margin: 24px 0px 15px 0px;
}
.social-link {
    float: left;
    text-align: right;
 
}
.social-link i {
	float: left;
    font-size: 14px;
    background-color: #3FAB17;
    color: #fff;
    line-height: 10px;
    padding: 7px;
	margin-right: 7px;
	cursor:pointer;
	transition:.5s
}
.social-link i:hover{

	background-color:#fff;
	color:#000

}
.top-para {
    float: left;
}
.top-para p {
    float: left;
       margin: 3px 5px 5px 0px;
	color:#fff;
}
.social-link i.fa.fa-facebook {
    padding: 7px 9px 7px 9px;
}
.top-menu {
    float: left;
    width: 100%;
    text-align: right;
}
.top-menu ul li {
    display: inline-block;
     background-image: url(/inc/img/html5/border-right.png)!important;
	background-repeat:no-repeat !important;
    background-position: right center !important;
}
.top-menu ul li:last-child{
	  background-image:none !important
}
.top-menu ul li a {
    font-size: 14px;
    color: #fff;
    padding: 0px 10px;
	transition:.5s
}


.top-menu ul li a:hover{
	color:#3FAB17

}
.menu-area {
    float: left;
    width: 100%;
    background-color: #3FAB17;
    margin: 0px 0px 10px 0px;
}
#cssmenu > ul > li > a{
	font-size:16px;
	color:#fff;
    padding: 17px 9px;
	font-weight: 400;
	transition:.4s
}
#cssmenu > ul > li > a:hover{
	color:#000
}
#cssmenu > ul > li  {
    float: left;
    background-image: url(/inc/img/html5/border-right.png)!important;
	background-repeat:no-repeat !important;
    background-position: right center !important;
}
#cssmenu > ul > li:last-child{
    background-image:none !important
}
.add-1 {
    float: left;
    width: 80%;
    margin: 0px 0px 10px 28%;
}



/*================
	banner-section styles
========================*/

section#banner-section {
    float: left;
    width: 100%;
    padding: 2px 0px 15px 0px;
}
.col-md-3.col-sm-3.img-r {
    width: 300px;
}
.col-md-9.col-sm-9.bs {
    width: 68.5%;
	 height: 250px;
}
section#banner-section .bx-controls-direction{
	display:none
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius: 0px;
	background: #fff;
}
section#banner-section .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 24px;
    width: 25%;
    right: 0px;
}
section#banner-section  .bx-wrapper {

     margin: 0px

}
.col-md-3.col-sm-3.img-r {
    padding-left: 0px;
    width: 300px;
    padding-right: 0px;
    margin-right: 10px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 11%;
}

.img-btm {
    float: left;
    width: 100%;
    padding-top: 14px;
}


/*================
	games-sectionstyles
========================*/


section#games-section  .bx-wrapper .bx-viewport {
    height: 276px !important;
}


.bx-wrapper .bx-viewport {
    box-shadow: none;;
    left: 0px;
    background:  transparent;
	border:none
}
.single-slider{
	float:left;
	    width: 100%;
	margin:10px 0px
}
.single-slider .bx-wrapper .bx-pager{
	display:none;
}
.single-slider h2 {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background-color: #3FAB17;
    text-align: Center;
	margin-bottom:0px
}
.bx-wrapper .bx-prev {
    left: 62px;
    background:url(/inc/img/html5/left-arrow.png) no-repeat;

}
.bx-wrapper .bx-next {
	
    right: 50px;
    background:url(/inc/img/html5/right-arrow.png) no-repeat;
	
}
ul.bxslider {
    margin: 30px 0px;
}

.bx-wrapper .bx-controls-direction a {

    top: 23px;

}

.single-images {
    float: left;
    width: 100%;
    position: relative;
}
.img-overlay {
    float: left;
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.8);
    bottom: -1px;
}
.img-overlay h2 {
    padding: 10px 10px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 0px;
}


.img-overlay p {
    padding: 0px 45px 0px 15px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 300;
}
.img-overlay p a {
    color: #3FAB17;
}
.left-side {
    float: left;
    width: 165px;
    margin-right: 4px;
}
.single-images img {
    width: 100%;
}


#banner-section ul.bxslider {
    margin: 0px 0px;
}
.left-side{

	float:left;
	width:160px;
      margin-right: 7px;
	  margin-left:15px
}
/*.col-md-4.col-sm-4.im {
    float: left;
     width: 27%;
    padding: 0px 7px 15px 7px;
}*/

.col-md-3.col-sm-3.im {
    width: 20%;
    padding:0px 8px 15px 5px;
}


.banner-slider img {
    width: 100%;
}
.img-right img {
    width: 100%;
}



.page_no {
    float: left;
    width: 100%;
    text-align: right;
    padding: 0px 0px 20px 0px;
}
.page_no ul li {
    display: inline-block;
    background-color: #3FAB17;
	transition:.5s
}
.page_no ul li a {
    padding: 0px 10px;
    color: #fff;
    font-size: 15px;
    line-height: 23px;
	transition:.5s
}
.page_no ul li:hover{
 background-color: #fff;
}

.page_no ul li:hover a{
 color: #000;
}
section#games-section  .bx-wrapper {
 	margin: 0 auto 20px; 

}
/*=======================
	recommend-section styles
=============================*/
section#recom_games-section {
    float: left;
    width: 100%;
    padding: 0px 0px;
}

.sin-img {
    background-color: #fff;
    padding: 22px;
}
.game-dtls {
    float: left;
    width: 100%;
    background-color: #3FAB17;
    text-align: center;
    height: 95px;
}
.game-dtls h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
	margin-bottom:0px;
    line-height: 17px;
	margin-top: 15px;	
}
.game-dtls p a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}
.title-header h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    background-color: #3FAB17;
    width: 273px;
    padding: 0px 21px 1px 21px;
    margin-left: 14px;
}
.sin-desc {
    float: left;
    width: 100%;
}
.sin-img img {
    width: 100%;
}

.nbs-flexisel-nav-left {
    right: 60px;
    top:-50px;
    background: url(/inc/img/html5/button-previous.png) no-repeat;
	opacity:1
}
.nbs-flexisel-nav-right {	
    right:20px;
    top:-50px;
	opacity:1

}
/*.flex-direction-nav {
position: absolute;
	top:0px
}*/
/*================
	footer styles
========================*/

.copy {
    float: left;
     width: 100%;
    padding: 40px 0px;
}

.copy p {
    color: #fff;
    font-size: 18px;
	text-align:center
}

section.softic-search{
	float: left;
    width: 100%;
    padding: 10px 0px 15px 0px;
}
.ss{    float: left;
    padding: 4px 15px 0 15px!important;
    height: 40px;
    color: #000;
    width: 101px;
    line-height: 9px;
    font-size: 10px;
    background-color: #fff;}
	#searchleft{
		margin-left:173px
	}
.cse-branding-form input[type='text']{
	width: 436px;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
}
.cse-branding-form input[type='submit']{
	height: 40px;
    padding: 0px 20px;
    font-size: 19px;
    color: #fff;
    background-color: #3FAB17;
}
section#softic-games-section{
	    float: left;
    width: 100%;
    color: #fff;
    min-height: 115px;
}
section#softic-games-section p{
    color: #fff;
}
section#softic-games-section h2{
   color: #fff;
    font-size: 25px;
    text-align: center;
    padding-top: 12px; font-weight:400; line-height:22px;
}
section#softic-games-section a{
    color: #fff;
}
section#softic-games-section a:hover{
    color: #CCC;
	text-decoration:underline
}

ul#catagory3 li.nbs-flexisel-item {
       margin-left: 15px !important;
    margin-right: 15px !important;
    width: 134px !important;
    font-size: 16px;
	padding-bottom:20px;
}

/* ---------- MAX 800PX ---------- */
@media only screen and (min-width:1025px) and (max-width:2400px){
li.nbs-flexisel-item {
    margin-left: 14px;
    margin-right: 5px;
   width: 229px !important;
}

}