@import url("css2-1.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, header, nav, section, article, aside, footer, figcaption { margin: 0px; padding: 0px; border: 0px none; outline: 0px; }
.clearfix::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
ul, li { padding: 0px; margin: 0px; list-style: none; }
header, nav, section, article, aside, footer, hgroup { display: block; }
* { box-sizing: border-box; }
html, body { font-family: "Poppins", sans-serif; font-weight: 400; background-color: rgb(30, 30, 30); font-size: 16px; -moz-osx-font-smoothing: grayscale; }
a { color: rgb(204, 204, 204); text-decoration: none !important; }
a:hover { color: rgb(252, 9 ,252); }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; color: rgb(0, 0, 0); font-weight: 700; }
ul { margin-bottom: 0px; }
p { font-size: 15px; line-height: 30px; color: rgb(255, 255, 255); }
img { width: 100%; overflow: hidden; }
.language-selector { margin-top: 6px; margin-right: 46px; }
html, body { background-color: rgb(255, 255, 255); font-family: "Poppins", sans-serif; }
body .page-content { margin-top: 90px; background: rgba(247, 247, 250, 0.8); padding: 60px; border-radius: 23px; }
p { font-size: 15px; color: rgb(238, 238, 238); line-height: 24px; margin-bottom: 0px; }
::selection { background: rgb(109, 195, 0); color: rgb(255, 255, 255); }
::selection { background: rgb(109, 195, 0); color: rgb(255, 255, 255); }
.templatemo-item { max-width: 80px; border-radius: 23px; }
.main-button a { font-size: 14px; color: rgb(255, 255, 255); background-color: rgb(109, 195, 0); padding: 12px 30px; display: inline-block; border-radius: 25px; font-weight: 400; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.3s ease 0s; position: relative; overflow: hidden; }
.main-button a:hover { background-color: rgb(255, 255, 255); color: rgb(109, 195, 0); }
.main-border-button a { font-size: 14px; color: rgb(109, 195, 0); background-color: transparent; border: 1px solid rgb(109, 195, 0); padding: 12px 30px; display: inline-block; border-radius: 25px; font-weight: 400; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.3s ease 0s; position: relative; overflow: hidden; }
.main-border-button a:hover { border-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); color: rgb(109, 195, 0); }
.border-no-active a { border-color: rgb(102, 102, 102); color: rgb(102, 102, 102); }
.border-no-active a:hover { border-color: rgb(102, 102, 102); color: rgb(102, 102, 102); background-color: transparent; }
section { margin-top: 120px; }
.heading-section h4 { color: rgb(171 165 21); font-size: 34px; text-decoration: none; margin-bottom: 30px; }
.heading-section h4 em { color: rgb(255, 255, 255); font-style: normal; text-decoration: underline; }
.js-preloader { position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.99); display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; opacity: 1; visibility: visible; z-index: 9999; transition: opacity 0.25s ease 0s; }
.js-preloader.loaded { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes dot {
50% { transform: translateX(96px); }
}
@keyframes dot {
50% { transform: translateX(96px); }
}
@keyframes dots {
50% { transform: translateX(-31px); }
}
@keyframes dots {
50% { transform: translateX(-31px); }
}
.preloader-inner { position: relative; width: 142px; height: 40px; background: transparent; }
.preloader-inner .dot { position: absolute; width: 16px; height: 16px; top: 12px; left: 15px; background: rgb(109, 195, 0); border-radius: 50%; transform: translateX(0px); animation: 2.8s ease 0s infinite normal none running dot; }
.preloader-inner .dots { transform: translateX(0px); margin-top: 12px; margin-left: 31px; animation: 2.8s ease 0s infinite normal none running dots; }
.preloader-inner .dots span { display: block; float: left; width: 16px; height: 16px; margin-left: 16px; background: rgb(109, 195, 0); border-radius: 50%; }
.background-header { height: 70px !important; position: fixed !important; top: 0px !important; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px !important; transition: all 0.5s ease 0s; }
.header-area { background: #19564f; position: absolute; height: 70px; top: 0px; left: 0px; right: 0px; z-index: 100; transition: all 0.5s ease 0s; }
.header-area .main-nav { min-height: 70px; background: transparent; display: flex; padding: 15px 0px; border-radius: 50px; }
.background-header .main-nav { padding: 15px 0px; background-color: transparent; }
.header-area .main-nav #search { position: relative; }
.header-area .main-nav #search input { background-color: rgb(53, 36, 69); height: 40px; border-radius: 23px; border: medium none; color: rgb(221, 221, 221); font-size: 14px; padding: 0px 15px 0px 45px; }
.header-area .main-nav #search i { position: absolute; color: rgb(255, 255, 255); left: 16px; top: 12px; width: 18px; height: 18px; font-size: 16px; }
.header-area .main-nav .logo { flex-basis: 25%; margin-right: 5%; transition: all 0.3s ease 0s; }
.header-area .main-nav .logo img { width: auto; position: absolute; top: 0px; height: 70px; }
.background-header .main-nav .logo img { position: absolute; top: 0px; height: 70px; }
.header-area .main-nav .nav { display: inline-flex; flex-basis: 70%; justify-content: flex-end; vertical-align: middle; text-align: right; margin-top: 0px; margin-right: 0px; transition: all 0.3s ease 0s; position: relative; z-index: 999; }
.header-area .main-nav .nav li { padding-left: 10px; padding-right: 10px; display: inline-block; }
.header-area .main-nav .nav li a { display: block; font-weight: 400; font-size: 14px; text-transform: capitalize; color: rgb(255, 255, 255); transition: all 0.3s ease 0s; border: medium none transparent; padding: 8px 10px; border-radius: 18px; letter-spacing: 0.3px; }
.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover, .background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover { padding-left: 25px !important; }
.header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active { color: rgb(183 213 152)!important!important; }
.background-header .main-nav .nav li:hover a, .background-header .main-nav .nav li a.active { color: rgb(255, 255, 255); opacity: 1; }
.header-area .main-nav .nav li.has-sub { position: relative; padding-right: 15px; }
.header-area .main-nav .menu-trigger { cursor: pointer; position: absolute; top: 19px; width: 32px; height: 40px; text-indent: -9999em; z-index: 99; right: 20px; display: none; }
.background-header .main-nav .menu-trigger { top: 17px; }
.header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span::before, .header-area .main-nav .menu-trigger span::after { transition: all 0.4s ease 0s; background-color: rgb(255, 255, 255); display: block; position: absolute; width: 30px; height: 2px; left: 0px; }
.background-header .main-nav .menu-trigger span, .background-header .main-nav .menu-trigger span::before, .background-header .main-nav .menu-trigger span::after { background-color: rgb(255, 255, 255); }
.header-area .main-nav .menu-trigger span::before, .header-area .main-nav .menu-trigger span::after { transition: all 0.4s ease 0s; background-color: rgb(255, 255, 255); display: block; position: absolute; height: 2px; left: 0px; width: 75%; }
.background-header .main-nav .menu-trigger span::before, .background-header .main-nav .menu-trigger span::after { background-color: rgb(255, 255, 255); }
.header-area .main-nav .menu-trigger span::before, .header-area .main-nav .menu-trigger span::after { content: ""; }
.header-area .main-nav .menu-trigger span { top: 16px; }
.header-area .main-nav .menu-trigger span::before { transform-origin: 33% 100% 0px; top: -10px; z-index: 10; }
.header-area .main-nav .menu-trigger span::after { transform-origin: 33% 0px 0px; top: 10px; }
.header-area .main-nav .menu-trigger.active span, .header-area .main-nav .menu-trigger.active span::before, .header-area .main-nav .menu-trigger.active span::after { background-color: transparent; width: 100%; }
.header-area .main-nav .menu-trigger.active span::before { transform: translateY(6px) translateX(1px) rotate(45deg); background-color: rgb(109, 195, 0); }
.background-header .main-nav .menu-trigger.active span::before { background-color: rgb(255, 255, 255); }
.header-area .main-nav .menu-trigger.active span::after { transform: translateY(-6px) translateX(1px) rotate(-45deg); background-color: rgb(109, 195, 0); }
.background-header .main-nav .menu-trigger.active span::after { background-color: rgb(255, 255, 255); }
.header-area.header-sticky { min-height: 70px; }
.header-area.header-sticky .nav li a.active { color: rgb(255, 255, 255); }
.header-area .language-selector a.btn { width: 60px; padding: 0px 6px; background: none; border: medium none; border-radius: 0px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1; text-align: left; }
.header-area .language-selector a.btn .fi { font-size: 27px; }
.header-area .language-selector .dropdown-menu { background: rgb(53, 36, 69); color: rgb(255, 255, 255); width: 60px; min-width: 60px; }
.header-area .language-selector .dropdown-menu li { font-size: 24px; }
.header-area .language-selector .dropdown-menu li a { padding: 8px 9px; margin: 0px; line-height: 1; cursor: pointer; }
@media (max-width: 1200px) {
  .header-area .main-nav .nav li { padding-left: 10px; padding-right: 10px; }
  .header-area .main-nav::before { display: none; }
}
@media (max-width: 992px) {
  .language-selector { position: absolute; }
  .header-area { top: 0px; }
  .header-area .main-nav { background-color: transparent; border-radius: 0px; }
  .header-area .main-nav .nav { height: auto; flex-basis: 100%; }
  .header-area .main-nav .logo { position: absolute; left: 0px; top: 0px; }
  .background-header .main-nav .border-button { top: 0px !important; }
  .header-area .main-nav .border-button { position: absolute; top: 15px; right: 70px; }
  .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active { color: rgb(109, 195, 0) !important; opacity: 1; }
  .header-area.header-sticky .nav li.search-icon a { width: 100%; }
  .header-area { padding: 0px 15px; height: 70px; box-shadow: none; text-align: center; }
  .header-area .container { padding: 0px; }
  .header-area .logo { margin-left: 0px; }
  .header-area .menu-trigger { display: block !important; }
  .header-area .main-nav { }
  .header-area .main-nav .nav { float: none; width: 100%; display: none; transition: all 0s ease 0s; margin-left: 0px; }
  .header-area.header-sticky .nav { margin-top: 65px !important; text-align: center; }
  .background-header.header-sticky .nav { margin-top: 70px !important; }
  .header-area .main-nav .nav li:first-child { border-top: 1px solid rgb(238, 238, 238); }
  .header-area .main-nav .nav li { width: 100%; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); padding-left: 0px !important; padding-right: 0px !important; }
  .header-area .main-nav .nav li a { height: 50px !important; line-height: 50px !important; padding: 0px !important; border: medium none !important; background: rgb(255, 255, 255) !important; color: rgb(30, 30, 30) !important; }
  .header-area .main-nav .nav li a:hover { background: rgb(255, 255, 255) !important; color: rgb(109, 195, 0) !important; }
  .header-area .main-nav .nav li:last-child a img { display: none; }
  .header-area .main-nav .nav li:last-child a:hover { color: rgb(109, 195, 0) !important; background-color: transparent !important; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu { position: relative; visibility: inherit; opacity: 1; z-index: 1; transform: translateY(0%); top: 0px; width: 100%; box-shadow: none; height: 0px; transition: all 0s ease 0s; }
  .header-area .main-nav .nav li.submenu ul li a { font-size: 12px; font-weight: 400; }
  .header-area .main-nav .nav li.submenu ul li a:hover::before { width: 0px; }
  .header-area .main-nav .nav li.has-sub ul.sub-menu { height: auto; }
  .header-area .main-nav .nav li.has-sub::after { color: rgb(59, 86, 110); right: 30px; font-size: 14px; top: 15px; }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul { height: 0px; }
}
.main-banner { border-radius: 23px; padding: 20px; }
.main-banner h6 { font-size: 20px; color: rgb(255, 255, 255); font-weight: 400; margin-bottom: 25px; }
.main-banner h4 { font-size: 45px; text-transform: uppercase; margin-bottom: 25px; color: rgb(109, 195, 0); }
.main-banner h4 em { font-style: normal; color: rgb(109, 195, 0); }
.most-popular { margin-top: 0px; }
.most-popular h1 { color: rgb(171 165 21); margin-bottom: 15px; }
.most-popular .alert {     background: linear-gradient(rgb(25 86 79), rgb(175 167 20)); color: rgb(255, 255, 255); border: medium none; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2rem 0.6rem; font-weight: 400; }
.most-popular .alert h4, .most-popular .alert h3 { color: rgb(255, 255, 255); font-weight: 400; }
.most-popular .item { background-color: rgb(39, 41, 42); padding: 30px 15px; border-radius: 23px; margin-bottom: 30px; }
.most-popular .item .item { padding: 0px; border-radius: 0px; background-color: transparent; margin-bottom: 0px; }
.most-popular .item img { border-radius: 23px; }
.most-popular .item h4 { font-size: 15px; margin-top: 20px; margin-bottom: 0px; display: inline-block; }
.most-popular .item span { color: rgb(102, 102, 102); display: block; margin-top: 7px; font-weight: 400; }
.most-popular .item ul { float: right; margin-top: 20px; }
.most-popular .item ul li { text-align: right; color: rgb(255, 255, 255); font-size: 14px; }
.most-popular .item ul li:first-child i { color: yellow; }
.most-popular .item ul li:last-child i { color: rgb(109, 195, 0); }
.most-popular .main-button { text-align: center; margin-bottom: -53px; }
.most-popular ul { list-style: outside; }
.most-popular ol { list-style: outside; }
.most-popular ul li { margin: 10px 0px 10px 15px; list-style: outside; font-size: 14px; }
.most-popular ol li { margin: 10px 0px 10px 15px; color: rgb(255, 255, 255); list-style: decimal; font-size: 14px; }
.most-popular h2 { font-weight: 400; margin-top: 25px; margin-bottom: 15px; }
.most-popular h6 { margin-top: 25px; margin-bottom: 15px; }
.most-popular p { margin-bottom: 0.5rem !important; color: rgb(0, 0, 0); }
.most-popular table { color: rgb(170, 170, 170); width: 100%; }
.most-popular table th { color: rgb(204, 204, 204); font-weight: bold; padding: 5px; border: 1px solid rgb(51, 51, 51); }
.most-popular table td { padding: 5px; border: 1px solid rgb(51, 51, 51); }
.most-popular a { color: rgb(171 165 21); }
.most-popular a:hover { color: rgb(0, 0, 0); }
.most-popular .gold { color: rgb(171 165 21); }
.gaming-library { margin-top: 60px; padding: 30px; background-color: rgb(31, 33, 34); border-radius: 23px; }
.gaming-library .item { border-bottom: 1px solid rgb(39, 41, 42); margin-bottom: 20px; padding-bottom: 20px; }
.gaming-library .last-item { margin-bottom: 30px; }
.profile-library .last-item { border-bottom: medium none; padding-bottom: 0px; margin-bottom: 0px; }
.gaming-library .item ul li { margin-top: 15px; }
.gaming-library .item ul li img { margin-top: -30px; }
.gaming-library .item ul li { display: inline-block; width: 17%; }
.gaming-library .item ul li:first-child { width: 110px; }
.gaming-library .item ul li:last-child { width: 15%; text-align: right; }
.gaming-library .item ul li h4 { font-size: 15px; margin-bottom: 5px; }
.gaming-library .item ul li span { color: rgb(102, 102, 102); font-size: 14px; }
.gaming-library .main-button { text-align: center; margin-bottom: -53px; }
footer p { text-align: center; padding: 30px 0px; color: rgb(0, 0, 0); font-weight: 300; }
footer p a { color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
footer p a:hover { color: rgb(109, 195, 0); }
footer .nav { margin: 40px 0px 30px; }
footer .nav li a { padding: 5px 20px; color: rgb(171 165 21); }
footer .nav li a:hover { color: rgb(0, 0, 0); }
.featured-games { border-radius: 23px; background-color: rgb(31, 33, 34); padding: 30px; }
.featured-games .item .thumb { position: relative; overflow: hidden; }
.featured-games .item .thumb .hover-effect { position: absolute; bottom: -100px; text-align: center; width: 100%; opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; }
.featured-games .item .thumb:hover .hover-effect { opacity: 1; visibility: visible; bottom: 15px; }
.featured-games .item .thumb .hover-effect h6 { background-color: rgba(31, 33, 34, 0.95); display: inline-block; color: rgb(109, 195, 0); font-weight: 600; font-size: 14px; padding: 10px 20px; border-radius: 25px; }
.featured-games .item img { border-radius: 23px; }
.featured-games .item h4 { font-size: 15px; margin-top: 20px; margin-bottom: 0px; display: inline-block; }
.featured-games .item span { color: rgb(102, 102, 102); display: block; margin-top: 7px; font-weight: 400; }
.featured-games .item ul { float: right; margin-top: 20px; }
.featured-games .item ul li { text-align: right; color: rgb(255, 255, 255); font-size: 14px; }
.featured-games .item ul li:first-child i { color: yellow; }
.featured-games .item ul li:last-child i { color: rgb(109, 195, 0); }
.featured-games .owl-nav { position: absolute; margin: 0px auto; top: -70px; right: 0px; }
.featured-games .owl-nav .owl-prev { margin-right: 2.5px; }
.featured-games .owl-nav .owl-next { margin-left: 2.5px; }
.featured-games .owl-nav .owl-prev span, .featured-games .owl-nav .owl-next span { font-size: 36px; display: inline-block; color: rgb(102, 102, 102); opacity: 1; transition: all 0.3s ease 0s; }
.featured-games .owl-nav .owl-prev span:hover, .featured-games .owl-nav .owl-next span:hover { opacity: 1; color: rgb(109, 195, 0); }
.top-downloaded { border-radius: 23px; background-color: rgb(31, 33, 34); padding: 30px; max-height: 567px; min-height: 567px; }
.top-downloaded ul li { position: relative; display: inline-block; width: 100%; }
.top-downloaded ul li img { float: left; margin-right: 15px; }
.top-downloaded ul li h4 { font-size: 15px; padding-top: 7px; }
.top-downloaded ul li h6 { font-size: 15px; color: rgb(102, 102, 102); font-weight: 400; margin-top: 5px; margin-bottom: 5px; }
.top-downloaded ul li span { color: rgb(255, 255, 255); font-size: 15px; margin-right: 10px; }
.top-downloaded ul li .download i { position: absolute; right: 0px; top: 50%; transform: translateY(-23px); width: 46px; height: 46px; text-align: center; line-height: 46px; color: rgb(109, 195, 0); background-color: rgb(39, 41, 42); border-radius: 50%; }
.top-downloaded ul li { border-bottom: 1px solid rgb(39, 41, 42); margin-bottom: 28px; padding-bottom: 28px; }
.top-downloaded .text-button { text-align: center; }
.top-downloaded .text-button a { font-weight: 600; color: rgb(109, 195, 0); font-size: 15px; }
.start-stream .heading-section { margin-top: 60px; text-align: center; margin-bottom: 60px; }
.start-stream .item { padding: 30px; border: 1px solid rgb(68, 68, 68); border-radius: 23px; }
.start-stream .item h4 { font-size: 20px; margin-top: 20px; margin-bottom: 15px; font-weight: 600; }
.start-stream .main-button { text-align: center; margin-top: 30px; }
.live-stream { margin-top: 60px; border-radius: 23px; background-color: rgb(31, 33, 34); padding: 30px; }
.live-stream .item { margin-bottom: 30px; }
.live-stream .thumb { position: relative; overflow: hidden; margin-bottom: 20px; }
.live-stream .thumb img { border-radius: 23px; }
.live-stream .thumb:hover .hover-effect { opacity: 1; visibility: visible; }
.live-stream .hover-effect { opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; }
.live-stream .hover-effect .live a { position: absolute; background-color: rgba(236, 96, 144, 0.9); padding: 5px 10px; border-radius: 23px; color: rgb(255, 255, 255); font-size: 14px; right: 15px; top: 15px; }
.live-stream .hover-effect ul { position: absolute; bottom: 20px; text-align: center; width: 100%; }
.live-stream .hover-effect ul li { display: inline-block; margin: 0px 5px; }
.live-stream .hover-effect ul li a { background-color: rgba(236, 96, 144, 0.9); padding: 5px 10px; border-radius: 23px; color: rgb(255, 255, 255); font-size: 14px; }
.live-stream .avatar img { margin-right: 15px; }
.live-stream span i { color: rgb(255, 255, 255); background-color: rgb(109, 195, 0); border-radius: 50%; font-size: 12px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; margin-right: 3px; }
.live-stream span { font-size: 14px; color: rgb(109, 195, 0); }
.live-stream .down-content h4 { margin-top: 8px; font-size: 20px; font-weight: 700; margin-left: 61px; }
.live-stream .main-button { text-align: center; margin-bottom: -53px; }
.feature-banner .thumb { position: relative; max-height: 305px; overflow: hidden; border-radius: 23px; }
.feature-banner .thumb a { position: absolute; left: 50%; top: 50%; transform: translate(-23px, -23px); width: 46px; height: 46px; background-color: rgb(255, 255, 255); border-radius: 50%; display: inline-block; text-align: center; line-height: 46px; color: rgb(109, 195, 0); }
.game-details h2 { font-size: 45px; text-transform: uppercase; text-align: center; margin: 60px 0px; }
.game-details .content { border-radius: 23px; padding: 30px; background-color: rgb(31, 33, 34); }
.game-details .content .left-info { background-color: rgb(39, 41, 42); border-radius: 23px; padding: 30px; margin-bottom: 30px; }
.game-details .content .left-info .left { float: left; }
.game-details .content .left-info h4 { font-size: 15px; display: block; }
.game-details .content .left-info span { color: rgb(102, 102, 102); display: block; margin-top: 7px; font-weight: 400; }
.game-details .content .left-info ul { text-align: right; }
.game-details .content .left-info ul li { color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 3px; }
.game-details .content .left-info ul li:first-child i { color: yellow; }
.game-details .content .left-info ul li:last-child i { color: rgb(109, 195, 0); }
.game-details .content .right-info { background-color: rgb(39, 41, 42); border-radius: 23px; padding: 30px; margin-bottom: 30px; }
.game-details .content .right-info ul li { display: inline-block; width: 23%; text-align: center; font-size: 14px; color: rgb(255, 255, 255); }
.game-details .content .right-info ul li i { display: block; margin-bottom: 12px; }
.game-details .content .right-info ul li:first-child i { color: yellow; }
.game-details .content .right-info ul li i { color: rgb(109, 195, 0); }
.game-details .main-border-button { margin-top: 35px; }
.game-details .main-border-button a { text-align: center; width: 100%; }
.other-games { border-radius: 23px; padding: 30px 30px 0px; background-color: rgb(31, 33, 34); margin-top: 60px; }
.other-games .item { position: relative; border-bottom: 1px solid rgb(39, 41, 42); padding-bottom: 52px; margin-bottom: 30px; }
.other-games .item img { float: left; margin-right: 15px; }
.other-games .item h4 { display: inline-block; font-size: 15px; margin-bottom: 5px; padding-top: 15px; }
.other-games .item span { color: rgb(102, 102, 102); font-size: 14px; display: block; }
.other-games ul { position: absolute; right: 0px; top: 15px; }
.other-games ul li { color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 3px; }
.other-games ul li:first-child i { color: yellow; }
.other-games ul li:last-child i { color: rgb(109, 195, 0); }
.top-streamers { border-radius: 23px; background-color: rgb(31, 33, 34); padding: 30px; max-height: 567px; min-height: 567px; }
.top-streamers ul li { display: inline-block; width: 100%; border-bottom: 1px solid rgb(53, 54, 55); margin-bottom: 25px; padding-bottom: 25px; }
.top-streamers ul li:last-child { border-bottom: medium none; padding-bottom: 0px; margin-bottom: 0px; }
.top-streamers ul li span { float: left; font-size: 15px; color: rgb(255, 255, 255); font-weight: 700; padding-top: 12px; margin-right: 10px; }
.top-streamers ul li h6 { display: inline; font-size: 14px; color: rgb(109, 195, 0); font-weight: 400; }
.top-streamers ul li h6 i { color: rgb(255, 255, 255); background-color: rgb(109, 195, 0); border-radius: 50%; font-size: 12px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; margin-right: 3px; }
.top-streamers ul li .main-button { float: right; }
.top-streamers ul li .main-button a { padding: 8px 20px; }
.main-profile { border-radius: 23px; padding: 30px; background-color: rgb(31, 33, 34); }
.main-profile .main-info span { font-size: 14px; color: rgb(255, 255, 255); background-color: rgb(109, 195, 0); padding: 8px 20px; display: inline-block; border-radius: 25px; font-weight: 400; text-transform: capitalize; letter-spacing: 0.5px; margin-bottom: 15px; }
.main-profile .main-info h4 { margin-bottom: 20px; }
.main-profile .main-info .main-border-button { margin-top: 25px; }
.main-profile ul { border-radius: 23px; padding: 30px; background-color: rgb(39, 41, 42); }
.main-profile ul li { width: 100%; font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgb(102, 102, 102); }
.main-profile ul li span { float: right; font-weight: 500; color: rgb(109, 195, 0); }
.main-profile ul li:last-child { border-bottom: medium none; padding-bottom: 0px; margin-bottom: 0px; }
.clips { margin-top: 30px; border-top: 2px solid rgb(39, 41, 42); }
.clips .heading-section { margin-top: 30px; }
.clips .item { border-radius: 23px; padding: 30px 15px; background-color: rgb(39, 41, 42); margin-bottom: 30px; }
.clips .item .thumb { position: relative; margin-bottom: 15px; }
.clips .item .thumb a { position: absolute; left: 50%; top: 50%; transform: translate(-23px, -23px); width: 46px; height: 46px; background-color: rgb(255, 255, 255); border-radius: 50%; display: inline-block; text-align: center; line-height: 46px; color: rgb(109, 195, 0); }
.clips .item h4 { font-size: 15px; display: inline-block; }
.clips .item span i { color: rgb(109, 195, 0); }
.clips .item span { float: right; color: rgb(255, 255, 255); font-size: 14px; }
.clips .main-button { margin-top: 10px; text-align: center; }
body { overflow-x: hidden; }
@media (max-width: 767px) {
  body .page-content { padding: 0px 10px 30px; }
  .main-banner h4 { font-size: 35px; }
  footer .nav li { display: block; width: 100%; text-align: center; margin: 10px 0px; }
  .gaming-library .item ul li, .gaming-library .item ul li:first-child, .gaming-library .item ul li:last-child { width: 100% !important; text-align: center !important; }
  .gaming-library .item ul li { margin-top: 30px; }
  .top-downloaded ul li .download i { top: 20px; width: 30px; height: 30px; line-height: 30px; }
  .top-downloaded ul li img { margin-right: 10px; }
  .top-downloaded ul li span { font-size: 14px; }
  .top-streamers ul li .main-button { float: none; margin-top: 10px; }
  .top-streamers ul li .main-button a { width: 100%; text-align: center; }
  .top-streamers, .top-downloaded { max-height: 100%; min-height: 100%; }
  .most-popular .item .inner-item { margin-bottom: 20px; }
}
@media (max-width: 992px) {
  .background-header { display: inline-block; }
  .header-area .main-nav #search { display: none; }
  .heading-section h4 { font-size: 20px; }
  .gaming-library .item ul li { width: 48% !important; }
  .gaming-library .item ul li:last-child { text-align: left; }
  .featured-games { margin-bottom: 60px; }
  .start-stream .item { margin: 15px 0px; }
  .feature-banner .thumb { margin-top: 30px; }
  .main-profile .main-info { margin: 45px 0px; }
}
@media (max-width: 1200px) {
  .header-area .main-nav .nav li { padding-right: 5px; padding-left: 5px; }
  .header-area .main-nav .logo { margin-right: 30px; border-right: medium none; }
  .gaming-library .item ul li { width: 16%; }
}
.contacts { text-align: center; border-bottom: 1px solid rgb(171 165 21); margin-bottom: 20px; }
.ord-form { text-align: center; }
.ord-form .ord-form-main-input { width: 300px; border-radius: 5px; border: 1px solid rgb(171 165 21); padding: 10px }
.ord-form .ord-form-button { font-size: 14px; color: rgb(255, 255, 255); background-color: rgb(109, 195, 0); padding: 12px 30px; display: inline-block; border-radius: 25px; font-weight: 400; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.3s ease 0s; position: relative; overflow: hidden; }