/* Color palette */
/* NEW COLORS */
/* UPDATE 2 */
/* Text styles */
h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  color: #fff; }

.bColor {
    color: #48515eab;
}

.logCxDev {
    background-color: rgba(72,81,94,.12);
}

/* Для футера */
.wrappercxdev {
    position: relative;
    min-height: 100%;
}
.contentcxdev {
    padding-bottom: 90px;
}
.footercxdev {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;

    display: flex;
    justify-content: center;
}
/* Для футера */


[data-original-title]:hover {
	position: relative;
}
[data-original-title]:hover::before {
	all: initial;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	border-radius: 5px;
	padding: 10px;
	background-color: #1a1a1a;
	content: attr(data-original-title);
	color: #f9f9f9;
	position: absolute;
	bottom: 100%;
	width: 120px;
	left: 50%;
	transform: translate(-45%, 0);
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
}

[data-original-title]:hover::after {
	all: initial;
	display: inline-block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;		  
	border-top: 10px solid #1a1a1a;
	position: absolute;
	bottom: 100%;
	content: '';
	left: 50%;
	
	margin-bottom: 5px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(255 255 255 / 75%);
    border-radius: 4px;
    border: 1px solid #48515e47;
}

 /* @font-face{font-family:Gilroy;src:url(../../../fonts/Gilroy/Gilroy-Regular.ttf) format("opentype");font-style:normal;font-weight:400}
 @font-face{font-family:Gilroy;src:url(../../../fonts/Gilroy/Gilroy-Medium.ttf) format("opentype");font-style:normal;font-weight:500}
 @font-face{font-family:Gilroy;src:url(../../../fonts/Gilroy/Gilroy-Bold.ttf) format("opentype");font-style:normal;font-weight:700}
 @font-face{font-family:Gilroy;src:url(../../../fonts/Gilroy/Gilroy-Black.ttf) format("opentype");font-style:normal;font-weight:800} */
/* Grid system bootstrap 4.1 */
html {	
  font-size: 10px; }
  @media (max-width: 992px) {
    html {
      font-size: 9px; } }
  @media (max-width: 768px) {
    html {
      font-size: 7px; } }

/* #sidenav_mobile:not(.active), #sidenav_mobile_bg:not(.active) {
  top: -100%; }

#sidenav_mobile {
  transition: all 0.25s;
  position: fixed;
  top: 0%;
  left: 0;
  width: 100%;
  padding: 45px 0;
  padding-top: 70px;
  background-color: #181c25;
  box-shadow: 0px 20px 25px 0 rgba(36, 43, 48, 0.25);
  z-index: 100; }
  #sidenav_mobile #sidenav_mobile_close {
    filter: hue-rotate(-105deg) brightness(1.4);
    position: absolute;
    top: 40px;
    left: 40px; }
  #sidenav_mobile a {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin-bottom: 20px; } */

body {
  background-color: #edeef0;
  /* background-image: url("../img/bg.jpg.html"); */
  background-size: 100% auto;
  background-repeat: no-repeat;
  /* font-family: 'Montserrat', sans-serif; */
  font-family: Gilroy,sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff; }
  @media (max-width: 992px) {
    body {
      background-image: none; } }

main {
  min-height: calc(100vh - 200px); }

a {
 /*  font-size: 16px; */
  color: #48515e;
  text-decoration: none;
  transition: all 0.25s; }
  a:hover, a.active {
    color: #0064a7;
    text-decoration: none; }

