div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url('../images/fon_image.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_Image4
{
   margin: 0px 0px 20px 0px;
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 160px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_LayoutGrid1000
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('../images/head.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100% 100%;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1000
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 60px 0px 0px 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#LayoutGrid1000 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1000 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid1000 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 659px)
{
#LayoutGrid1000 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
.ToolTip7
{
   background-image: none;
   background-color: #FFFFFF;
   border: 2px #1E90FF solid !important;
   border-radius: 20px;
   padding: 5px 10px 5px 10px;
   box-shadow: 0px 0px 10px #4169E1;
   text-align: left;
}
#wb_LayoutGrid1001
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1001
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#LayoutGrid1001 > .col-1, #LayoutGrid1001 > .col-2, #LayoutGrid1001 > .col-3
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1001 > .col-1, #LayoutGrid1001 > .col-2, #LayoutGrid1001 > .col-3
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid1001 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 25%;
   max-width: 25%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#LayoutGrid1001 > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
   text-align: right;
}
#LayoutGrid1001 > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 25%;
   max-width: 25%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 659px)
{
#LayoutGrid1001 > .col-1, #LayoutGrid1001 > .col-2, #LayoutGrid1001 > .col-3
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Image3
{
   margin: 0px 0px 5px 0px;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 150px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
.ThemeableMenu1 .hide 
{
   display: none!important;
}
.ThemeableMenu1 .show 
{
   display: block!important;
}
.ThemeableMenu1 .hidden
{
   display: none!important;
   visibility: hidden!important;
}
.ThemeableMenu1 .nav
{
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   color: #4F4F4F;
   text-align: right;
}
#ThemeableMenu1, .ThemeableMenu1 .nav, .ThemeableMenu1 *
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   line-height: 1;
   list-style: none;
}
.ThemeableMenu1 .nav:before,
.ThemeableMenu1 .nav:after 
{
   content: " ";
   display: table;
}
.ThemeableMenu1 .nav:after 
{
   clear: both;
}
.ThemeableMenu1 .nav a 
{
   text-decoration: none;
}
.ThemeableMenu1 .nav ul
{
   margin-top: 0;
   margin-bottom: 0;
}
.ThemeableMenu1 .nav ul ul
{
   margin-bottom: 0;
}
.ThemeableMenu1 .container 
{
   margin-right: auto;
   margin-left: auto;
   padding: 0;
}
.ThemeableMenu1 .container:before,
.ThemeableMenu1 .container:after 
{
   content: " ";
   display: table;
}
.ThemeableMenu1 .container:after 
{
   clear: both;
}
.ThemeableMenu1 .collapse 
{
   display: none;
}
.ThemeableMenu1 .collapse.show 
{
   display: block;
}
.ThemeableMenu1 .collapsing 
{
   position: relative;
   height: 0;
   overflow: hidden;
   -webkit-transition: height .35s ease;
   transition: height .35s ease;
}
.ThemeableMenu1 .caret 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 4px;
   vertical-align: middle;
   border-top: 4px solid #000;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
.ThemeableMenu1 .dropdown 
{
   position: relative;
}
.ThemeableMenu1 .dropdown-toggle:focus 
{
   outline: 0;
}
.ThemeableMenu1 .dropdown-menu 
{
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 15px;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid rgba(197,197,197,1.00);
   border-radius: 15px;
   background-clip: padding-box;
}
.ThemeableMenu1 .dropdown-menu .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #C5C5C5;
}
.ThemeableMenu1 .dropdown-menu>li>a 
{
   display: block;
   padding: 3px 20px 3px 20px;
   clear: both;
   line-height: 1.428571429;
   color: #4F4F4F;
   white-space: nowrap;
}
.ThemeableMenu1 .dropdown-menu>li>a:hover,
.ThemeableMenu1 .dropdown-menu>li>a:focus 
{
   text-decoration: none;
   color: #1E90FF;
   background-color: transparent;
   background-image: none;
}
.ThemeableMenu1 .dropdown-menu>li>a.active,
.ThemeableMenu1 .dropdown-menu>li>a.active:hover,
.ThemeableMenu1 .dropdown-menu>li>a.active:focus
{
   color: #1E90FF;
   background-color: transparent;
   background-image: none;
   text-decoration: none;
   outline: 0;
}
.ThemeableMenu1 .show>.dropdown-menu 
{
   display: block;
}
.ThemeableMenu1 .show>a 
{
   outline: 0;
}
.ThemeableMenu1 .dropdown-header 
{
   display: block;
   padding: 3px 20px;
   line-height: 1.428571429;
   color: #aeaeae;
}
.ThemeableMenu1 .dropdown-backdrop 
{
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 990;
}
.ThemeableMenu1 .dropdown.show .dropdown-menu
{
   animation-name: ThemeableMenu1-animation;
   animation-duration: 100ms;
   animation-iteration-count: 1;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
}
@keyframes ThemeableMenu1-animation
{
   0%
   {
      opacity: 0;
      transform: translateY(-10px);
   }
   100%
   {
      opacity: 1;
      transform: translateY(0);
   }
}
.ThemeableMenu1 .nav>li 
{
   position: relative;
   display: block;
}
.ThemeableMenu1 .nav>li>a 
{
   position: relative;
   display: block;
   padding: 0px 15px 0px 5px;
}
.ThemeableMenu1 .nav .show>a,
.ThemeableMenu1 .nav .show>a:hover,
.ThemeableMenu1 .nav .show>a:focus 
{
   background-color: #ccc;
   border-color: #F0F8FF;
}
.ThemeableMenu1 .nav .nav-divider 
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #C5C5C5;
}
.ThemeableMenu1 .nav>li>a>img 
{
   max-width: none;
}
.ThemeableMenu1 .nav .caret 
{
   border-top-color: #F0F8FF;
   border-bottom-color: #F0F8FF;
}
.ThemeableMenu1
{
   position: relative;
}
.ThemeableMenu1:before,
.ThemeableMenu1:after
{
   content: " ";
   display: table;
}
.ThemeableMenu1:after
{
   clear: both;
}
.ThemeableMenu1 .navbar-header:before,
.ThemeableMenu1 .navbar-header:after
{
   content: " ";
   display: table;
}
.ThemeableMenu1 .navbar-header:after
{
   clear: both;
}
.ThemeableMenu1-navbar-collapse 
{
   overflow-x: visible;
   -webkit-overflow-scrolling: touch;
}
.ThemeableMenu1-navbar-collapse:before,
.ThemeableMenu1-navbar-collapse:after
{
   content: " ";
   display: table;
}
.ThemeableMenu1-navbar-collapse:after
{
   clear: both;
}
.ThemeableMenu1-navbar-collapse.show 
{
   overflow-y: auto;
}
.ThemeableMenu1 .navbar-toggle 
{
   position: relative;
   float: right;
   padding: 0px 10px -1px 10px;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 15px;
}
.ThemeableMenu1 .navbar-toggle .icon-bar 
{
   display: block;
   width: 22px;
   height: 2px;
   border-radius: 1px;
}
.ThemeableMenu1 .navbar-toggle .icon-bar+.icon-bar
{
   margin-top: 4px;
}
.ThemeableMenu1 .navbar-nav
{
   margin: 6px -15px;
}
.ThemeableMenu1 .navbar-nav>li>.dropdown-menu
{
   margin-top: 0;
}
.ThemeableMenu1 .navbar-nav>li>a
{
   color: #4F4F4F;
}
.ThemeableMenu1 .navbar-nav>li>a:hover,
.ThemeableMenu1 .navbar-nav>li>a:focus
{
   background-color: transparent;
   background-image: none;
   color: #1E90FF;
   text-decoration: none;
}
.ThemeableMenu1 .navbar-nav>li>a.active,
.ThemeableMenu1 .navbar-nav>li>a.active:hover,
.ThemeableMenu1 .navbar-nav>li>a.active:focus
{
   color: #1E90FF;
   background-color: transparent;
   background-image: none;
}
.ThemeableMenu1 .navbar-toggle
{
   border: 1px solid rgba(43,43,43,0.10);
}
.ThemeableMenu1 .navbar-toggle:hover,
.ThemeableMenu1 .navbar-toggle:focus
{
   background-color: transparent;
}
.ThemeableMenu1 .navbar-toggle .icon-bar
{
   background-color: #4F4F4F;
}
.ThemeableMenu1-navbar-collapse
{
   border-color: rgba(197,197,197,1.00);
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.dropdown>a:focus .caret
{
   border-top-color: #1E90FF;
   border-bottom-color: #1E90FF;
}
.ThemeableMenu1 .navbar-nav>.show>a,
.ThemeableMenu1 .navbar-nav>.show>a:hover,
.ThemeableMenu1 .navbar-nav>.show>a:focus
{
   background-color: transparent;
   background-image: none;
   color: #1E90FF;
}
.ThemeableMenu1 .navbar-nav>.show>a .caret,
.ThemeableMenu1 .navbar-nav>.show>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.show>a:focus .caret
{
   border-top-color: #1E90FF;
   border-bottom-color: #1E90FF;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a .caret
{
   border-top-color: #4F4F4F;
   border-bottom-color: #4F4F4F;
}
.ThemeableMenu1 .navbar-link
{
   color: #4F4F4F;
}
.ThemeableMenu1 .navbar-link:hover
{
   color: #1E90FF;
}
.ThemeableMenu1 .navbar-header
{
   color: #4F4F4F;
}
@media (min-width: 481px) 
{
.ThemeableMenu1 .navbar-right .dropdown-menu
{
   right: 0;
   left: auto;
}
.ThemeableMenu1 .navbar-header
{
   float: left;
}
.ThemeableMenu1-navbar-collapse
{
   width: auto;
   border-top: 0;
   box-shadow: none;
}
.ThemeableMenu1-navbar-collapse.collapse
{
   display: block!important;
   height: auto!important;
   padding-bottom: 0;
   overflow: visible!important;
}
.ThemeableMenu1-navbar-collapse.show
{
   overflow-y: auto;
}
.ThemeableMenu1 .navbar-toggle
{
   display: none;
}
.ThemeableMenu1 .navbar-nav 
{
   float: right;
   margin: 0;
}
.ThemeableMenu1 .navbar-nav>li 
{
   float: left;
}
.ThemeableMenu1 .container>.navbar-header,
.ThemeableMenu1 .container>.ThemeableMenu1-navbar-collapse
{
   margin-right: 0;
   margin-left: 0;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.dropdown>a:focus .caret
{
   border-top-color: #1E90FF;
   border-bottom-color: #1E90FF;
}
}
@media (max-width: 481px) 
{
.ThemeableMenu1 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid rgba(255,255,255,0.00);
}
.ThemeableMenu1 .navbar-nav
{
   margin: 0;
   background-color: #FFFFFF;
   background-image: none;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu
{
   position: static !important;
   float: none;
   width: auto;
   margin-top: 0;
   background-color: transparent;
   border: 0;
   box-shadow: none;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu>li>a,
.ThemeableMenu1 .navbar-nav .show .dropdown-menu .dropdown-header
{
   padding: 5px 15px 5px 25px;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu>li>a 
{
   line-height: 20px;
}
}
@media (min-width: 481px) 
{
.ThemeableMenu1 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid rgba(255,255,255,0.00);
   border-radius: 15px;
}
.ThemeableMenu1 .navbar-nav>li>a 
{
   color: #4F4F4F;
}
.ThemeableMenu1 .navbar-nav>li>a:hover,
.ThemeableMenu1 .navbar-nav>li>a:focus
{
   color: #1E90FF;
   background-color: transparent;
   background-image: none;
}
.ThemeableMenu1 .navbar-nav>li>a.active,
.ThemeableMenu1 .navbar-nav>li>a.active:hover,
.ThemeableMenu1 .navbar-nav>li>a.active:focus
{
   color: #1E90FF;
   background-color: transparent;
   background-image: none;
}
.ThemeableMenu1 .navbar-nav>.show>a,
.ThemeableMenu1 .navbar-nav>.show>a:hover,
.ThemeableMenu1 .navbar-nav>.show>a:focus
{
   background-color: transparent;
   background-image: none;
   color: #1E90FF;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret
{
   border-top-color: #1E90FF;
   border-bottom-color: #1E90FF;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a .caret
{
   border-top-color: #4F4F4F;
   border-bottom-color: #4F4F4F;
}
.ThemeableMenu1 .navbar-nav > li > a.active > .caret,
.ThemeableMenu1 .navbar-nav > li > a.active:hover > .caret,
.ThemeableMenu1 .navbar-nav > li > a.active:focus > .caret
{
   border-top-color: #1E90FF;
   border-bottom-color: #1E90FF;
}
.ThemeableMenu1 .navbar-nav>.show>a .caret,
.ThemeableMenu1 .navbar-nav>.show>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.show>a:focus .caret
{
   border-top-color: #1E90FF;
   border-bottom-color: #1E90FF;
}
.ThemeableMenu1 .navbar-link
{
   color: #4F4F4F;
}
.ThemeableMenu1 .navbar-link:hover 
{
   color: #fff;
}
}
#ThemeableMenu1 i
{
   font-size: 16px;
   position: relative;
   left: 0;
   top: 0;
   margin-right: 4px;
   width: 16px;
}
#wb_ThemeableMenu1
{
   z-index: 1111 !important;
}
#secret_password_auth
{
   border: 2px solid #DCDCDC;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 19px;
   padding: 4px 4px 4px 20px;
   margin: 0;
   text-align: left;
}
#secret_password_auth:focus
{
   border-color: #FFFFFF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,255,255,0.60);
   outline: 0;
}
#secret_password_auth::placeholder
{
   color: #A9A9A9;
   opacity: 1;
}
#secret_password_auth::-ms-input-placeholder
{
   color: #A9A9A9;
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 3px solid transparent;
   box-sizing: border-box;
   margin: 0px 0px 10px 0px;
}
#LayoutGrid3
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 300px;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Card2
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   background-color: #F0F8FF;
   background-image: none;
   border: 3px solid #B0C4DE;
   border-radius: 20px;
   box-sizing: border-box;
   margin: 0px 0px 10px 0px;
   padding: 0;
   text-align: center;
   max-width: 260px;
   margin-left: auto !important;
   margin-right: auto !important;
}
#Card2-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card2-card-item0
{
   box-sizing: border-box;
   border-radius: 20px 20px 0 0 !important;
   margin: 10px 0px 0px 0px;
   padding: 8px 12px 8px 12px;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Card2-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 20px 20px !important;
   margin: 0px 0px 10px 0px;
   padding: 8px 12px 8px 12px;
   color: #6495ED;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#wb_link-telegram-icon
{
   display: block;
   width: 100%;
}
#link-telegram-icon
{
   border: 0px solid #000000;
   display: inline-block;
   width: 50px;
   height: 50px;
   margin: 5px 5px 5px 5px;
}
#link-telegram-icon a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#link-telegram-icon a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#link-telegram-icon span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}
#link-telegram-icon .hover
{
   opacity: 0;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}
#link-telegram-icon:hover .hover
{
   opacity: 1;
}
#link-telegram-icon:hover span
{
   opacity: 0;
}
#link-telegram-icon img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   position: absolute;
}
#link-telegram-icon:hover
{
   -webkit-transform: rotate(0deg) scale(1.2,1.2) ;
   transform: rotate(0deg) scale(1.2,1.2) ;
   -webkit-transition: -webkit-transform 200ms linear 0ms;
   transition: transform 200ms linear 0ms;
}
#link-telegram-icon
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 200ms linear 0ms;
   transition: transform 200ms linear 0ms;
}
#wb_Text1 
{
   background-color: #3370B7;
   background-image: none;
   border: 3px solid #F0F8FF;
   border-radius: 20px;
   padding: 8px 8px 8px 8px;
   margin: 0;
   text-align: center;
   box-shadow: 0px 0px 5px #000000;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#FlexContainer9
{
   display: -webkit-flex;
   display: flex;
   width: 100%;
   position: relative;
   padding: 15px 15px 15px 15px;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
   margin: 0;
   background-clip: padding-box;
   background-color: #FFFFFF;
   background: linear-gradient(to top, #FFFFFF 0%, rgba(251,251,251,0.00) 100%);
   border: 0px solid transparent;
   box-sizing: border-box;
   font-size: 0px;
}
#FlexContainer9-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
   height: 80px;
   line-height: 0;
   left: 0;
}
#FlexContainer9-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#FlexContainer9-divider-top .divider-fill
{
   fill: #FFFFFF;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_authorization
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid transparent;
   box-sizing: border-box;
   margin: 100px 0px 0px 0px;
   -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal both;
   animation: animate-fade-in 500ms linear 0ms 1 normal both;
}
#authorization
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 20px 0px 20px 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 700px;
}
#authorization > .col-1, #authorization > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#authorization > .col-1, #authorization > .col-2
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#authorization > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#authorization > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0px 10px 0px;
}
#authorization > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   flex-basis: 50%;
   max-width: 50%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#authorization > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0px 10px 0px;
}
@media (max-width: 600px)
{
#authorization > .col-1, #authorization > .col-2
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#FlexContainer4
{
   display: -webkit-flex;
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: center;
   align-content: center;
   margin: 40px 0px 40px 0px;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_Image_photo_camera
{
   margin: 0px 0px 20px 0px;
   vertical-align: top;
}
#Image_photo_camera
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 80px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#ThemeableButton4
{
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-flex-grow: 0;
   flex-grow: 0;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-align-self: auto;
   align-self: auto;
   -webkit-appearance: none;
   margin: 0;
}
#wb_LayoutGrid8
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-clip: padding-box;
   background-color: #000000;
   background: linear-gradient(to top, #000000 0%, #4169E1 100%);
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid8
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 100px 0px 20px 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#LayoutGrid8 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid8 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid8 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid8 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#LayoutGrid8-divider-top
{
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
   height: 80px;
   line-height: 0;
   left: 0;
}
#LayoutGrid8-divider-top svg
{
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}
#LayoutGrid8-divider-top .divider-fill
{
   fill: #FFFFFF;
   transform-origin: bottom;
   transform: rotateY(0deg);
}
#wb_LayoutGrid12
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid12
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 50px 0px 10px 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 970px;
}
#LayoutGrid12 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid12 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid12 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 705px)
{
#LayoutGrid12 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#FlexContainer6
{
   display: -webkit-flex;
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_Card7
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-flex-grow: 1;
   flex-grow: 1;
   -webkit-flex-shrink: 1;
   flex-shrink: 1;
   -webkit-flex-basis: 0%;
   flex-basis: 0%;
   -webkit-align-self: auto;
   align-self: auto;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 6px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Card7-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card7-card-item0
{
   box-sizing: border-box;
   border-radius: 6px 6px 0 0 !important;
   margin: 0px 0px 10px 0px;
   padding: 0;
   color: #DCDCDC;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Card7:hover #Card7-card-item0
{
   -webkit-transform: rotate(0deg) scale(1.1,1.1) ;
   transform: rotate(0deg) scale(1.1,1.1) ;
   color: #1E90FF;
   -webkit-transition: -webkit-transform 200ms linear 0ms, color 200ms linear 0ms;
   transition: transform 200ms linear 0ms, color 200ms linear 0ms;
}
#Card7-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 200ms linear 0ms;
   transition: transform 200ms linear 0ms;
}
#FlexContainer7
{
   display: -webkit-flex;
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_Card6
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-flex-grow: 1;
   flex-grow: 1;
   -webkit-flex-shrink: 1;
   flex-shrink: 1;
   -webkit-flex-basis: 0%;
   flex-basis: 0%;
   -webkit-align-self: auto;
   align-self: auto;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 6px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Card6-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card6-card-item0
{
   box-sizing: border-box;
   border-radius: 6px 6px 0 0 !important;
   margin: 0px 0px 10px 0px;
   padding: 0;
   color: #DCDCDC;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Card6:hover #Card6-card-item0
{
   color: #1E90FF;
   -webkit-transform: rotate(0deg) scale(1.1,1.1) ;
   transform: rotate(0deg) scale(1.1,1.1) ;
   -webkit-transition: color 200ms linear 0ms, transform 200ms linear 0ms;
   transition: color 200ms linear 0ms, transform 200ms linear 0ms;
}
#Card6-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 200ms linear 0ms;
   transition: transform 200ms linear 0ms;
}
#FlexContainer8
{
   display: -webkit-flex;
   display: flex;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_Card9
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-flex-grow: 1;
   flex-grow: 1;
   -webkit-flex-shrink: 1;
   flex-shrink: 1;
   -webkit-flex-basis: 0%;
   flex-basis: 0%;
   -webkit-align-self: auto;
   align-self: auto;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 6px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Card9-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card9-card-item0
{
   box-sizing: border-box;
   border-radius: 6px 6px 0 0 !important;
   margin: 0px 0px 10px 0px;
   padding: 0;
   color: #DCDCDC;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Card9:hover #Card9-card-item0
{
   -webkit-transform: rotate(0deg) scale(1.1,1.1) ;
   transform: rotate(0deg) scale(1.1,1.1) ;
   color: #1E90FF;
   -webkit-transition: -webkit-transform 200ms linear 0ms, color 200ms linear 0ms;
   transition: transform 200ms linear 0ms, color 200ms linear 0ms;
}
#Card9-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 200ms linear 0ms;
   transition: transform 200ms linear 0ms;
}
#wb_Card8
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 6px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Card8-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card8-card-item0
{
   box-sizing: border-box;
   border-radius: 6px 6px 0 0 !important;
   margin: 0px 0px 20px 0px;
   padding: 0;
   color: #DCDCDC;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#Dialog_telegram_form_zayvka_password
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#Dialog_telegram_form_zayvka_password .modal-content
{
   background-color: transparent;
   background-image: none;
   border-radius: 20px;
   overflow: visible;
   pointer-events: all;
}
#Dialog_telegram_form_zayvka_password.fade
{
   opacity: 1;
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
}
#Dialog_telegram_form_zayvka_password .animate-show
{
   -webkit-animation-duration: 500ms;
   animation-duration: 500ms;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: animate-fade-in;
   animation-name: animate-fade-in;
}
#Dialog_telegram_form_zayvka_password .animate-hide
{
   -webkit-animation-duration: 500ms;
   animation-duration: 500ms;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: animate-fade-in-up;
   animation-name: animate-fade-in-up;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
}
#Dialog_telegram_form_zayvka_password.modal
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 9999;
   display: none;
   overflow: hidden;
   -webkit-overflow-scrolling: touch;
   outline: 0;
}
#Dialog_telegram_form_zayvka_password .modal-open .modal
{
   overflow-x: hidden;
   overflow-y: auto;
}
#Dialog_telegram_form_zayvka_password .modal-open
{
   overflow: hidden;
}
#Dialog_telegram_form_zayvka_password .modal-dialog
{
   position: relative;
   width: 383px;
   margin-left: auto;
   margin-right: auto;
}
#Dialog_telegram_form_zayvka_password .modal-content
{
   position: relative;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   outline: 0;
}
#Dialog_telegram_form_zayvka_password .modal-header
{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   padding: 10px 10px 10px 10px;
   background-color: #E9E9E9;
   border-bottom: 1px solid #DDDDDD;
}
#Dialog_telegram_form_zayvka_password .modal-footer
{
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   padding: 10px 10px 10px 10px;
   border-top: 1px solid #DDDDDD;
}
#Dialog_telegram_form_zayvka_password .modal-body
{
   position: relative;
   width: 383px;
}
#Dialog_telegram_form_zayvka_password .close
{
   float: right;
   font-size: 21px;
   font-weight: 700;
   line-height: 1;
   color: #333333;
   text-shadow: 0px 1px 0px #fff;
   opacity: 0.5;
   -webkit-appearance: none;
   padding: 15px 15px 0px 0px;
   cursor: pointer;
   background: 0 0;
   border: 0;
   margin-top: -2px;
}
.modal-backdrop
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
}
.modal-backdrop.fade
{
   opacity: 0;
   -webkit-transition: opacity .15s linear;
   transition: opacity .15s linear;
}
.modal-backdrop.show
{
   opacity: 0.5;
}
.modal-open
{
   overflow: hidden;
}
#Dialog_telegram_form_zayvka_password .modal-dialog-centered
{
   display: flex;
   align-items: center;
   margin: 1.75rem auto;
   min-height: calc(100% - 3.5rem);
   pointer-events: none;
}
#Dialog_telegram_form_zayvka_password .modal-dialog-centered::before
{
   display: block;
   height: calc(100vh - 3.5rem);
   content: "";
}
#Dialog_telegram_form_zayvka_password .modal-title
{
   color: #333333;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   margin: 0;
}
#Dialog_telegram_form_zayvka_password .modal-body
{
   box-sizing: border-box;
   font-size: 0px;
   padding: 0;
   text-align: center;
}
#wb_LayoutGrid23
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0px 0px 15px 0px;
}
#LayoutGrid23
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 800px;
}
#LayoutGrid23 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid23 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid23 > .row > .col-1
{
   float: left;
}
#LayoutGrid23 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: right;
}
#LayoutGrid23:before,
#LayoutGrid23:after,
#LayoutGrid23 .row:before,
#LayoutGrid23 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid23:after,
#LayoutGrid23 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid23 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_RollOver_telegram_form_zayvka_password
{
   display: block;
   width: 100%;
}
#RollOver_telegram_form_zayvka_password
{
   border: 2px solid transparent;
   border-radius: 20px;
   display: inline-block;
   width: 26px;
   height: 25px;
   margin: 5px 5px 5px 5px;
}
#RollOver_telegram_form_zayvka_password a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver_telegram_form_zayvka_password a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver_telegram_form_zayvka_password span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOver_telegram_form_zayvka_password .hover
{
   opacity: 0;
   -webkit-transition: all 200ms linear;
   transition: all 200ms linear;
}
#RollOver_telegram_form_zayvka_password:hover .hover
{
   opacity: 1;
}
#RollOver_telegram_form_zayvka_password:hover span
{
   opacity: 0;
}
#RollOver_telegram_form_zayvka_password img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   position: absolute;
}
#wb_telegram_form_zayvka_password
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
   -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal both;
   animation: animate-fade-in 500ms linear 0ms 1 normal both;
}
#telegram_form_zayvka_password
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 20px 0px 20px 0px;
   margin-right: auto;
   margin-left: auto;
}
#telegram_form_zayvka_password > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#telegram_form_zayvka_password > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#telegram_form_zayvka_password > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
#telegram_form_zayvka_password > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 0px 10px 0px;
}
@media (max-width: 480px)
{
#telegram_form_zayvka_password > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#Editbox1
{
   border: 2px solid #DCDCDC;
   border-radius: 6px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 19px;
   padding: 4px 4px 4px 20px;
   margin: 0;
   text-align: left;
}
#Editbox1:focus
{
   border-color: #FFFFFF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,255,255,0.60);
   outline: 0;
}
#Editbox1::placeholder
{
   color: #A9A9A9;
   opacity: 1;
}
#Editbox1::-ms-input-placeholder
{
   color: #A9A9A9;
}
#successful_authorization
{
   display: -webkit-flex;
   display: flex;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_LayoutGrid26
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0px 0px 10px 0px;
}
#LayoutGrid26
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid26 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid26 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid26 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid26 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text8
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 27px;
   line-height: 29px;
}
#wb_Text8 p, #wb_Text8 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image7
{
   margin: 20px 0px 20px 0px;
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   -webkit-animation: jello-vertical 1000ms linear 0ms 1 normal both;
   animation: jello-vertical 1000ms linear 0ms 1 normal both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 60px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#message_error_auth
{
   display: -webkit-flex;
   display: flex;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_LayoutGrid28
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0px 0px 10px 0px;
}
#LayoutGrid28
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid28 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid28 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid28 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid28 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0px 0px 20px 0px;
   text-align: center;
}
#wb_Text7
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 27px;
   line-height: 29px;
}
#wb_Text7 p, #wb_Text7 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text7
{
   display: block;
   margin: 0px 0px 20px 0px;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image8
{
   margin: 20px 0px 20px 0px;
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   -webkit-animation: jello-vertical 1000ms linear 0ms 1 normal both;
   animation: jello-vertical 1000ms linear 0ms 1 normal both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 60px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#Button_close_error
{
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0px 0px 10px 0px;
}
#animation_load
{
   display: -webkit-flex;
   display: flex;
   width: 100%;
   position: relative;
   padding: 10px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_LayoutGrid18
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid18
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid18 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid18 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid18 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid18 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   -webkit-animation: flip 1500ms linear 0ms infinite normal both;
   animation: flip 1500ms linear 0ms infinite normal both;
   display: block;
   width: 100%;
   height: auto;
   max-width: 80px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#form_auth
{
   display: -webkit-flex;
   display: flex;
   width: 100%;
   position: relative;
   padding: 15px 10px 10px 10px;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-align-items: center;
   align-items: center;
   -webkit-align-content: flex-start;
   align-content: flex-start;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   font-size: 0px;
}
#wb_LayoutGrid19
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 3px solid transparent;
   box-sizing: border-box;
   margin: 10px 0px 0px 0px;
}
#LayoutGrid19
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 5px 0px 5px 0px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid19 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid19 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid19 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid19 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#username
{
   border: 1px solid #B0C4DE;
   border-radius: 50px;
   background-color: transparent;
   background-image: url('../images/icon_login.png');
   background-repeat: no-repeat;
   background-position: left center;
   background-size: contain;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 18px;
   padding: 10px 10px 10px 45px;
   margin: 0;
   text-align: left;
}
#username:focus
{
   border-color: #1E90FF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(30,144,255,0.60);
   outline: 0;
}
#Label_username
{
   border: 0px solid transparent;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#wb_LayoutGrid20
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 3px solid transparent;
   box-sizing: border-box;
   margin: 10px 0px 0px 0px;
}
#LayoutGrid20
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 5px 0px 10px 0px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid20 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid20 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid20 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid20 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#password
{
   border: 1px solid #B0C4DE;
   border-radius: 50px;
   background-color: transparent;
   background-image: url('../images/icon_password.png');
   background-repeat: no-repeat;
   background-position: left center;
   background-size: contain;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   line-height: 18px;
   padding: 10px 45px 10px 45px;
   margin: 0;
   text-align: left;
}
#password:focus
{
   border-color: #1E90FF;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(30,144,255,0.60);
   outline: 0;
}
#Label_password
{
   border: 0px solid #CCCCCC;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   box-sizing: border-box;
   padding: 4px 4px 4px 4px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#wb_RollOver_show_hide_password
{
   display: block;
   width: 100%;
}
#RollOver_show_hide_password
{
   border: 0px solid #000000;
   display: inline-block;
   width: 50px;
   height: 39px;
   margin: 0;
}
#RollOver_show_hide_password a
{
   display: block;
   position: relative;
   height: 100%;
   width: 100%;
}
#RollOver_show_hide_password a img
{
   position: absolute;
   z-index: 1;
   border-width: 0;
}
#RollOver_show_hide_password span
{
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 2;
}
#RollOver_show_hide_password .hover
{
   visibility: hidden;
}
#RollOver_show_hide_password.active .hover
{
   visibility: visible;
}
#RollOver_show_hide_password.active span
{
   visibility: hidden;
}
#RollOver_show_hide_password img
{
   border-width: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_LayoutGrid21
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 3px solid transparent;
   box-sizing: border-box;
   margin: 20px 0px 10px 0px;
}
#LayoutGrid21
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 150px;
}
#LayoutGrid21 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid21 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid21 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid21 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#login_in
{
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Card16
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Card16-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card16-card-item0
{
   display: inline-block;
   height: 52px;
   box-sizing: border-box;
   margin: 0px 0px 10px 0px;
   padding: 20px 0px 0px 0px;
   border: 0px solid #A9A9A9;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #B0C4DE;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 32px;
}
#wb_Card16:hover #Card16-card-item0
{
   -webkit-transform: rotate(0deg) scale(1.2,1.2) ;
   transform: rotate(0deg) scale(1.2,1.2) ;
   color: #1E90FF;
   -webkit-transition: -webkit-transform 200ms linear 0ms, color 200ms linear 0ms;
   transition: transform 200ms linear 0ms, color 200ms linear 0ms;
}
#Card16-card-item0
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   -webkit-transition: -webkit-transform 200ms linear 0ms;
   transition: transform 200ms linear 0ms;
}
#Card16-card-item0 i
{
   text-align: center;
   vertical-align: top;
   font-size: 32px;
   width: 32px;
}
#Card16-card-item1
{
   box-sizing: border-box;
   margin: 0px 0px 10px 0px;
   padding: 0;
   color: #B0C4DE;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
}
#wb_Card16:hover #Card16-card-item1
{
   -webkit-transform: rotate(0deg) scale(1.1,1.1) ;
   transform: rotate(0deg) scale(1.1,1.1) ;
   color: #000000;
   -webkit-transition: -webkit-transform 200ms linear 0ms, color 200ms linear 0ms;
   transition: transform 200ms linear 0ms, color 200ms linear 0ms;
}
#wb_Card14
{
   position: relative;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   background-color: #F0F8FF;
   background-image: none;
   border: 3px solid #B0C4DE;
   border-radius: 20px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Card14-card-body
{
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   font-size: 0px;
}
#Card14-card-item0
{
   box-sizing: border-box;
   border-radius: 20px 20px 0 0 !important;
   margin: 20px 20px 0px 20px;
   padding: 0;
   color: #6495ED;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: center;
}
#Card14-card-item1
{
   box-sizing: border-box;
   border-radius: 0 0 20px 20px !important;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
}
@media screen and (max-width: 659px) {
#wb_Image1
{
   margin: 10% 0px -5% 0px;
   vertical-align: bottom;
}
}
@media screen and (max-width: 450px) {
#wb_Image1
{
   margin: 15% 0px -5% 0px;
   vertical-align: bottom;
}
}
 
#wb_LayoutGrid1000
{
   z-index: 1000;
   background-clip: padding-box;
}
 
#wb_LayoutGrid1001
{
   z-index: 1000;
}
#link-telegram-icon
{
   filter: drop-shadow(1px 1px 2px #000000);
}
#link-telegram-icon:hover
{
   filter: drop-shadow(1px 1px 5px #6495ED);
}
#authorization {  
   box-shadow: 0px 0px 20px #4169E1;
   border-radius: 40px; 
}

#wb_authorization {
   border-radius: 40px;
   max-width:700px; 
}
/* иконка устаноки приложения */
.create_shortcut-icon {
    width: 30px;
    height: auto;
}

/* кнопка устаноки приложения */
.button_create_shortcut {
    display: inline-flex;
    /* Включаем Flexbox */
    border-radius: 10px;
    justify-content: center;
    /* Горизонтальное выравнивание по центру */
    align-items: center;
    /* Вертикальное выравнивание по центру */
    padding: 6px 8px;
    /* Убираем стандартные отступы кнопки */
    cursor: pointer;
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    background-color: #DC143C;
    color: #FFFFFF;
    border: none;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    margin-right: 20px;
}

.button_create_shortcut:hover {
    transform: translateY(-3px);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
}

.button_create_shortcut:active {
    transform: translateY(1px);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.button_create_blue {
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.60) 0%,
            rgba(255, 255, 255, 0.20) 50%,
            rgba(255, 255, 255, 0) 51%,
            rgba(255, 255, 255, 0.0) 100%),
        radial-gradient(ellipse at bottom,
            #4169E1 0%, rgba(0, 0, 0, 0.0) 100%), #000000;
    border: 0px solid rgba(255, 255, 255, 0.00);
    color: #FFFFFF;
}
/* анимация ввода ошибки */
@keyframes all_info_message {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    40% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}
/* Занимает всю высоту экрана */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Занимает всю высоту экрана */
    margin: 0;
}
/* Стрелочка наверх */
#up_button {
    position:fixed;
    text-align:center;
    left:auto;
    right:20px;
    top:auto;
    bottom:20px;
    width:35px;
    height:35px;
    z-index:999;
    background-color: rgba(0, 0, 0, 0.20);
    background-image: none;
    border-radius: 50px;
    opacity: 100;
    transform: scale(0);
    transition: .5s ease-in-out;
    cursor: pointer;
    border: 2px solid transparent;
}
#up_button:hover {    
    background-color: rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 20px #1E90FF;
    border: 2px solid #1E90FF;
}
.icon_upbtn {
    position:absolute;
    left:5px;
    top:5px;
    width:25px;
    height:25px;
    text-align:center;
    z-index:999;
}
/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 10px;
    /* ширина для вертикального скролла */
    height: 10px;
    /* высота для горизонтального скролла */
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #4169E1;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .25) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .25) 50%,
            rgba(255, 255, 255, .25) 75%,
            transparent 75%,
            transparent);
}
/* Анимация моргания кнопки */
/* Синий */
@keyframes shadow1 {
    0% {
        box-shadow: 0 0 5px 0px #4169E1, 0 0 5px 0px #4169E1;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}

/* Зеленный */
@keyframes shadow2 {
    0% {
        box-shadow: 0 0 5px 0px #3CB371, 0 0 5px 0px #3CB371;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}

/* Голубой */
@keyframes shadow3 {
    0% {
        box-shadow: 0 0 5px 0px #6495ED, 0 0 5px 0px #6495ED;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}

/* Белый */
@keyframes shadow4 {
    0% {
        box-shadow: 0 0 5px 0px #FFFFFF, 0 0 5px 0px #FFFFFF;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}

/* Красный */
@keyframes shadow5 {
    0% {
        box-shadow: 0 0 5px 0px #DC143C, 0 0 5px 0px #DC143C;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}

/* Берюзовый */
@keyframes shadow6 {
    0% {
        box-shadow: 0 0 5px 0px #00FEFE, 0 0 5px 0px #00FEFE;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}

/* Фиолетовый */
@keyframes shadow7 {
    0% {
        box-shadow: 0 0 5px 0px #6A5ACD, 0 0 5px 0px #6A5ACD;
    }

    100% {
        box-shadow: 0 0 10px 6px rgba(255, 48, 26, 0), 0 0 4px 10px rgba(255, 48, 26, 0);
    }
}
/* Модальные окна*/
/* Задаём отдельно размеры для каждого модального окна */
#Dialog_telegram_form_zayvka_password .modal-dialog {
    width: 500px;
}

/* Автоширина модальных окон */
@media all and (min-width: 0px) {
    .modal-dialog {
        width: auto;
        max-width: 95vw;
        min-width: min-content;
        margin: 1rem auto;
    }

    .modal-content {
        width: 100%;
        max-width: none;
    }
    .modal-body {
        width: auto !important;
    }
}

/* Общий стиль для модальных окон */
.modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content:center;
    margin: 1.75rem auto;
    min-height: calc(100% - 3.5rem);
    pointer-events: none;
} 
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    outline: 0; 
    backdrop-filter: blur(3px);
    background-color:rgba(0, 0, 0, 0.5);
}
.modal-footer {
    border-top: 0px solid #DDDDDD;
}
/* Окно восстоновить пароль */
#telegram_form_zayvka_password{
   border-radius: 40px;
   background-color: #FFFFFF;
}
#wb_telegram_form_zayvka_password {
   background-color: transparent;
   border-radius: 45px;
   border: 5px solid rgba(255,255,255,0.3);
   box-shadow: 0px 0px 10px rgba(255,255,255,255),
   0px 0px 10px rgba(255,255,255,255);
}

/* кнопка закрытия модального окна */
#RollOver_telegram_form_zayvka_password {
    transition: all 0.3s ease;
}
#RollOver_telegram_form_zayvka_password:hover {
    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 10px #FFFFFF;
    border-radius: 20px;    
    transform: scale(1.15);
}
#RollOver_telegram_form_zayvka_password:active {
    animation: shadow4 1s infinite linear;
    transform: scale(0.95);
}
/* TOAST уведомления */
#toast_notification_container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
}

/* Общее тело TOAST */
.toast_notification_success,
.toast_notification_warning,
.toast_notification_error,
.toast_notification_information {
    display: flex;
    align-items: center;
    width: auto;
    clear: right;
    float: right;
    margin: 10px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 216);
    padding: 12px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: translateX(100%);
    overflow: hidden;
    animation: BounceInRight 500ms forwards;
    cursor: pointer;
}

/* Отдельные цвета тела TOAST */
.toast_notification_success {
    border-left: 6px solid #32cd32;
}

.toast_notification_warning {
    border-left: 6px solid #FFA500;
}

.toast_notification_error {
    border-left: 6px solid #DC143C;
}

.toast_notification_information {
    border-left: 6px solid #6495ED;
}

/* Общее тело у полосы прогресса у TOAST */
.toast_notification_success::before,
.toast_notification_warning::before,
.toast_notification_error::before,
.toast_notification_information::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-radius: 10px;
    animation: progress_line 5s linear forwards;
}

/* Отдельные цвета полосы прогресса у TOAST */
.toast_notification_success::before {
    background: #32cd32;
}

.toast_notification_warning::before {
    background: #FFA500;
}

.toast_notification_error::before {
    background: #DC143C;
}

.toast_notification_information::before {
    background: #6495ED;
}

/* Текст в toast_notification */
.toast_notification_message {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000000;
}

/* Размер иконки toast_notification */
.toast_notification_icon_welcome {
    padding: 16px;
}
.toast_notification_icon_success,
.toast_notification_icon_warning,
.toast_notification_icon_error,
.toast_notification_icon_information,
.toast_notification_icon_download_files {
    padding: 12px;
}
.toast_notification_icon_welcome,
.toast_notification_icon_success,
.toast_notification_icon_warning,
.toast_notification_icon_error,
.toast_notification_icon_information {
    display: inline-block;
    width: auto;
    height: auto;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-right: 10px;
    filter: drop-shadow(1px 1px 2px #000000);
}

.toast_notification_icon_success {
    background-image: url('../images/icon_toast_success.gif');
}

.toast_notification_icon_warning {
    background-image: url('../images/icon_toast_warning.gif');
}

.toast_notification_icon_error {
    background-image: url('../images/icon_toast_error.gif');
}

.toast_notification_icon_information {
    background-image: url('../images/icon_toast_information.gif');
}

.toast_notification_icon_welcome {
    background-image: url('../images/icon_toast_welcome.gif');
}

.toast_notification_content {
    flex: 1;
}

/* Анимация Появления toast_notification */
@keyframes BounceInRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    60% {
        opacity: 1;
        transform: translateX(-20px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Анимация скрытия toast_notification */
@keyframes BounceOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

/* Анимация полосы времени для всех toast_notification */
@keyframes progress_line {
    100% {
        width: 0%;
    }
}
.waviy {
  font-size: 18px;
}
.waviy span {
   font-family: Arial;
   font-weight: normal;
   font-style: normal;   
   position: relative;
   display: inline-block;
   color: #6495ED; 
   filter: drop-shadow(1px 1px 0px #4169E1);
   animation: waviy 1.5s infinite;
   animation-delay: calc(.1s * var(--i));
  
}
@keyframes waviy {
  0%,50%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-10px)
  }
}
/* логотип картинка */
#Image_photo_camera {
    filter: drop-shadow(0px 0px 5px #4169E1) drop-shadow(0px 0px 5px #4169E1);
}
/* Иконка глаза для пароля */
#RollOver_show_hide_password {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 30px;
    height: 25px;
}
/* label
Стили для метки полей ввода */
#Label_username,
#Label_password {
    position: absolute;
    top: 50%;
    left: 55px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888;
    transition: all 0.3s ease;
    pointer-events: none;
    border: 0px;
    border-radius: 8px 8px 0px 0px;
    background-color: transparent;
}

#Label_username.active,
#Label_password.active {
    top: -9px;
    left: 50px;
    font-size: 14px;
    color: #6495ED;
    background-color: rgba(255, 255, 255, 255);
    padding: 0px 10px;
    border: 1px solid #1E90FF;
    border-radius: 8px 8px 0px 0px;
}

