@CHARSET "UTF-8";
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v27-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v27-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v27-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v27-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-100italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/poppins-v15-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-200italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/poppins-v15-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/poppins-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/poppins-v15-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/poppins-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/poppins-v15-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-900italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}

html{
  margin:0;padding:0;width:100%;height:100%;
  scroll-behavior:smooth;
}
body{
		font-family:"Roboto","Poppins",Arial;
		background:url(/images/portal/sitebg.png) no-repeat center top #000;
		color:#fff;
		/* padding-bottom:20px; */
		background-attachment: fixed;
		min-height: 100%;
		line-height:1.25;
		font-size: 20px;
		font-weight: 300;
}
.skip-scroll{
  padding:0.5rem 1.5rem;
  background:#00a8e6 !important;
  color:#fff;
  position:absolute;
  z-index:10000;
  transform:translateY(-120%);
  transition:all .3s;
}
.skip-scroll:focus{
  transform:translateY(0);
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
	font-family: "Roboto","Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
}
h3{
  color: #fff !important;
  text-shadow: 0 0 10px #06a5f8, 0 3px 0 rgb(255 255 255 / 30%), 0 3px 10px rgb(6 165 248 / 30%), 0 6px 0 rgb(255 255 255 / 15%), 0 6px 10px rgb(6 165 248 / 15%);
  margin: 10px 0 !important;
}
/*body{background:url(/images/portal/gameplaybg2.jpg) repeat-y center top #000; color:#fff; padding-bottom:20px;}*/
.socialshare{
    font-size: 16px;
}
#socialheader{
  align-self: center;
  margin-left: auto;
  padding-right: 20px;
}
#footer .social a,
#socialheader a{
  color:rgba(255, 255, 255, 0.4);
  transition: all .3s;
}
#footer .social a:hover,
#socialheader a:hover{
  color:rgba(255, 255, 255, 0.9);
}

#navbar{
	width:100%;
	/* background:url(/images/portal/navbg.png) repeat-x center top; */
	position: fixed;
	top:0px;
	z-index:10;
	transition: all .3s ease-in-out;
}
.scrolled #navbar{
	background: rgb(0 22 36 / 80%);
	backdrop-filter: blur(5px);
}
#navbar ul{
  list-style:none;
  margin:0;
  padding:0;
  /* overflow:hidden; */
  display:inline-block;
  /* float: right; */
  display:flex;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #ffffff00, #ffffff, #ffffff00);
  position: relative;
  z-index: 1;
  justify-content: space-between;
}
#navbar ul:before,
#navbar ul:after{
  content:"";
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #ffffff00, #ffffff, #ffffff00);
  transform: translateY(3px);
  width:100%;
  height:100%;
  position: absolute;
  opacity: .3;
  z-index: -1;
}
#navbar ul:after{
  transform: translateY(6px);
  opacity: .15;
}
#navbar ul li{
	/* float:left; */
	height:50px;
	box-sizing:border-box;
	/* -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1); */
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
	/* box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1); */
	color:#fff;
	/* border-left:1px solid rgba(255,255,255,0.1); */
	/* border-right:1px solid rgba(255,255,255,0.1); */
	font-size: 18px;
	/* flex: 1 1 auto; */
}
#navbar ul li.uk-float-right{float:right;}
#navbar li a{
	transition:box-shadow 0.3s;
	padding:15px 16px;
	display:inline-block;
	color:#fff;
	transition:all .2s;
	text-shadow: 0px 0px 1px #000;
	font-weight: 300;
	text-shadow: 0px 3px 1px #ffffff4d, 0px 6px 1px rgba(255, 255, 255, 0.151);
}
#navbar li a.active,
#navbar li a:hover{
	text-decoration:none;
	color: #beedf7;
	/* box-shadow:inset 0px 0px 20px #91dfff; */
	/* background: #00d4ff; */
	/* background: radial-gradient(circle at bottom center, rgba(0,212,255,1) 0%, rgba(2,0,36,0) 50%); */
	text-shadow: 0px 6px 1px rgb(255 255 255 / 30%), 0px 12px 1px rgb(255 255 255 / 15%);
}
#logoportal{
  padding:2px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#logoportal > a{
  flex: 0 1 auto;
  position: relative;             /* new */
  left: 50%;
  transform: translateX(-50%);
}
#logoportal img{transition: all .3s ease-in-out;height:91px;}
.scrolled #logoportal img{
	height:50px;
}
.content{max-width: 1280px;margin: auto;}
#keyvisual{margin-bottom:50px;}
#keyvisualline{background:url(/images/portal/keyvisualline.jpg) no-repeat center top; height:25px; width:100%;}
#page{/*margin-top:25px;*/padding-bottom: 20px;}
.boxborder{
	padding:1px;
	background: -moz-linear-gradient(left, rgba(255,138,0,1) 0%, rgba(255,138,0,0) 10%, rgba(255,138,0,0) 90%, rgba(255,138,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,138,0,1) 0%,rgba(255,138,0,0) 10%,rgba(255,138,0,0) 90%,rgba(255,138,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,138,0,1) 0%,rgba(255,138,0,0) 10%,rgba(255,138,0,0) 90%,rgba(255,138,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#ff8a00',GradientType=1 ); /* IE6-9 */
	box-sizing:border-box;
	position:relative;
	height:350px;
	transition: all 0.2s;
	-webkit-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.3),0px 6px 1px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.3),0px 6px 1px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.3),0px 6px 1px 0px rgba(0,0,0,0.12);
	overflow: hidden;
}
.boxborder:hover{
	-webkit-box-shadow: 0px 6px 1px 0px rgba(0,0,0,0.3),0px 12px 1px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 6px 1px 0px rgba(0,0,0,0.3),0px 12px 1px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 6px 1px 0px rgba(0,0,0,0.3),0px 12px 1px 0px rgba(0,0,0,0.12);
}