button {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  /* padding: 0 16px; */
  border: none; 
  color: #0064a7;
  background-color: rgba(0,100,167,.12);
  border-radius: 4px;
  text-align: left;
  height: 48px;
  text-align: center;
 }
 
 


 
 
 
  button.red {
    background-color: #8672ff;
    box-shadow: 0px 3px 0 0 #6050be; }
    button.red:hover {
      box-shadow: 0px 3px 0 0 #6050be, 0px 0px 20px 0 rgba(96, 80, 190, 0.5); }
  /* button.blue {
    background-color: #5188ff;
    box-shadow: 0px 3px 0 0 #3b67c7; } */
    button.blue:hover {
     color:#c4c4c4 }
  button.grey {
   /*  background-color: #181c25;
    box-shadow: 0px 3px 0 0 #12151b;
    color: #fff; 
    background-color: #edeef0; */ 
	background-color: #ffffff;
    margin-bottom: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s,opacity .25s ease .25s;
    transition: all .25s,opacity .25s ease .25s;
	}
    button.grey:hover {
      box-shadow: 0px 3px 0 0 #e1e1e4, 0px 0px 20px 0 rgba(18, 21, 27, 0.5); }
  button.dark {
    background-color: #242a35;
    box-shadow: 0px 3px 0 0 #1e2825;
    color: #1c212a; }
    button.dark:hover {
     box-shadow: 0px 3px 0 0 #1e2825, 0px 0px 20px 0 rgba(30, 40, 37, 0.5); }
  button:hover {
    background-color:rgba(0,100,167,.24); }


	  
button.bluePanel {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #0064a7; 
	background-color: rgba(0,100,167,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 20px;	
	text-align: center;
}

button.bluePanel:hover {
    background-color:rgba(0,100,167,.24);
	/* box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5);  */
}

button.purplePanel {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #8364ff;
	background-color: rgba(110,78,240,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 10px;
	height: 32px; 
	width: 100%;
	text-align: center;
}

button.purplePanel:hover {
    background-color:rgba(110,78,240,.24);
	/* box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5);  */
}

button.redPanel {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #dc3545;
	background-color: rgba(220,53,69,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 20px;	
	text-align: center;
}

button.redPanel:hover {
    background-color:rgba(220,53,69,.24);
	/* box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5);  */
}

button.redPanelmin {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #dc3545;
	background-color: rgba(220,53,69,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 10px;
	height: 32px; 
	text-align: center;
}

button.redPanelmin:hover {
    background-color:rgba(220,53,69,.24);
	/* box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5);  */
}

button.greenPanelmin {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #00c27d;
	background-color: rgba(0,194,125,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 10px;
	height: 32px; 
	text-align: center;
}

button.greenPanelmin:hover {
    background-color:rgba(0,194,125,.24);
}

button.orangePanel {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #ffa927;
	background-color: rgba(255,169,39,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 10px;	
	text-align: center;
}

button.orangePanel:hover {
    background-color:rgba(255,169,39,.24);
	/* box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5);  */
}

button.greenPanel {
	font-size: 15px;
	font-weight: 600;
	text-align: left;	
	border: none; 
	color: #00c27d;
	background-color: rgba(0,194,125,.12);
	border-radius: 4px;
	text-align: left;
	padding: 0 10px;	
	text-align: center;
}

button.greenPanel:hover {
    background-color:rgba(0,194,125,.24);
	/* box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5);  */
}

input, select {
  /* background: #12151b; */
  background-color: rgba(72,81,94,.12);
  border: none;
  padding: 12px 20px;
  /* color: #48515e; */
  color: #48515e;
  outline: none !important; 
  border-radius: 4px;
  }
  input::placeholder, input > option:first-child, select::placeholder, select > option:first-child, textarea::placeholder {
    font-size: 15px;
    text-align: left;
    /* color: rgba(255, 255, 255, 0.5);  */
	 color: #48515e;}


/*select {
  cursor: pointer;
  -webkit-appearance: none;
  background: url(../img/arrow.svg) 97%/6% no-repeat rgba(72,81,94,.12);;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IlJvdW5kZWRfUmVjdGFuZ2xlXzMzX2NvcHlfNF8xXyI+PHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3YzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3YzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIgZmlsbD0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpIi8+PC9nPjwvc3ZnPg==); 
  }
  select::before {
    content: 'test'; }
  select option:disabled {
    color: rgba(255, 255, 255, 0.5); } */

#notifications {
  position: fixed;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 475px;
  max-width: 100%;
  padding: 0; }
  #notifications.hide {
    display: none; }
  #notifications .notification {
    position: relative;
    max-width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    background-color: #1c212a;
    box-shadow: 0px 20px 45px 0 rgba(16, 50, 82, 0.15);
    padding: 30px;
    margin-bottom: 10px;
    width: 100%; }
    #notifications .notification .close {
      position: absolute;
      top: 20px;
      right: 20px; }
    #notifications .notification img:not(.close) {
      margin-right: 25px; }

.modal {
  background: rgba(0, 0, 0, 0.25); }
  .modal .modal-dialog {
    max-width: none !important; }
  .modal .modal-content {
   /*  background-color: #1c212a;
    box-shadow: 0px 20px 45px 0 rgba(16, 50, 82, 0.15); */
    /*max-height: 100vh;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    overflow-x: hidden;*/
    margin-top: 15vh;
    position: relative;
    text-align: center;
    padding: 50px 0;
    padding-bottom: 30px; }
    .modal .modal-content > .close {
      position: absolute;
      top: 30px;
      right: 30px;
      box-shadow: none; }
      @media (max-width: 992px) {
        .modal .modal-content > .close {
          top: 10px;
          right: 10px; } }
      .modal .modal-content > .close img {
        width: 21px;
        height: 21px;
        filter: hue-rotate(-105deg) brightness(1.4); }
    .modal .modal-content .footer {
      display: block;
      background-color: #181c25;
      margin-top: 10px;
      margin-bottom: -30px;
      padding: 30px; }
    .modal .modal-content .row > div > * {
      width: 100%;
      margin-bottom: 20px; }
    .modal .modal-content h1 {
      text-align: center;
      margin-bottom: 40px !important; }
    .modal .modal-content.project_protect p {
      font-size: 15px;
      text-align: left;
      color: rgba(255, 255, 255, 0.5);
      text-align: center; }
    .modal .modal-content.start_game_modal {
      text-align: left; }
      .modal .modal-content.start_game_modal .add_server {
        font-size: 14px; }
        .modal .modal-content.start_game_modal .add_server button {
          width: 275px;
          max-width: 100%;
          margin-right: 20px; }
        @media (max-width: 992px) {
          .modal .modal-content.start_game_modal .add_server {
            text-align: center; }
            .modal .modal-content.start_game_modal .add_server span {
              margin-top: 20px;
              display: block; } }
      .modal .modal-content.start_game_modal .add_manual {
        display: block;
        margin-bottom: 10px; }
      .modal .modal-content.start_game_modal .ip {
        display: flex; }
        .modal .modal-content.start_game_modal .ip button {
          min-height: 60px;
          text-shadow: none; }
          .modal .modal-content.start_game_modal .ip button.grey {
            cursor: default; }
            .modal .modal-content.start_game_modal .ip button.grey:hover {
              box-shadow: 0px 3px 0 0 #e7e8e8; }
      .modal .modal-content.start_game_modal .steps .step {
        display: flex;
        align-items: center; }
        .modal .modal-content.start_game_modal .steps .step.no-flex {
          display: block; }
          .modal .modal-content.start_game_modal .steps .step.no-flex span {
            padding-top: 16px; }
            @media (max-width: 992px) {
              .modal .modal-content.start_game_modal .steps .step.no-flex span {
                padding-top: 8px; } }
        .modal .modal-content.start_game_modal .steps .step::before {
          color: #fff;
          text-shadow: 0 0 10px rgba(51, 51, 51, 0.7); }
        .modal .modal-content.start_game_modal .steps .step:nth-child(1)::before {
          content: '1'; }
        .modal .modal-content.start_game_modal .steps .step:nth-child(2)::before {
          content: '2';
          background-color: #76c24c;
          box-shadow: 0px 3px 0 0 #5e9e3e; }
        .modal .modal-content.start_game_modal .steps .step:nth-child(3)::before {
          content: '3';
          background-color: #b0c24c;
          box-shadow: 0px 3px 0 0 #929e3e; }
        .modal .modal-content.start_game_modal .steps .step:nth-child(4)::before {
          content: '4';
          background-color: #c2ad4c;
          box-shadow: 0px 3px 0 0 #9e8f3e; }
        .modal .modal-content.start_game_modal .steps .step:nth-child(5)::before {
          content: '5';
          background-color: #c27e4c;
          box-shadow: 0px 3px 0 0 #9e673e;
          text-shadow: none; }
        .modal .modal-content.start_game_modal .steps .step:nth-child(6)::before {
          content: '6';
          background-color: #c2574c;
          box-shadow: 0px 3px 0 0 #9e453e;
          text-shadow: none; }
    .modal .modal-content.contacts_modal .step {
      text-align: left; }
      .modal .modal-content.contacts_modal .step .vk {
        background-color: #6494c9 !important;
        box-shadow: 0px 3px 0 0 #4d75a0, 0px 0px 30px 0 rgba(100, 148, 201, 0.5) !important;
        padding: 19px 11.5px 12px !important; }
      .modal .modal-content.contacts_modal .step .mail {
        padding: 18px 11.5px 11px !important;
        box-shadow: 0px 3px 0 0 #409e3e, 0px 0px 30px 0 rgba(76, 194, 76, 0.5) !important; }
      .modal .modal-content.contacts_modal .step span {
        display: block;
        min-height: 0 !important; }
        .modal .modal-content.contacts_modal .step span p {
          font-weight: normal;
          margin: 0; }
      .modal .modal-content.contacts_modal .step a {
        display: inline-block;
        font-weight: 700;
        border-bottom: 1px solid #fff; }
    .modal .modal-content .steps {
      margin: 0; }
      .modal .modal-content .steps .step {
        background-color: #181c25;
        margin-bottom: 10px;
        padding: 20px;
        font-weight: bold; }
        .modal .modal-content .steps .step::after {
          display: block;
          content: "";
          clear: both; }
        .modal .modal-content .steps .step span {
          display: inline-block;
          min-height: 50px; }
        @media (max-width: 992px) {
          .modal .modal-content .steps .step {
            font-size: 14px; }
            .modal .modal-content .steps .step::before, .modal .modal-content .steps .step .img {
              margin-right: 20px !important; }
            .modal .modal-content .steps .step div {
              padding-left: 70px; }
              .modal .modal-content .steps .step div img {
                max-width: 100%; }
            .modal .modal-content .steps .step span {
              min-height: 60px;
              width: calc(100% - 80px); } }
        .modal .modal-content .steps .step div {
          padding-left: 80px; }
        .modal .modal-content .steps .step::before, .modal .modal-content .steps .step .img {
          display: inline-block;
          color: #1c212a;
          text-shadow: -2.6px 1.5px 4px #47a440;
          font-size: 28px;
          padding: 11px 19.75px;
          line-height: 1;
          margin-right: 30px;
          background-color: #4cc24c;
          box-shadow: 0px 3px 0 0 #409e3e;
          float: left; }
    .modal .modal-content .footer {
      text-align: center; }
      .modal .modal-content .footer button {
        width: 275px;
        max-width: 100%; }

.block3D {
  margin-left: 6px;
  margin-bottom: 6px;
  position: relative; }
  .block3D::after {
    content: '';
    position: absolute;
    right: 100%;
    top: 3px;
    background-color: #242a35;
    width: 6px;
    height: 100%;
    transition: all 0.25s;
    transform: skewY(-45deg); }
  .block3D::before {
    content: '';
    position: absolute;
    right: 3px;
    top: 100%;
    background-color: #12151b;
    width: 100%;
    height: 6px;
    transition: all 0.25s;
    transform: skewX(-45deg); }

button.block3D:hover::after {
  top: 5px;
  width: 10px; }

button.block3D:hover::before {
  right: 5px;
  height: 10px; }

.header {
   margin-bottom: 60px;  }
  .header .openMenu {
    padding: 18px 15px;
    background-color: #ffffff;
	border-radius: 4px;
    line-height: 0; }
  @media (max-width: 992px) {
    .header {
        margin-bottom: 30px;  } }
  .header .header-content {
	align-items: center;
    position: relative;
    margin-top: 20px;  
	justify-content: space-between;}
    @media (max-width: 992px) {
      .header .header-content {
        text-align: right; }
        .header .header-content #sidenav_mobile_toggle {
          position: absolute;
          left: 0; }
          .header .header-content #sidenav_mobile_toggle img {
            filter: hue-rotate(200deg) brightness(1.4); }
        .header .header-content .logo {
          padding: 12px 0; } }
  .header .menu {
    position: relative;
    margin-top: 20px; 
    min-height: 41px; }
    .header .menu a {
      margin-left: 30px; }
  .header .start_game_mobile {
    position: relative;
    margin-top: 20px; 
    width: 100%;
    height: 60px;
    background-color: #1c212a;
    color: #fff;
    font-size: 18px;
    text-shadow: 0px 3px 4px #12151b;
    box-shadow: none;
    padding-left: 60px; }
    .header .start_game_mobile::before, .header .start_game_mobile::after {
      background-color: #12151b; }
    .header .start_game_mobile .img {
      position: absolute;
      z-index: 2;
      left: -6px;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      width: 60px;
      background: #a486fe; }
      .header .start_game_mobile .img img {
        margin-bottom: -7px;
        filter: hue-rotate(-200deg); }
      .header .start_game_mobile .img::before {
        background-color: #6d55b5; }
      .header .start_game_mobile .img::after {
        background-color: #baa3ff; }

  .header .start_game {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    color: #0064a7;
	background-color: rgba(0,100,167,.12);
  /*   box-shadow: -3px 3px 15px #3b67c7; */
    padding-top: 10px;
    padding-bottom: 10px;
    width: 205px;
    text-align: center;
    /* text-shadow: 0px 3px 4px #3b67c7; */
	border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2; }
   /*  .header .start_game::after {
      color: #0064a7;
	background-color: rgba(0,100,167,.12);
     }
    .header .start_game::before {
      color: #0064a7;
	background-color: rgba(0,100,167,.12); } */
	
	.header .start_game:hover {
      background-color:rgba(0,100,167,.24);
     }

.logoSite {
	color: #0064a7;
	font-weight: 800!important; 
	font-size: 28px; 
	filter: drop-shadow(0 8px 16px rgba(0,100,167,.50));
}

.logoSite:hover {	
	color: #0064a7;
	filter: drop-shadow(0 8px 16px rgba(0,100,167,.90));
}

.mainBlock > .block {
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 20px 45px 0 rgba(24, 28, 37, 0.15);
  /* padding: 32px 64px; */
  margin: 0 0 35px; }
  @media (min-width: 992px) {
    .mainBlock > .block .content {
      /* 4/10 */
      flex: 0 0 40%;
      max-width: 40%; } }
  @media (max-width: 992px) {
    .mainBlock > .block .content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; } }

@media (min-width: 992px) {
  #lk_top {
    /* 4/10 */
    flex: 0 0 80%;
    max-width: 80%; } }

.indexPage .mainBlock .logo {
  margin: 0 auto;
  margin-bottom: 25px; }

@media (min-width: 992px) {
  .indexPage .mainBlock > .block .content {
    /* 5/7 */
    flex: 0 0 71.42857%;
    max-width: 71.42857%; } }

.indexPage .mainBlock > .block .row {
  margin: 0 !important; }

.indexPage .mainBlock > .block h1 {
  text-align: center;
  margin-bottom: 45px; }

.indexPage .mainBlock > .block input, .indexPage .mainBlock > .block select, .indexPage .mainBlock > .block button {
  width: 100%;
  margin-bottom: 15px; }

.indexPage .mainBlock > .block input {
  font-size: 15px;
  padding: 14px 20px; }

.indexPage .mainBlock > .block .footer {
  width: 100%;
  text-align: center;
  background-color: #181c25;
  padding: 25px 0 0 0; }
  .indexPage .mainBlock > .block .footer p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    margin-bottom: 25px; }
  .indexPage .mainBlock > .block .footer button {
    text-shadow: 0px 3px 4px #6050be;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    text-align: center; }

.indexPage .mainBlock .accordion {
  margin-bottom: 30px; }
  .indexPage .mainBlock .accordion .card {
   /*  margin-bottom: 10px;
    border: none;
    background-color: #181c25;
    box-shadow: 0px 3px 0 0 #12151b; */
	border-radius: 4px;	}
    .indexPage .mainBlock .accordion .card button {
       margin: 0; 
      /* padding: 15px 30px; */
      position: relative;
      text-shadow: none; }
	    
      .indexPage .mainBlock .accordion .card button::after {
        content: url("../../../assets/img/arrow_head.0f36f5c9.svg");
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%); }
      .indexPage .mainBlock .accordion .card button:not(.collapsed) {
/*         box-shadow: 0px 3px 0 0 #181c25; */ }
        .indexPage .mainBlock .accordion .card button:not(.collapsed)::after {
          /* content: url("../../../assets/img/arrow_head4998.svg"); */
		  content: url("../../../assets/img/arrow_head.0f36f5c9.svg");
          /* filter: hue-rotate(-105deg) brightness(1.1); */
		  -webkit-transform: rotate(-90deg);
		  transform: rotate(-90deg);
		  top: 30%;

		  }
    .indexPage .mainBlock .accordion .card div {
     /*  padding: 0 29px 20px 29px; */
     
      /* color: rgba(255, 255, 255, 0.5); */ }

.indexPage .rightBlock {
  color: #fff; }
  .indexPage .rightBlock .block {
    border-radius: 8px;
	background-color: #ffffff;
    padding-top: 50px;
    margin-bottom: 30px; }
    .indexPage .rightBlock .block h1 {
      color: #0064a7;
      /* text-align: center; */
      margin-bottom: 25px; }
    .indexPage .rightBlock .block .content {
      padding: 0 50px; }
      @media (max-width: 1200px) {
        .indexPage .rightBlock .block .content {
          padding: 0 40px; } }
      @media (max-width: 992px) {
        .indexPage .rightBlock .block .content {
          padding: 0 35px; } }
      .indexPage .rightBlock .block .content.users {
        padding-bottom: 30px; }
      .indexPage .rightBlock .block .content .server, .indexPage .rightBlock .block .content .user {
        background-color: #242a35;
        padding: 15px;
        display: flex;
        margin-bottom: 16px; }
        .indexPage .rightBlock .block .content .server.block3D::after, .indexPage .rightBlock .block .content .user.block3D::after {
          background-color: #2b323f; }
        .indexPage .rightBlock .block .content .server.block3D::before, .indexPage .rightBlock .block .content .user.block3D::before {
          background-color: #12151b; }
        .indexPage .rightBlock .block .content .server .info, .indexPage .rightBlock .block .content .user .info {
          font-size: 12px;
          padding-left: 20px;
          max-width: calc(100% - 50px);
          word-wrap: break-word; }
          @media (max-width: 405px) {
            .indexPage .rightBlock .block .content .server .info, .indexPage .rightBlock .block .content .user .info {
              padding-left: 5px; } }
          .indexPage .rightBlock .block .content .server .info span, .indexPage .rightBlock .block .content .user .info span {
            color: #8672ff; }
          .indexPage .rightBlock .block .content .server .info b, .indexPage .rightBlock .block .content .user .info b {
            display: block;
            font-size: 15px; }
          .indexPage .rightBlock .block .content .server .info p, .indexPage .rightBlock .block .content .user .info p {
            margin: 0; }
        .indexPage .rightBlock .block .content .server .tick, .indexPage .rightBlock .block .content .user .tick {
          position: absolute;
          right: 5px;
          top: 5px;
          background-color: #4cc24c;
          box-shadow: 0 0 12px 0 #4cc24c;
          border-radius: 50%;
          padding: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 22px;
          width: 22px; }
          .indexPage .rightBlock .block .content .server .tick img, .indexPage .rightBlock .block .content .user .tick img {
            height: 9px;
            width: 11px; }
      .indexPage .rightBlock .block .content .buttons {
        display: flex;
        padding-bottom: 50px; }
        .indexPage .rightBlock .block .content .buttons button:first-child {
          flex: 1 auto;
         
          font-size: 15px;
          font-weight: 600;
          text-align: left;
          border-radius: 4px;
          font-weight: 600;
          text-transform: uppercase;
          text-align: center; }
        .indexPage .rightBlock .block .content .buttons button:last-child {
          flex: 0 auto;
          margin-left: 10px; }

.authPage h1 {
  text-align: center; }

.authPage p {
  font-size: 15px;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  text-align: center; }

.authPage .content {
  padding-bottom: 30px; }
  .authPage .content > * {
    display: block;
    width: 100%;
    margin-bottom: 20px; }

.lkPage .mainBlock > .tabs {
  display: flex;
  width: 100%;
  box-shadow: 0px 20px 45px 0 rgba(16, 50, 82, 0.15); }
  .lkPage .mainBlock > .tabs .tab {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 30px;
    background: #181c25;
    border-bottom: 2px solid #12151b;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold; }
    @media (max-width: 992px) {
      .lkPage .mainBlock > .tabs .tab {
        font-size: 13px; } }
    .lkPage .mainBlock > .tabs .tab:not(.active):hover {
      border-bottom: 2px solid rgba(134, 114, 255, 0.25); }
    .lkPage .mainBlock > .tabs .tab.active {
      border-bottom: 2px solid #8672ff; }

.lkPage .mainBlock > .block > .content, .lkPage .top_tabs_contents > .table {
  margin-bottom: 40px;
  font-size: 15px;
  opacity: 0;
  transition: all 0.5s; }
  .lkPage .mainBlock > .block > .content:not(.active), .lkPage .top_tabs_contents > .table:not(.active) {
    display: none; }
  .lkPage .mainBlock > .block > .content thead th, .lkPage .top_tabs_contents > .table thead th {
    border: none;
    font-weight: normal; }
  .lkPage .mainBlock > .block > .content tbody img, .lkPage .top_tabs_contents > .table tbody img {
    height: 20px;
    width: 20px;
    margin-right: 8px; }
  .lkPage .mainBlock > .block > .content tbody tr td, .lkPage .top_tabs_contents > .table tbody tr td {
    border: none;
    padding: 15px 20px; }
  .lkPage .mainBlock > .block > .content tbody tr:nth-of-type(odd), .lkPage .top_tabs_contents > .table tbody tr:nth-of-type(odd) {
    background-color: #181c25; }
  .lkPage .mainBlock > .block > .content tbody tr.current td:first-child, .lkPage .top_tabs_contents > .table tbody tr.current td:first-child {
    font-weight: bold; }
  .lkPage .mainBlock > .block > .content tbody tr:nth-child(1) td:first-child, .lkPage .top_tabs_contents > .table tbody tr:nth-child(1) td:first-child {
    color: #efbb30;
    font-weight: bold; }
  .lkPage .mainBlock > .block > .content tbody tr:nth-child(2) td:first-child, .lkPage .top_tabs_contents > .table tbody tr:nth-child(2) td:first-child {
    color: #53aed9;
    font-weight: bold; }
  .lkPage .mainBlock > .block > .content tbody tr:nth-child(3) td:first-child, .lkPage .top_tabs_contents > .table tbody tr:nth-child(3) td:first-child {
    color: #8672ff;
    font-weight: bold; }

.lkPage .top_tabs_contents .table {
  width: 100%; }

@media (min-width: 992px) {
  .lkPage .mainBlock > .block .content {
    /* 4/10 */
    flex: 0 0 60%;
    max-width: 60%; } }

.lkPage .content .exit {
  position: absolute;
  right: 0;
  top: 0; }

.lkPage .content h1 {
  text-align: center;
  margin-bottom: 50px;
  position: relative; }

.lkPage .content .player {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px; }
  .lkPage .content .player > img {
    margin-right: 20px; }
  .lkPage .content .player p {
    line-height: 2; }
    .lkPage .content .player p > b {
      display: block;
      font-size: 15px;
      font-weight: bold;
      text-align: left;
      color: #fff;
      line-height: 1; }
    .lkPage .content .player p span {
      font-size: 12px;
      color: #fff; }
      .lkPage .content .player p span a {
        margin-left: 6px;
        font-weight: 600;
        color: #8672ff;
        line-height: 1; }
        .lkPage .content .player p span a:hover {
          border-bottom: 1px solid #8672ff; }
        @media (max-width: 992px) {
          .lkPage .content .player p span a {
            display: block;
            margin: 0; } }

.lkPage .content .info {
  margin-bottom: 30px;
  font-size: 15px; }
  .lkPage .content .info div {
    padding: 20px;
    border: none;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }
    .lkPage .content .info div span:first-child {
      float: left; }
    .lkPage .content .info div span:last-child {
      float: right; }
    .lkPage .content .info div:nth-of-type(odd) {
      background-color: #181c25; }

.lkPage .content .buttons {
  margin-bottom: 50px; }
  .lkPage .content .buttons button {
    width: 100%; }

.lkPage #lk_top .tabs_div {
  position: relative; }
  @media (max-width: 992px) {
    .lkPage #lk_top .tabs_div {
      margin: 0 20px; } }
  .lkPage #lk_top .tabs_div .tabs_cnrl img {
    position: absolute;
    top: 50%;
    cursor: pointer;
    transition: all 0.25s;
    opacity: 0.75;
    filter: hue-rotate(-105deg) brightness(1.4); }
    .lkPage #lk_top .tabs_div .tabs_cnrl img:hover {
      opacity: 1; }
  .lkPage #lk_top .tabs_div .tabs_cnrl .left {
    left: 0;
    transform: translate(-250%, -50%); }
  .lkPage #lk_top .tabs_div .tabs_cnrl .right {
    right: 0;
    transform: translate(250%, -50%); }
  @media (max-width: 992px) {
    .lkPage #lk_top .tabs_div .tabs_cnrl img {
      width: 11px; } }

.lkPage #lk_top .tabs {
  margin: 0 -15px;
  margin-bottom: 30px;
  overflow: hidden; }
  .lkPage #lk_top .tabs .tabs-list {
    display: flex;
    height: 150px;
    transition: all 1s; }
    .lkPage #lk_top .tabs .tabs-list > div {
      padding-right: 10px;
      padding-left: 10px; }
      .lkPage #lk_top .tabs .tabs-list > div span {
        display: inline-block;
        height: 3em;
        line-height: 1.5; }
      @media (max-width: 992px) {
        .lkPage #lk_top .tabs .tabs-list > div {
          padding-right: 5px;
          padding-left: 5px; } }
  .lkPage #lk_top .tabs .tab {
    width: 100%;
    text-align: center;
    background-color: #181c25;
    box-shadow: 0px 3px 0 0 #12151b;
    font-weight: bold;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 15px;
    cursor: pointer; }
    .lkPage #lk_top .tabs .tab.active {
      background-color: #8672ff;
      box-shadow: 0px 3px 0 0 #6050be, 0px 3px 0 0 #cfa229;
      color: #fff; }
    .lkPage #lk_top .tabs .tab:not(.active):hover {
      box-shadow: 0px 3px 0 0 #12151b; }
    .lkPage #lk_top .tabs .tab img {
      height: 50px;
      max-width: 50px;
      margin: 0 auto;
      margin-bottom: 5px;
      display: block;
      opacity: 0.5;
      transition: all 0.25s;
      filter: invert(1) brightness(1.25); }
    .lkPage #lk_top .tabs .tab:hover img {
      opacity: 1; }
    .lkPage #lk_top .tabs .tab.active img {
      filter: invert(0) brightness(0.25); }

#snow {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: -10; }

.server .block {
  padding-top: 48px;
  padding-bottom: 44px; }
  .server .block .content {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100% !important;
    flex: auto !important; }
    .server .block .content h1 {
      font-weight: bold;
      font-size: 40px;
      line-height: 49px;
      margin-bottom: 15px; }
    .server .block .content .online {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: 0.08em;
      color: #329EF4;
      margin-bottom: 40px; }
    .server .block .content .ip {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px;
      display: flex;
      justify-content: center;
      padding: 46px 0;
      background: #12151B;
      margin-bottom: 24px; }
      .server .block .content .ip p {
        font-weight: 800;
        font-size: 32px;
        line-height: 28px;
        text-shadow: 0 8px 24px rgba(164, 134, 254, 0.32);
        margin-bottom: 0; }
        .server .block .content .ip p .color {
          color: #A486FE; }
    .server .block .content button {
      font-weight: bold;
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0.04em;
      margin-bottom: 24px;
      width: 100%;
      max-width: 445px;
      padding: 15px 0; }
    .server .block .content .description {
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      color: rgba(255, 255, 255, 0.64);
      margin-bottom: 0; }

.server .agreement {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
  text-align: center; }


/*СКИДКА*/
.sale {
    max-height: 200px;
    overflow: hidden;
    padding: 24px;
    text-align: center;
    margin-bottom: 16px;
    border-radius: 4px;
    border: 1px solid #edeef0;
}
.sale .time-limit {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sale .time-limit .time h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
    height: 44px;
    border-radius: 4px;
    text-shadow: 0 12px 24px rgb(0 100 167 / 64%);
    color: #0064a7!important;
    background-color: rgba(0,100,167,.12);
}


.sale .time-limit .colon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    line-height: 44px;
    font-weight: 700;
    font-size: 16px;
    color: rgba(0,100,167,.24);
}
.sale> {
    -webkit-transition: none;
    transition: none;
}
.indexPage .mainBlock > .block .sale h1.sale-title {
    margin-bottom: 12px;
}
.sale .time-limit .time {
    width: 100%;
}
.sale h1.sale-title p {
    display: inline-block;
    color: #0064a7;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
/*СКИДКА*/

@media (max-width: 768px) {
  .server .block {
    padding-top: 32px;
    padding-bottom: 32px; }
    .server .block .content h1 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 4px; }
    .server .block .content .online {
      font-size: 14px;
      margin-bottom: 15px; }
    .server .block .content .ip {
      padding: 28px 0;
      margin-bottom: 16px; }
      .server .block .content .ip p {
        font-size: 20px; }
    .server .block .content button {
      margin-bottom: 16px; }
    .server .block .content .description {
      font-size: 15px;
      text-align: center; }
  .server .agreement {
    display: none; } }

footer {
  width: 100%;
  margin-bottom: 30px; 
  margin-top: 30px;
  }
  footer .agreement {
    margin-bottom: 0;
    text-align: center; }


.title-contents .icon-holder {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: rgba(72,81,94,.16);
    border-radius: 4px;
    margin-right: 12px;
}
.title-contents {
    display: -webkit-box; 
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
	/*з*/
}


.large-button {
    height: 56px;
    width: 100%;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.large-button.blue:hover{
	background-color: #0384db;
}

.large-button.blue {
    background-color: #0064a7;
    -webkit-box-shadow: 0 16px 48px rgb(68 180 255 / 24%), inset 0 0 6px hsl(0deg 0% 100% / 32%), inset 10px -8px 10px rgb(25 148 230 / 84%), inset -10px 10px 24px rgb(179 224 255 / 72%);
    box-shadow: 0 16px 48px rgb(68 180 255 / 24%), inset 0 0 6px hsl(0deg 0% 100% / 32%), inset 10px -8px 10px rgb(25 148 230 / 84%), inset -10px 10px 24px rgb(179 224 255 / 72%);
    text-shadow: 0 2px 4px #1f5f89;
}

.perk-shop .btn-buy .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-shadow: 0 2px 4px #1f5f89;
}
.monitoring {
    padding: 32px 32px 44px!important;
}
.monitoring .online h4 {
    color: #48515e;
    margin-bottom: 2px;
}
.monitoring .online>* {
    font-weight: 800!important;
    font-size: 28px;
    line-height: 36px;
}
.monitoring .online .players {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.monitoring .online .players span {
    color: #0064a7;
    margin-right: 10px;
}

.monitoring .online .players .progress-circle svg .static-circle {
    stroke: #edeef0;
} /*потом не надо*/
.monitoring .online .players .progress-circle svg .progress-indicator {
    stroke: #0064a7;
} /*потом не надо*/
.monitoring .line {
    margin-top: 20px;
    margin-bottom: 24px;
}
.line {
    width: 100%;
    height: 1px;
    background-color: #edeef0;
}
.caps {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: #48515e;
}
.monitoring h1.server {
    margin-top: 8px;
    margin-bottom: 20px;
}

.main .double-column .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.monitoring .title-contents img {
    margin-right: 12px;
}

.large-button.green:hover {
    background-color: #17d18f;
}
.large-button.green {
    background-color: #00c27d;
    -webkit-box-shadow: 0 16px 48px rgb(0 194 125 / 24%), inset -10px 10px 24px rgb(75 236 179 / 72%), inset 10px -8px 10px rgb(12 160 108 / 84%), inset 0 0 6px hsl(0deg 0% 100% / 32%);
    box-shadow: 0 16px 48px rgb(0 194 125 / 24%), inset -10px 10px 24px rgb(75 236 179 / 72%), inset 10px -8px 10px rgb(12 160 108 / 84%), inset 0 0 6px hsl(0deg 0% 100% / 32%);
    text-shadow: 0 2px 4px #0ca06c;
}

.monitoring .nav2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.monitoring .nav2 .copy-server {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 56px;
    margin-left: 8px;
}

.large-button.purple {
    background-color: #6e4ef0;
    -webkit-box-shadow: 0 16px 48px rgb(110 78 240 / 24%), inset -8px 8px 12px rgb(145 118 255 / 72%), inset 8px -6px 8px rgb(88 56 219 / 84%), inset 0 0 6px hsl(0deg 0% 100% / 32%);
    box-shadow: 0 16px 48px rgb(110 78 240 / 24%), inset -8px 8px 12px rgb(145 118 255 / 72%), inset 8px -6px 8px rgb(88 56 219 / 84%), inset 0 0 6px hsl(0deg 0% 100% / 32%);
    text-shadow: 0 2px 4px #5838db;
}

.large-button.purple:hover{
	background-color:#8364ff
}

.nav2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}



/*последнии покупки*/
.last-buys {
    position: relative;
    padding: 32px!important;
}
.last-buys .buy-list .player .info .state, .last-buys .buy-list .player .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	    width: 100%;
    justify-content: right;
}
.last-buys .buy-list .player .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}
.last-buys .buy-list .player:not(:last-of-type) {
    margin-bottom: 24px;
}
.last-buys .buy-list .player {
    position: relative;
    height: 68px;
	/* height: 48px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end; 
    -ms-flex-align: end;
    align-items: flex-end; 
}
.last-buys .buy-list .player:not(:last-of-type):after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #edeef0;
}
.tag.green {
    background-color: rgba(0,194,125,.12);
    color: #00c27d;
}
.tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px;
    border-radius: 2px;
    background-color: rgba(72,81,94,.12);
    color: #48515e;
}
p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #48515e;
    margin-bottom: 0;
}

.last-buys .buy-list .player img {
    border-radius: 4px;
    margin-right: 16px;
	/*****/
	margin-left: 16px;
	align-self: center;
	/*****/
    height: 48px;
}
.last-buys .buy-list .player .info .state p {
    margin-right: 8px;
}

.last-buys:after {
    pointer-events: none;
    content: "";
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    height: 100px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(14,16,20,0)),to(#ffffff));
    background: linear-gradient(
180deg
,rgba(14,16,20,0),#ffffff);
}
/*описание доната*/
.roll-card {
    background-color: #edeef0;
    margin-bottom: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s,opacity .25s ease .25s;
    transition: all .25s,opacity .25s ease .25s;
}
.roll-card .title, .roll-card .title .about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.roll-card .title {
    cursor: pointer;
    /*height: 48px;*/
    padding:  15px 20px 15px 0;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.roll-card>* {
    padding: 0 16px;
}
.roll-card.open .content2 {
    max-height: unset;
    padding-top: 4px;
    padding-bottom: 16px;
}
.roll-card .content2 {
    /* max-height: 0; */
    overflow: hidden;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all .25s;
    transition: all .25s;
	
	padding: 4px 16px 16px 16px; 
}
.orange {
    color: #ffa927;
}
.blue {
    color: #0064a7;
}

.red {
    color: #d23737;
}

.white {
    color: #837575;
}

.whiteAndBlack {
	color: #0064a7;
	font-size: 87.5%;
}

.green {
    color: #00c27d;
} 
.roll-card .content2 ul li span.green{color:#00c27d}
.aqua {
    color: #1bc5c5;
}

.purple {
    color: #6e4ef0;
}

.pink {
    color: #e35de3;
}

.gray {
    color: #48515e;
}

.greenBn {
    color: #00c27d;
}

.col-res-0 { color: #000; }
.col-res-1 { color: #00a; }
.col-res-2 { color: #0a0; }
.col-res-3 { color: #0aa; }
.col-res-4 { color: #a00; }
.col-res-5 { color: #a0a; }
.col-res-6 { color: #fa0; }
.col-res-7 { color: #aaa; }
.col-res-8 { color: #555; }
.col-res-9 { color: #55f; }
.col-res-a { color: #5f5; }
.col-res-b { color: #5ff; }
.col-res-c { color: #f55; }
.col-res-d { color: #f5f; }
.col-res-e { color: #ff5; }
.col-res-f { color: #fff; }
.col-res-l { font-weight: bold; }
.col-res-o { font-style: italic; }
.col-res-r { font-weight: normal; font-style: normal; }


.roll-card .title .about .price {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #0e639c;
}
.roll-card .title .about h4 {
    margin-right: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #48515e;
    text-align: left;
}
.roll-card .content2 ul li {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #48515e;
}
.roll-card .content2 ul li:before {
    content: "•";
    color: #48515e;
    font-weight: 700;
    padding-right: 4px;
}


ul {
    list-style: none;
    padding-left: 0;
}
h1, h2, h3, h4, h5, h6, ul {
    margin-bottom: 0;
	/*цвет*/
	color: #48515e;
}
.lol:hover {
	background:none !important;
	
}
.roll-card .content2 ul {
    margin-bottom: 15px;
}

.greenminshow {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* .perk-shop .btn-buy .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-shadow: 0 2px 4px #1f5f89;
} */
.perk-shop .btn-buy {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
    margin: 0;
    cursor: pointer;
}
/*****/
.perk-shop .btn-buy.disabled {
    cursor: default;
}

.perk-shop .btn-buy button {
    width: 100%;
}

.large-button.disabled, .large-button:disabled {
    opacity: .64;
    cursor: default;
    pointer-events: none;
}



/* [type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button; */
/*****/
 .large-button.green{background-color:#00c27d;-webkit-box-shadow:0 16px 48px rgba(0,194,125,.24),inset -10px 10px 24px rgba(75,236,179,.72),inset 10px -8px 10px rgba(12,160,108,.84),inset 0 0 6px hsla(0,0%,100%,.32);box-shadow:0 16px 48px rgba(0,194,125,.24),inset -10px 10px 24px rgba(75,236,179,.72),inset 10px -8px 10px rgba(12,160,108,.84),inset 0 0 6px hsla(0,0%,100%,.32);text-shadow:0 2px 4px #0ca06c}
 .large-button.green:hover{background-color:#17d18f}
 
 select.dropdown {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #48515e;
    background-color: rgb(237, 238, 240);
    padding: 0 16px;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background-image: url(../../../assets/img/select_arrow.6f5de7d1.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) 50%;
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important;
}
select.dropdown.selected {
    color: #48515e;
}


body ::selection {
    color: #fff; 
    background-color: #0064a7; 
}

select.dropdown:focus:hover {
	background-image:url(../../../assets/img/select_arrow_active.83387adb.svg);
}
	
.default-element-size {
    height: 48px; 
    width: 100%;
    border-radius: 4px;
}
	
@media(max-width:540px){
	select.dropdown{
	margin-bottom:20px
	}
}

select.dropdown optgroup,
select.dropdown option {
color:#48515e
}

/* как зайти на сервер*/

.how-to {
    position: relative;
    padding: 32px 124px 32px 48px!important;
}


.how-to h3 {
    color: #48515e!important;
    margin-bottom: 32px;
}
/* .secondary-button.blue {
    color: #0064a7;
    background-color: rgba(0,100,167,.12);
} */

0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

50% {
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}



.how-to img.illustration {
    position: absolute;
    top: 6px;
    right: -65px;
    -webkit-animation: imageAnimation 12s ease-in-out infinite;
    animation: imageAnimation 12s ease-in-out infinite;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}

.how-to-error {
    position: relative;
    padding: 32px 124px 32px 18px!important;
}

.how-to-error h3 {
    color: #48515e!important;
    margin-bottom: 32px;
}

.how-to-error img.illustrerror404 {
    position: absolute;
    top: 6px;
    right: -125px;
    width: 230px;
    -webkit-animation: flying-data-v-5f983205 12s ease-in-out infinite;
    animation: flying-data-v-5f983205 12s ease-in-out infinite;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}



 @media(max-width:1040px){
	.how-to{
		padding:32px!important;
		padding-right:124px!important
		}
	}
 @media(max-width:770px){
	.how-to img.illustration{
		top:15px;right:-90px;
		-webkit-animation:none;
		animation:none
		}
    }
 @media(max-width:540px){
	.how-to{
		padding:32px 102px 32px 24px!important
		}
	.how-to h1{
		padding-right:50px
		}
	.how-to h3{
		margin-bottom:24px
		}
	}
	

#app {
    min-height: 100vh;
    color: #48515e;
   /*  color: #48515e; */
    overflow: hidden;
}
/* как играть*/
.start-game {
    z-index: 1001;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(11,12,13,.88);
}
.start-game .step-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: calc(50% - 280px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    will-change: transform;
}
.start-game .step-list .step {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 32px;
    min-height: 660px;
    min-height: min(660px,calc(100vh - 70px));
    max-height: 100vh;
    overflow-y: auto;
    width: 560px;
    -webkit-transition: margin-top .375s cubic-bezier(.32,.3,.35,1);
    transition: margin-top .375s cubic-bezier(.32,.3,.35,1);
    margin-top: 64px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    pointer-events: none;
    will-change: filter,margin-top;
}
.start-game .step-list .step.active {
    pointer-events: auto;
    -webkit-filter: blur(0);
    filter: blur(0);
    margin-top: 0;
}
.start-game .step-list .step .content2 .navigation, .start-game .step-list .step .content2 , .start-game .step-list .step .content2 .navigationPanel {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.start-game .step-list .step .content2 {
    min-height: 380px;
    padding: 32px 48px 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
/* .secondary-button.blue:hover {
    background-color: rgba(0,100,167,.24);
} */
.start-game .step-list .step.main .line {
    margin: 32px 0;
}
.start-game .step-list .step .img-cover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    min-height: 280px;
}
.step-counter p.caps {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}
.caps {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: #48515e;
}
.step-counter .counter .step-indicator:not(:last-of-type) {
    margin-right: 4px;
}
.step-counter .counter .step-indicator {
    height: 2px;
    width: 20px;
    background-color: #edeef0;
    border-radius: 4px;
}
/*999*/
.secondary-button.none:hover {
     color: #0064a7; 
}
.secondary-button.none {
	 background:none;color:#48515e
}
.start-game .step-list .step .content2 .navigation, .start-game .step-list .step .content2 .navigationPanel{
    margin-top: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.step-counter .counter {
    display: -webkit-box; 
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center; 
    -ms-flex-align: center;
    align-items: center; 
}
.step-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}
.secondary-button.blue:hover {
	color: #0064a7;
    background-color: rgba(0,100,167,.24);
}
.secondary-button.blue {
    color: #0064a7;
    background-color: rgba(0,100,167,.12);
}
.secondary-button {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 0 16px;
    color: #48515e;
}
.step-counter .counter .step-indicator.current {
    background-color: #48515e;
} /*активная палочка индикатор*/
.step-counter .counter .step-indicator.done {
    background-color: #0064a7;
} /*активная палочка индикатор голубая*/
.start-game .step-list .step.main h1 {
    margin-bottom: 24px;
}
.start-game .step-list .step h1 {
     margin-bottom: 32px; 
    
}
.start-game .step-list .step.main button {
    max-width: 320px;
}
.start-game button.close-modal {
    background: none!important;
    position: absolute;
    top: 48px;
    right: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;	
} /* крестик*/
.start-game button.close-modal svg {
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    fill: #48515e;
} /* цвет крестика*/
 .start-game button.close-modal:hover svg{
	 fill:#fff
}

/*999*/
/*-----*/

.svg-wrapper svg {
    cursor: pointer;
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #48515e;
}
/* mabail header*/
header .menu.mobile-menu {
    position: relative;
    z-index: 100;
}
header .menu {
    padding-top: 32px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .header-modal-menu {
    display: block;
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #ffffff;
    padding: 8px 24px;
    z-index: 99;
} /* скрыват mobil menu*/
header .menu.mobile-menu .router-btn {
    padding: 25px;
    min-width: 20px;
}
header .menu.mobile-menu button {
    height: 70px;
}
.hamburger {
    padding: 25px 25px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger-box {
    width: 20px;
    height: 18px;
    display: inline-block;
    position: relative;
}
header .hamburger-box {
    height: 20px;
}
.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 20px;
    height: 2px;
    background-color: #48515e;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
} /* палочка - */
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}
.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top 75ms ease .12s,opacity 75ms ease;
    transition: top 75ms ease .12s,opacity 75ms ease;
}
.hamburger-inner:before {
    top: -8px;
}
.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block;
}
.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.hamburger-inner:after {
    bottom: -8px;
}
/* ./палочка - */
header .header-modal-menu.active {
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}
header .header-modal-menu {
    display: block;
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #ffffff;
    padding: 8px 24px;
    z-index: 99;
}
header .header-modal-menu {
    display: block;
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #ffffff;
    padding: 8px 24px;
    z-index: 99;
}
header .header-modal-menu.mobile-menu-modal nav ul a.router-link-exact-active h2 {
    color: #0064a7!important;
}
header .header-modal-menu.mobile-menu-modal nav ul h2 {
    cursor: inherit;
    width: 100%;
    padding: 16px 0;
    margin-bottom: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .header-modal-menu.mobile-menu-modal nav ul a.router-link-exact-active h2:after {
    content: url(../../../assets/img/blue_dot.53672ada.svg);
}
header .header-modal-menu.mobile-menu-modal nav ul h2:after {
    content: url(../../../assets/img/small_arrow_head.46691089.svg);
    height: 26px;
}
body.fixed-scroll .scroll-background-blocker {
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 1;
}
body .scroll-background-blocker {
    position: fixed;
    width: 0;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 75;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    display: none;
}
header .header-modal-menu li:not(:last-of-type) {
    border-bottom: 1px solid #edeef0;
} /* линия*/
@media (max-width: 540px) {
.main {
    border-radius: 32px;
    overflow: hidden;
    background: #ffffff;
}
}
/* }*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} */
@media(max-width:770px){
	header .menu{
		padding:0 24px;
		height:70px;
		-webkit-box-align:center;-ms-flex-align:center;
		align-items:center;
		-webkit-transition:.2s;
		transition:.2s;
		-webkit-transition-delay:.225s;transition-delay:.225s
	}
	header .menu.fill{
		background-color:#edeef0;
		-webkit-transition:none;
		transition:none
	}
}
@media (max-width: 540px) {
	header .menu.mobile-menu {
		padding: 0;
		margin: 0;
	}
}
header .header-modal-menu.mobile-menu-modal nav ul h2 {
    cursor: inherit;
    width: 100%;
    padding: 16px 0;
    margin-bottom: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .header-modal-menu.mobile-menu-modal nav ul a {
    color: #48515e;
}
@media (max-width: 540px) {
h2 {
    font-size: 18px;
    line-height: 22px;
}
}
body.fixed-scroll .scroll-background-blocker {
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 1;
}
/* @media (max-width: 770px) {
body .scroll-background-blocker {
    display: block;
}
} */
@media (max-width: 540px) {
.main .tmp-block-short22:not(:last-child):not(.no-line):before, .main .tmp-block:not(:last-child):not(.no-line):before {
    content: "";
    height: 1px;
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    background: #edeef0;
}}
body.fixed-scroll {
    position: relative;
    overflow: hidden!important;
}

@media (max-width: 770px) {
body .scroll-background-blocker {
    display: block;
}
}
.hamburger.is-active:hover, .hamburger:hover {
    opacity: .7; 
}

.linker-red, .linker {
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #0064a7!important;
    border-bottom: 1px solid rgba(0,100,167,.24);
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
}

 .linker-red:hover,.linker:hover{
	 border-bottom:1px solid rgba(0,100,167,.64)
	}


	
/* my style */
/* .step-style0 {
transform: translate(0%, -50%);
}
.step-style1 {
transform: translate(-20%, -50%);
}
.step-style2 {
transform: translate(-40%, -50%);
}
.step-style3 {
transform: translate(-60%, -50%);
}
.step-style4 {
transform: translate(-80%, -50%);
} */

.shstyle {
padding-right: 17px; display: block;
}
/*типо mobile game*/
@media (max-width: 770px) {
.start-game .step-list {
    left: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    top: 70px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.start-game button.close-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
}
.start-game .step-list .step {
    margin-right: 24px;
    height: calc(100vh - 70px);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-y: auto;
    -webkit-filter: blur(0);
    filter: blur(0);
    margin-top: 0;
    width: 100vw;
    border-radius: 32px 32px 0 0;
}
.start-game .step-list .step.main {
    padding-bottom: 12px;
}
.start-game .step-list .step .img-cover {
    min-height: auto;
}
.start-game .step-list .step h1 {
    font-size: 20px;
    line-height: 25px;
}
 .start-game button.close-modal svg {
	 -webkit-transition:.375s cubic-bezier(.32,.3,.35,1);
	 transition:.375s cubic-bezier(.32,.3,.35,1);
	 fill:#48515e
}
.start-game button.close-modal:hover svg {
	fill:#fff
}
.start-game .step-list .step.main .content2 {
	min-height:auto
}
}

@media (max-width: 540px) {
.start-game .step-list .step .content2 {
    min-height: auto;
    padding: 32px 24px 24px!important;
    padding-bottom: 65px!important;
}
.main {
    border-radius: 32px;
    overflow: hidden;
    background: #ffffff;
}
.start-game .step-list .step {
    min-height: unset;
}
.start-game .step-list .step.main button {
    max-width: unset;
}
.start-game .step-list .step .content2 .navigation button, .start-game .step-list .step .content2 .navigationPanel button {
	width:100%;
	margin:5px 0
}
.start-game .step-list .step .content2 .navigation, .start-game .step-list .step .content2 .navigationPanel {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:unset;
	-ms-flex-align:unset;
	align-items:unset
}
 .start-game .description .server img {
	 max-width:220px;
	 width:100%
}
 .start-game .step-list .step .content2 .navigation .next-step,  .start-game .step-list .step .content2 .navigationPanel .next-step {
	 -webkit-box-ordinal-group:0;
	 -ms-flex-order:-1;
	 order:-1
}
}
 .default-element-size {
	 height:48px;
	 width:100%;
	 border-radius:4px
}

/* caxa */
.default-textarea-size {
    width: 100%;
    border-radius: 4px;
}
.selectCol {
    background-color: rgb(237 238 240);
    color: rgb(72, 81, 94);
}
.textarea-field {
    margin-bottom: 15px;
    padding: 10px 16px;
    background-color: rgb(237 238 240);
    border: 1px solid rgba(29, 34, 41, 0);
    color: rgb(72, 81, 94);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}
.ultrablue {
    color:#5190c3!important;
}


.large-button-dis {
    height: 56px;
    width: 100%;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.how-my-st {
	position: relative;
    padding: 32px !important;
}

.large-button-dis.green {
    background-color: #ffeb00d9;
    -webkit-box-shadow: 0 16px 48px #a6f30f3d, inset -10px 10px 24px rgb(75 236 179 / 72%), inset 10px -8px 10px rgb(12 160 108 / 84%), inset 0 0 6px hsl(0deg 0% 100% / 32%);
    box-shadow: 0 16px 48px #f398103b, inset -10px 10px 24px #f39810b8, inset 10px -8px 10px #f398103d, inset 0 0 6px #dce918c9;
    text-shadow: 0 2px 4px #f398103b;
}

.large-button-dis.green:hover {
    background-color: #e7b209d6;
}

.activevk:hover {
	color:#1bc5c58c;
}


/* #dialogoverlay {
  display: none;
  opacity: .8;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #FFF;
  width: 100%;
  z-index: 10;
}

#dialogbox {
  display: none;
  position: fixed;
  background: #000;
  border-radius: 7px;
  width: 550px;
  z-index: 10;
}

#dialogbox>div {
  background: #FFF;
  margin: 8px;
}

#dialogbox>div>#dialogboxhead {
  background: #666;
  font-size: 19px;
  padding: 10px;
  color: #CCC;
}

#dialogbox>div>#dialogboxbody {
  background: #333;
  padding: 20px;
  color: #FFF;
}

#dialogbox>div>#dialogboxfoot {
  background: #666;
  padding: 10px;
  text-align: right;
} */

.notification{
	position:fixed;
	bottom:0;
	/* left:calc(50% - 472px);
	width:944px; */
	left: calc(50% - 485px);
    width: 970px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:80px;
	padding:0 96px;
	border-radius:32px 32px 0 0
}
.notification.default{
	background-color:#0064a7
}
.notification.warn{
	background-color:#ffa927
}
.notification.error{
	background-color:#d23737
	}
.notification.confirm{
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.notification {
	font-weight:700;
	color:#fff
}
.notification .message{
	font-weight:700;
	font-size:20px;
	line-height:25px
}
.notification button.confirm{
	background:hsla(0,0%,100%,.12);
	font-size:16px;
	line-height:19px;
	width:203px
}
@media(max-width:1040px){
	.notification{
		left:0;
		right:0;
		width:100%
	}
}
@media(max-width:540px){
	.notification{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		padding:16px 24px;
		height:auto
	}
	.notification .message{
		font-size:18px;
		line-height:22px
	}
	.notification button{
		margin-top:32px
	}
}

.notification-enter-active, .notification-leave-active{
	-webkit-transition:-webkit-transform .375s cubic-bezier(.32,.3,.35,1);
	transition:-webkit-transform .375s cubic-bezier(.32,.3,.35,1);
	transition:transform .375s cubic-bezier(.32,.3,.35,1);
	transition:transform .375s cubic-bezier(.32,.3,.35,1),-webkit-transform .375s cubic-bezier(.32,.3,.35,1)
	}
.notification-enter,.notification-leave-to{
	-webkit-transform:translateY(100%);
	transform:translateY(100%)
	}


.footertop {
    display: flex;
    align-items: center;
    height: 80px;
    border-radius: 32px 32px 0 0;
    background-color: #ffffff;

    width: 100%;
    max-width: 984px;
}


.errorred {		 
    display: flex;    
    align-items: center;  
    height: 80px;  
    border-radius: 32px 32px 0 0;
    background-color: red;
}

/* логин */
.login {
    max-width: 560px;
    margin: 0px auto;
} 

/* .errorL {   
	max-width: 560px;
    margin: 0px auto;
  
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
}  */



/* .tmp-block-short, .tmp-block {
    width: 100%;
    border-radius: 8px;
    background-color: rgb(14, 16, 20);
    padding: 32px 64px;
} */
.tmp-block2 {
	width: 100%;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    padding: 32px 64px;
}
	
	
.login .caps {
    margin-bottom: 16px;
    text-align: center;
}
.login .line {
    margin: 24px 0px;
}
 input.text-field {
    margin-bottom: 15px;
    padding: 0px 16px;
    background-color: rgb(237, 238, 240);
    border: 1px solid rgba(29, 34, 41, 0);
    color: rgb(72, 81, 94);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
	
	
} /* хз */
/* h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 24px;
} */
@media (max-width: 540px) {
.tmp-block2 {
    border-radius: 32px;
    padding: 24px;
}
}
@media (max-width: 1040px) {
	.tmp-block2 {
		padding: 32px;  
	}
	
}

.superh2 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 24px;
}

@media (max-width: 540px) {

.superh2 {
    font-size: 18px;
    line-height: 22px;
}
}

/* ЛК */
.player-intro {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cabinet .panel .line {
    width: 70%;
    margin: 24px 0;
}
.tmp-block22, .tmp-block-short22 {
    width: 100%;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 32px 64px;
} 
/*лол */
.profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.title-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}

.cabinet{
	display:grid;
	grid-template-columns:272px 1fr;
	grid-gap:16px
}
.cabinet .panel .line{
	width:70%;
	margin:24px 0
}
@media(max-width:1040px){
.cabinet{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.pc-only {
    display: none !important;
}
header .menu{
    padding:0 24px;
    height:70px;
    -webkit-box-align:center;-ms-flex-align:center;
    align-items:center;
    -webkit-transition:.2s;
    transition:.2s;
    -webkit-transition-delay:.225s;transition-delay:.225s
}
header .menu.fill{
    background-color:#edeef0;
    -webkit-transition:none;
    transition:none
}
/*
.cabinet .panel{
	background-color:#ffffff;
	padding:12px 32px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:16px
}*/
.cabinet .panel .line{
	display:none
	}
}
@media(max-width:770px){
.cabinet .panel{
	padding:24px;
	margin-bottom:0;
	background:none
	}
.cabinet .content{
	border-radius:32px
	}
}
 
@media (min-width: 770px) {
.pc-hide {
    display: none!important;
	}
}

.player-intro .about {
    margin-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tag.orange {
    background-color: rgba(255,169,39,.12);
    color: #ffa927;
}

.navigation ul li:not(:last-child) .router {
    margin-bottom: 16px;
}

.navigationPanel ul li:not(:last-child) .router {
    margin-bottom: 5px;
}

.navigation ul li .router, .navigationPanel ul li .router {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.router-link-exact-active .svg-wrapper svg {
    fill: #0064a7!important;
}

.navigation ul li .router .cover-box, .navigationPanel ul li .router .cover-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    margin-right: 20px;
}

h6 {
    font-size: 16px;
    line-height: 19px;
}
h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 24px;
}

/* .game-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #14171c;
    color: #fff;
} */
.profile .game-stats-list .single {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 12px;
    margin-bottom: 12px;
}
.game-stats.green {
    background-color: rgba(0,194,125,.12); 
    -webkit-box-shadow: 0 12px 24px rgb(0 194 125 / 8%); 
    box-shadow: 0 12px 24px rgb(0 194 125 / 8%); 
}
.game-stats.blue {
    background-color: rgba(0,100,167,.12);
    -webkit-box-shadow: 0 12px 24px rgb(70 178 250 / 8%);
    box-shadow: 0 12px 24px rgb(70 178 250 / 8%);
}
.game-stats.purple {
    background-color: rgba(110,78,240,.12);
    -webkit-box-shadow: 0 12px 24px rgb(110 78 240 / 8%);
    box-shadow: 0 12px 24px rgb(110 78 240 / 8%);
}
.game-stats.orange {
    background-color: rgba(255,169,39,.12);
    -webkit-box-shadow: 0 12px 24px rgb(255 169 39 / 8%);
    box-shadow: 0 12px 24px rgb(255 169 39 / 8%);
}

.game-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column;
    flex-direction: column; 
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ededed5c;
    color: #48515e;
}

.colorCSS {
align-self: start;
/*background-color:#181c22; */
background-color: #f9f9f9;
}

.game-stats.green .text {
    color: #00c27d;
}
.game-stats.blue .text {
    color: #0064a7;
}
.game-stats.purple .text {
    color: #6e4ef0;
}
.game-stats.orange .text {
    color: #ffa927;
}
.tmp-block-stats {
    border-radius: 4px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.tmp-block-short22.tmp-block-short22, .tmp-block.tmp-block-short22 {
    padding: 32px;
}

.tag.purple {
    background-color: rgba(110,78,240,.12);
    color: #6e4ef0;
}
.profile .game-stats-list .details {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 12px;
}
.profile .game-stats-list .details .gray-game-stats {
    padding: 24px;
    border-radius: 4px;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.progress-circle {
    position: relative;
    border-radius: 50%;
}

.profile .game-stats-list .details .gray-game-stats.progress .about, .profile .game-stats-list .details .gray-game-stats.progress .about .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.profile .game-stats-list .details .gray-game-stats.progress .about {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.progress-circle .value {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-bottom: 0!important;
}
.profile .line {
    margin: 32px 0;
}
.linker-red.linker-red:hover, .linker.linker-red:hover {
    border-bottom: 1px solid rgba(210,55,55,.64);
}
.linker-red.linker-red, .linker.linker-red {
    color: #d23737!important;
    border-bottom: 1px solid rgba(210,55,55,.24);
}
.profile .exit h3, .profile .media h3 {
    display: inline-block!important;
}
.profile .media {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.game-stats .text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
}
.profile .game-stats-list .details {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 12px;
}
.profile .game-stats-list .details .gray-game-stats.progress .about .info .item .title {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    padding-right: 20px;
}
.profile .game-stats-list .details .gray-game-stats.empty .about span {
    color: #48515e!important;
}
.profile .game-stats-list .details .gray-game-stats.progress .about .info {
    margin-left: 15px;
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 12px;
}
@media (max-width: 770px) {
.profile .game-stats-list .single {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-bottom: 0;
}
.hours-online {
    margin-bottom: 0;
}
.profile .game-stats-list .details {
    display: none;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.profile .game-stats-list .details .progress {
    padding: 0;
    background: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body .scroll-background-blocker {
    display: block;
}
.cabinet .panel {
    padding: 24px;
    margin-bottom: 0;
    background: none;
}

.profile .game-stats-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
} /* перемещает в начало блок */
/******/
.profile .line{
	margin:26px 0
}
.profile .media-section{
	margin:-32px;
	margin-top:32px;
	padding:32px;
	border-radius:0 0 32px 32px;
	background-color:#f9f9f9
}

.profile .game-stats-list .details .progress .about{
	margin-left:20px
}
.profile .game-stats-list .details .progress .about .info{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.profile .game-stats-list .details .progress .about .info .item{
	-webkit-box-orient:horizontal!important;
	-webkit-box-direction:normal!important;
	-ms-flex-direction:row!important;
	flex-direction:row!important;
	-webkit-box-pack:justify;-ms-flex-pack:justify;
	justify-content:space-between;
	margin-right:0!important
}
.profile .game-stats-list .details .progress .about .info .item .title{
	margin-right:42px
}
/******/

.svg.main-logo-shadow{
	width:128px;
	-webkit-filter:drop-shadow(0 8px 16px rgba(42,162,245,.4));
	filter:drop-shadow(0 8px 16px rgba(42,162,245,.4))
}
 
.pc-only{
	display:none!important
}
/* .pc-hide{
	display:none!important
} */

/* .cabinet .content {
    border-radius: 32px;
} */


}
@media (max-width: 540px) {
.profile .media-section .media .point h3 {
    font-size: 16px;
    line-height: 19px;
}
.profile .media-section .media .point {
    margin-bottom: 20px;
}
.profile .media-section .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tmp-block-short22.tmp-block-short22, .tmp-block.tmp-block-short22 {
    padding: 24px;
}

}
/* @media (max-width: 1040px) {
.cabinet .panel {
    background-color: #ffffff;
    padding: 12px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}
} */
.line {
    width: 100%;
    height: 1px;
    background-color: #edeef0; 
}
/* нужное */
.title-contents h2 {
    margin-bottom: 0!important; 
}
/* нужное */
.profile .game-stats-list .details .gray-game-stats.progress .about .info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
}
.player-intro .about h2 {
    margin-bottom: 0!important;
}
/* шапка админа*/
header .menu button.current-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
}

header .menu button.current-nav h3 {
    margin-right: 7px;
}
header .menu button.current-nav.nav-open img{
	-webkit-transform:scale(-1) rotate(-1turn);
	transform:scale(-1) rotate(-1turn)
}
 header .header-modal-menu.mobile-menu-modal.nav-open button.current-nav img{
	-webkit-transform:scale(-1)!important;
	transform:scale(-1)!important
}
header .header-modal-menu.mobile-nav-modal ul li {
    padding: 16px 0;
}

element.style {
}
header .header-modal-menu.mobile-nav-modal ul li .router {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
header .header-modal-menu.mobile-nav-modal ul li .router-link-exact-active .router:after {
    content: url(../../../assets/img/circle_checkmark.4e791464.svg);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 22px;
}

header .header-modal-menu.mobile-nav-modal ul li .router h6 {
    margin-left: 32px;
}
/* close in header */
.hamburger--squeeze.is-active .hamburger-inner:before{
	top:0;
	opacity:0;
	-webkit-transition:top 75ms ease,opacity 75ms ease .12s;
	transition:top 75ms ease,opacity 75ms ease .12s
} 
.hamburger--squeeze.is-active .hamburger-inner:after{
	bottom:0;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s
}	
.hamburger--squeeze.is-active .hamburger-inner{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition-delay:.12s;
	transition-delay:.12s;
	-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
	transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
/* close in header */

/* топ игроков */

button.search-param:not(:last-child) {
    margin-right: 4px;
}
button.search-param {
    height: 44px;
    padding: 0 16px;
    border-radius: 4px;
    background-color: rgba(72,81,94,.12);
    color: #48515e;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
}
button.search-param:hover{
	background-color:rgba(72,81,94,.24)
}

button.search-param.active {
    background-color: #0064a7;
    color: #fff;
}


/*****/
a.nextPanelty {
    height: 25px;
    padding: 0 10px;
    border-radius: 4px;
    background-color: rgba(72,81,94,.12);
    color: #48515e;
    font-weight: 700;
    font-size: 10px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    align-items: center;   
    margin: 1px;
}

a.nextPanelty.active {
    background-color: #0064a7;
    color: #fff;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
/*****/




.param-of-search .end-cover.hide,.param-of-search .start-cover.hide{
	opacity:0
}

.param-of-search .param-list {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -32px;
    overflow: hidden;
    padding-right: 32px;
} 
 .param-of-search {
    height: 44px;
    position: relative;
    overflow: hidden;
    margin-top: -24px;
    margin-right: -32px;
    padding-top: 24px;
    padding-bottom: 32px;
    -webkit-box-sizing: unset;
    box-sizing: unset;
} 



/*- Панель -*/

/**/
a.search-param:not(:last-child) {
    margin-right: 4px;
}
a.search-param {
    height: 44px;
    padding: 0 16px;
    border-radius: 4px;
    background-color: rgba(72,81,94,.12);
    color: #48515e;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
	
	display: flex;
    justify-content: center;
    align-items: center;
	white-space: nowrap;
}
a.search-param:hover{
	background-color:rgba(72,81,94,.24);
	box-shadow: 0px 3px 0 0 #12151b, 0px 0px 20px 0 rgba(18, 21, 27, 0.5); 
}

a.search-param.active {
    background-color: #0064a7;
    color: #fff;
}
/**/


.param-of-search-panel .param-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -32px;
    overflow: hidden;
    padding-right: 32px;
} 

.param-of-search-panel {
    position: relative;
    overflow: hidden;   
    padding-top: 24px;
    padding-bottom: 15px;
    -webkit-box-sizing: unset;
    box-sizing: unset;
} 

.pcGrid { 
	display: flex;	
}

@media (min-width: 770px) {
	.param-of-search-panel .param-list {
		/* position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;  */   
	} 
	.param-of-search-panel {
	   /*  height: 44px;   
		margin-top: -24px;
		margin-right: -32px; */
	} 
	.pcGrid {   
		display: grid;
		grid-template-columns: repeat(4,1fr);
		grid-gap: 12px;
		margin-bottom: 12px;
	}
}





.param-of-search-panel .end-cover.hide,.param-of-search-panel .start-cover.hide{
	opacity:0
}

.param-of-search-panel .end-cover.end-cover, .param-of-search-panel .start-cover.end-cover {
    right: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear,left top,right top,from(rgba(14,16,20,0)),to(#ffffff));
    background: linear-gradient(
		90deg
		,rgba(14,16,20,0),#ffffff
	);
}

.param-of-search-panel .end-cover, .param-of-search-panel .start-cover {
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 72px;
    background: red;
}
.param-of-search-panel .end-cover.start-cover, .param-of-search-panel .start-cover.start-cover {
    background: -webkit-gradient(linear,right top,left top,from(rgba(14,16,20,0)),to(#ffffff));
    background: linear-gradient(
		-90deg
		,rgba(14,16,20,0),#ffffff
	);
    left: 0;
}
.param-of-search-panel .end-cover.start-cover img, .param-of-search-panel .start-cover.start-cover img {
    -webkit-transform: rotate(
		180deg
	);
    transform: rotate(
		180deg
	);
}
.param-of-search-panel .end-cover img, .param-of-search-panel .start-cover img {
    padding: 15px;
}


@media (max-width: 770px) {
/* .param-of-search-panel .end-cover {
    right: 32px!important;
} */
.param-of-search-panel .param-list {
    position: relative;
    overflow-x: scroll;
    padding-bottom: 12px;
    /* margin-right: 32px; */
} 

@media (min-width: 770px) {
	.pc-hide {
		display: none!important;
		}
	}

}


.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    margin-right: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
}

.togglebutton label .toggle:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 40%);
    left: -5px;
    top: -3px;
    border: 1px solid rgba(0,0,0, .54);
    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

.togglebutton label .toggle {
    text-align: left;
    margin-left: 5px;
}

.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
    user-select: none;
}

.togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: rgb(0 100 167);
}

/*убирает старый ceck*/
.togglebutton label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.togglebutton label input[type=checkbox]:checked + .toggle:after {
    left: 15px;
}
/*- Панель -*/


.player-list .table-cover table tbody td {
    padding: 10px 0;
}
.player-list .table-cover table tbody tr:first-child td:first-child, .player-list .table-cover table tbody tr:first-child td:nth-child(2) {
    color: #ffa927;
}
.player-list .table-cover table tbody tr:nth-child(2) td:first-child, .player-list .table-cover table tbody tr:nth-child(2) td:nth-child(2) {
    color: #0064a7;
}
.player-list .table-cover table tbody tr:nth-child(3) td:first-child, .player-list .table-cover table tbody tr:nth-child(3) td:nth-child(2) {
    color: #00c27d;
}
.player-list .table-cover table tbody {
    color: #48515e;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}
.player-list .table-cover table thead .no-stats {
    font-weight: 400;
    font-size: 16px;
    line-height: ;
    text-align: start;
   
}
.player-list .table-cover table thead .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .12em;
    color: #48515e;
    text-transform: uppercase;
}
.player-list .table-cover table thead .no-stats .blue {
    font-weight: 700;
    color: #0064a7;
}
.player-list .table-cover table thead th {
    padding-bottom: 16px;
}
.player-list .table-cover table thead .your th {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #48515e;
}
.param-of-search .end-cover.end-cover, .param-of-search .start-cover.end-cover {
    right: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear,left top,right top,from(rgba(14,16,20,0)),to(#ffffff));
    background: linear-gradient(
		90deg
		,rgba(14,16,20,0),#ffffff
	);
}

.param-of-search .end-cover, .param-of-search .start-cover {
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 72px;
    background: red;
}
.param-of-search .end-cover.start-cover, .param-of-search .start-cover.start-cover {
    background: -webkit-gradient(linear,right top,left top,from(rgba(14,16,20,0)),to(#ffffff));
    background: linear-gradient(
		-90deg
		,rgba(14,16,20,0),#ffffff
	);
    left: 0;
}
.param-of-search .end-cover.start-cover img, .param-of-search .start-cover.start-cover img {
    -webkit-transform: rotate(
		180deg
	);
    transform: rotate(
		180deg
	);
}
.param-of-search .end-cover img, .param-of-search .start-cover img {
    padding: 15px;
}


@media (max-width: 770px) {
.param-of-search .end-cover {
    right: 32px!important;
}
.param-of-search .param-list {
    position: relative;
    overflow-x: scroll;
    padding-bottom: 12px;
    margin-right: 32px;
} 
}
@media (max-width: 540px){
.player-list .table-cover table thead .title {
    font-size: 12px;
    line-height: 18px;
}
.table-cover table thead .your th {
    font-size: 16px;
    line-height: 19px;
}
.player-list .table-cover table thead .your th {
    font-size: 16px;
    line-height: 19px;
}
.player-list .table-cover table td:first-child:not(.full),.player-list .table-cover table th:first-child:not(.full){
	width:45px;
	padding-right:20px
}
}
.player-list .show-full-list {
    position: absolute;
    z-index: 54;
    bottom: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.linker-red, .linker {
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #0064a7!important;
    border-bottom: 1px solid rgba(79,100,166,.24);
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
}


.linker-red:hover, .linker:hover {
    border-bottom: 1px solid rgba(79,100,166,.64);
}
.player-list:after {
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(14,16,20,0)),to(#ffffff));
    background: linear-gradient(
		180deg,rgba(14,16,20,0),#ffffff
	);
}
.linker-red.dashed, .linker.dashed {
    border-bottom-style: dashed!important;
}
.player-list {
    position: relative;
   
}
.player-list .table-cover table td:last-child, .player-list .table-cover table th:last-child {
    text-align: end;
}
.player-list .table-cover table thead .no-stats {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: start;
}
/* безопасность */
.security {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.security .link-account .media-icon {
    cursor: default!important;
    width: 48px;
    height: 48px;
}
.security .link-account {
    width: 70%;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 28px;
}
.security .link-account .linking {
    width: 214px;
}
.security .line {
    margin: 32px 0;
}
.secondary-button.green {
    color: #00c27d;
    background-color: rgba(0,194,125,.12);
}
 .secondary-button.green:hover{
	background-color:rgba(0,194,125,.24)
}

/***/
.secondary-button.purple {
    color: #5838db;
    background-color: rgba(88,56,219,.12);
}

.secondary-button.purple:hover{
	background-color:rgba(88,56,219,.24)
}
/***/

.security .link-account .about h3 {
    margin-bottom: 8px;
}
h3 {
    font-size: 18px;
    line-height: 22px;
}
.security .link-account .about a, .security .link-account .about p {
    margin-bottom: 20px;
}
.error-block {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #d23737;
    margin-top: 8px;
	
	text-align: left;
}

.perk-shop .error-block {
    margin-top: -10px;
    margin-bottom: 12px;
}


.padd {    
    padding: 0 16px;   
}
.success-block {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #41d237;
    margin-top: 8px;
}
.messageu {
	color: #48515e;
}
.messageu:hover {
	color: #ffffff;
}


.player-list .table-cover table {
    border-collapse: collapse;
    width: 100%;
}
.player-list .table-cover table thead .line {
    margin: 20px 0;
}
/* К / Д */
.profile .game-stats-list .details .gray-game-stats.progress .about .info .item:nth-child(odd) .title {
    color: #0064a7;
}
.profile .game-stats-list .details .gray-game-stats.progress .about .info .item:nth-child(2n) .title {
    color: #6e4ef0;
}
.profile .game-stats-list .details .gray-game-stats.progress .about .info .item .title::before {
    content: "•";
    position: absolute;
    left: -10px;
}
.profile .game-stats-list .details .progress-circle svg .progress-indicator {
    stroke: #0064a7;
}
.profile .game-stats-list .details .progress-circle svg {
    -webkit-filter: drop-shadow(0 8px 12px rgba(110,78,240,.4));
    filter: drop-shadow(0 8px 12px rgba(110,78,240,.4));
}
.profile .game-stats-list .details .progress-circle svg .static-circle {
    stroke: #6e4ef0;
}
.profile .game-stats-list .details .gray-game-stats.progress .about .info .item .number {
    color: #fff;
}
/*  скрыть топ */
.player-list .table-cover {
    max-height: 750px;
    overflow: hidden;
    margin-bottom: 25px;
}
.player-list .table-cover.fullTable {
    max-height: unset;
}

.server {
	text-align: -webkit-center;
   display: none;
}

/* префикс */
.serverPrefix {
	text-align: -webkit-center;
   display: none;
}
/* префикс */
a, button, input, select, span {
    font-family: Gilroy,sans-serif;
    outline: none!important;
    -webkit-transition: .375s cubic-bezier(.32,.3,.35,1);
    transition: .375s cubic-bezier(.32,.3,.35,1);
}


.card3 button::after {
	content: url("../../../../assets/img/arrow_head.0f36f5c9.svg");
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%); 
}
   
.card3 button:not(.collapsed) {
/* box-shadow: 0px 3px 0 0 #181c25; */
}

.card3 button:not(.collapsed)::after {
	/* content: url("../../../assets/img/arrow_head4998.svg"); */
	content: url("../../../../assets/img/arrow_head.0f36f5c9.svg");
	/* filter: hue-rotate(-105deg) brightness(1.1); */
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	top: 30%;
}


.card4::after {
    content: url(../../../../assets/img/arrow_head.0f36f5c9.svg);
    position: absolute;
    right: 30%;
    top: 50%;
    transform: translateY(-50%);
}

/* .card4:not(.collapsed) {

}
 */
.card4:not(.collapsed)::after {   
    content: url(../../../../assets/img/arrow_head.0f36f5c9.svg);  
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 30%;
}

hr {	
    width: 100%;   
    background-color: #edeef0;
}

.card5::after {
    content: url(../../../../assets/img/arrow_head.0f36f5c9.svg);
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.card5:not(.collapsed)::after {   
    content: url(../../../../assets/img/arrow_head.0f36f5c9.svg);  
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 30%;
}	

/* panel  */
.tagPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px;
    border-radius: 2px;
    background-color: rgba(72,81,94,.12);
    color: #48515e;
}

.tagPanel.green {
    background-color: rgba(0,194,125,.12);
    color: #00c27d;
}

.tagPanel.orange {
    background-color: rgba(255,169,39,.12);
    color: #ffa927;
}

.tagPanel.purple {
    background-color: rgba(110,78,240,.12);
    color: #6e4ef0;
}

.tagPanel.blue {
    background-color: rgba(0,100,167,.12);
    color: #0064a7;
}

.profile .game-stats-list .singlePanel {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 12px;
    margin-bottom: 12px;
}



/*** RCON ***/
.sinRconPanel {
   display: flex;
}

.buttonSizePanel {
	margin: 0 0 0 10px;
	width:30%;
}

@media (max-width: 770px) {
	.profile .game-stats-list .singlePanel {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		margin-bottom: 0;
		margin-top: 12px;
	}

	.buttonSizePanel {
		margin: 0 0 0 10px;
		width:50%;
	}
	

}

.profile .game-stats-list .sinRconPanel {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-bottom: 0;
}
}





@media screen and (max-width: 767px) {
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: nowrap;
}
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 8px;
    vertical-align: middle;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
	  

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}


.profile .game-stats-list .single2 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 12px;
    margin-bottom: 12px;
}
@media (max-width: 770px) {
.profile .game-stats-list .single2 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-bottom: 0;
}

/* menu */
.navigationPanel ul li:not(:last-child) .router {
    margin-bottom: 16px;
}
.navigationPanel ul li .router {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navigationPanel ul li .router .cover-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    margin-right: 20px;
}