body{
	background: #eee url("../img/back.png") repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 13px;
	line-height: 20px;
}

h1,h2,h3,h4,h5,h6{
	font-family: "PT Sans", sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h1{
	font-size: 32px;
	line-height: 42px;
}

h2{
	font-size: 30px;
	line-height: 37px;
}

h3{
	font-size: 23px;
	line-height: 30px;
}

h4{
	font-size: 20px;
	line-height: 27px;
}

h5{
	font-size: 17px;
	line-height: 24px;
}

h6{
	font-size: 15px;
	line-height: 22px;
}

a:hover,a:active,a:focus {
	outline: 0;
}

b{
	font-weight: inherit;
}

i{
	position: relative;
}

br{
	margin-top: 5px;
}

hr{
	border-top: 0px;
	border-bottom: 1px solid #eee;
	padding: 0px;
	margin: 10px 0px;
}

.bold{
	font-weight: 700;
}

.padd{
	padding-left: 10px;
	padding-right: 10px;
}

.center{
	text-align:center;
}

.button{
	margin: 5px 0px;
}

.button a, .button a.black{
	display: inline-block;
	color: #fff !important;
	padding:4px 10px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}

.button a.black{
	background: #333;
	border-bottom:2px solid #111;
}

.button a:hover, .button a.black:hover{
	text-decoration: none;
}

.button a.black:hover{
	background: #111;
}

:focus {outline:none;}

::-moz-focus-inner {border:0;}

/* Image alignment*/

.alignleft, img.alignleft {
	margin-right: 8px;
	margin-top:5px;
	display: inline;
	float: left;
}

.alignright, img.alignright {
	margin-left: 8px;
	margin-top:5px;
	display: inline;
	float: right;
}
   
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}


/* Social */

.social{
font-size:16px;
}

.social i{
box-shadow:inset 0px 0px 1px #333;
height:25px;
width:25px;
line-height:25px;
margin:0px 5px 0px 0px;
border-radius:3px;
color:#fff;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
text-align:center;
}

.social i.facebook{
background:#3c5b9b;
}

.social i.twitter{
background:#2daae1;
}

.social i.rss{
background:#f63e28;
}

.social i.google-plus{
background:#cb2027;
}

.social i:hover{
background:#000;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.social a, .social a:visited, .social a:hover{
color:#fff;
text-decoration:none;
}

/* Header */

header{
	background: #eee url("../img/header.png") repeat;
	padding: 20px 20px;
}

header .logo{
	padding: 0px 10px;
}

header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover{
	color: #777;
	text-decoration: none;
	font-weight: 700;
}

header .logo .meta{
	color: #777;
	font-size: 13px
}

/* Navigation */

.navbar{
	margin-top: 5px;
	margin-bottom: 0px;
}

.navbar *,.nav-collapse *{
	font-size: 12px !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-radius: 0px !important;
	font-weight: 700 !important; 
	border: 0px !important;
	text-transform: uppercase !important;
}

.navbar a, .navbar a:visited{
	color:#fff !important;
}

.navbar .nav > li > a, .navbar .nav > li > a:visited{
	color: #fff !important;
	padding:12px 15px 12px;
	border-right: 1px solid #222 !important;
	filter: none !important;
}

.navbar-inner{
	padding-left: 0px;
	background: #1f1f1f;
	filter: none !important;
}

/* Content */

.content .container{
	padding: 10px 0px;
}

.content h2,
.content h3,
.content h4,
.content h5{
	padding-top: 3px;
	padding-bottom: 4px;
	margin: 0px 0px 10px 0px;
}

.content h2 span, 
.content h3 span, 
.content h4 span, 
.content h5 span{
	border-bottom: 0px solid #eee;
}

.content .well{
	margin-top: 10px;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	box-shadow: none;
}

.content .rank{
	background: url("../img/rank.png") no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	position: relative;
	z-index: 10000;
	font-weight: bold;
	margin-top: -5px;
	margin-bottom: -20px;
	margin-left: -6px;
}

/* Slider */


.flexslider  ul li{
padding:0px;
margin: 0px;
}

.flexslider .shot{
	padding: 6px 10px 10px 10px;
	background: #fff;
	border-radius: 5px;
}

.flexslider .slide-content{
	margin-right:10px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #eee;
	padding: 8px 12px;
}

.flexslider{
	padding-top: 5px;
	padding-bottom: 5px;
border:0px !important;
border-radius:0px !important;
box-shadow:none !important;
margin-bottom:0px !important;
}

.flexslider .shot{
	max-width: 300px;
	margin: 0 auto;
}

.flexslider h4{
	background: transparent !important;
	font-weight: bold;
	margin: 0px;
}

.flexslider .meta{
	margin: 3px 0px;
	font-weight: bold;
	color: #788;
}

.carousel li {
margin-right:0px !important;
}

.flex-direction-nav .flex-next {
right: 5px !important; 
}

.flex-direction-nav .flex-prev {
left: 5px !important;
}

/* Review */

.hero .row{
	padding-left: 20px;
}

.hero .span4{
	margin-left: 10px;
}

.hero .review-box{
	padding: 6px 10px;
	background: #fff;
	border-radius: 10px;
	max-width: 300px;
	margin:20px auto;
}

.hero .review-box .matter{
	margin: 13px 0px;
	background: #fafafa;
	border-radius: 10px;
	border: 1px solid #eee;
	padding: 10px;
}

.hero .review-box hr{
	margin: 5px 0px;
}

