body{
  background-color: var(--bg-gray);
  font-family: 'PtSansRegular',Helvetica, sans-serif;
  color:var(--text-color);
  font-size: 16px;

}
header{
  background-color: var(--bg-white);
}
.headerWrapper{
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
}
.header__left,.header__center,.header__right{
  display: flex;
  align-items: center;
}

.header__menuButton a{
 display: block;
 padding: 0 10px 0 0;
}
.header__menuButton a svg{
  stroke:var(--text-color);
  width: 26px;
  height: 26px;
  display: block;
}

.header__menuButton a.show .path{
  
  d: path("M6.4,6.4l11.3,11.3 M6.4,17.6L17.7,6.4");
} 
.header__logo a{
  display: block;
  width: 34px;
  height: 34px;
  background: url('../images/logo/logo_menu.png');
}
.header__ratingWrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__ratingImg img{
  max-width: 30px;
  max-height: 30px;
}
.header__ratingLevel{
  font-size: 20px;
  margin: 0 0 0 6px;
}
.header__ratingLevel .level{
  color: var(--text-color-violet);
}
.header__ratingLevel .small{
  font-size: 10px;
}
.header__soundWrap a{
  display: block;
}
.header__soundWrap svg{
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
}
.header__soundWrap svg path{
  fill: var(--text-color);
}
.header__shortNicknameWrap{
  width: 30px;
  line-height: 30px;
  background-color: var(--bg-light-rose);
  text-align: center;
  border-radius: 50%;
  margin: 0 6px 0 0;
}
.header__shortNicknameWrap a{
  text-decoration: none;
  color: var(--text-color);
}
.header__nicknameWrap{
  margin: 0 30px 0 0;
}
.header__nicknameWrap a{
  text-decoration: none;
  color: var(--text-color);
}
.header__nicknameWrap a:hover{
  text-decoration: underline;
}
.header__loguotWrap a{
  display: block;
}
.header__loguotWrap a svg{
  width: 20px;
  height: 20px;
  stroke: var(--text-color);
}
nav{
  background-color: var(--bg-white);
  border-top: 2px solid var(--border-gray);
  box-shadow: var(--box-shadow);
  position: absolute;
  z-index: 1000;
  width: 100%;
}

nav:not(.show){
  display: none;
  /* opacity: 1;
  max-height: 1000px; */
}
#mainmenu{
  font-size: 14px;
  display: block;
  padding: 15px 0;
  justify-content: space-between;
}
#mainmenu li{
  display: block;
  line-height: 1em;
  margin: 0;
}
{}

#mainmenu li a.svg_link{
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px;
  border-bottom: 1px solid var(--text-color);
}
#mainmenu li a.svg_link>span{
  display: flex;
  align-items: center;
}
#mainmenu li a.svg_link .left svg{
  width: 26px;
  height: 26px;
  margin: 0 4px 0 0;
  stroke: var(--text-color);
}
#mainmenu li a.svg_link .right svg.arrow{
  width: 18px;
  height: 18px;
  transition: transform .2s ease-in-out;  
}
#mainmenu li a.svg_link.show .right svg.arrow{
  transform: rotate(90deg);
}


#mainmenu li a{
  color: var(--text-color);
  text-decoration: none;
}
#mainmenu li a:hover,#mainmenu li.selected a{
  text-decoration: underline;
}
#mainmenu ul{
  
  /* opacity: 0;
  transition: opacity 0.3s, max-height 0.3s ease-in-out;
  max-height: 0; */
  overflow: hidden;
  padding: 0 3px 0 46px;
  border-bottom: 1px solid var(--text-color);
}
#mainmenu ul:not(.show){
  display: none;
}


#mainmenu ul li{
  padding: 10px 0 0 0;
}
#mainmenu ul li:last-child{
  padding: 10px 0 12px 0;
}
main{
  min-height: calc(100vh - 104px);
}

