body
{
   background-color: #000000;
   background-image: url('../images/fon_cyber_light.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #000000;
   font-family: Montserrat;
   font-weight: normal;
   font-size: 15px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #FFFFFF;
   text-decoration: none;
}
a:visited
{
   color: #1E90FF;
}
a:hover
{
   color: #1E90FF;
   text-decoration: none;
}
#HeadsMains
{
   display: flex;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 7777;
   height: 66px;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
   margin: 0;
   box-sizing: border-box;
   font-size: 0;
}
#Login1
{
   border-spacing: 10px;
   width: 100%;
   height: 276px;
}
#Login1 td
{
   padding: 0;
}
#Login1 .header
{
   height: 0px;
}
#Login1 .label
{
   height: 26px;
}
#Login1 .row
{
   height: 38px;
   text-align: left;
}
#Login1 .input
{
   background-color: rgba(0,0,0,0.33);
   border: 0px solid rgba(255,255,255,0.60);
   border-radius: 7px;
   color: #FFFFFF;
   font-family: "Open Sans";
   font-weight: 300;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   height: 38px;
   box-sizing: border-box;
   padding: 6px 10px 6px 4px;
}
#Login1 .input:focus
{
   border-color: #1E90FF;
   outline: 0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(30,144,255,0.60);
}
#Login1 .button
{
   padding: 1px 40px 7px 40px;
   -webkit-appearance: none;
}
#wb_Login1
{
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#wb_FlexContainer1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   position: relative;
   width: 100%;
}
#FlexContainer1
{
   display: flex;
   position: relative;
   padding: 100px 10px 100px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   align-content: center;
   margin-top: 150px;
   margin-bottom: 100px;
   margin-right: auto;
   margin-left: auto;
   max-width: 400px;
   background-color: transparent;
   background-image: none;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Card9
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Card9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#wb_Image9
{
   margin: 0 0 0 50px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 145px;
   height: auto;
}
#Button1egh
{
   box-sizing: border-box;
   line-height: 56px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #1E1E1E;
   border-radius: 40px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   cursor: pointer;
   font-family: Montserrat;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 20px 0 0 0 ;
}
#Button1egh:focus
{
   outline: 0;
}
#wb_Icon1
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
   text-align: center;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
   vertical-align: top;
}
#wb_Icon1:hover
{
   background-color: #332D2D;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon1
{
   height: 22px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon1 i
{
   color: #1E90FF;
   display: inline-block;
   font-size: 22px;
   line-height: 22px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1 i
{
   color: #FFFFFF;
}
#wb_Icon3
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
   text-align: center;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
   vertical-align: top;
}
#wb_Icon3:hover
{
   background-color: #332D2D;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon3
{
   height: 22px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon3 i
{
   color: #1E90FF;
   display: inline-block;
   font-size: 22px;
   line-height: 22px;
   vertical-align: middle;
}
#wb_Icon3:hover #Icon3 i
{
   color: #FFFFFF;
}
#wb_Icon4
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
   text-align: center;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
   vertical-align: top;
}
#wb_Icon4:hover
{
   background-color: #332D2D;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon4
{
   height: 22px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon4 i
{
   color: #1E90FF;
   display: inline-block;
   font-size: 22px;
   line-height: 22px;
   vertical-align: middle;
}
#wb_Icon4:hover #Icon4 i
{
   color: #FFFFFF;
}
#Layer1
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#wb_footer22LayoutGridh
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer22LayoutGridh
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#footer22LayoutGridh > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#footer22LayoutGridh > .col-1
{
   flex: 0 0 auto;
}
#footer22LayoutGridh > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: stretch;
   align-self: stretch;
   align-items: stretch;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#footer22LayoutGridh > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#AILayer
{
   padding: 0;
}
#AILayer_panel
{
   background-color: rgba(36,37,38,0.08);
   background-image: none;
   border-radius: 0px;
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 681px;
   z-index: 9999;
}
#wb_InlineFrame1AI
{
   box-sizing: border-box;
   overflow: hidden;
   -webkit-overflow-scrolling: touch;
   position: relative;
}
#InlineFrame1AI
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button2
{
   border: 0px solid #3A3A3A;
   border-radius: 4px;
   background-color: transparent;
   background-image: url('../images/AI.png');
   background-repeat: no-repeat;
   background-position: left top;
   background-attachment: scroll;
   background-size: 60px 60px;
   color: #BABABA;
   cursor: pointer;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0 20px 0 0 ;
}
#Button2:focus
{
   outline: 0;
}
#Menu
{
   opacity: 1.50;
   box-sizing: border-box;
}
#wb_TextMenu2
{
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Montserrat;
   font-size: 24px;
   margin: 0;
   text-align: center;
   overflow: hidden;
}
#wb_TextMenu2 span
{
   display: block;
   margin: 0 0 18px 0;
   line-height: 33px;
}
#wb_Icon1
{
   position: absolute;
   left: 426px;
   top: 86px;
   width: 22px;
   height: 22px;
   text-align: center;
   z-index: 8;
}
#AILayer
{
   overflow: hidden;
   text-align: center;
}
#HeadsMains
{
   z-index: 1000;
}
#Button1egh
{
   position: absolute;
   left: 415px;
   top: 179px;
   width: 190px;
   height: 60px;
   z-index: 7;
}
#Button2
{
   display: inline-block;
   width: 84px;
   height: 62px;
   z-index: 6;
}
#Html1
{
   position: absolute;
   left: 25px;
   top: 8px;
   width: 41px;
   height: 43px;
   z-index: 3;
}
#wb_Icon4
{
   position: absolute;
   left: 534px;
   top: 86px;
   width: 22px;
   height: 22px;
   text-align: center;
   z-index: 10;
}
#wb_Login1
{
   display: inline-block;
   width: 293px;
   height: 276px;
   text-align: center;
   z-index: 2;
}
#wb_TextMenu2
{
   position: absolute;
   left: 395px;
   top: 154px;
   width: 228px;
   height: 27px;
   z-index: 11;
}
#Menu
{
   position: fixed;
   text-align: center;
   visibility: hidden;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 21;
}
#i18n8Data
{
   display: none;
}
#Menu_Container
{
   width: 970px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Card9
{
   display: flex;
   z-index: 0;
}
#ContentPlaceHolder1
{
   border: 0px solid #495057;
   border-radius: 0px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   z-index: 13;
}
#wb_Image9
{
   display: block;
   width: 145px;
   z-index: 1;
}
#Layer1
{
   position: fixed;
   text-align: center;
   left: auto;
   right: 20px;
   top: -15px;
   width: 96px;
   height: 59px;
   z-index: 18;
   z-index: 2000;
}
#wb_InlineFrame1AI
{
   display: block;
   width: 100%;
   height: 781px;
   z-index: 5;
}
#wb_Icon3
{
   position: absolute;
   left: 480px;
   top: 86px;
   width: 22px;
   height: 22px;
   text-align: center;
   z-index: 9;
}
#Layer1_Container
{
   width: 96px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 993px) and (orientation: landscape)
{
body
{
   background-color: #000000;
   background-image: url('../images/fon_cyber_light.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#HeadsMains
{
   visibility: visible;
   display: flex;
}
#HeadsMains
{
   height: 60px;
   margin: 0;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#ContentPlaceHolder1
{
   visibility: visible;
   display: block;
}
#ContentPlaceHolder1
{
   width: 764px;
   height: 1016px;
}
#wb_Login1
{
   width: 254px;
   height: 274px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#Login1
{
   background-color: rgba(0,0,0,0.33);
   border-color: #FFFFFF;
   border-radius: 7px;
   color: #FFFFFF;
}
#Login1 .header
{
   background-color: rgba(233,233,233,0.00);
   color: #FFFFFF;
}
#Login1 .input
{
   background-color: rgba(0,0,0,0.33);
   border-color: rgba(255,255,255,0.60);
   color: #FFFFFF;
}
#wb_FlexContainer1
{
   visibility: visible;
   display: block;
}
#FlexContainer1
{
   min-height: 0;
   margin-top: 150px;
   margin-bottom: 100px;
   padding: 100px 10px 100px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Card9
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 0;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#wb_Card9
{
   text-align: center;
}
#wb_Image9
{
   width: 155px;
   height: 15px;
   visibility: visible;
   display: inline;
   margin: 0 0 0 50px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#Image9
{
   width: 67.74%;
}
#Button1egh
{
   left: 291px;
   top: 166px;
   width: 190px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 20px 0 0 0 ;
   padding: 1px 6px 1px 6px;
}
#Button1egh
{
   line-height: 56px;
}
#wb_Icon1
{
   left: 414px;
   top: 90px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon1
{
   width: 22px;
   height: 22px;
}
#Icon1 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon3
{
   left: 306px;
   top: 90px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon3
{
   width: 22px;
   height: 22px;
}
#Icon3 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon4
{
   left: 360px;
   top: 90px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon4
{
   width: 22px;
   height: 22px;
}
#Icon4 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#Layer1
{
   width: 92px;
   height: 68px;
   visibility: visible;
   display: block;
}
#Layer1_Container
{
   width: 92px;
}
#Html1
{
   left: 9px;
   top: 5px;
   width: 65px;
   height: 52px;
   visibility: visible;
   display: inline;
}
#wb_footer22LayoutGridh
{
   visibility: visible;
   display: table;
}
#wb_footer22LayoutGridh
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer22LayoutGridh
{
   height: auto;
   padding: 0;
}
#footer22LayoutGridh > .col-1
{
   padding-right: 0px;
   padding-left: 0px;
}
#footer22LayoutGridh > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#AILayer
{
   left: 1244px;
   top: 382px;
   width: 697px;
}
#AILayer_panel
{
   height: 100%;
   width: 697px;
}
#AILayer
{
   padding: 0;
}
#wb_InlineFrame1AI
{
   width: 100%;
   height: 409px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Button2
{
   width: 84px;
   height: 62px;
   visibility: visible;
   display: inline-block;
   margin: 0 20px 0 0 ;
   padding: 1px 6px 1px 6px;
}
#Menu
{
   visibility: hidden;
   display: none;
}
#Menu_Container
{
   width: 768px;
}
#wb_TextMenu2
{
   left: 302px;
   top: 144px;
   width: 170px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: center;
   font-size: 19px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_TextMenu2 span
{
   line-height: 1.0;
}
#wb_TextMenu2 span
{
   margin: 0 0 18px 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
body
{
   background-color: #000000;
   background-image: url('../images/fon_cyber_light.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#HeadsMains
{
   visibility: visible;
   display: flex;
}
#HeadsMains
{
   height: 74px;
   margin: 0;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#ContentPlaceHolder1
{
   visibility: visible;
   display: block;
}
#ContentPlaceHolder1
{
   width: 480px;
   height: 645px;
}
#wb_Login1
{
   width: 254px;
   height: 274px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#Login1
{
   background-color: rgba(0,0,0,0.33);
   border-color: #FFFFFF;
   border-radius: 7px;
   color: #FFFFFF;
}
#Login1 .header
{
   background-color: rgba(233,233,233,0.00);
   color: #FFFFFF;
}
#Login1 .input
{
   background-color: rgba(0,0,0,0.33);
   border-color: rgba(255,255,255,0.60);
   color: #FFFFFF;
}
#wb_FlexContainer1
{
   visibility: visible;
   display: block;
}
#FlexContainer1
{
   min-height: 0;
   margin-top: 150px;
   margin-bottom: 0px;
   padding: 100px 10px 300px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Card9
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 0;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#wb_Card9
{
   text-align: center;
}
#wb_Image9
{
   width: 233px;
   height: 23px;
   visibility: visible;
   display: inline;
   margin: 0 0 0 30px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#Image9
{
   width: 78.54%;
}
#Button1egh
{
   left: 136px;
   top: 234px;
   width: 190px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1egh
{
   line-height: 56px;
}
#wb_Icon1
{
   left: 150px;
   top: 97px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon1
{
   width: 22px;
   height: 22px;
}
#Icon1 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon3
{
   left: 204px;
   top: 97px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon3
{
   width: 22px;
   height: 22px;
}
#Icon3 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon4
{
   left: 258px;
   top: 97px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon4
{
   width: 22px;
   height: 22px;
}
#Icon4 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#Layer1
{
   width: 92px;
   height: 68px;
   visibility: visible;
   display: block;
}
#Layer1_Container
{
   width: 92px;
}
#Html1
{
   left: 9px;
   top: 5px;
   width: 65px;
   height: 52px;
   visibility: visible;
   display: inline;
}
#wb_footer22LayoutGridh
{
   visibility: visible;
   display: table;
}
#wb_footer22LayoutGridh
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer22LayoutGridh
{
   height: auto;
   padding: 0;
}
#footer22LayoutGridh > .col-1
{
   padding-right: 0px;
   padding-left: 0px;
}
#footer22LayoutGridh > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#AILayer
{
   left: 681px;
   top: 197px;
   width: 460px;
}
#AILayer_panel
{
   height: 100%;
   width: 460px;
}
#AILayer
{
   padding: 0;
}
#wb_InlineFrame1AI
{
   width: 100%;
   height: 656px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Button2
{
   width: 60px;
   height: 62px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Menu
{
   visibility: hidden;
   display: none;
}
#Menu_Container
{
   width: 480px;
}
#wb_TextMenu2
{
   left: 143px;
   top: 175px;
   width: 176px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: center;
   font-size: 24px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_TextMenu2 span
{
   line-height: 1.0;
}
#wb_TextMenu2 span
{
   margin: 0 0 18px 0;
}
}
@media only screen and (max-width: 479px)
{
body
{
   background-color: #000000;
   background-image: url('../images/fon_cyber_light.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#HeadsMains
{
   visibility: visible;
   display: flex;
}
#HeadsMains
{
   height: 70px;
   margin: 0;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#ContentPlaceHolder1
{
   visibility: visible;
   display: block;
}
#ContentPlaceHolder1
{
   width: 320px;
   height: 426px;
}
#wb_Login1
{
   width: 290px;
   height: 274px;
   visibility: visible;
   display: inline;
   margin: 0;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
}
#Login1
{
   background-color: rgba(0,0,0,0.33);
   border-color: #FFFFFF;
   border-radius: 7px;
   color: #FFFFFF;
}
#Login1 .header
{
   background-color: rgba(233,233,233,0.00);
   color: #FFFFFF;
}
#Login1 .input
{
   background-color: rgba(0,0,0,0.33);
   border-color: rgba(255,255,255,0.60);
   color: #FFFFFF;
}
#wb_FlexContainer1
{
   visibility: visible;
   display: block;
}
#FlexContainer1
{
   min-height: 0;
   margin-top: 150px;
   margin-bottom: 50px;
   padding: 100px 10px 300px 10px;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Card9
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 0;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#wb_Card9
{
   text-align: center;
}
#wb_Image9
{
   width: 205px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0 0 0 10px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#Image9
{
   width: 75.61%;
}
#Button1egh
{
   left: 62px;
   top: 219px;
   width: 190px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1egh
{
   line-height: 56px;
}
#wb_Icon1
{
   left: 76px;
   top: 73px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon1
{
   width: 22px;
   height: 22px;
}
#Icon1 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon3
{
   left: 130px;
   top: 73px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon3
{
   width: 22px;
   height: 22px;
}
#Icon3 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon4
{
   left: 185px;
   top: 73px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon4
{
   width: 22px;
   height: 22px;
}
#Icon4 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#Layer1
{
   width: 96px;
   height: 59px;
   visibility: visible;
   display: block;
}
#Layer1_Container
{
   width: 96px;
}
#Html1
{
   left: 25px;
   top: 8px;
   width: 41px;
   height: 43px;
   visibility: visible;
   display: inline;
}
#wb_footer22LayoutGridh
{
   visibility: visible;
   display: table;
}
#wb_footer22LayoutGridh
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#footer22LayoutGridh
{
   height: auto;
   padding: 0;
}
#footer22LayoutGridh > .col-1
{
   padding-right: 0px;
   padding-left: 0px;
}
#footer22LayoutGridh > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#AILayer
{
   left: 1111px;
   top: 267px;
   width: 379px;
}
#AILayer_panel
{
   height: 100%;
   width: 379px;
}
#AILayer
{
   padding: 0;
}
#wb_InlineFrame1AI
{
   width: 100%;
   height: 693px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Button2
{
   width: 57px;
   height: 62px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Menu
{
   visibility: hidden;
   display: none;
}
#Menu_Container
{
   width: 320px;
}
#wb_TextMenu2
{
   left: 69px;
   top: 161px;
   width: 176px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: center;
   font-size: 24px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_TextMenu2 span
{
   line-height: 1.0;
}
#wb_TextMenu2 span
{
   margin: 0 0 22px 0;
}
}
    #progress-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 5px;
        background-color: #696969;
        z-index: 9999;
    }
.Login_Blur #rememberme + label {
    font-size: 12px;
    position: relative; /* Включаем позиционирование */
    top: -2px; /* Поднимаем элемент на 2px вверх */
}

#login {
    /* Добавляем плавный переход для анимации */
    transition: transform 0.3s ease;
    /* Устанавливаем базовые стили для кнопки */
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 2px;
}

#login:hover {
    /* При наведении делаем текст синим */
    color: #008CFF;
    /* Увеличиваем кнопку на 20% */
    transform: scale(1.2);
    /* Изменяем цвет границы при наведении */
    border-color: #008CFF;
}




    /* Стили для иконки меню */
    .ham {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      transition: transform 400ms;
      user-select: none;
      display: block;
      margin: 0 auto; /* Центрирование по горизонтали */
    }

    .hamRotate.active {
      transform: rotate(45deg);
    }

    .line {
      fill: none;
      transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
      stroke: #fff !important;
      stroke-width: 5.5;
      stroke-linecap: round;
    }

    .ham.active .line {
      stroke: #fff !important;
    }

    .ham8 .top {
      stroke-dasharray: 40 160;
    }

    .ham8 .middle {
      stroke-dasharray: 40 142;
      transform-origin: 50%;
      transition: transform 400ms;
    }

    .ham8 .bottom {
      stroke-dasharray: 40 85;
    }

    .ham8.active .top {
      stroke-dashoffset: -64px;
    }

    .ham8.active .middle {
      transform: rotate(90deg);
    }

    .ham8.active .bottom {
      stroke-dashoffset: -64px;
    }
  .i18n8-root{position:fixed;z-index:9998;font-family:system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;--i18n-factor:1;}.i18n8-root.i18n8-codes-only .i18n8-label,.i18n8-root.i18n8-codes-only .i18n8-dropdown .txt{display:none!important;}.i18n8-root.i18n8-codes-only .i18n8-main-btn{min-width:auto;padding:calc(6px * var(--i18n-factor)) calc(10px * var(--i18n-factor));gap:calc(6px * var(--i18n-factor));}.i18n8-root.i18n8-codes-only .i18n8-dropdown{min-width:calc(140px * var(--i18n-factor));padding:calc(8px * var(--i18n-factor)) calc(8px * var(--i18n-factor)) calc(10px * var(--i18n-factor));gap:calc(6px * var(--i18n-factor));}.i18n8-root.i18n8-codes-only .i18n8-opt{padding:calc(8px * var(--i18n-factor)) calc(10px * var(--i18n-factor));gap:calc(8px * var(--i18n-factor));}.i18n8-dropdown[hidden]{display:none!important;}.i18n8-main-btn{--bg:#1e293b;--bg-hover:#2d3a4b;--bg-open:#263241;display:inline-flex;align-items:center;gap:calc(10px * var(--i18n-factor));background:var(--bg);color:#f1f5f9;border:1px solid rgba(255,255,255,.25);padding:calc(8px*var(--i18n-factor)) calc(16px*var(--i18n-factor)) calc(8px*var(--i18n-factor)) calc(14px*var(--i18n-factor));border-radius:calc(14px*var(--i18n-factor));font-size:calc(13px*var(--i18n-factor));font-weight:600;letter-spacing:.5px;cursor:pointer;min-width:calc(170px*var(--i18n-factor));position:relative;transition:background .22s,box-shadow .22s,transform .15s;}.i18n8-main-btn>*{pointer-events:none;}.i18n8-main-btn:hover{background:var(--bg-hover);box-shadow:0 4px 14px -4px rgba(0,0,0,.55);}.i18n8-main-btn[aria-expanded="true"]{background:var(--bg-open);box-shadow:0 6px 20px -6px rgba(0,0,0,.6);}.i18n8-main-btn:active{transform:translateY(1px);}.i18n8-main-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;}.i18n8-code{display:inline-block;background:#475569;color:#fff;font-size:calc(11px*var(--i18n-factor));font-weight:700;letter-spacing:.6px;padding:calc(4px*var(--i18n-factor)) calc(8px*var(--i18n-factor));border-radius:calc(8px*var(--i18n-factor))
;min-width:calc(34px*var(--i18n-factor));text-align:center;}.i18n8-label{font-weight:600;white-space:nowrap;}.i18n8-caret{width:calc(9px*var(--i18n-factor));height:calc(9px*var(--i18n-factor));border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:auto;transition:transform .25s;}.i18n8-main-btn[aria-expanded="true"] .i18n8-caret{transform:rotate(-135deg);}.i18n8-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:rgba(18,22,29,.96);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:calc(16px*var(--i18n-factor));padding:calc(10px*var(--i18n-factor)) calc(10px*var(--i18n-factor)) calc(12px*var(--i18n-factor));min-width:calc(220px*var(--i18n-factor));box-shadow:0 18px 36px -10px rgba(0,0,0,.65),0 6px 14px -4px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:calc(8px*var(--i18n-factor));animation:i18n8DropDown .18s ease;}@keyframes i18n8DropDown{from{opacity:0;transform:translateY(-6px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}.i18n8-root.i18n8-upward .i18n8-dropdown{top:auto;bottom:calc(100% + 8px);animation:i18n8DropUp .18s ease;}@keyframes i18n8DropUp{from{opacity:0;transform:translateY(6px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}.i18n8-opt{--bg:#3a424d;display:flex;align-items:center;gap:calc(10px*var(--i18n-factor));padding:calc(10px*var(--i18n-factor)) calc(14px*var(--i18n-factor));background:var(--bg);color:#f1f5f9;font:600 calc(13px*var(--i18n-factor))/1.15 system-ui,Arial,sans-serif;letter-spacing:.4px;border:0;border-radius:calc(12px*var(--i18n-factor));cursor:pointer;text-align:left;transition:background .18s,box-shadow .18s,transform .15s,color .18s;}.i18n8-opt .pill{font-size:calc(11px*var(--i18n-factor));font-weight:700;padding:calc(4px*var(--i18n-factor)) calc(9px*var(--i18n-factor));border-radius:calc(8px*var(--i18n-factor));background:rgba(255,255,255,.14);min-width:calc(36px*var(--i18n-factor));text-align:center;color:#e2e8f0;letter-spacing:.
6px;}.i18n8-opt:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 4px 10px -3px rgba(0,0,0,.5);color:#fff;}.i18n8-opt:hover .pill{background:rgba(255,255,255,.22);color:#fff;}.i18n8-opt.current{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 4px 12px -3px rgba(0,0,0,.5);cursor:default;}.i18n8-opt.current .pill{background:rgba(255,255,255,.25);color:#fff;}.i18n8-opt:focus-visible{outline:2px solid #60a5fa;outline-offset:calc(3px*var(--i18n-factor));}.i18n8-opt:active{transform:translateY(1px);}