@charset "UTF-8";
@import url('/LENPOKOS/cke_editable.css');

html:lang(ru) {
  quotes: "«" "»";
}

/* Breadcrumbs */
.breadcrumbs {
  display: flex;
  margin: 10px 0;
  font-family: 'Roboto';
}

.breadcrumbs>a[data-home] img {
  width: 20px;
  height: 20px;
  align-content: center;
  align-self: center
}

.breadcrumbs>a {
  color: #333;
  font-size: 13.5px;
  display: flex;
  position: relative;
  align-self: center;

  &:hover {
    color: #999
  }
}

.breadcrumbs>a:first-child {
  margin: 0;
  font-size: 18px
}

.breadcrumbs>a:last-child {
  color: #999;
}

.breadcrumbs>a:not(:first-child):before {
  content: '❯';
  margin: 0 7px;
  font-size: 12px;
  display: block;
  align-self: center;
  font-weight: 500;
  color: #999;
}

/* Pages selector */
.pagesBlockuz1 {
  display: flex;
  justify-content: center;
}

.swchItem,
b.swchItemA {
  padding: 5px 10px;
  align-self: center;
  background: var(--border);
  margin: 0 2px;
  border-radius: 5px;
  text-decoration: none;
  color: #999;
}

.swchItem:hover,
b.swchItemA:hover {
  background: var(--border-dark)
}

b.swchItemA {
  background: var(--border-dark);
}

/* ALL BUTTONS */
.sButton-panel {
  display: flex;
  flex-wrap: wrap;
}

.sButton {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin: 5px 5px 0 0;
  padding: 5px 10px;
  background: var(--accent-color-lite);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto';
  align-items: center;
  color: black;
  text-align: right;
  width: calc(100% / 2 - 5px);
}

.sButton:hover {
  background: var(--accent-color);
}

.sButton img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  object-fit: contain;
}

/* INPUTS */
.tgme_widget_login_button_icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M1.956 11.392c5.778-2.423 9.63-4.02 11.558-4.793C19.018 4.396 20.162 4.013 20.907 4c.164-.003.53.036.768.222.2.157.256.368.282.517.027.148.06.486.033.75-.298 3.018-1.588 10.339-2.245 13.718-.278 1.43-.829 1.736-1.358 1.783-1.151.102-2.021-.56-3.136-1.263-1.744-1.1-2.386-1.397-4.079-2.471-1.956-1.241-.889-1.891.226-3.006.292-.292 5.4-4.838 5.497-5.24.013-.05-.155-.555-.271-.654-.116-.099-.287-.065-.41-.038-.176.038-2.962 1.811-8.36 5.32-.791.522-1.508.777-2.15.764-.707-.015-2.069-.386-3.08-.702-1.242-.389-1.7-.572-1.614-1.231.045-.344.36-.703.946-1.077z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 0 -1px !important
}

.blog div#allEntries {
  width: 100%;
}

.blog div[id^="entry"] {
  width: 100%
}

.load div#allEntries {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}

.load div[id^="entryID"] {
  display: flex;
  flex-grow: 1;
  flex-basis: calc(100% / 4 - 20px);
}

.load div[id^="entryID"] .services_block {
  flex-basis: 100%;
}


.u-comboedit {
  padding: 10px 25px !important;
  border-radius: 5px;
  cursor: pointer;
  text-wrap: balance;
  background-color: var(--border);
  font-family: 'Exo 2';
  font-size: 16px;
  font-weight: 500;
}

body.dir .u-comboedit {
  margin: 0 10px 10px 0;
  padding: 10px;
  border: 1px solid #ddd !important;
  border-radius: 10px;
  font-size: 16px;
  width: 100%;
  outline: 0;
  font-family: 'Mulish';
  font-size: 16px;
  position: relative;
  transition: all ease .2s;
  display: flex;
}

body.blog {
  background: var(--border-dark)
}

.u-comboedit:hover {
  background-color: var(--border-dark)
}

.u-combolist {
  padding: 10px !important;
  top: -12px;
  position: relative;
  background: var(--border);
  height: auto;
  left: 5px;
}

/* MODAL - AJAX */
.xw-hdr-text {
  color: black !important;
  font-family: 'Exo 2' !important
}

.xw-plain .xw-bl,
.xw-plain .xw-ml,
.xw-plain .xw-tl {
  background: white !important;
}

