@import "../fonts/gilroy/stylesheet.css";
/*
 * Подключаемые классы
 */
/*
 * Стили шаблона
 */
/*video youtube*/
/*
<div class="embed-responsive embed-responsive-16by9">
	<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<div class="embed-responsive embed-responsive-4by3">
	<iframe class="embed-responsive-item" src="..."></iframe>
</div>
*/
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
html {
  font-size: 0.85vw;
  font-weight: 300;
}
body {
  background: var(--color-blue-dark);
  padding: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}
body.alert_modal_view {
  height: 100vh;
  overflow: hidden;
}
body.body_inner_lk {
  background: var(--color-grey);
  color: var(--color-black);
}
h1,
h2,
h3 {
  font-weight: 300;
  margin-bottom: 2rem;
}
h1 sup {
  margin-left: 0.5rem;
  font-size: 0.5em;
}
h1 sup a {
  color: #fff;
}
.no_margin_bottom {
  margin-bottom: 0;
}
* {
  font-family: 'Gilroy', sans-serif;
  box-sizing: border-box;
  outline: none !important;
}
.lazy {
  position: relative;
}
.lazy:before {
  width: 3rem;
  height: 3rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0.5rem #fff solid;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  z-index: 2;
  background: #ffffff url("../icon/icons/arrow-clockwise.svg") center center no-repeat;
  background-size: contain;
  -o-animation: block_rotate 5s infinite linear;
  -moz-animation: block_rotate 5s infinite linear;
  -webkit-animation: block_rotate 5s infinite linear;
  animation: block_rotate 5s infinite linear;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}
.lazy.lazy_loaded:before {
  display: none;
}
.currency svg {
  width: auto;
  height: 1rem;
}
a {
  color: var(--color-main);
  text-decoration: underline;
}
a:hover {
  color: var(--color-main-light);
  text-decoration: underline;
}
.color_red {
  color: var(--color-red);
}
.color_green {
  color: var(--color-green);
}
.flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
}
.message_info {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin: 2rem 0;
  background: var(--color-yellow);
}
.message_danger {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin: 2rem 0;
  background: var(--color-red);
  color: #fff;
}
.text_and_icon {
  display: inline-flex;
  align-items: center;
  flex-flow: nowrap row;
}
.text_and_icon img {
  height: 1rem;
  width: auto;
  padding: 0;
  margin: 0 0 0 1rem;
}
.margin-bottom-3rem {
  margin-bottom: 3rem;
}
.alert_box {
  border: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  position: fixed;
  min-height: 100vh;
  padding: 50px 0;
  background: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  justify-items: center;
  color: var(--color-black);
}
.alert_box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.alert_box .alert_body {
  width: 100%;
  max-width: 380px;
  padding: 40px;
  background: #FFF;
  border-radius: 6px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}
