@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900|Roboto+Mono:100,400|Caveat);
@import url(https://fonts.googleapis.com/css2?family=Oswald&family=Boogaloo&family=Cabin&family=Roboto+Condensed&family=Latot&family=Poppins&display=swap);

/*
@import url(animate.min.css);
@import url(../js/vegas/vegas.min.css); 
*/
@import url(swipebox.css);

@import url(vicefonts.css);

html {
	width: 100%!important;
	height: 100%!important;
	overflow-x: hidden!important
}

body {
	height: auto;
	font-family: Poppins, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased
}

#status {
	position: absolute;
	left: 47%;
	top: 50%;
	margin: auto;
	width: 49px;
	height: 49px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	background: #999;
	animation: 1.15s infinite ease-in-out;
	-webkit-animation: 1.15s infinite ease-in-out;
	-moz-animation: 1.15s infinite ease-in-out;
	animation-name: loader;
	-webkit-animation-name: loader;
	-moz-animation-name: loader
}

#status:after,
#status:before {
	animation: 1.15s infinite ease-in-out;
	-webkit-animation: 1.15s infinite ease-in-out;
	-moz-animation: 1.15s infinite ease-in-out
}

#status:after,
#status:before {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0
}

@keyframes loader {
	from {
		transform: scale(0);
		opacity: 1
	}
	to {
		transform: scale(1);
		opacity: .5
	}
}

@-ms-keyframes loader {
	from {
		-ms-transform: scale(0);
		opacity: 1
	}
	to {
		-ms-transform: scale(1);
		opacity: .5
	}
}

@-webkit-keyframes loader {
	from {
		-webkit-transform: scale(0);
		opacity: 1
	}
	to {
		-webkit-transform: scale(1);
		opacity: .5
	}
}

@-moz-keyframes loader {
	from {
		-moz-transform: scale(0);
		opacity: 1
	}
	to {
		-moz-transform: scale(1);
		opacity: .5
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 35px;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1.7;
	font-weight: 800
}

h4,
h5,
h6 {
	font-weight: 700
}

p {
	margin: 0 0 35px
}

a {
	text-decoration: none;
	color: #000;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

a img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

img {
	-webkit-filter: blur(0);
	filter: blur(0)
}

:focus,
a,
img {
	outline: 0!important
}

a:focus,
a:hover {
	color: #666;
	text-decoration: none
}

a img:hover {
	opacity: .85
}

.no-pad {
	padding: 0!important;
	margin: 0!important
}

.no-pad-top {
	padding-top: 0!important
}

.overlay {
	background: rgba(7, 9, 21, .7)
}

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}

.image-overlay {
	padding: 0;
	margin-top: -200px;
	position: relative
}

@media (max-height:770px) {
	.image-overlay {
		margin-top: -120px
	}
}

.big {
	font-size: 300px;
	line-height: 1;
	text-shadow: none
}

.section,
section {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #fff
}

.section-small {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px
}

.section-header {
	font-family: SuperMario256;
	font-weight: 400;
	font-size: 70px;
	letter-spacing: 0
}

.section-header-alternate {
	font-family: SuperMario256;
	font-weight: 400;
	font-size: 70px;
	letter-spacing: 0;
	color: #fff;
	padding-top: 30px
}

.list-inline>li {
	padding-bottom: 10px;
	vertical-align: bottom
}

.btn,
.progress {
	border-radius: 0!important
}

.btn {
	font-size: 12px!important;
	letter-spacing: 2px;
	outline: 0;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-shadow: none;
	text-decoration: none;
	font-weight: 600;
	padding: 8px 12px 6px 15px
}

.btn-lg {
	font-size: 13px!important;
	padding: 10px 35px
}

.btn-sm {
	font-size: 11px!important
}

.btn-xs {
	font-size: 10px!important;
	padding: 4px 10px
}

.btn-border {
	border: 2px solid #fff;
	color: #fff!important;
	background-color: transparent
}

.btn-dark-border {
	border: 1px solid #000;
	color: #000;
	background-color: transparent
}

.btn-dark {
	border: 2px solid #18191b;
	background-color: #18191b;
	color: #fff!important
}

.btn-universal {
	border: 2px solid #789;
	background-color: #789;
	color: #fff!important
}

.btn:hover {
	opacity: .65
}

.btn-border:focus,
.btn-dark-border:focus,
.btn-universal:focus {
	opacity: 1
}

a .fa,
a .icon {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.icon-big {
	font-size: 80px;
	line-height: 120px;
	display: block
}

#time .icon-big {
	color: #ff4081
}

header .icon-big {
	line-height: 140px
}

.classic,
.classic2 {
	font-family: Caveat;
	color: #ff1d8e;
	text-transform: capitalize;
	letter-spacing: 0;
	margin: 0 0 15px;
	transform: rotate(-3deg)!important;
	-moz-transform: rotate(-3deg)!important;
	-webkit-transform: rotate(-3deg)!important;
	opacity: .8
}

.classic2 {
	font-family: 'Great Vibes'
}

::-moz-selection,
::selection {
	color: #fff;
	background: #000
}

ul {
	margin-bottom: 1.5em
}

a .fa {
	opacity: .6!important
}

a .fa:hover {
	opacity: .9
}

.navbar-custom {
	margin-bottom: 0;
	border-bottom: transparent;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .9);
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease
}

