/* #Reset & Basics
================================================== */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

ul, li, ol {
	list-style:none
}

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size:20px;
}

sub {
	bottom: -0.25em
}

img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height:.5em;
}

/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}



/* #Basic Styles
================================================== */

body {
	font-size:14px;
	color:#000000;
	line-height:24px;
	letter-spacing:normal;
	font-family:Arial, Helvetica, sans-serif;
}


/* #Links
================================================== */

a {
	color:#103e91;
	outline:0;
	cursor:pointer
}

a, a:visited {
	text-decoration:underline;
	outline:0
}

a:hover {
	text-decoration:underline;
	outline:0
}

a:hover {
	color:#F79408;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

a:focus, a:active, a:visited {
	text-decoration:none;
	outline:0
}

/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
	color:#103e91;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	padding:0 0 20px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	color:#103e91;
	text-decoration:none
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
	color:#F79408;
	text-decoration:underline
}

h1 {
	font-size:14px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:14px;
}

p { 
	padding-bottom:24px
}

strong {
	font-weight:bold
}

.bold {
	font-weight:bold
}

.upper {
	text-transform:uppercase
}

.highlight { 
	color:#993333
}

/* #Video
================================================== */

.video-container {
	width:100%;
	float:left;
	position: relative;
	padding-bottom:33%;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* #Input Styles
================================================== */

input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus, textarea:focus {
	border-color: rgba(240, 81, 53, 0.1);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:0 0 8px rgba(82, 168, 236, 0.6)
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus, textarea:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* #Show-Hide Responsive Options
================================================== */

.show_mobile1 {
	display:none
}

.hide_mobile1 {
	display:block
}

.show_mobile2 {
	display:none
}

.hide_mobile2 {
	display:block
}

.show_mobile3 {
	display:none
}

.hide_mobile3 {
	display:block
}

.show_ipad1 {
	display:none
}

.hide_ipad1 {
	display:block
}

.show_ipad2 {
	display:none
}

.hide_ipad2 {
	display:block
}


/*= Grow & flip
=======================================================*/
.grow {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover, .grow:focus, .grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.flip {
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-ms-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
	cursor:pointer
}

.flip:hover {
	-webkit-transform: rotateY(360deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(360deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(360deg);
	-o-box-sizing: border-box;
	transform: rotateY(360deg);
	box-sizing: border-box;
	cursor:pointer
}



/*=Container 
=======================================================*/
.container {
	max-width:970px;
	margin:0 auto
}

.container-box {
	width:100%;
	float:left;
	background:#FFFFFF;
	border-top:none;
}

.btn-primary {
	width:87px;
	height:26px;
	float:none;
	display:inline-block;
	border-width:3px;
	border-color:tranaparent;
	background:#1f8f1e;
	background:-moz-linear-gradient(#23a920, #1b761d);
	background: -webkit-gradient(linear, left top, left bottom, from(#23a920), to(#1b761d));
	background: -o-linear-gradient(#23a920, #1b761d);
	-pie-background: linear-gradient(#23a920, #1b761d);
	box-shadow:none;
	border-radius: 6px;
	behavior: url("PIE.htc");
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	line-height:26px;
	padding:0 7px;
	cursor:pointer
}

.btn-primary span {
	width:100%;
	float:left;
	background:url("../images/icon-arrow01.png") no-repeat right center;
	padding:0 15px 0 0;
}

.btn-primary:before {
	content: '';
	position: absolute;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	border-radius: 10px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}

.btn-primary:hover { 
	color:#ffffff; 
	text-decoration:none
}

.btn-primary:hover:before, .btn-primary:focus:before, .btn-primary:active:before {
	border: #08460a solid 3px;
	color:#ffffff;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
}

.btn-secondary {
	width:87px;
	background:#343434;
	background:-moz-linear-gradient(#676767, #343434);
	background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#343434));
	background: -o-linear-gradient(#676767, #343434);
	-pie-background: linear-gradient(#676767, #343434);
}

.btn-secondary:hover:before, .btn-secondary:focus:before, .btn-secondary:active:before {
	border: #aca9a9 solid 3px;
}

.rating {
	width: 85px;
	height: 14px;
	float:left;
	background: url("../images/star-inactive.png") repeat-x left top
}

.rating div {
	height: 14px;
	float:left;
	background: url("../images/star-active.png") repeat-x left top;
}


/*=Header
=======================================================*/
header {
	width:100%;
	float:left;
	padding:21px 0 0 0;
	border:1px solid #cccccc;
	border-top:none;
	border-bottom:none;
	position:relative;
	z-index:100
}

header .logo {
	width:329px;
	float:left;
	margin:5px 0 25px 17px
}

header .hd-add {
	width:468px;
	float:right;
	margin:0 22px 0 0
}

.navbar {
	width:100%;
	height:46px;
	float:left;
	background:#333333;
	border-bottom:3px solid #404040
}

.navbar .home {
	width:64px;
	height:43px;
	float:left;
	margin-right:-64px;
	position:relative;
	border-right:none
}

.navbar .home a {
	width:100%;
	height:100%;
	float:left;
	background:url("../images/img-icon01.png") no-repeat center center;
	text-indent:-99999px
}

.navbar .home:hover > a {
	background-color:#006db5
}

.navbar nav {
	width:100%;
	height:43px;
	float:left;
	padding:0 0 0 64px
}

.navbar nav ul {
	width:100%;
	height:43px;
	float:left
}

.navbar nav ul li {
	height:43px;
	float:left;
	border-left:1px solid #404040;
	position:relative
}

.navbar nav ul li a {
	height:43px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	line-height:46px;
	padding:0 21px
}

.navbar nav ul li:hover > a {
	background:#006db5;
	text-decoration:none
}

.navbar nav ul li a.active {
	background:#006db5;
	text-decoration:none
}

.navbar .menu-btn {
	width:50px;
	height:46px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	display:none
}

.navbar .menu-btn .icon-bar {
	width:100%;
	float:left;
	padding:10px 12px
}

.navbar .menu-btn .icon-bar span {
	width:100%;
	height:5px;
	float:left;
	background:#FFFFFF;
	padding:0;
	margin:2px 0
}

.navbar .menu-btn:hover {
	background:#006db5;
}

.navbar .menu-btn.active {
	background:#006db5;
}



/*=Content-main
=======================================================*/
.content-main {
	width:100%;
	float:left;
	background:url("../images/bg01.gif") repeat-y top right;
	border:1px solid #cccccc;
	border-top:none;
}

.left-panel {
	width:75.46%;
	float:left;
	padding:22px 0 0 2.06%
}

.welcome-info {
	width:100%;
	float:left;
	padding:0 0 0 0
}

.welcome-info h1 {
	padding-bottom:15px
}

.welcome-info h2 {
	padding:0
}

.welcome-info p {
	width:100%;
	float:left
}

.welcome-info .show-more {
	display:none
}

.welcome-info .btn-bookmark {
	width:100%;
	float:left;
	padding:0 0 20px 0;
	margin-top:-10px
}

.section-list {
	width:100%;
	float:left;
	padding:0 0 30px 0
}

.section-list .title {
	width:100%;
	height:33px;
	float:left;
	font-size:12px;
	color:#FFFFFF;
	background:#333333;
	line-height:33px;
	border-radius:5px 5px 0 0;
	behavior: url("PIE.htc");
	position:relative;
	padding:0 14px 0 10px
}

.section-list .title a {
	color:#FFFFFF
}

.section-list .col-1 {
	width:22.52%;
	float:left
}

.section-list .col-2 {
	width:53.17%;
	float:left;
	padding:0 0 0 2.18%
}

.section-list .col-3 {
	width:21%;
	float:right
}

.section-list article {
	width:100%;
	min-height:76px;
	float:left;
	background:#f4f4f4;
	border-bottom:1px solid #e9e6e6;
	padding:0 14px 0 10px
}

.section-list article.first {
	border-top:1px solid #e9e6e6
}

.section-list article .col-2 {
	padding:15px 0 10px 2.18%
}

.section-list article .col-3 {
	padding:10px 0
}

.section-list article h3 {
	color:#103e91;
	padding:0
}

.section-list article h3 a {
	color:#103e91
}

.section-list article h3 a:hover {
	color:#F79408
}

.section-list article p {
	padding:0
}

.section-list article figure {
	width:100%;
	float:left;
    padding-top:15px;
}

.section-list article aside {
	width:100%;
	float:left
}

.section-list article .btn-primary {
	width:100%;
	height:54px;
	float:left;
	display:table;
	line-height:20px;
	padding:0 10px 0 15px;
    margin-top:10px
}

.section-list article .btn-primary span {
	width:100%;
	height:100%;
	float:none;
	background:url("../images/icon-arrow02.png") no-repeat right center;
	display:table-cell;
	vertical-align:middle;
	padding-right:25px
}

.section-links {
	width:100%;
	float:left;
	padding:0 0 28px 0
}

.section-links h3 {
	color:#103e91
}

.section-links h4 {
	color:#103e91;
	padding:0
}

.section-links h4 a {
	color:#103e91
}

.section-links h4 a:hover {
	color:#F79408
}

.section-links p {
	color:#666666;
	padding:0
}

.section-links p a {
	color:#666666
}

.section-links article {
	width:100%;
	min-height:77px;
	float:left;
	background:#f4f4f4;
	border-top:1px solid #e9e6e6;
	padding:20px 15px 15px 15px
}

.section-links aside {
	width:100%;
	height:46px;
	float:left;
	background:#e9e6e6;
	padding:10px 15px
}

.right-panel {
	width:22.1%;
	float:right;
	padding:21px 13px 0 13px
}

.right-panel .heading-main {
	width:100%;
	float:left;
	border-bottom:2px solid #333333;
	margin-bottom:21px
}

.right-panel .heading-main h3 {
	color:#333333;
	padding-bottom:14px
}

.right-panel .btn-primary {
	float:right
}

.right-panel .btn-secondary {
	float:left
}

.add-block {
	width:100%;
	float:left;
	padding-bottom:19px
}

.add-block ul {
	width:100%;
	float:left;
	padding-bottom:4px
}

.add-block ul li {
	width:100%;
	float:left;
	background:url("../images/icon-tick01.png") no-repeat 0 1px;
	font-size:12px;
	line-height:20px;
	padding:0 0 11px 24px
}

.add-block figure {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:20px
}

.add-block figure img {
	max-width:100%
}

.add-block .heading-main {
	margin-bottom:6px
}

.catagory-list {
	width:100%;
	float:left
}

.catagory-list aside {
	width:100%;
	float:left;
	border-bottom:1px solid #cdcdcd;
	padding:11px 0
}

.catagory-list aside .icon {
	width:96px;
	float:none;
	display:inline-block;
	vertical-align:middle
}

.catagory-list aside .btn-secondary {
	float:none;
	display:inline-block;
	vertical-align:middle
}

.catagory-list aside .price {
	width:87px;
	float:none;
	display:inline-block;
	vertical-align:middle;
	line-height:18px;
	text-align:center
}

.catagory-list aside .btn-bg {
	width:100%;
	float:left;
	padding:14px 0 0 0
}

.catagory-list article {
	width:100%;
	float:left;
	padding-bottom:14px
}

.catagory-list .heading-main {
	margin-bottom:10px
}



/*=Footer
=======================================================*/
footer {
	width:100%;
	float:left;
	padding:23px 0 19px 17px
}

footer article {
	width:50%;
	float:left;
	padding:9px 0 0 0
}

footer article p {
	color:#333333;
	padding-bottom:0
}

footer article p a {
	color:#333333;
	text-decoration:none;
	margin:0
}

footer article p a:hover {
	color:#333333;
	text-decoration: underline
}

footer aside {
	float:right
}

footer aside span {
	float:left;
	min-height:45px; 
	line-height:45px;
	margin-left:14px
}


/*= casino-review
======================================================*/
.section-shots {
	width:100%;
	float:left;
	padding-bottom:30px
}

.section-shots figure {
	width:50%;
	float:left;
	padding-right:8px
}

.section-shots .figure-right {
	width:50%;
	float:left;
	padding:0 0 0 8px
}

.section-comments {
	width:100%;
	float:left;
	padding-bottom:30px;
}

.section-comments figure {
	width:100%;
	float:left
}