.light-btn,
.ubtn-default {
  color: white !important;
  background: var(--accent-color) !important;
  font-size: 14px !important;
  border: none !important;
  border-radius: 5px !important;
  transition: all ease .2s !important
}

.light-btn:hover,
.ubtn-default:hover {
  background: var(--accent-color-lite) !important;
}

.myWinError {
  color: black !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 5px !important;
}

.myWinCont b {
  font-size: 12px !important;
  font-family: 'Exo 2' !important;
  font-weight: 200 !important;
  color: #888 !important;
  display: table !important;
}

.myWinCont textarea,
.myWinCont select {
  background: #f7f7f7 !important;
  color: black !important;
  border: 1px solid var(--border) !important;
  outline: none !important;
  border-radius: 5px !important;
}

.myWinCont textarea:focus,
.myWinCont select {
  background: #f7f7f7 !important;
  color: black !important;
  outline: none !important;
  border: 1px solid var(--border) !important;
  padding: 5px !important;
}

.myWinCont .tmplCodeH,
.myWinCont input:not([type=color]):not([type=file]):not([type=button]):not([type=checkbox]):not([type=radio]):not(.tmplCodeH) {
  background: #f7f7f7 !important;
  color: black !important;
  outline: none !important;
  border: 1px solid var(--border) !important;
  border-radius: 5px !important;
  margin: 5px 0 !important;
}

.myWinCont label {
  color: black !important
}

.captcha-block {
  justify-content: left !important;
}

.captcha-renew {
  margin: 0 5px;
  border: 1px solid var(--border-dark);
  border-radius: 3px;
  padding: 5px;
}

.captcha-question {
  border-radius: 5px;
}

span#jkdjdkrt3 {
  font-size: 14px;
}

/* Info bar */
.bottom-info-wrapper {
  background: white;
  box-shadow: -10px 0 20px silver;
  color: black;
  font-family: 'Exo 2';
  font-size: 18px;
}

.bottom-info-button-agree {
  background: var(--accent-color) !important;
  border-radius: 5px !important;
  font-weight: 500 !important
}

.bottom-info-button-agree:hover {
  background: var(--accent-color-lite) !important;
}

/* NO ADS */
#bhNq4bgw,
#dVib66Dwyss,
#v_u_ablock_toplink,
div[id*="vmainads"],
div[style*="position: fixed; z-index: 999999; width: 400px; height: 308px; left: 5px; bottom: 5px;"],
div[style*="background-color: #FFF;height: 100px;position: fixed;bottom: 0px;width: 100%;max-width: 1200px;left: 50%;transform: translateX(-50%);z-index:2147483647"],
div[class^="k-container"],
div[id^="ads_games_"],
.adv-close,
.adv-remove,
div[id^="mbnr4web"],
div[id^="wprdv"],
div[id^="medium"],
div[id^="small"],
div[id^="large"],
div[id^="txtblock"],
div[id^=flash-popup],
span[class*="pb"],
center,
#wp-pay_package,
div[id*="SHDY"],
div[id*="SHDY"]+div,
div[id="SHDYtb444"],
div[style*="position: fixed; bottom: 0px; left: 0px; width: 100%; height: auto; z-index: 10000000;"],
div[id^="bv-block"],
div[id^="mini-"],
div[id^="bv-"],
div[id^="nativeroll_video_cont"],
div.js-teasers-wrapper,
div.js-teasers-wrapper-down,
div.js-teasers-wrapper-top,
div.js-teasers-wrapper-middle {

  display: none !important;
  width: 0% !important;
  height: 0% !important;
  visibility: hidden !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  top: -1000% !important;
  left: -1000% !important;
  z-index: -9999 !important;
  line-height: -9999px !important;
  transform: translateY(-9999999px) !important;
}

/* Users LOGIN */

.login_primary {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: white;
  padding: 5px;
  font-size: 14px;
  font-family: 'Roboto';
  position: relative;
  margin: 5px 0;
  border: 1px solid var(--border-dark);
  cursor: pointer;
}

.login_primary_name {
  font-weight: 500;
  font-size: 14px;
  display: grid;
  white-space: pre
}

.login_primary:hover,
.login_primary:focus-within {
  background: #eef1f1
}

.login_primary:focus-within .primary_dropdown {
  display: block;
}

.login_primary hr {
  border: 0;
  border-top: 1px dashed #bbb;
  margin: 5px 0;
}

.login_primary img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
}

.login_primary a {
  margin: 0 2px;
  color: black;
}