.flag{
	display: inline-block;
	background: url("../img/flag.jpg") no-repeat;
	background-size: 20px 12px;
	width: 20px;
	height: 12px;
	box-shadow: 0px 0px 1px #000;
}

/* 1st Review Block (Casino Review page) */

.review-block-big .col-left{
	width: 48%;
	float: left;
	margin-right: 10px;
}

.review-block-big .col-right{
	width: 48%;
	float: left;
}

/* 2nd Review Block (Review Listing Page) */

.review-block .col-left{
	width: 34%;
	float: left;
	margin-right: 10px;
}

.review-block .col-right{
	width: 62%;
	float: left;
}


.review-details .flag{
	display: inline-block;
	background: url("../img/flag.jpg") no-repeat;
	background-size: 20px 12px;
	width: 20px;
	height: 12px;
	box-shadow: 0px 0px 1px #000;
}

.review-details hr{
	margin: 4px 0px 6px 0px !important;
}

.review-details{
	max-width: 380px;
	margin-top: 5px;
	border-radius: 10px;
	padding: 10px 15px 15px 15px;
	background: #fff;
	border: 1px solid #eee;
}

.review-details p{
	font-weight: normal;
}

/* Blog */

.blog{
	padding:15px 0px;
}

.blog h6{
	font-weight: 700;
	margin:10px 0px;
}

.blog ul{
	margin-left: 15px;
}

.breadcrumb{
	background: #fff;
	margin-bottom: 0px;
	border: 1px solid #eee;
}

.more{
	margin-top: 10px;
	margin-bottom: 20px;
}

.blog-post{
	padding: 8px 10px 12px 10px;
	margin:0px 0px 20px 0px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #eee;
	border-bottom:3px solid #eee;
}

.blog-block{
	padding: 8px 10px 12px 10px;
	margin:10px 0px;
	background: #fff;
	border-radius: 6px;
	min-height: 270px;
	max-height: 330px;
	border: 1px solid #eee;
	border-bottom:3px solid #eee;
}

.blog-block:hover{
	background: #fcfcfc;
}

.blog-block .date{
	color:#777;
	font-size: 12px;
}

.blog-block h3, .blog-post h3{
	background: transparent !important;
	border-bottom: 1px solid #eee;
}

.blog-block h3 a, .blog-block h3 a:hover{
	color: #666;
	text-decoration: none;
}

/* News */

.news-block{
	padding: 8px 10px 12px 10px;
	margin:10px 0px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #eee;
	border-bottom:3px solid #eee;
}

.news-block .date{
	color:#777;
	font-size: 12px;
}

.news-block h3, .news-post h3{
	background: transparent !important;
	border-bottom: 1px solid #eee;
}

.news-block h3 a, .news-block h3 a:hover{
	color: #666;
	text-decoration: none;
}

/* Banner */

.fixx h3, .banner h3{
	margin-bottom: 10px;
	background: transparent !important;
	border-bottom: 1px solid #eee;
}

.banner{
	text-align: center;
}

/* About */

.about{
}

.about .about-hero{
	margin:8px 0px;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
}

.about .about-more{
	display: none;
}

.about .amore{	
	text-align: center;
	border-radius:5px;
	width:134px;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px 5px 0px;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}


/* Footer */

footer{
	background: #111 url("../img/footer.png") repeat;
	background: #111;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 0px;
	color: #eee;
}

footer a, footer a:visited{
	color: #999;
}

footer a:hover{
	color: #999;
	text-decoration: underline;
}

footer hr{
	height: 0px;
	padding: 0px;
	margin: 10px 0px;
	border-top: 1px solid #222;
	border-bottom: 0px
}

footer h5{
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #222;
}

footer h6{
	font-weight: 700;
}

footer ul{
	list-style-type: none;
	margin-left: 0px;
}

.foot-col-left{
	width: 45%;
	float: left;
	margin-right: 10px;
}

.foot-col-right{
	width: 45%;
	float: left;
}

footer button{
	font-size: 12px !important;
}

/* Responsive */

@media (max-width: 480px){
}

@media (max-width: 767px){
	header,.navbar,footer{
		margin-left: -20px;
		margin-right: -20px;
	}
	header{
		padding-bottom: 0px;
	}
	header .logo{
		text-align: center;
		margin-bottom: 15px;
	}
	.banner{
		margin-top: 20px;
	}
 	.navbar-inner{
 		padding-left: 20px;
 		padding-right: 20px;
 	}
 	.navbar .nav > li > a{
		border-right: 0px !important;
	}
	.flexslider .slide-content{
		max-width: 300px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.blog-block{
		min-height: 0;
		height: auto;
	}
	.review-block-big{
		max-width: 400px;
		margin: 10px auto;
	}
	.review-block{
		max-width: 400px;
		margin: 10px auto;
	}
	.review-block-big .col-left, .review-block .col-left{
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	.review-block-big .col-right, .review-block .col-right{
		margin-top: 10px;
		width: 100%;
		float: none;
	}
	.hero .row{
	padding-left: 0px;
	}
	.hero .span4{
		margin: 20px 0px;
		padding: 0px 20px;
	}
	footer{
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (min-width: 768px) and (max-width: 979px){
 	.navbar-inner{
 		padding-left: 20px;
 		padding-right: 20px;
 	}
 	.navbar .nav > li > a{
		border-right: 0px !important;
	}
}

@media (max-width: 979px){

}
.clearfix::after{content:"";display:table;clear:both}
