:root {
  --color1: #ffffff;
  --color2: #ff00ff;
  --color3: #800080;
  --color4: #293133;
}
body {
  font-family: Comfortaa_Light, sans-serif;
  padding: 6px;
  background: #ffffff;
  /*background: linear-gradient(90deg, #6600FF,#ffffff, #6600FF);*/
  scrollbar-width: thin;          /* "auto" или "thin"  */
  scrollbar-color: blue orange;   /* плашка скролла и дорожка */ 
 background-size: cover;
}
::-webkit-scrollbar {
  width: 0;
}
@font-face {
font-family: YanoneKaffeesatz_Bold;
src: url(/Fonts/YanoneKaffeesatz-SemiBold.ttf);
}
@font-face {
font-family: Oswald;
src: url(/Fonts/Oswald-Medium.ttf);
}

@font-face {
font-family: Oswald_light;
src: url(/Fonts/Oswald-Light.ttf);
}
@font-face {
font-family: Manrope_Medium;
src: url(/Fonts/Manrope-Medium.ttf);
}
@font-face {
font-family: Comfortaa;
src: url(/Fonts/Comfortaa-Medium.ttf);
}

/*@font-face {
font-family: Montserrat;
src: url(/Fonts/Montserrat-Thin.ttf);
}*/
@font-face {
font-family: Comfortaa_Light;
src: url(/Fonts/Comfortaa-Light.ttf);
}


.nav_rec_radius {
  margin-top: 1rem;
  list-style: none;
  float: left;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
  border-radius: 0.6vw;
  border: 0px solid #00f;
  width:10vw;
  height:4.5vh;
 /* padding: 8px;*/
}


.rec_radius{
width:10vw;
height:5vh;
background-color:#ffffff;
border-radius: 0.6vw;	
border: 3px solid #00f;
}

.d1 {
width: 10px; 
height: 10px;
background: #83A7C9;
border-radius: 50%;
}

.img_trap {
clip-path: polygon(200px 0, calc(100% - 200px) 0,100% 100%, 0 100%);
}
a{
font-family:YanoneKaffeesatz_Bold;	
}

h1 {
	transform: rotate(270deg);
  transform-origin: top left;
  margin-left: 0rem;
  margin-top: 17rem;
  width: 20%;
  text-align: left;
  font-family:YanoneKaffeesatz_Bold;
  font-size:42px;
  color:#ffffff;
}

.t_osw_w
{
	margin-left: 0rem;
	margin-top: 0rem;
	font-family:Oswald;
	font-size:1.4vw;
	color: var(--color1);
	text-align: left;
	font-size:1vw;
	text-shadow: -1px -1px 0 #ff00ff, 1px -1px 0 #ff00ff, -1px 1px 0 #ff00ff, 1px 1px 0 #ff00ff;
	/*border-left: 1px solid #000;
  border-right: 1px solid #000;*/
}
.t_com_w
{
	margin-left: 0rem;
	margin-top: 0rem;
	font-family:Comfortaa_Light;
	font-size:14px;
	color: var(--color1);
	text-align: left;
	font-size:1vw;
	text-shadow: -1px -1px 0 #ff00ff, 1px -1px 0 #ff00ff, -1px 1px 0 #ff00ff, 1px 1px 0 #ff00ff;
}
.t_com_w2
{
	margin-left: 0rem;
	margin-top: 0rem;
	font-family:Comfortaa_Light;
	font-size:14px;
	color: var(--color1);
	text-align: left;
	font-size:1vw;
	text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}

.t_com_m
{
	margin-left: 0rem;
	margin-top: 0rem;
	font-family:Comfortaa;
	color: var(--color1);
	text-align: center;
	font-size:1vw;
}

