@font-face {
  font-family: 'Myriad Pro Regular';
  src: url('myriadpro/MyriadPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('myriadpro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myriadpro/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('myriadpro/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('myriadpro/MyriadPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Myriad Pro Bold';
  src: url('myriadprobold/MyriadPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('myriadprobold/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myriadprobold/MyriadPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('myriadprobold/MyriadPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('myriadprobold/MyriadPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Myriad Pro Light';
  src: url('myriadprolight/MyriadPro-Light.eot'); /* IE9 Compat Modes */
  src: url('myriadprolight/MyriadPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('myriadprolight/MyriadPro-Light.woff') format('woff'), /* Modern Browsers */
       url('myriadprolight/MyriadPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('myriadprolight/MyriadPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Atkinson Regular';
  src: url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.eot'); /* IE9 Compat Modes */
  src: url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.woff') format('woff'), /* Modern Browsers */
       url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('atkinsonreg/Atkinson-Hyperlegible-Regular-102.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Atkinson Bold';
  src: url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.eot'); /* IE9 Compat Modes */
  src: url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.woff') format('woff'), /* Modern Browsers */
       url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('atkinsonbold/Atkinson-Hyperlegible-Bold-102.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-Regular.eot');
    src: local('Gotham Office Regular'), local('GothamOffice-Regular'),
        url('gothamoffice/GothamOffice-Regular.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-Regular.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-Regular.woff') format('woff'),
        url('gothamoffice/GothamOffice-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-Italic.eot');
    src: local('Gotham Office Italic'), local('GothamOffice-Italic'),
        url('gothamoffice/GothamOffice-Italic.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-Italic.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-Italic.woff') format('woff'),
        url('gothamoffice/GothamOffice-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-Bold.eot');
    src: local('Gotham Office Bold'), local('GothamOffice-Bold'),
        url('gothamoffice/GothamOffice-Bold.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-Bold.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-Bold.woff') format('woff'),
        url('gothamoffice/GothamOffice-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('GothamOffice-BoldItalic.eot');
    src: local('Gotham Office Bold Italic'), local('GothamOffice-BoldItalic'),
        url('gothamoffice/GothamOffice-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('gothamoffice/GothamOffice-BoldItalic.woff2') format('woff2'),
        url('gothamoffice/GothamOffice-BoldItalic.woff') format('woff'),
        url('gothamoffice/GothamOffice-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
html{
	background-color: #001aff;
}

#desktop-ver{
	display: none;
}
#mobile-ver{
	display: none;
}

#myProgress {
	width: 135px;
	background-color: #001aff;
	border-radius:15px;
	border-style: solid;
	border-width: 1px;
    border-color: white;
	display: none;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#logo{
	width: 130px;
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#myBar {
  width: 0%;
  height: 2px;
  background-color: #FFFFFF;
  border-radius:15px;
}
#txtcpr{
    font-family: Myriad Pro Light;
    font-size: 12px;
    color: white;
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*#tekssatu {
	font-family: Atkinson Bold;
	font-size: 32px;
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#tekssatu p{
    color: white;
}
#teksdua p{
    color: white;
}
#teksdua {
	font-family: Gotham Office;
	font-size: 18px;
	text-align: center;
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	letter-spacing: 1px;
}*/
#cr2020{
	font-size: 14px;
}


/*MOBILE VERSION*/

.kontenmobile{
	width: 100%;
	position: absolute;
	top: 20%;
    color: white;
/*	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}
#mobile-ver img{
	width: 60px;
    transform: rotate(270deg);
}
#mobile-ver a{
	position: absolute;
    bottom: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
	/*bottom: 22%;*/
    /*left: 45%;*/
}
#judul{
	font-family: Atkinson Bold;
	font-size: 60px;
}
#teksisi{
	font-family: Gotham Office;
	font-size: 30px;
	margin-bottom: 1050px;
}
#m-cr2020{
	font-family: Gotham Office;
	font-size: 22px;
}