@font-face {
	font-family: font1;
	src: url(timeburnerbold.ttf);
}

@font-face {
	font-family: font2;
	src: url(helveticalight.otf);
}

@font-face {
	font-family: font3;
	src: url(helveticabold.ttf);
}

@font-face {
	font-family: font4;
	src: url(madeleina.otf);
}

@font-face {
	font-family: font5;
	src: url(abeezee.ttf);
}
@font-face {
	font-family: font6;
	src: url(Comfortaa.ttf);
}
@font-face {
	font-family: font7;
	src: url(RoundedElegance.ttf);
}

/*.ytssubscribe {
position:absolute;
top:200px;
left:200px;
}*/

body {
	text-align: center;
	background: #003448;
	border: 0;
	margin: 0;
	padding: 0;
}

body.bg {
	text-align: center;
	background: #0f0f0f;
	border: 0;
	margin: 0;
	padding: 0;
}

body.bgg {
	text-align: center;
	background: #000000; /*515a6b*/
	border: 0;
	margin: 0;
	padding: 0;
}

div.header {
	background: rgba(3, 31, 62, 0.5);
	text-align: right;
	float: left;
	width: 100%;
	height: 12.2vh; /*90px*/
}

div.headerr {
	background: rgba(31, 36, 45, 0.5); /*48, 55, 68*/
	text-align: right;
	float: left;
	width: 100%;
	height: 12.2vh; /*178px*/
}

div.left {
	text-align: right;
	float: left;
	width: 25%;
}

div.right {
	text-align: left;
	float: right;
	width: 75%;
}

div.circle {
	background: rgba(3, 31, 62, 1);
	width: 18.4vw; /*76px*/
	height: 18.4vw; /*76px*/
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-top: 26px;
	margin-left: 2.9vw;
	margin-right: 0px;
	float: left;
}
div.Pcircle {
	background: rgba(3, 31, 62, 1);
	width: 18.4vw;
	height: 18.4vw;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	margin-top: 7vw; /*6vw*/
	margin-bottom: 4vw; /*8vw*/
}
img.Pjbwallpaper {
	width: 86%;
	height: auto;
	display: inline-block;
	text-align: center;
	margin-bottom: 2vw;
}
footer.P {
	font-family: font1;
	font-size: 14px;
	color: #14FFE0;
	display: inline-block;
	width: 100%;
	margin-top: 10vw;
	margin-bottom: 12px;
	clear: both;
}

img.bolt {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	width: 14vw; /*58px*/
	height: 14vw; /*58px*/
	padding-left: 0.5px;
	padding-top: 7px;
	text-align: center;
}

img.bolt:hover {
	transition: 0.25s;
	transform: scale(0.95);
	opacity: 0.75;
}
div.line {
	width: 58px;
	height: 1px;
	background-color: #0f1e30;
	margin-top: 8px;
	margin-bottom: 6px;
}
/*==============================================================HOME PAGE*/
div.homepic {
	width: 98%;
	height: 58vh;
	background-image: url(homebg.png);
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 24px;
	/*position: absolute;*/
}
div.boxBG{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: left;
	transition: 1s;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	/*position: absolute;*/
}
/*div.homepic:hover p.boxH1{
	font-size: 5vw;
	padding-top: 14vh; / *110px* /
	color: rgba(255, 255, 255, 1);
}
div.homepic:hover p.boxH2{
	margin-top: 2px;
	font-size: 6.4vw;
	letter-spacing: 2.5px;
	color: rgba(255, 255, 255, 1);
}
div.homepic:hover p.boxT{
	margin-top: 30px;
	color: rgba(255, 255, 255, 1);
}
div.homepic:hover div.boxBG{
	transition: 0.75s;
	background-color: rgba(0, 0, 0, 0.7);
}*/
p.boxH1{
	width: 100%;
	height: 16px;
	font-family: font4;
	font-weight: normal;
	font-size: 5vw;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	float: middle;
	transition: 0.75s;
	padding-top: 14vh; /*12vh,96px*/
	margin: 0;
	letter-spacing: 0.5px;
}
p.boxH2{
	width: 100%;
	font-family: font4;
	font-weight: bold;
	font-size: 6.4vw;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	float: middle;
	transition: 0.75s;
	margin-top: 2px;
	margin-bottom: 0;
	padding: 0;
	letter-spacing: 2.5px;
}
p.boxT{
	width: 80%;
	font-family: font4;
	font-size: 4vw;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	float: middle;
	transition: 0.75s;
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 10%;
	padding: 0;
	letter-spacing: 1px;
}