.login_primary_tag_pm {
  color: white;
  background: red;
  border-radius: 50%;
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border: 5px solid white;
  position: absolute;
  top: -5px;
  right: -15px;
  display: flex;
  align-items: center;
  font-size: 12px;
  justify-content: center;
  padding: 2px;
  font-weight: 800
}

.primary_dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: white;
  display: none;
  box-shadow: 0 10px 10px #00000024;
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 10px 15px #00000030;
}

.primary_dropdown a {
  font-size: 14px;
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
}

.primary_dropdown a:hover {
  background: var(--border-dark);
  font-weight: 500;
}


.log_button {
  background: var(--border-dark);
  margin: 5px 5px 0 0;
  padding: 10px;
  display: inline-table;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  transition: all ease .2s;
  outline: none;
  border: none;
  position: relative;
  z-index: 1;
  cursor: pointer
}

.log_button i {
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  padding: 2px 7px;
  border-radius: 5px;
  margin-right: 2px;
  background: none;
  border: 1px dashed #00000010;
  color: black;
}

.log_button.confirm {
  background: var(--accent-color);
  color: black;
}

.log_button.confirm:hover {
  background: var(--accent-color-lite);
}

.log_button.submit {
  padding: 10px 20px;
  background: var(--accent-color);
}

.log_button.add {
  padding: 0;
  background: none;
  font-weight: 500;
  margin: 5px;
  color: #777
}

.log_button.add:hover {
  background: none;
  color: black
}

.log_button:hover,
.log_button:hover>i {
  background: #00000010;
}

.tag_button {
  border-bottom: 1px dashed var(--border);
  color: #999;
  text-transform: none;
  border-radius: 5px;
  margin: 5px 10px 0 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 2px;
}


/* Users personal pages */
.margin80 {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  /* background: var(--lite-blue); */
  font-family: 'Exo 2';
}

.uc_user_personal_page_wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  box-sizing: border-box;
  /* background: var(--lite-blue); */
  font-family: 'Exo 2';
}

@media (max-width:720px) {
  .margin80 {
    display: table;
  }

  .uc_user_personal_page_wrapper {
    padding: 30px 0;
  }
}

.uc_personal_title {
  display: flex;
  flex-basis: 100%;
  margin: 20px 30px;
  text-transform: uppercase;
  align-items: center
}

@media (max-width:720px) {
  .uc_personal_title {
    margin: 20px 0;
    padding: 0 0px;
  }
}

.uc_personal_title>h2 {
  font-weight: 400;
  color: black;
  font-size: 20px;
  padding: 0 10px;
}

@keyframes opacity {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.uc_personal_title>h2>uclogin {
  font-size: 20px;
  color: #999;
  display: inline-flex;
  cursor: help;
  align-items: baseline;
  font-weight: 200;
}

.uc_personal_title>h2>ucstatus {
  position: relative;
  border-radius: 5px;
  font-weight: 300;
  display: table;
  font-size: 14px;
}

.uc_personal_title>h2>ucstatus[value='1']:before {
  content: 'В сети';
  color: var(--main-color);
}

.uc_personal_title>h2>ucstatus[value='0']:before {
  content: 'Не в сети';
  color: #d4d4d4;
}

.uc_personal_title select {
  font-size: 14px;
  padding: 5px;
}

.uc_page_item[data-mobile="1"] {
  padding: 30px !important;
}

.uc_page_item {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-basis: 100%;
  padding: 30px;
  background: white;
  margin: 10px;
  border-radius: 5px;
  animation: opacity alternate both 1s;
  box-sizing: border-box;
  align-content: flex-start;
  justify-content: space-between;
}

.uc_page_item.small {
  flex-basis: 0;
}

.uc_page_item.medium {
  flex-grow: 1;
  flex-basis: 50%;
}

.uc_page_item.full {
  flex-basis: 100%;
}

.uc_page_item>uctitle {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  border-bottom: 1px solid var(--border);
  padding: 5px 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.uc_page_item .onlines_wrapper>p {
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
  display: block;
}

@media (max-width:720px) {
  .uc_page_item {
    padding: 30px 0;
  }
}

.uc_page_avatar {
  display: flex;
  margin: 0 20px;
}

/* Discount card */
.discount_title {
  display: block;
  flex-direction: column;
  max-width: 22ch;
  text-align: center;
  margin: 20px 10px;
}

.discount_title>h2 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.discount_title>p {
  font-size: 12px;
  font-weight: 300;
}

.discount_title>p.next_level {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #555
}

.discount_wrapper {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
  align-self: flex-start;
}



/* Standart Design */
.uc_page_discount {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  position: relative;
  padding: 10px;
  min-width: 150px;
  max-width: 250px;
  min-height: 140px;
  max-height: 250px;
  background: linear-gradient(36deg, #47b980 30%, #e4f5ed 120%);
  border-left: 2px solid #299c63;
  border-bottom: 1px solid #299c63;
  border-radius: 10px;
  overflow: hidden;
  margin: 5px;

}

.discount_column>p[number] {
  z-index: 100;
  position: relative;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0 0 0 auto;
  font-weight: 500;
  line-height: 10px;
  color: black;
}

.discount_column>p[discount] {
  font-size: 50px;
  position: relative;
  border-radius: 10px 0 0 10px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  z-index: 0;
}

.discount_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  font-weight: 300;
  font-size: 14px;
  align-items: baseline
}

.discount_column>distype:before {
  content: 'стандарт';
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 25px;
}

@media (max-width:440px) {
  .discount_column>distype:before {
    font-weight: 500;
    top: 30px;
  }
}

.discount_column>p[small] {
  font-size: 10px;
}


.discount_column>img#type_logo {
  pointer-events: none;
  width: 100%;
  height: 100%;
  right: 60%;
  top: 50%;
  position: absolute;
  object-fit: contain;
  opacity: 0.1;
  transform: scale(2);
}

.discount_column>img#logo {
  pointer-events: none;
  width: 100%;
  z-index: 10;
  position: relative;
  filter: invert(1)
}