/* отдельные настройки для Label
так как нужны другие отступы в поле ввода*/
#Label_recovery_username,
#Label_recovery_contract,
#Label_recovery_email {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888;
    transition: all 0.3s ease;
    pointer-events: none;
    border: 0px;
    border-radius: 8px 8px 0px 0px;
    background-color: transparent;
}

#Label_recovery_username.active,
#Label_recovery_contract.active,
#Label_recovery_email.active {
    top: -9px;
    left: 30px;
    font-size: 14px;
    color: #6495ED;
    background-color: rgba(255, 255, 255, 255);
    padding: 0px 10px;
    border: 1px solid #1E90FF;
    border-radius: 8px 8px 0px 0px;
}
/* Поля ввода*/
#username,
#password,
#recovery_username,
#recovery_contract,
#recovery_telephone,
#recovery_email {
    z-index: 0 !important;
}

#username:hover,
#password:hover,
#recovery_username:hover,
#recovery_contract:hover,
#recovery_telephone:hover,
#recovery_email:hover {
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 8px rgba(30, 144, 255, 0.60);
}
/* кнопки */
.btn {
    cursor: pointer;
    font-family: Arial;
    font-size: 16px;
    text-align: center;
    border-radius: 50px;
    background-color: #DC143C;
    color: #FFFFFF;
    border: none;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
}

