@keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@keyframes animate-fade-in-up
{
   0% { transform: translate(0px,100px) rotate(0deg) ; opacity: 0;  }
   100% { transform: translate(0px,0px) rotate(0deg) ; opacity: 1;  }
}
@keyframes animate-flash
{
   0% { opacity: 1;  }
   25% { opacity: 0;  }
   50% { opacity: 1;  }
   75% { opacity: 0;  }
   100% { opacity: 1;  }
}
@keyframes filter-blur-in
{
   0% { filter: blur(20px);  }
   100% { filter: blur(0);  }
}
@keyframes flip-in
{
   0% { transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2) ; opacity: 0;  }
   50% { transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
   100% { transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0) ;  }
}
a.wixily-nevy
{
   color: #254251;
   text-decoration: none;
}
a.wixily-nevy:visited
{
   color: #254251;
   text-decoration: none;
}
a.wixily-nevy:active
{
   color: #DC7215;
   text-decoration: none;
}
a.wixily-nevy:hover
{
   color: #DC7215;
   text-decoration: none;
}
a.wixily-nevy2
{
   color: #000E1C;
   text-decoration: none;
}
a.wixily-nevy2:visited
{
   color: #000E1C;
   text-decoration: none;
}
a.wixily-nevy2:active
{
   color: #000E1C;
   text-decoration: none;
}
a.wixily-nevy2:hover
{
   color: #FFFFFF;
   text-decoration: none;
}
a.wixily-white
{
   color: #FFFFFF;
   text-decoration: none;
}
a.wixily-white:visited
{
   color: #FFFFFF;
   text-decoration: none;
}
a.wixily-white:active
{
   color: #DC7215;
   text-decoration: none;
}
a.wixily-white:hover
{
   color: #DC7215;
   text-decoration: none;
}
a.astro
{
   color: #DC1441;
   text-decoration: none;
}
a.astro:visited
{
   color: #DC1441;
   text-decoration: none;
}
a.astro:active
{
   color: #DC1441;
   text-decoration: none;
}
a.astro:hover
{
   color: #FFFFFF;
   text-decoration: none;
}
a.tranxant_nevy_b
{
   color: #000122;
   text-decoration: none;
}
a.tranxant_nevy_b:visited
{
   color: #000122;
   text-decoration: none;
}
a.tranxant_nevy_b:active
{
   color: #D09800;
   text-decoration: none;
}
a.tranxant_nevy_b:hover
{
   color: #D09800;
   text-decoration: none;
}
a.business1
{
   color: #1E90FF;
   text-decoration: none;
}
a.business1:visited
{
   color: #1E90FF;
   text-decoration: none;
}
a.business1:active
{
   color: #1E90FF;
   text-decoration: none;
}
a.business1:hover
{
   color: #000000;
   text-decoration: none;
}
a.business2
{
   color: #FFFFFF;
   text-decoration: none;
}
a.business2:visited
{
   color: #F5F5F5;
   text-decoration: none;
}
a.business2:active
{
   color: #F5F5F5;
   text-decoration: none;
}
a.business2:hover
{
   color: #000000;
   text-decoration: none;
}
a.appo
{
   color: #004D40;
   text-decoration: none;
}
a.appo:visited
{
   color: #004D40;
   text-decoration: none;
}
a.appo:active
{
   color: #004D40;
   text-decoration: none;
}
a.appo:hover
{
   color: #B1BE16;
   text-decoration: none;
}
a.appo2
{
   color: #B1BE16;
   text-decoration: none;
}
a.appo2:visited
{
   color: #CAEA15;
   text-decoration: none;
}
a.appo2:active
{
   color: #FFFFFF;
   text-decoration: none;
}
a.appo2:hover
{
   color: #FFFFFF;
   text-decoration: none;
}
a.votality
{
   color: #00CA98;
   text-decoration: none;
   transition: all 620ms ease-in-out;
   position: relative;
   display: inline-block;
}
a.votality::after
{
   background: transparent;
   content: "";
   display: block;
   position: absolute;
   top: 100%;
   width: 100%;
   left: 0;
   height: 1px;
   background: #F85A07;
   opacity: 0;
   transform: translateY(10px);
   margin-top: 1px;
   transition: all 620ms ease-in-out;
}
a.votality:hover::after
{
   background: #F85A07;
   opacity: 1;
   transform: translateY(0px);
}
a.votality:visited
{
   color: #00CA98;
   text-decoration: none;
}
a.votality:active
{
   color: #00CA98;
   text-decoration: none;
}
a.votality:hover
{
   color: #F85A07;
   text-decoration: none;
}
a.votality2
{
   color: #00CA98;
   text-decoration: none;
}
a.votality2:visited
{
   color: #00CA98;
   text-decoration: none;
}
a.votality2:active
{
   color: #103441;
   text-decoration: none;
}
a.votality2:hover
{
   color: #103441;
   text-decoration: none;
}
a.flashive
{
   color: #FFFFFF;
   text-decoration: none;
   text-shadow: 1px 3px 14px rgba(0,0,0,0.40);
   transition: all 300ms linear;
}
a.flashive:visited
{
   color: #FFFFFF;
   text-decoration: none;
}
a.flashive:active
{
   color: #1E90FF;
   text-decoration: none;
}
a.flashive:hover
{
   color: #1E90FF;
   text-decoration: none;
}
a.flashive2
{
   color: #FEE715;
   text-decoration: none;
}
a.flashive2:visited
{
   color: #FEE715;
   text-decoration: none;
}
a.flashive2:active
{
   color: #FFFFFF;
   text-decoration: none;
}
a.flashive2:hover
{
   color: #FFFFFF;
   text-decoration: none;
}
h1, .h1
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h2, .h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 27px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h3, .h3
{
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h4, .h4
{
   font-family: Arial;
   font-weight: bold;
   font-size: 21px;
   font-style: italic;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h5, .h5
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h6, .h6
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
.CustomStyle
{
   font-family: "Courier New";
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #2E74B5;
   --color: #2E74B5;
   background-color: transparent;
}
.style1
{
   text-decoration: none;
   background-color: transparent;
   cursor: pointer;
   transform: rotate(90deg);
}
.menu_style1
{
   text-decoration: none;
   background-color: transparent;
   cursor: pointer;
   -webkit-transform: rotate(-45deg) translate(-9px, 6px);
   transform: rotate(-45deg) translate(-9px, 6px);
   transition: 0.8s;
}
.menu_style2
{
   text-decoration: none;
   background-color: transparent;
   cursor: pointer;
   -webkit-transform: rotate(45deg) translate(-8px, -8px);
   transform: rotate(45deg) translate(-8px, -8px);
   transition: 0.8s;
}
.menu_hm1
{
   text-decoration: none;
   background-color: transparent;
   -webkit-transform: translateY(22px) translateX(0) rotate(225deg);
   -webkit-transition: all 320ms ease-in;
   transition: all 320ms ease-in;
   width: 100%;
}
.menu_hm2
{
   text-decoration: none;
   background-color: transparent;
   -webkit-transform: translateY(-22px) translateX(0) rotate(-225deg);
   -webkit-transition: all 320ms ease-in;
   transition: all 320ms ease-in;
   width: 100%;
}
.menu1
{
   text-decoration: none;
   background-color: transparent;
   -webkit-transform: rotate(-45deg) translate(-9px, 6px);
   transform: rotate(-45deg) translate(-9px, 6px);
   transition: 0.8s;
}
.menu3
{
   text-decoration: none;
   background-color: transparent;
   -webkit-transform: rotate(45deg) translate(-8px, -8px);
   transform: rotate(45deg) translate(-8px, -8px);
   transition: 0.8s;
}
.style2
{
   text-decoration: none;
   background-color: transparent;
   -webkit-transform: rotate(90deg) translate(-9px, 6px);
   transform: rotate(90deg) translate(-9px, 6px);
   transition: 0.8s;
}
.btnon
{
   font-family: "Aileron Light";
   font-size: 15px;
   text-decoration: none;
   color: #000E1C;
   --color: #000E1C;
   background-color: #DC7215;
   --background-color: rgba(220,114,21,1.00);
   border: 1px solid #DC7215;
   --border-color: #DC7215;
   border-radius: 3px;
   -webkit-transition-delay: 0ms;
   cursor: pointer;
   transition-timing-function: linear;
   transition-duration: 200ms;
   -webkit-transition-duration: 200ms;
   transition-property: all;
   -webkit-transition-property: all;
   -moz-transition-duration: 200ms;
   -moz-transition-property: all;
   transition-delay: 0ms;
   -moz-transition-timing-function: linear;
   -webkit-transition-timing-function: linear;
   border-radius: 3px;
   -moz-transition-delay: 0ms;
}
.btnoff
{
   font-family: "Aileron Light";
   font-size: 15px;
   text-decoration: none;
   color: #DCDCDC;
   --color: #DCDCDC;
   background-color: #F5F5F5;
   --background-color: rgba(245,245,245,1.00);
   border: 1px solid #DCDCDC;
   --border-color: #DCDCDC;
   border-radius: 3px;
   cursor: not-allowed;
   pointer-events: none;
}
.style3
{
   text-decoration: none;
   background-color: transparent;
   html, body {
    overflow: hidden;
   /* Скрыть прокрутку */
}

::-webkit-scrollbar {
    width: 0;
   height: 0;
   }

body {
    scrollbar-width: none;
   /* Для Firefox */
};
}
.no_scroll
{
   text-decoration: none;
   background-color: transparent;
   height: 0;
   width: 0;
}
.Menu_255
{
   text-decoration: none;
   background-color: rgba(0,0,0,0.20);
   --background-color: rgba(0,0,0,0.20);
   background-image: linear-gradient(to top, rgba(0,0,0,0.20) 0%, #000000 100%);
   backdrop-filter: blur(5px) ;
   -webkit-backdrop-filter: blur(5px) ;
}
.darktheme .Menu_255
{
   background-image: linear-gradient(to top, rgba(255,255,255,0.20) 0%, #000000 100%);
}
.Menu0
{
   text-decoration: none;
   background-color: rgba(0,0,0,0.00);
   --background-color: rgba(0,0,0,0.00);
   background-image: linear-gradient(to top, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.93) 100%);
}
.Menu_155
{
   text-decoration: none;
   background-color: rgba(36,37,38,0.08);
   --background-color: rgba(36,37,38,0.08);
   backdrop-filter: blur(11px) ;
   -webkit-backdrop-filter: blur(11px) ;
}
.aligment
{
   text-decoration: none;
   background-color: transparent;
}
.20pix
{
   text-decoration: none;
   background-color: transparent;
   margin-left: 20px;
}
.dock-layer
{
   text-decoration: none;
   background-color: transparent;
   .dock-layer {
  position: absolute;
   /* Относительно шапки */
  top: 66px;
   /* Отступ сверху = высота шапки */
  left: 0;
   width: 100%;
   z-index: 10;
   /* Можно уменьшить, если не должен перекрывать другие элементы */
};
}
.Menu_Button
{
   text-decoration: none;
   background-color: rgba(0,0,0,0.91);
   --background-color: rgba(0,0,0,0.91);
   backdrop-filter: blur(7px) ;
   -webkit-backdrop-filter: blur(7px) ;
}
.Login_Blur
{
   font-family: Montserrat;
   font-weight: 400;
   font-weight: 400;
   font-size: 19px;
   line-height: 32.04px;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: rgba(0,0,0,0.33);
   --background-color: rgba(0,0,0,0.33);
   border-radius: 7px;
   backdrop-filter: blur(42px) ;
   -webkit-backdrop-filter: blur(42px) ;
   animation-name: filter-blur-in;
   animation-duration: 500ms;
   animation-delay: 0ms;
   animation-timing-function: linear;
   animation-iteration-count: 1;
   animation-direction: normal;
   animation-fill-mode: none;
   backdrop-filter: blur(7px);
}
.Login_zagolovok
{
   font-family: "Open Sans";
   font-weight: 400;
   font-weight: 400;
   font-size: 19px;
   text-align: center;
   line-height: 66.04px;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: transparent;
}
.login_button
{
   font-family: "Open Sans";
   font-weight: 400;
   font-weight: 400;
   font-size: 19px;
   text-decoration: none;
   background-color: #FFFFFF;
   --background-color: rgba(255,255,255,1.00);
   border: 1px solid transparent;
   --border-color: #FFFFFF;
   border-radius: 7px;
   animation-name: animate-flash;
   animation-duration: 10000ms;
   animation-delay: 0ms;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-fill-mode: none;
}
.transperent
{
   text-decoration: none;
   background-color: rgba(0,0,0,0.00);
   --background-color: rgba(0,0,0,0.00);
}
.Button_Kvazarsoft
{
   font-family: Montserrat;
   font-weight: 400;
   font-weight: 400;
   font-size: 19px;
   text-align: center;
   line-height: 32.04px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: rgba(255,255,255,0.33);
   --background-color: rgba(255,255,255,0.33);
   border-radius: 7px;
   backdrop-filter: blur(42px) ;
   -webkit-backdrop-filter: blur(42px) ;
   animation-name: filter-blur-in;
   animation-duration: 500ms;
   animation-delay: 0ms;
   animation-timing-function: linear;
   animation-iteration-count: 1;
   animation-direction: normal;
   animation-fill-mode: none;
}
.Modal
{
   text-decoration: none;
   background-color: transparent;
}
.Logi_button
{
   font-family: Montserrat;
   font-weight: 400;
   font-weight: 400;
   font-size: 21px;
   text-decoration: none;
   color: #FFFFFF;
   --color: #FFFFFF;
   background-color: transparent;
}
@media only screen and (max-width: 480px)
{
}
@media only screen and (max-width: 320px)
{
}