main.notFound,main.registration{
  min-height: 100vh;
}
.contaiter__title{
  padding: 0 16px;
  line-height: 1em;
}
.contaiter__title_h0{
  font-size: 20px;
}
.contaiter__title_h1{
  font-size: 18px;
}
.contaiter__title_opener{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contaiter__title_opener svg{
  width: 20px;
  height: 20px;
  transition: transform .2s ease-in-out;
}
.contaiter__title_opener svg.show{
  transform: rotate(90deg);
}
.hidden_data_wrapper{
  overflow: hidden;
  padding: 0;
  opacity: 0;
  max-height: 0;
  transition: opacity 0.3s, max-height 0.3s ease-in-out;
}
.hidden_data_wrapper.show{
  overflow: visible;
  opacity: 1;
  max-height: var(--min-height-all);
}
.section{
  padding: 16px 16px;
  border-radius: 8px;
  background-color: var(--bg-white);
  box-shadow: var(--box-shadow);
}
.section__title{
  line-height: 1em;
}
.section__title_h1{
  font-size: 18px;
  padding: 0 0 8px 0;
}
.section__title_h2{
  font-size: 16px;
}
.section__title_h3{
  font-size: 14px;
}
.section__title_button{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  line-height: 1em;
}
.section__title_button a,
.section__title_button button{
  margin:  0 0 0 10px;
  justify-content: center;
  padding: 0 6px;
  height: 30px;
}
.section__title_button button.section__title_button_close{
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 22px;
  line-height: 1em;
}
.section__title_button button.section__title_button_close svg{
  width: 16px;
  height: 16px;
  fill:var(--text-color-violet);
}

.task{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  padding: 10px 0;
}
.task.no_active{
  justify-content:center;
  color: var(--text-color-white-gray-violet);
}
.task.small{
  justify-content:flex-start;
  padding: 8px 0;
}
.task.small.task_gen{
  justify-content: space-between;
}
.task.small.accept:not(.active){
  color: var(--text-color-white-gray-violet);
}
.task.small.accept:not(.active) svg{
  fill: var(--border-white-gray)!important;
  stroke:var(--border-white-gray)!important;
}

.act_d_block,
.act_d_flex,
.act_d_inline{
  display: none;
}
.task.active .act_d_none{
  display: none;
}
.task.active .act_d_block{
  display: block;
}
.task.active .act_d_flex{
  display: flex;
}
.task.active .act_d_inline{
  display: inline;
}
.task__header{
  display: flex;
  align-items: center;
  padding: 0 0 0 6px;
  width: 100%;
}
.task__header .input{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.task__header .input .turboSwitch{
  border-radius: 13px;
  border: 1px solid var(--border-gray);
  height: 26px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

.task__header .input .turboSwitch:hover{
  cursor: pointer;
}

.task__header .input .turboSwitch svg{
  width: 20px;
  height: 20px;
  fill: var(--border-gray);
}
.task__header .input .turboSwitch.active:not(.no_active){
  border-color: var(--bg-yellow);
  
}
.task__header .input .turboSwitch.active:not(.no_active) svg{
  fill:var(--bg-yellow)!important;
}
.task.small.active .task__header .input .turboSwitch:not(.no_active):not(.brd_none){
  background: var(--bg-yellow);
  border: none;
}
.task.small.active .task__header .input .turboSwitch:not(.no_active) .checkboxSwitch input:checked + .slider{
  background-color: var(--bg-white);
}
.task.small.active .task__header .input .turboSwitch:not(.no_active)  .checkboxSwitch .slider::before{
  background-color: var(--bg-violet);
}
.task.small.active .task__header .input .turboSwitch:not(.no_active) svg{
  fill: var(--bg-white)!important;
}

.task__header .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;

}
.task__header .icon svg{
  stroke: var(--bg-white);
  fill: var(--bg-white);
  width: 18px;
  height: 18px;
}
.task__header .name{
  padding: 0 32px 0 10px;
}
.task__header .name .title{
  font-size: 14px;
}
.task__header .name .status{
  font-size: 12px;
}
.task__header .name .descr{
  font-size: 10px;
  color: var(--text-color-white-gray-violet);
}
.task__header .speed{
  font-size: 22px;
}
.task.no_active .task__header{
  width: 100%;
}
.task.small:not(.show_all):not(.task_gen) .task__header{
  width: auto;
}

.task.no_active .task__header .name,
.task.small .task__header .name{
  padding: 0 12px 0 10px;
}
.task.no_active .task__header .icon,
.task.small .task__header .icon{
  width: 24px;
  height: 24px;
  margin: 0 0 0 4px;
}
.task.no_active .task__header .icon svg,
.task.small .task__header .icon svg{
  width: 16px;
  height: 16px;
}
.task.no_active .task__header .name .title,
.task.small .task__header .name .title{
  font-size: 12px;
}
.task.no_active .name .descr,
.task.small .name .descr{
  font-size: 10px;
  color: var(--text-color-white-gray-violet);
}
.task.no_active .task__header .name .status,
.task.small .task__header .name .status{
  font-size: 10px;
}
.task.no_active .task__header .speed,
.task.small .task__header .speed{
  font-size: 18px;
  margin: 0 10px 0 0;
}

.task__progressBar{
  width: auto;
  display: flex;
  align-items: flex-start;
  margin: 6px 0 0 0;
}
.task__progressBar .item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
}

.task__progressBar .item .circle{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--border-white-gray);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.task__progressBar .item .circle.dn{
  background-color: var(--bg-blue);
  color: var(--bg-white);
}
.task__progressBar .item .circle.sc{
  background-color: var(--bg-yellow);
  color: var(--bg-white);
}
.task__progressBar .item .circle.mt{
  background-color: var(--bg-red);
  color: var(--bg-white);
}
.task__progressBar .item .circle .ch_count{
  font-size: 10px;
  line-height: 1em;
}
.task__progressBar .item .circle .ch_count svg{
  width: 10px;
  height: 10px;
  margin: -4px 0 0 0;
  fill: var(--text-color-white-gray-violet);
}
.task__progressBar .item .circle.dn .ch_count svg,
.task__progressBar .item .circle.sc .ch_count svg{
  fill: var(--bg-white);
}
.task__progressBar .item .circle .result{
  font-size: 8px;
  line-height: 1em;
}
.task__progressBar .item svg.line{
  width: 4px;
  height: 4px;
  stroke: var(--border-gray);
}
.task__progressBar .item svg.line.rotate{
  transform: rotate(90deg);
}
.task.no_active .task__progressBar{
  display: none;
}

.task.small .task__progressBar{
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.task.no_active .task__progressBar .item,
.task.small .task__progressBar .item{
  height: auto;
}
.task.small.active .task__progressBar .item .circle{
  border-color: var(--bg-violet);
}
.task.small.active .task__progressBar .item svg{
  fill: var(--bg-violet);
  stroke:var(--bg-violet);
}
.task__progressBar .item.active{
  height: auto;
  flex-flow: column;
}
.task__progressBar .item.active .diagram{
  position: relative;
  width: 44px;
  height: 44px;
  color: var(--bg-white);
}
.task__progressBar .item.active .diagram svg{
  position: relative;
  width: 44px;
  height: 44px;
  z-index: 100;
  transform: rotate(-90deg);
}
.task__progressBar .item.active .diagram svg circle
{
  width:100%;
  height:100%;
  fill:none;
  stroke:var(--border-gray);
  stroke-width:10;
  stroke-linecap:round;
  
}
.task__progressBar .item.active .diagram svg circle:nth-child(2){
  stroke-dasharray:440;
  stroke:var(--border-rose-diag);
}
.task__progressBar .item.active .diagram .text{
  position: absolute;
  top:3px;
  left: 3px;
  width: 38px;
  height: 38px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--bg-violet);
}
.task__progressBar .item.active .diagram.dn .text{
  background-color: var(--bg-blue);
}
.task__progressBar .item.active .diagram.sc .text{
  background-color: var(--bg-yellow);
}
.task__progressBar .item.active .diagram .text .ch_count{
  line-height: 1em;
  font-size: 14px;
}
.task__progressBar .item.active .diagram .text .ch_count svg{
  fill: var(--bg-white); 
  width: 16px;
  height: 16px;
  transform: rotate(0);
}
.task__progressBar .item.active .diagram .text .result{
  line-height: 1em;
  font-size: 10px;
}
.task__buttonWrap{
  display: flex;
  justify-content: center;
  width: 100%;
}
.task__buttonWrap form{
  width: auto;
}
.task__buttonWrap .button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 40px;
  margin: 16px 0 0 0;
  font-size: 22px;
  font-weight: bold;
}
.task__buttonWrap .button svg{
  width: 26px;
  height: 26px;
  fill:var(--bg-white);
  margin: 0 10px 0 0;
}
.task__buttonWrap .button svg.arrow{
  width: 36px;
  height: 36px;
  stroke:var(--bg-white);
  margin: 0;
}
.task__buttonWrap .button svg.arrow{
  width: 36px;
  height: 36px;
  stroke:var(--bg-white);
  margin: 0;
}
.task__buttonWrap .button span .point{
  font-size: 12px;
}
.task__buttonWrap.task__buttonWrap_small{
  width: 100%;
  justify-content: center;
}
.task__buttonWrap.task__buttonWrap_small .button{
  width: 200px;
  height: 30px;
}
.task__buttonWrap.task__buttonWrap_small .button svg.arrow{
  width: 26px;
  height: 26px;
}
.task__buttonWrap .button_link{
  display: flex;
  justify-content: center;
  width: 220px;
  height: 40px;
  margin: 16px 0 0 0;
  font-size: 14px;
  border:2px solid var(--bg-violet);
  color:var(--text-color-violet);
}
.task__buttonWrap .button_link svg{
  width: 18px;
  height: 18px;
  stroke:var(--bg-violet);
  fill:var(--bg-violet);
}

