body {background-color:#111926; color:#fff; font-size:12px; line-height:normal; font-weight: 500; font-family: 'Montserrat', sans-serif;}
h2 {font-size:18px; text-transform: uppercase;}
h3 {font-size:14px; line-height:1.3; margin:4px 0 0;}
img {max-width: 100%; height: auto;}
:focus {outline:0;}
button:focus {outline: 0;}
a, a:focus {text-decoration:none !important;}
p, li {font-size: 12px; line-height: 19px; margin-bottom:10px;}
header{position: relative; background-color:#192233; padding:10px 0;}
.menu_sec {display: flex;}
.logo {text-align: center; width: calc(100% - 26px); display: flex; align-items: center; justify-content: center;}
.logo a {display:block;}
.logo img {max-width: 200px;}
.menu_sec {display: flex;}
.navbar-header {display: flex;}
.menu_trigger {background: transparent; border: none; padding:0;}
.navbar-toggle .icon-bar {background: #fff; display: block; width:25px; height:2px; border-radius:1px; margin-bottom:6px;}
.navbar-toggle .icon-bar:last-child {margin-bottom:0;}
.header.open .navbar-toggle .icon-bar:first-child{transform: rotate(45deg);}
.header.open .navbar-toggle .icon-bar:last-child{transform: rotate(135deg); margin-top:-8px;}
.header.open .navbar-toggle .icon-bar:nth-child(2){display: none;}

.main-menu {display:none1;}
.main-menu.active {display:block;}
main {min-height:600px;}
.navbar-header {position: relative; z-index:22; left:0;}
.main-menu .navbar-nav {width: 270px; background: #192233; padding:12px 12px 0 0; height: 100vh; box-sizing: border-box;}
.main-menu .navbar-nav li {float:none; display:block;}
.main-menu .navbar-nav li a {font-size:14px; color:#fff; padding:7px 15px 7px 12px; text-transform: uppercase; margin-bottom:0.5rem; display: block;
    border: 1px solid #9e9e9e; border-left: none; border-top-right-radius:10px; border-bottom-right-radius:10px; position: relative;}
.menu_arrow {position: absolute; top:6px; right:15px;}
.main-menu .navbar-nav>li>a:focus, .main-menu .navbar-nav>li>a:hover, .main-menu .navbar-nav>.active>a, 
.main-menu .navbar-nav>.active>a:focus, .main-menu .navbar-nav>.active>a:hover {color:#fff; background:#4d535f;}
.main-menu{transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;z-index:10; top:62px; left:-100%; width:100%;bottom:0;
position: fixed; display: block; overflow: hidden; padding:0;background:rgba(25, 34, 51, 0.75); box-sizing: border-box;}
.main-menu.active{left:0;-webkit-transition-delay:.15s; -moz-transition-delay:.15s; -o-transition-delay:.15s; -ms-transition-delay:.15s; 
transition-delay:.15s;}
.header.open {position: fixed; width: 100%; top: 0; z-index:22222;}
.header.open .logo {z-index: 22;}
.home_page.in {margin-top:62px;}


section {background-color: #192233; padding:10px 0; margin-bottom:10px;}
.slider_sec {background-color: transparent;}
.btn {background-color:#111926; color:#fff; white-space: nowrap; min-width:80px;}
.btn-ltblue {background-color:#193B57; color:#18B0E2}
.btn-yellow {background-color:#FF9900; }
.btn-pink {background-color:#D50057; }
.btn-green {background-color:#0F5B00; }
.btn.focus, .btn:focus { outline: 0; box-shadow: none;}

.owl-carousel .owl-nav button.owl-prev ,.owl-carousel .owl-nav button.owl-next {display: none;}
.owl-carousel .owl-dots {position: absolute; left: 0; right: 0; margin: auto; text-align: center; bottom: 5px;}
.owl-carousel button.owl-dot {width:8px; height:8px; background-color:rgba(255, 255, 255, 0.65); margin-right: 10px; -webkit-border-radius: 100%;
-moz-border-radius: 100%; border-radius: 100%; border:2px solid transparent;}
.owl-carousel button.owl-dot.active {width:9px; height:9px; background-color:#fff; border-color:#fff;}
#recent_slider h3, #games_slider h3 {font-size: 12px; white-space: nowrap;}
#recent_slider .item img, #games_slider .item img {max-width:110px;}
.all_games {margin-bottom:0;}
.all_games .col-6:nth-child(even) {padding-left:8px; padding-bottom:15px;}
.all_games .col-6:nth-child(odd) {padding-right:8px; padding-bottom:15px;}
.all_categories .btn {width: 100%; font-size: 12px; padding: 5px; font-weight: 500;}
.all_categories .container, .recent_play .container, .top_games .container {padding-right:0;}
#cate_slider .owl-stage, #recent_slider .owl-stage, #games_slider .owl-stage {padding-left:0 !important;}
.pdl0 {padding-left:0;}
.mt2 {margin-top:1.5rem;}
.inner_head {margin-bottom: 10px;}
.head_title {text-transform: capitalize; margin: 0; padding:10px 0; text-align: center;}
.box_sec {padding:10px 15px;}
.box_sec h3 {font-size:18px;}
.play_btn {background-color:#193b57; color:#fff; text-transform: uppercase; -webkit-border-radius:8px;
-moz-border-radius:8px; border-radius:8px; padding: 4px 12px;}
.play_btn:focus {color:#fff;}
.cap_txt {text-transform:capitalize;}
figure {margin:0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; position: relative;}
.vod_section {padding:0;}
.vod_section .back_btn {background-color: rgba(0, 0, 0, 0.4);}
.vod_section .out_link {right:8px; bottom: 8px; padding:12px;}
.vod_section .out_link img {width:40px; height: auto;}
.list {padding-left:18px; margin-bottom:0;}
.list li {margin-bottom:5px;}

.link_img {position: relative;}
.link_img img {width: 100%;}
.back_btn {position: absolute; top: 13px; left: 15px; background-color: #193b57; padding:8px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.back_btn img {width:20px;}
.out_link {position: absolute; right:0px; bottom:0px; background-color: rgba(0, 0, 0, 0.4); padding:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.out_link img {height: auto;}
.menu_icon {margin-right:8px;}
.link_btn {text-transform: capitalize; font-size: 12px; line-height: normal; color: #fff; float: right;}
.downloadlink {
	text-decoration: none;
	padding: 8px 22px;
	color: #fff;
	background: #8dc53e;
	border-radius: 0.5ex;
}
.downloadlink:hover {
	text-decoration: none;
	padding: 8px 22px;
	color: #fff;
	background: #ff6c00;
	border-radius: 0.5ex;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
.modal-open {
	overflow: hidden
}

/* The container */
.detail_page_class {
	display: block;
	position: relative;
	padding-right: 24px;
	margin-bottom: 6px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default radio button */
.detail_page_class input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.detail_page_class:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.detail_page_class input:checked ~ .checkmark {
	background-color: #f442b6;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the indicator (dot/circle) when checked */
.detail_page_class input:checked ~ .checkmark:after {
	display: block;
}
/* Style the indicator (dot/circle) */
.detail_page_class .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.CONTINUE {
	margin: 0px;
	padding: 10px;
	font-size: 12;
	color: #F165C0;
	border: none;
	background: none;
	cursor: pointer;
}
.sidepadding {padding:10px 10px 0px 20px;}
.sidepadding img { }
.sidepadding2 {padding:10px;}
.sidepadding2 img {height:80px;}
.banner img, .images  img{width:100%;}
.input-group { margin-top:20px;}
.CONTINUE-OPERA {
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0;
    min-height: 30px;
    z-index: 9999;
	background-image:url(img/down-arrow.png);
	background: #05bdf9;
    color: #fff;
    padding: 10px 0;
    font-size: 25px;
    cursor: pointer;
	}
.link_tag {position:relative; display:block;}
.box_sec .link_tag h3 {font-size:14px; color:#fff;}
.all_games .row, .all_games .col-6 {clear: both;}
.all_games img {width: 100%; border-radius:15px;}
.recent_play img {width: 100%; border-radius:15px;}
.top_games img {width: 100%; border-radius:15px;}
.all_games h3 {font-size:14px; color:#fff;}