@import url(/wp-content/external-cdn/fonts-googleapis-com_css);
html,body
{

	width: 100%;
	height: 100%;
	margin:0 auto;
	padding: 0;
 font-family: sans-serif;
	background: url('/image/background-pattern.webp') repeat;
	text-align: center;
}
li
{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: inherit;
}
a:hover
{
	text-decoration: none;
	color: inherit;
}

.firstcontainer
{
	width: 33.33%;
	float: left;
	min-width: 420px;
	
}
.secondcontainer
{
	width: 33.33%;
	float: left;
	min-width: 420px;
	
}
.thirdcontainer
{
	width: 33.33%;
	float: left;
	min-width: 420px;
	
}
.tableblack
{
	background-color: rgba(88,89,91,1);
	height: 30px;
	width: 100%;
	bottom: 0;
	position: absolute;
}
.tablegrey
{
	background-color: rgba(128,129,132,1);
	height: 15px;
	width: 100%;
	bottom: 30px;
	position: absolute;
}

.menucontainer
{
	background-color: rgba(88,89,91,1);
	border-radius: 10px;
	display: inline-block;
	margin-top: 30px;
	padding: 10px;
}
.menucontainer ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.menucircleblack
{
	height: 100px;
	width: 100px;
	background-color: #000;
	border-radius: 50px;	
	display: inline-block;
	margin-right:20px; 
}

.menucirclewhite
{
	height: 70px;
	width: 70px;
	background-color: #fff;
	border-radius: 50px;	
	display: inline-block;
	margin:15px;
}
.menucirclewhite:hover
{
	
	background-color: rgba(88,89,91,1);
	color: #fff;
  transition-duration:1s;
	
}
.menuitems
{
	padding-top: 40%;
  font-size: .9em;
}
.youthvibetelevision
{
	position: absolute;
	bottom: 45px;
	left: 20px;
}
.speaker
{
	background-image: url('/image/speaker.webp');
	background-size: cover;
	width: 50px;
	height: 115px;
float: left;
    margin-top: 123px;
}
.teleblack
{
	background-image: url('/image/yvtv.webp');
	background-size: cover;
	/*width: 340px;*/
	height: 240px;
	float: left;
}
.telegrey
{
	/*width: 320px;*/
	height: 190px;
	background-color: rgba(128,129,132,1);
	display: inline-block;
	margin: 10px;
}
.clock
{
	
	height: 150px;
	width: 150px;
	float: left;
	margin-right: 50px;
  margin: 1%;
}
.shelf
{
	background-image: url('/image/shelf.webp');
	background-size: cover;
	height: 100px;
	width: 200px;
	float: left;
	margin-right: 50px;
}
.laptop
{
	background-image: url('/image/laptop.webp');
	background-size: cover;
	height: 180px;
	width: 300px;
	margin: 0 auto;
	left: 80px;
	bottom: 45px;
    position: absolute;
}
.fbpage
{
	width: 230px;
	height:150px;
	display: inline-block;
	margin: 12px;
	overflow: hidden;
}
.parda
{
	background-image: url('/image/parda.webp');
	background-size: cover;
	height: 320px;
	width: 270px;
	margin: 0 auto;
}
.sticky
{
	background-image: url('/image/notes.webp');
	background-size: cover;
	height: 280px;
	width: 280px;
	 -ms-transform: rotate(-17deg); /* IE 9 */
    -webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
    transform: rotate(-17deg);
    margin: 0 auto;
}

.logo
{
	background-image: url('/image/logo.webp');
	background-size: cover;
	height:55%;
	width: 200px;
	margin: 20px;
	margin-top: 80px;
	display: inline-block;
	 -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}
.onehundred
{
	height: 150px;	
	position: relative;
}
.twohundred
{
	height: 250px;
	position: relative;
}

.threehundred
{
	height: 350px;
	position: relative;
}

.Arc {
  border: 5px solid transparent;
  border-radius: 100%;
  /* margin: 0 auto; */
}

.Outleft {
  width: 100px;
  height: 100px;
  /* margin: 15px auto; */
  border-top-color: rgba(229,114,114,1);
  -webkit-animation: appearOut 3s infinite linear;
  -moz-animation: appearOut 3s infinite linear;
  -o-animation: appearOut 3s infinite linear;
  animation: appearOut 3s infinite linear;
  transform: rotate(-90deg);
  float: left;
}
.Outright {
  width: 100px;
  height: 100px;
  /* margin: 15px auto; */
  border-top-color: rgba(229,114,114,1);
  -webkit-animation: appearOut 3s infinite linear;
  -moz-animation: appearOut 3s infinite linear;
  -o-animation: appearOut 3s infinite linear;
  animation: appearOut 3s infinite linear;
  transform: rotate(90deg);
  float: right;
}