.navbar-custom .navbar-brand {
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -.01em;
	text-transform: none;
	padding: 17px 5px 12px 15px
}

.navbar-custom img {
	display: inline-block
}

.navbar-custom.top-nav-collapse {
	background-color: #fff;
	border-bottom: 1px solid #eee
}

.navbar-custom.top-nav-collapse a {
	color: #000
}

.navbar-custom.top-nav-collapse .navbar-brand {
	font-size: 22px;
	padding-top: 16px
}

.navbar-fixed-top .container {
	width: auto
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = 1200px to higher resolution desktops and laptops
*/

@media (min-width:1200px) {
	.top-nav-collapse .container {
		width: 1170px!important
	}

	.navbar-custom {
		padding: 30px;
		border-bottom: 0;
		letter-spacing: 1px;
		background: 0 0;
		background: 0 0
	}
	.navbar-custom.top-nav-collapse {
		padding: 0 30px;
		background-color: #fff
	}
	@-webkit-keyframes fadeInUniversal {
		0% {
			opacity: 0;
			transform: translate(0, -40px)
		}
		100% {
			opacity: 1;
			transform: translate(0, 0)
		}
	}
	@keyframes fadeInUniversal {
		0% {
			opacity: 0;
			transform: translate(0, -40px)
		}
		100% {
			opacity: 1;
			transform: translate(0, 0)
		}
	}
	.navbar-left {
		float: right!important
	}
	.navbar-fixed-top .caret {
		display: none
	}
}

.navbar-custom .navbar-brand .logo {
	max-height: 140px;
	display: inline-block
}

.navbar-custom.top-nav-collapse .navbar-brand .logo {
	max-height: 24px
}

.navbar-custom .navbar-brand .logodark {
	display: none
}

.navbar-custom.top-nav-collapse .navbar-brand .logodark {
	display: inline-block
}

.navbar-custom .navbar-brand .logo {
	display: inline-block
}

.navbar-custom.top-nav-collapse .navbar-brand .logo {
	display: none
}

.navbar-custom.top-nav-collapse .navbar-brand .logodark {
	max-width: 160px;
	max-height: 30px;
	z-index: 0
}

.navbar-custom .navbar-brand i {
	vertical-align: middle
}

.navbar-custom .navbar-brand:focus {
	outline: 0
}

.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #fff
}

.navbar-custom .navbar-brand .navbar-toggle:active,
.navbar-custom .navbar-brand .navbar-toggle:focus {
	outline: 0
}

.nav>li>a {
	padding: 21px 13px 15px
}

.navbar-custom a {
	color: #fff;
	font-family: Raleway, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px
}

.navbar-custom .nav li a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.navbar-custom .nav li a:hover {
	outline: 0;
	background-color: transparent
}

.navbar-custom .nav li a:active,
.navbar-custom .nav li a:focus {
	outline: 0;
	background-color: transparent
}

.navbar-toggle {
	padding: 10px 0
}

.navbar-toggle .icon-bar {
	width: 30px;
	border-radius: 0;
	background: #fff
}

.top-nav-collapse .icon-bar {
	background: #333
}

a.btn-nav .btn {
	margin-bottom: 0
}

.navbar-nav:not(.sm-collapsible) ul .caret {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed
}

.navbar-nav span.scroll-up {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center
}

.navbar-nav span.scroll-up-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent
}

.nav .fa {
	font-size: 16px;
	line-height: 1px
}