.boxborder.univers{height:250px;}
.boxborderdynamic{
	padding:1px;
	background: -moz-linear-gradient(left, rgba(255,138,0,1) 0%, rgba(255,138,0,0) 10%, rgba(255,138,0,0) 90%, rgba(255,138,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,138,0,1) 0%,rgba(255,138,0,0) 10%,rgba(255,138,0,0) 90%,rgba(255,138,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,138,0,1) 0%,rgba(255,138,0,0) 10%,rgba(255,138,0,0) 90%,rgba(255,138,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#ff8a00',GradientType=1 ); /* IE6-9 */
	box-sizing:border-box;
	position:relative;
	height:auto;
}
.boxborderdynamicgreen{
	padding:1px;
	background: -moz-linear-gradient(left, rgba(25,255,0,1) 0%, rgba(25,255,0,0) 10%, rgba(25,255,0,0) 90%, rgba(25,255,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(25,255,0,1) 0%,rgba(25,255,0,0) 10%,rgba(255,138,0,0) 90%,rgba(25,255,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(25,255,0,1) 0%,rgba(25,255,0,0) 10%,rgba(255,138,0,0) 90%,rgba(25,255,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19ff00', endColorstr='#19ff00',GradientType=1 ); /* IE6-9 */
	box-sizing:border-box;
	position:relative;
	height:auto;
}
.boxcontent{text-shadow:0 0 10px #06a5f8;font-size: 16px;position:absolute;top:0;left:0;box-sizing:border-box;padding:15px;width:100%;height:100%;}
.boxpic{width:100%;height:100%;background-size: cover!important;background-position: center!important;}
.boxborder .shade{
	background:url(/images/portal/schraffurbg.png) rgba(0,23,43,0.3) repeat-y top left;width:calc(100% - 2px); height:calc(100% - 2px); position:absolute;top:1px;left:1px;
	-webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.boxborder:hover .shade{background-color:rgba(0, 12, 23, 0.8);}

.boxborder .shade-reverse{
	background:url(/images/portal/schraffurbg.png) rgba(0,23,43,0.8) repeat-y top left;width:calc(100% - 2px); height:calc(100% - 2px); position:absolute;top:1px;left:1px;
	-webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.boxborder:hover .shade-reverse{background-color:rgba(0, 12, 23, 0.3);}

.boxshade{background:url(/images/portal/schraffurbg.png) rgba(0,0,0,0.4) repeat-y top left;padding:15px;backdrop-filter: blur(5px);}
.boxshadeblue, input[type=text],input[type=password],input[type=email], textarea{background:url(/images/portal/schraffurbg.png) #05121a repeat-y top left !important;padding:15px;color:#79e0fa !important;/* border:0px !important; */}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
  border:1px solid #9fc4a2!important;
  -webkit-text-fill-color:#79e0fa !important;
  -webkit-box-shadow: 0 0 0 30px #05121a inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

h2, h1{
	color:#fff !important;
	text-shadow:0 0 10px #06a5f8, 
	0 3px 0 rgba(255, 255, 255,0.3),
	0 3px 10px rgba(6, 165, 248,0.3),
	0 6px 0 rgba(255, 255, 255,0.15),
	0 6px 10px rgba(6, 165, 248,0.15);
	/* font-weight:bold !important; */
	font-size:34px !important;
	margin:10px 0 !important;
	line-height:34px !important;
}
h4{color:#fff !important;}
.line{border-left:5px solid #ff8a00; border-right:5px solid #ff8a00; background:rgba(255,138,0,0.2);height:1px; width:100%;margin:15px 0;box-sizing:border-box;}
.linegreen{border-left:5px solid #19ff00; border-right:5px solid #19ff00; background:rgba(25,255,0,0.2);height:1px; width:100%;margin:15px 0;box-sizing:border-box;}
.author{text-shadow:none;color:#ff8a00; font-size:16px;}
.authorgreen{text-shadow:none;color:#19ff00; font-size:16px;}
.boxborder .category{text-shadow:none;color:#ff8a00; font-size:16px;}
.boxborder .category,.boxborder h2{transition:margin 0.3s;}
.boxborder:hover .category,.boxborder:hover h2{margin-left:10px;}
.date{text-shadow:none;float:right; color:#ff8a00; font-size:14px;}
.dategreen{text-shadow:none;float:right; color:#19ff00; font-size:14px;}

#addcomment{display:none;}
.uk-form-help-block{font-size:12px;}

.commentlist,.commentlist li{list-style:none;margin:0; padding:0;}
.commentlist li li{margin-left:20px;}

.uk-notification-message-success{
    background: rgba(0, 111, 70, 0.9);
    color: #88ffd3;
    border: 1px solid rgb(0, 111, 71);
}
.uk-notification-message-danger{
  background: rgba(255, 0, 48, 0.9);
  color: #fef4f6;
  border: 1px solid #ff0030;
}
.uk-notification .uk-notification-message > div{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.uk-notification .uk-notification-message > div .uk-icon{
  margin: auto 10px auto 0;
  width: 100px;
  height: 100%;
}
.uk-alert-success {
    background: rgba(0, 111, 71, 0.7);
    color: #88ffd3;
}
.uk-alert-danger {
    background: rgba(255, 0, 48, 0.6);
    color: #fef4f6;
}
.uk-alert-warning {
    background: #ffd90059;
    color: #e28327;
}

.boxcontent .btn{position:absolute; bottom:15px; right:15px;}
.btn i{transition: all .3s ease-in-out;}

.btn:hover{text-decoration:none !important; color:#fff;}
.btn:hover i{transform:translateX(5px)}
.btn{
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 7%, rgba(0,0,0,1) 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 7%,rgba(0,0,0,1) 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 7%,rgba(0,0,0,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	
	color:#fff;
	padding:7px 15px;
	border-radius:5px;
	position:relative;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	cursor:pointer;
	border:0px;
}
.btn:before{
	content:"";
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	position:absolute;
	top:0px;
	left:0px;
	background: rgb(20,14,6); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(20,14,6,1) 0%, rgba(20,14,6,1) 11%, rgba(20,14,6,1) 22%, rgba(64,38,6,1) 88%, rgba(77,48,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(20,14,6,1) 0%,rgba(20,14,6,1) 11%,rgba(20,14,6,1) 22%,rgba(64,38,6,1) 88%,rgba(77,48,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(20,14,6,1) 0%,rgba(20,14,6,1) 11%,rgba(20,14,6,1) 22%,rgba(64,38,6,1) 88%,rgba(77,48,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140e06', endColorstr='#4d300d',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: inset 0px 0px 10px 10px #b2a08c;
	-moz-box-shadow: inset 0px 0px 10px 10px #b2a08c;
	box-shadow: inset 0px 0px 10px 0px #b2a08c;
	
	border-radius:5px;
	margin:1px;
}
.btn:hover:before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#140e06+22,b27322+88,ffffff+98 */
background: rgb(20,14,6); /* Old browsers */
background: -moz-linear-gradient(top, rgba(20,14,6,1) 22%, rgba(178,115,34,1) 88%, rgba(255,255,255,1) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(20,14,6,1) 22%,rgba(178,115,34,1) 88%,rgba(255,255,255,1) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(20,14,6,1) 22%,rgba(178,115,34,1) 88%,rgba(255,255,255,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140e06', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.btn span{position:relative; z-index:9;}
.btn [class*="uk-icon-"]{margin-left:10px;margin-right:0px;transition-duration:0.2s; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-perspective:0.2s; -webkit-backface-visibility:0.2s;}
.btn:hover [class*="uk-icon-"]{margin-left:15px;margin-right:-5px;}

.btn.btn-green:before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f372b+0,2f372b+12,33452b+50,0f2506+50,164c0c+100 */
	background: #2f372b; /* Old browsers */
	background: -moz-linear-gradient(top, #2f372b 0%, #2f372b 12%, #33452b 50%, #0f2506 50%, #164c0c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2f372b 0%,#2f372b 12%,#33452b 50%,#0f2506 50%,#164c0c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2f372b 0%,#2f372b 12%,#33452b 50%,#0f2506 50%,#164c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f372b', endColorstr='#164c0c',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: inset 0px 0px 10px 10px #fff;
	-moz-box-shadow: inset 0px 0px 10px 10px #fff;
	box-shadow: inset 0px 0px 10px 0px #fff;
}
.btn.btn-green:hover:before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#575d54+3,3d463b+12,3b682e+50,1a5209+50,57b839+94,ffffff+98 */
	background: #575d54; /* Old browsers */
	background: -moz-linear-gradient(top, #575d54 3%, #3d463b 12%, #3b682e 50%, #1a5209 50%, #57b839 94%, #ffffff 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #575d54 3%,#3d463b 12%,#3b682e 50%,#1a5209 50%,#57b839 94%,#ffffff 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #575d54 3%,#3d463b 12%,#3b682e 50%,#1a5209 50%,#57b839 94%,#ffffff 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575d54', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: inset 0px 0px 10px 10px #fff;
	-moz-box-shadow: inset 0px 0px 10px 10px #fff;
	box-shadow: inset 0px 0px 10px 0px #fff;
}
#footer{padding-top: 30px;}
#footer ul{margin:0px;padding:0px;list-style:none;font-size: 18px;line-height: 24px;}
#footer ul li{opacity: 0.5;transition: all .17s;}
#footer ul li:hover{opacity: 0.8;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:none;color:rgb(209, 240, 255);}
.anmeldebuttonfree{
  transition:left .3s,bottom .3s,margin-left .3s;
  display:block;
  position:relative;
  bottom:20px;
  /*left:50%;*/
  margin:auto;
  color:#fff;
  text-shadow: 0px 0px 3px #aaaaaa;font-size: 23px;line-height:63px;letter-spacing: 2px;font-weight:bold;text-align:center;vertical-align:middle;cursor:pointer;
  width: 244px;
  height:63px;
  
  background:url('/images/anmelde_button-free.png') no-repeat;
  background-position: 0 0;
  border:0;
  text-shadow: 0 3px 1px rgba(255,255,255,0.3),0 6px 1px rgba(255,255,255,0.15);
}
body.landingpagebody .anmeldebuttonfree{
  position: fixed;
  bottom:50px;
  left:50%;
  margin-left:-122px;
}
.anmeldebuttonfree:hover{
  text-decoration:none;
  color:#fff;
  text-shadow: 0px 6px 1px rgb(109 200 84 / 0.3), 0px 12px 1px rgb(109 200 84 / 0.15);
  background-position: 0 -63px;
}
body.landingpagebody.scrolled .anmeldebuttonfree{
  position:fixed;
  left:20px;
  margin-left:0px;
  bottom: 20px;
  top:unset;
}
.loginbox{
	/*display:none;*/
	position:absolute;
	right:20px;
}

.landingpagebody .logonavbar{display:none;}
#mainmenuoffcanvas .uk-offcanvas-bar{
  align-content: space-between;
}
#mainmenucopy{width:100%;}
#socialcopy{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  width: 100%;
}
#socialcopy a{
  color:rgba(255, 255, 255, 0.4);
  transition: all .3s;
}
#socialcopy a:hover{
  color:rgba(255, 255, 255, 0.9);
}

#navbar .message{background:url(/images/menuiconssprite.png) no-repeat 0 -10px;height:30px;width:50px;margin-top: -5px;}
#navbar .config{background:url(/images/menuiconssprite.png) no-repeat -550px -10px;height:30px;width:50px;margin-top: -5px;}
#navbar .univers{background:url(/images/menuchatsprite.png) no-repeat 0 0px;height:30px;width:35px;margin-top: -5px;}
#navbar .ribbon{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background:#a70e0e; color:#fff; padding:2px; font-size:10px; position:absolute;right:0px; margin:-10px 5px 5px 0px;}
.txt_red{color:#af0000;}
.txt_green{color:#00af00;}
.txt_underline{ text-decoration: underline; }
.trans-02s{transition-duration:0.2s; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-perspective:0.2s; -webkit-backface-visibility:0.2s;}
.uk-dotnav.uk-position-bottom{/* bottom:10px !important; */}
.articleText{padding:80px 150px; line-height:2em;}
.articleText::first-letter { 
    font-size: 500%;
}
.togglemenubutton{display:none;cursor:pointer;float:right;height:29px;margin-top: 11px;}
.togglemenubutton div{height:5px;background:#fff;width:36px;position:relative;top:12px;-webkit-box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);-moz-box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);}
.togglemenubutton div:before{content:"";height:5px;background:#fff;width:36px;position:absolute;top:-12px;left:0;-webkit-box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);-moz-box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);}
.togglemenubutton div:after{content:"";height:5px;background:#fff;width:36px;position:absolute;top:12px;left:0;-webkit-box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);-moz-box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);box-shadow: 0px 0px 10px 0px rgba(6,165,248,1);}

.mediabg{
	background:url(/images/portal/schraffurbg.png) rgba(0,23,43,0.8) repeat-y top left !important;
	width:100% !important;
	height:100% !important;
	position:absolute !important;
	margin: 0;
	padding: 0;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.uk-close{/* color:#000 !important; */}

.uk-nav>li>a {
    padding: 5px 15px;
}
.uk-nav ul a {
    color: #aaa;
    padding: 5px 15px;
}
.uk-nav li.uk-active>a {
    background: #00a8e6;
    color: #fff;
}

.uk-nav > li  a:focus, .uk-nav > li  a:hover{
    background: #00a8e6 !important;
    color: #fff !important;
    outline: 0 !important;
}

.uk-nav ul a {
    padding: 5px 15px !important;
}
.uk-nav-primary .uk-nav-sub li.uk-active>a {
    color: #fff;
}
.uk-nav-primary>li>a {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #999;
}
#cookienotice{z-index:1000;position:fixed;bottom:0px;width:100%;background: #001923;font-size:12px;overflow:hidden;display:flex;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);flex-direction: row;}
.cookienoticetitle{color:#fff;display:block;font-size:14px;/* font-weight:bold; */}
.cookienoticetitle a{text-decoration: underline;}
.cookietext{padding:20px;float:left;width:80%;flex:auto;}
.cookiebuttonplace{padding:10px;float:left;width:20%;min-width: 120px;background: #1f384a;flex:auto;text-align:center;}
.cookiebutton{color: #fff;transition:background .5s,color .5s;background: #ff8a00;border-radius: 0px;padding: 10px 30px;display:inline-block;cursor:pointer;font-size:14px;font-weight: normal;box-shadow: 0 3px rgb(255 138 0 / 30%), 0 6px rgb(255 138 0 / 15%);transition: all .3s;text-transform: uppercase;}
.cookiebutton:hover{background: #ff8a00;color:#fff;box-shadow: 0 6px rgb(255 138 0 / 30%), 0 12px rgb(255 138 0 / 15%);}

.landingfeatures{
  height:600px;
}
@media(max-width:640px){
  .landingfeatures{
    height:450px;
  }
}

.zoompic{overflow:hidden;/* padding: 1px; */}
.zoompic .boxpic{transition: all .5s;/* transform: scale(1.5); */}
.zoompic:hover .boxpic,
.zoompic:focus .boxpic{
	transform: scale(1.1);
}
.landingfeatures .uk-panel-title{text-transform: uppercase;line-height: 40px!important;}
@media (max-width:1140px){
	.content{margin:0 10px;}
}
@media (max-width:960px){
	.togglemenubutton{display: inline-block;}
	#navbar ul{
		display:none;
	    position: absolute;
	    right: 0px;
	    top: 50px;
	    background: #000;
	    width: 80%;
	    padding-top: 30px;
	}
	#navbar ul li{float:none;width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
	#navbar ul li a{width:100%;}
	
}
@media (max-width:768px){
	.articleText{padding:50px;}
}
@media (max-width:650px){
	#logoportal img{height:50px;}
	.articleText{padding:30px;}
	#navbar ul{
	    padding-top: 0px;
	}
}

.uk-slideshow-items>*:before{
  content:"";
  background: linear-gradient(to bottom,#001624,#03346500);
  position:absolute;
  width:100%;
  height:100%;
  z-index: 1;
}
#mainmenuoffcanvas .uk-offcanvas-bar{
  padding-top:50px;
}
.uk-offcanvas-bar{
  background: transparent radial-gradient(closest-side at 100% 0%, rgb(23 63 86 / 50%) 0%, rgb(14 37 51 / 50%) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
::-webkit-scrollbar {
	height: 7px;
	width: 7px;
	background: #000;
   }
::-webkit-scrollbar-thumb {
	background: rgb(13, 131, 213);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
	background: rgba(0, 0, 0, 0.75);
}

.hololinebox{
  border:1px solid rgba(255,255,255,0.3);
  position: relative;
  padding:20px;
  margin-bottom: 20px;
}
.hololinebox:before{
  content:"";
  border:1px solid rgba(255,255,255,0.15);
  transform: translateY(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: -1;
}
.hololinebox:after{
  content:"";
  border:1px solid rgba(255,255,255,0.075);
  transform: translateY(6px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: -1;
}
.password-forgotten{
  font-size: 14px;
  text-align: center;
  cursor:pointer;
}
#anrede{
  height: 0px;
  width: 0px;
  font-size: 0px;
  line-height: 0px;
  border: 0px;
  padding: 0;
  margin: 0;
  position: absolute;
  background: transparent!important;
}
#registerbox-portal,#passwortbox-portal,#registersuccess-portal{
  display:none;
}

#loginbox-portal #error-notice,
#loginbox-portal #success-notice,
#loginbox-portal #error-notice-fields,
#registerbox-portal #error-notice-fields-register,
#registerbox-portal #error-notice-register {
  display: none;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.shakeelement {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tadaelement {
  -webkit-animation-name: tada;
  animation-name: tada;
  animation-duration: 1s;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulseelement {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-duration: 0.7s;
}
.navlogin a{
  color: #ff8a00!important;
  text-shadow: 0px 3px 1px #ff8a004d, 0px 6px 1px rgb(255 138 0 / 15%)!important;
}
.navlogin a:hover{
  color: hsl(32deg 100% 69%)!important;
  text-shadow: 0px 6px 1px #ffb5604d, 0px 12px 1px rgb(255 181 97 / 15%)!important;
}
.hoverzoom .hoverimage{
  transition: all .3s;
}
.hoverzoom:hover .hoverimage{
  transform:scale(1.05) translateY(-30px);
}

@keyframes change {
  0%,100% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, -20%, 0);
  }
  20% {
    transform: translate3d(0, -40%, 0);
  }
  30% {
    transform: translate3d(0, -60%, 0);
  }
  40% {
    transform: translate3d(0, -80%, 0);
  }
  90% {
    transform: translate3d(0, -80%, 0);
  }
}
.slidelist-container{overflow:hidden;height: 66px;width: fit-content;margin: auto;float:left;}
.slidelist-text{float:left;}
.slidelist{
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 10s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    display: inline-block;
    margin: 0px 0 0 20px;
    padding: 0;
}
.slidelist li{
  background: #ff8a00;
  color: #000;
  font-style: italic;
  font-weight: bold;
  display: block;
  padding: 5px 10px;
  margin: 5px 0;
  line-height: 50px;
  white-space: nowrap;
  width: fit-content;
}

/*GAMEPLAY*/
#test-velocity{
    height:6000px; 
}
@media(max-width:480px){
  #test-velocity{
    height: 6500px;
  }
}
.g-signin2{
  box-shadow: 0px 3px 1px 0px rgb(255 255 255 / 30%), 0px 6px 1px 0px rgb(255 255 255 / 15%);
  -moz-box-shadow: 0px 3px 1px 0px rgba(255, 255, 255,0.3),0px 6px 1px 0px rgba(255, 255, 255,0.15);
  -webkit-box-shadow: 0px 3px 1px 0px rgb(255 255 255 / 30%), 0px 6px 1px 0px rgb(255 255 255 / 15%);
  transition: all .3s;
}
.g-signin2:hover{
  box-shadow: 0px 6px 1px 0px rgb(255 255 255 / 30%), 0px 12px 1px 0px rgb(255 255 255 / 15%);
  -moz-box-shadow: 0px 6px 1px 0px rgba(255, 255, 255,0.3),0px 12px 1px 0px rgba(255, 255, 255,0.15);
  -webkit-box-shadow: 0px 6px 1px 0px rgb(255 255 255 / 30%), 0px 12px 1px 0px rgb(255 255 255 / 15%);
}

#googleLoginBtn,#googleRegisterBtn {
  display: inline-block;
  background: white;
  color: #444;
  width: 100%;
  white-space: nowrap;
  box-shadow: 0px 3px 1px 0px rgb(255 255 255 / 30%), 0px 6px 1px 0px rgb(255 255 255 / 15%);
  -moz-box-shadow: 0px 3px 1px 0px rgba(255, 255, 255,0.3),0px 6px 1px 0px rgba(255, 255, 255,0.15);
  -webkit-box-shadow: 0px 3px 1px 0px rgb(255 255 255 / 30%), 0px 6px 1px 0px rgb(255 255 255 / 15%);
  transition: all .3s;
}
#googleLoginBtn:hover,#googleRegisterBtn:hover {
  cursor: pointer;
  box-shadow: 0px 6px 1px 0px rgb(255 255 255 / 30%), 0px 12px 1px 0px rgb(255 255 255 / 15%);
  -moz-box-shadow: 0px 6px 1px 0px rgba(255, 255, 255,0.3),0px 12px 1px 0px rgba(255, 255, 255,0.15);
  -webkit-box-shadow: 0px 6px 1px 0px rgb(255 255 255 / 30%), 0px 12px 1px 0px rgb(255 255 255 / 15%);
}
#gSignInWrapper{
  margin-bottom:20px;
}
.fb-login-button{
  width:100%;
}
.fcSignInWrapper{
  width:100%;
  box-shadow: 0px 3px 1px 0px rgba(24, 119, 242,0.3), 0px 6px 1px 0px rgba(24, 119, 242,0.15);
  -moz-box-shadow: 0px 3px 1px 0px rgba(24, 119, 242,0.3),0px 6px 1px 0px rgba(24, 119, 242,0.15);
  -webkit-box-shadow: 0px 3px 1px 0px rgba(24, 119, 242,0.3), 0px 6px 1px 0px rgba(24, 119, 242,0.15);
  border-radius:4px;
  transition: all .3s;
}
.fcSignInWrapper:hover{
  box-shadow: 0px 6px 1px 0px rgba(24, 119, 242,0.3), 0px 12px 1px 0px rgba(24, 119, 242,0.15);
  -moz-box-shadow: 0px 6px 1px 0px rgba(24, 119, 242,0.3),0px 12px 1px 0px rgba(24, 119, 242,0.15);
  -webkit-box-shadow: 0px 6px 1px 0px rgba(24, 119, 242,0.3), 0px 12px 1px 0px rgba(24, 119, 242,0.15);
}
span.label {
  font-family: serif;
  font-weight: normal;
}
span.icon {
  background: url('/images/portal/g-normal.png') transparent 5px 50% no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
}
span.buttonText {
  display: inline-block;
  vertical-align: middle;
  padding-left: 90px;
  padding-right: 42px;
  font-size: 14px;
  font-weight: bold;
  /* Use the Roboto font that is loaded in the <head> */
  font-family: 'Roboto', sans-serif;
}