@font-face{
	font-family:BebasNeue;
	src:url('/fonts/BebasNeueRegular.otf') format("opentype");
}

@font-face{
	font-family:Beon;
	src:url('/fonts/Beon-Regular.otf') format("opentype");
}

@font-face{
	font-family:Digital;
	src:url('/fonts/digital-mono.ttf') format("truetype");
}

@font-face{
	font-family:Monoid;
	src:url('/fonts/Monoid-Regular.ttf') format("truetype");
}

a:link{
	text-decoration: none;
	color: white;
}

a:visited{
	text-decoration: none;
	color: white;
}

a:hover{
	text-decoration: underline;
	color: white;
}

a:active{
	text-decoration: underline;
	color: white;
}

body{
	margin:0;
	padding:0;
	min-width:100%;
	width:100%;
	max-width:100%;
	min-height:100%;
	height:100%;
	max-height:100%;
}

.animate-bottom{
	position:relative;
	animation:animatebottom 1.5s;
}

@keyframes animatebottom{
	from{
		bottom:-300px;
		opacity:0;
	} 
	to{
		bottom:0;
		opacity:1;
	}
}

.animate-opacity{
	animation:opac 1.5s;
}

@keyframes opac{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

.animate-top{
	position:relative;
	animation:animatetop 1.5s;
}

@keyframes animatetop{
	from{
		top:-300px;
		opacity:0;
	}
	to{
		top:0;
		opacity:1;
	}
}

.animate-zoom {
	animation:animatezoom 1.5s;
}

@keyframes animatezoom{
	from{
		transform:scale(0);
	}
	to{
		transform:scale(1);
	}
}

.bgimg{
	background-image:url('/images/bgimg.jpg');
	min-height:100%;
	background-position:center;
	background-size:cover;
}

.display-bottomleft{
	position:absolute;
	left:1%;
	bottom:1%;
}

.display-bottomright{
	position:absolute;
	right:1%;
	bottom:1%;
}

.display-middle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.display-topleft{
	position:absolute;
	left:1%;
	top:1%;
}

.display-topright{
	position:absolute;
	right:1%;
	top:1%;
}

.display-topmiddle{
  display: block;
  margin-left: 50%;
  margin-right: 50%;
  width: 50%;
}

.input-right {
	float: right;
}

.image-flag-responsive {
  width: 10%;
  max-width: 70px;
  height: auto;
}

.image-icon-responsive {
  width: 5%;
  max-width: 70px;
  height: auto;
}

.text-indent1{
	text-indent: 10px;
}

.text-indent2{
	text-indent: 20px;
}

.text-condensed{
	font-stretch:condensed;
}
.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.text-centered{
	text-align:center;
}

.text-tiny{
	font-size:clamp(6px, 1.0vw, 22px);
}

.text-small{
	font-size:clamp(10px, 1.5vw, 24px);
}

.text-medium{
	font-size:clamp(12px, 2.0vw, 26px);
}

.text-large{
	font-size:clamp(14px, 2.5vw, 28px);
}

.text-xlarge{
	font-size:clamp(17px, 3.0vw, 30px);
}

.text-xxlarge{
	font-size:clamp(20px, 3.5vw, 34px);
}

.text-xxxlarge{
	font-size:clamp(23px, 4.0vw, 40px);
}

.text-jumbo{
	font-size:clamp(27px, 4.5vw, 48px);
}

.text-white{
	color:#fff;
}

.text-bold{
	font-weight:bold;
}

.text-bolder{
	font-weight:bolder;
}

.text-lighter{
	font-weight:lighter;
}

.text-BebasNeue{
	font-family:BebasNeue, sans-serif;
}

.text-Beon{
	font-family:Beon, sans-serif;
}

.text-Digital{
	font-family:Digital, monospace;
}

.text-Monoid{
	font-family:Monoid, monospace;
}

ul#menu-v, #menu-v ul{
    width:0px; /* Main Menu width */
    list-style:none;
    margin:0;
    padding:0;
    z-index:9;
}     

#menu-v li{
    margin:0;
    padding:0;
    position:relative;    
    transition:background 0.5s;
}

#menu-v li:hover{
    text-decoration: underline;
}

#menu-v a{
    border-top:1px solid rgba(190,190,190,0.3);
    display:block;
    color:#EEEEEE;
    text-decoration:none;
    line-height:30px;
    padding-left:0px; 
    position:relative;           
}

#menu-v li:first-child a{
    border-top:0;
}

#menu-v a.arrow::after{
    content:'';
    position:absolute;
    display:inline;
    top:50%;
    margin-top:-4px;
    right:8px;
    border-width:4px;
    border-style:solid;
    border-color:transparent transparent transparent white;
    transition:border-color 0.5s;  
}
                
#menu-v li a.arrow:hover::after{
    border-color:transparent transparent transparent #CCCCCC;
}

#menu-v li ul{
    min-width:200px; /* Sub level menu min width */
    position:absolute;
    display:none;
    left:100%;
    top:0%;
}

#menu-v li:hover > ul{
    display:block;
}