.alert_box .alert_close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  padding: 15px;
  cursor: pointer;
}
.alert_box .alert_btn {
  display: inline-block;
  line-height: 50px;
  border-radius: 3px;
  cursor: pointer;
  margin: 40px 0 0;
  padding: 0 25px;
  max-width: 100%;
  background: #000;
  color: #FFF;
}
.alert_box .alert_desc {
  line-height: 1.3;
}
.alert_box_ajax {
  border: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  position: fixed;
  min-height: 100vh;
  padding: 0;
  background: rgba(0, 0, 0, 0.2);
  justify-content: flex-end;
  justify-items: flex-end;
}
.alert_box_ajax .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.alert_box_ajax .alert_body {
  width: 100%;
  max-width: 50rem;
  padding: 5rem;
  background: #FFF;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
  height: 100vh;
  overflow: auto;
}
.alert_box_ajax .alert_close {
  display: block;
  position: fixed;
  top: 0;
  right: 14px;
  padding: 1rem;
  cursor: pointer;
  z-index: 5;
}
.alert_box_ajax .alert_close svg {
  width: 1rem;
}
.btn-clipboard {
  cursor: pointer;
}
.form-control {
  border: 1px var(--color-grey-dark) solid;
  padding: 0 1.5rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 300;
  background: transparent;
  height: 3rem;
  color: #fff;
}
.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.02);
  border: 1px var(--color-grey-dark) solid;
}
textarea.form-control {
  height: 12rem;
  padding: 1rem;
}
.input__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: none;
}
.input__file-button-text {
  line-height: 1;
  margin-top: 1px;
}
.input__file-button {
  width: auto;
  height: 3rem;
  display: inline-flex;
  color: #fff;
  background: var(--color-black);
  margin: 0;
  align-items: center;
  padding: 0 1.5rem;
  font-size: 0.8rem;
}
.input__file-button i {
  padding-right: 1rem;
}
.jq-selectbox .jq-selectbox__select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.jq-selectbox .jq-selectbox__dropdown {
  color: var(--color-black);
}
.btn_box {
  margin-top: 1rem;
}
.btn_desc {
  margin-top: 1rem;
}
.btn {
  display: inline-flex;
  padding: 0 1.5rem;
  border: none;
  height: 3rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  background: var(--color-red);
  color: #fff;
  text-align: center;
  justify-content: center;
}
.btn.w-100 {
  padding: 0;
  width: 100%;
}
.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn:hover {
  opacity: 1;
  text-decoration: none;
  background: var(--color-red-light);
  color: #fff;
}
.btn.btn_empty {
  background: none;
  color: var(--color-blue-ligth);
}
.btn.btn_empty:hover {
  background: var(--color-blue-ligth);
  color: var(--color-blue-dark);
}
.btn.btn_border {
  border: 1px var(--color-grey-dark) solid;
  background: transparent;
}
.btn.btn_small {
  height: 2rem;
  padding: 0 1rem;
  font-size: 0.9rem;
}
.btn.btn_big {
  height: 4rem;
  padding: 0 2rem;
  font-size: 1.2rem;
}
.btn.btn_green {
  color: #fff;
  background: var(--color-green);
}
.btn.btn_red {
  color: #fff;
  background: var(--color-red);
}
.btn.btn_grey {
  color: #fff;
  background: var(--color-grey-dark);
}
select {
  opacity: 0;
  height: 3rem;
}
p {
  line-height: 1.5;
}
.box {
  background: #fff;
  -webkit-box-shadow: 0 0.15rem 1rem rgba(104, 149, 206, 0.1);
  -moz-box-shadow: 0 0.15rem 1rem rgba(104, 149, 206, 0.1);
  box-shadow: 0 0.15rem 1rem rgba(104, 149, 206, 0.1);
  padding: 2rem;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  margin-bottom: 2rem;
}
.box.box_bs {
  background: var(--color-yellow);
}
.box.pb_null {
  padding-bottom: 0;
}
.nowrap {
  white-space: nowrap;
}
a {
  color: var(--color-main);
}
a:hover {
  opacity: 0.7;
}
.dflex {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.dflex_row {
  margin: 0 -1rem;
  display: flex;
}
.align_items_center {
  align-items: center;
}
.row_align_center {
  align-items: center;
}
.underline {
  text-decoration: underline !important;
}
.underline_none {
  text-decoration: none !important;
}
.cursor_pointer {
  cursor: pointer;
}
.bold {
  font-weight: 600;
}
.font_sile_2x {
  font-size: 2em;
}
.small {
  font-size: 0.8rem;
  font-weight: 300;
}
.min100vh {
  min-height: 100vh;
}
.toggle_block {
  display: none;
}
.toggle_block.active {
  display: block;
}
.toggle_class {
  cursor: pointer;
}
.form_file_upload_wrapper {
  font-family: inherit;
  text-align: center;
}
.form_file_upload_wrapper .form_file_photo {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--color-grey);
  margin: 0 auto 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.form_file_upload_wrapper .form_file_photo i {
  font-size: 2rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
}
.form_file_upload_wrapper label {
  margin: 0;
  font-family: inherit;
}
.form_file_upload_wrapper .jq-file {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-width: 100%;
  width: auto;
  font-family: inherit;
}
.form_file_upload_wrapper .jq-file .input_user_photo {
  opacity: 0 !important;
  max-width: 100%;
  font-size: 0;
}
.form_file_upload_wrapper .jq-file .jq-file__name {
  height: auto;
  padding: 0;
  border: none;
  text-align: center;
  font-family: inherit;
  font-size: 0.8rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
}
.form_file_upload_wrapper .jq-file .jq-file__browse {
  border: none;
  padding: 0;
  display: block;
  position: relative;
  top: auto;
  right: auto;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 1rem;
  color: var(--color-main);
  text-decoration: underline;
  font-family: inherit;
  cursor: pointer;
  text-shadow: none;
}
.form_file_upload_wrapper .jq-file .jq-file__browse:hover {
  color: var(--color-main-light);
}
.form_file_upload_wrapper .jq-file.changed .jq-file__name {
  display: block;
}
.sample_image {
  position: relative;
}
.cropper_current_img {
  text-align: center;
  display: none;
  position: relative;
}
.cropper_current_img .sample_image img {
  width: 100%;
  height: auto;
}
.cropper_current_img .preview {
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: 2px #fff solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  overflow: hidden;
  width: 150px;
  height: 150px;
}
form {
  display: block;
}
form input[type="file"] {
  opacity: 0;
}
form .dflex_row {
  align-items: center;
}
form .form_row_line {
  display: flex;
  flex-flow: nowrap row;
}
form .form_row_line .label_line {
  width: 100%;
}
form .form_row_line .form_btn {
  margin-left: 1rem;
}
form label {
  margin-bottom: 2rem;
  display: block;
}
form label.no_margin {
  margin: 0;
}
form label .error {
  display: none;
  color: var(--color-red);
  padding-top: 0.5rem;
  font-size: 0.8rem;
}
form label.error_active .error {
  display: block;
}
form .form_control {
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: none;
  font-size: 1rem;
  background: var(--color-grey);
  font-weight: 300;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
form textarea.form_control {
  height: 12rem;
  padding: 1rem;
}
form .dflex_row_main {
  display: flex;
  width: 100%;
  flex-flow: nowrap row;
  margin-top: 3rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  border-radius: 2.5rem;
  overflow: hidden;
  padding: 1rem;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}
form .dflex_row_main .dflex_row_item {
  width: 100%;
  display: block;
  position: relative;
  margin-right: 1px;
}
form .dflex_row_main .dflex_row_item:first-child .form-control {
  -webkit-border-radius: 1.5rem 0 0 1.5rem;
  -moz-border-radius: 1.5rem 0 0 1.5rem;
  border-radius: 1.5rem 0 0 1.5rem;
}
form .dflex_row_main .dflex_row_item:last-child {
  margin-right: 0;
}
form .dflex_row_main .btn {
  width: 100%;
  -webkit-border-radius: 0 1.5rem 1.5rem 0;
  -moz-border-radius: 0 1.5rem 1.5rem 0;
  border-radius: 0 1.5rem 1.5rem 0;
}
form .dflex_row_main .btn:hover {
  background: #111;
  color: #fff;
}
form .label_row {
  display: block;
  position: relative;
  margin: 0;
}
form .label_row .form-control {
  background: #fff;
  border: none;
}
form .label_row .fields_name {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-black);
  height: 3rem;
  display: flex;
  padding-left: 1.5rem;
  align-items: center;
}
form .label_row .form-control.no_empty + .fields_name,
form .label_row .form-control:focus + .fields_name {
  height: 1rem;
  font-size: 0.6rem;
}
form .label_row .error {
  position: absolute;
  top: 100%;
  color: var(--color-yellow);
  padding-top: 0.5rem;
}
form .label_line {
  cursor: pointer;
  display: block;
  margin-bottom: 1.5rem;
}
form .label_line .label_name {
  display: block;
  margin-bottom: 0.5rem;
}
form .label_line .label_input {
  display: flex;
  width: 100%;
  flex-flow: nowrap row;
  align-items: center;
}
form .label_line .label_input.label_input_check {
  height: 3rem;
}
form .label_line .label_input.label_input_check input {
  display: none;
}
form .label_line .label_input.label_input_check span {
  position: relative;
  padding-left: 3.5rem;
  display: flex;
  height: 3rem;
  border: 1px var(--color-grey-dark) solid;
  width: 100%;
  align-items: center;
}
form .label_line .label_input.label_input_check span:before {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px var(--color-grey-dark) solid;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
form .label_line .label_input.label_input_check input:checked + span:before {
  border-color: var(--color-black);
  background: var(--color-black);
}
form .label_line .label_input_desc {
  margin-top: 0.5rem;
  display: block;
}
form .label_line .label_line_photo {
  display: flex;
  flex-flow: nowrap row;
}
form .label_line .label_line_photo .img {
  padding-right: 1rem;
}
form .label_line .label_line_photo .img img {
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
}
form .label_line.label_line_tumbler input {
  display: none;
}
form .label_line.label_line_tumbler .label_name {
  display: block;
  position: relative;
  padding-left: 3rem;
}
form .label_line.label_line_tumbler .label_name:before {
  content: '';
  display: block;
  width: 2rem;
  height: 1rem;
  background: var(--color-grey-dark);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
  z-index: 0;
}
form .label_line.label_line_tumbler .label_name:after {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background: var(--color-orange);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
  z-index: 1;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
form .label_line.label_line_tumbler input:checked + .label_name:after {
  left: 1rem;
  background: var(--color-green);
}
.main_wrapper {
  padding: 0 20rem;
}
header {
  display: block;
  position: relative;
  width: 100%;
  background: var(--color-blue-dark);
  z-index: 9;
  border-bottom: 5px var(--color-red) solid;
}
header .header_logo {
  height: 2rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
header .header_logo img {
  width: auto;
  height: 2rem;
}
header .main_wrapper {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -o-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes rotate_reverse {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes dgang {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }
}
.icons_list svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 3rem;
  height: auto;
  opacity: 0.5;
}
.icons_list #icon_treu {
  -o-animation: rotate 20s linear infinite;
  -moz-animation: rotate 20s linear infinite;
  -webkit-animation: rotate 20s linear infinite;
  animation: rotate 20s linear infinite;
  margin: 10rem 0 0 40rem;
}
.icons_list #icon_romb {
  -o-animation: rotate_reverse 20s linear infinite;
  -moz-animation: rotate_reverse 20s linear infinite;
  -webkit-animation: rotate_reverse 20s linear infinite;
  animation: rotate_reverse 20s linear infinite;
  margin: -10rem 0 0 -40rem;
}
.icons_list #icon_krug {
  -o-animation: rotate_reverse 60s linear infinite;
  -moz-animation: rotate_reverse 60s linear infinite;
  -webkit-animation: rotate_reverse 60s linear infinite;
  animation: rotate_reverse 60s linear infinite;
  margin: 10rem 0 0 -50rem;
}
.icons_list #icon_plus {
  -o-animation: rotate_reverse 60s linear infinite;
  -moz-animation: rotate_reverse 60s linear infinite;
  -webkit-animation: rotate_reverse 60s linear infinite;
  animation: rotate_reverse 60s linear infinite;
  margin: -9rem 0 0 35rem;
}
.icons_list #icon_people {
  margin: 0rem 0 0 -30rem;
}
.main_offer {
  padding: 5rem 0 5rem;
  text-align: center;
  position: relative;
  min-height: calc(100vh - 8rem - 1px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_offer .main_offer_content {
  position: relative;
  z-index: 6;
}
.main_offer h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
}
.main_offer .h1_desc {
  font-size: 1.25rem;
}
.main_offer .btn_box {
  margin-top: 3rem;
}
.main_offer .btn_box .btn {
  padding: 0 3rem;
}
.main_offer .btn_box_desc {
  padding-top: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.main_offer .btn_box_desc .btn_desc_item {
  margin: 0 1rem;
}
.page_info {
  padding: 5rem 10rem;
}
.page_info .page_info_inner {
  padding: 5rem 10rem;
}
.page_info .page_info_inner h1 {
  margin-bottom: 5rem;
}
.body_content_menu {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin-bottom: 2rem;
}
.body_content_menu a {
  margin-left: 1rem;
}
.page_main h2 {
  text-align: center;
  font-weight: 600;
  font-size: 3rem;
  padding: 0;
  margin: 0 0 5rem;
}
.page_main .section {
  display: block;
  margin-bottom: 10rem;
}
.section_items .name {
  font-weight: 600;
  font-size: 1.3rem;
  display: flex;
  position: relative;
  height: 3rem;
  line-height: 1.1;
  padding-left: 4.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.section_items .section_item {
  margin-bottom: 2rem;
}
.section_items .section_item .icon {
  display: flex;
  width: 3rem;
  height: 3rem;
  position: absolute;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  top: 0;
  left: 0;
}
.section_items .section_item .icon:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
}
.section_items .section_item .icon i {
  font-size: 1.5rem;
  line-height: 1;
  display: block;
  padding: 0;
  margin: 0;
}
.section_items .section_item .icon.icon_1 {
  color: var(--color-tpl_2);
}
.section_items .section_item .icon.icon_1:before {
  background: var(--color-tpl_2);
}
.section_items .section_item .icon.icon_2 {
  color: var(--color-tpl_3);
}
.section_items .section_item .icon.icon_2:before {
  background: var(--color-tpl_3);
}
.section_items .section_item .icon.icon_3 {
  color: var(--color-tpl_12);
}
.section_items .section_item .icon.icon_3:before {
  background: var(--color-tpl_12);
}
.section_items_block .row {
  align-items: stretch;
}
.section_items_block .row .col-12 {
  display: flex;
  align-items: stretch;
}
.section_items_block .section_item {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: var(--color-grey);
  padding: 2rem;
  margin-bottom: 2rem;
}
.section_items_block .section_item .name {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.page_main .section.section_fin_offer {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.page_main .section.section_fin_offer .inner_desc {
  width: 100%;
}
.page_main .section.section_fin_offer .inner_img img {
  width: 30rem;
  height: auto;
}
.page_main .section.section_fin_offer h2 {
  text-align: left;
}
footer {
  display: block;
}
footer .main_wrapper {
  display: flex;
  float-wrap: wrap;
  align-items: center;
  height: 4rem;
  text-align: center;
  justify-items: center;
  justify-content: center;
}
footer .main_wrapper a {
  margin-left: 2rem;
  color: var(--color-grey-dark);
}
footer .main_wrapper a:hover {
  color: var(--color-main);
}
.cart_progress {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  z-index: 9;
  padding: 1rem 0;
}
.cart_progress .cart_progress_inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.cart_progress .progress_bar {
  width: 20rem;
  height: 1rem;
  background: var(--color-grey);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: relative;
  margin: 0 2rem;
  overflow: hidden;
}
.cart_progress .progress_bar span {
  display: block;
  background: var(--color-tpl_1);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  height: 1rem;
  width: 20%;
}
.cart_progress svg {
  width: auto;
  height: 2rem;
}
.fly_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: var(--color-blue-dark);
  overflow: auto;
  display: none;
}
.fly_box .fly_box_inner {
  padding: 5rem 2rem;
  width: 25rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.fly_box .fly_box_inner .close {
  position: absolute;
  top: 3rem;
  right: .5rem;
  cursor: pointer;
}
.section_reg {
  display: flex;
  min-height: 100vh;
  background: var(--color-blue-dark);
  flex-flow: nowrap row;
  align-items: stretch;
  width: 100%;
}
.section_reg .section_reg_text {
  background: var(--color-blue-dark);
  display: flex;
  align-items: center;
  position: relative;
}
.section_reg .section_reg_text form {
  display: block;
  width: 40rem;
  padding: 4rem;
  position: relative;
}
.section_reg .section_reg_text .reg_form_have_account br {
  display: none;
}
.section_reg .section_reg_text .close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.5rem;
  color: var(--color-black);
  z-index: 5;
}
.section_reg .section_reg_text .close:hover {
  color: var(--color-main);
}
.section_reg .section_reg_video {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.section_reg .section_reg_video video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}
.section_reg .btn_box {
  margin-top: 3rem;
  opacity: 0.5;
}
.page_wrapper {
  display: flex;
  min-height: 100vh;
  align-items: stretch;
  background: var(--color-grey);
}
.page_wrapper nav {
  background: var(--color-blue-dark);
  color: #fff;
}
.page_wrapper nav .nav_logo {
  padding: 3rem 3rem 0 3rem;
}
.page_wrapper nav .nav_logo img {
  width: 5rem;
  height: auto;
}
.page_wrapper nav .nav_menu {
  width: 20rem;
  padding-top: 5rem;
}
.page_wrapper nav .nav_menu_header {
  padding: 3rem 3rem 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
}
.page_wrapper nav ul {
  padding: 0 3rem;
  margin: 0;
  list-style: none;
}
.page_wrapper nav ul li {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
  border-bottom: 1px rgba(255, 255, 255, 0.05) solid;
}
.page_wrapper nav ul li a {
  padding: 1rem 0;
  display: block;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.page_wrapper nav ul li a:hover {
  color: #fff;
  opacity: 1;
}
.page_wrapper nav ul li a b {
  display: inline;
  position: relative;
}
.page_wrapper nav ul li a b:before {
  width: 0.4rem;
  height: 0.4rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: var(--color-red);
  position: absolute;
  top: -0.25rem;
  left: 0.25rem;
  content: '';
  display: block;
}
.page_wrapper .body_content {
  width: 100%;
  padding: 2rem 5rem 5rem;
}
.page_wrapper h1,
.page_wrapper h2,
.page_wrapper h3 {
  font-weight: 600;
}
.page_wrapper h3 {
  font-size: 1.5rem;
}
.page_wrapper h3.headt_whith_svg svg {
  width: auto;
  height: 1.5rem;
  fill: var(--color-blue-dark);
}
.box_info_block {
  margin-bottom: 3rem;
}
.dailytasks_items .col-12 {
  margin-bottom: 2rem;
}
.dailytasks_items .dailytasks_item {
  position: relative;
  height: 100%;
  margin-bottom: 0;
}
.dailytasks_items .dailytasks_item.finish {
  border: 1px var(--color-grey-dark) solid;
  padding: 2rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.dailytasks_items .dailytasks_item.finish .box_label {
  margin-top: 1rem;
}
.dailytasks_items .dailytasks_item .name {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.dailytasks_items .dailytasks_item .txt {
  font-size: 0.9rem;
}
.info_recom_list_items .col-12 {
  margin-bottom: 2rem;
}
.info_recom_list {
  margin-left: 3rem;
}
.info_recom_list.no_margin {
  margin-left: 0;
}
.info_recom_list .info_recom_list_item {
  display: flex;
  flex-flow: nowrap row;
  height: 100%;
  margin-bottom: 0;
  width: 100%;
  position: relative;
  padding: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.info_recom_list .info_recom_list_item .info_recom_list_info {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  color: var(--color-main);
  text-decoration: none;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.info_recom_list .info_recom_list_item .box_label {
  position: relative;
  z-index: 3;
}
.info_recom_list .info_recom_list_item .info_recom_list_photo {
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 1;
}
.info_recom_list .info_recom_list_item .info_recom_list_photo span {
  width: 15rem;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.info_recom_list .info_recom_list_item .info_recom_list_txt {
  width: 100%;
  padding: 2rem 0 2rem 2rem;
  position: relative;
  z-index: 3;
}
.info_recom_list .info_recom_list_item .info_recom_list_txt:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 2rem;
  width: 200%;
  height: calc(100% + 3px);
  background: #fff;
  transform: skewX(20deg);
  transform-origin: right top;
  z-index: 1;
}
.info_recom_list .info_recom_list_item .info_recom_list_txt .name {
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  position: relative;
  z-index: 2;
}
.info_recom_list .info_recom_list_item .info_recom_list_txt .name .link {
  font-weight: 400;
  color: var(--color-main);
  text-decoration: underline;
}
.info_recom_list .info_recom_list_item .info_recom_list_txt .desc {
  font-size: 0.9rem;
  position: relative;
  z-index: 2;
  line-height: 1.25;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_b {
  padding: 2rem;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_b .info_recom_list_txt {
  background: #fff;
  padding: 2rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_b .info_recom_list_txt:before {
  display: none;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_b .info_recom_list_photo span {
  width: 10rem;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a {
  padding: 0;
  position: relative;
  height: 100%;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a .name {
  margin: 0.5rem 0;
  line-height: 1.15;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a .name span {
  display: inline-flex;
  padding: 0.15rem 0.25rem;
  background: var(--color-grey-dark);
  color: #fff;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a.irc_1 .name span {
  background: var(--color-tpl_1);
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a.irc_2 .name span {
  background: var(--color-tpl_2);
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a.irc_3 .name span {
  background: var(--color-tpl_3);
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a.irc_4 .name span {
  background: var(--color-tpl_4);
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a.irc_5 .name span {
  background: var(--color-tpl_6);
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a .info_recom_list_txt {
  background: transparent;
  padding: 2rem 0 2rem 2rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a .info_recom_list_txt:before {
  display: none;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a .info_recom_list_photo span {
  width: 10rem;
  position: relative;
  overflow: hidden;
}
.info_recom_list .info_recom_list_item.info_recom_list_item_a .info_recom_list_photo span:before {
  content: '';
  display: block;
  top: 0;
  right: 6rem;
  width: 100%;
  height: calc(100% + 3px);
  background: #fff;
  transform: skewX(10deg);
  transform-origin: bottom right;
  position: absolute;
}
.page_tag_list {
  display: flex;
}
.page_tag_list a {
  display: inline-flex;
  height: 2rem;
  color: var(--color-black);
  border: 1px var(--color-grey-dark) solid;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  padding: 0 1rem;
  font-size: 0.9rem;
  margin: 0 1rem 1rem 0;
  opacity: 0.7;
  align-items: center;
}
.page_tag_list a:hover {
  text-decoration: none;
  opacity: 1;
}
.page_tag_list a.active {
  border-color: var(--color-main);
  background: var(--color-main);
  color: #fff;
  opacity: 1;
}
.ud_i_block {
  margin-bottom: 2rem;
}
.ud_i_block h3 {
  min-height: 2rem;
}
.ud_inform {
  position: relative;
  overflow: hidden;
}
.ud_inform img {
  position: absolute;
  width: 10rem;
  height: auto;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
}
.ud_inform .ud_inform_desc {
  height: 10rem;
  position: relative;
  padding-right: 40%;
  font-size: 0.9rem;
}
.ud_inform .ud_inform_desc .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ud_stat_week_char {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  align-items: stretch;
  height: 10rem;
}
.ud_stat_week_char .ud_stat_week_char_item {
  position: relative;
  width: 1.5rem;
  background: var(--color-blue-ligth);
  -webkit-border-radius: 0.9rem;
  -moz-border-radius: 0.9rem;
  border-radius: 0.9rem;
}
.ud_stat_week_char .ud_stat_week_char_item .ud_stat_week_char_value {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color-main);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  color: #fff;
  font-size: 0.8rem;
  display: block;
  align-items: center;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
.ud_stat_week_char .ud_stat_week_char_item .ud_stat_week_char_value.active {
  background: var(--color-red);
}
@keyframes rotate {
  0% {
    transform: translate(-50%, 0) rotateZ(0deg);
  }
  50% {
    transform: translate(-50%, -2%) rotateZ(180deg);
  }
  100% {
    transform: translate(-50%, 0%) rotateZ(360deg);
  }
}
.user_info {
  display: block;
  padding-top: 3rem;
  text-align: center;
  color: var(--color-blue-dark);
  position: relative;
}
.user_info .user_info_pic_box {
  width: 9rem;
  height: 9rem;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-blue-ligth);
}
.user_info .user_info_pic {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  position: relative;
  z-index: 3;
}
.user_info .user_info_point {
  position: absolute;
  top: 1rem;
  height: 1.5rem;
  color: var(--color-black);
  font-size: 0.8rem;
  display: flex;
  z-index: 2;
  flex-flow: column;
  align-items: center;
  white-space: nowrap;
}
.user_info .user_info_point.count_gold {
  left: 2rem;
}
.user_info .user_info_point.count_silver {
  right: 2rem;
}
.user_info .user_info_point span {
  margin-right: 0.5rem;
}
.user_info .user_info_point svg {
  width: auto;
  height: 1rem;
  fill: #ffffff;
}
.user_info .user_info_name {
  font-weight: 600;
  display: block;
  padding-top: 2rem;
}
.user_info .user_info_activity {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  padding: 1rem 3rem 0;
}
.user_info .user_info_activity .ui_value {
  font-size: 0.65rem;
  position: relative;
}
.user_info .user_info_activity .ui_value .ui_value_info {
  position: absolute;
  top: 100%;
  margin-top: 0.5rem;
  left: 50%;
  width: 6rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background: var(--color-main);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 1.15;
  display: none;
  color: #fff;
}
.user_info .user_info_activity .ui_item .ui_icon svg {
  width: auto;
  height: 1rem;
}
.user_info .user_info_activity .ui_item:hover .ui_value .ui_value_info {
  display: block;
}
.ud_task_list .ud_task_list_item {
  background: #fff;
  padding: 1rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  position: relative;
  display: block;
  color: var(--color-black);
  text-decoration: none;
}
.ud_task_list .ud_task_list_item:hover {
  opacity: 1;
}
.ud_task_list .ud_task_list_item.ud_task_complited {
  border: 1px var(--color-grey-dark) solid;
  background: transparent;
}
.ud_task_list .ud_task_list_item .ud_points_plus {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.8rem;
  color: var(--color-red);
  display: flex;
  align-items: center;
  padding: 1rem;
}
.ud_task_list .ud_task_list_item .ud_points_plus svg {
  margin-left: 0.25rem;
  width: auto;
  height: 0.8rem;
  fill: var(--color-red);
}
.ud_task_list .ud_task_list_item .link {
  display: block;
  color: var(--color-main);
}
.ud_task_list .ud_task_list_item .name {
  display: block;
}
.ud_task_list .ud_task_list_item .status_ok,
.ud_task_list .ud_task_list_item .date {
  font-size: 0.65rem;
  display: block;
}
.ud_task_list .ud_task_list_item .status_ok {
  font-weight: 600;
  color: var(--color-red);
}
.ud_task_list a.ud_task_list_item:before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px var(--color-main) solid;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  opacity: 0;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ud_task_list a.ud_task_list_item:hover:before {
  opacity: 1;
}
.slider_carts_box {
  margin: 0 -0.5rem;
}
.slider_carts_box .slider_carts .owl-carousel {
  width: auto;
}
.slider_carts_box .slider_carts .slider_carts_item {
  padding: 0 0.5rem;
}
.slider_carts_box .slider_carts .slider_carts_item img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  display: block;
  padding: 0;
  margin: 0;
}
.icon_span {
  display: inline-flex;
  align-items: center;
}
.icon_span img,
.icon_span svg {
  width: auto;
  height: 1rem;
  margin-left: 0.25rem;
}
.shop_list .shop_list_item {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.shop_list .shop_list_item .img {
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
}
.shop_list .shop_list_item .img svg {
  width: 5rem;
  height: 5rem;
  display: block;
  padding: 0;
  margin: 0;
}
.shop_list .shop_list_item .name {
  font-size: 2rem;
  color: var(--color-blue-dark);
  font-weight: 600;
  text-align: center;
  margin-top: 2rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.shop_list .shop_list_item .name svg {
  margin-left: 0.5rem;
  width: auto;
  height: 1.5rem;
  fill: var(--color-blue-dark);
}
.shop_list .shop_list_item .desc {
  font-size: 0.9rem;
  text-align: center;
}
.shop_list .shop_list_item .btn_box {
  text-align: center;
}
.shop_list_item_premium {
  position: relative;
}
.shop_list_item_premium .desc {
  display: block;
}
.shop_list_item_premium .desc ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
.shop_list_item_premium .desc ul li {
  position: relative;
  display: block;
  padding-left: 2rem;
}
.shop_list_item_premium .desc ul li:before {
  content: '';
  display: block;
  width: 1rem;
  height: 1px;
  background: var(--color-black);
  position: absolute;
  left: 0;
  top: 0.55rem;
}
.shop_list_item_premium .desc_price {
  margin-top: 2rem;
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.shop_list_item_premium .desc_price svg {
  width: auto;
  height: 1rem;
}
.shop_list_item_premium .btn_box {
  margin-top: 3rem;
  text-align: left;
}
.shop_list_item_premium h2 {
  padding-top: 0;
  margin-top: 0;
}
.shop_list_item_premium .shop_list_item_premium_img {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}
.shop_list_item_premium .shop_list_item_premium_img img {
  width: 20rem;
}
.box_label {
  display: inline-flex;
  font-size: 0.8rem;
  padding: 0 0.5rem;
  height: 1.5rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background: var(--color-main);
  color: #fff;
  align-items: center;
}
.box_label.box_label_green {
  background: var(--color-green);
}
.ud_recommendation a {
  display: block;
  color: var(--color-black);
  padding-top: 1rem;
}
.ud_recommendation a .name {
  display: block;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.15;
}
.ud_recommendation a .desc {
  display: block;
  font-size: 0.9rem;
}
.ud_recommendation a .link {
  display: block;
  text-decoration: underline;
  color: var(--color-main);
  margin-top: 1rem;
  font-size: 0.9rem;
}
.ud_recommendation a .link:hover {
  color: var(--color-main-light);
}
.ud_recommendation a:hover {
  color: var(--color-black);
  text-decoration: none;
  opacity: 1;
}
.list .list_item {
  border-bottom: 1px var(--color-grey-dark) solid;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
.list .list_item:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.list_item_svg svg {
  max-width: 100%;
  width: 1.5rem;
  height: 1.5rem;
}
.group_box h3 {
  font-weight: 400;
  border-bottom: 1px var(--color-grey-dark) solid;
  padding-bottom: 1rem;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.team_content .group_box_items .fun_menu {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 1rem;
  height: 3rem;
  align-items: center;
}
.team_content .group_box_items .fun_menu:before {
  content: '';
  width: 4rem;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  display: block;
  margin-right: -0.5rem;
}
.team_content .group_box_items .fun_menu .btn {
  margin-left: 0.5rem;
}
.team_content .group_box_items .group_box_item {
  border-bottom: 1px var(--color-grey) solid;
  display: flex;
  align-items: center;
  padding: 1rem 0;
  position: relative;
  flex-flow: nowrap row;
}
.team_content .group_box_items .group_box_item .level {
  display: flex;
  position: absolute;
  top: 0.5rem;
  left: -0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  justify-items: center;
  background: var(--color-tpl_2);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  z-index: 3;
  line-height: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.team_content .group_box_items .group_box_item .img {
  margin-right: 2rem;
}
.team_content .group_box_items .group_box_item .img span {
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-grey);
  background-size: cover;
  background-position: center center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.team_content .group_box_items .group_box_item .name {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.team_content .group_box_items .group_box_item .name svg {
  width: auto;
  height: 1rem;
  margin-left: .5rem;
}
.team_content .group_box_items .group_box_item .del {
  display: flex;
  align-items: center;
  top: 1rem;
  right: 0;
  color: var(--color-red);
  height: 3rem;
  position: absolute;
}
.team_content .group_box_items .group_box_item:last-child {
  padding-bottom: 0;
  border: none;
}
.team_content .team_box_items {
  margin-top: 2rem;
}
.team_content .team_box_items .col-12 {
  margin-bottom: 2rem;
  align-items: stretch;
}
.team_content .team_box_items .team_box_item {
  margin-bottom: 0;
  position: relative;
  height: 100%;
  padding-bottom: 5rem;
}
.team_content .team_box_items .name {
  display: block;
  font-weight: 600;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
}
.team_content .team_box_items .desc {
  display: block;
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}
.team_content .team_box_items .fun_menu {
  padding-top: 0.5rem;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
.team_chat {
  position: relative;
}
.team_chat .team_chat_body {
  display: flex;
  width: 100%;
  overflow: auto;
  height: 65vh;
  flex-direction: column-reverse;
}
.team_chat .team_chat_mess {
  display: flex;
  background: #fafafa;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 1.5rem;
  margin-top: 1rem;
  margin-right: 5rem;
  font-size: 0.9rem;
}
.team_chat .team_chat_mess b {
  font-weight: 600;
}
.team_chat .team_chat_mess.team_chat_mess_my {
  margin-right: 1rem;
  margin-left: 5rem;
  background: var(--color-yellow);
}
.team_chat form {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px var(--color-grey-dark) solid;
}
.team_chat form .label_line {
  margin-bottom: 0;
}
.avatar_list a {
  display: block;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center center;
  margin-bottom: 2rem;
}
.tech_wall_wrapper {
  position: relative;
}
/*
.tech_wall_box {
  overflow: auto;
  height: calc(~"100vh - 12rem");
}
*/
.tech_wall {
  border-bottom: 1px var(--color-grey-dark) solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.tech_wall:last-child {
  border: none;
  padding-bottom: 2rem;
  margin: 0;
}
.tech_wall .tech_wall_date {
  font-size: 0.6rem;
}
.tech_wall .tech_wall_txt {
  font-size: 0.8rem;
}
.tech_wall .tech_wall_like {
  margin-top: 0.5rem;
}
.tech_wall .tech_wall_like a {
  color: var(--color-black);
  text-decoration: none;
}
.tech_wall .tech_wall_like .active,
.tech_wall .tech_wall_like .no_active {
  display: inline-flex;
  height: 1.5rem;
  background: var(--color-grey);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  align-items: center;
  padding: 0 0.5rem;
  font-size: 0.8rem;
}
.tech_wall .tech_wall_like .active i,
.tech_wall .tech_wall_like .no_active i {
  font-size: 0.6rem;
}
.tech_wall .tech_wall_like .active {
  color: var(--color-red);
}
.ajax_content_text .ajax_content_img {
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin: 0 auto 2rem;
}
.ajax_content_text .ajax_content_name {
  text-align: center;
}
.ajax_content_text h1 {
  margin-bottom: 1rem;
}
.ajax_content_text .ajax_content_anons {
  text-align: center;
  font-weight: 600;
  margin-bottom: 4rem;
}
.bs_box {
  background: var(--color-main);
  color: #fff;
}
.bs_box.bs_box_line {
  display: flex;
  justify-content: space-between;
}
.bs_box .bs_box_inner {
  min-height: 3rem;
  display: flex;
  align-items: center;
}
.bs_box .btn {
  border: 1px #fff solid;
  color: #fff;
  background: none;
  white-space: nowrap;
}
.error_page_mess {
  padding: 3rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  min-height: 100vh;
  flex-flow: row nowrap;
  width: 100%;
}
.error_page_mess .error_page_mess_inner {
  width: 20rem;
  text-align: center;
}
.error_page_mess .error_page_mess_inner .img {
  padding-bottom: 1.5rem;
}
.error_page_mess .error_page_mess_inner .img svg {
  width: 5rem;
  height: auto;
}
body.body_inner_lk .form-control {
  color: var(--color-black);
}
.list_flex .list_item_flex {
  display: flex;
  flex-flow: nowrap row;
  margin: 0 -0.5rem;
  align-items: stretch;
}
.list_flex .list_item_flex.list_item_flex_header .f_item {
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}
.list_flex .list_item_flex .f_item {
  display: block;
  flex: 1;
  padding: 0.5rem;
  border-top: 1px rgba(0, 0, 0, 0.2) solid;
  border-left: 1px rgba(0, 0, 0, 0.2) solid;
  font-size: 0.9rem;
}
.list_flex .list_item_flex .f_item:last-child {
  border-right: 1px rgba(0, 0, 0, 0.2) solid;
}
.list_flex .list_item_flex .f_item.f_item_3 {
  flex: 3;
}
.list_flex .list_item_flex .f_item.f_item_2 {
  flex: 2;
}
.list_flex .list_item_flex:last-child .f_item {
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}
.line_nav {
  margin-bottom: 2rem;
}
.line_nav span,
.line_nav a {
  display: inline-block;
  margin-right: 1.5rem;
}
.upload_progress {
  display: block;
  background: var(--color-grey);
  height: 2rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  overflow: hidden;
}
.upload_progress span {
  display: block;
  width: 0;
  height: 2rem;
  background: var(--color-main);
}
.table {
  border: none;
  border-collapse: collapse;
  font-size: 0.85rem;
  margin: 0;
}
.table .table_item_header td {
  border-bottom: 3px rgba(0, 0, 0, 0.2) solid;
}
.table .table_item_footer td {
  border-top: 3px rgba(0, 0, 0, 0.2) solid;
}
.table td {
  padding: 0.5rem;
  border: 1px rgba(0, 0, 0, 0.2) solid;
}
.pagination {
  padding-bottom: 1rem;
}
.pagination a {
  display: inline-block;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  margin-right: 1rem;
  color: var(--color-black);
  text-decoration: none;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border: 1px var(--color-grey-dark) solid;
}
.select_bot_box {
  width: 100%;
}
.select_bot {
  background: #fff;
  margin: 5rem auto;
  width: 25rem;
  padding: 3rem;
  -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.02);
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.02);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.select_bot .select_bot_name {
  color: var(--color-black);
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 1.5rem;
}
.select_bot .select_bot_links a {
  color: #fff;
  display: flex;
  height: 5rem;
  padding: 0 2rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.15rem;
  text-decoration: none;
}
.select_bot .select_bot_links a img {
  width: auto;
  height: 1.5rem;
  margin-right: 1.5rem;
}
@media screen and (max-width: 640px) {
  html {
    font-size: 4vw;
  }
  .btn .btn_big {
    font-size: 1rem;
  }
  .main_wrapper {
    padding: 0 2rem;
  }
  .main_offer {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
  .main_offer h1 {
    font-size: 1.75rem;
  }
  .main_offer .h1_desc br {
    display: none;
  }
  .main_offer .btn_box .btn {
    width: 100%;
    padding: 0;
    font-size: 1rem;
  }
  .main_offer .btn_box_desc {
    font-size: 0.65rem;
  }
  .main_offer .icons_list {
    display: none;
  }
  .alert_box_ajax .alert_body {
    padding: 3rem;
  }
  .alert_box_ajax .alert_body h1 {
    font-size: 1.5rem;
  }
  .alert_box_ajax .alert_close {
    right: 0;
    width: 100%;
    display: flex;
    flex-flow: nowrap row;
    justify-content: flex-end;
    background-image: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    background-image: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    background-image: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    background-image: -o-linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
  }
  .alert_box_ajax .alert_close svg {
    width: auto;
    height: 1rem;
  }
  .page_main h2 {
    font-size: 1.75rem;
    margin-bottom: 3.5rem;
  }
  .page_main .section {
    margin-bottom: 3rem;
  }
  .page_main .section.section_fin_offer {
    display: block;
    text-align: center;
  }
  .page_main .section.section_fin_offer h2 {
    text-align: center;
  }
  .page_main .section.section_fin_offer .btn_box {
    margin-bottom: 3rem;
  }
  .page_main .section.section_fin_offer .inner_img img {
    width: 100%;
  }
  .section_items .desc {
    font-size: 0.8rem;
  }
  .section_items_block .section_item .desc {
    font-size: 0.8rem;
  }
  .section_reg {
    display: block;
  }
  .section_reg .section_reg_text form {
    padding: 4rem 2rem;
    width: 100%;
  }
  .section_reg .section_reg_text form .form_btn {
    margin-bottom: 2rem;
  }
  .section_reg .section_reg_text .reg_form_have_account {
    text-align: center;
  }
  .section_reg .section_reg_text .reg_form_have_account br {
    display: block;
  }
  .section_reg .section_reg_video {
    display: none;
  }
  footer .main_wrapper {
    display: block;
  }
  footer .main_wrapper a {
    margin-left: 0;
    display: block;
  }
}