.nav .fa,
.nav a .fa {
	opacity: 1!important
}

/* 
  ##Device = Desktops
*/

/*
@media (min-width:991px) {
	.navbar-custom {
		padding: 30px;
		border-bottom: 0;
		letter-spacing: 1px;
		background: 0 0;
		background: 0 0
	}
	.navbar-custom.top-nav-collapse {
		padding: 0 30px;
		background-color: #fff
	}
	@-webkit-keyframes fadeInUniversal {
		0% {
			opacity: 0;
			transform: translate(0, -40px)
		}
		100% {
			opacity: 1;
			transform: translate(0, 0)
		}
	}
	@keyframes fadeInUniversal {
		0% {
			opacity: 0;
			transform: translate(0, -40px)
		}
		100% {
			opacity: 1;
			transform: translate(0, 0)
		}
	}
	.navbar-left {
		float: right!important
	}
	.navbar-fixed-top .caret {
		display: none
	}
}
*/

/* 
  ##Device = Tablets
*/

@media (min-width: 992px) and (max-width: 1199px) {
	.fc .fc-today-button{
		float: right!important;
	}
	.fc .fc-button-group{
		float: right!important;
	}
}
@media (max-width:1199px) {
	.nav a {
		border-bottom: 1px solid rgba(0, 0, 0, .05)!important;
		color: #000!important
	}
	.nav a:focus {
		border-bottom: 1px solid rgba(0, 0, 0, .05)!important
	}
	.navbar-header {
		float: none
	}
	.navbar-left,
	.navbar-right {
		float: none!important
	}
	.navbar-toggle {
		display: block
	}
	.navbar-collapse {
		background-color: #eee!important;
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7px
	}
	.navbar-nav>li {
		float: none
	}
	.navbar-nav>li>a {
		padding-top: 14px;
		padding-bottom: 14px
	}
	.collapse.in {
		display: block!important
	}
	.navbar-collapse.in {
		overflow-y: auto!important
	}
	.navbar-custom .navbar-brand .logo {
		display: none
	}
	.navbar-custom .navbar-brand .logodark {
		display: inline-block;
		max-width: 160px;
		max-height: 30px;
	}
}


.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: 400px
}

.bg-white {
	background-color: #ffffff;
}

.bg-dark {
	background-color: #07070f;
}

.bg-dark2 {
	background-color: rgba(12, 13, 15, .97)
}

.small-header {
	position: relative;
	z-index: 1;
	padding-top: 142px;
	padding-bottom: 55px;
}

.small-header.bg-dark:before,
.small-header.bg-img2:before,
.small-header.bg-img3:before,
.small-header.bg-img4:before,
.small-header.bg-img5:before,
.small-header.bg-img:before,
.small-header.bg-updates:before {
	background: rgba(7, 9, 21, .5);
	content: " ";
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -9
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 767px) and (max-width: 1024px) {

	div[class*="otherGames"] {
		height: 125px !important;
	}
}
/*
@media (min-width: 767px) and (max-width: 1024px) {
  
  
  	.video-responsive iframe {
		width: 640px !important;
		height: 360px !important;
		left: 5% !important;
	}

	.intro .intro-body h2 {
	    font-size: 92px !important;
	    padding-top: 0px !important;
	    padding-bottom: 20px !important;
	}

	.intro .intro-body h4 {
	    font-size: 24px !important;
	}
	
  	
}

*/

/* 
  ##Device = Tablets
  ##Not used
*/

/*
@media (max-width:992px) {
	.small-header {
		text-align: center!important
	}
	.small-header .text-right {
		text-align: center!important
	}
}
*/
.bg-dark,
.bg-dark2,
.bg-img,
.bg-img2,
.bg-img3,
.bg-img4,
.bg-img5,
.bg-updates {
	color: #fff!important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.bg-img {
	background: linear-gradient(rgb(255 255 255), rgba(254, 190, 128, .7)), url(../img/header/1.jpg)
}

.bg-img2 {
	background: url(../img/header/19.jpg)
}

.bg-img3 {
	background: url(../img/header/18.jpg)
}

.bg-img4 {
	background: linear-gradient(rgb(76 175 80), rgba(76, 175, 80, .85)), url(../img/header/19.jpg)
}

.bg-img5 {
	background: linear-gradient(rgb(0 204 255), rgba(0, 204, 255, .8)), url(../img/header/21.jpg)
}