.Middle {
  width: 60px;
  height: 60px;
  margin: 5px auto;
  border-top-color: rgba(229,114,114,1);
  -webkit-animation: appearMiddle 3s infinite linear;
  -moz-animation: appearMiddle 3s infinite linear;
  -o-animation: appearMiddle 3s infinite linear;
  animation: appearMiddle 3s infinite linear;
}

.In {
  width: 20px;
  height: 20px;
  margin: 5px auto;
  border-top-color: rgba(229,114,114,1);
  -webkit-animation: appearIn 3s infinite linear;
  -moz-animation: appearIn 3s infinite linear;
  -o-animation: appearIn 3s infinite linear;
  animation: appearIn 3s infinite linear;
}

.Dot {
  width: 1px;
  height: 1px;
  margin: 5px auto;
  border-top-color: rgba(229,114,114,1);
  border-radius: 10px;
}

@keyframes "appearIn" {
  0% {
    border-top-color: transparent;
  }
  25% {
     border-top-color: rgba(229,114,114,1);
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@keyframes "appearMiddle" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@keyframes "appearOut" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
    border-top-color: transparent;
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-moz-keyframes appearIn {
  0% {
    border-top-color: transparent;
  }
  25% {
     border-top-color: rgba(229,114,114,1);
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-moz-keyframes appearMiddle {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-moz-keyframes appearOut {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
    border-top-color: transparent;
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-webkit-keyframes "appearIn" {
  0% {
    border-top-color: transparent;
  }
  25% {
     border-top-color: rgba(229,114,114,1);
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-webkit-keyframes "appearMiddle" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-webkit-keyframes "appearOut" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
    border-top-color: transparent;
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-ms-keyframes "appearIn" {
  0% {
    border-top-color: transparent;
  }
  25% {
     border-top-color: rgba(229,114,114,1);
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-ms-keyframes "appearMiddle" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-ms-keyframes "appearOut" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
    border-top-color: transparent;
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-o-keyframes "appearIn" {
  0% {
    border-top-color: transparent;
  }
  25% {
     border-top-color: rgba(229,114,114,1);
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-o-keyframes "appearMiddle" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
     border-top-color: rgba(229,114,114,1);
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

@-o-keyframes "appearOut" {
  0% {
    border-top-color: transparent;
  }
  25% {
    border-top-color: transparent;
  }
  75% {
    border-top-color: transparent;
  }
  100% {
     border-top-color: rgba(229,114,114,1);
  }
}

.swing{
-webkit-perspective: 500;
-moz-perspective: 500;
-o-perspective: 500;
perspective: 500;
margin:60px auto;
display:block;
text-align:center;
width:250px; 
display: inline-block;

}

.hover {

position: relative; z-index:1;
-webkit-transition:all 250ms ease;
-moz-transition:all 250ms ease;
-o-transition:all 250ms ease;
transition:all 250ms ease;
padding: 15px;
display: block; 

margin:0 8px;
color: #fff; 
text-decoration: none;
text-align:center;
padding:40px;
font-size:30px;

}

.hover:hover{
-webkit-transform-origin: top;
-moz-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;

-webkit-animation: balance 1.5s ease-in-out 110ms 1 alternate;
-moz-animation: balance 1.5s ease-in-out 110ms 1 alternate;
-ms-animation: balance 1.5s ease-in-out 110ms 1 alternate;
-o-animation: balance 1.5s ease-in-out 110ms 1 alternate;
animation: balance 1.5s ease-in-out 110ms 1 alternate;
}

 

@keyframes "balance" {
0% {
}
15% {
-webkit-transform: rotateX(-50deg);
-moz-transform: rotateX(-50deg);
-o-transform: rotateX(-50deg);
-ms-transform: rotateX(-50deg);
transform: rotateX(-50deg);
}
30% {
-webkit-transform: rotateX(50deg);
-moz-transform: rotateX(50deg);
-o-transform: rotateX(50deg);
-ms-transform: rotateX(50deg);
transform: rotateX(50deg);
}
45% {
-webkit-transform: rotateX(-30deg);
-moz-transform: rotateX(-30deg);
-o-transform: rotateX(-30deg);
-ms-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
60% {
-webkit-transform: rotateX(30deg);
-moz-transform: rotateX(30deg);
-o-transform: rotateX(30deg);
-ms-transform: rotateX(30deg);
transform: rotateX(30deg);
}
75% {
-webkit-transform: rotateX(-30deg);
-moz-transform: rotateX(-30deg);
-o-transform: rotateX(-30deg);
-ms-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
100% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}

}

@-moz-keyframes balance {
0% {
}
15% {

-moz-transform: rotateX(-50deg);
transform: rotateX(-50deg);
}
30% {
-moz-transform: rotateX(50deg);
transform: rotateX(50deg);
}
45% {

-moz-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
60% {

-moz-transform: rotateX(30deg);
transform: rotateX(30deg);
}
75% {

-moz-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
100% {

-moz-transform: rotateX(0deg);
transform: rotateX(0deg);
}

}

@-webkit-keyframes "balance" {
0% {

}
15% {

-webkit-transform: rotateX(-50deg);
transform: rotateX(-50deg);
}
30% {

-webkit-transform: rotateX(50deg);
transform: rotateX(50deg);
}
45% {

-webkit-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
60% {

-webkit-transform: rotateX(30deg);
transform: rotateX(30deg);
}
75% {

-webkit-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}

}

@-ms-keyframes "balance" {
0% {
margin-top: 0;
}
15% {
margin-top: 0;
-ms-transform: rotateX(-50deg);
transform: rotateX(-50deg);
}
30% {
margin-top: 0;
-ms-transform: rotateX(50deg);
transform: rotateX(50deg);
}
45% {

-ms-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
60% {

-ms-transform: rotateX(30deg);
transform: rotateX(30deg);
}
75% {

-ms-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
100% {

-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}

}

@-o-keyframes "balance" {
0% {
margin-top: 0;
}
15% {
-o-transform: rotateX(-50deg);
transform: rotateX(-50deg);
}
30% {
margin-top: 0;
-o-transform: rotateX(50deg);
transform: rotateX(50deg);
}
45% {
-o-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
60% {
-o-transform: rotateX(30deg);
transform: rotateX(30deg);
}
75% {

-o-transform: rotateX(-30deg);
transform: rotateX(-30deg);
}
100% {

-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}

}





.cursiveborder
{	padding: 2em;
	border: 20px solid transparent;
	-webkit-border-image: url(/image/border.webp) 30 round; /* Safari 3.1-5 */
    -o-border-image: url(/image/border.webp) 30 round; /* Opera 11-12.1 */
    border-image: url(/image/border.webp) 30 round;
margin-top: 40px !important;
}
.arrowborder
{ padding: 2em;
  margin-top: 40px !important;
  border: 20px solid transparent;
  -webkit-border-image: url(/image/borderevents.webp) 30 round; /* Safari 3.1-5 */
    -o-border-image: url(/image/borderevents.webp) 30 round; /* Opera 11-12.1 */
    border-image: url(/image/borderevents.webp) 30 round;
}

.textleft
{
	text-align: left;
}
.wraptext
{
	white-space: pre-line;
  font-size: 1.2em;
font-family: 'Roboto', sans-serif;
}
.aboutus
{
	width:85%;
	margin: 0 auto;
 
font-family: 'Roboto', sans-serif;
}

.events
{
  width: 85%;
  margin: 0 auto;
 
}

.facebook
{
background-color: rgba(59, 89, 152,1);
}
.youtube
{
background-color: rgba(0, 172, 237,1);
}
.twitter
{
background-color: rgba(221, 75, 57,1);
}
.lpu
{
background-color: rgba(239,127,26,1);	
}

.culturalhex
{
	background-image: url(/image/cultural.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.asmehex
{
	background-image: url(http://asmelpu.org/images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}



.hex {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  cursor: pointer;
  height: 300px;
  overflow: hidden;
  visibility: hidden;
  width: 250px;
  display: inline-block;
}

.hex1 {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.hex2 {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  height: 100%;
  position: relative;
  visibility: visible;
  width: 100%;
}

.desc {
  color: white;
font-family: 'Roboto', sans-serif;
  font-size: 0.8em;
  font-weight: 300;
  height: 300px;
  line-height: 1.5em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  visibility: visible;
  width: 250px;
}
.desc.base {
  background: rgba(230, 0, 98, 0.75);
}
.desc.one {
  background: rgba(252, 171, 55, 0.75);
}
.desc.two {
  background: rgba(169, 160, 50, 0.75);
}
.desc.three {
  background: rgba(83, 70, 54, 0.75);
}
.desc h2 {
  margin: 130px 20px 0 20px;
}

.heading{
      font-size: 2em;
font-family: 'Roboto', sans-serif;
    padding:15px;
}
.back{
          float: left;
    background-color: rgba(229,114,114,1);
    width: auto;
    font-size: 0.5em !important;
    color: white;
    padding: 15px;
 font-family: 'Roboto', sans-serif;
}

.firstbox, .secondbox
{
    width: 480px;
    margin-left: 2%;
    height: 100%;
    float: left;
    text-align: left;
}

.img
{
  width: 40%;
  height: auto;
  cursor: pointer;
}

.register
{
  width: 85%;
    margin: 0 auto;
    float: left;
    margin-left: 5%;
}

input[type="text"] {
    display: block;
    margin: 0;
    width: 100%;
font-family: 'Roboto', sans-serif;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
}

input[type="text"] {
    padding: 10px;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}

.button {
  float: left;
  min-width: 150px;
  max-width: 250px;
  display: block;
  margin: 1em;
  padding: 1em 2em;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.button:focus {
  outline: none;
}
.button > span {
  vertical-align: middle;
}

/* Sizes */
.button--size-s {
  font-size: 14px;
}
.button--size-m {
  font-size: 16px;
}
.button--size-l {
  font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
  letter-spacing: 2px;
  text-transform: uppercase;
}
.button--text-thin {
  font-weight: 300;
}
.button--text-medium {
  font-weight: 500;
}
.button--text-thick {
  font-weight: 600;
}
.button--round-s {
  border-radius: 5px;
}
.button--round-m {
  border-radius: 15px;
}
.button--round-l {
  border-radius: 40px;
}

/* Borders */
.button--border-thin {
  border: 1px solid;
}
.button--border-medium {
  border: 2px solid;
}
.button--border-thick {
  border: 3px solid;
}

.button--wayra {
  overflow: hidden;
  width: 245px;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--wayra:hover {
  color: #fff;
  border-color: #3f51b5;
}
.button--wayra.button--inverted:hover {
  color: #3f51b5;
  border-color: #fff;
}
.button--wayra:hover::before {
  opacity: 1;
  background-color: #3f51b5;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra.button--inverted:hover::before {
  background-color: #fff;
}

#registerform
{
  display: none;
}
.photographyhex
{
  background-image: url(/image/photography.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: center;
}
.technicalhex
{
  background-image: url(/image/mechatronics.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lifestylehex
{
  background-image: url(/image/lifestyle.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sportshex
{
  background-image: url(/image/base.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: center;
}
.musichex
{
  background-image: url(/image/music.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.dancehex
{
  background-image: url(/image/dance.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}
.theatrehex
{
  background-image: url(/image/theatre.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
 
}
.fineartshex
{
  background-image: url(/image/finearts.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.mechatronicshex
{
  background-image: url(/image/mechatronics.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: center;
}
.windowshex
{
  background-image: url(/image/windows_vision.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: center;
}
.presentorhex
{
  background-image: url(/image/presentor.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: center;
}
.socialhex
{
  background-image: url(/image/social.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: center;
}
.literarybasehex
{
  background-image: url(/image/literarybase.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: right;
}
.literaryhex
{
  background-image: url(/image/literary.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: right;
}
.literaryenhex
{
  background-image: url(/image/literaryen.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: right;
}

.literaryhihex
{
  background-image: url(/image/literaryhi.webp);
  background-size: cover;
 background-repeat: no-repeat;
  background-position: right;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(/image/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
.news{
height: 90%;
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
color:red;
  }


#clockanalog { width: 100%;
height: 100%; background: url("/image/analog.webp") no-repeat 0 0; float: left; margin: 0; overflow: hidden; position: relative;
background-size: cover;}
#clockanalog img { border: 0; left: 0px; position: absolute; top: 0px; height: 100%; width: 100%; }
#profileheader
{
  height: 200px;
}

#profilepicture
{
  width: 150px;
  height: 150px;
}
#profilepicture img
{
  width:100%;
  height:100%;
  border-radius:100px; 
}

#yvprofile
{
  display: none;
}

.profileinput
{
  width: 80% !important;
}

#yvnumberofmine
{
    font-size: 22px;
    float: left;
    padding: 5px;
}


  #searchid
  {
    width:500px;
    border:solid 1px #000;
    padding:10px;
    font-size:14px;
  }
  #result
  {
    width:500px;
    padding:10px;
    display:none;
    margin-top:-1px;
    border-top:0px;
    overflow:hidden;
    border:1px #CCC solid;
    background-color: white;
  }
  .show
  {
    padding:10px; 
    border-bottom:1px #999 dashed;
    font-size:15px; 
    height:50px;
  }
  .show:hover
  {
    background:#4c66a4;
    color:#FFF;
    cursor:pointer;
  }

  .namesl
  {
    display: none;
  }


  .developer
  {
    width: 45px;
    height: 150px;
    position: fixed;
    bottom: 5px;
    left: 0;
  }

  .developer img
  {
    width: 100%;
    height: 100%;
  }

  .rule
  {
    width: 45px;
    height: 150px;
    position: fixed;
    bottom: 5px;
    right: 0;
  }

  .rule img
  {
    width: 100%;
    height: 100%;
  }

  #preloader
  {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    background-color: black;
  }

  .preloader-video
  {
    width: 100%;
    height: 100%;
  }

marquee
{
height:100%;
}

@media screen and (max-width: 480px) {
    .speaker
{
display:none;
}
}


  .sponsor_grid
  {
    width:250px;
    height: 300px;
    margin:0 auto;
    display: inline-block;
    margin-left: 50px;
    margin-top: 50px;
  }
    .sponsor_grid h4
  {
    width:250px;
    height: 50px;
    text-align: center;
 
    color: #000000;
    margin: 0 auto;
    padding-top: 20px;
  }


  .sponsor_log
  {
    width:250px;
    height: 250px;
  }

    .sponsor_log img
  {
    width:100%;
    height: 100%;
    margin-bottom: 10px;
  }


.yv_slider
{
  width: 100%;
  height: 100%;
   overflow: hidden;
   position: relative;
}
nav {
	height: 40px;
	width: 100%;
	background: rgba(1,1,1,.8);
	font-size: 11pt;
	font-family: sans-serif;
	font-weight: bold;
	border-bottom: 2px solid #283744;
	position: fixed;
	top: 0;
	left:0;
	z-index: 1000;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 80%;
	height: 40px;
}
nav li {
	display: inline;
	
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #ffffff;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
    .yv_slider
    {
      height:auto;
    }
    .aboutus
{
  width: auto;
  margin: 0 auto;
 
font-family: 'Roboto', sans-serif;
}

.events
{
  width: auto;
  margin: 0 auto;
 
}
.hex {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  cursor: pointer;
  height: 200px;
  overflow: hidden;
  visibility: hidden;
  width: 150px;
  display: inline-block;
}

.desc {
  color: white;
font-family: 'Roboto', sans-serif;
  font-size: 0.8em;
  font-weight: 300;
  height: 200px;
  line-height: 1.5em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  visibility: visible;
  width: 150px;
}
.desc h2 {
  margin: 70px 10px 0 10px;
}
.sponsor_grid
  {
    width:150px;
    height: 200px;
    margin:0 auto;
    display: inline-block;
    margin-top: 50px;
  }
    .sponsor_grid h4
  {
    width:150px;
    height: 50px;
    text-align: center;
 
    color: #000000;
    margin: 0 auto;
    padding-top: 10px;
  }


  .sponsor_log
  {
    width:150px;
    height: 150px;
  }
  .register
{
 width: auto;
  margin: 0 auto;
 
}
.firstbox, .secondbox {
    width: 100%;
    margin-left: 2%;
    height: 100%;
    float: left;
    text-align: left;
}
iframe
{
  width: 100%;
    height: 50%;
}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
		z-index: -1;
	}
	nav a#pull:after {
		content:"";
		background: url('/css/nav-icon.webp') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
   .yv_slider
    {
      height:auto;
    }
    .aboutus
{
  width: auto;
  margin: 0 auto;
 
font-family: 'Roboto', sans-serif;
}

.events
{
 width: auto;
  margin: 0 auto;
 
}
.hex {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  cursor: pointer;
  height: 200px;
  overflow: hidden;
  visibility: hidden;
  width: 150px;
  display: inline-block;
}

.desc {
  color: white;
font-family: 'Roboto', sans-serif;
  font-size: 0.8em;
  font-weight: 300;
  height: 200px;
  line-height: 1.5em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  visibility: visible;
  width: 150px;
}
.desc h2 {
  margin: 70px 10px 0 10px;
}
.sponsor_grid
  {
    width:150px;
    height: 200px;
    margin:0 auto;
    display: inline-block;
    margin-top: 50px;
  }
    .sponsor_grid h4
  {
    width:150px;
    height: 50px;
    text-align: center;
 
    color: #000000;
    margin: 0 auto;
    padding-top: 10px;
  }


  .sponsor_log
  {
    width:150px;
    height: 150px;
  }
  .register
{
 width: auto;
  margin: 0 auto;
 
}
.firstbox, .secondbox {
    width: 100%;
    margin-left: 2%;
    height: 100%;
    float: left;
    text-align: left;
}
iframe
{
  width: 100%;
    height: 50%;
}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
   .yv_slider
    {
      height:auto;
    }
    .aboutus
{
  
  margin: 0 auto;
 width: auto;
font-family: 'Roboto', sans-serif;
}

.events
{
  width: auto;
  margin: 0 auto;
 
}
.hex {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  cursor: pointer;
  height: 200px;
  overflow: hidden;
  visibility: hidden;
  width: 150px;
  display: inline-block;
}

.desc {
  color: white;
font-family: 'Roboto', sans-serif;
  font-size: 0.8em;
  font-weight: 300;
  height: 200px;
  line-height: 1.5em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  visibility: visible;
  width: 150px;
}
.desc h2 {
  margin: 70px 10px 0 10px;
}
.sponsor_grid
  {
    width:150px;
    height: 200px;
    margin:0 auto;
    display: inline-block;
    margin-top: 50px;
  }
    .sponsor_grid h4
  {
    width:150px;
    height: 50px;
    text-align: center;
 
    color: #000000;
    margin: 0 auto;
    padding-top: 10px;
  }


  .sponsor_log
  {
    width:150px;
    height: 150px;
  }
  .register
{
 width: auto;
  margin: 0 auto;
 
}
.firstbox, .secondbox {
    width: 100%;
    margin-left: 2%;
    height: 100%;
    float: left;
    text-align: left;
}
iframe
{
  width: 100%;
    height: 50%;
}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

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

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    width: 100%;
    height: 100%;
   
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-previous
{
 display: none;
    } 
.slick-next
{
 display: none;
    } 

    .slick-arrow
    {
       display: none;  
    }
h5,h4,h3
{
	margin:.5em;
}


.breakingNews{width:100%; height:40px; background:#FFF; position:absolute; border:solid 2px #2096cd; overflow:hidden;
bottom:0;}
.breakingNews>.bn-title{ float:left; width:auto; height:40px; display:inline-block; background:#2096cd; position:relative;}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:20px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:40px; font-size:16px;}
.breakingNews>ul>li{position:absolute; height:40px; width:100%; line-height:40px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#2096cd;}
.breakingNews>ul>li>a:hover{color:#2096cd;}

.breakingNews>.bn-navi{width:40px; height:40px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:40px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(/bn-arrows.webp); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}

.bn-large{height:50px;}
.bn-large>.bn-title{height:50px;}
.bn-large>.bn-title>h2{line-height:50px; font-size:26px;}
.bn-large>.bn-title>span{top:15px;}
.bn-large>ul{height:50px; left:250px; font-size:20px;}
.bn-large>ul>li{height:50px; line-height:50px;}
.bn-large>.bn-navi{height:50px; }
.bn-large>.bn-navi>span{height:50px;}

.bn-small{height:30px;}
.bn-small>.bn-title{height:30px;}
.bn-small>.bn-title>h2{line-height:30px; font-size:18px;}
.bn-small>.bn-title>span{top:5px;}
.bn-small>ul{height:30px; left:200px; font-size:14px;}
.bn-small>ul>li{height:30px; line-height:30px;}
.bn-small>.bn-navi{height:30px; }
.bn-small>.bn-navi>span{height:30px;}

/*color styles -----------------------------*/


.bn-green{border-color:#27ae60;}
.bn-green>.bn-title{background:#27ae60;}
.bn-green>.bn-title>span{border-left-color:#27ae60;}
.bn-green>ul>li>a:hover,.bn-green>ul>li>a>span{color:#27ae60;}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}

.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}

/*
     FILE ARCHIVED ON 05:26:03 Feb 11, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:43:51 May 14, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.492
  exclusion.robots: 0.051
  exclusion.robots.policy: 0.041
  esindex: 0.01
  cdx.remote: 6.502
  LoadShardBlock: 52.404 (3)
  PetaboxLoader3.datanode: 53.885 (4)
  PetaboxLoader3.resolve: 164.143 (2)
  load_resource: 173.17
*/