@charset "utf-8";


/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:15px 0; font-size:.8rem; text-transform:uppercase; text-align:center;}

#topbar *{margin:0; padding:0; list-style:none;}
#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar i{margin:0 5px 0 0; line-height:normal;}
#topbar a i{margin-right:0;}

.clear:after {
  display: block;
  clear: both;
  content: "";
}
/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{padding:15px 0;background:#f5f7fd;margin:0 0 30px;}


#header #logo a {font-weight:700; font-size:23px; }
#header #logo img {width:254px;}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:200px 0; text-align:center;}
#pageintro *{word-wrap:break-word;}
#pageintro .heading{margin-bottom:20px; font-size:5rem; font-weight:400;}
#pageintro p{font-size:1.2rem;}
#pageintro footer{margin-top:50px;}
figcaption {width:100%;padding:10px;text-align:center;background: #f5f7fd;font-style:italic;font-size:14px;color:rgba(0,0,0,0.7);}

img {display:block;width:100%;height:auto;}
.page-content {padding-top:5px;}
#copyright {padding:20px 0;background:#545454;color:rgba(255,255,255,0.7);font-size:14px;}



/* Transition Fade
This gives a smooth transition to "ALL" elements used in the layout - other than the navigation form used in mobile devices
If you don't want it to fade all elements, you have to list the ones you want to be faded individually
Delete it completely to stop fading
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{box-sizing:border-box;}




body{color:rgba(0,0,0,0.7);font-size:15px; line-height:1.6;background:#fff;padding:0;margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
a {color:#EA5616;text-decoration:none;}
a:hover {color:#000;}

h1, h2, h3, h4, h5, h6 {color:#000;font-weight:700;margin:0 0 15px;line-height:1.3;}
h1 {font-size:25px;}
h2 {font-size:22px;}
h3 {font-size:19px;}
h4 {font-size:17px;}
h5 {font-size:16px;}
h6 {font-size:15px;}
p {margin:0 0 15px;}
ul, ol {margin:0 0 15px 15px;padding:0; }
ul {list-style:disc;}
ol {list-style:decimal;}
blockquote {margin:0 0 15px;font-style:italic;font-size:18px;padding-left:15px;border-left:4px solid #0072ff;}
table {width:100%;border:1px solid rgba(0,0,0,0.09);border-collapse: collapse;margin:0 0 15px;}
table td, table th {padding:10px 15px;border:1px solid rgba(0,0,0,0.09);}
#copyright {margin:30px 0 0;background:#2f2f2f;color:rgba(255,255,255,0.8);padding:15px 0;}
#copyright p {margin:0;}
@-ms-viewport{width:device-width;}
img {height:auto;}
.top_casino a {color:#000;}
.top_casino {display: flex;
 justify-content: space-between;
 align-items: center;background:#f5f7fd;margin:0 0 15px;}
.star {font-size:30px;font-weight:700;color:#ff4e00;}
.star span {font-size:20px;color:rgba(0,0,0,0.7);display:inline-block;}

.top_casino_col:nth-of-type(1) {width:20%;}
.top_casino_col:nth-of-type(2) {width:45%;padding:0 15px;}
.top_casino_col:nth-of-type(3) {width:15%;}
.top_casino_col:nth-of-type(4) {width:20%;padding:0 15px;}
.top_casino_col:nth-of-type(1) img {width:150px;display:block;}
a.link {font-weight:700;border-radius:12px;color:#fff;text-align:center;padding:10px;display:block;max-width:200px;margin:0 auto;background:#0072ff;}
.head_box {position:relative;display: flex;
 justify-content: space-between;
 align-items: center;}
.fl_right ul {list-style:none;margin:0;} 
ul.sub_menu {display:none;position:absolute;width:280px;z-index:9;padding:10px 0;left:0;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.07);}
.fl_right ul li {display:inline-block;margin-left:15px;position:relative;}
.fl_right ul li a {font-weight:700;color:#0072ff;}
.fl_right ul li:hover ul.sub_menu {display:block;}
.fl_right ul li a:hover {color:#000;}
.fl_right ul.sub_menu li {display:block;margin-left:0;border-bottom:1px solid #f5f7fd;}
.fl_right ul.sub_menu li:last-child {border:none;}
.fl_right ul.sub_menu li a {display:block;padding:5px 15px;}

	.wrapper {max-width:1100px;width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}

.menu-btn {
	width: 24px;
	height: 24px;
	position: relative;
	z-index:2;cursor:pointer;
	overflow: hidden;
	display:none;
}
.menu-btn span {
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #222222;
	transition: all 0.5s;
}
.menu-btn span:nth-of-type(2) {
	top: calc(50% - 5px);
}
.menu-btn span:nth-of-type(3) {
	top: calc(50% + 5px);
}

.menu.active {
	transform: translateX(0);
}
.menu li {
	list-style-type: none;
}
.menu-btn.active span:nth-of-type(1) {
  display: none;
}
.menu-btn.active span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg);  
}
.menu-btn.active span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg); 
}
.kc__title {font-weight:700;color:#000;font-size:20px;margin:0 0 15px;}
/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1300px){
ul.sub_menu {left:auto;right:-130px;}
}
@media screen and (max-width:767px){
.menu-btn {display:block;}
.menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	height: 100%;
	
  background: #fff;
	transform: translateX(-100%);
	transition: transform 0.5s; 
	box-shadow:0 1px 4px 0 rgba(0,0,0,0.07);
}
.top_casino {display: block;text-align:center;padding:5px 0 15px;}
.top_casino_col:nth-of-type(1) {width:100%;padding:10px 15px;}
.top_casino_col:nth-of-type(2) {width:100%;padding:10px 15px;}
.top_casino_col:nth-of-type(3) {width:100%;padding:5px 15px;}
.top_casino_col:nth-of-type(4) {width:100%;padding:10px 15px;}
.top_casino_col:nth-of-type(1) img {width:200px;margin:0 auto;}
.fl_right ul li {
  display: block;
  margin-left: 0;

 border-bottom:1px solid #f5f7fd;
}
.fl_right ul li a {display:block;padding:10px 15px;}
ul.sub_menu {display:block;position:static;padding:0 0 0 15px;box-shadow:none; border-top:1px solid #f5f7fd;}
}
@media screen and (max-width:420px){
#header #logo a {font-size: 18px;}
}
@media screen and (max-width:370px){

#header #logo img {
  width: 200px;
}

}