.bg-updates {
	background: linear-gradient(rgb(255 204 51), rgba(255, 204, 51, .8)), url(../img/header/music-producer-background.jpg)
}

.bg-img,
.bg-img2,
.bg-img3,
.bg-img4,
.bg-img5,
.bg-updates {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}

.bg-dark a,
.bg-dark2 a,
.bg-img a,
.bg-img2 a,
.bg-img3 a,
.bg-img4 a,
.bg-img5 a,
.bg-primary a,
.bg-updates {
	color: #fff
}

.bg-dark a:hover,
.bg-dark2 a:hover,
.bg-img a:hover,
.bg-img2 a:hover,
.bg-img3 a:hover,
.bg-img4 a:hover,
.bg-img5 a:hover,
.bg-updates a:hover {
	color: rgba(255, 255, 255, .8)
}

.intro {
	display: table;
	width: 100%;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%!important;
	z-index: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}

.intro a {
	color: rgb(0, 0, 0)
}

.intro a:hover {
	color: #ccc;
	text-decoration: none
}

.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
	padding: 150px 0 50px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background: no-repeat url(../img/header/cw_bg.jpg);
	background-size: cover
}

.intro .intro-body h1,
.intro .intro-body h2 {
	font-size: 84px;
	letter-spacing: 0;
    font-family: 'NikeTotal90', serif;
}

.intro .intro-body h4 {
	font-family: 'Roboto Condensed', sans-serif
}

.intro-body:before {
	background: rgba(7, 9, 21, .5);
	content: "";
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -9
}

.intro h1 {
	font-size: 60px;
	font-weight: 900;
	line-height: 80px
}

.intro h1.classic {
	font-size: 100px;
	line-height: 100px;
	font-weight: 400
}

.intro h1.classic2 {
	font-size: 110px;
	line-height: 110px
}

.intro .intro-body .container {
	padding-top: 80px; 
	padding-bottom: 120px;
}

.intro .intro-body .row {
	padding-top: 80px; 
	padding-bottom: 50px;
}

@keyframes kenburns {
	0% {
		transform: scale(1.2)
	}
	100% {
		transform: scale(1)
	}
}

/* 
  ##Device = Desktops
*/

@media (min-width:768px) {
	.intro {
		padding: 0
	}
}

.video-controls {
	position: absolute;
	bottom: 30px;
	right: 40px;
	z-index: 1;
	opacity: .4;
	display: none
}

.video-controls .fa {
	color: #fff;
	padding: 5px;
	width: 25px
}

.video-controls a.fa {
	text-decoration: none
}

.section-video:before {
	background: rgba(7, 9, 21, .5);
	content: "";
	left: 0;
	top: 0;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: -9
}

.section-video {
	padding-top: 60px;
	padding-bottom: 60px;
	top: 0!important;
	opacity: 1!important
}

.bg-video-small {
	text-align: left!important;
	opacity: 1!important;
	top: 0!important
}

.small-form {
	margin: 0 auto 40px!important;
	max-width: 480px
}


#news div[class*=col-] {
	margin-bottom: 60px
}

#news h5 {
	padding-top: 10px;
	margin-bottom: 25px
}

.row:not(:first-child) {
	padding-top: 40px
}

.scroll-btn {
	width: 57px;
	display: block;
	text-align: center;
	margin: 60px auto -60px
}

.scroll-btn .weel {
	position: relative;
	display: inline-block;
	height: 22px;
	margin: 10px auto 5px
}

.scroll-btn .mouse {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 50px;
	border: 2px solid #eee;
	border-radius: 24px;
	opacity: .5
}

.scroll-btn .weel span {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -14px 0 0 -4px;
	background: #fff;
	border-radius: 20px;
	-webkit-animation: scroll 3s linear infinite;
	-moz-animation: scroll 3s linear infinite;
	animation: scroll 3s linear infinite
}

@-webkit-keyframes scroll {
	1% {
		opacity: 1;
		top: 30%
	}
	20% {
		opacity: 1;
		top: 80%
	}
	60% {
		opacity: 0;
		top: 80%
	}
	100% {
		opacity: 0;
		top: 30%
	}
}

@-moz-keyframes scroll {
	1% {
		opacity: 1;
		top: 30%
	}
	20% {
		opacity: 1;
		top: 80%
	}
	60% {
		opacity: 0;
		top: 80%
	}
	100% {
		opacity: 0;
		top: 30%
	}
}