.discount_column:last-child {
  text-align: right;
}

/* Maximum Design */
.uc_page_discount.gold {
  background: linear-gradient(36deg, #b99e47 30%, #f7e097 120%);
  border-left: 2px solid #a08a42;
  border-bottom: 1px solid #857236;
}

.uc_page_discount.gold .discount_column>p[discount] {
  color: black;
  opacity: 0.2;
}

.uc_page_discount.gold .discount_column>p[discount]:before {
  content: '';
  background: url(https://cdn-icons-png.flaticon.com/128/4455/4455764.png) center center / contain no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 80%;
  margin: 0 auto
}

.uc_page_discount.gold .discount_column>distype:before {
  content: 'Голден';
}


/* Uc standart styles */
.uc_del_button_ava,
#jkdjdkrt3 {
  font-size: 0 !important;
}

.uc_del_button_ava>a,
.uc_del_button_ava>i {
  text-align: left;
  color: #999;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all ease .2s;
  font-style: normal;
}

.manFlAvaLink,
.uc_del_button_ava>a[onclick="ava(0);return false;"] {
  display: none !important;
}

.uc_del_button_ava>a[onclick="ava(1); return false;"] {
  font-size: 0 !important;
  text-decoration: none !important;
}

.uc_del_button_ava>a[onclick="ava(1); return false;"]:hover:before,
#jkdjdkrt3>a:hover {
  background: var(--border-dark)
}

.uc_del_button_ava>a[onclick="ava(1); return false;"]:before,
#jkdjdkrt3>a {
  content: 'Загрузить фото';
  background: var(--border);
  margin: 5px 5px 0 0;
  padding: 3px 10px;
  display: inline-table;
  border-radius: 4px;
  font-size: 12px !important;
  font-weight: 500;
  text-decoration: none;
  color: black
}

.manFlAvaFile {
  margin: 5px 0;
}

.uc_personal_page_avatar {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transition: all ease .3s;
  object-fit: cover;
  margin: auto;
}

.uc_page_person {
  align-content: center;
  align-items: center;
  align-self: center;
  margin: auto 0 auto 40px;
  position: relative;
}

@media (max-width:720px) {
  .uc_page_avatar {
    flex-wrap: wrap;
  }

  .uc_personal_page_avatar,
  .uc_page_person {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center
  }

}