.task__buttonWrap .accept_step{
  border-radius: 13px;
  border: 1px solid var(--border-gray);
  height: 26px;
  width: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1em;
  user-select: none;
}

.task__buttonWrap .accept_step:hover{
  cursor: pointer;
}

.task__buttonWrap .accept_step.active{
  border-color: var(--bg-yellow);
  
}
.task__buttonWrap .accept_step.active .checkboxSwitch input:checked + .slider{
  /* background-color: var(--bg-white); */
}
.task__buttonWrap .accept_step.active  .checkboxSwitch .slider::before{
  /* background-color: var(--bg-violet); */
}
.task__buttonWrap .accept_step.active svg{
  fill: var(--bg-white);
}
.wantMore{
  display: flex;
  justify-content: center;
}
.wantMore a{
  background-color: var(--bg-violet);
  color: var(--bg-white);
  font-size: 22px;
  width: 240px;
  height: 50px;
  justify-content: center;
  margin: 30px auto 10px auto;
}
.wantMore.online a{
  width: 260px;
  height: 56px;
  margin: 20px auto 20px auto;
}
.wantMore.online a svg{
  fill: var(--bg-white);
  width: 30px;
  height:30px;
  margin: 0 6px 0 0;
  
}
.badge{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.badge__img{
  width: 250px;
}
.badge__img img{
  width: 100%;
}
.badge__data{
  width: 250px;
}
.badge__data .level{
  /* display: flex;
  justify-content: space-around;
  align-items: flex-end; */
  padding: 0px 0 0 0;
  border-bottom: 3px solid var(--text-color);
  font-size: 80px;
  line-height: 1em;
  text-align: center;
  color: var(--bg-blue);

}
.badge_imperial .badge__data .level{
  color:var(--text-color-blue);
}
.badge__data .level span{
  display: inline-block;
  line-height: 1em;
}
.badge__data .level span.small{
  

  font-size: 16px;
  margin: 0 0 0 5px;
  padding: 45px 0 0 0;
  color: var(--text-color);
  background: url('../images/rating/star_module480.png') 12px 0px no-repeat;
}

.badge__data .points{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.badge__data .points .text{
  padding: 30px 0 0 0;
  font-size: 40px;
  line-height: 1em;
}
.badge__data .points .text .s_item{
  /* color:#ea7daa; */
  color:var(--border-rose-diag);
}
.badge__data .points .text .small{
  font-size: 16px;
}
.badge_imperial .badge__data .points .text .s_item{
  /* color:#954ebd */
  color:var(--text-color-violet);
}

.badge__data .line{
    width: 249px;
    margin: 10px 0 0 0;
    height: 7px;
    background: url('../images/rating/rating_line_gray480.png') 0 0 no-repeat;
}
.badge__data .line .color_line{
  height: 100%;
  background: url('../images/rating/rating_line_color480.png') 0 0 no-repeat;
}
.badge__button{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 230px;
  font-size: 18px;
  text-transform: uppercase;
  margin: 20px auto 0 auto;
  box-shadow: var(--box-shadow);
}
.showAllStructure{
  float: right;
  display: flex;
  justify-content: flex-end;
}
.showAllStructure button{
  height: 20px;
  width: 30px;
  background-color: var(--bg-yellow);
}
.showAllStructure button svg{
  width: 18px;
  height: 18px;
  stroke: var(--bg-white);
}
.comp_zzz{
  display: block;
  width: 250px;
  height: 250px;
  fill: var(--text-color);
  margin-left:auto;
  margin-right:auto;
}

.userData__rating{
  display: flex;
  flex-flow: column;
  align-items: center;
}
.userData__rating .name{
  position: relative;
  font-size: 20px;
  line-height: 1em;
  text-align: center;
  margin:  0 0 6px 0;
}
.userData__rating .name .fnk_lck{
  font-size: 12px;
}
.userData__rating .rating{
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  line-height: 1em;
}

.userData__rating .rating img{
  display: block;
  height: 40px;
}
.userData__rating .rating.big img{
  height: 50px;
}
.userData__rating .rating .level{
  margin: 0 6px;
}
.userData__rating .rating .level .big{
  font-size: 35px;
  color: var(--bg-blue);
}

.userData__rating .rating .points .f_item,
.userData__rating .rating .points .s_item{
  font-size: 22px;
}
.userData__rating .rating .points .s_item{
  color: var(--border-rose-diag);
}
.userData.imperial .userData__rating .rating .level .big{
  color: var(--text-color-violet);
}
.userData.imperial .userData__rating .rating .points .s_item{
  color: var(--bg-violet);
}
.userData__menu{
  margin: 10px 0 0 0;
}
.userData__menu ul{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.userData__menu ul li{
  display: block;
  width: 50%;
  padding: 0 4px 0 0;
  margin: 0;
}
.userData__menu ul li.w_auto{
  width: auto;
}
.userData__menu ul li.w_100{
  width: 100%;
}
.userData__menu ul li a,.userData__menu ul li span{
  display: flex;
  align-items: center;
  
  text-indent: 4px;
  width: 100%;
  height: 25px;
  
  line-height: 1em;
}
.userData__menu ul li a{
  font-size: 12px;
  color: var(--text-color-white-gray-violet);
  text-decoration: none;
}
.userData__menu ul li a:hover{
  text-decoration: underline;
}
.userData__menu ul li span{
  justify-content: center;
  border-radius: 4px;
  border: 1px solid var(--border-yellow);
  font-size: 14px;
}
.stickyBar{
  position: sticky;
  top:0;
  z-index: 100;
}
.stickyBar .section{
  border: 1px solid var(--bg-violet);
}
.stickyBar__wrap{
  display: flex;
  justify-content: flex-end;
}
.stickyBar__wrap button{
  font-size: 12px;
  height: 26px;
  width: 80px;
}
.stickyBar__wrap button.w_auto{
  width: auto;
}

.stickyBar__wrap a{
  font-size: 12px;
}
.stickyBar__wrap a:hover{
  text-decoration: none;
}
.stickyBar__wrap a.stickyBar__button{
  width: auto;
  font-size: 12px;
  height: 26px;
  padding: 0 8px;
  text-decoration: none;
}
.stickyBar__wrap.stickyBar__wrap_generator button{
  font-size: 15px;
  height: 34px;
  width: 94px;
}

.small_row{
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 12px;
}
.gridButton{
  width:26px;
  height:26px;
  font-size:22px
}
.small_row select{
  font-size: 10px;
  padding: 1px;
}
.small_row select.levels{
  width: 54px;
}
.small_row select.steps{
  width: 34px;
}
.middle_row{
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  align-items: center;
}
.middle_row button{
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
}

.generator__title{
  font-size: 18px;
  padding: 4px 10px;
}
.generator__section{
  border-radius: 8px;
  padding: 8px 12px;
  border: 2px solid var(--border-gray);
}
.generator__section.od_sp, 
.generator__section.m3,
.generator__section.d2,
.generator__section.sq{
  border-color: var(--bg-greenblue);
}
.generator__section.dv, 
.generator__section.m2,
.generator__section.d3,
.generator__section.pw{
  border-color: var(--bg-violet);
}
.generator__section.tr, 
.generator__section.m1,
.generator__section.d4{
  border-color: var(--bg-yellow);
}
.generator__section .swicth_wrap{
 padding: 0 6px;
 border-radius: 8px;
}
.generator__section .swicth_wrap.active{
  background-color: var(--border-gray);
}
.generator__section.formWrap{
  font-size: 14px;
}

.dlzItem{
  display: flex;
  padding: 6px;
  border-radius: 8px;
  user-select: none;
}
.dlzItem.active{
  background-color: var(--bg-light-rose);
}
.dlzItem:hover{
  cursor: pointer;
}
.dlzItem .chkbox_sqr_wrap{
  margin:  6px 16px 0 0;
}
.dlzItem .title{
  font-size: 16px;
  color: var(--text-color-gray-violet);
}

.dlzItem.active .title{
  color: var(--text-color);
}
.dlzItem.done:not(.active) .title{
  color: var(--text-color-result);
}
.dlzItem .assoc{
  font-size: 14px;
  color: var(--border-yellow);
}

.dlzItem.active .assoc{
  color: var(--text-color-no-result);
}
.dlzItem.done:not(.active) .assoc{
  color: var(--bg-yellow);
}
.dlzItem .descr{
  font-size: 12px;
  color: var(--text-color-white-gray-violet);
}
.dlzItem.active .descr{
  color: var(--text-color-gray-violet);
}
.checkboxSwitch {
  display: inline-block;
  height: 17px;
  position: relative;
  width: 30px;
}

.checkboxSwitch input {
  display:none;
}

.checkboxSwitch input:checked + .slider {
  background-color: var(--border-rose-diag);
}

.checkboxSwitch input:checked + .slider:before {
  transform: translateX(13px);
}

.checkboxSwitch .slider.round {
  border-radius: 17px;
}

.checkboxSwitch .slider.round:before {
  border-radius: 50%;
}
.checkboxSwitch .slider {
  background-color: var(--border-gray);
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s;
}

.checkboxSwitch .slider:before {
  background-color: var(--bg-white);
  bottom: 2px;
  content: "";
  height: 13px;
  left: 2px;
  position: absolute;
  transition: .4s;
  width: 13px;
}
.chkbox_sqr_wrap {
  position: relative;
  width: 14px;
  height: 14px;
margin:  0 1px 0 -15px;
}
[type="checkbox"].chkbox_sqr{
width: 14px;
height: 14px;
z-index: 90;
}
[type="checkbox"].chkbox_sqr:hover{
  cursor: pointer;
}
[type="checkbox"].chkbox_sqr:not(:checked),
[type="checkbox"].chkbox_sqr:checked {
position: absolute;
left: 0;
opacity: 0.01;
}
[type="checkbox"].chkbox_sqr:not(:checked) + label,
[type="checkbox"].chkbox_sqr:checked + label {
display: block;
font-size: 1em;
width: 100%;
height: 100%;
cursor: pointer;
}
[type="checkbox"].chkbox_sqr:not(:checked) + label:before,
[type="checkbox"].chkbox_sqr:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 14px;
border: 1px solid #aaa;
background: #FFF;
border-radius: .2em;
box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 var(--bg-light-rose);
-webkit-transition: all .275s;
transition: all .275s;
}

[type="checkbox"].chkbox_sqr:not(:checked) + label:after,
[type="checkbox"].chkbox_sqr:checked + label:after {
content: '✓';
position: absolute;
top: 4px;
left: 1px;
font-size: 20px;
color: var(--text-color-violet);
line-height: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
[type="checkbox"].chkbox_sqr:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
}

[type="checkbox"].chkbox_sqr:checked + label:after {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}

[type="checkbox"].chkbox_sqr:checked:focus + label:before,
[type="checkbox"].chkbox_sqr:not(:checked):focus + label:before {
box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 4px var(--bg-light-rose);
}


.radioAnim{
  line-height: 18px;
  font-size: 10px;
}
.radioAnim [type="radio"]:checked,.radioAnim [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}


.radioAnim [type="radio"]:checked + .radioAnim__lable,.radioAnim [type="radio"]:not(:checked) + .radioAnim__lable {
  position: relative;
  padding:  1px 0 0 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.radioAnim [type="radio"]:checked + .radioAnim__lable:before,.radioAnim [type="radio"]:not(:checked) + .radioAnim__lable:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 2px solid var(--border-gray);;
  border-radius: 100%;
  background: var(--bg-white);;
}

.radioAnim [type="radio"]:checked + .radioAnim__lable:after,.radioAnim [type="radio"]:not(:checked) + .radioAnim__lable:after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: var(--bg-dark-rose);;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.radioAnim [type="radio"]:not(:checked) + .radioAnim__lable:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radioAnim [type="radio"]:checked + .radioAnim__lable:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
select{
  outline: none;
  padding: 0 0 0 4px;
  background-color: var(--bg-gray);
  border: 1px solid var(--border-gray);
  border-radius: 4px;
  color: var(--text-color);
}
.inputText{
  background-color: var(--bg-gray);
  border: 1px solid var(--border-gray);
  border-radius: 4px;
  width: 150px;
  height: 24px;
  
}

ol.historyList{
  padding: 0 0 0 30px;
}
ol.historyList li{
  margin: 0 0 10px 0;
}
ol.historyList li.memory{
  color: var(--border-yellow);
}
ol.historyList  li.isresult{
  color: var(--text-color-no-result);
}
ol.historyList  li.isresult.active{
  color: var(--text-color);
}

ol.historyList  li .red{
  color: var(--text-color-no-result);
}

ol.historyList  li .grey{
  color:var(--text-color-gray-violet);
}
ol.historyList  li .orange{
  color: var(--border-yellow);
}
ol.historyList  li .blue{
 color:  var(--bg-blue);
}
ol.historyList li .isresult{
  color: var(--text-color-result);
}
ol.historyList li .noresult{
  color: var(--text-color-no-result);
}
ol.historyList li.star{
  background: var(--bg-gray);
}
ol.historyList li.dinamic{
  color:  var(--bg-blue);
  
}
ol.historyList li.static{
  color: var(--text-color-gray-violet);;
}
ol.historyList li.hometask{
  /* background: #ffeadf; */
  background: var(--bg-rose);
}
ol.historyList li.hometask.more{
  background: var(--bg-white-blue);
}
ol.historyList li.ex_book{
  color:var(--text-color-rose);
}
ol.historyList li.trophy{
  background: var(--bg-white-blue);
}

ol.historyList li.abonement{
  height: 45px;
  line-height: 45px;
}
.abonementCalendar{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  
}
.abonementCalendar .calendar{
  border: 1px solid var(--border-gray);
  border-radius: 4px;
  position: relative;
  font-size: 14px;
}
.abonementCalendar .calendar .input_val{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 30px;
  background-color: var(--bg-gray);
  
}
.abonementCalendar .calendar button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: var(--bg-gray);
  border: none;
  border-left: 1px solid var(--border-gray);
  padding: 0;
  
}
.abonementCalendar .calendar .month_mega_wrap{
  display: none;
  position: absolute;
  top:40px;
  left:0;
  background-color: var(--bg-white);
  z-index: 100;
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap{
  display: none;
  border: 1px solid var(--border-gray);
  border-radius: 4px;

}
.abonementCalendar .calendar .month_mega_wrap .month_wrap.active{
  display: block;
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap .month_title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap .month_title svg{
  width: 26px;
  height: 26px;
  fill: var(--bg-blue);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap .month_title .prew,
.abonementCalendar .calendar .month_mega_wrap .month_wrap .month_title .next{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-height: 100%;
}


.abonementCalendar .calendar .month_mega_wrap .month_wrap .month_title .prew svg{
  transform: rotate(180deg);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td{
  padding: 0;
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td span,
.abonementCalendar .calendar .month_mega_wrap .month_wrap td a{
  display: block;
  padding: 4px 10px;
  text-align: center;
  border: 1px solid var(--bg-white);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td a{
  text-decoration: none;
  color: var(--text-color-sb);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td a:hover{
  background: var(--bg-gray);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td a.active{
  color:var(--bg-white);
  background: var(--bg-yellow);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td a.new_active{
  color:var(--bg-white);
  background: var(--bg-blue);
}
.abonementCalendar .calendar .month_mega_wrap .month_wrap td a.current{
  border: 1px solid var(--bg-blue);
}
.abonementCalendar select{
  height: 30px;
  font-size: 14px;
}
.abonementCalendar button{
  width: 100px;
  height: 30px;

  font-size: 14px;
}
.timeTable__day{
  border: 1px solid var(--border-gray);
  border-radius: 8px;
  overflow: hidden;
  padding: 0 0 16px 0;
  margin: 0 0 20px 0;
}
.timeTable__day .title{
  background: var(--bg-rose);
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 8px;
  margin: 0 0 16px 0;
}

.timeTable__day .small_row{
  padding: 6px 0 6px 36px;
  margin-bottom: 8px;
}
.timeTable__day .small_row:hover{
  cursor: pointer;
}
.timeTable__day .small_row.active{
  background: var(--bg-gray);
}
.timeTable__day .groupLink{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 6px;

}
.timeTable__day .groupLink:hover{
  background: var(--bg-gray);
}
.timeTable__day .groupLink a{
  color: var(--text-color-ss);
  display: block;
  margin: 0 0 0 3px;
}
.timeTable__day .groupLink a:hover{
  text-decoration: none;
}
.timeTable__day .groupLink a svg{
  width: 18px;
  height: 18px;
  stroke: var(--text-color);
  fill: none;
}
.timeTable__day .groupLink a.up svg{
  transform: rotate(-90deg);
}
.timeTable__day .groupLink a.down svg{
  transform: rotate(90deg);
}
.timeTable__weekMenu a,
.timeTable__weekMenu span{
  justify-content: center;
  height: 36px;
  width: 50px;
}
.timeTable__weekMenu span{
  color: var(--bg-white);
}
.timeTable__weekMenu a{
  border: 1px solid var(--border-gray);
  color: var(--text-color-violet);
}
.timeTable__weekMenu a:hover{
  background: var(--bg-violet);
  color: var(--bg-white);
}
.timeTable__table{
  padding: 14px;
}

.timeTable__table .group{
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border-gray);
}
.timeTable__table .group .heading{
  padding: 6px 12px;
  background: var(--bg-violet);
}
.timeTable__table .group .heading .title a,
.timeTable__table .group .heading .title span.big{
  font-size: 18px;
  color: var(--bg-white);
}
.timeTable__table .group .heading .title span{
  font-size: 12px;
  color: var(--bg-gray);
}
.timeTable__table .group .heading .button a{
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--bg-blue);
  border-radius: 50%;
}
.timeTable__table .group .heading .button a.close{
  background: var(--bg-red);
}
.timeTable__table .group .heading .button a svg{
  width: 18px;
  height: 18px;
  fill: var(--bg-white);
  transition: all 0.3s ease-in-out;
}
.timeTable__table .group .heading .button a.active svg{
  transform: rotate(90deg);
}
.timeTable__table .group .hidden_data{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s, max-height 0.3s ease-in-out;
}
.timeTable__table .group .hidden_data.active{
  opacity: 1;
  max-height: 1000px;
}
.timeTable__table .group .table_descr{
  padding: 10px;
  background: var(--bg-gray);
}
.timeTable__table .group .table_descr select,
.timeTable__table .group .table_descr input{
  background: var(--bg-white);
}
.timeTable__table .group .table_descr button{
  justify-content: center;
  width: 100px;
  height: 24px;
}
.timeTable__table .group .table_descr button.delete{
  background: var(--bg-red);
  
  height: 30px;
  width: 30px;
}
.timeTable__table .group .table_descr button.delete svg{
  width: 18px;
  height: 18px;
  fill: none;
  stroke: var(--bg-white);
}
.timeTable__table .onlineLinks{
  padding: 14px;
}
.timeTable__table .onlineLinks input{
  background: var(--bg-white);
}
.timeTable__table .onlineLinks .user{
  word-wrap: break-word;
}
.trophy__point{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  height: 50px;

}
.trophy__point span.small{
  font-size: 16px;
}
.trophy__steps{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.trophy__steps .prew,
.trophy__steps .next{
  width: 30px;
  height: 50px;
}
.trophy__steps a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  
}

.trophy__steps .prew a svg,
.trophy__steps .next a svg{
  width: 30px;
  height: 30px;
  fill: var(--bg-blue);
}
.trophy__steps .prew a svg{
  transform: rotate(180deg);
}
.trophy__steps .blockWrap{
  width: 160px;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.trophy__steps .blockWrap .blockWrap__moved{
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition:left 0.5s ease;
}
.trophy__steps .blockWrap .blockWrap__moved .step{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid var(--border-gray);
  margin-right: 5px;

}
.trophy__steps .blockWrap .blockWrap__moved .step.selected{
  border-color: var(--bg-blue);
}
.trophy__steps .blockWrap .blockWrap__moved .step:last-child{
  margin: 0;
}
.trophy__videoButton a{
  justify-content: center;
  min-height: 40px;
  color: var(--bg-white);
  text-decoration: none;
}
.trophy__videoWrap .video{
  margin: 10px 0 0 0;
}

.myTrophy__noVideo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  padding: 30px 0;
  color: var(--text-color-rose);
}
.myTrophy__button{
  display: flex;
  justify-content: center;
}
.myTrophy__button a{
  color: var(--bg-white);
  justify-content: center;
  width: 200px;
  height: 50px;
  text-decoration: none;
  font-size: 20px;
}
.myTrophy__video{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.myTrophy__video .item{
  width: 100%;
  height: 200px;
}
.myTrophy__video .descr{
  font-size: 12px;
  color: var(--text-color-rose);
  line-height: 1em;
}
.myTrophy__video .points{
  font-size: 22px;
  color: var(--bg-blue);
}

.myTrophy__pages{
  display: flex;
  justify-content: center;
  align-items: center;
}
.myTrophy__pages .pageWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
.myTrophy__pages .pageWrap a,
.myTrophy__pages .pageWrap span{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 6px;
  margin: 0 6px 0 0;
  border-radius: 4px;
}
.myTrophy__pages .pageWrap span{
  background: var(--text-color-rose);
  color:var(--bg-white);
  text-decoration: none;
  
}
.myTrophy__pages .pageWrap span.dots{
  background: none;
  color: var(--text-color);
}
.myTrophy__pages .pageWrap span.zero{
  background: none;
  width: 24px;
}
.myTrophy__pages .pageWrap a{
  text-decoration: none;
  color:var(--text-color);
}
.myTrophy__pages .pageWrap a:hover{
  background: var(--text-color-rose);
  color:var(--bg-white);
}
.myTrophy__pages .pageWrap a.next,
.myTrophy__pages .pageWrap a.prew{
  padding: 0;
  margin: 0;
}
.myTrophy__pages .pageWrap a.next svg,
.myTrophy__pages .pageWrap a.prew svg{
  width: 24px;
  min-height: 24px;
  fill:var(--text-color-rose);
}
.myTrophy__pages .pageWrap a.prew svg{
  transform: rotate(180deg);
}
.myTrophy__pages .pageWrap a.next:hover svg,
.myTrophy__pages .pageWrap a.prew:hover svg{
  fill:var(--bg-white);
}
.ratingTop__switch span,
.ratingTop__switch a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 100%;
  height: 40px;

}
.ratingTop__switch span{
  color: var(--bg-white);
}
.ratingTop__switch a{
  color: var(--text-color-rose);
  border: 1px solid var(--border-rose-diag);
}
.ratingTop__switch a:hover{
  background: var(--bg-greenblue);
  color: var(--bg-white);
  border: none;
}
.ratingTop__listItem{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
}
.ratingTop__listItem.selected{
  background-color: var(--bg-light-rose);
}
.ratingTop__listItem .title{
  font-size: 18px;
  margin: 0 0 10px 0;
  line-height: 1em;
}
.ratingTop__listItem .title .titleCircle{
  font-size: 24px;
  display: inline-block;
  /* background: #d6ccf9; */
  background: var(--bg-greenblue);
  color: #FFF;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin:0 10px 0 0;
}
.ratingTop__listItem .badgeWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.ratingTop__listItem .badgeWrap .buttonsWrap{
  order: 1;
}
.ratingTop__listItem .badgeWrap .buttonsWrap .btn_link_qw{
  
  justify-content: center;
  width: 200px;
  height: 30px;
  color: var(--bg-white);
  text-decoration: none;
  
}
.ratingTop__listItem .badgeWrap .level{
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin: 0 0 10px 0;
}
.ratingTop__listItem .badgeWrap .level img{
  height: 60px;
  margin: 0 8px 0 0;
}
.ratingTop__listItem.imperial.crown:not(.goad) .badgeWrap .level img{
  height: 70px;
}
.ratingTop__listItem.imperial.goad .badgeWrap .level img{
  height: 90px;
}
.ratingTop__listItem .badgeWrap .level .text{
  font-size: 30px;
  color: var(--bg-blue);
}

.ratingTop__listItem.imperial .badgeWrap .level .text{
  color: var(--text-color-light-violet);
  font-size: 32px;
}
.ratingTop__listItem.imperial.goad .badgeWrap .level .text{
  font-size: 34px;
}

.ratingTop__listItem .badgeWrap .level .text span{
  font-size: 12px;
  color: var(--text-color);
}

.tablesGenerator select{
  width: 100%;
  height: 36px;
}
.tablesGenerator button{
  width: 100%;
  height: 60px;
}
.generTable{
  width: 100%;
}
.generTable td{
  /*width: 7,14285714%;*/
  height: 30px;
  padding: 0 5px;
  /*border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;*/
  border: 1px solid #000;
  color: #000;
  font-size: 16px;
  font-family: arial,sans-serif;
}
.generTable td.is_sqrt{
  background: url('../images/businki/sqrt.png') 2px 11px no-repeat;
  padding: 6px 0 0 12px;
  height: 40px;
}
.generTable td.is_sqrt div{
 
/*   height: 40px; */
/*   float: left; */
  display: inline-block;
  padding: 1px 2px 0 2px;
  border-top: 2px solid black;
}
.generTable.td_count14 td{
  width: 7.14%;
}
.generTable.td_count13 td{
  width: 7.68%;
}
.generTable.td_count12 td{
  width: 8.3%;
}
.generTable.td_count11 td{
  width: 9.09%;
}
.generTable.td_count9 td{
  width: 11.11%;
}
.generTable.td_count8 td{
  width: 12.5%;
}
.generTable.td_count7 td{
  width: 14.28%;
}
.generTable.td_count6 td{
  width: 16.66%;
}
.generTable.td_count5 td{
  width: 20%;
}
.generTable.td_count4 td{
  width: 25%;
}
.generTable.td_count3 td{
  width: 33.33%;
}
.generTable.td_count2 td{
  width: 50%;
}

.generTable.noBorder td{
  border: none;
  height: 25px;
}
@media print {
    .razriv {
     page-break-after: always;
    } 
   } 

.a4{

}
.pseudoTable{
  overflow: hidden;
  width: 701px;
  margin: 7px auto 0 auto;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.pseudoTable.figureTable{
  border-color:#ccc;
}

.imageTableItem{
  width: 140px;
  float: left;
}
.imageTableNum,.imageTableAnswer{
  text-align: center;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  color: #000;
}
.imageTableContent{
  padding: 15px 0;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.imageTableContent img{
  width: 32px;
}
.imageTableContent.triznach img{
  width: 30px;
}
.logoRegistration{
  width: 296px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.logoRegistration img.logo{
  width: 100px;
  display: block;
  position: absolute;
  top: 50%; 
  left: 50%;

  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: var(--box-shadow);
  border: 3px solid var(--bg-gray);

}
.logoRegistration img.background{
  width: 100%;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes bgRotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.bgRotating {
  -webkit-animation: rotating 120s linear infinite;
  -moz-animation: rotating 120s linear infinite;
  -ms-animation: rotating 120s linear infinite;
  -o-animation: rotating 120s linear infinite;
  animation: rotating 120s linear infinite;
}
.registration {
  width: 296px;
  margin: 0 auto;
}

.registration__logoText img{
  width: 200px;
  height: 49px;
}
.registration__input{
  display: flex;
  width: 100%;
  border: 1px solid var(--border-gray);
  border-radius: 4px;
  overflow: hidden;
}
.registration__input a{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-gray);
  border-left: 1px solid var(--border-gray);
}

.registration__input svg{
  width: 20px;
  height: 20px;
  fill: var(--text-color);
}

.registration__input input{
  flex-grow: 1;
  height: 40px;
  border: none;
  padding: 0 10px;
  border-radius: 0; 

}

.registration .capchaWrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.registration .capchaWrapper .capchaTableTr{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.registration .capchaWrapper .capchaTableTr .capchaImg{
  width: 40%;
  border-radius: 4px;
  overflow: hidden;
}
.registration .capchaWrapper .capchaTableTr .capchaImg img{
  width: 100%;
}
.registration .capchaWrapper .capchaTableTr .capchaInput{
  width: 40%;
}
.registration .capchaWrapper .capchaTableTr .capchaInput input{
  width: 100%;
  border: 1px solid var(--border-gray);
  border-radius: 4px;
}
.registration .capchaWrapper .capchaTableTr .capchaUpdate a{
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/svg/update.svg);
}
.registration__button button{
  width: 100%;
  height: 60px;
}
.authtimeline__title{
  font-size: 28px;
  color: var(--bg-blue);
}
.authtimeline__descr{
  font-size: 14px;
}
.authtimeline__seconds{
  font-size: 112px;
  color: var(--bg-violet);
}
.authError__title{
  font-size: 22px;
  color: var(--bg-blue);
}
.authError__descr{
  font-size: 14px;
  text-align: center;
}
.infoBar__wing img{
  width: 90px;
  height: 90px;
  margin: 30px 0 0 0;
  
}
.infoBar__wing.wing2{
 margin: 12px 0 0 0;
  
}
.infoBar__wing.flip img{
  -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
.infoBar__wing.fireworks{
  margin: 30px 0 0 0;
  align-self: center;
}
.infoBar__wing.fireworks.wing2{
  margin: 0;
}
.infoBar__wing.fireworks img{
  width: 90px;
  height: 90px;
  margin: 0;
  transform: rotate(70deg);
  
}
.infoBar__wing.flip.fireworks img{
  -moz-transform: scaleX(-1) rotate(70deg);
  -o-transform: scaleX(-1) rotate(70deg);
  -webkit-transform: scaleX(-1) rotate(70deg);
  transform: scaleX(-1) rotate(70deg);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.infoBar__tile__title{
  font-size: 22px;
  text-align: center;
}
.infoBar__tile__points{
  font-size: 32px;
  text-align: center;
  color: var(--bg-blue);

}
.infoBar__tile__points span{
  font-size: 14px;
}
.infoBar__tile__img{
  width: 100px;
  height: 100px;
  background: var(--bg-violet);
  border-radius: 8px;
}
.infoBar__tile__img svg{
  width: 70px;
  height: 70px;
  fill: var(--bg-white);
}

.infoBar__tile__circle{
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
}

.infoBar__tile__circle svg.progress{
  position: relative;
  width: 100px;
  height: 100px;
  z-index: 100;
  transform: rotate(-90deg);
}
.infoBar__tile__circle svg.progress circle
{
  width:100%;
  height:100%;
  fill:none;
  stroke:var(--border-gray);
  stroke-width:10;
  stroke-linecap:round;
  
}
.infoBar__tile__circle svg.progress circle:nth-child(2){
  stroke-dasharray:440;
  stroke:var(--border-rose-diag);
}
.infoBar__tile__circle .text{
  position: absolute;
  top:1px;
  left: 1px;
  width: 97px;
  height: 97px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--bg-violet);
  color:  var(--bg-white);
}
.infoBar__tile__circle .text svg{
  width: 60px;
  height: 60px;
  fill: var(--bg-white);
  stroke: var(--bg-white);
}
.infoBar__tile__circle .data{
  line-height: 1em;
  text-align: center;
  margin: -3px 0 0 0;
}

.infoBar__tile__descr{
  font-size: 12px;
  text-align: center;
  line-height: 1.2em;
}
.infoBar__tile__descr span{
  display: block;
}



footer{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 40px;
  background-color: var(--bg-white);
}