html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body {
  background: #111;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;

  height: auto;
}

iframe {
  border: 0;
  width: 100%;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left !important;
}

.container{
	max-width:1231px;
}

.videobase{
	margin-bottom:20px;
}

.videobase iframe{
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
}

.videobase:first-child{
	flex:0 0 50%;
	max-width:50%;
	height:312px;
}

.videobase:nth-child(2){
	flex:0 0 50%;
	max-width:50%;
	height:312px;
}

.werb{
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	z-index: 1;
	position: relative;
	margin-bottom:20px;
}

.matchbg{
	background-color:#bababa;
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	color:#333;
	margin-bottom:20px;
	padding-bottom: 20px;
	float: left;
	margin-left: 14px;
	margin-bottom: 20px;
	max-width: 387px;
	margin-right: 6px;
}

.matchbg2{
	background-color:#fff;
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	color:#333;
	margin-bottom:20px;
	padding-bottom: 20px;
	float: left;
	margin-left: 14px;
	max-width: 387px;
	margin-right: 6px;
}
.matchbig{
	width:100%;
	font-weight:700;
	text-align:center;
	text-transform: uppercase;
	padding-top: 8px;
	font-size: 23px;
    margin-bottom:49px;
}
.matchsmall{
	width:100%;
	font-weight: 500;
	text-align:center;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: -49px;
}

.logoma{
	width:100px;
	height:100px;
	margin: 0 auto;
}
.logoma2{
	width:90px;
	height:90px;
	margin: 0 auto;
}
.result{
	font-weight: 700;
	font-size: 46px;
	text-align: center;
	line-height: 85px;
	letter-spacing: -4px;
	width: 100%;
}
.result2{
	font-weight: 700;
	font-size: 25px;
	text-align: center;
	line-height: 85px;
	letter-spacing: -1px;
	width: 100%;
}
.result3{
	background-image: url(../images/vs.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 39px;
	margin-top: 20px;
	width: 100%;
}
.newsbase{
	height: 182px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 16px;
	max-width: 590px;
	position:relative;
	margin-right: 6px;
	background-position: center;
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	margin-bottom:20px;
}
.newsheadline{
	position:absolute;
	bottom: -7%;
	font-size: 20px;
	font-weight: 700;
	background-color: rgba(0, 0, 0, 0.39);
	padding-top: 14px;
	padding-bottom: 14px;
	width: 100%;
	text-align: left;
	overflow: hidden;
	text-indent: 20px;
	height: 59px;
}
.resultsbg{
	background-image: url(../images/results.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height:817px;
	margin-top: -251px;
	z-index: 9999;
}
.newsbg{
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height:817px;
	margin-top: -135px;
	z-index: 9999;
}
.moviesbg{
	background-image: url(../images/movies.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height:817px;
	margin-top: -212px;
	z-index: 9999;
}

.wallbg{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 582px;
	margin-bottom: 70px;
	margin-top: 20px;
	z-index: 9999;
}

.topma{
	margin-top:-250px;
}
.topma2{
	margin-top:-310px;
}
.lots{
	border-top:1px solid #0a92dc;
	margin-top:50px;
	padding-top:80px;
}
.texts{
	padding-left:50px;
}
.footerhead{
	font-size:24px;
	font-weight:700;
	margin-bottom: 4px;
	text-transform:uppercase;
}
.footertext{
	font-size: 13px;
	line-height: 25px;
	padding-right: 54px;
	height:100px;
	overflow:hidden;
}
.copy{
	color:#fff;
	width:100%;
	font-size: 13px;
	text-align:center;
	padding-top:40px;
	padding-bottom:30px;
}
.trac{
	border-bottom: 1px solid rgba(123, 181, 29, 0.17);
	border-top: 1px solid rgba(123, 181, 29, 0.17);
	margin-top: 24px;
	margin-bottom: 73px;
}

.shophead{
	padding-left:100px;
	padding-top: 71px;
	font-size:18px;
}
.shopsubhead{
	font-size: 38px;
	color: #0a92dc;
	text-transform: uppercase;
	padding-left:100px;
	font-weight: 700;
	margin-top: -32px;
}
.shoptext{
	padding-left:100px;
	font-size: 18px;
	height: 200px;
	line-height: 33px;
	margin-bottom: 65px;
	padding-right:80px;
	overflow: hidden;
}
.shopbutton{
	font-size: 16px;
	border-radius:50px;
	padding:12px 50px 12px 50px;
	font-weight: 700;
	background-color:#0a92dc;
	text-transform: uppercase;
	color:#fff;
	margin-left:100px;
}
b{
	font-weight:700;
}
.headbg{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:797px;
	z-index: 0;
	position: relative;
	border-bottom:1px solid #0a92dc;
}
.headt{
	text-align:center;
	font-size:60px;
	width: 100%;
	margin: 0 auto;
	text-transform:uppercase;
	margin-top: 9%;
	font-weight: 300;
	line-height: 50px;
	max-width: 600px;
}
.btndt{
	text-align:center;
	font-size: 24px;
	border:1px solid #fff;
	border-radius:40px;
	margin: 0 auto;
	text-transform:uppercase;
	margin-top: 7%;
	max-width: 280px;
	font-weight: 300;
	line-height: 50px;
}
.logo{
	margin: 15px auto;
}
.iconbg{
	height: 33px;
	width: 33px;
	text-align: center;
	line-height: 35px;
	cursor:pointer;
	margin-top: 20px;
	font-size: 18px;
	float:left;
	margin-right:10px;
	background-color: rgba(0, 0, 0, 0.47);
}
.fa-facebook:hover{
	color:#3b5998;
}
.fa-youtube:hover{
	color:red;
}
.fa-instagram:hover{
	color:#1fc2e6;
}
.fa-twitch:hover{
	color:#760e7d;
}
.fa-steam:hover{
	color:#1fc2e6;
}
#page-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#title {
  color: #f6f6f6;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2em;
}

#btn {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 15px;
  cursor: pointer;
  -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
  transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
#btn div {
  width: 40px;
  height: 4px;
  margin-bottom: 6px;
  background-color: #ffffff;
  -webkit-transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
  transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
  transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms;
  transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

#btn.active {
  right: 15px;
}
#btn.active div {
  background-color: #ffffff;
}
#btn.active #top {
  -webkit-transform: translateY(10px) rotate(-135deg);
          transform: translateY(10px) rotate(-135deg);
}
#btn.active #middle {
  opacity: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