.uc_page_person>ucname {
  font-weight: 200;
  font-size: 40px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.uc_page_person>uclogin {
  font-size: 16px;
  color: #999;
  display: table;
  cursor: help
}

.uc_page_person_log_icon {
  width: 16px;
  position: relative;
  margin: 0 3px 0 0;
  align-self: center;
  opacity: 0.3;
}

.uc_personal_pm {
  font-size: 14px;
  font-weight: 400;
  margin: 5px 3px;
  display: table;
  color: black;
  text-decoration: none;
}

.uc_personal_pm:hover {
  color: var(--border-dark)
}

/* Register, Edit - Page */
.uc_edit_page>p {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: baseline;
  text-align: left;
  color: #999;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 15px 0;
  transition: all ease .2s;
}

@media (max-width:720px) {
  .uc_register_page {
    display: block;
  }
}

.uc_register_page>p {
  text-align: left;
  color: #999;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 15px 0;
  transition: all ease .2s;
}

.uc_register_page>p>i {
  font-size: 12px;
  color: var(--border-dark);
  font-style: normal;
  font-weight: 300;
  text-transform: lowercase;
  margin: 0 5px;
}

.uc_register_page>p>r,
.uc_register_page>p>b>r {
  color: red;
  display: inline-block;
  margin: 0 5px;
  font-size: 16px
}

.uc_register_page>p>label,
#pmgrs>label {
  font-size: 14px;
  text-transform: none;
  font-family: 'Exo 2'
}

.uc_register_page>p>label>input[type=checkbox],
#pmgrs>label>input[type=checkbox] {
  opacity: 1;
  position: relative;
}

.uc_register_page>p:focus-within,
.uc_edit_page>p:focus-within {
  color: var(--accent-color);
  border-left: 2px solid var(--accent-color);
  padding-left: 15px
}

.uc_register_page input[type=text],
.uc_register_page input[type=password],
.uc_edit_page input[type=text],
.uc_edit_page input[type=password] {
  padding: 10px 0;
  display: table;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  color: black;
  font-size: 20px;
  transition: all ease .2s
}

.uc_register_page input[type=text]:focus,
.uc_edit_page input[type=text]:focus {
  border-color: var(--accent-color) !important
}

.uc_register_page input[type=text]:valid,
.uc_register_page input[type=file]:valid,
.uc_edit_page input[type=text]:valid,
.uc_edit_page input[type=file]:valid {
  border-color: var(--main-color)
}


.uc_register_page input[type=text]::placeholder,
.uc_edit_page input[type=text]::placeholder {
  color: var(--border);
  text-transform: capitalize;
}

/* Page information */
.uc_page_information {
  padding: 30px;
  display: block;
}

@media (max-width:1240px) {
  .uc_page_information {
    width: 100%
  }
}

.uc_page_information>h2 {
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid var(--border-dark);
  padding: 5px 0;
  margin: 10px 0;
  text-transform: uppercase;
  display: table;
}

.uc_page_information>p {
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.uc_page_information>p>b {
  font-weight: 500;
  margin-right: 20px;
}

.uc_page_information>p>info,
.uc_page_information>p>b>info {
  font-size: 12px;
  color: var(--border-dark);
}

/* SUPPORTS BLOCK RIGHT */

.uc_right_block_wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  border-bottom: 1px solid var(--border);
  padding: 15px 0
}

.uc_right_block_wrapper:last-child {
  border: none;
}

.uc_right_block_wrapper .rbw_avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 20px;
  object-fit: cover;
  pointer-events: none;
}

.rbw_content {
  display: block;
}

.rbw_content>p,
.rbw_content>a {
  font-weight: 400;
  text-transform: capitalize;
  font-size: 18px;
  color: black;
  text-decoration: none;
}

.rbw_content>p::first-letter {
  text-transform: uppercase;
}

.rbw_content>a:hover {
  color: var(--accent-color);
}

.rbw_content>p[small] {
  font-weight: 300;
  text-transform: lowercase;
  font-size: 14px;
}

.rbw_content .send_message {
  text-decoration: none;
  font-size: 12px;
  color: silver;
  margin: 5px 0;
  display: inline-flex;
  border-radius: 4px;
}

.rbw_content .send_message>img {
  width: 12px;
  margin-right: 5px;
  opacity: 0.2;
  object-fit: contain;
  align-self: center
}

.rbw_content .send_message:hover,
.rbw_content .send_message:hover>img {
  color: black;
  opacity: 1;
}

/* ORDER Success */
.myWinSuccess {
  height: auto;
  line-height: 20px;
  display: flex;
  flex-direction: column;
}

.dir .myWinSuccess>b,
.dir .myWinSuccess~span,
.xw-hdr-text {
  display: none !important;
}

.xw-body+div {
  height: auto;
}

