@font-face {
	font-family: 'Arial';
	font-style: normal;
	font-weight: normal;
	src: local('Arial'),
		url('fonts/arialmt.woff2') format('woff2'), 
		url('fonts/arialmt.woff') format('woff'),
		url('fonts/arialmt.ttf') format('ttf'),
		url('fonts/arialmt.eot') format('eot'),
        url("fonts/arialmt.svg") format("svg"),
        url("fonts/arialmt.otf") format("otf");
}

@font-face {
	font-family: 'Arial Black';
	font-style: normal;
	font-weight: normal;
	src: local('Arial Black'),
		url('fonts/ArialBlack.woff2') format('woff2'), 
		url('fonts/ArialBlack.woff') format('woff'),
		url('fonts/ArialBlack.ttf') format('ttf'),
		url('fonts/ArialBlack.eot') format('eot'),
        url("fonts/ArialBlack.svg") format("svg"),
        url("fonts/ArialBlack.otf") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 100;
  font-display: swap;
  src: url("font-Inter/Inter-Thin.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Thin.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Thin.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Thin.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 100;
  font-display: swap;
  src: url("font-Inter/Inter-ThinItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-ThinItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-ThinItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-ThinItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 200;
  font-display: swap;
  src: url("font-Inter/Inter-ExtraLight.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-ExtraLight.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-ExtraLight.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-ExtraLight.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 200;
  font-display: swap;
  src: url("font-Inter/Inter-ExtraLightItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-ExtraLightItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-ExtraLightItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-ExtraLightItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("font-Inter/Inter-Light.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Light.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Light.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Light.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 300;
  font-display: swap;
  src: url("font-Inter/Inter-LightItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-LightItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-LightItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-LightItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("font-Inter/Inter-Regular.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Regular.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Regular.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Regular.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("font-Inter/Inter-Italic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Italic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Italic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Italic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("font-Inter/Inter-Medium.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Medium.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Medium.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Medium.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 500;
  font-display: swap;
  src: url("font-Inter/Inter-MediumItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-MediumItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-MediumItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-MediumItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url("font-Inter/Inter-SemiBold.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-SemiBold.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-SemiBold.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-SemiBold.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 600;
  font-display: swap;
  src: url("font-Inter/Inter-SemiBoldItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-SemiBoldItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-SemiBoldItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-SemiBoldItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("font-Inter/Inter-Bold.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Bold.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Bold.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Bold.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("font-Inter/Inter-BoldItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-BoldItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-BoldItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-BoldItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("font-Inter/Inter-ExtraBold.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-ExtraBold.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-ExtraBold.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-ExtraBold.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 800;
  font-display: swap;
  src: url("font-Inter/Inter-ExtraBoldItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-ExtraBoldItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-ExtraBoldItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-ExtraBoldItalic.otf?v=3.12") format("otf");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 900;
  font-display: swap;
  src: url("font-Inter/Inter-Black.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-Black.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-Black.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-Black.otf?v=3.12") format("otf");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 900;
  font-display: swap;
  src: url("font-Inter/Inter-BlackItalic.woff2?v=3.12") format("woff2"),
       url("font-Inter/Inter-BlackItalic.woff?v=3.12") format("woff"),
       url("font-Inter/Inter-BlackItalic.ttf?v=3.12") format("ttf"),
       url("font-Inter/Inter-BlackItalic.otf?v=3.12") format("otf");
}

html, body, div, a, input, textarea, select, option, button
{
    font-family: Inter !important;
}

.loading
{
    width: 100%;
    height: 100vh;
    margin: 0;
    background-color: #000000;
    text-align: center;
    position: fixed;
}


.logo0{fill-rule:evenodd;clip-rule:evenodd;fill:#0DECF5;}
.logo1{fill-rule:evenodd;clip-rule:evenodd;}
.logo2{fill-rule:evenodd;clip-rule:evenodd;fill:#E500C8;}
.logo3{fill-rule:evenodd;clip-rule:evenodd;fill:#1ED5E9;}
.logo4{fill-rule:evenodd;clip-rule:evenodd;fill:#A81680;}
.logo5{fill-rule:evenodd;clip-rule:evenodd;fill:#4C9AEA;}
.logo6{fill-rule:evenodd;clip-rule:evenodd;fill:#7162AA;}
.logo7{fill-rule:evenodd;clip-rule:evenodd;fill:#864499;}
.logo8{fill-rule:evenodd;clip-rule:evenodd;fill:#3BADD3;}
.logo9{fill-rule:evenodd;clip-rule:evenodd;fill:#5983BB;}
.logo10{fill-rule:evenodd;clip-rule:evenodd;fill:#94308F;}
.logo11{fill-rule:evenodd;clip-rule:evenodd;fill:#8D36CB;}
.logo12{fill-rule:evenodd;clip-rule:evenodd;fill:#008ED1;}
.logo13{fill-rule:evenodd;clip-rule:evenodd;fill:#00D9F7;}
.logo14{fill-rule:evenodd;clip-rule:evenodd;fill:#5F7CE0;}
.logo15{fill-rule:evenodd;clip-rule:evenodd;fill:#7758D5;}
.logo16{fill-rule:evenodd;clip-rule:evenodd;fill:#05CAE6;}
.logo17{fill-rule:evenodd;clip-rule:evenodd;fill:#B100BA;}
.logo18{fill-rule:evenodd;clip-rule:evenodd;fill:#A01AC2;}
.logo19{fill-rule:evenodd;clip-rule:evenodd;fill:#6B69DB;}

a, form, div, button, input, select, option, textarea { transition: 0.5s; }
a { text-decoration: none; }

@media screen and (orientation: landscape) /* PK Горизонталь */
{
    .loading > img
    {
        margin-top: 8%;
        width: 15%;
    }
}


@media screen and (orientation: portrait) /* MOBILE Вертикаль */
{
    .loading > img
    {
        margin-top: 50%;
        width: 30%;
    }
}

body { margin: 0; overflow: hidden; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background-color: #000000; }
::-webkit-scrollbar-thumb { background-color: #808080; }


.message
{
    position: absolute;
    top: 1%; right: 0;
    background-color: #161617;
    z-index: 999;
    padding: 1% 2%;
    border-radius: 15px 0 0 15px;
    color: #FFFFFF;
    display: none;
}
.message.go { animation: anim-messages 10s linear forwards; display: block; }
@keyframes anim-messages         
{   
    0%   {  transform: translateX(100%); }
    10%  {  transform: translateX(0);    }
    90%  {  transform: translateX(0); } 
    100% {  transform: translateX(100%); display: none; }
}
.docs { margin: 2% 5%; }