#btn.active #bottom {
  -webkit-transform: translateY(-10px) rotate(-45deg);
          transform: translateY(-10px) rotate(-45deg);
}

#box {
  position: fixed;
  z-index: 4;
  overflow: auto;
  top: 0px;
  right: -275px;
  width: 332px;
  opacity: 0;
  padding: 20px 0px;
  height: 100%;
  background-color: rgba(5, 5, 5, 0.59);
  color: #343838;
  -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

#box.active {
  right: 0px;
  opacity: 1;
}

#items {
  position: relative;
  top: 42%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#items .item {
  position: relative;
  cursor: pointer;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 20px;
  padding: 11px 30px;
  font-weight: 200;
  text-transform: uppercase;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}
.social {
    width: 45px;
    height: auto;
    position: fixed;
    top: 30%;
    z-index: 3 !important;
    padding-left: 0;
    margin-left: 0;
    margin-top: 30px;
    perspective: 1000px;
}
#items .item:hover {
  padding: 15px 45px;
  background-color: rgba(52, 56, 56, 0.2);
}

#btn, #btn * {
  will-change: transform;
}

#box {
  will-change: transform, opacity;
}
.slidebg2{
	z-index: 5;
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	padding-right: 0px;
}

.slidebg{
	background-color:#fff;
	height: 310px;
	width:100%;
	margin-bottom: -119px;
	margin-left: 2px;
	margin-right: -20px;
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	z-index: 1;
	margin-top: -163px;
}
.topbg{
	background-color:#e0e0e0;
	height: 310px;
	width: 100%;
	margin-bottom: -119px;
	-webkit-box-shadow: 0 0 20px 0 #000000;
	box-shadow: 0 0 20px 0 #000000;
	z-index: 1;
	margin-left: 3px;
	margin-top: -163px;
}
.topbg2{
	z-index: 5;
}