.btn_blue:hover,
.btn_purple:hover {
    transform: translateY(-3px);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
}

.btn_blue:active,
.btn_purple:active {
    transform: translateY(1px);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.btn_grey {
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.60) 0%,
            rgba(255, 255, 255, 0.20) 50%,
            rgba(255, 255, 255, 0) 51%,
            rgba(255, 255, 255, 0.0) 100%),
        radial-gradient(ellipse at bottom,
            #B0C4DE 0%, rgba(0, 0, 0, 0.0) 100%), #000000;
    border: 0px solid rgba(255, 255, 255, 0.00);
    color: #FFFFFF;
}

.btn_blue {
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.60) 0%,
            rgba(255, 255, 255, 0.20) 50%,
            rgba(255, 255, 255, 0) 51%,
            rgba(255, 255, 255, 0.0) 100%),
        radial-gradient(ellipse at bottom,
            #4169E1 0%, rgba(0, 0, 0, 0.0) 100%), #000000;
    border: 0px solid rgba(255, 255, 255, 0.00);
    color: #FFFFFF;
}

.btn_purple {
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.60) 0%,
            rgba(255, 255, 255, 0.20) 50%,
            rgba(255, 255, 255, 0) 51%,
            rgba(255, 255, 255, 0.0) 100%),
        radial-gradient(ellipse at bottom,
            #7B68EE 0%, rgba(0, 0, 0, 0.0) 100%), #000000;
    border: 0px solid rgba(255, 255, 255, 0.00);
    color: #FFFFFF;
}
/* Поля вывода ошибок */
#error_username,
#error_password,
#error_recovery_username,
#error_recovery_contract,
#error_recovery_email,
#error_recovery_telephone
{
    color: #DC143C;
    background: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 2%;
    margin-top: 2%;
    box-shadow: 0px 0px 5px #DC143C;
    font-size: 14px;
    padding: 4px 12px 4px 12px;
    height: auto;
    width: max-content;
    animation: all_info_message 0.5s ease-out both;
    border: 1px solid #DC143C;
}