.table {
	width: 950px;
	margin-bottom: 20px;
	border: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 3px solid #fff;
	border-collapse: collapse; 
	outline: 3px solid #000000;
	font-size: 16px;
	background: #fff!important;
}
.table th {
	font-family: Comfortaa_Light;
	padding: 7px;
	background: #9400D3;
	border: none;
	text-align: left;
	font-size: 15px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #9400D3;
	color: #ffffff;
}
.table td {
	padding: 7px;
	border: none;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 15px;
	color: #000000;
}
.table tbody tr:nth-child(even){
	background: #f8f8f8!important;
}
.Button_form
{
   border: 0px #000000 solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #ff00ff;
   color: #ffffff;
   font-family: Comfortaa_Light;
   font-weight: normal;
   
   font-size: min(1vw, 16px);
  
}
.Button_form:hover
{
	cursor: pointer;
	transform: scale(0.93);
}
.Button_form:active 
{	
	font-size: 14px;   
}



.nav{
  width: 100%;
  border-right: none; 
}
.nav_p {
  width: 100%;
  background: #080808;
  border-right: none; 
}
.nav_ul {
  overflow: hidden;
  margin: 10px;
  
}
.nav_ul_z {
   overflow: hidden;
   margin: 0px;
    
}
.nav_ul_poisk {
  margin: 0;
  padding: 2px;
  
}
.nav_ul_li {
  list-style: none;
  float: left;
  text-align: center ;
  width: calc(100% / 6);
  box-sizing: border-box;
  background: linear-gradient(#FFFFE0,#0000FF,#FFFFE0);
  padding: 5px;
}
.nav_ul_obhiy {
  margin-top: 2rem;
  list-style: none;
  float: left;
  width: 20%;
  box-sizing: border-box;
  background: transparent;
 /*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
}

.nav_ul_li_5 {
  list-style: none;
  float: left;
  text-align: center;
  width: calc(100% / 2);
  box-sizing: border-box;
   background: linear-gradient(#202124,#000000);
}

.nav_ul_li5 {
  list-style: none;
  width: 50%;
  box-sizing: border-box;
  background: transparent ;
  
}

.nav_a {
	
  width: 100%;
  border-right: none;   
}
.nav_ul_a {
  overflow: hidden;
  margin: 20px;
  padding: 0;
}
.nav_ul_li_a {
 
  list-style: none;
  float: left;
  text-align: left;
  /*width: calc(100% / 6);*/
  box-sizing: border-box;
  
  height:12vw;
}

.istiry {
 
  position: relative;
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  height: 900px;
  text-decoration: none;
}
.nav_ul_li_lk1 {
 
  list-style: none;
  float: left;
  text-align: left;
  /*width: calc(100% / 6);*/
  box-sizing: border-box;
  height: 11vw;
}
.nav_ul_li_img {
  list-style: none;
  float: left;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  transition: 1s;
}
.text6
{
	margin-left:3rem;
	margin-top: 0.5rem;
	font-family:Manrope_Medium;
	color: #000000;
	text-align: left;
	font-size:0.9vw;
}
.text61
{
	margin-left:0rem;
	margin-top: 1rem;
	font-family:Comfortaa_Light;
	color: #ffffff;
	text-align: left;
	font-size:1.1vw;
}
.text62
{
	margin-left:3rem;
	margin-top: 1rem;
	font-family:Comfortaa_Light;
	color: #ffffff;
	text-align: left;
	font-size:1.1vw;
}
.text67
{
	margin-left: 1rem;
	margin-top: 1.2vh;
	font-family:Comfortaa_Light;	
	color: #ffffff;
	text-align: left;
	font-size:0.9vw;
}
.text68
{
	margin-left: 2rem;
	margin-top: 2rem;
	font-family:Comfortaa_Light;
	color: #ffffff;
	text-align: center;
	font-size:0.8vw;
}
.text6_6
{
	margin-left: 0rem;
	margin-top: 1rem;
	font-family:Comfortaa_Light;
	font-size:14px;
	color: #ffffff;
	text-align: center;
	font-size:0.9vw;
	
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.text166
{
	margin-left: 0rem;	
	font-family:Manrope_Medium;
	font-size:14px;
	color: #000000;
	text-align: center;
	font-size:0.9vw;
	
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.text_in:focus {
  background: #aeeeff;
  border: 2px solid red;
    border-radius: 4px;
}

.text_in
{
	margin-left: 0rem;	
	font-family:Manrope_Medium;
	color: #000000;
	text-align: left;
	font-size:0.9vw;
	border: 1px solid blue;
    border-radius: 4px;	
    background: #ffffff;
}

.text66
{
	margin-left: 0rem;
	margin-top: 1rem;
	font-family:Manrope_Medium;
	font-size:14px;
	color: #ffffff;
	text-align: center;
	font-size:0.9vw;
	
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.text6_1
{
	color: #fffff;
	margin-top: 0rem;
    font-family:Comfortaa;
	font-size:14px;
	text-align: center;
	font-size:1vw;
	text-shadow: -1px -1px 0 #0000ff, 1px -1px 0 #0000ff, -1px 1px 0 #0000ff, 1px 1px 0 #0000ff;
}

.text_priz
{
	color: #fffff;
	margin-top: 0rem;
    font-family:Comfortaa;
	font-size:14px;
	text-align: center;
	font-size:1vw;
	text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #ff0000, -1px 1px 0 #ff0000, 1px 1px 0 #ff0000;
}
.text6_2
{
	
	margin-top: 0rem;
	font-family:Manrope_Medium;
	font-size:16px;
	color: #000000;
	text-align: center;
	
}
.nav_ul_li_aw {
  margin-left: 2rem;
  margin-top: 0rem;
  list-style: none;
  float: left;
  text-align: center;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  
}
.nav_ul_li_dx {
  margin-left: 2rem;
  margin-top: 1rem;
  list-style: none;
  float: left;
  text-align: center;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  /*background: linear-gradient(#202124,#000000);*/
}
/*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/


.text22
{
	margin-left: 0rem;
	margin-top: 3rem;
	font-family:YanoneKaffeesatz_Bold;
	font-size:3vw;
    color: var(--color2);    
	text-align: center;
	text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}


.nav3 {
  width: 100%;
  border-right: none;
}


.nav7 {
  margin: 1px;
  width: 100%;
  border-right: none; 
}

#nav7_hide {
  display: none;
  margin: 25px;
  width: 100%;
  border-right: none; 

}
#nav7_foto {
  display: none;
  margin: 25px;
  width: 100%;
  border-right: none; 

}
#nav7_qsl {
  display: none;
  margin: 25px;
  width: 100%;
  border-right: none; 

}
#showHide_poisk {
  border-right: none; 

}

.nav2 {
  
  width: 40%;
  height:300px;
/*  background: #474a51;*/
  background: linear-gradient(90deg, #202124,#000000);
  border-right: none;
  /*border-radius: 20px;*/
  
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px #202124,
   23px 0 20px -23px #474a51,
   0 0 40px rgba(0, 0, 0, .1) inset;
}
.nav10 {
	
  width: 100%;
  background-image: url("glav/images/shapka2.jpg");
  border-right: none;
}
.Image11
{
    width:110px;
    height:90px;
    text-align: left;
    background-color:  transparent;
}
.text77
{	
	font-family:Comfortaa_Light;
	font-size:28px;
	color: #ffffff;
	text-align: center;
}
.text78
{
	margin: 20px;
	font-family:Comfortaa_Light;
	font-size:28px;
	color: #ffffff;
	text-align: center;
}

.Image_y
{
	margin-top: -1rem;
    width:130px;
    height:50px;
    text-align: left;
    background-color:  transparent;
}
.Image2
{
    width:4vw;
    max-width: 100%;
    height:auto;
    text-align: center;
    background-color:  transparent;
    
}
.Image2_1
{
    width:8vw;
    margin-top: 2rem;
    max-width: 100%;
    height:auto;
    text-align: center;
    background-color:  transparent;
    
}

.award_mini
{
    width:20vw;
    height:auto;
    text-align: center;
    background-color:  transparent;
    
}

.Image_lk_z
{
	margin-top: 1rem;
	margin-left: 1vw;
    width:14vw;
    max-width: 100%;
    height:auto;
    text-align: center;
    background-color:  transparent;
    
}

.Image_lk2
{
	margin-top: 1rem;
	margin-left: 1rem;
    width:5vw;
    max-width: 100%;
    height:auto;
    text-align: center;
    background-color:  transparent;
}

.Image2_min
{
	margin-top: 0rem;
	margin-left: 0rem;
    width:1vw;
    max-width: 100%;
    height:auto;
    
    background-color:  transparent;
    
}
.Image2_clik
{
	margin-top: 0rem;
	margin-left: 0rem;
    width:40px;
    max-width: 100%;
    height:auto;
    text-align: left;
    background-color:  transparent;   
}
.text7
{
	
	font-family:Comfortaa_Light;
	font-size:1vw;
	color: #ff00ff;
	text-align: left;
	font-weight:bold;
}


.nav_ul_70 {

height: 100%;
width: 100%; 
margin-left: 3rem;
margin-top: 1rem;
}
.nav_ul_priz {
  margin-top: 1rem;
  list-style: none;
  float: left;
  text-align: center;
  /*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(#FFFFE0,#ff0000,#FFFFE0);
  padding: 8px;
}


  /*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/

.nav_ul_li_i1 {
  margin-top: 1rem;
  list-style: none;
  float: left;
  text-align: center;
  /*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(#FFFFE0,#0000FF,#FFFFE0);
  padding: 8px;
}
.nav_ul_li_i2 {
  list-style: none;
  float: left;
  text-align: center;
  /*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
  width: 60%;
  box-sizing: border-box;
}

.nav_ul_li_p {
height: 40px;
width: 100%; 
margin-left: 3rem;
margin-top: 1rem;
}

.nav_ul_li3 {
	/*background-image: url("/images/pip1.png");
	background-size: no-repeat;
	background-position: center;
	background-size: cover;*/
	
  /*padding: 5em;*/
  
  
 /* border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
  
  
  margin-top: 3rem;
  height: 220px;
  list-style: none;
  float: left;
  text-align: left;
  width: 39%;
 /* width: calc(98% / 2);*/
  /*box-sizing: border-box;*/
  
/*  background: #474a51;*/
  background: linear-gradient(90deg, #000000,#101112);
  border-right: none;
  /*border-radius: 20px;*/
  
  /*margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px #202124,
   23px 0 20px -23px #474a51,
   0 0 40px rgba(0, 0, 0, .1) inset;*/
}

.nav_ul_li4 {
	/*background-image: url("/images/pip1.png");
	background-size: no-repeat;
	background-position: center;
	background-size: cover;*/
	
  /*padding: 5em;*/
  
  
 /* border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
  
  
  margin-top: 3rem;
  height: 220px;
  list-style: none;
  float: left;
  text-align: left;
  width: 60%;
  /*width: calc(98% / 2);*/
  /*box-sizing: border-box;*/
  
/*  background: #474a51;*/
  /*background: linear-gradient(90deg, #202124,#101112);*/
  border-right: none;
  /*border-radius: 20px;*/
  
  /*margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px #202124,
   23px 0 20px -23px #474a51,
   0 0 40px rgba(0, 0, 0, .1) inset;*/
}

.nav_ul_li5 {
  margin-top: 0rem;
  height: 220px;
  list-style: none;
  float: left;
  text-align: left;
  width: 40%;
  border-right: none;
 
}
.nav_ul_li55 {
  margin-top: 0rem;
  height: 220px;
  list-style: none;
  float: left;
  text-align: left;
  width: 20%;
  border-right: none;
 
}
.nav_ul_li7 {
  margin-top: 6rem;
  list-style: none;
  float: left;
  text-align: center;
  width: 15%;
  border-right: none;
}

.nav_ul_li6 {
  margin-top: 3rem;
  list-style: none;
  float: left;
  text-align: center;
  width: 15%;
  border-right: none;
}

.nav_ul_li77 {
  margin-top: 0rem;
  list-style: none;
  float: left;
  text-align: left;
  width: 71.5%;
  border-right: none;
 /*border-left: 1px solid #fff;
  border-right: 1px solid #ccc;*/
}

.nav_ul_centr {
	margin: 0 auto;
  margin-top: 0rem;
  display: flex;
  text-align: center;
  justify-content: center;
 
}

.nav_ul_li78 {
  margin-top: 0rem;
  height: 420px;
  list-style: none;
  float: left;
  text-align: left;
  width: 68%;
  border-right: none;
 
}


.nav_ul_li1 {
  list-style: none;
  float: left;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  width: 10%; /* fallback for non-calc() browsers */
  box-sizing: border-box;
}
.nav_ul_li2 {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  list-style: none;
  float: left;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  width: 15%; /* fallback for non-calc() browsers */
  box-sizing: border-box;
}

.nav_ul_li_lkz {

  list-style: none;
  float: left;
  padding: 7px 0;
  box-sizing: border-box;
}

.nav_ul_li10 {

  list-style: none;
  float: left;
  text-align: right;
  padding: 15px 0;
  width: 45%; /* fallback for non-calc() browsers */
  box-sizing: border-box;
}
.nav_ul_li20 {

  display: block;
  text-decoration: none;
  padding: 26px 0;
  list-style: none;
  float: left;
  text-align: left; 
  width: 55%; /* fallback for non-calc() browsers */
  box-sizing: border-box;
}




.nav_ul_li11 {
  
  height: 8em;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color:  #ffff00;	
  width: calc(100% / 12);
  box-sizing: border-box;
}
.nav_ul_li21 {
  display: block;
  text-decoration: none;
  padding: 10px 0;
  list-style: none;
  float: left;
  text-align: left;
  
  width: 55%; /* fallback for non-calc() browsers */
  box-sizing: border-box;
}



.nav_ul_li:first-child {
  border-left: none;
}

nav ul li a {
	font-family:Comfortaa;
	font-size:16px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 10px 0;
}

.p {
  text-align: center;
  font-size: 14px;
  margin-top: 80px;
}
#Image11
{
    width:90px;
    height:40px;
    text-align: left;
    background-color:  transparent;
}
#Image1
{
    width:130px;
    height:auto;
    text-align: left;
    background-color:  transparent;
}

.Image3
{
	
	margin-top: 1rem;
	margin-left: 0rem;
    width:150px;
    height:auto;
    text-align: left;
    background-color:  transparent;
    transition: 1s;
}
.Image33
{
	margin-top: 2rem;
    width:100px;
    max-width: 100%;
    height:auto;
    text-align: center;
    background-color:  transparent;
}
#Image7
{
	
    width:50px;
    height:auto;
    background-color:  transparent;
}


.d20 {
margin-bottom: 20px; 
width: 0; 
height: 0;
border: 50px solid transparent;
border-bottom: 70px solid #47002D;
position: relative; 
top: -50px;
}
.d20:after {
content: "";
width: 0; 
height: 0;
position: absolute; 
left: -50px; 
top: 70px;
border: 50px solid transparent;
border-top: 70px solid #47002D;
}

#text1 
{
	font-family:Comfortaa;
	font-size:18px;

	color: #ffffff;
	text-align: top;
}

#text8 
{
	font-family:YanoneKaffeesatz_Bold;
	font-size:38px;
	color: #ffffff;
	text-align: left;
}


#text2
{
	margin-left: 14rem;
	margin-top: 3rem;
	font-family:YanoneKaffeesatz_Bold;
	font-size:56px;
	color: #ffffff;
	text-align: left;
}

.text3
{
	margin-left: 2rem;
	margin-top: 2rem;
	font-family:Manrope_Medium;
	font-size:0.9vw;
	color: #0000ff;
	text-align: left;
}

.ssylka1
{
	margin-left: 2rem;
	margin-top: rem;
	font-family:Manrope_Medium;
	font-size:0.9vw;
	color: #0000ff;
	text-align: left;
}

#text4
{
	margin-left: 5rem;
	margin-top: 2rem;
	font-family:Comfortaa_Light;
	font-size:12px;
	color: #ffffff;
	text-align: left;
}
#text5
{
	padding: 4px;
	margin-left: 5rem;
	margin-top: 1rem;
	font-family:Comfortaa_Light;
	font-size:14px;
	color: #ffffff;
	text-align: left;
}
.text5
{
	padding: 4px;
	margin-left: 5rem;
	margin-top: 0.3rem;
	font-family:Comfortaa_Light;
	font-size:14px;
	color: #ffffff;
	text-align: left;
}
.text55
{
	margin-left: 5rem;
	margin-top: 1rem;
	font-family:Comfortaa_Light;
	font-size:16px;
	color: #ffffff;
	text-align: center;
}
#text6
{
	
	margin-left: 9rem;
	margin-top: 0.4rem;
	font-family:Comfortaa_Light;
	font-size:18px;
	color: #000000;
	text-align: left;
}

#text7
{
	font-family:Comfortaa_Light;
	font-size:18px;
	color: #FF1493;
	text-align: left;
}


.text9
{
	margin-left: 0rem;
	font-family:Comfortaa_Light;
	font-size:16px;
	color: #FF1493;
	text-align: left;
}
.text10
{
	font-family:Comfortaa_Light;
	font-size:16px;
	color: #FF1493;
	
}

.text11
{
	position:absolute;
	left:85px;
	top:20px;
	font-family:Comfortaa_Light;
	font-size:16px;
	color: #ffffff;
	
}
.lk_text1
{   
    position:absolute;
	left:85px;
	top:20px;
	font-family:Oswald;
	font-size:16px;
	color: #ffffff;
	
}
.lk_text2
{
	margin-left: 1rem;
	margin-top: 0rem;
	font-family:Oswald;
	font-size:16px;
	color: #ffffff;
	
}

.round {
  width: 10em;
  height: 10em;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color:  #ffff00;
}

.text_c
{
	margin-top: 0rem;
	font-family:Comfortaa_Light;
	font-size:25px;
	text-align: center;
	color:#0000ff;
	text-shadow: -1px -1px 0 #ff00ff, 1px -1px 0 #ff00ff, -1px 1px 0 #ff00ff, 1px 1px 0 #ff00ff;
	/*-webkit-text-stroke: 1px #ffffff;*/
}



.text_c1
{
	margin-top: 0rem;
	font-family:Oswald;
	font-size:25px;
	text-align: center;
	color:#ffffff;
}
.text_c2
{
	margin-top: 0rem;
	font-size:25px;
	text-align: center;
	/*border-left: 1px solid #000;
  border-right: 1px solid #000;*/
}

.text_c3
{
	margin-top: 0rem;
	font-family:Comfortaa_Light;
	font-size:1vw;
	text-align: left;
	color:#ffffff;
}










/*body {
  height: 100vh;
  display: flex;
  align-items: center;
}*/

#div5 {
  
  width: 100%;
  display: grid;
  grid-gap: 0rem;
  grid-template-columns:50px 1fr 50px;
  grid-template-rows: 160px;
 
}

ul6 {

  width: 100%;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(1, 55px);
  list-style: none;
  overflow: hidden;
  scroll-snap-type: x mandatory;
}

ul5 {

  width: 100%;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(30, 95px);
  list-style: none;
  overflow: hidden;
  scroll-snap-type: x mandatory;
 
}

li5 {
 /* background-color: #c62828;
  scroll-snap-align: center;*/
border: 6px solid #0000ff;
/*scroll-snap-align: center;*/

text-align: center;
width: 120px; 
height: 120px;
border-radius: 50%;
}

li5_n {
 /*background-color: #c62828;
  scroll-snap-align: center;*/
/*border: 6px solid #0000ff;*/*/
/*scroll-snap-align: center;*/

text-align: center;
width: 140px; 
height: 140px;
/*border-radius: 50%;*/
}

li6 {
text-align: center;	
width: 100px; 
height: 110px;
background-color: #000000;
border: 6px solid #000000;
}

button {
  background-color: #212121;
  border: none;
  cursor: pointer;
}

#left5 {
  
  background-color: transparent;
  
}

#right5 {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #ffffff;
}


.btn1:hover
{
	cursor: pointer;
	transform: scale(1.15);
	border: 6px solid #ff00FF;
	
}
.btn1:active 
{
	
	font-size: 14px;
    transform: scale(1.0);
    box-shadow: 2px 3px 3px 2px rgba(100, 0, 0, 0);
    Lowering the shadow 
    
}

.btn2:hover
{
	cursor: pointer;
	transform: scale(1.2);
	border: 6px solid #ffff00;
	
}
.btn2:active 
{
	
	font-size: 14px;
    transform: scale(1.0);
    box-shadow: 2px 3px 3px 2px rgba(100, 0, 0, 0);
    Lowering the shadow 
    
}


.btn1_n:hover
{
	cursor: pointer;
	transform: scale(1.2);
	/*border: 6px solid #ff00FF;*/
	
}
.btn1_n:active 
{
	
	font-size: 14px;
    transform: scale(1.0);
    /*box-shadow: 2px 3px 3px 2px rgba(100, 0, 0, 0);*/
    Lowering the shadow 
    
}

.clik:hover
{
	cursor: pointer;
	transform: scale(0.95);
	//border: 6px solid #ff00FF;
	
}
.clik:active 
{
	
	font-size: 14px;
    transform: scale(0.8);
    //box-shadow: 2px 3px 3px 2px rgba(100, 0, 0, 0);
    //Lowering the shadow 
    
}

.Form1
{
	margin-left: 1rem;
	margin-top: 1rem;
	padding: 8px;
    background-color: #000000;
    
}
.Form2
{
	margin: 0 auto;
	margin-left: 1rem;
	margin-top: 1rem;
	padding: 13px;
    background-color: #000000;

}
.Combobox2
{
	margin-left: 2rem;
   width: 60px; 
   height: 25px;
   border: 1px #A9A9A9 solid;
   background-color: #000000;
   color: #ffffff;
   font-family: Comfortaa_Light;
   font-size: 16px;
   outline:none;
   cursor:pointer;
}

.Editbox1
{
	margin-left: 0rem;
   width: 185px; 
   height: 25px;
   border: 1px #A9A9A9 solid;
   background-color: #000000;
   color: #ffffff;
   font-family: Comfortaa_Light;
   font-size: 16px;
   outline:none;
   cursor:pointer;
}
.text_edit
{
   margin-left: 0rem;
   border: 1px #000000 solid;
   background-color: #ffffff;
   color: #000000;
   font-family: Comfortaa_Light;
   font-size: 16px;
   outline:none;
   cursor:pointer;
}
.text_edit:focus {
  background-color: #ffffff;
}


.arrow_example_1 {

width: 15px;
height: 15px;
border-top: 2px solid #ffffff !important;
border-right: 2px solid #ffffff !important;
transform: rotate(-135deg);
display: inline-block;
transition: 1s;
}

#Form_adif
{
   width:100%;
   height:100%;   
}
  
#FileUpload1
{
   border: 0px #800000 solid;
   background-color: #FFFFFF;
   color: #000000;
   font-family:Arial;
   font-weight: normal;
   font-size: 15px;
}
#wb_Form2
{

   position:relative;
   width:500px;
   height:800px;
   background-color: #ffffff;
   border: 1px #1C1C1C solid;
   z-index:140;
   margin: auto;
}

#wb_Form_ftm
{
   
   position:relative;
   width:500px;
   height:500px;
   background-color: #ffffff;
   border: 1px #1C1C1C solid;
   z-index:140;
   margin: auto;
}

#wb_Form7
{
   
   position:relative;
   width:600px;
   height:300px;
   background-color: #ffffff;
   border: 1px #000000 solid;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   z-index:140;
   margin: auto;
}

#div_center
{  position:relative;
   background-color: transparent;
   border: 0px #ffffff solid;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   z-index:140;
   margin: auto;
}


.input-file {
	
	position:absolute;
	left:200px;
	top:70px;	
	display: inline-block;
}

.input-file-btn {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: var(--color1);
	text-align: center;
	border-radius: 4px;
	background-color:  var(--color2);
	line-height: 22px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	
	font-family: Comfortaa_Light;
}
.input-file-text {
	padding: 0 10px;
	line-height: 40px;
	display: inline-block;
	color: var(--color1);
	font-family: Comfortaa_Light;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */
.input-file input[type=file]:focus + .input-file-btn {
	box-shadow: 0 0 0 0.2rem var(--color3);
}
 
/* Hover/active */
.input-file:hover .input-file-btn {
	background-color: var(--color3);
}
.input-file:active .input-file-btn {
	background-color: #4B0082;
}
 
/* Disabled */
.input-file input[type=file]:disabled + .input-file-btn {
	background-color: #eee;
}





.field__wrapper {
	top:50px;
  width: 100%;
  position: relative;
  margin: 15px 0;
  text-align: center;
}
 
.field__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
 
.field__file-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
 
.field__file-fake {
  height: 60px;
  width: calc(100% - 170px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  border: 1px solid #c7c7c7;
  border-radius: 3px 0 0 3px;
  border-right: none;
  color:#000000;
   font-family:Comfortaa_Light;
	font-size:1.125rem;
}

 
.field__file-button {
  width: 130px;
  height: 60px;
  background: var(--color2);
  color: #fff;
  font-family:Comfortaa_Light;
	font-size:1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}


.field__file-button2 {
  width: 230px;
  height: 60px;
  background: var(--color2);
  color: var(--color1);
  font-family:Comfortaa_Light;
	font-size:1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  border: 1px solid #0000ff;
  
}



.marquee-wrapper {
  width: 400px;
  overflow: hidden;
  position: relative;
}

.marquee {
  white-space: nowrap;
  color: #000000;
}




/*#zatemnenie2 {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 9999;
      }
#zatemnenie2:target {display: block;}*/






#zatemnenie {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 9999;
      }
#okno {
        width: 900px;
        height: 500px;
        text-align: center;
        padding: 15px;
        border: 1px solid #ffffff;
       /* border-radius: 5px;*/
        color: #0000cc;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: transparent;
        
        
         background-image: url("/images/inlk.png");
         background-repeat: no-repeat;
        background-size: cover;
        
        
}
#zatemnenie:target {display: block;}

.close {
    background-image:url(/glav/images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;  
}
.close:hover {
	transform: scale(1.2); 
}
.zatemnenie {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 9999;
} 

.zatemnenie_qso {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 9999;
} 

.okno {
        width: 900px;
        height: 500px;
        text-align: center;
        padding: 15px;
        border: 1px solid #ffffff;
       /* border-radius: 5px;*/
        color: #0000cc;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: transparent;
        
        
         background-image: url("/images/inlk.png");
         background-repeat: no-repeat;
        background-size: cover;
        
        
}  

.okno_r {

        text-align: center;

        border: 1px solid #ffffff;
       /* border-radius: 5px;*/
        color: #0000cc;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: transparent;
         background-repeat: no-repeat;
        background-size: cover;
        
        
}     
      
      
      
.wb_Text10 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
   font-family:Comfortaa_Light;
   font-size:18px;
   Color: #000000;
}

#wb_Form1
{
   font-family:YanoneKaffeesatz_Bold;
   background-color: #ffffff;
   border: 1px #000000 solid;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   /* box-shadow: 3px 1px 4px 2px #989898 inset;*/ 
}

#Editbox1
{
   border: 1px #A9A9A9 solid;
   background-color: #FFFFFF;
   color :#000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   text-align: left;
   vertical-align: middle;
}


#Button4
{
   border: 0px #000000 solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #800080;

   color: #ffffff;
   font-family: Comfortaa_Light;
   font-weight: normal;
   font-size: 16px;
}
.gradient-text {
	position: absolute; 
	left:5px;
	top: 5px;
  font-family: YanoneKaffeesatz_Bold;
  font-size: 35px;
  color: #ffffff;
}
#Image11
{
    width:90px;
    height:40px;
    text-align: left;
    background-color:  transparent;
}


p_anime {
  animation-duration: 3s;
  animation-name: slidein;
  animation-iteration-count: 1;
}


@keyframes slidein {
  from {
    margin-left: 900px;
    width: 500%;
    color: #ffffff;
  }

  to {
    margin-left: 0px;
    width: 100%;
    color: red;
  }
}



.mekina-buleva span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 90px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333; 
    border-radius: 5px;
    visibility: visible;
    z-index: 9999;
}
.alignnone{
	width: 160px;
    height: auto;
}

/*<a class='mekina-buleva' href=''><img src='images/img1.png' class='Image2_clik' alt=''><span><img class='alignnone' src=/lk/e_award/mini/".$ANGL.".jpg ></td></span></a>*/