/* CSS3  						http://dev.w3.org/csswg/css-values-3/

Reference Chart:
    Background:			#1b1b1b (darker grey)
    Background top bar: 	#2e2e2e (dark grey)
    Standard Font:            	Open Sans, Helvetica, Arial
    Standard Font color:      	#a7a7a7 (light grey)
    Standard Font link color:  	#72ccff (blue)
	
Contributors:
	Nico Zweers
	Sirus

*/





/* GLOBAL */
body {margin: 0px; padding: 0px; background-color: #1b1b1b; color: white; font-size: 0.8vw;  font-family: 'Open Sans', sans-serif; }
table {font-size: 0.8vw; font-family: 'Open Sans', sans-serif; }
h1 {text-align: left; font-size: 1.28vw; color: #72ccff; font-weight: normal;}
h1:hover {text-decoration:underline;}
h2 {text-align: left; font-size: 0.8vw; color: #72ccff; font-weight: normal;}
p {color: #a7a7a7; }
.form {font-size: 0.8vw;}
a {text-decoration:none; color: #72ccff; }
a:hover {text-decoration: none; color: #72ccff; }
ul {list-style-type: none; padding:0; margin:0; color: #a7a7a7;}
img {border: 0;}
input {font-family: 'Open Sans', sans-serif; font-size: 0.8vw;}

@media only screen and (min-width: 2560px) {
	body, table, input, h2, .form {font-size: 0.64vw;}
	h1 {font-size: 1vw;}
}

@media only screen and (max-width: 1919px) {
	body, table, input, h2, .form {font-size: 0.985vw;}
	h1 {font-size: 1.57vw;}
}

@media only screen and (max-width: 1679px) {
	body, table, input, h2, .form {font-size: 1.28vw;}
	h1 {font-size: 2.05vw;}
}

@media only screen and (max-width: 1000px) {
	body, table, input, h2, .form {font-size: 2vw;}
	h1 {font-size: 3.2vw;}
}

/* 5 buttons, so scale 16/5=3.2x, but text is 4x */
@media only screen and (max-width: 500px)  {
	body, table, input, h2, .form {font-size: 3.2vw;}
	h1 {font-size: 5.12vw;}
}

/* font color Password input */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:    #72ccff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #72ccff;    opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #72ccff;   opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    #72ccff;}

/* background color chrome autofill email input */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 500px #72ccff inset;}


/* HEADER MENU */



#topbar {height: 5.7vw; background-color: #2e2e2e; border-bottom: 0.17vw solid #72ccff; /*background-image: url(/images/xmas/xmas.jpg) */;}
#topbar-dropdown {height: 5.79vw; background-color: #2e2e2e; position: absolute; width: 100%; top: 5.9vw; z-index: 5;}
#topbar-dropdown-search {height: 5.79vw; background-color: #2e2e2e;  position: absolute; width: 100%; top: 5.9vw; z-index: 5;}
.sub-nav {display: none;}
.sub-nav2 {display: none;}
.sub-nav3 {display: none;}
.visible {display: block;}

#topbar {color: #a7a7a7;}
#topbar a {color: #a7a7a7;}


@media only screen and (min-width: 2560px) {
	#topbar {height: 4.55vw;}
	#topbar-dropdown {height: 4.55vw; top: 4.7vw;}
	#topbar-dropdown-search {height: 4.55vw; top: 4.7vw;}
}

@media only screen and (max-width: 1919px) {
	#topbar {height: 7vw;}
	#topbar-dropdown {height: 7.09vw; top: 7.1vw;}
	#topbar-dropdown-search {height: 7.09vw; top: 7.1vw;}
}

@media only screen and (max-width: 1679px) {
	#topbar {height: 9.12vw;}
	#topbar-dropdown {height: 9.264vw; top: 9.28vw;}
	#topbar-dropdown-search {height: 9.264vw; top: 9.28vw;}
}

@media only screen and (max-width: 1000px)  {
	#topbar {height: 11.4vw; border-bottom: 0.3vw solid #72ccff;}
	#topbar-dropdown {height: 11.5vw; top: 11.6vw; }
	#topbar-dropdown-search {height: 11.5vw; top: 11.6vw;}
}

@media only screen and (max-width: 500px)  {
	#topbar {height: 18.24vw; border-bottom: 0.3vw solid #72ccff;}
	#topbar-dropdown {height: 37vw; top: 18.5vw; }
	#topbar-dropdown-search {height: 18.7vw; top: 18.5vw;}
}



#menu-button-logo-container {width: 18.75%; /* height: 100%; */ /* border: 1px solid #d8dbe1; */ float: left; height: 100%}
#menu-button-logo {width: 100%; /* height: 100%; */ /* border: 1px solid #d8dbe1; */ text-align: center; padding-bottom: 3.3%; }
#menu-button-logo img {padding: 11.5% 0 2.7% 0; height: 18%;}
#menu-button-logo:hover {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; color: white; }

#menu-button-container {width: 6.25%; float: left; height: 100%}
#menu-button {width: 100%; /* border: 1px solid #d8dbe1; */ text-align: center; padding-bottom: 9.9%; }



#menu-button:hover {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; color: white; cursor: pointer;}
/*#menu-button:checked {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; color: white;}*/
#menu-button img {padding: 21% 0 0% 0; height: 2.4vw;}
.hovered {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; color: white;}
#menu-button-img img {height: 2.4vw; opacity: 0.6; margin: 0 0.2vw -0.9vw 0;}
#menu-button-img {margin: -0.5vw 0 0 0;}
#menu-button-empty {width: 6.25%; height: 100%; /* border: 1px solid #d8dbe1; */ float: left; text-align: center;     }
.first-button-second-row  {margin-left: 18.75%;}
.display-none {display: none;}
#menu-button-text {width: 120%; margin: 0 0 0 -10%;}

/* base code = 16 buttons */

@media only screen and (min-width: 2560px) { /* 20 buttons */
	#menu-button-logo-container {width: 15%; }
	#menu-button-container {width: 5%; }
	#menu-button img {height: 1.88vw;}
	#menu-button-img img {height: 1.88vw; margin: 0 0.5vw -0.7vw 0;}
	#menu-button-img {margin: -0.4vw 0 0 0;}
	.first-button-second-row  {margin-left: 15%;}
}


@media only screen and (max-width: 1919px) { /* 13 buttons */
	#menu-button-logo-container {width: 23.07%; }
	#menu-button-container {width: 7.69%; }
	#menu-button img {height: 2.95vw;}
	#menu-button-img img {height: 2.95vw; margin: 0 0vw -1.2vw 1vw;}
	#menu-button-img {margin: -0.7vw 0 0 0;}
	.first-button-second-row  {margin-left: 23.07%;}
}

@media only screen and (max-width: 1679px) { /* 10 buttons */
	#menu-button-logo-container {width: 30%; }
	#menu-button-container {width: 10%; }
	#menu-button img {height: 3.84vw;}
	#menu-button-img img {height: 3.84vw; margin: 0 0vw -1.5vw 1vw;}
	#menu-button-img {margin: -0.9vw 0 0 0;}
	.first-button-second-row  {margin-left: 0}
	.first-hidden-button-second-row  {margin-left: 10%}
}

@media only screen and (max-width: 1000px)  { /* 8 buttons */
	#menu-button-logo-container {width: 12.5%; }
	#menu-button-container {width: 12.5%; height: 11.56vw;}
	#menu-button {padding-bottom: 3.125%;}
	#menu-button-logo {padding-bottom: 3.125%;}
	#menu-button img {height: 4.9vw; padding: 20% 0 0% 0;}
	#menu-button-img img {height: 4.9vw; }
	#menu-button-logo img {padding: 20% 0 0% 0; height: 43%; margin: 0 0 0% 0;}
	.first-button-second-row  {margin-left: 0}
	.first-hidden-button-second-row  {margin-left: 0}
	#menu-button-text {width: 18.75vw; margin: 0 0 0 -3.125vw;}
}

@media only screen and (max-width: 500px)  { /* 5 buttons */
	#menu-button-logo-container {width: 20%; }
	#menu-button-container {width: 20%; height: 18.5vw;}
	#menu-button {padding-bottom: 5%;}
	#menu-button-logo {padding-bottom: 5%;}
	#menu-button img {height: 7.68vw; padding: 16% 0 5% 0;}
	#menu-button-img img {height: 7.68vw;}
	#menu-button-logo img {padding: 17% 0 0% 0; height: 45%; margin: 0 0 0% 0;}
	.first-button-second-row  {margin-left: 0}
	.first-hidden-button-second-row  {margin-left: 10%}
	#menu-button-text {width: 30vw; margin: 0 0 0 -5vw;}
}

/* HEADER MENU SEARCH */

.menu-button-search-bar-container {float: left; width: 50%; margin: 0.8% 0 0 18.75%; }
.menu-button-search-bar {float: left; width: 87.5%; background-color: #1B1B1B; height: 4.2vw;}

.menu-button-search-glass-container {width: 12.5%; height: 4.2vw; /* border: 1px solid #d8dbe1; */ float: left; background-color: #1B1B1B;}
.menu-button-search-glass { width: 100%;  /* height: 69%; */ /* border: 1px solid #d8dbe1; */ text-align: center; padding: 14.0% 0 9% 0; }
.menu-button-search-glass:hover {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; color: white; cursor: pointer;}
.menu-button-search-glass img {height: 2.4vw; }

button, input, select[multiple], textarea {background-color: #1b1b1b;}
#searchstr {width: 100%; padding: 0 0 0 3%; font-size: 1.28vw; border: 0px none; height: 100%; color: #72ccff; outline: none; /*border: 1px solid #d8dbe1*/;}

@media only screen and (min-width: 2560px) {
	.menu-button-search-bar-container {width: 40%; margin: 0.65% 0 0 15%;}
	.menu-button-search-bar {height: 3.36vw;}
	.menu-button-search-glass-container {height: 3.36vw;}
	.menu-button-search-glass img {height: 1.91vw; }
	#searchstr { font-size: 1vw;}
}

@media only screen and (max-width: 1919px) {
	.menu-button-search-bar-container {width: 61.54%; margin: 1% 0 0 23.07%;}
	.menu-button-search-bar {height: 5.17vw;}
	.menu-button-search-glass-container {height: 5.17vw;}
	.menu-button-search-glass img {height: 2.95vw; }
	#searchstr { font-size: 1.57vw;}
}

@media only screen and (max-width: 1679px) {
	.menu-button-search-bar-container {width: 80%; margin: 1.2% 0 0 10%;}
	.menu-button-search-bar {height: 6.72vw;}
	.menu-button-search-glass-container {height: 6.72vw;}
	.menu-button-search-glass img {height: 3.84vw; }
	#searchstr { font-size: 2.05vw;}
}

@media only screen and (max-width: 1000px)  {
	.menu-button-search-bar-container {width: 96%; margin: 1.56% 0 0 2%;}
	.menu-button-search-bar {height: 8.4vw; width: 87.5%;}
	.menu-button-search-glass-container {height: 8.4vw; width: 12.5%}
	.menu-button-search-glass img {height: 4.8vw; }
	#searchstr { font-size: 3.2vw; padding: 0 0 0 3.2%;}
}

@media only screen and (max-width: 500px)  {
	.menu-button-search-bar-container {width: 96%; margin: 2.5% 0 0 2%;}
	.menu-button-search-bar {height: 13.44vw; width: 80%;}
	.menu-button-search-glass-container {height: 13.44vw; width: 20%}
	.menu-button-search-glass img {height: 7.68vw; }
	#searchstr { font-size: 5.12vw; padding: 0 0 0 5%;}
}

/* HEADER MENU LOGIN */

.menu-button-login-bar {float: right; margin: 0 0 0.4em 0; /* top:  1vw; */width: 100%; background-color: #1B1B1B;}
.menu-button-login-bar img {float: right; margin: 2% 4% 0 0; width: 7.5%;/* bottom: 5vw; */postition: absolute;}
form[name="loginform"] {width: 18.75%; float: right; padding: 0.7em 0 0 0;}
#emailli {width: 85%; padding: 0 0 0 0.7vw;   border: 0px none; height: 2.1vw; color: #72ccff; outline: none;}

@media only screen and (min-width: 2560px) {
	form[name="loginform"] {width: 15%;}
	#emailli {height: 1.7vw;}
}

@media only screen and (max-width: 1919px) {
	form[name="loginform"] {width: 23.07%;}
	#emailli {height: 2.58vw;}
}

@media only screen and (max-width: 1679px) {
	form[name="loginform"] {width: 30%; }
	#emailli {height: 3.36vw;}

}

@media only screen and (max-width: 1000px) {
	form[name="loginform"] {width: 37.5%; padding: 0.5em 0 0 0;}
	#emailli {height: 4.2vw;}
}

@media only screen and (max-width: 500px)  {
	form[name="loginform"] {width: 78%; float: left; padding: 2.5% 0 0 2%;}
	#emailli {font-size: 5.12vw; padding: 0 0 0 5%; width: 75%; height: 15vw;}
	.menu-button-login-bar img {width: 10%; margin: 5% 7% 0 0;}
	.menu-button-login-bar {margin: 0 0 2.5% 0;}

}

/* Profile */


#block {background: #2e2e2e; padding: 0.6vw;}
#block p {padding: 0 0 0.5vw 0;}
.lost-password {height: 2.1vw;}
.reset-password {height: 4.6vw;}
.profile {height: 9.6vw;}
.input-content {float: right; margin: 0 0 0.47em 0; width: 50%; background-color: #1B1B1B;}
.input-content img {float: right; margin: 2% 4% 0 0; width: 9%;}
input[type="text"] {width: 14.3vw; padding: 0 0 0 0.7vw;   border: 1px none; height: 2.1vw; color: #72ccff; outline: none;}
input[type="password"] {width: 14.3vw; padding: 0 0 0 0.7vw;   border: 1px none; height: 2.1vw; color: #72ccff; outline: none;}
#input-text-block-left {float: left; margin: -0.4vw 0 0 2%; line-height: 150%}

input[type="submit"] {width: 50%; border: solid 0px red; color: #a7a7a7; height: 2.5vw; background-color: #2e2e2e; border-bottom: 0.17vw solid #72ccff;}
input[type="submit"] img {float: left; width: 1.8vw; position: relative; top: -0.4vw; left: -0.5vw;}
input[type="submit"]:hover {color: white; border-bottom: 0.4vw solid #72ccff; padding: 0.47em 0 0 0; cursor: pointer;}

@media only screen and (min-width: 2560px) {
	.lost-password {height: 1.69vw;}
	.reset-password {height: 3.64vw;}
	input[type="text"] {height: 1.69vw; width: 11vw;}
	input[type="password"] {height: 1.69vw; width: 11vw;}
	.profile {height: 7.6vw;}
	
}

@media only screen and (max-width: 1919px) {
	.lost-password {height: 2.6vw;}
	.reset-password {height: 5.6vw;}
	input[type="text"] {height: 2.6vw;}
	input[type="password"] {height: 2.6vw;}
	.profile {height: 11.8vw;}
	
}

@media only screen and (max-width: 1919px) {
	.lost-password {height: 2.6vw;}
	.reset-password {height: 5.6vw;}
	input[type="text"] {height: 2.6vw;}
	input[type="password"] {height: 2.6vw;}
	.profile {height: 11.8vw;}
	
}

@media only screen and (max-width: 1679px) {
	.lost-password {height: 3.36vw;}
	.reset-password {height: 7.36vw;}
	input[type="text"] {height: 3.36vw;}
	input[type="password"] {height: 3.36vw;}
	.profile {height: 15vw;}
}

@media only screen and (max-width: 1000px) {
	.lost-password {height: 4.2vw;}
	.reset-password {height: 9.2vw;}
	input[type="text"] {height: 4.2vw; width: 28vw;}
	input[type="password"] {height: 4.2vw; width: 28vw;}
	.profile {height: 20vw;}
	#input-text-block-left {line-height: 120%}
	input[type="submit"] {width: 60%; height: 5vw; border-bottom: 0.3vw solid #72ccff; margin-left: 20%; }
	input[type="submit"]:hover {border-bottom: 0.47em solid #72ccff; padding: 0.47em 0 0 0;}
}

@media only screen and (max-width: 500px)  {
	.lost-password {height: 6.72vw;}
	.reset-password {height: 14.72vw;}
	input[type="text"] {height: 6.72vw; width: 35vw; padding: 0 0 0 2vw;}
	input[type="password"] {height: 6.72vw; width: 35vw; padding: 0 0 0 2vw;}
	.input-content {width: 48%;}
	.input-content img {float: right; margin: 3% 5% 0 0;}
	.profile {height: 30.72vw;}
	#block {background: #2e2e2e; padding: 2.5%;}
	#block p {padding: 0 0 0 0;}
	#input-text-block-left {margin: -2vw 0 0 1%; width: 48%; white-space: nowrap;}
	
	input[type="submit"] {width: 60%; height: 8vw; border-bottom: 0.3vw solid #72ccff; margin-left: 20%; }
	input[type="submit"]:hover {border-bottom: 0.47em solid #72ccff; padding: 0.47em 0 0 0;}
}

/* HEADER MENU GAME PAGE */

#topbar-dropdown-game-page {height: 5.7vw; background-color: #2e2e2e;  width: 100%; margin: 0 0 0.2vw 0;}
#topbar-dropdown-game-page a {color: #a7a7a7; }
#topbar-dropdown-game-page h1 {margin: 1.1vw 0 0.1vw 0; text-align: center; height: 2.5vw; width: 17.5vw; /* border: 1px solid #d8dbe1; */ display: table; color: white; line-height: 1.2vw;}
#topbar-dropdown-game-page h1:hover {text-decoration: none}
#topbar-dropdown-game-page h2 {margin: 1.25vw 0 -1.2vw 0; text-align: center; height: 2.5vw; width: 6.0vw; padding: 0 0 0 0.1vw; /* border: 1px solid #d8dbe1; */ display: table;}
#topbar-dropdown-game-page span {vertical-align: middle; display: table-cell; /* line-height: normal; */}
#topbar-dropdown-game-page p {margin: 0 0 0 0; text-align: center;}
#menu-button-game-title {width: 18.75%;  /* border: 1px solid #d8dbe1; */ float: left;}

@media only screen and (min-width: 2560px) {
	#topbar-dropdown-game-page {height: 4.6vw; top: 4.7vw;}
	#topbar-dropdown-game-page h1 {line-height: 1vw; height: 2vw; width: 13vw; margin: 0.88vw 0 0.08vw 0;}
	#topbar-dropdown-game-page h2 {margin: 1vw 0 -0.9vw 0; height: 2vw; width: 4.8vw; padding: 0 0 0 0.08vw; }
	#menu-button-game-title {width: 15%;}
}

@media only screen and (max-width: 1919px) {
	#topbar-dropdown-game-page {height: 7.09vw; top: 7.1vw;}
	#topbar-dropdown-game-page h1 {line-height: 1.5vw; height: 3.07vw; width: 20vw; margin: 1.35vw 0 0.125vw 0;}
	#topbar-dropdown-game-page h2 {margin: 1.53vw 0 -1.4vw 0; height: 3.07vw; width: 7.38vw; padding: 0 0 0 0.125vw; }
	#menu-button-game-title {width: 23.07%;}
}

@media only screen and (max-width: 1679px) {
	#topbar-dropdown-game-page {height: 9.264vw; top: 9.28vw;}
	#topbar-dropdown-game-page h1 {line-height: 1.92vw; height: 4vw; width: 27vw; margin: 1.76vw 0 0.16vw 0;}
	#topbar-dropdown-game-page h2 {margin: 2vw 0 -1.82vw 0; height: 4vw; width: 9.6vw; padding: 0 0 0 0.16vw; }
	#menu-button-game-title {width: 30%;}
}

@media only screen and (max-width: 1000px) {
	#topbar-dropdown-game-page {height: 11.56vw; top: 11.56vw;}
	#topbar-dropdown-game-page h1 {line-height: 2.5vw; height: 6.5vw; width: 35vw; margin: 2.2vw 0 0.2vw 0; font-size: 2.5vw;}
	#topbar-dropdown-game-page h2 {margin: 1.25vw 0 -4vw 0; height: 7.5vw; width: 11.25vw; padding: 0 0 0 0.625vw; }
	#menu-button-game-title {width: 37.5%;}
	#topbar-dropdown-game-page p {margin: -1.25vw 0 0 0;}
}


@media only screen and (max-width: 500px)  {
	#topbar-dropdown-game-page {height: 18.5vw; top: 18.5vw;}
	#topbar-dropdown-game-page h1 {line-height: 4vw; height: 12vw; width: 38vw; font-size: 3.2vw;}
	#topbar-dropdown-game-page h2 {margin: 2vw 0 -6.5vw 0; height: 12vw; width: 18vw; padding: 0 0 0 1vw; }
	#menu-button-game-title {width: 40%;}
	#topbar-dropdown-game-page p {margin: -2vw 0 0 0;}
}


/* CONTENT */


/* Content Container index */


#thumbnails-left-container {width: 73.7%; /*border: 1px solid white;*/ margin: 2.4vw 0 0 0; float: left;}
#thumbnails-left-content {position: relative;  width: 32.7%; /* border: 1px solid white; */ float: left; margin: 0 0 0 0.5%;}


	#hello {background-color: rgba(46, 46, 46, 0.75);z-index:1;}
	#hello:hover {z-index:4;}
	.imgclass {position:relative; z-index:3;}
	.imgclass:hover {z-index:0;}
	#members-only-index {position:relative;}
	.imgclass:hover > #members-only-index {z-index:-5;}
	
	


h1.title-index {  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 88%;
  }
#fourk {float: right; margin: -1.3vw -3.9vw 0 0; color:#a7a7a7;}
#thumbnails-left-bar {width: 100%; height: 3.75vw;  background-color: #2e2e2e; margin: 0 0 2.4vw 0; float: left; }
#thumbnails-left-bar h1 {margin: 0.4vw 0 0 0.65vw;}
#thumbnails-left-bar p {margin: 0 0 0 0.65vw; float: left;}
#sterren {margin: 0.2vw 0.7vw 0 0; float: right;}
#sterren img {width: 0.4vw;}
.bar-grey {border-bottom: 0.17vw solid #2e2e2e;}
.bar-blue {border-bottom: 0.17vw solid #72ccff;}
.members-only a {color: #a7a7a7}
#members-only-index {color: #a7a7a7; text-align: center; position: absolute; width: 100%;}
#members-only-index.ultrawide {width: 33%;}
#members-only-index a:hover {text-decoration: underline; }

#thumbnails-right-container {width: 24.1%;  /* border: 1px solid white; */ margin: 2.4vw 0 0 2.2%; float: left}
#thumbnails-right-content {width: 31.65%;  /* border: 1px solid white; */ float: left; margin: 0 1.6% 0 0;}
#thumbnails-right-bar-third {border-bottom: 0.17vw solid #2e2e2e; width: 98.3%; height: 3.75vw; /*border: 1px solid white; */ background-color: #2e2e2e; float: left; margin: 0 1.25% 2.4vw 0;}
#thumbnails-right-bar-third p {margin: 2.1vw 0 0 0; text-align: center;}
#thumbnails-right-bar-third a {color: #a7a7a7;}
#thumbnails-right-bar-third a:hover {text-decoration: underline; }
#thumbnails-right-bar-first {width: 7.65%; height: 3.75vw; /*border: 1px solid white; */ background-color: #2e2e2e; float: left; margin: 0 1.25% 0 0; position: absolute; z-index: -1;}
#thumbnails-right-bar-second {width: 8.89%; height: 3.75vw; /*border: 1px solid white; */ background-color: #2e2e2e; float: left; margin: 0 0 0 -1.25%; position: absolute; z-index: -1;}
#thumbnails-right-bar-dual-screen {height:26.73vw;float: left; width: 80%; }
#thumbnails-right-bar-triple-screen {height:19.9vw;float: left; width: 80%}






@media only screen and (min-width: 2560px) {
	#sterren img {width: 0.32vw;}
	#sterren {margin: 0.1vw 0.5vw 0 0;}
	#thumbnails-left-bar {height: 2.925vw;}
	#thumbnails-right-bar-third {height: 2.925vw;}
	#thumbnails-right-bar-third p {margin: 1.69vw 0 0 0; }
	#thumbnails-right-bar-first {height: 2.925vw;}
	#thumbnails-right-bar-second {height: 2.925vw;}
	#members-only-index {color: #a7a7a7; text-align: center; margin: 0 17.5% 0 0;}
	#thumbnails-left-bar h1 {margin: 0.3vw 0 0 0.65vw;}
	#thumbnails-right-bar-dual-screen {height:25.93vw;}
	#thumbnails-right-bar-triple-screen {height:19.11vw;}
    #fourk {margin: -1vw -3.15vw 0 0;}
	


}

@media only screen and (max-width: 1919px) {
	#sterren img {width: 0.49vw;}
	#thumbnails-left-bar {height: 4.5vw;}
	#thumbnails-right-bar-third {height: 4.5vw;}
	#thumbnails-right-bar-third p {margin: 2.6vw 0 0 0;}
	#thumbnails-right-bar-first {height: 4.5vw;}
	#thumbnails-right-bar-second {height: 4.5vw;}
	#members-only-index {color: #a7a7a7; text-align: center; margin: 0 27% 0 0;}
	#thumbnails-right-bar-dual-screen {height:27.4vw;}
	#thumbnails-right-bar-triple-screen {height:20.7vw;}
    #fourk {margin: -1.4vw -4.9vw 0 0;}
}

@media only screen and (max-width: 1679px) {
	#sterren img {width: 0.64vw; }
	#thumbnails-left-bar {height: 5.5vw;}
	#thumbnails-right-bar-third {height: 5.5vw;}
	#thumbnails-right-bar-third p {margin: 3.36vw 0 0 0;}
	#thumbnails-right-bar-first {height: 5.5vw; width: 11.6%;}
	#thumbnails-left-content {width: 49.46%;}
	#thumbnails-right-content {width: 47.9%;}
	#thumbnails-right-bar-dual-screen {height:28.3vw;}
	#thumbnails-right-bar-triple-screen {height:21.7vw;}
	#fourk {margin: -2vw -6.3vw 0 0;}
}

@media only screen and (max-width: 1000px) {
	#sterren img {width: 1vw; }
	#sterren {margin: 0.2vw 1vw 0 0;}
	#thumbnails-left-bar {height: 7.8vw;}
	#thumbnails-left-bar h1 {margin: 0.6vw 0 -0.4vw 1vw;}
	#thumbnails-left-bar p {margin: 0 0 0 1vw;}
	#thumbnails-right-bar-third {height: 7.8vw;}
	#thumbnails-right-bar-third p {margin: 4.6vw 0 0 0;}
	#thumbnails-right-bar-first {height: 7.8vw; width: 11.6%;}
	#thumbnails-left-content {width: 49.46%;}
	#thumbnails-right-content {width: 47.9%;}
	#members-only-index {display: none;}
	#thumbnails-right-bar-dual-screen {height:30.5vw;}
	#thumbnails-right-bar-triple-screen {height:23.8vw;}
    #fourk {margin: -2.7vw -9.9vw 0 0;}
    h1.title-index {max-width: 86%;}
}

@media only screen and (max-width: 500px)  {
	#thumbnails-left-content {width: 100%; margin: 6.5vw 0 0 0; }
	#thumbnails-right-content {width: 100%; margin: 6.5vw 0 0 0; }
	#thumbnails-left-container {width: 64.83%; margin: 0 0 0 0}
	#thumbnails-right-container {width: 32.4%; margin: 0 0 0 0; float: right;}
	#sterren img {width: 1.6vw; }
	#sterren {margin: 0 2% 0 0;}
	
	#thumbnails-left-bar {height: 12.5vw; margin: 0 0 0 0;}
	#thumbnails-right-bar-third {height: 12.5vw; margin: 0 0 0 0; width: 100%;}
	#thumbnails-right-bar-third p {display: none;}
	#thumbnails-left-bar h1 {margin: 0.6vw 0 0 1.5vw;}
	#thumbnails-left-bar p {margin: -0.5vw 0 0 1.5vw;}
	#members-only-index {display: none;}
	.bar-grey {border-bottom: 0.17vw solid #2E2E2E;}
	.bar-blue {border-bottom: 0.17vw solid #2E2E2E;}
	.members-only a {color: #72ccff;}
	
}

/* News */

#news-index {text-align: center; margin: 2.4vw 0 -0.5vw 0;}
#news-index a:hover {text-decoration: underline; }

@media only screen and (max-width: 1919px) {
	#news-index {margin: 3vw 0 0vw 0;}
}

@media only screen and (max-width: 1679px) {
	#news-index {margin: 4vw 0 1.5vw 0;}
}

@media only screen and (max-width: 500px)  {
	#news-index {margin: 6vw 0 -2vw 0; padding: 0 5vw 0 5vw;}
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
    
-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}



/* Content Container game page */

#thumbnails-left-bar-game-page {width: 100%; height: 2.4vw;  background-color: #2e2e2e; margin: 0 0 2.4vw 0; float: left;}

#thumbnails-right-bar-third-game-page {width: 98.7%; height: 2.6vw; /*border: 1px solid white; */ background-color: #2e2e2e; float: left; margin: 0 1.25% 2.4vw 0;}
#thumbnails-right-bar-third-game-page p {margin: 0.7vw 0 0 0; text-align: center;}
#thumbnails-right-bar-first-game-page {width: 7.65%; height: 2.4vw; /*border: 1px solid white; */ background-color: #2e2e2e; float: left; margin: 0 1.25% 0 0; position: absolute; z-index: -1;}
#thumbnails-right-bar-second-game-page {width: 8.89%; height: 2.4vw; /*border: 1px solid white; */ background-color: #2e2e2e; float: left; margin: 0 0 0 -1.25%; position: absolute; z-index: -1;}
#sterren-game-page {margin: 0.8vw 0 0 0; /* float: initial; */text-align: center;}
#sterren-game-page img {width: 0.4vw;}
#members-only-game-page {text-align: center; height: 0; padding: 1.5vw 0 2vw 0;}
#members-only-game-page a:hover {text-decoration: underline; }

@media only screen and (min-width: 2560px) {
	#sterren-game-page {margin: 0.5vw 0 0 0;}
	#sterren-game-page img {width: 0.32vw;}
	#members-only-game-page {padding: 2vw 0 1.9vw 0;}
	#thumbnails-right-bar-third-game-page p {margin: 0.4vw 0 0 0;}
	#thumbnails-left-bar-game-page {height: 1.55vw;}
	#thumbnails-right-bar-first-game-page {height: 1.7vw; }
	#thumbnails-right-bar-second-game-page {height: 1.7vw; }
	#thumbnails-right-bar-third-game-page {height: 1.7vw; margin: 0 1.25% 2.4vw 0;}
}

@media only screen and (max-width: 1919px) {
	#sterren-game-page {margin: 0.7vw 0 0 0;}
	#sterren-game-page img {width: 0.49vw;}
	#members-only-game-page {padding: 2vw 0 2.8vw 0;}
	#thumbnails-right-bar-third-game-page p {margin: 0.5vw 0 0 0;}
}

@media only screen and (max-width: 1679px) {
	#sterren-game-page {margin: 0.5vw 0 0 0;}
	#sterren-game-page img {width: 0.64vw;}
	#members-only-game-page {padding: 2.4vw 0 4.5vw 0;}
	#thumbnails-right-bar-third-game-page p {margin: 0.3vw 0 0 0;}
	#thumbnails-right-bar-third-game-page {height: 2.55vw;}
	#thumbnails-right-bar-first-game-page {width: 11.5%; }
}

@media only screen and (max-width: 1000px)  {
	#sterren-game-page {margin: 0.7vw 0 0 0;}
	#sterren-game-page img {width: 1vw;}
	#members-only-game-page {padding: 2.4vw 0 7vw 0;}
	#thumbnails-left-bar-game-page {height: 3.5vw; margin: 0 0 2.8vw 0;}
	#thumbnails-right-bar-first-game-page {height: 3.5vw; width: 11.5%;}
	#thumbnails-right-bar-third-game-page p {height: 3.5vw; margin: 0.4vw 0 0 0;}
	#thumbnails-right-bar-third-game-page {height: 3.65vw; margin: 0 1.25% 2.8vw 0;}

}

@media only screen and (max-width: 500px)  {
	#sterren-game-page {margin: 1.5vw 0 0 0;}
	#sterren-game-page img {width: 1.6vw;}
	#members-only-game-page {display: none;}
	#members-only-game-page-zoom4 {margin: 5vw 0 -4vw 0; text-align: center; }
	#thumbnails-left-bar-game-page {height: 6.5vw; margin: 0 0 0 0;}
	#thumbnails-right-bar-third-game-page {height: 6.78vw; margin: 0 0 0 0; width: 100%;}
	#thumbnails-right-bar-third-game-page p {margin: 0.4vw 0 0 0;}

}

/* Content Container dual-screen and triple-screen */

#thumbnails-container {width: 100%; /*border: 1px solid white;*/ margin: 2.4vw 0 0 0; float: left;}
#thumbnails-dual-screen-and-triple-screen-content {width: 49.4%; /* border: 1px solid white; */ float: left; margin: 0 0 0 0.4%;}

@media only screen and (max-width: 1679px) {
	#thumbnails-dual-screen-and-triple-screen-content {width: 99%;}
}

/* Content Container UltraWide */

#thumbnails-ultrawide-content {width: 32.8%; /* border: 1px solid white; */ float: left; margin: 0 0 0 0.4%;}

@media only screen and (max-width: 1679px) {
	#thumbnails-ultrawide-content {width: 49.5%;}
}

/* Content Container below the toggle bar */

#below-toggle-bar-content {margin: 8vw 0 2.4vw 20%; width: 35%;}
#below-toggle-bar-content h2 {margin: 2.5vw 0 0 0;}
#below-toggle-bar-content p {color: white;}
#below-toggle-bar-content p a:hover {text-decoration: underline;} 
#below-toggle-bar-content.textpage img {width: 100%; margin-left: auto; margin-right: auto;}
#below-toggle-bar-content.textpage h1:hover {text-decoration: none;}
#below-toggle-bar-content a {text-decoration: none;} 
#below-toggle-bar-content.nobar {margin-top: 2.4vw }
#below-toggle-bar-content.nobar2 {margin-top: 2.4vw }
#below-toggle-bar-content.news {margin-top: 2.4vw }

@media only screen and (min-width: 2560px) {
	#below-toggle-bar-content {margin: 6.4vw 0 1.56vw 16.1%; width: 28%;}
}

@media only screen and (max-width: 1919px) {
	#below-toggle-bar-content {margin: 9.3vw 0 2.4vw 24.8%; width: 43%;}
}

@media only screen and (max-width: 1679px) {
	#below-toggle-bar-content {margin: 11.36vw 0 2.4vw 30%; width: 49%;}
}

@media only screen and (max-width: 1000px) {
	#below-toggle-bar-content {margin: 16vw 0 2.4vw 15%; width: 70%;}
}

@media only screen and (max-width: 500px)  {
	#below-toggle-bar-content {margin: 46vw 0 2.4vw 2.5%; width: 95%;}
	#below-toggle-bar-content p { margin-left: 0; overflow: hidden;}
	#below-toggle-bar-content h2 {margin: 7.5vw 0 0 0;}
	#below-toggle-bar-content.nobar {margin-top: 46vw }
	#below-toggle-bar-content.nobar2 {margin-top: 7.5vw }
	#below-toggle-bar-content.textpage h1  {margin-top: -40vw;}
}

/* Directory */

#directory {margin: 8vw 0 2.4vw 5vw ; width: 90vw; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
#directory h1 {color: white; margin: 1vw 0 0 0;}
#directory p {color: white; margin: 0 0 0 0;}
#directory h1:hover {text-decoration: none;}
#directory p:hover {text-decoration: underline;}


@media only screen and (min-width: 2560px) {
	#directory {margin: 6.4vw 0 2.4vw 5vw ; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5;}
}

@media only screen and (max-width: 1919px) {
	#directory {margin: 9.84vw 0 2.4vw 5vw ; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
}

@media only screen and (max-width: 1679px) {
	#directory {margin: 12.8vw 0 2.4vw 5vw ; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
}

@media only screen and (max-width: 1000px)  {
	#directory {margin: 16vw 0 2.4vw 5vw ; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; width: 95%;}
}

@media only screen and (max-width: 500px)  {
	#directory {margin: 46vw 0 2.4vw 2.5% ; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; width: 95%;}
}

/* Language */


#button {margin: 0 0 2.4vw 0; width: 46%; /* border: solid 0px red; */ padding: 0.5vw 0 0 0; text-align: center; color: #a7a7a7; height: 2.5vw; background-color: #2e2e2e; border-bottom: 0.17vw solid #72ccff; box-sizing:border-box;}
#button img {float: left; width: 1.8vw; position: relative; top: -0.4vw; left: -0.5vw;}
#button:hover {color: white; border-bottom: 0.4vw solid #72ccff; box-sizing:border-box; text-decoration: none;}

@media only screen and (min-width: 2560px) {
	#button {height: 1.8vw; padding: 0.4vw 0 0 0; margin-bottom: 1.8vw;}
	#button:hover {border-bottom: 0.47em solid #72ccff;}
}

@media only screen and (max-width: 1679px) {
	#button {width: 61.5%;}
}

@media only screen and (max-width: 1000px) {
	#button {width: 61.5%; height: 4.8vw; padding: 0.9vw 0 0 0;  border-bottom: 0.3vw solid #72ccff; margin-left: auto; margin-right: auto; margin-bottom: 4.8vw; margin-left: 13vw;}
	#button:hover {border-bottom: 0.47em solid #72ccff;}
}

@media only screen and (max-width: 500px)  {
	#button {width: 60%; height: 8vw; padding: 2vw 0 0 0; border-bottom: 0.4vw solid #72ccff; margin-left: auto; margin-right: auto; margin-bottom: 8vw;}
	#button:hover {border-bottom: 0.47em solid #72ccff;}
}

/* Register */

#register table {border-collapse: collapse; width: 100%; background: #2e2e2e; }
#register table, td {border: 0px solid white; }
#register td {padding: 0.6vw; z-index: 3; position: relative;}
#member-benefits {padding: 2vw; background: #2e2e2e;}
#member-benefits img {width: 2.4vw;}
#register-table {padding: 1vw 1vw 1vw 2vw; background: #2e2e2e; position: relative; z-index: 1;}
#register h1:hover {text-decoration: none;}
#register p {overflow: visible;}
.registration {margin-left: 3.6vw;}
input[type="radio"], input[type="checkbox"]  {width: 0.8vw; height: 0.8vw; background-color: #3e2e2e;}
input[type="checkbox"]  {margin-right:-0.7vw;}
.table-input-content {float: left; background-color: #1B1B1B; width: 86%;}
.table-input-content img {float: right; margin: 2% 4% 2% 0; width: 9%;}
.form {padding: 0 0 0 0.7vw; border: 1px none; height: 2.1vw; color: #72ccff; outline: none; background-color: #1B1B1B; width: 86%;}
.girl {position: absolute; z-index: 1; top: -2.4vw; left: 3vw; width: 178%;}
.register-second-column {width: 89%;}

@media only screen and (min-width: 2560px) {
	input[type="radio"], input[type="checkbox"]  {width: 0.65vw; height: 0.65vw;}
	.girl {left: 10vw; width: 150%}
	.form {height: 1.7vw; }
}

@media only screen and (max-width: 1919px) {
	input[type="radio"], input[type="checkbox"]  {width: 0.985vw; height: 0.985vw;}
	.girl {left: 10vw; width: 150%}
	.form {height: 2.6vw;}
}

@media only screen and (max-width: 1679px) {
	input[type="radio"], input[type="checkbox"]  {width: 1.28vw; height: 1.28vw;}
	.girl {left: 11vw; width: 150%}
	.form {height: 3.5vw;}
	#member-benefits img {width: 3.5vw;}
}

@media only screen and (max-width: 1000px) {
	input[type="radio"], input[type="checkbox"]  {width: 2vw; height: 2vw;}
	.girl {left: 11vw; width: 150%}
	.form {height: 5vw;}
	#member-benefits img {width: 5vw;}
	.cgandgw {font-size: 1.8vw;}
}

@media only screen and (max-width: 500px)  {
	input[type="radio"], input[type="checkbox"]  {width: 3.2vw; height: 3.2vw;}
	.girl {left: 5.5vw; top: -21vw;}
	.form {height: 8vw; width: 100%;}
	#member-benefits img {width: 8vw;}
	#register td {padding: 1.5vw;}
	#member-benefits {padding: 5vw;}
	#register-table {padding: 3vw 3vw 3vw 5vw;}
	.registration {margin-left: 13vw;}
	.table-input-content {width: 100%;}
	.register-second-column {width: 85%;}
	.cgandgw {font-size: 3.2vw;}
	
}



/* Full-screen wallpaper */

#download-button {width: 5.7vw; right: 0px ; text-align: center; position: absolute; opacity: 0.6; color: white; cursor: pointer; -webkit-filter: drop-shadow(1px 1px 1px grey); filter: drop-shadow(1px 1px 1px grey);}
#download-button:hover { color: white; opacity: 1;}
#download-button img {padding: 1vw 0 0.47em 0; height: 2.4vw; }
.download {top: 4.7vw; }
.downloadpng {top: 9.4vw; }

#rating-container {width: 4.7vw; text-align: center; position: absolute; padding: 0.5vw 0 0 0; -webkit-filter: drop-shadow(1px 1px 1px grey); filter: drop-shadow(1px 1px 1px grey);}
#rating-star {opacity: 0.6;}
#rating-star img {width: 2.4vw; }
#rating-button {padding: 0.8vw 0 0 0; opacity: 0.6; text-align: center;}
#rating-button:hover {opacity: 1; cursor: pointer;}
#rating-button img {width: 2.4vw;}

#below_wallpaper_container {background-color: #2e2e2e; text-align: center; float: left; width: 16.666%; padding: 0.2vw 0 0.8vw 0; display: inline-table;}
#below_wallpaper_container_background {background-color: #2e2e2e; width: 100%;}
#below_wallpaper_container_background h1 {color: #a7a7a7;}
#below_wallpaper_container_background h1:hover {text-decoration: none;}
#below_wallpaper_container_background h1 a {color: #72ccff;}
#below_wallpaper_container_background h1 a:hover {}
#membersonlyregisterlink a:hover {text-decoration: underline;}

#below_wallpaper_container_background-dual-screen {background-color: #2e2e2e; }
#below_wallpaper_container_background-triple-screen {background-color: #2e2e2e; }
#below_wallpaper_container ul {display: inline; color: #a7a7a7;}
#below_wallpaper_container ul a {color: #72ccff; ;}
#below_wallpaper_container ul a:hover {text-decoration: underline;}
#below_wallpaper_container li {padding: 0.5vw 0 0 0;}
#blue {color: #a7a7a7;}
#white {color: white;}
#mo_members_only {bottom: 1.9vw; left: 65vw;position: relative; display: inline-block; height: 0;}
#mo_members_only a:hover {text-decoration: underline;}
#jpg_quality {position: relative; top: -1.8vw;height: 0;}
#jpg_quality a {color: #a7a7a7;}

#credits_wallpaper {background-color: #2e2e2e; height: 5.7vw; position: relative;}
#credits_wallpaper h1 {text-align: center; color: #a7a7a7; margin-top: 0vw; position: absolute; top: 50%; left:0; right:0; transform: translateY(-50%); }
#credits_wallpaper h1:hover {text-decoration: none;}
#credits_wallpaper h1 a:hover {text-decoration: underline;}
.bottom_bar {border-bottom: 0.17vw solid #72ccff;}

@media only screen and (min-width: 2560px) {
	#download-button {width: 4.55vw;}
	#download-button img {height: 1.92vw;}
	.download {top: 3.7vw;}
	.downloadpng {top: 7.4vw; }
	#rating-star img {width: 1.92vw; }
	#rating-button img {width: 1.92vw;}
	#rating-container {width: 3.8vw;  padding: 0.47vw 0 0 0;}
	#credits_wallpaper {height: 4.55vw;}
	#mo_members_only {bottom: 1.7vw;}
}

@media only screen and (max-width: 1919px) {
	#download-button {width: 7vw;}
	#download-button img {height: 2.95vw;}
	.download {top: 5.7vw;}
	.downloadpng {top: 11.4vw; }
	#rating-star img {width: 2.95vw; }
	#rating-button img {width: 2.95vw;}
	#rating-container {width: 5.8vw;  padding: 0.74vw 0 0 0;}
	#credits_wallpaper {height: 7vw;}
	
}

@media only screen and (max-width: 1679px) {
	#download-button {width: 9.12vw;}
	#download-button img {height: 3.84vw;}
	.download {top: 7.5vw;}
	.downloadpng {top: 15vw; }
	#rating-star img {width: 3.84vw; }
	#rating-button img {width: 3.84vw;}
	#rating-container {width: 7.5vw;  padding: 0.8vw 0 0 0;}
	#jpg_quality {top: -2.8vw;}
	#credits_wallpaper {height: 9.12vw;}
	#mo_members_only {bottom: 2.4vw;}
}

@media only screen and (max-width: 1000px) {
	#download-button {width: 11.4vw;}
	.download {top: 9.4vw;}
	.downloadpng {top: 18.8vw; }
	#rating-star img {width: 4.8vw; }
	#rating-button img {width: 4.8vw;}
	#rating-container {width: 9.4vw;  padding: 1vw 0 0 0;}
	#jpg_quality {top: -6.8vw;}
	#credits_wallpaper {height: 11.4vw;}
	#credits_wallpaper h1 {font-size: 2vw;}
	.bottom_bar {border-bottom: 0.3vw solid #72ccff;}
	#mo_members_only {bottom: 3.6vw;}
}

@media only screen and (max-width: 500px)  {
	#download-button {width: 20%; padding: 4% 2% 0 0;}
	#download-button img {height: 10vw;}
	.download {top: 18vw;}
	.downloadpng {display:none;}
	#rating-star img {width: 10vw; }
	#rating-button img {width: 10vw;}
	#rating-container {width: 15vw;  padding: 4% 0 0 2%;}
	#rating-star-container {height: 11vw;}
	#below_wallpaper_container_background {height: 14.4vw;}
	#below_wallpaper_container {width: 25%; padding: 0 0 6vw 0;}
	#mo_members_only {display: none;}
	#below_wallpaper_container_background ul { padding: 1.5vw 0 0.5vw 0; margin: 0 0 0 0;}
	#below_wallpaper_container_background li { padding: 0 0 0 0;}
	#credits_wallpaper {height: 18.24vw;}
	#credits_wallpaper h1 {font-size: 3.2vw;}
}




/* FOOTER page numbers*/

#pages-container {height: 2.4vw; float:left; background-color: #2e2e2e; border-bottom: 0.17vw solid #72ccff; margin: 0 0 0 0.36%; /* text-align: center; */}
#pages-container.short {width: 57.1%;}
#pages-container.long {width: 83.2%;}
#pages-container a:hover {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; float: left; height: 2.4vw; opacity: 1.0;}
#pages-container-right {float: left;  height: 2.4vw; background-color: #2e2e2e; border-bottom: 0.17vw solid #72ccff; }
#pages-container-right a:hover {border-bottom: 0.47em solid #72ccff; box-sizing:border-box; float: left; height: 2.4vw; opacity: 1.0;}

#next {float: left; width: 15.9vw; height: 2.4vw; border: solid 0px red; position: relative; opacity: 0.6;}
#next:hover {opacity: 1;}
#next img {padding: 0.47em 0 0 7vw; height: 1.8vw; }
#next-nolink {float: left; width: 15.9vw; height: 2.4vw; /* border: solid 0px red; */ }
#next-nolink img {padding: 0.47em 0 0 7vw; height: 1.8vw; }

#page-number {float: left; height: 2.4vw; /* border: solid 0px red; */  text-align: center; font-size: 1.28vw;  color: #a7a7a7;}
#page-number:hover {color: white;}
#page-number-nolink {float: left; height: 2.4vw; /* border: solid 0px red; */ text-align: center; font-size: 1.28vw;  /* color: white; */ border-bottom: 0.30em solid #72ccff; box-sizing: border-box; padding: 0.2vw 0.7vw 0 0.7vw;}
#page-number-dots {float: left; height: 2.4vw; /* border: solid 0px red; */ padding: 0.2vw 0 0 0; text-align: center; font-size: 1.28vw;  color: #a7a7a7;}


@media only screen and (min-width: 2560px) {
	#page-number {font-size: 1vw; margin: 0.2vw 0 0 0;}
	#page-number-nolink {font-size: 1vw; margin: 0 0 0 0; padding: 0.4vw 0.7vw 0 0.7vw;}
	#page-number-dots {font-size: 1vw; margin: 0.2vw 0 0 0;}
}

@media only screen and (max-width: 1919px) {
	#page-number-nolink {border-bottom: 0.25em solid #72ccff; }
	#next img {padding: 0.3em 0 0 7vw; }
	#next-nolink img {padding: 0.3em 0 0 7vw; }
	#pages-container a:hover {border-bottom: 0.35em solid #72ccff;}
	#pages-container-right a:hover {border-bottom: 0.35em solid #72ccff;}
}

@media only screen and (max-width: 1679px) {
	#page-number-nolink {border-bottom: 0.3em solid #72ccff; font-size: 2vw; height: 3.84vw; padding: 0.2vw 1.2vw 0 1.2vw;}
	#next img {padding: 0.2em 0 0 6vw; height: 2.88vw;}
	#next-nolink img {padding: 0.2em 0 0 7vw; height: 2.88vw; }
	#pages-container a:hover {border-bottom: 0.5em solid #72ccff; height: 3.84vw;}
	#pages-container-right a:hover {border-bottom: 0.5em solid #72ccff; height: 3.84vw;}
	
	#pages-container {height: 3.84vw; border-bottom: 0.3vw solid #72ccff;}
	#pages-container.short {width: 58.1%;}
	#pages-container.long {width: 83.8%;}
	#pages-container-right { height: 3.84vw; border-bottom: 0.3vw solid #72ccff;}
	#page-number {font-size: 2vw; height: 3.84vw; align: right; padding: 0.2vw 1vw 0 1vw;}
	#page-number-dots {font-size: 2vw; min-width:3.84vw; padding: 0.3vw 0 0 0;}
	#next {width: 15.0vw;}
	#next-nolink {width: 15.0vw;}
}

@media only screen and (max-width: 1000px) {
	#page-number-nolink {border-bottom: 0.3em solid #72ccff; font-size: 3.2vw; height: 5.8vw; padding: 0.5vw 1.2vw 0 1.2vw;}
	#next img {padding: 0.3em 0 0 2vw; height: 4.5vw;}
	#next-nolink img {padding: 0.3em 0 0 2vw; height: 4.5vw; }
	#pages-container a:hover {border-bottom: 0.5em solid #72ccff; height: 5.8vw;}
	#pages-container-right a:hover {border-bottom: 0.5em solid #72ccff; height: 5.8vw;}
	
	#pages-container {height: 5.8vw; border-bottom: 0.3vw solid #72ccff;}
	#pages-container.short {width: 64.1%; }
	#pages-container.long {width: 89.8%; }
	#pages-container-right { height: 5.8vw; border-bottom: 0.3vw solid #72ccff;}
	#page-number {font-size: 3.2vw; height: 4.8vw; align: right; padding: 0.5vw 1vw 0 1vw;}
	#page-number-dots {font-size: 3.2vw; min-width:3.84vw; padding: 0.5vw 0 0 0;}
	#next {width: 9.0vw;}
	#next-nolink {width: 9.0vw;}
}

@media only screen and (max-width: 500px)  {
	#next {width: 14.28%; height: 12.5vw;}
	#next img {padding: 2vw 2.2vw 0 2.2vw; height: 7.68vw; }
	#next-nolink {width: 12.5vw;}
	#next-nolink img {padding: 2vw 2.2vw 0 2.2vw; height: 7.68vw;}
	#pages-container a:hover {border-bottom: 0.5em solid #72ccff; height: 12.5vw;}
	#pages-container-right a:hover {border-bottom: 0.5em solid #72ccff; height: 12.5vw;}
	#page-number {font-size: 5.12vw; height: 12.5vw; align: right;}
	#page-number-nolink {font-size: 5.12vw; height: 12.5vw; border-bottom: 0.3em solid #72ccff;}
	#pages-container {width: 87.5%; height: 12.5vw; margin: 6.5vw 0 0 0; border-bottom: 0.3vw solid #72ccff;}
	#pages-container.short {width: 87.5%;}
	#pages-container-right {width: 12.5%; height: 12.5vw; margin: 6.5vw 0 0 0; border-bottom: 0.3vw solid #72ccff;}
	#page-number-dots {font-size: 5.12vw; min-width:12.5vw; padding: 2.2vw 0 0 0;}
}

/* FOOTER mobile*/

#footer-mobile-container {width: 23.6%; margin: 0 0 0 2.5%; float: left; height: 2.4vw; background-color: #2e2e2e; border-bottom: 0.17vw solid #72ccff;  }
#footer-mobile-container a:hover {width: 100%; border-bottom: 0.47vw solid #72ccff; box-sizing:border-box; float: left; height: 2.55vw; }
#footer-mobile-content {border: solid 0px red; padding: 0.8vw 0 0 0; text-align: center; color: #a7a7a7; height: 2.1vw; box-sizing:border-box;}
#footer-mobile-content img {float: left; height: 1.8vw; position: relative; top: -0.5vw; left: 6.4vw;}
#footer-mobile-content:hover {color: white;}

@media only screen and (min-width: 2560px) {
	#footer-mobile-content img {top: -0.5vw; left: 7vw;}
}

@media only screen and (max-width: 1919px) {
#footer-mobile-content img {height: 2vw; top: -0.35vw; left: 5vw;}
#footer-mobile-content {padding: 0.5vw 0 0 0;}

}

@media only screen and (max-width: 1679px) {
#footer-mobile-content img {height: 2.8vw; left: 3vw; top: -0.5vw}
#footer-mobile-content {padding: 0.8vw 0 0 0;}
#footer-mobile-container a:hover {height: 3.84vw;}
#footer-mobile-container {height: 3.84vw; border-bottom: 0.3vw solid #72ccff; margin: 0 0 0 2.2%}
}

@media only screen and (max-width: 1000px)  {
#footer-mobile-content img {height: 3vw; left: 0.2vw; top: -0.3vw}
#footer-mobile-container {height: 5.8vw;}
#footer-mobile-content {padding: 1.5vw 0 0 0;}
#footer-mobile-container a:hover {height: 5.8vw;}
}

@media only screen and (max-width: 500px)  {
#footer-mobile-container {width: 20%;}
}

/* FOOTER copyright*/

#footer-sitemap-container {float: left; width: 73.28%; padding: 0 1% 0 1%;}
#footer-sitemap-container h2 {color: #a7a7a7; text-align: center;}
#footer-sitemap-container h2 a:hover {text-decoration: underline;}
.sub-nav-sitemap {display: none;}
.visible {display: block;}



#footer-copyright-container {float: right;  width: 23.55%; }
#footer-copyright-container h2 {color: #a7a7a7; text-align: center; padding: 0 0% 0 0;}
.parent-sitemap {color: #72ccff; cursor: pointer;}
.parent-sitemap:hover {text-decoration: underline;}

@media only screen and (max-width: 1000px)  {
#footer-copyright-container {width: 24.55%; padding: 0 0% 1% 0;}
}

@media only screen and (max-width: 500px)  {
#footer-copyright-container {text-align: center;  width: 100%; }
#footer-sitemap-container {width: 98%;}
}

/* RESPONSIVE */

/* zoom 1 */
	.zoom1 {display: block;}
	.zoom2 {display: none;}
	.zoom3 {display: none;}
	.zoom12 {display: block;}
	.zoom23 {display: none;}
	.zoom4 {display: none;}
	.zoom134 {display: block;}
	.zoom3b4 {display: none;}
	.zoom3b {display: none;}
	.zoom1234-b {display: block;}
	.zoom123table {display: table;}
	.zoom4table {display: none;}
	.zoom3-b {display: none;}

/* zoom 2 */
@media only screen and (max-width: 1919px) {
	.zoom1 {display: none;}
	.zoom2 {display: block;}
	.zoom3 {display: none;}
	.zoom12 {display: block;}
	.zoom23 {display: block;}
	.zoom4 {display: none;}
	.zoom134 {display: none;}
	.zoom3b4 {display: none;}
	.zoom3b {display: none;}
	.zoom1234-b {display: block;}
	.zoom3-b {display: none;}
}

/* zoom 3 */
@media only screen and (max-width: 1679px) {
	.zoom1 {display: none;}
	.zoom2 {display: none;}
	.zoom3 {display: block;}
	.zoom12 {display: none;}
	.zoom23 {display: block;}
	.zoom4 {display: none;}
	.zoom134 {display: block;}
	.zoom3b4 {display: none;}
	.zoom3b {display: none;}
	.zoom3-b {display: block;}
	.zoom1234-b {display: block;}
}

/* zoom 3b = 8 buttons + 125% font size */
@media only screen and (max-width: 1000px) {
	.zoom1 {display: none;}
	.zoom2 {display: none;}
	.zoom3 {display: block;}
	.zoom3b {display: block;}
	.zoom3b4 {display: block;}
	.zoom3-b {display: none;}
	.zoom12 {display: none;}
	.zoom23 {display: block;}
	.zoom4 {display: none;}
	.zoom134 {display: block;}
	.zoom123 {display: block;}
	.zoom123-b {display: none;} /* = zoom123 but not 3b */
	.zoom1234-b {display: none;} /* = zoom1234 but not 3b */
}

/* zoom 4 */
@media only screen and (max-width: 500px)  {
	.zoom1 {display: none;}
	.zoom2 {display: none;}
	.zoom3 {display: none;}
	.zoom12 {display: none;}
	.zoom23 {display: none;}
	.zoom123 {display: none;}
	.zoom4 {display: block;}
	.zoom134 {display: block;}
	.zoom3b {display: none;}
	.zoom1234-b {display: block;}
	.zoom4table {display: table;}
	.zoom123table {display: none;}
	.zoom3b4 {display: block;}
}