@charset "UTF-8";
/* CSS Document */

@media (min-width: 40px) {
	
body {
	color: #FFF;
	background: #000;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	background-size:cover;
	}	
	
a {
	color: #FFF;
	text-decoration: none;
	transition-duration: 0.2s;
	}	

a:hover {
	color: #FFF;
	text-decoration: none;
	}

.splashbutton {
	background: #4c5ef6;
	color: #FFF;
	width: 80%;
	margin: 0px auto 2px auto;
	padding: 6px 0px 6px 0px;
	line-height: 16px;
	font-size: 16px;
	transition-duration: 0.3s;
	}
	
.splashbutton:hover {
	text-decoration: none;
	background: #f199a8;
	}
	
#wrap {
	width: 80%;
	margin: 0px 10% 0px 10%;
	}

.packshot {
	width: 100%;
	margin: 20px 0px 40px 0px;
	z-index: 1000;
	}

.logo {
	width: 100%;
	margin: 60px 0px 0px 0px;
	}
	
.dspbutton_left {
	width: 40%;
	margin: 25px 1% 0px 9%;
	float: left;
	transition-duration: 0.3s!important;
	}
	
.dspbutton_right {
	width: 40%;
	margin: 25px 9% 0px 1%;
	float: left;
	transition-duration: 0.3s!important;
	}

.dspbutton_left:hover, .dspbutton_right:hover {
	opacity: 0.7!important;
	}
	
.streaminfo {
	width: 60%;
	margin: 00px 0px 0px 0px;
	}
	
.entersite {
	background: #d31d28;
	color: #FFF;
	width: 100%;
	position: fixed;
	bottom: 0;
	line-height: 25px;
	font-size: 25px;
	transition-duration: 0.3s;
	padding: 11px 0px 11px 0px;
z-index:1;
	}
	
.entersite:hover {
	text-decoration: none;
	background: #FFF;
	color: #000;
	}
	
.socials {
	text-align: center;
	margin: 50px 0px 100px 0px;
}

.socialicon {
	margin: 10px;
	height: 30px;
	opacity: 1;
	transition-duration: 0.2s;
}	

.socialicon:hover {
	opacity: 0.7;
	}
	
.footer {
	width: 80%;
	font-size: 10px;
	line-height: 17px;
	margin: 0px 10% 100px 10%;
	text-transform: none;
	letter-spacing: 0px;
	}	
	
h1 {
	font-size: 17px;
	}
	
.banner {
	width: 100%;
	margin: 0px 0px 0px 0px;
	}

.bundles {	
	}
	
.bundleimage {
	width: 100%;	
	}
	
.bundlebox {
	width: 46%;
	margin: 0px 2% 30px 2%;
	float: left;
	transition-duration: 0.3s;
	}

.bundlebox:hover {
	opacity: 0.7;
	}
	
.bundletitle {
	height: 50px;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
	color: #d31d28;
	}
	
.forcer {
	clear:both;	
	}

.slide-in-top {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
	
}

@media (min-width: 1000px) {	

body {
	text-align: center;
	background: #000;
	background-size:cover;
	background-attachment: fixed;
	}	
	
#wrap {
	width: 1000px;
	margin: 0px auto 0px auto;
	}
	
.logo {
	display: inherit;
	width: 60%;
	margin: 50px 20% 0px 20%;
	}

.footer {
	width: 90%;
	font-size: 10px;
	line-height: 17px;
	margin: 0px 5% 100px 5%;
	text-transform: none;
	letter-spacing: 0px;
	}	

.bundlebox {
	width: 29%;
	margin: 0px 2% 30px 2%;
	float: left;
	}

.bundletitle {
	height: 50px;
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	color: #d31d28;
	}
	
.dspbutton_left {
	width: 20%;
	margin: 35px 1% 0px 29%;
	float: left;
	transition-duration: 0.3s!important;
	}
	
.dspbutton_right {
	width: 20%;
	margin: 35px 29% 0px 1%;
	float: left;
	transition-duration: 0.3s!important;
	}

.dspbutton_left:hover, .dspbutton_right:hover {
	opacity: 0.7!important;
	}
	
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-19 17:35:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-19 17:37:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}