.dir .myWinSuccess:before {
  display: inline-block;
  text-align: center;
  color: black;
  font-size: 18px;
  content: 'Заказ оформлен! \A';
  white-space: pre-wrap;
}

.dir .myWinSuccess:after {
  display: inline-block;
  text-align: center;
  color: #777;
  font-size: 14px;
  content: 'Статус заказа смотрите на странице \A «история заказов» в личном кабинете ';
  white-space: pre-wrap;
}


/* Banner rotation */
.banner_rotation_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  flex-grow: 0;
  flex-basis: 60%;
  font-family: 'Exo 2';
  align-content: flex-start
}

.banner_rotation_wrapper.small {
  flex-basis: 30%;
}

.banner {
  border-radius: 5px;
  background: var(--lite-blue);
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
  position: relative;
  margin: 5px 10px;
  background: white;
  align-items: baseline;
  box-shadow: 0 10px 10px var(--border);
}

.banner:before {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: silver
}

.banner.attention:before {
  content: 'Внимание!';
  color: red;
  font-weight: 600;
}

.banner.info:before {
  content: 'Информация';
}

.banner.ad:before {
  content: 'Реклама';
}

.banner:first-of-type {
  margin-top: 0;
}

.banner:last-of-type {
  margin-bottom: 0;
}

.banner>img {
  width: 100%;
  display: block;
  margin: 10px 0
}

.banner>h2 {
  font-weight: 600;
  font-size: 16px;
}

.banner>p {
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
  max-width: 90ch;
}

/* BLOG MATERIAL */
.uc_blog_wrapper {
  justify-content: flex-start;
  background: none;
  padding: 0;
  font-family: 'Roboto';
}

.uc_blog_card {
  padding: 30px;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  background: white;
  margin-bottom: 20px;
  position: relative;
  font-family: 'Roboto';
}

.uc_blog_card:has(.uc_blog_tag.top),
.uc_blog_card:has(.uc_blog_tag.attention) {
  border-radius: 0 5px 5px 5px;
}

.uc_blog_tags_wrapper {
  right: 100%;
  top: 0;
  position: absolute;
}

.uc_blog_tag {
  content: '';
  padding: 15px;
  border-radius: 20px 0 0 20px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  border-right: 1px solid var(--border);
  background: white;
  color: #aaa;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.uc_tag_icon {
  border-radius: 15px;
  padding: 7px;
  width: 24px;
  height: 24px;
  box-sizing: content-box;
}

.uc_tag_icon:has(+p) {
  margin-bottom: 5px;
}

.uc_tag_icon img {
  width: 100%;
  height: 100%;
}

.uc_blog_tag.top .uc_tag_icon {
  background: var(--border)
}

.uc_blog_tag.attention .uc_tag_icon {
  background: var(--informer-lite)
}

.uc_blog_card.small {
  flex-basis: calc(33.3% - 20px);
  margin: 10px;
}

@media (max-width:1024px) {
  .uc_blog_card.small {
    flex-basis: 100%;
  }
}

.uc_blog_card>h2,
.uc_blog_card>h1 {
  font-size: 24px;
  font-weight: 500;
}

.uc_blog_card>h3 {
  margin-bottom: 10px;
}

.blog_item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.blog_item.column {
  flex-direction: column;
  align-items: flex-start;
  font-size: 17px
}

.blog_item.material-page {
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--border);
}

.img_wrapper img {
  width: 100%;
  margin: 10px 0;
  object-fit: cover;
}

.blog_item.margin {
  margin: 10px 0;
}

.blog_item .avatar_img {
  width: 32px !important;
  height: 32px !important;
  object-fit: cover;
  border-radius: 50%;
}

.blog_item strong {
  margin: 10px 0;
  display: inline-block;
}

.blog_item blockquote {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 5px 0;
  border-bottom: 1px dashed var(--border)
}

.blog_img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 10px;
}

.blog_item blockquote img {
  margin: 0 !important;
  width: 70% !important;
  height: 140px !important;
}

.blog_item blockquote p {
  flex-basis: calc(50% - 15px);
  margin-right: 15px;
}


.uc_blog_card .date {
  font-size: 14px;
  font-weight: 300;
  color: #555;
}

.blog_item .counts {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}

.blog_item .counts>img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain;
  opacity: 0.2;
  margin-right: 2px;
}

.blog_item .text_content {
  white-space: pre-line;
}



@media (max-width:720px) {
  .blog_img {
    height: 150px !important;
  }
}