.owl-carousel{
    max-width: 1500px;
    margin: 0 auto;
}
.owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-nav [class*='owl-'] {
color: white;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.owl-nav [class*='owl-']:hover {
background: #4dc7a0;
color: white;
text-decoration: none;
}
.owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;position: absolute;bottom: 2%;right: 1vw;}
.owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
 
}
.owl-dots .owl-dot span {width: 12px;height: 12px;margin: 5px 7px;background: #fff;display: block;-webkit-backface-visibility: visible;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;}
.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #7db81e;}
 .owl-carousel .item {
  height: auto;
  background: #4DC7A0;
  color: #fff;
}
 .owl-carousel .item img{
   width: 100%;
   max-height: 310px;
}
.owl-item .item .text{
  height: 100%;
  position: absolute;
  width: 96%;
  opacity: 0;
  text-transform: uppercase;
  z-index: 99;
  top: 6px;
  left: 14px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 700;
}
.owl-item .item .text h1{
  margin: 100% 0 0 0;
  text-align: left;
  -ms-transform: rotate(10deg); /* IE 9 */
  -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
  transform: rotate(10deg);
}
.owl-item .item .text p{
  margin: 100% 0 0 0;
  text-align: left;
  -ms-transform: rotate(-5deg); /* IE 9 */
  -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
  t;
  transform: rotate(-5deg);
}
.owl-item.active .item .text{
  opacity: 1;
  -webkit-transition: all 300ms ease 0.5s;
-moz-transition: all 300ms ease 0.5s;
-ms-transition: all 300ms ease 0.5s;
-o-transition: all 300ms ease 0.5s;
transition: all 300ms ease 0.5s;
}
.owl-item.active .item .text h1{
  margin: 10px 0 0 0;
    -ms-transform: rotate(0deg); /* IE 9 */
   -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
   transform: rotate(0deg);
  -webkit-transition: all 250ms ease 0.5s;
-moz-transition: all 250ms ease 0.5s;
-ms-transition: all 250ms ease 0.5s;
-o-transition: all 250ms ease 0.5s;
transition: all 250ms ease 0.5s;
}
.owl-item.active .item .text p{
  margin: 10px 0px 0 0px;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
  -webkit-transition: all 250ms ease 0.6s;
  -moz-transition: all 250ms ease 0.6s;
  -ms-transition: all 250ms ease 0.6s;
  -o-transition: all 250ms ease 0.6s;
  transition: all 250ms ease 0.6s;
}
.head{
	font-size:20px;
	font-weight:300;
}
#days{
	text-align:center;
	float:left;
	font-size: 30px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	font-weight: 600;
	color: #4e4e4e;
	min-width: 58px;
	margin-left:20px;
	background-color: #bbbbbb;
}

#hours{
	text-align:center;
	float:left;
	font-size: 30px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	color: #4e4e4e;
	font-weight: 600;
	margin-left:20px;
	min-width: 58px;
	margin-right:20px;
	background-color: #bbbbbb;
}

#minutes{
	text-align:center;
	float:left;
	font-size: 30px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	min-width: 58px;
	font-weight: 600;
	color: #4e4e4e;
	background-color: #bbbbbb;
}

#seconds{
	text-align:center;
	float:left;
	font-size: 30px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	color: #4e4e4e;
	font-weight: 600;
	min-width: 58px;
	margin-left:20px;
	background-color: #bbbbbb;
}

.readmore{
	position:absolute;
	bottom:20px;
	left:20px;
	border:1px solid #fff;
	border-radius:30px;
	padding-left: 21px;
	padding-top: 5px;
	padding-right: 21px;
	padding-bottom: 5px;
}

@keyframes discord {
	0% {height:70px; width:250px;}
	 100% {height:500px;width:350px;}
}
@keyframes discord-c {
	0% {height:500px;width:350px;}
    100% {height:70px; width:250px;}
}
.discord {
	animation-name: discord-c;
	position: center;
	animation-duration: 2s;
	animation-play-state: pause;
	float:left;
    height:70px;
	width:250px;
   
	
}

.discord:hover {
	height:500px;
	width:350px;
	float:left;
	animation-name: discord;
	animation-duration: 2s;
	animation-play-state: pause;
}