.updatesHeading {
	font-family: font4;
	font-size: 26px;
	color: #138692; /*#14737d*/
	font-weight: bold;
	margin-top: 5vw;
	margin-bottom: -2vw; /*3vw*/
	letter-spacing: 3px;
}
.updatesType {
	font-family: font7;
	font-size: 2.1vw;
	color: #09575f;
	margin-top: 20px;
	margin-bottom: -2px;
	margin-right: 4px;
	letter-spacing: 4px;
	display: block;
	position: relative;
	top: -0.7vw;
}
.updatesTypeRED {
	font-family: font7;
	font-size: 2.1vw;
	color: #863d3d; /*a93232,bf2c2c*/
	margin-top: 20px;
	margin-bottom: -2px;
	margin-right: 4px;
	letter-spacing: 4px;
	display: block;
	position: relative;
	top: -0.7vw;
}
.updatesText {
	font-family: font7;
	font-size: 3.2vw;
	color: #256e75; /*0b8b98*/
	line-height: unset;
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: 1px;
	display: inline;
}
/*=======================================================================*/
/*========================================================ANIMATIONS PAGE*/
/*div.subArea {
	width: 190px;
	height: 62px;
	background-color: #081116;
}*/
div.animTitle {
	font-family: font1;
	font-size: 3.3vw;
	color: #11dec7;
	margin-top: 4px;
	margin-bottom: 8px;
}
div.animVidTitle {
	font-family: font2;
	font-size: 18px;
	color: #ffffff;
	margin-top: 26px;
	margin-bottom: 3px;
}
.ytvidsize {
	width: 92%;
	height: auto;
}
/*=======================================================================*/
/*==========================================================RENDERS PAGES*/
p.subPage {
	font-size: 2vw;
	color: #a0a5aa; /*82878c*/
	display: inline-block;
	vertical-align: middle;
	margin-top: -10px;
	margin-bottom: -1px;
	margin-left: 2px;
}
p.boxST1BIG {
	font-family: font3;
	font-size: 3.8vw;
	margin-top: 22px;
	margin-bottom: 0;
	letter-spacing: 0.5px;
}
p.boxST2BIG {
	width: 96%;
	font-family: font2;
	font-size: 3.2vw;
	margin-top: 2px;
	margin-bottom: 0;
	letter-spacing: 0.5px;
}
div.ImgGalleryBIG {
	background-color: #191c21;
	width: 288px;
	height: 162px;
	margin-top: 14px;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; /*cover*/
}
img.ImgGalleryBIGbg {
	position: relative;
	top: 50px; /*24*/
	left: 114px; /*92*/
	width: 60px;
	height: 60px;
}
img.ImgDownloadIcon {
	width: 24px;
	height: 24px;
}
a#dwn {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
	display: none;
	opacity: 1;
	filter: alpha(opacity=35); /*IE8-*/
	transition: 0.3s;
}
a#dwn:hover {
	opacity: 1;
	filter: alpha(opacity=100); /*IE8-*/
}
div.ImgGallery {
	width: 288px;
	height: auto;
	margin-top: 11px;
	margin-left: 0;
}
img#ImgGalleryPic {
	width: auto;
	height: 52.5px;
}
img#ImgGalleryPicc {
	width: auto;
	height: 52.5px;
}
/*=======================================================================*/
/*==========================================================PRODUCTS PAGE*/
div.normaltextt {
	color: #ffffff;
	border: 0;
	padding: 0;
	margin-top: 13px;
	margin-left: 0;
	width: unset;
}
div.normaltexttt {
	color: #ffffff;
	border: 0;
	padding: 0;
	margin-top: 13px;
	margin-left: 0;
	width: unset;
}
div.prodarea {
	width: 46%;
	height: auto;
	background-color: #031f3e;
	text-align: center;
	padding-top: 1vw;
	padding-bottom: 2vw;
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 0;
	margin-bottom: 3vw;
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
	vertical-align: top;
}
img.prodimg {
	width: 34.3vw;
	height: 34.3vw;
	object-fit: cover;
}
div.prodimgbg {
	width: 34.3vw;
	height: 34.3vw;
	margin-bottom: 4px;
	background-color: #002e52;
}
div.prodimgbgbox {
	width: 20vw;
	height: 20vw;
	background-color: #244b9e;
	border-radius: 14px;
	top: 6vw;
	left: 7vw;
	position: relative;
	z-index: 2;
}
div.prodimgbgboxS {
	width: 20vw;
	height: 20vw;
	background-color: #111b2f;
	border-radius: 14px;
	top: -11.5vw;
	left: 2vw;
	position: relative;
	display: inline-block;
	z-index: 1;
}
div.prodheading {
	font-family: font4;
	font-size: 3.5vw;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.5vw;
	line-height: 96%;
}
div.morearrow {
	font-family: font4;
	font-size: 2vw;
	color: #FAFCFC;
	margin-top: 5px;
	margin-bottom: 0;
	display: block;
	opacity: 0.3;
	filter: invert(0.2);
	letter-spacing: 0.55vw;
}
img.morearrow {
	width: 7vw;
	height: 3.7vw;
	margin-top: -2px;
	margin-bottom: 2px;
	margin-left: 41%;
	display: block;
}
div.morearrow:hover {
	opacity: 0.4;
	filter: invert(0.6);
}
div.lessarrow {
	font-family: font4;
	font-size: 2vw;
	color: #FAFCFC;
	margin-top: 5px;
	margin-bottom: 0;
	display: none;
	opacity: 0.3;
	filter: invert(0.2);
	letter-spacing: 0.55vw;
}
img.lessarrow {
	width: 7vw;
	height: 3.7vw;
	margin-top: -2px;
	margin-bottom: 2px;
	margin-left: 41%;
	display: block;
}
div.lessarrow:hover {
	opacity: 0.4;
	filter: invert(0.6);
}
div.prodtext {
	font-family: font4;
	font-size: 4vw;
	color: #e2e2e2;
	padding-top: 2px;
	padding-bottom: 10px;
	letter-spacing: 0.1vw;
	line-height: 100%;
	word-wrap: break-word;
	display: none;
}
div.prodprice {
	font-family: font4;
	font-size: 4vw;
	color: #21b3ea;
	display: inline;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1vw;
	padding-right: 0;
	letter-spacing: 0.7vw;
	line-height: 7vw;
}
div.prodbuybox {
	width: 58%;
	background-color: #ffc539;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0.4vw;
	margin-top: 1vw;
	margin-left: 0;
	border-radius: 14px;
	float: right;
}
div.prodbuyboxx {
	width: 58%;
	background-color: #ffc539;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0.4vw;
	margin-top: 1vw;
	margin-left: 0;
	border-radius: 14px;
	float: right;
}
div.prodbuyboxxx {
	width: 58%;
	background-color: #ffc539;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0.4vw;
	margin-top: 1vw;
	margin-left: 0;
	border-radius: 14px;
	float: right;
}
div.prodbuy {
	font-family: font4;
	font-size: 3.5vw;
	color: #000000;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
	letter-spacing: 0.2vw;
	display: inline;
}
div.proddwn {
	font-family: font4;
	font-size: 3.5vw;
	color: #000000;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 0;
	letter-spacing: 0.2vw;
	display: inline;
}
img.prodpp {
	width: auto;
	height: 3.3vw;
	margin-left: 0;
	margin-right: 0.7vw;
	display: inline;
	vertical-align: middle;
}
div.prodvidheading {
	font-size: 3vw;
	font-style: italic;
	margin-bottom: 1vw;
	letter-spacing: 0.4vw;
	display: inline-block;
}
div.prodvidlink {
	font-size: 3.6vw;
	margin-bottom: 6px;
	display: inline-block;
	letter-spacing: 0px;
}
div.prodvidlinkk {
	width: 100%;
	font-size: 4vw;
	margin-bottom: 0;
	display: inline-block;
	letter-spacing: 0.3vw;
}
a.prodvidlinkclick {
	color: #87acb3;
	text-decoration: none;
}
a.prodvidlinkclick:hover {
	color: #6e8b90;
}
a.prodvidlinkclickk {
	color: #98a2a5;
	text-decoration: none;
}
a.prodvidlinkclickk:hover {
	color: #79888c;
}
a.prodbuyclick:hover div.prodbuybox{
	background-color: #e0ac2f;
}
a.prodbuyclick:hover div.prodbuyboxx{
	background-color: #e0ac2f;
}
div.proditemstypeBLUSPARKPASScard {
	width: 14vw;
	height: 9vw;
	background-color: #819eb1;
	top: 28%;
	left: 17%;
	position: relative;
	border-radius: 4px;
}
div.proditemstypeBLUSPARKPASStext {
	font-family: font6;
	font-size: 2vw;
	color: #b3d5ea;
	font-weight: bold;
	top: 3.6vw;
	left: 0.6vw;
	display: inline-block;
	position: relative;
	letter-spacing: 0.6vw;
}
img.proditemstypeBLUSPARKPASS {
	width: 3vw;
	height: 3vw;
	margin-top: 1.3vw;
	margin-left: 1.3vw;
	float: left;
	filter: drop-shadow(0px 0px 6px #0e4247);
}
img.proditemstypeMARIO {
	width: 11vw;
	height: 11vw;
	margin-top: 22%;
}
img.proditemstypeMINECRAFT {
	width: 11vw;
	height: 11vw;
	margin-top: 22%;
}

div#prodtypeALL {
	font-family: font4;
	font-size: 5vw;
	color: #426a8e;
	display: none;
	letter-spacing: 0.6vw;
}
div#prodtypeALLon {
	font-family: font4;
	font-size: 5vw;
	color: #1b7ace;
	display: inline-block;
	letter-spacing: 0.6vw;
	font-weight: bold;
}
div#prodtypePAID {
	font-family: font4;
	font-size: 5vw;
	color: #426a8e;
	display: inline-block;
	letter-spacing: 0.6vw;
}
div#prodtypePAIDon {
	font-family: font4;
	font-size: 5vw;
	color: #1b7ace;
	display: none;
	letter-spacing: 0.6vw;
	font-weight: bold;
}
div#prodtypeFREE {
	font-family: font4;
	font-size: 5vw;
	color: #426a8e;
	display: inline-block;
	letter-spacing: 0.6vw;
}
div#prodtypeFREEon {
	font-family: font4;
	font-size: 5vw;
	color: #1b7ace;
	display: none;
	letter-spacing: 0.6vw;
	font-weight: bold;
}
div#prodtypeS {
	font-family: font1;
	font-size: 5vw;
	color: #42586b;
	margin-bottom: 2.5vw;
	margin-left: 2vw;
	margin-right: 2vw;
	display: inline-block;
}
div#prodtypeS:hover {
	cursor: default;
}
/*=======================================================================*/
/*========================================================JAILBREAK PAGES*/
div.Pgrp {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("Pixelios_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*116px,300px*/
  left: 58px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
div.PgrpD {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("PixeliosDark_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*300px*/
  left: 56px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
div.PgrpG {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("PixeliosGlyphs_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*300px*/
  left: 56px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
div.PgrpDD {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("PixeliosDisplay_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*300px*/
  left: 56px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
div.PgrpR1 {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("PixeliosRespring1_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*300px*/
  left: 56px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
div.PgrpB {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("PixeliosBUNDLE_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*300px*/
  left: 56px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
div.Dgrp {
  width: 217.5px; /*870px*/
  height: 91.25px; /*365px*/
  background-image: url("3Ddown_group.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -76px; /*1366px,422px,300px*/
  left: 56px; /*41vw,700px*/
  opacity: 0.2; /*0.16*/
  filter: alpha(opacity=16); /*IE8-*/
  transform: rotate(10deg);
  -ms-transform: rotate(10deg); /*IE9*/
  -webkit-transform: rotate(10deg); /*Safari3-8*/
  z-index: -1;
}
.JBtitle1a {
	font-family: font6;
	font-size: 8vw;
	height: 8.3vw;
	color: #ffffff;
	margin-top: 62px;
}
.JBtitle1aSMALLER {
	font-family: font6;
	font-size: 5.8vw;
	height: 8.3vw;
	color: #ffffff;
	margin-top: 62px;
}
.JBtitle1b {
	font-family: font6;
	font-size: 8vw;
	height: 8.3vw;
	color: #ffffff;
	margin-top: 82px;
}
.JBtitle2 {
	font-family: font6;
	font-size: 3.8vw;
	color: #666666;
}
.JBtext1 {
	font-family: font6;
	font-size: 3vw;
	color: #ffffff;
	margin-top: 3vw;
}
.JBtitle3a {
	font-family: font6;
	font-size: 8vw;
	color: #ffffff;
	margin-top: 22px;
}
.JBtitle3b {
	font-family: font6;
	font-size: 8vw;
	color: #ffffff;
	margin-top: 56px;
}
.JBtitle4 {
	font-family: font6;
	font-size: 3.8vw;
	color: #666666;
}
.JBtext3 {
	font-family: font6;
	font-size: 3vw;
	color: #ffffff;
	margin-top: 14px;
}
.JBprice {
	font-family: font5;
	font-size: 3.4vw;
	background-color: #014056; /*#ffdf12,#34a724*/
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 2.6vw;
	padding-right: 2.6vw;
	margin-top: 2vw;
	margin-right: 3vw;
	border-radius: 15px;
	display: inline-block;
}
.JBavailable {
	font-family: font5;
	font-size: 3.4vw;
	background-color: #155620; /*#185f0e*/
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 2.6vw;
	padding-right: 2.6vw;
	margin-top: 2vw;
	margin-right: 3vw;
	border-radius: 15px;
	display: inline-block;
}
.JBnotavailable {
	font-family: font5;
	font-size: 3.4vw;
	background-color: #6f1a1a;
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 2.6vw;
	padding-right: 2.6vw;
	margin-top: 2vw;
	margin-right: 3vw;
	border-radius: 15px;
	display: inline-block;
}
.JBonrepo {
	font-family: font5;
	font-size: 3.4vw;
	background-color: #cc980f; /*#c39700*/
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 2.6vw;
	padding-right: 2.6vw;
	margin-top: 2vw;
	border-radius: 15px;
	display: inline-block;
}
.JBlink {
	text-decoration: none;
	color: #60cad0;
}
.JBlink:hover {
	color: #41868a;
}
/*=======================================================================*/
/*========================================================MY RENDERS PAGE*/
img.arrowL {
	float: left;
	width: 10%;
	margin-top: 66px;
	margin-left: 1%;
	filter: opacity(10%);
	transition: 0.5s;
}
img.arrowR {
	float: right;
	width: 10%;
	margin-top: 66px;
	margin-right: 1%;
	filter: opacity(10%);
	transition: 0.5s;
}
img.arrowL:hover {
	filter: opacity(100%);
}
img.arrowR:hover {
	filter: opacity(100%);
}

div#renders1_1 {
	width: 288px;
	height: 162px;
	margin-top: 22px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	/*position: absolute;*/
}
div#renders1_1:hover p.boxHr1_1{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders1_1:hover p.boxTr1_1{
	color: rgba(255, 255, 255, 1);
}
div#renders1_2 {
	width: 288px;
	height: 162px;
	margin-top: 22px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	/*position: absolute;*/
}
div#renders1_2:hover p.boxHr1_2{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders1_2:hover p.boxHr1_2alt{
	color: rgba(255, 255, 255, 1);
}
div#renders1_2:hover p.boxTr1_2{
	color: rgba(255, 255, 255, 1);
}
div#renders1_3 {
	width: 288px;
	height: 162px;
	margin-top: 22px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	/*position: absolute;*/
}
div#renders1_3:hover p.boxHr1_3{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders1_3:hover p.boxTr1_3{
	color: rgba(255, 255, 255, 1);
}
div#renders2_1 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#renders2_1:hover p.boxHr2_1{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders2_1:hover p.boxTr2_1{
	color: rgba(255, 255, 255, 1);
}
div#renders2_2 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#renders2_2:hover p.boxHr2_2{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders2_2:hover p.boxTr2_2{
	color: rgba(255, 255, 255, 1);
}
div#renders2_3 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#renders2_3:hover p.boxHr2_3{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders2_3:hover p.boxTr2_3{
	color: rgba(255, 255, 255, 1);
}
div#renders3_1 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#renders3_1:hover p.boxHr3_1{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders3_2 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#renders3_2:hover p.boxHr3_2{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#renders3_3 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#renders3_3:hover p.boxHr3_3{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
p.boxHr1_1{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 107px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 31px;
	letter-spacing: 2px;
	position: absolute;
	width: 218px;
	padding-right: 0;
}
p.boxHr1_2{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 138px;
	padding-right: 0;
}
p.boxHr1_3{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 204px;
	padding-right: 0;
}
p.boxHr1_2alt{
	font-family: font5;
	font-size: 16px; /*17px*/
	color: rgba(255, 255, 255, 0);
	transition: 0.75s;
	margin-left: 77px;
	margin-top: 112px;
	margin-bottom: 0;
	padding-left: 18px;
	padding-top: 12.5px; /*12px*/
	padding-bottom: 32px;
	position: absolute;
}
p.boxTr1_1{
	font-family: font4;
	width: 212px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 130px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.boxTr1_2{
	font-family: font4;
	width: 212px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.boxTr1_3{
	font-family: font4;
	width: 212px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.boxHr2_1{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 107px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 31px;
	letter-spacing: 2px;
	position: absolute;
	width: 228px;
	padding-right: 0;
}
p.boxTr2_1{
	font-family: font4;
	width: 218px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 130px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.boxHr2_2{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 232px;
	padding-right: 0;
}
p.boxTr2_2{
	font-family: font4;
	width: 224px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.boxHr2_3{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 130px;
	padding-right: 0;
}
p.boxTr2_3{
	font-family: font4;
	width: 212px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.boxHr3_1{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 132px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	letter-spacing: 2px;
	position: absolute;
	width: 122px;
	padding-right: 0;
}
p.boxHr3_2{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 132px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	letter-spacing: 2px;
	position: absolute;
	width: 34px;
	padding-right: 0;
}
p.boxHr3_3{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 132px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	letter-spacing: 2px;
	position: absolute;
	width: 104px;
	padding-right: 0;
}

p.boxST1 {
	font-family: font3;
	font-size: 3.8vw;
	margin-top: 8px;
	margin-bottom: 0;
	letter-spacing: 0.5px;
}
p.boxST2 {
	font-family: font2;
	font-size: 3.2vw;
	margin-top: 2px;
	margin-bottom: 8px;
	margin-right: 5%;
	letter-spacing: 0.5px;
}
a.Rbutton {
	text-decoration: none;
}
div.Rbutton{
	width: 40%;
	text-align: center;
	font-family: font2;
	font-size: 3.4vw;
	color: #0EDCF7;
	background-color: #031f3e;
	padding-top: 11px;
	padding-bottom: 11px;
	margin: 0;
	border-radius: 4%;
	display: inline-block;
	transition: 0.5s;
}
div.Rbutton:hover{
	color: #617696; /*4c6893*/
	background-color: #05172b; /*1b2e42*/
}
/*=======================================================================*/
/*==========================================================SOFTWARE PAGE*/
div#software1_1 {
	width: 288px;
	height: 162px;
	margin-top: 22px;
	overflow: hidden;
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	/*position: absolute;*/
}
div#software1_1:hover p.SboxHr1_1{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software1_1:hover p.SboxTr1_1{
	color: rgba(255, 255, 255, 1);
}
div#software1_2 {
	width: 288px;
	height: 162px;
	margin-top: 22px;
	overflow: hidden;
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	/*position: absolute;*/
}
div#software1_2:hover p.SboxHr1_2{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software1_2:hover p.SboxTr1_2{
	color: rgba(255, 255, 255, 1);
}
div#software1_3 {
	width: 288px;
	height: 162px;
	margin-top: 22px;
	overflow: hidden
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	/*position: absolute;*/
}
div#software1_3:hover p.SboxHr1_3{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software1_3:hover p.SboxTr1_3{
	color: rgba(255, 255, 255, 1);
}
div#software2_1 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#software2_1:hover p.SboxHr2_1{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software2_1:hover p.SboxTr2_1{
	color: rgba(255, 255, 255, 1);
}
div#software2_2 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#software2_2:hover p.SboxHr2_2{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software2_2:hover p.SboxTr2_2{
	color: rgba(255, 255, 255, 1);
}
div#software2_3 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#software2_3:hover p.SboxHr2_3{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software2_3:hover p.SboxTr2_3{
	color: rgba(255, 255, 255, 1);
}
div#software2_4 {
	width: 288px;
	height: 162px;
	overflow: hidden;
	background-size: contain;
	background-color: #18191d;
	background-repeat: no-repeat;
    background-position: center;
	margin-top: 34px;
	/*position: absolute;*/
}
div#software2_4:hover p.SboxHr2_4{
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.6);
}
div#software2_4:hover p.SboxTr2_4{
	color: rgba(255, 255, 255, 1);
}
p.SboxHr1_1{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 194px;
	padding-right: 0;
}
p.SboxHr1_2{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 248px;
	padding-right: 0;
}
p.SboxHr1_3{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 248px;
	padding-right: 0;
}
p.SboxTr1_1{
	font-family: font4;
	width: 194px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.SboxTr1_2{
	font-family: font4;
	width: 248px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.SboxTr1_3{
	font-family: font4;
	width: 248px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}

p.SboxHr2_1{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 150px;
	padding-right: 0;
}
p.SboxTr2_1{
	font-family: font4;
	width: 150px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.SboxHr2_2{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 150px;
	padding-right: 0;
}
p.SboxTr2_2{
	font-family: font4;
	width: 150px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.SboxHr2_3{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 150px;
	padding-right: 0;
}
p.SboxTr2_3{
	font-family: font4;
	width: 150px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}
p.SboxHr2_4{
	font-family: font4;
	font-weight: bold;
	font-size: 15px;
	color: rgba(255, 255, 255, 0);
	background-color: rgba(0, 0, 0, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 120px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 18px;
	letter-spacing: 2px;
	position: absolute;
	width: 204px;
	padding-right: 0;
}
p.SboxTr2_4{
	font-family: font4;
	width: 204px;
	height: 64px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0);
	text-align: left;
	transition: 0.75s;
	margin-left: 0;
	margin-top: 143px;
	margin-bottom: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
	letter-spacing: 1px;
	position: absolute;
}

p.SboxST1 {
	font-family: font3;
	font-size: 3.8vw;
	margin-top: 8px;
	margin-bottom: 0;
	letter-spacing: 0.5px;
}
p.SboxST2 {
	font-family: font2;
	font-size: 3.2vw;
	margin-top: 2px;
	margin-bottom: 8px;
	margin-right: 5%;
	letter-spacing: 0.5px;
}
a.Sbutton {
	text-decoration: none;
}
div.Sbutton{
	width: 40%;
	text-align: center;
	font-family: font2;
	font-size: 3.4vw;
	color: #0EDCF7;
	background-color: #031f3e;
	padding-top: 11px;
	padding-bottom: 11px;
	margin: 0;
	border-radius: 4%;
	display: inline-block;
	transition: 0.5s;
}
div.Sbutton:hover{
	color: #617696; /*4c6893*/
	background-color: #05172b; /*1b2e42*/
}
div.Sbutton:hover div.Sbuttonfilesize{
	color: #46556d;
}
div.Sbuttonfilesize{
	font-size: 3vw;
	color: #0e93a5;
	transition: 0.5s;
}
/*=======================================================================*/
/*==========================================================WEBSITES PAGE*/
img.webpagepic {
	width: 96%;
	height: auto;
}
p.webH1 {
	font-family: font4;
	font-size: 29px;
	font-weight: bold;
	margin-top: 36px;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
p.webH1S {
	font-family: font4;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
p.webH2 {
	font-family: font4;
	font-size: 20px;
	color: #21e0d9;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;
	letter-spacing: 1px;
}
a.webLinkA {
	color: #45b2ae;
	text-decoration: none;
}
a.webLinkA:hover {
	color: #f2fffe;
}
p.webLink {
	font-family: font4;
	font-size: 12.5px;
	/*color: #45b2ae;*/
	margin-top: -3px;
	margin-bottom: 2px;
	margin-right: 3.5%;
	letter-spacing: 0px;
}
p.webH3 {
	width: 96%;
	font-family: font4;
	font-size: 16px;
	color: #93baba;
	margin-top: 0px;
	margin-bottom: 26px;
	margin-right: 0;
	letter-spacing: 0.5px;
}

p.webH3mod {
	width: 96%;
	font-family: font4;
	font-size: 13.5px;
	color: #708e8e;
	margin-top: 2px;
	margin-bottom: 26px;
	margin-right: 0;
	letter-spacing: 0.5px;
}
/*=======================================================================*/
/*=======================================================PHOTOGRAPHY PAGE*/
div.photographytext {
	font-family: font6;
	font-size: 3.6vw;
	margin-bottom: 6vw;
}
div.photographyyear {
	font-family: font6;
	font-size: 7vw;
	font-weight: bold;
	margin-bottom: 1vw;
	letter-spacing: 1vw;
}
div.photographyimages {
	height: auto;
	margin-bottom: 8vw;
}
img.photographyimage {
	width: auto;
	height: 16vw;
	display: inline;
	margin-bottom: 2vw;
	margin-right: 2vw;
}
/*=======================================================================*/
/*=============================================================GAMES PAGE*/
div.gamesectionTOP {
	margin-top: 4vw;
	width: 100%;
	height: auto;
}
div.gamesection {
	margin-top: 4vw;
	width: 100%;
	height: auto;
}
img.gameimg {
	width: 30%;
	height: auto;
	margin-right: 4%;
}
img.gameimgM {
	width: 30%;
	height: auto;
	margin-right: 4%;
}
div.gametitle {
	font-family: font5;
	font-size: 4vw;
	color: #115cba;
	width: 66%;
	margin-top: 0.5vw;
	display: inline-block;
	vertical-align: top;
}
div.gametext {
	font-size: 3.5vw;
	color: #063d5c;
	margin-top: 0.5vw;
	display: inline-block;
}
div.gameversion {
	font-size: 3vw;
	color: #2a3c3a; /*#072320*/
	margin-top: 0.35vw;
	display: inline-block;
}
div.gamedownload {
	font-size: 3.2vw;
	color: #2ccac6;
	background-color: #041a31;
	display: inline-block;
	margin-top: 2vw;
	padding-top: 1.4vw;
	padding-bottom: 1.4vw;
	padding-left: 4.5vw;
	padding-right: 4.5vw;
	border-radius: 18px;
	text-decoration: none;
	letter-spacing: 0.25px;
	transition: 0.4s;
}
a.gamedownloadPC {
	display: none;
}
/*=======================================================================*/
/*=============================================================MUSIC PAGE*/
div.songTitle {
	font-family: font4;
	font-size: 16.5px;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 0px;
	letter-spacing: 0.5px;
}
div.songSubtitle {
	font-family: font4;
	font-size: 12px;
	color: #ffffff;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}
div.musicplayerbox1 {
	width: 90%;
	height: 8vh;
	/*background-color: #563a1d;*/
	/*background-image: linear-gradient(to bottom right, #563a1d, #3a2510);*/
	background-image: linear-gradient(-90deg, #563a1d, #493117);
}
div.musicplayerbox2 {
	width: 90%;
	height: 8vh;
	background-image: linear-gradient(-90deg, #bdcac6, #a1a7a5); /*-,c5ccca || #cdd8d5,#b0b7b5*/
}
div.musicplayerbox3 {
	width: 90%;
	height: 8vh;
	/*background-image: linear-gradient(-90deg, #424242, #e89b9b);*/
	background-image: linear-gradient(-90deg, #bad3d2, #ace5e2); /*#f4e8a8,#f29b9b*/
}
div.musicplayerbox4 {
	width: 90%;
	height: 8vh;
	background-image: linear-gradient(-90deg, #333333, #1f1f1f); /*#424242,#303030*/
}
div.musicplayerbox5 {
	width: 90%;
	height: 8vh;
	background-image: linear-gradient(-90deg,  #44171e, #14092f) /*#483225,#271a12 || #4e1921,#14092f*/
}
div.musicplayerbox6 {
	width: 90%;
	height: 8vh;
	/*background-color: #121a28;*/
	background-image: linear-gradient(-90deg, #1c283d, #121a28);
}
div.songTitleS {
	width: 72%;
	font-family: font6;
	font-size: 9px;
	color: #ffffff;
	margin-top: 10px;
	margin-left: 8px;
	margin-bottom: 0px;
	letter-spacing: 0.25px;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
}
div.songSubtitleS {
	font-family: font6;
	font-size: 8px;
	color: #ffffff;
	margin-top: 0px;
	margin-left: 7px;
	margin-bottom: 0px;
	letter-spacing: 0px;
	display: inline-block;
	font-weight: normal;
	opacity: 0.35;
}
img.musicplayerboxalbumart {
	width: auto;
	height: 100%;
	display: inline-block;
}
img.musicplayerplay {
	width: 7%;
	height: auto;
	transition: 0.5s;
	display: inline; /*block*/
	margin-top: 10px;
	margin-left: 3px;
	vertical-align: baseline;
}
img.musicplayerplay:hover {
	opacity: 1;
	filter: brightness(100%);
	/*cursor: pointer;*/
}
img.musicplayerpause {
	width: 7%;
	height: auto;
	transition: 0.5s;
	display: none;
	margin-top: 10px;
	margin-left: 3px;
	vertical-align: baseline;
}
img.musicplayerpause:hover {
	opacity: 1;
	filter: brightness(100%);
	/*cursor: pointer;*/
}
div.trackbar {
	width: 38%;
	height: 4px;
	background-color: #ffffff;
	opacity: 0.3;
	border-radius: 5px;
	margin-left: 5%;
	margin-bottom: 4.75px;
	vertical-align: initial;
	display: inline-block;
}
div.trackbarprogress {
	width: 0%;
	height: 100%;
	background-color: #000000;
	opacity: 1;
	border-radius: inherit;
	transition: 1s;
}
div.tracktime {
	font-family: font4;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 0.5px;
	margin-left: 9px;
	margin-bottom: 0px;
	display: inline-block;
	font-weight: normal;
	vertical-align: super;
}
img.musicplayerspeakeron {
	width: 15px;
	height: 15px;
	opacity: 0.5;
	display: inline;
	vertical-align: unset;
	margin-left: 7px;
	margin-bottom: 1px;
}
img.musicplayerspeakeroff {
	width: 15px;
	height: 15px;
	opacity: 0.3;
	display: none;
	vertical-align: unset;
	margin-left: 7px;
	margin-bottom: 1px;
}
div.volgroup1 {
	width: 17px;
	height: auto; /*30px,42px*/
	display: inline-block;
	position: relative;
	top: -52px;
	left: 252px;
	padding-bottom: 0;
}
div.volgroup2 {
	width: 17px;
	height: auto; /*30px,42px*/
	display: inline-block;
	position: relative;
	top: -52px;
	left: 252px;
	padding-bottom: 0;
}
div.volgroup3 {
	width: 17px;
	height: auto; /*30px,42px*/
	display: inline-block;
	position: relative;
	top: -52px;
	left: 252px;
	padding-bottom: 0;
}
div.volgroup4 {
	width: 17px;
	height: auto; /*30px,42px*/
	display: inline-block;
	position: relative;
	top: -52px;
	left: 252px;
	padding-bottom: 0;
}
div.volgroup5 {
	width: 17px;
	height: auto; /*30px,42px*/
	display: inline-block;
	position: relative;
	top: -52px;
	left: 252px;
	padding-bottom: 0;
}
div.volgroup6 {
	width: 17px;
	height: auto; /*30px,42px*/
	display: inline-block;
	position: relative;
	top: -52px;
	left: 252px;
	padding-bottom: 0;
}
/*div.volgroup1:hover {
	cursor: pointer;
}*/
div.vol1 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4; /*0.3*/
	border-radius: 5px;
	display: inline-block;
	position: relative;
	/*cursor: pointer;*/
	/*top: -20px;*/
	/*left: -18px;*/
	margin-bottom: 4px;
}
div.vol2 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	/*cursor: pointer;*/
	/*top: -20px;*/
	/*left: -18px;*/
	margin-bottom: 4px;
}
div.vol3 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	/*cursor: pointer;*/
	/*top: -20px;*/
	/*left: -18px;*/
	margin-bottom: 4px;
}
div.vol4 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	/*cursor: pointer;*/
	/*top: -20px;*/
	/*left: -18px;*/
	margin-bottom: 4px;
}
div.vol5 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	/*cursor: pointer;*/
	/*top: -20px;*/
	/*left: -18px;*/
}
div.vol6 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol7 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol8 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol9 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol10 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
}
div.vol11 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol12 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol13 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol14 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol15 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
}
div.vol16 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol17 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol18 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol19 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol20 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
}
div.vol21 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol22 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol23 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol24 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol25 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
}
div.vol26 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol27 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol28 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol29 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-bottom: 4px;
}
div.vol30 {
	width: 17px;
	height: 6px;
	background-color: #000000;
	opacity: 0.4;
	border-radius: 5px;
	display: inline-block;
	position: relative;
}
/*=======================================================================*/
h1 {
	font-family: font1;
	font-size: 6.75vw; /*28px,6.9vw*/
	color: #14FFE0;
	margin-top: 46px;
	margin-left: 4px;
	margin-bottom: 0;
	letter-spacing: 4px;
	display: inline-block;
}

div.links {
	font-family: font6;
	font-size: 2.4vw;
	line-height: 19pt;
	text-align: left;
	/*font-weight: bold;*/
	float: left;
	border: 0;
	padding: 0;
	margin-top: 17px;
	margin-left: 6px;
	margin-right: 0px;
}

a.onpage {
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 4px;
}
a.onpage:hover {
	color: #009ED8;
}

a.offpage {
	color: #0EDCF7;
	text-decoration: none;
	padding-bottom: 4px;
}
a.offpage:hover {
	color: #009ED8;
}
/*------------------------------------------------------------*/
div.showClass {
	height: 25px;
	transition: 0.3s;
}
div.offpageH {
	color: #0EDCF7;
	text-decoration: none;
	padding-bottom: 4px;
}
div.showClass:hover {
	height: 104px;
}
div.showClass:hover div.offpageH {
	color: #839ea8; /*a7c9d6*/
}
div.showClass:hover a.offpageHH {
	display: inline;
}
div.showClass:hover img.arrow_icon1 {
	display: none;
}
div.showClass:hover img.arrow_icon2 {
	display: inline;
}
a.offpageHH {
	color: #0EDCF7;
	text-decoration: none;
	padding-bottom: 4px;
	display: none;
}
a.offpageHH:hover {
	color: #009ED8;
}
img.arrow_icon1 {
	height: 2.8vw;
	vertical-align: baseline;
	margin-left: 5px;
}
img.arrow_icon2 {
	height: 2.8vw;
	vertical-align: baseline;
	margin-left: 5px;
	display: none;
}
/*------------------------------*/
div.showClassS {
	height: 104px;
}
div.offpageS {
	color: #839ea8;
	text-decoration: none;
	padding-bottom: 4px;
}
img.arrow_icon1S {
	height: 12px;
	vertical-align: baseline;
	margin-left: 5px;
	display: none;
}
img.arrow_icon2S{
	height: 12px;
	vertical-align: baseline;
	margin-left: 5px;
}
/*--------------------------------------------------------------------------------*/
div.normaltext {
	color: #ffffff;
	border: 0;
	padding: 0;
	margin-top: 3px;
	margin-left: 1%;
	width: 99%;
}

p.h {
	font-family: font3;
	font-size: 3.8vw;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-right: 4%;
	line-height: 20pt;
}
p.hs {
	font-family: font3;
	font-size: 3.8vw;
	margin-top: 20px;
    margin-bottom: 0px;
	margin-right: 4%;
	line-height: 20pt;
}

p.t {
	font-family: font2;
	font-size: 3.4vw;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-right: 4%;
	line-height: 17pt;
}
p.ts {
	font-family: font2;
	font-size: 3.4vw;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 4%;
	line-height: 15pt;
}
form.PP {
	margin-top: 14px;
	margin-bottom: 0px;
}

img.sm_icon {
	height: auto;
	width: 28%;
	margin-top: 4px;
	margin-right: 4%;
	transition: 0.5s;
}
img.sm_icon:hover{
	transition: 0.5s;
	filter: invert(100%);
}
img.sm_iconD {
	height: auto;
	width: 28%;
	margin-top: 4px;
	margin-right: 4%;
	filter: invert(20%);
	transition: 0.5s;
}
img.sm_iconD:hover{
	transition: 0.5s;
	filter: invert(100%);
}
img.sm_iconB{
	height: auto; /*30px*/
	width: 28%; /*30px*/
	margin-top: 4px; /*4px*/
	margin-right: 4%; /*8px*/
	transition: 0.5s;
	filter: invert(20%);
}
img.sm_iconB:hover{
	transition: 0.5s;
	filter: invert(100%);
}

footer {
	font-family: font1;
	font-size: 10px;
	color: #14FFE0;
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 12px;
	clear: both;
}