.uc_blog_card .mask {
  position: absolute;
  top: calc(50% - 115px);
  left: calc(50% - 100px);
  border-radius: 5px;
  color: white;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 30px;
  font-weight: 600;
  visibility: hidden;
  background: #00000071;
  backdrop-filter: blur(10px);
  padding: 20px;
  box-sizing: border-box;
  width: 200px;
  height: 230px;
  z-index: 10;
}

.uc_blog_card .mask>a {
  text-decoration: none;
  color: white;
  border: 1px solid transparent;
  padding: 3px 7px;
  border-radius: 5px;
  text-align: center;
}

.uc_blog_card .mask>a:hover {
  border-color: white;
  transition: all ease .2s;
}

.uc_blog_card:hover .mask {
  visibility: visible;
  animation: opacity .2s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}




/* SEARCH BLOG */
.blog noindex {
  display: flex;
}

.blog noindex .tagItem {
  padding: 3px 0;
  margin: 0 5px;
  border-bottom: 1px dashed black;
  font-size: 0;
}

.blog noindex .tagItem>a {
  text-decoration: none;
  color: black;
  font-size: 12px;
  text-transform: uppercase;
}

.blog noindex>a {
  text-decoration: none;
  color: black;
  font-size: 12px;
  text-transform: uppercase;
  padding: 3px 0;
  margin: 5px 10px 0 0;
  border-bottom: 1px dashed black;
}

.search_wrapper {
  position: relative;
  width: 100%;
}

.store .search_wrapper {
  position: relative;
  margin: 0 0 30px;
}

.search_blog_form {
  justify-content: flex-start;
  padding: 30px;
  overflow: hidden;
}

.search_blog_input {
  padding: 10px;
  border-radius: 5px;
  outline: 2px solid transparent;
  border: 1px solid var(--border-dark);
  width: 100%;
  box-sizing: border-box;
  transition: ease all .1s
}

.search_blog_input:focus {
  outline: 2px solid var(--accent-color)
}

.search_blog_button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--accent-color);
  border: none;
  padding: 10px 30px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 5px;
  transition: ease all .1s;
  outline: none;
}

.search_blog_button:hover {
  background: var(--accent-color-lite);
  color: white
}

/* COMMENTS USER */
.com-order-block {
  display: none;
}

.uc_comment_tab {
  padding: 20px;
  border: 1px solid var(--border-dark);
  border-radius: 5px;
  outline: none;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Exo 2';
  resize: none;
  width: 100%;
  box-sizing: border-box
}

.uc_comment_wrapper {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}

.uc_comment_wrapper[level="1"],
.uc_comment_wrapper[level="2"],
.uc_comment_wrapper[level="3"],
.uc_comment_wrapper[level="4"],
.uc_comment_wrapper[level="5"] {
  border-left: 1px solid var(--border);
  padding-left: 20px;
  margin: 10px 0
}

.comment_item {
  display: flex;
  margin: 10px 0 0 0;
  align-items: center;
  position: relative;
}

.comment_item.answer {
  padding-left: 20px;
  border-left: 1px solid var(--main-color)
}

.comment_item>p {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.comment_item>p>img,
.wysibb-body>img {
  max-width: 36px;
  object-fit: contain;
  margin: 10px;
  display: flex;
  border-radius: 5px;
}

.wysibb-body {
  display: flex;
  flex-wrap: wrap;
}

.comment_item #avatar {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  padding: 3px;
  border: 1px solid transparent;
  box-sizing: content-box;
}

.comment_item>p.login {
  margin: 0 10px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.comment_item>p.date {
  margin: 0 5px;
  font-size: 12px;
  font-weight: 400;
}

.comment_item>i {
  line-height: 0;
}

.comment_item .aproved {
  position: absolute;
  left: 26px;
  top: -8px;
  background: white;
  border-radius: 50%;
  padding: 3px;
}

.comment_item>.aproved img {
  width: 20px;
  height: 20px;
}

.comment_item>a.answer_button {
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.3;
  color: black
}

.comment_item>a.answer_button:hover {
  opacity: 1;
}

.comment_item.panel {
  margin: 15px 0 0 0;
}

.subscribe_wrapper {
  margin: 0 0 0 auto;
  display: table;
}

.subscribe_wrapper>b {
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
}

.subscribe_wrapper select {
  font-size: 12px;
  margin: 0;
  width: 200px
}