@keyframes scroll {
	1% {
		opacity: 1;
		top: 30%
	}
	20% {
		opacity: 1;
		top: 80%
	}
	60% {
		opacity: 0;
		top: 80%
	}
	100% {
		opacity: 0;
		top: 30%
	}
}


section.bg-dark .fa,
section.bg-dark2 .fa {
	color: #ccc
}

.progress-bar {
	text-align: left;
	text-indent: 20px
}

.circle {
	position: relative;
	display: inline-block;
	margin: 0 20px;
	vertical-align: top;
	text-align: center;
	width: 100px;
	padding-top: 38px
}

.circle span {
	font-family: "Roboto Mono", sans-serif;
	letter-spacing: -1px
}

.circle span:after {
	content: '%';
	margin-left: .1em
}

.progress-bar {
	-webkit-transition: width 2.5s ease!important;
	-moz-transition: width 2.5s ease!important;
	transition: width 2.5s ease!important
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
*/

@media (max-width:768px) {
	body {
		letter-spacing: 0;
		overflow: hidden
	}
	.intro .intro-body {
		padding: 0
	}
	
	.intro .intro-body h2 {
		font-size: 42px;
		padding-top: 40px;
		padding-bottom: 20px
	}
	
	/* .video-responsive {
		overflow: hidden;
		position: relative;
	} */
	
	 
	/* .video-responsive iframe {
		left: 0;
		top: 0;	
		width: 100%;
		max-width: 426px;
		max-height: 240px;
		border: 1px solid black;
	} */
	
	.h4,
	h4 {
		font-size: 14px
	}
	.h2,
	h2 {
		font-size: 24px
	}
	.h3,
	h3 {
		font-size: 20px
	}
	.intro h1 {
		font-size: 48px;
		line-height: 48px
	}
	.intro h1.classic {
		font-size: 60px;
		line-height: 60px;
		margin: 50px 0 50px
	}
	.intro h1.classic2 {
		font-size: 65px;
		line-height: 65px;
		margin: 50px 0 50px
	}
	.section-small {
		padding-top: 60px;
		padding-bottom: 60px
	}
	
	.section-header {
		font-size: 50px
	}
	.section-header-alternate {
		font-size: 50px
	}
	
	

	#calendar {
		padding-bottom: 40px
	}
	.fc .fc-today-button{
		float: right!important;
	}
	.fc .fc-button-group{
		float: right!important;
	}

	#joinUs {
		padding-left: 20px;
	}

	#joinUs iframe {
		width: 100% !important;
	}
	
	
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
*/

@media (max-width:991px) {
	.footer .text-right {
		text-align: left
	}
	section {
		background-attachment: scroll!important;
		background-position: 50% 50%!important
	}
	.nav li a {
		-webkit-transition: all 0s ease-in-out!important;
		-moz-transition: all 0s ease-in-out!important;
		transition: all 0s ease-in-out!important
	}
}

.footer {
	color: #444;
	font-size: 14px
}

.footer h4,
.footer h5,
.footer h6 {
	font-weight: 800;
	opacity: .7
}

.footer a {
	text-decoration: none;
	opacity: 1
}

.footer a:hover {
	text-decoration: none
}

.footer-small {
	position: relative;
	z-index: 999
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
*/

@media (max-width:767px) {
	.footer {
		text-align: center
	}
	.footer .text-right {
		text-align: center!important
	}

	div[class*="otherGames"] {
		height: 275px !important;
	}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ## Turn off all wow animation
*/

@media (max-width:800px) {
	.wow {
		animation-name: none!important;
		visibility: visible!important
	}
}

@-webkit-keyframes scroll-background {
	from {
		background-position: 0 0
	}
	to {
		background-position: -40000px 0
	}
}

@keyframes scroll-background {
	from {
		background-position: 0 0
	}
	to {
		background-position: -40000px 0
	}
}

.neonpink {
	color: #ff1d8e
}

.twitterblue {
	color: #1dcaff
}

.miagrn {
	color: #51d992
}

.discpurplebg {
	background-color: #7187dd
}

#tweet {
	font-size: 50pt;
	margin-right: 10%!important;
    margin-top: -50px;
	overflow: hidden;
	font-family: Boogaloo, cursive
}

#communities {
	color: #fff
}

video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	z-index: -99999
}

