.hide
 {
  display: none !important;
 }

.btn
 {
  line-height: 1.2;
  padding-top: 14px;
  padding-bottom: 14px;
 }

.button_area
 {
  margin-bottom: 30px;

  text-align: center;
 }

.button_area label
 {
  margin: 5px;

  min-width: 160px;
  background-color: #87bdff !important;

  cursor: pointer;

  user-select: none;
 }

.button_area label.about_button
 {
  background-color: #8fe1a5 !important;
 }

.button_area label.about_button:hover
 {
  background: linear-gradient(111.15deg, #1ed546 10.15%,#0b7923 119.02%), #1ed546 !important;
 }

.button_area label.active
 {
  background-color: #0174ff !important;
 }

.button_area label.about_button.active
 {
  background-color: #1ed546 !important;
 }

.section_page
 {
  display: block;

  height: 0px;

  opacity: 0;

  overflow: hidden;
 }

input[type="radio"]:checked + .section_page
 {
  height: auto;

  opacity: 1;
 }

.section_partners_desc
 {
  margin-bottom: 20px;
 }

.button_string
 {
  text-decoration: underline;
  text-underline-offset: 3px;

  color: #808080;

  cursor: pointer;

  user-select: none;
 }

.button_string:hover
 {
  color: #ffa500;
 }

div.ck-editor .ck-content
 {
  min-height: 100px;

  font-size: 14px;
 }

.gray_back
 {
  background-color: #e5e5e5;
 }

.cats_button_area
 {
  text-align: center;
 }

.cats_button_area .btn,
.edit_cats_area .btn
 {
  margin: 6px;
 }

.edit_cats_area,
.edit_partner_area
 {
  padding: 20px;

  background-color: #ffffff;

  line-height: 1.5;

  font-size: 16px;
 }

.partner .edit_partner_area
 {
  margin-bottom: 0px;

  padding: 0px;
 }

ol > li
 {
  list-style-position: inside;
 }

.add_cat_area .input
 {
  display: inline-block;

  margin-right: 5px;

  max-width: 250px;
 }

input[readonly]
 {
  background-color: #e2e2e2;
 }

.message
 {
  color: #0174ff;
 }

.edit_cats_area li .li_wrapper
 {
  display: inline;
 }

.edit_cats_area li .button_area
 {
  display: inline-block;

  vertical-align: top;

  margin-right: 20px;
  margin-bottom: 0px;

  user-select: none;
 }

.small_button_wrap
 {
  display: inline-block;

  vertical-align: top;
 }

.btn.small_button
 {
  height: auto !important;
  padding: 4px 12px !important;
  padding-top: 5px !important;
  line-height: 1 !important;

  user-select: none;

  transition: none;
 }

.edit_cats_area li .button_area .small_button
 {
  margin: 2px;
 }

.hide_button
 {
  visibility: hidden;
 }

.cat_name
 {
  display: inline-block;

  width: calc(100% - 360px);

  vertical-align: top;
 }

.update_cat_area
 {
  display: inline-block;

  vertical-align: top;
 }

.update_cat_area .small_button
 {
  margin: 2px;
 }

.small_input
 {
  display: inline-block;

  vertical-align: top;

  margin: auto;
  margin-top: 2px;
  margin-left: 0px;
  margin-right: 10px;

  max-width: 190px;
  height: 22px;
  padding: 4px 8px;

  line-height: 1;

  font-size: 16px;
  color: #000000;
 }

.edit_partner_area
 {
  margin: auto;

  margin-bottom: 50px;

  max-width: 660px;
 }

.edit_partner_area .input
 {
  margin-top: 0px;
  margin-bottom: 10px;
 }

.edit_partner_area .ck.ck-editor
 {
  margin-bottom: 10px;
 }

.edit_partner_title
 {
  font-weight: 500;
  font-size: 24px;

  color: #000000;
 }

.logo_preview_area
 {
  display: inline-block;

  margin-right: 10px;
  vertical-align: top;

  width: 100px;
  height: 100px;

  border: solid 1px #dedede;
  border-radius: 3px;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
 }

.logo_add_area
 {
  display: inline-block;

  vertical-align: top;

  width: calc(100% - 114px);
  min-height: 100px;
  padding: 16px;

  border-radius: 3px;

  background-color: #f6f6f6;
 }

.fake_add_file_button
 {
  display: inline-block;

  position: relative;

  vertical-align: top;

  width: 155px;
  height: 33px;
  padding: 4px;
  border: solid 1px #0174ff;
  border-radius: 3px;

  background-color: #ffffff;

  text-align: center;

  overflow: hidden;

  color: #0174ff;
 }

.fake_add_file_button:hover
 {
  background-color: #0174ff;

  color: #ffffff;
 }

.logo_file_input
 {
  position: absolute;
  top: -20%;
  left: -20%;

  width: 140%;
  height: 140%;

  cursor: pointer;

  opacity: 0;
 }

.delete_file_button
 {
  display: inline-block;

  vertical-align: top;
  margin-left: 10px;

  width: 155px;
  height: 33px;
  padding: 4px;
  border: solid 1px #fd0000;
  border-radius: 3px;

  background-color: #ffffff;

  text-align: center;

  color: #fd0000;

  cursor: pointer;
 }

.delete_file_button:hover
 {
  background-color: #fd0000;

  color: #ffffff;
 }

.file_add_desc
 {
  margin-top: 11px;

  color: #565f68;
 }

.fields_wrapper
 {
  margin-top: 20px;
 }

.select
 {
  margin-bottom: 10px;
 }

.select .select-title
 {
  border: solid 1px #d6d6d6;
 }

.select .select-options
 {
  padding-bottom: 0px;
  border: solid 1px #d0d0d0;
 }

.select-options__value
 {
  border-bottom: solid 1px #d0d0d0;
 }

.select-options__value:last-child
 {
  border-bottom: none;
 }

.select .select-options__value:hover
 {
  background-color: #f1f1f1;

  color: #565f68;
 }

.partner_contact_title
 {
  font-weight: 500;
  font-size: 20px;
 }

.caption_field
 {
  display: inline-block;

  margin-right: -4px;
  margin-bottom: 5px;
  vertical-align: top;
 }

.caption_field.half.last,
.caption_field.tret.last
 {
  margin-right: 0px;
 }

.caption_field.half
 {
  margin-right: 6px;

  width: calc(100% / 2 - 5px);
 }

.caption_field.tret
 {
  margin-right: 8px;

  width: calc((100% - 21px) / 3 - 1px);
 }

.add_contact_button,
.show_contacts_button
 {
  display: block;

  margin-bottom: 5px;

  background-color: #ffffff;

  text-decoration: underline;
  text-underline-offset: 3px;

  font-size: 14px;
  color: #0174ff;

  cursor: pointer;

  user-select: none;
 }

.add_contact_button:hover,
.show_contacts_button:hover
 {
  color: #ffa500;
 }

.contact_wrapper
 {
  margin-bottom: 10px;
 }

.cat_section
 {
  margin-bottom: 40px;
 }

.cat_section_title
 {
  margin-bottom: 20px;

  text-align: center;

  font-size: 24px;
  color: #000000;
 }


.partner
 {
  position: relative;

  margin-bottom: 20px;

  padding: 30px;

  background-color: #ffffff;

  border-radius: 5px;
 }

.partner .wrap
 {
  display: inline-block;

  vertical-align: top;
 }

.partner .wrap.left
 {
  width: calc(100% - 210px);
 }

.partner_logo
 {
  display: block;

  width: 200px;
  height: 200px;

  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
 }

.partner_title
 {
  margin-bottom: 20px;

  font-size: 20px;
  font-weight: 500;
 }

.partner_desc
 {
  margin-bottom: 20px;

  padding-right: 20px;

  line-height: 20px;

  font-size: 14px;
 }

.partner_client_profit,
.partner_profit
 {
  display: inline-block;

  padding: 8px 16px;
  padding-left: 34px;

  border-radius: 3px;

  background-color: #dcecff;
  background-image: url("/about/pic/star_ticket.svg");
  background-repeat: no-repeat;
  background-position: 5px 5px;


  font-size: 14px;
  font-weight: 500;

  color: #0174ff;
 }

.partner_profit
 {
  background-color: #d6f0df;
  background-image: url("/about/pic/percents.svg");

  color: #3bb261;
 }


.show_contacts_area
 {
  display: inline-block;

  margin-bottom: 20px;
 }

.contact_card .partner_contact_title
 {
  margin-bottom: 10px;
 }

.contact_data_row
 {
  margin-bottom: 2px;

  max-width: 500px;
  padding: 5px 10px;

  background-color: #f6f6f6;
 }

.contact_data_row .link
 {
  border: none;

  color: #0174ff;

  cursor: pointer;
  white-space: nowrap;
 }

.contact_data_row .link:hover
 {
  color: #ffa500;
 }

.contact_data_row > div
 {
  display: inline-block;

  vertical-align: top;
 }

.contact_data_row .contact_left
 {
  width: 90px;
 }

.contact_data_row .contact_right
 {
  width: calc(100% - 100px);

  text-align: right;

  white-space: nowrap;
 }

.edit_partner_wrapper
 {
  background-color: #ffffff;
 }

.partner:first-child .to_high_button
 {
  display: none;
 }

.partner:last-child .to_low_button
 {
  display: none;
 }

.br_510
 {
  display: none;
 }


@media screen and (max-width: 990px)
 {
  .small_button_wrap .small_button
   {
    display: block;

    width: 86px;
   }

  .edit_cats_area li
   {
    margin-bottom: 10px;
   }

  .small_input
   {
    display: block;

    margin: 0px;
    margin-bottom: 3px;
   }

  .cat_name
   {
    width: calc(100% - 230px);
   }

  .update_cat_area .small_button
   {
    width: 91px;
   }

  .update_cat_area .small_button:nth-child(2)
   {
    margin-left: 0px;
   }

  .update_cat_area .small_button:last-child
   {
    margin-right: 0px;
   }
 }

@media screen and (max-width: 760px)
 {
  .partner .btn
   {
    width: 105px;

    margin: 2px;
    margin-left: 0px;
   }

  .partner_content
   {
    display: flex;

    flex-direction: column-reverse;
   }

  .partner .wrap
   {
    display: block;
   }

  .partner .wrap.left,
  .partner .wrap.right
   {
    width: 100%;
   }

  .partner_logo
   {
    margin: auto;
   }

  .partner .wrap.left
   {
    margin-top: 15px;
   }
 }

@media screen and (max-width: 670px)
 {
  .logo_preview_area
   {
    width: 124px;
    height: 124px;
   }

  .logo_add_area
   {
    width: calc(100% - 138px);
   }
 }

@media screen and (max-width: 640px)
 {
  .caption_field
   {
    display: block;

    margin-right: 0px;
   }

  .caption_field.half,
  .caption_field.tret
   {
    margin-right: 0px;

    width: 100%;
   }
 }

@media screen and (max-width: 610px)
 {
  .logo_preview_area
   {
    display: block;

    margin: auto;
    margin-bottom: 10px;
   }

  .logo_add_area
   {
    display: block;

    width: 100%;
   }

  .partner_client_profit,
  .partner_profit
   {
    display: block;
   }

  .partner_client_profit + br
   {
    display: none;
   }

  .show_contacts_area
   {
    display: block;
   }

  .contact_data_row
   {
    max-width: unset;
   }

  .contact_data_row .contact_right,
  .contact_data_row .link
   {
    white-space: unset;
   }
 }

@media screen and (max-width: 510px)
 {
  .br_510
   {
    display: block;
   }
 }

@media screen and (max-width: 470px)
 {
  li .button_area
   {
    margin-right: 0px;
   }

  .edit_cats_area li .li_wrapper
   {
    display: inline-flex;
    flex-direction: column-reverse;

    width: calc(100% - 40px);
   }

  .edit_cats_area li .button_area
   {
    display: block;

    margin-right: 0px;

    width: 100%;

    text-align: left;
   }

  .edit_cats_area li .button_area .small_button
   {
    margin: 0px;
    margin-bottom: 2px;

    width: 91px;
   }

  .update_cat_area
   {
    margin-bottom: 10px;
   }

  .cat_name
   {
    display: block;

    width: 100%;
   }

  .small_button_wrap:first-child
   {
    margin-right: 4px;
   }
 }

@media screen and (max-width: 430px)
 {
  .fake_add_file_button
   {
    display: block;

    margin-bottom: 5px;

    width: 100%;
   }

  .delete_file_button
   {
    display: block;

    margin-left: 0px;

    width: 100%;
   }

  .file_add_desc
   {
    margin-top: -10px;
   }

  .contact_data_row > div
   {
    display: block;
   }

  .contact_data_row .contact_left,
  .contact_data_row .contact_right
   {
    width: 100%;

    text-align: center;
   }

  .contact_data_row .contact_left
   {
    margin-bottom: 5px;
   }
 }