body {
  transition: background .4s;
  min-height: 100%;
}

@-webkit-keyframes marquee {
  0% {
	-webkit-transform : translateX(100vw);
	transform: translateX(100vw);
  }
  100% {
    -webkit-transform : translateX(-100%);
	transform: translateX(-100%);
  }
}


@keyframes marquee {
    0% {
        -webkit-transform : translateX(100vw);
        transform : translateX(100vw);
    }
    100% {
      -webkit-transform : translateX(-100%);
      transform: translateX(-100%);
  }
}

.solosliderwrapper {
	overflow: hidden;
}

.soloslider .active {
	opacity: 1;
	overflow: hidden;
}



.soloslider h3  {

	overflow: hidden;

	-webkit-user-select : none;
	-moz-user-select : none;
	-ms-user-select : none;
	user-select : none;
	pointer-events : none;

	position:  fixed;
	left:   0;
	top: 20rem;
	margin:  0;

	color: rgba(224, 224, 214, 0.4);
	font-family : 'Roboto';

	font-size : 25vw;
	line-height : 1;
	white-space : nowrap;
	opacity: 0;
	-webkit-animation : marquee 35s linear infinite;
	animation: marquee 35s linear infinite;
	-webkit-transition : opacity 3s cubic-bezier(0.1, 0.6, 0, 1);
	transition:  opacity 3s cubic-bezier(0.1, 0.6, 0, 1);
}



/* --------------------------------------- */


#solo-panel-model {

	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */


	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 340px;  /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */

}

#solo-panel-login {
	margin: auto;
	width: 400px;
	height:130px;

	margin-top:50px;
	background-color: rgb(0,0,0); /* Fallback color */
/*	background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */

 /* background-color: #fefefe;*/
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
 /* width: 80%; */

 /*
	display: flex;
    align-items: center;
*/
}


#solo-panel-code-model {
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */

	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 340px;  /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
}

#solo-panel-code {
	margin: auto;
	width: 400px;
	height:100px;
	margin-top:50px;
	background-color: rgb(0,0,0); /* Fallback color */
	margin: auto;
	padding: 20px;
	padding-left: 50px;
	border: 1px solid #888;
}

@media (max-width: 479px) {
	#solo-panel-login {
		width: 95%;
		height: auto;
		min-height:170px;
		overflow-x: auto;
	}

	#solo-panel-code {
		width: 95%;
		height: auto;
		min-height:100px;
		overflow-x: auto;
	}

}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #f7c72a;
  text-decoration: none;
  cursor: pointer;
}


#solo-form-login {
	margin: auto;
}



.solo_button {
	/* remove default behavior */
	appearance:none;
	-webkit-appearance:none;

	border-radius:8px;

	padding-left: 20px;
	padding-right: 20px;
	margin-left: 9px;
	margin-right: 9px;

	border:1px solid #f7c72a;
	line-height: 35px;

	font-size: 16px;
	color:#ffffff;
	background-color: transparent;
    background-repeat: no-repeat;
}

.solo_button:hover {
	border:2px solid #000000;
	background-color: #f7c72a;
	color:#000000;
	font-weight:bold;
}


label {
    display: inline-block;
    float: left;
    clear: left;
    width: 80px;
	padding-right: 5px;
	height: 35px;
	line-height: 35px;

	margin-top:5px;
	margin-bottom: auto;
    text-align: right;

}

input {
	display: inline-block;
	margin-top:5px;
	height: 35px;
	line-height: 35px;
	float: left;
	color:#000000;
}

.formdisplay {
	opacity: 0;
	transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.show {

  opacity: 1;

}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}




.fold {
	/*background: -webkit-linear-gradient(top, #e5e5e5, #ccc); */
	padding: 10px;
	/*width: 280px; */
	/*height: 80px; */
	color: #000;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.unfolder { display: none; }

.toggle-label {
	display: inline-block;
	cursor: pointer;
	/*font-size: 18px;*/
	line-height:normal;
	width: 120px;
	border-radius: 5px;
	padding: 5px;
}
.unfold-icon, .fold-icon {
  color: #444;
  // fixed width to stop the icon from wiggling
  width: 10px;
  display: inline-block;
}
.unfolder ~ .fold {
  display: none;
}
.unfolder ~ label .fold-icon {
  display: none;
}

.unfolder:checked ~ .fold {
  display: block;
}
.unfolder:checked ~ label .fold-icon {
  display: inline-block;
}
.unfolder:checked ~ label .unfold-icon {
  display: none;
}