.game1 {
	background: url(../img/clans/gamebg1.jpg);
	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.game2 {
	background: url(../img/clans/gamebg2.jpg);
	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.game3 {
	background: url(../img/clans/gamebg3.jpg);
	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.game4 {
	background: url(../img/clans/gamebg4.jpg);
	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.server1 {
    background-size: cover;
    background: url(../img/misc/ourplan2.jpeg) center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	border: 3px solid #000;
	border-radius: 4px;
	padding: 4px
}

.server2 {
    background-size: cover;
    background: url(../img/misc/ourplan1.jpeg) center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	border: 3px solid #000;
	border-radius: 4px;
	padding: 4px
}

.server3 {
	background: url(../img/clans/server3.jpg);
	background-size: cover;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.iconify {
	color: #fff;
	content: url(https://api.iconify.design/simple-icons:discord.svg?height=24);
	vertical-align: -.125em
}

svg[data-icon="simple-icons:discord"] {
	font-size: 100px;
	color: #fff;
	padding-bottom: 20px
}

.section-divider-top {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	height: 74px;
	background: url(../img/dividers/divider-top-white.png) center bottom repeat-x;
	z-index: 2
}

.section-divider-bottom {
	content: '';
	position: absolute;
	left: 0;
	top: -73px;
	width: 100%;
	height: 74px;
	background: url(../img/dividers/divider-bottom-white.png) center bottom repeat-x;
	z-index: 2
}

.section-divider-wave {
	display: block;
	width: 100%;
	height: 60px;
	max-height: 60px;
	margin: 0;
	z-index:5;
	top:0;
	position:absolute;
	left:0px;
	float:left;
	margin-top: -50px;
  }

.section-divider-cloud-top {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	transform: rotate(180deg);
	z-index:5;
	margin-top: -95px;
  }

.section-divider-cloud-top svg {
	position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100px;
}

.section-divider-cloud-top .shape-fill {
	fill: white;
}

.section-divider-cloud-bottom {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	z-index:5;
	margin-top: -0;
}

.section-divider-cloud-bottom svg {
	position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px;
}

.section-divider-cloud-bottom .shape-fill {
	fill: white;
}

.parallax1 > use {
	animation: move-forever1 10s linear infinite;
	&:nth-child(1) {
	  animation-delay: -2s;
	}
  }
  .parallax2 > use {
	animation: move-forever2 8s linear infinite;
	&:nth-child(1) {
	  animation-delay: -2s;
	}
  }
  .parallax3 > use {
	animation: move-forever3 6s linear infinite;
	&:nth-child(1) {
	  animation-delay: -2s;
	}
  }
  .parallax4 > use {
	animation: move-forever4 4s linear infinite;
	&:nth-child(1) {
	  animation-delay: -2s;
	}
  }
  @keyframes move-forever1 {
	0% {
	  transform: translate(85px, 0%);
	}
	100% {
	  transform: translate(-90px, 0%);
	}
  }
  @keyframes move-forever2 {
	0% {
	  transform: translate(-90px, 0%);
	}
	100% {
	  transform: translate(85px, 0%);
	}
  }
  @keyframes move-forever3 {
	0% {
	  transform: translate(85px, 0%);
	}
	100% {
	  transform: translate(-90px, 0%);
	}
  }
  @keyframes move-forever4 {
	0% {
	  transform: translate(-90px, 0%);
	}
	100% {
	  transform: translate(85px, 0%);
	}
  }
  

#about .container {
	padding-bottom: 10px;>
}

/*
#games .section-header {
	padding-top: 60px;>
}
*/

#servers .container {
	padding-bottom: 60px;>
}

.joinSummary {
	margin-bottom: 20px;
}

.joinSummary-Online {
	margin-bottom: 1px;
}

.joinRowStyle {
	padding-top: 20px !important;
}

#joinUs .container .row .vice-text-alternate {
	padding-top: 60px;
}

.vice-header {
	color: #e991ac;
}

.vice-header-alternate {
	color: #fff;
}

.vice-text-alternate {
	color: #fff;
}

.green {
	color: #5fcf3d;
}

.blue {
	color: #00ccff;
}

.yellow {
	color: #ffcc33;
}

.red {
	color: #ff3333;
}

.purple{
	color: #923aff;
}
.hoverwrap {
	position: relative;
	max-width: 500px
}
/*
.hoverwrap img {
	width: 100%
}
*/

.hovercap {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	padding-top: 5%;
	background-color: rgba(0, 0, 0, .6);
	color: #fff
}

.hovercap {
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s
}

.hoverwrap:hover .hovercap {
	visibility: visible;
	opacity: 1
}
.clanLogo {
	width: 75px;
	height: 75px;
}


.clanHeader {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 35px;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1.7
}

.otherGames1 {
	background: url(../img/games/dead-by-daylight.png);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames2 {
	background: url(../img/games/among-us.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames3 {
	background: url(../img/games/call-of-duty-warzone.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames4 {
	background: url(../img/games/forza5.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames5 {
	background: url(../img/games/no-mans-sky.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames6 {
	background: url(../img/games/rainbow-six-siege.png);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames7 {
	background: url(../img/games/GoT.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames8 {
	background: url(../img/games/retro-gaming.png);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames9 {
	background: url(../img/games/cards-against-humanity.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.otherGames10 {
	background: url(../img/games/final-fantasy14.jpg);
	height: 175px;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 4px;
	padding: 4px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover
}

.squad-text {
	margin-left: 4px;
	margin-right: 4px;
	font-family: Lato, sans-serif;
	font-size: 14px
}

.serverThumb {
	font-family: Lato, sans-serif;
	font-size: 14px
}

.joinUsButton {
	width: 200px;
	height: 50px;
	padding: 15px 30px 15px;
	background-color: #7289da;
	border-color: #7289da
}

/* Overwrite table colors in calender */
.fc .fc-list-table th {
  background: #4caf50 !important;
}
.fc .fc-list-event:hover td {
  background-color: #7e8993 !important;
}
.fc .fc-list-day-text, .fc .fc-list-day-side-text{
  color: #000;  
}

.fc .fc-toolbar-title {
	font-size: 1.45em !important;
}

.ctaButton {
	background-color: #fff;
	border-color: #000
}

.modal-confirm {
	color: #000
}

.modal-confirm .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
	background: linear-gradient(rgb(255 255 255), rgba(254, 190, 128, .7)), url(../img/header/19.jpg)
}

.modal-confirm .modal-header {
	border-bottom: none;
	position: relative
}

.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 30px 0 5px
}

.modal-confirm .modal-body {
	text-align: justify
}

.modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px
}

.modal-confirm .modal-footer {
	border: none;
	text-align: center;
	border-radius: 5px;
	font-size: 13px;
	margin-top: 20px
}

.modal-confirm .icon-box {
	color: #fff;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -70px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 9;
	background: #e991ac;
	padding: 15px;
	text-align: center;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.modal-confirm .icon-box i {
	font-size: 56px;
	position: relative;
	top: -7px
}

.modal-confirm.modal-dialog {
	margin-top: 80px
}

.btnUnderstand-short {
	display: none
}

/* 
  ##Device = All Tablets, Mobiles
  ##Display Short hand 'I understand' Modal button
*/

@media (max-width:1200px) {
	
	.btnUnderstand-short {
		display: inline-block
	}
	.btnUnderstand-long {
		display: none
	}
	.clanheader {
		font-size: 12px !important;
	}
	.clanLogo {
		width: 45px !important;
		height: 45px !important;
	}
	.squad-text {
		font-size: 10px !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
	}
}

.modal-confirm .btn {
	color: #fff;
	border-radius: 4px;
	background: #e991ac;
	text-decoration: none;
	transition: all .4s;
	line-height: normal;
	border: none
}

.modal-confirm .btn:focus,
.modal-confirm .btn:hover {
	background: #da2c12;
	outline: 0
}

#links {
	padding-top: 0!important;
	padding-bottom: 0!important
}

/* Howard.codes */

.howco-gradient-wipe {
	text-align: center;
	
	background: linear-gradient(120deg, #957EBA 15%, #27BCD8 30%, #DEAFD1 50%, #2E59A9 65%, #4FC3CE 85%, #957EBA 90%);
	background-size: 200% auto;
	
	color: #000;
	background-clip: text;
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	animation: shine 4s linear infinite;
	animation-play-state: running;
	animation-timing-function: ease;
	@keyframes shine {
	  to {
		background-position: 200% center;
	  }
	}
  }

  .widget-theme-light .widgetBody-38iyIo, .widget-theme-light .widgetFooter-2XBrUp {
	background-color: #f1f1f1 !important;
	}