@charset "UTF-8";
@font-face {
  font-family: "Material Symbols Rounded";
  src: url("/fonts/tcon/MaterialSymbolsRounded.eot");
  src: url("/fonts/tcon/MaterialSymbolsRounded.eot?#iefix") format("embedded-opentype"), url("/fonts/tcon/MaterialSymbolsRounded.woff") format("woff"), url("/fonts/tcon/MaterialSymbolsRounded.ttf") format("truetype"), url("/fonts/tcon/MaterialSymbolsRounded.svg#MaterialSymbolsRounded") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Icons";
  src: url("/fonts/icon/icon.eot");
  src: url("/fonts/icon/icon.eot?#iefix") format("embedded-opentype"), url("/fonts/icon/icon.woff") format("woff"), url("/fonts/icon/icon.ttf") format("truetype"), url("/fonts/icon/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon], [class*=" icon"] {
  font-family: "Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.delete:before {
  content: "\e935";
}
.icon.remove:before {
  content: "\e936";
}
.icon.clothes:before {
  content: "\e932";
}
.icon.journal:before {
  content: "\e933";
}
.icon.souvenirs:before {
  content: "\e934";
}
.icon.add-cart:before {
  content: "\e931";
}
.icon.chek-cart:before {
  content: "\e930";
}
.icon.logo_mini:before {
  content: "\e92e";
}
.icon.store:before {
  content: "\e92f";
}
.icon.arcap_car:before {
  content: "\e92b";
}
.icon.arcap_man_left:before {
  content: "\e92c";
}
.icon.arcap_man_right:before {
  content: "\e92d";
}
.icon.partner:before {
  content: "\e900";
}
.icon.pay:before {
  content: "\e901";
}
.icon.arrow_min:before {
  content: "<";
}
.icon.fire:before {
  content: "F";
}
.icon.spinner:before {
  content: "S";
}
.icon.fb:before {
  content: "f";
}
.icon.in:before {
  content: "i";
}
.icon.like:before {
  content: "l";
}
.icon.notification:before {
  content: "n";
}
.icon.pin:before {
  content: "p";
}
.icon.forward:before {
  content: "s";
}
.icon.tw:before {
  content: "t";
}
.icon.vk:before {
  content: "v";
}
.icon.yt:before {
  content: "y";
}
.icon.spec_burger:before {
  content: "\e902";
}
.icon.save_alt:before {
  content: "\e903";
}
.icon.zoom:before {
  content: "\e904";
}
.icon.check:before {
  content: "\e905";
}
.icon.quote:before {
  content: "\e906";
}
.icon.add:before {
  content: "\e907";
}
.icon.ba:before {
  content: "\e908";
}
.icon.read:before {
  content: "\e909";
}
.icon.star:before {
  content: "\e90a";
}
.icon.remove_eye:before {
  content: "\e90b";
}
.icon.eye_block:before {
  content: "\e90c";
}
.icon.ki:before {
  content: "\e90d";
}
.icon.coment:before {
  content: "\e90e";
}
.icon.tl:before {
  content: "\e90f";
}
.icon.closed:before {
  content: "\e910";
}
.icon.microphone:before {
  content: "\e911";
}
.icon.mc:before {
  content: "\e912";
}
.icon.more:before {
  content: "\e913";
}
.icon.pdf:before {
  content: "\e914";
}
.icon.pen:before {
  content: "\e915";
}
.icon.photo:before {
  content: "\e916";
}
.icon.play:before {
  content: "\e917";
}
.icon.upload:before {
  content: "\e918";
}
.icon.user:before {
  content: "\e919";
}
.icon.magnifier:before {
  content: "\e91a";
}
.icon.shop:before {
  content: "\e91b";
}
.icon.burger:before {
  content: "\e91c";
}
.icon.arrow_defalut:before {
  content: "\e91d";
}
.icon.arrow_small:before {
  content: "\e91e";
}
.icon.vid:before {
  content: "\e91f";
}
.icon.park:before {
  content: "\e920";
}
.icon.gl:before {
  content: "\e921";
}
.icon.settings:before {
  content: "\e922";
}
.icon.person:before {
  content: "\e923";
}
.icon.tune:before {
  content: "\e924";
}
.icon.filter:before {
  content: "\e925";
}
.icon.warning_amber:before {
  content: "\e926";
}
.icon.info_outline:before {
  content: "\e927";
}
.icon.check_circle_outline:before {
  content: "\e928";
}
.icon.report_problem:before {
  content: "\e929";
}
.icon.create:before {
  content: "\e92a";
}

.font-1px {
  font-size: 1px;
}

.font-2px {
  font-size: 2px;
}

.font-3px {
  font-size: 3px;
}

.font-4px {
  font-size: 4px;
}

.font-5px {
  font-size: 5px;
}

.font-6px {
  font-size: 6px;
}

.font-7px {
  font-size: 7px;
}

.font-8px {
  font-size: 8px;
}

.font-9px {
  font-size: 9px;
}

.font-10px {
  font-size: 10px;
}

.font-11px {
  font-size: 11px;
}

.font-12px {
  font-size: 12px;
}

.font-13px {
  font-size: 13px;
}

.font-14px {
  font-size: 14px;
}

.font-15px {
  font-size: 15px;
}

.font-16px {
  font-size: 16px;
}

.font-17px {
  font-size: 17px;
}

.font-18px {
  font-size: 18px;
}

.font-19px {
  font-size: 19px;
}

.font-20px {
  font-size: 20px;
}

.font-21px {
  font-size: 21px;
}

.font-22px {
  font-size: 22px;
}

.font-23px {
  font-size: 23px;
}

.font-24px {
  font-size: 24px;
}

.font-25px {
  font-size: 25px;
}

.font-26px {
  font-size: 26px;
}

.font-27px {
  font-size: 27px;
}

.font-28px {
  font-size: 28px;
}

.font-29px {
  font-size: 29px;
}

.font-30px {
  font-size: 30px;
}

.font-31px {
  font-size: 31px;
}

.font-32px {
  font-size: 32px;
}

.font-33px {
  font-size: 33px;
}

.font-34px {
  font-size: 34px;
}

.font-35px {
  font-size: 35px;
}

.font-36px {
  font-size: 36px;
}

.font-37px {
  font-size: 37px;
}

.font-38px {
  font-size: 38px;
}

.font-39px {
  font-size: 39px;
}

.font-40px {
  font-size: 40px;
}

.font-41px {
  font-size: 41px;
}

.font-42px {
  font-size: 42px;
}

.font-43px {
  font-size: 43px;
}

.font-44px {
  font-size: 44px;
}

.font-45px {
  font-size: 45px;
}

.font-46px {
  font-size: 46px;
}

.font-47px {
  font-size: 47px;
}

.font-48px {
  font-size: 48px;
}

.font-49px {
  font-size: 49px;
}

.font-50px {
  font-size: 50px;
}

.font-51px {
  font-size: 51px;
}

.font-52px {
  font-size: 52px;
}

.font-53px {
  font-size: 53px;
}

.font-54px {
  font-size: 54px;
}

.font-55px {
  font-size: 55px;
}

.font-56px {
  font-size: 56px;
}

.font-57px {
  font-size: 57px;
}

.font-58px {
  font-size: 58px;
}

.font-59px {
  font-size: 59px;
}

.font-60px {
  font-size: 60px;
}

.font-61px {
  font-size: 61px;
}

.font-62px {
  font-size: 62px;
}

.font-63px {
  font-size: 63px;
}

.font-64px {
  font-size: 64px;
}

.lh-1px {
  line-height: 1px;
}

.lh-2px {
  line-height: 2px;
}

.lh-3px {
  line-height: 3px;
}

.lh-4px {
  line-height: 4px;
}

.lh-5px {
  line-height: 5px;
}

.lh-6px {
  line-height: 6px;
}

.lh-7px {
  line-height: 7px;
}

.lh-8px {
  line-height: 8px;
}

.lh-9px {
  line-height: 9px;
}

.lh-10px {
  line-height: 10px;
}

.lh-11px {
  line-height: 11px;
}

.lh-12px {
  line-height: 12px;
}

.lh-13px {
  line-height: 13px;
}

.lh-14px {
  line-height: 14px;
}

.lh-15px {
  line-height: 15px;
}

.lh-16px {
  line-height: 16px;
}

.lh-17px {
  line-height: 17px;
}

.lh-18px {
  line-height: 18px;
}

.lh-19px {
  line-height: 19px;
}

.lh-20px {
  line-height: 20px;
}

.lh-21px {
  line-height: 21px;
}

.lh-22px {
  line-height: 22px;
}

.lh-23px {
  line-height: 23px;
}

.lh-24px {
  line-height: 24px;
}

.lh-25px {
  line-height: 25px;
}

.lh-26px {
  line-height: 26px;
}

.lh-27px {
  line-height: 27px;
}

.lh-28px {
  line-height: 28px;
}

.lh-29px {
  line-height: 29px;
}

.lh-30px {
  line-height: 30px;
}

.lh-31px {
  line-height: 31px;
}

.lh-32px {
  line-height: 32px;
}

.lh-33px {
  line-height: 33px;
}

.lh-34px {
  line-height: 34px;
}

.lh-35px {
  line-height: 35px;
}

.lh-36px {
  line-height: 36px;
}

.lh-37px {
  line-height: 37px;
}

.lh-38px {
  line-height: 38px;
}

.lh-39px {
  line-height: 39px;
}

.lh-40px {
  line-height: 40px;
}

.lh-41px {
  line-height: 41px;
}

.lh-42px {
  line-height: 42px;
}

.lh-43px {
  line-height: 43px;
}

.lh-44px {
  line-height: 44px;
}

.lh-45px {
  line-height: 45px;
}

.lh-46px {
  line-height: 46px;
}

.lh-47px {
  line-height: 47px;
}

.lh-48px {
  line-height: 48px;
}

.lh-49px {
  line-height: 49px;
}

.lh-50px {
  line-height: 50px;
}

.lh-51px {
  line-height: 51px;
}

.lh-52px {
  line-height: 52px;
}

.lh-53px {
  line-height: 53px;
}

.lh-54px {
  line-height: 54px;
}

.lh-55px {
  line-height: 55px;
}

.lh-56px {
  line-height: 56px;
}

.lh-57px {
  line-height: 57px;
}

.lh-58px {
  line-height: 58px;
}

.lh-59px {
  line-height: 59px;
}

.lh-60px {
  line-height: 60px;
}

.lh-61px {
  line-height: 61px;
}

.lh-62px {
  line-height: 62px;
}

.lh-63px {
  line-height: 63px;
}

.lh-64px {
  line-height: 64px;
}

[class*=font-].bolder {
  font-weight: 900;
}
[class*=font-].bold {
  font-weight: 700;
}
[class*=font-].boldy {
  font-weight: 600;
}
[class*=font-].normal {
  font-weight: 500;
}
[class*=font-].medium {
  font-weight: 400;
}
[class*=font-].light {
  font-weight: 100;
}

.mt-0px {
  margin-top: 0px !important;
}

.mb-0px {
  margin-bottom: 0px !important;
}

.ml-0px {
  margin-left: 0px;
}

.mr-0px {
  margin-right: 0px;
}

.pt-0px {
  padding-top: 0px;
}

.pl-0px {
  padding-left: 0px !important;
}

.pr-0px {
  padding-right: 0px !important;
}

.pb-0px {
  padding-bottom: 0px;
}

.w-0px {
  width: 0px;
}

.w-0px-important {
  width: 0px !important;
}

.mw-0px {
  min-width: 0px;
}

.h-0px {
  height: 0px;
}

.p-0px {
  padding: 0px;
}

.t-0px {
  top: 0px;
}

.b-0px {
  bottom: 0px;
}

.r-0px {
  right: 0px;
}

.l-0px {
  left: 0px;
}

.gap-0px {
  gap: 0px;
}

.br-0px {
  border-radius: 0px;
}

.mt-4px {
  margin-top: 4px !important;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.ml-4px {
  margin-left: 4px;
}

.mr-4px {
  margin-right: 4px;
}

.pt-4px {
  padding-top: 4px;
}

.pl-4px {
  padding-left: 4px !important;
}

.pr-4px {
  padding-right: 4px !important;
}

.pb-4px {
  padding-bottom: 4px;
}

.w-4px {
  width: 4px;
}

.w-4px-important {
  width: 4px !important;
}

.mw-4px {
  min-width: 4px;
}

.h-4px {
  height: 4px;
}

.p-4px {
  padding: 4px;
}

.t-4px {
  top: 4px;
}

.b-4px {
  bottom: 4px;
}

.r-4px {
  right: 4px;
}

.l-4px {
  left: 4px;
}

.gap-4px {
  gap: 4px;
}

.br-4px {
  border-radius: 4px;
}

.mt-8px {
  margin-top: 8px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.ml-8px {
  margin-left: 8px;
}

.mr-8px {
  margin-right: 8px;
}

.pt-8px {
  padding-top: 8px;
}

.pl-8px {
  padding-left: 8px !important;
}

.pr-8px {
  padding-right: 8px !important;
}

.pb-8px {
  padding-bottom: 8px;
}

.w-8px {
  width: 8px;
}

.w-8px-important {
  width: 8px !important;
}

.mw-8px {
  min-width: 8px;
}

.h-8px {
  height: 8px;
}

.p-8px {
  padding: 8px;
}

.t-8px {
  top: 8px;
}

.b-8px {
  bottom: 8px;
}

.r-8px {
  right: 8px;
}

.l-8px {
  left: 8px;
}

.gap-8px {
  gap: 8px;
}

.br-8px {
  border-radius: 8px;
}

.mt-12px {
  margin-top: 12px !important;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.ml-12px {
  margin-left: 12px;
}

.mr-12px {
  margin-right: 12px;
}

.pt-12px {
  padding-top: 12px;
}

.pl-12px {
  padding-left: 12px !important;
}

.pr-12px {
  padding-right: 12px !important;
}

.pb-12px {
  padding-bottom: 12px;
}

.w-12px {
  width: 12px;
}

.w-12px-important {
  width: 12px !important;
}

.mw-12px {
  min-width: 12px;
}

.h-12px {
  height: 12px;
}

.p-12px {
  padding: 12px;
}

.t-12px {
  top: 12px;
}

.b-12px {
  bottom: 12px;
}

.r-12px {
  right: 12px;
}

.l-12px {
  left: 12px;
}

.gap-12px {
  gap: 12px;
}

.br-12px {
  border-radius: 12px;
}

.mt-16px {
  margin-top: 16px !important;
}

.mb-16px {
  margin-bottom: 16px !important;
}

.ml-16px {
  margin-left: 16px;
}

.mr-16px {
  margin-right: 16px;
}

.pt-16px {
  padding-top: 16px;
}

.pl-16px {
  padding-left: 16px !important;
}

.pr-16px {
  padding-right: 16px !important;
}

.pb-16px {
  padding-bottom: 16px;
}

.w-16px {
  width: 16px;
}

.w-16px-important {
  width: 16px !important;
}

.mw-16px {
  min-width: 16px;
}

.h-16px {
  height: 16px;
}

.p-16px {
  padding: 16px;
}

.t-16px {
  top: 16px;
}

.b-16px {
  bottom: 16px;
}

.r-16px {
  right: 16px;
}

.l-16px {
  left: 16px;
}

.gap-16px {
  gap: 16px;
}

.br-16px {
  border-radius: 16px;
}

.mt-20px {
  margin-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.ml-20px {
  margin-left: 20px;
}

.mr-20px {
  margin-right: 20px;
}

.pt-20px {
  padding-top: 20px;
}

.pl-20px {
  padding-left: 20px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.pb-20px {
  padding-bottom: 20px;
}

.w-20px {
  width: 20px;
}

.w-20px-important {
  width: 20px !important;
}

.mw-20px {
  min-width: 20px;
}

.h-20px {
  height: 20px;
}

.p-20px {
  padding: 20px;
}

.t-20px {
  top: 20px;
}

.b-20px {
  bottom: 20px;
}

.r-20px {
  right: 20px;
}

.l-20px {
  left: 20px;
}

.gap-20px {
  gap: 20px;
}

.br-20px {
  border-radius: 20px;
}

.mt-24px {
  margin-top: 24px !important;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.ml-24px {
  margin-left: 24px;
}

.mr-24px {
  margin-right: 24px;
}

.pt-24px {
  padding-top: 24px;
}

.pl-24px {
  padding-left: 24px !important;
}

.pr-24px {
  padding-right: 24px !important;
}

.pb-24px {
  padding-bottom: 24px;
}

.w-24px {
  width: 24px;
}

.w-24px-important {
  width: 24px !important;
}

.mw-24px {
  min-width: 24px;
}

.h-24px {
  height: 24px;
}

.p-24px {
  padding: 24px;
}

.t-24px {
  top: 24px;
}

.b-24px {
  bottom: 24px;
}

.r-24px {
  right: 24px;
}

.l-24px {
  left: 24px;
}

.gap-24px {
  gap: 24px;
}

.br-24px {
  border-radius: 24px;
}

.mt-28px {
  margin-top: 28px !important;
}

.mb-28px {
  margin-bottom: 28px !important;
}

.ml-28px {
  margin-left: 28px;
}

.mr-28px {
  margin-right: 28px;
}

.pt-28px {
  padding-top: 28px;
}

.pl-28px {
  padding-left: 28px !important;
}

.pr-28px {
  padding-right: 28px !important;
}

.pb-28px {
  padding-bottom: 28px;
}

.w-28px {
  width: 28px;
}

.w-28px-important {
  width: 28px !important;
}

.mw-28px {
  min-width: 28px;
}

.h-28px {
  height: 28px;
}

.p-28px {
  padding: 28px;
}

.t-28px {
  top: 28px;
}

.b-28px {
  bottom: 28px;
}

.r-28px {
  right: 28px;
}

.l-28px {
  left: 28px;
}

.gap-28px {
  gap: 28px;
}

.br-28px {
  border-radius: 28px;
}

.mt-32px {
  margin-top: 32px !important;
}

.mb-32px {
  margin-bottom: 32px !important;
}

.ml-32px {
  margin-left: 32px;
}

.mr-32px {
  margin-right: 32px;
}

.pt-32px {
  padding-top: 32px;
}

.pl-32px {
  padding-left: 32px !important;
}

.pr-32px {
  padding-right: 32px !important;
}

.pb-32px {
  padding-bottom: 32px;
}

.w-32px {
  width: 32px;
}

.w-32px-important {
  width: 32px !important;
}

.mw-32px {
  min-width: 32px;
}

.h-32px {
  height: 32px;
}

.p-32px {
  padding: 32px;
}

.t-32px {
  top: 32px;
}

.b-32px {
  bottom: 32px;
}

.r-32px {
  right: 32px;
}

.l-32px {
  left: 32px;
}

.gap-32px {
  gap: 32px;
}

.br-32px {
  border-radius: 32px;
}

.mt-36px {
  margin-top: 36px !important;
}

.mb-36px {
  margin-bottom: 36px !important;
}

.ml-36px {
  margin-left: 36px;
}

.mr-36px {
  margin-right: 36px;
}

.pt-36px {
  padding-top: 36px;
}

.pl-36px {
  padding-left: 36px !important;
}

.pr-36px {
  padding-right: 36px !important;
}

.pb-36px {
  padding-bottom: 36px;
}

.w-36px {
  width: 36px;
}

.w-36px-important {
  width: 36px !important;
}

.mw-36px {
  min-width: 36px;
}

.h-36px {
  height: 36px;
}

.p-36px {
  padding: 36px;
}

.t-36px {
  top: 36px;
}

.b-36px {
  bottom: 36px;
}

.r-36px {
  right: 36px;
}

.l-36px {
  left: 36px;
}

.gap-36px {
  gap: 36px;
}

.br-36px {
  border-radius: 36px;
}

.mt-40px {
  margin-top: 40px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.ml-40px {
  margin-left: 40px;
}

.mr-40px {
  margin-right: 40px;
}

.pt-40px {
  padding-top: 40px;
}

.pl-40px {
  padding-left: 40px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.pb-40px {
  padding-bottom: 40px;
}

.w-40px {
  width: 40px;
}

.w-40px-important {
  width: 40px !important;
}

.mw-40px {
  min-width: 40px;
}

.h-40px {
  height: 40px;
}

.p-40px {
  padding: 40px;
}

.t-40px {
  top: 40px;
}

.b-40px {
  bottom: 40px;
}

.r-40px {
  right: 40px;
}

.l-40px {
  left: 40px;
}

.gap-40px {
  gap: 40px;
}

.br-40px {
  border-radius: 40px;
}

.mt-44px {
  margin-top: 44px !important;
}

.mb-44px {
  margin-bottom: 44px !important;
}

.ml-44px {
  margin-left: 44px;
}

.mr-44px {
  margin-right: 44px;
}

.pt-44px {
  padding-top: 44px;
}

.pl-44px {
  padding-left: 44px !important;
}

.pr-44px {
  padding-right: 44px !important;
}

.pb-44px {
  padding-bottom: 44px;
}

.w-44px {
  width: 44px;
}

.w-44px-important {
  width: 44px !important;
}

.mw-44px {
  min-width: 44px;
}

.h-44px {
  height: 44px;
}

.p-44px {
  padding: 44px;
}

.t-44px {
  top: 44px;
}

.b-44px {
  bottom: 44px;
}

.r-44px {
  right: 44px;
}

.l-44px {
  left: 44px;
}

.gap-44px {
  gap: 44px;
}

.br-44px {
  border-radius: 44px;
}

.mt-48px {
  margin-top: 48px !important;
}

.mb-48px {
  margin-bottom: 48px !important;
}

.ml-48px {
  margin-left: 48px;
}

.mr-48px {
  margin-right: 48px;
}

.pt-48px {
  padding-top: 48px;
}

.pl-48px {
  padding-left: 48px !important;
}

.pr-48px {
  padding-right: 48px !important;
}

.pb-48px {
  padding-bottom: 48px;
}

.w-48px {
  width: 48px;
}

.w-48px-important {
  width: 48px !important;
}

.mw-48px {
  min-width: 48px;
}

.h-48px {
  height: 48px;
}

.p-48px {
  padding: 48px;
}

.t-48px {
  top: 48px;
}

.b-48px {
  bottom: 48px;
}

.r-48px {
  right: 48px;
}

.l-48px {
  left: 48px;
}

.gap-48px {
  gap: 48px;
}

.br-48px {
  border-radius: 48px;
}

.mt-52px {
  margin-top: 52px !important;
}

.mb-52px {
  margin-bottom: 52px !important;
}

.ml-52px {
  margin-left: 52px;
}

.mr-52px {
  margin-right: 52px;
}

.pt-52px {
  padding-top: 52px;
}

.pl-52px {
  padding-left: 52px !important;
}

.pr-52px {
  padding-right: 52px !important;
}

.pb-52px {
  padding-bottom: 52px;
}

.w-52px {
  width: 52px;
}

.w-52px-important {
  width: 52px !important;
}

.mw-52px {
  min-width: 52px;
}

.h-52px {
  height: 52px;
}

.p-52px {
  padding: 52px;
}

.t-52px {
  top: 52px;
}

.b-52px {
  bottom: 52px;
}

.r-52px {
  right: 52px;
}

.l-52px {
  left: 52px;
}

.gap-52px {
  gap: 52px;
}

.br-52px {
  border-radius: 52px;
}

.mt-56px {
  margin-top: 56px !important;
}

.mb-56px {
  margin-bottom: 56px !important;
}

.ml-56px {
  margin-left: 56px;
}

.mr-56px {
  margin-right: 56px;
}

.pt-56px {
  padding-top: 56px;
}

.pl-56px {
  padding-left: 56px !important;
}

.pr-56px {
  padding-right: 56px !important;
}

.pb-56px {
  padding-bottom: 56px;
}

.w-56px {
  width: 56px;
}

.w-56px-important {
  width: 56px !important;
}

.mw-56px {
  min-width: 56px;
}

.h-56px {
  height: 56px;
}

.p-56px {
  padding: 56px;
}

.t-56px {
  top: 56px;
}

.b-56px {
  bottom: 56px;
}

.r-56px {
  right: 56px;
}

.l-56px {
  left: 56px;
}

.gap-56px {
  gap: 56px;
}

.br-56px {
  border-radius: 56px;
}

.mt-60px {
  margin-top: 60px !important;
}

.mb-60px {
  margin-bottom: 60px !important;
}

.ml-60px {
  margin-left: 60px;
}

.mr-60px {
  margin-right: 60px;
}

.pt-60px {
  padding-top: 60px;
}

.pl-60px {
  padding-left: 60px !important;
}

.pr-60px {
  padding-right: 60px !important;
}

.pb-60px {
  padding-bottom: 60px;
}

.w-60px {
  width: 60px;
}

.w-60px-important {
  width: 60px !important;
}

.mw-60px {
  min-width: 60px;
}

.h-60px {
  height: 60px;
}

.p-60px {
  padding: 60px;
}

.t-60px {
  top: 60px;
}

.b-60px {
  bottom: 60px;
}

.r-60px {
  right: 60px;
}

.l-60px {
  left: 60px;
}

.gap-60px {
  gap: 60px;
}

.br-60px {
  border-radius: 60px;
}

.mt-64px {
  margin-top: 64px !important;
}

.mb-64px {
  margin-bottom: 64px !important;
}

.ml-64px {
  margin-left: 64px;
}

.mr-64px {
  margin-right: 64px;
}

.pt-64px {
  padding-top: 64px;
}

.pl-64px {
  padding-left: 64px !important;
}

.pr-64px {
  padding-right: 64px !important;
}

.pb-64px {
  padding-bottom: 64px;
}

.w-64px {
  width: 64px;
}

.w-64px-important {
  width: 64px !important;
}

.mw-64px {
  min-width: 64px;
}

.h-64px {
  height: 64px;
}

.p-64px {
  padding: 64px;
}

.t-64px {
  top: 64px;
}

.b-64px {
  bottom: 64px;
}

.r-64px {
  right: 64px;
}

.l-64px {
  left: 64px;
}

.gap-64px {
  gap: 64px;
}

.br-64px {
  border-radius: 64px;
}

.mt-68px {
  margin-top: 68px !important;
}

.mb-68px {
  margin-bottom: 68px !important;
}

.ml-68px {
  margin-left: 68px;
}

.mr-68px {
  margin-right: 68px;
}

.pt-68px {
  padding-top: 68px;
}

.pl-68px {
  padding-left: 68px !important;
}

.pr-68px {
  padding-right: 68px !important;
}

.pb-68px {
  padding-bottom: 68px;
}

.w-68px {
  width: 68px;
}

.w-68px-important {
  width: 68px !important;
}

.mw-68px {
  min-width: 68px;
}

.h-68px {
  height: 68px;
}

.p-68px {
  padding: 68px;
}

.t-68px {
  top: 68px;
}

.b-68px {
  bottom: 68px;
}

.r-68px {
  right: 68px;
}

.l-68px {
  left: 68px;
}

.gap-68px {
  gap: 68px;
}

.br-68px {
  border-radius: 68px;
}

.mt-72px {
  margin-top: 72px !important;
}

.mb-72px {
  margin-bottom: 72px !important;
}

.ml-72px {
  margin-left: 72px;
}

.mr-72px {
  margin-right: 72px;
}

.pt-72px {
  padding-top: 72px;
}

.pl-72px {
  padding-left: 72px !important;
}

.pr-72px {
  padding-right: 72px !important;
}

.pb-72px {
  padding-bottom: 72px;
}

.w-72px {
  width: 72px;
}

.w-72px-important {
  width: 72px !important;
}

.mw-72px {
  min-width: 72px;
}

.h-72px {
  height: 72px;
}

.p-72px {
  padding: 72px;
}

.t-72px {
  top: 72px;
}

.b-72px {
  bottom: 72px;
}

.r-72px {
  right: 72px;
}

.l-72px {
  left: 72px;
}

.gap-72px {
  gap: 72px;
}

.br-72px {
  border-radius: 72px;
}

.mt-76px {
  margin-top: 76px !important;
}

.mb-76px {
  margin-bottom: 76px !important;
}

.ml-76px {
  margin-left: 76px;
}

.mr-76px {
  margin-right: 76px;
}

.pt-76px {
  padding-top: 76px;
}

.pl-76px {
  padding-left: 76px !important;
}

.pr-76px {
  padding-right: 76px !important;
}

.pb-76px {
  padding-bottom: 76px;
}

.w-76px {
  width: 76px;
}

.w-76px-important {
  width: 76px !important;
}

.mw-76px {
  min-width: 76px;
}

.h-76px {
  height: 76px;
}

.p-76px {
  padding: 76px;
}

.t-76px {
  top: 76px;
}

.b-76px {
  bottom: 76px;
}

.r-76px {
  right: 76px;
}

.l-76px {
  left: 76px;
}

.gap-76px {
  gap: 76px;
}

.br-76px {
  border-radius: 76px;
}

.mt-80px {
  margin-top: 80px !important;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.ml-80px {
  margin-left: 80px;
}

.mr-80px {
  margin-right: 80px;
}

.pt-80px {
  padding-top: 80px;
}

.pl-80px {
  padding-left: 80px !important;
}

.pr-80px {
  padding-right: 80px !important;
}

.pb-80px {
  padding-bottom: 80px;
}

.w-80px {
  width: 80px;
}

.w-80px-important {
  width: 80px !important;
}

.mw-80px {
  min-width: 80px;
}

.h-80px {
  height: 80px;
}

.p-80px {
  padding: 80px;
}

.t-80px {
  top: 80px;
}

.b-80px {
  bottom: 80px;
}

.r-80px {
  right: 80px;
}

.l-80px {
  left: 80px;
}

.gap-80px {
  gap: 80px;
}

.br-80px {
  border-radius: 80px;
}

.mt-84px {
  margin-top: 84px !important;
}

.mb-84px {
  margin-bottom: 84px !important;
}

.ml-84px {
  margin-left: 84px;
}

.mr-84px {
  margin-right: 84px;
}

.pt-84px {
  padding-top: 84px;
}

.pl-84px {
  padding-left: 84px !important;
}

.pr-84px {
  padding-right: 84px !important;
}

.pb-84px {
  padding-bottom: 84px;
}

.w-84px {
  width: 84px;
}

.w-84px-important {
  width: 84px !important;
}

.mw-84px {
  min-width: 84px;
}

.h-84px {
  height: 84px;
}

.p-84px {
  padding: 84px;
}

.t-84px {
  top: 84px;
}

.b-84px {
  bottom: 84px;
}

.r-84px {
  right: 84px;
}

.l-84px {
  left: 84px;
}

.gap-84px {
  gap: 84px;
}

.br-84px {
  border-radius: 84px;
}

.mt-88px {
  margin-top: 88px !important;
}

.mb-88px {
  margin-bottom: 88px !important;
}

.ml-88px {
  margin-left: 88px;
}

.mr-88px {
  margin-right: 88px;
}

.pt-88px {
  padding-top: 88px;
}

.pl-88px {
  padding-left: 88px !important;
}

.pr-88px {
  padding-right: 88px !important;
}

.pb-88px {
  padding-bottom: 88px;
}

.w-88px {
  width: 88px;
}

.w-88px-important {
  width: 88px !important;
}

.mw-88px {
  min-width: 88px;
}

.h-88px {
  height: 88px;
}

.p-88px {
  padding: 88px;
}

.t-88px {
  top: 88px;
}

.b-88px {
  bottom: 88px;
}

.r-88px {
  right: 88px;
}

.l-88px {
  left: 88px;
}

.gap-88px {
  gap: 88px;
}

.br-88px {
  border-radius: 88px;
}

.mt-92px {
  margin-top: 92px !important;
}

.mb-92px {
  margin-bottom: 92px !important;
}

.ml-92px {
  margin-left: 92px;
}

.mr-92px {
  margin-right: 92px;
}

.pt-92px {
  padding-top: 92px;
}

.pl-92px {
  padding-left: 92px !important;
}

.pr-92px {
  padding-right: 92px !important;
}

.pb-92px {
  padding-bottom: 92px;
}

.w-92px {
  width: 92px;
}

.w-92px-important {
  width: 92px !important;
}

.mw-92px {
  min-width: 92px;
}

.h-92px {
  height: 92px;
}

.p-92px {
  padding: 92px;
}

.t-92px {
  top: 92px;
}

.b-92px {
  bottom: 92px;
}

.r-92px {
  right: 92px;
}

.l-92px {
  left: 92px;
}

.gap-92px {
  gap: 92px;
}

.br-92px {
  border-radius: 92px;
}

.mt-96px {
  margin-top: 96px !important;
}

.mb-96px {
  margin-bottom: 96px !important;
}

.ml-96px {
  margin-left: 96px;
}

.mr-96px {
  margin-right: 96px;
}

.pt-96px {
  padding-top: 96px;
}

.pl-96px {
  padding-left: 96px !important;
}

.pr-96px {
  padding-right: 96px !important;
}

.pb-96px {
  padding-bottom: 96px;
}

.w-96px {
  width: 96px;
}

.w-96px-important {
  width: 96px !important;
}

.mw-96px {
  min-width: 96px;
}

.h-96px {
  height: 96px;
}

.p-96px {
  padding: 96px;
}

.t-96px {
  top: 96px;
}

.b-96px {
  bottom: 96px;
}

.r-96px {
  right: 96px;
}

.l-96px {
  left: 96px;
}

.gap-96px {
  gap: 96px;
}

.br-96px {
  border-radius: 96px;
}

.mt-100px {
  margin-top: 100px !important;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.ml-100px {
  margin-left: 100px;
}

.mr-100px {
  margin-right: 100px;
}

.pt-100px {
  padding-top: 100px;
}

.pl-100px {
  padding-left: 100px !important;
}

.pr-100px {
  padding-right: 100px !important;
}

.pb-100px {
  padding-bottom: 100px;
}

.w-100px {
  width: 100px;
}

.w-100px-important {
  width: 100px !important;
}

.mw-100px {
  min-width: 100px;
}

.h-100px {
  height: 100px;
}

.p-100px {
  padding: 100px;
}

.t-100px {
  top: 100px;
}

.b-100px {
  bottom: 100px;
}

.r-100px {
  right: 100px;
}

.l-100px {
  left: 100px;
}

.gap-100px {
  gap: 100px;
}

.br-100px {
  border-radius: 100px;
}

.mt-104px {
  margin-top: 104px !important;
}

.mb-104px {
  margin-bottom: 104px !important;
}

.ml-104px {
  margin-left: 104px;
}

.mr-104px {
  margin-right: 104px;
}

.pt-104px {
  padding-top: 104px;
}

.pl-104px {
  padding-left: 104px !important;
}

.pr-104px {
  padding-right: 104px !important;
}

.pb-104px {
  padding-bottom: 104px;
}

.w-104px {
  width: 104px;
}

.w-104px-important {
  width: 104px !important;
}

.mw-104px {
  min-width: 104px;
}

.h-104px {
  height: 104px;
}

.p-104px {
  padding: 104px;
}

.t-104px {
  top: 104px;
}

.b-104px {
  bottom: 104px;
}

.r-104px {
  right: 104px;
}

.l-104px {
  left: 104px;
}

.gap-104px {
  gap: 104px;
}

.br-104px {
  border-radius: 104px;
}

.mt-108px {
  margin-top: 108px !important;
}

.mb-108px {
  margin-bottom: 108px !important;
}

.ml-108px {
  margin-left: 108px;
}

.mr-108px {
  margin-right: 108px;
}

.pt-108px {
  padding-top: 108px;
}

.pl-108px {
  padding-left: 108px !important;
}

.pr-108px {
  padding-right: 108px !important;
}

.pb-108px {
  padding-bottom: 108px;
}

.w-108px {
  width: 108px;
}

.w-108px-important {
  width: 108px !important;
}

.mw-108px {
  min-width: 108px;
}

.h-108px {
  height: 108px;
}

.p-108px {
  padding: 108px;
}

.t-108px {
  top: 108px;
}

.b-108px {
  bottom: 108px;
}

.r-108px {
  right: 108px;
}

.l-108px {
  left: 108px;
}

.gap-108px {
  gap: 108px;
}

.br-108px {
  border-radius: 108px;
}

.mt-112px {
  margin-top: 112px !important;
}

.mb-112px {
  margin-bottom: 112px !important;
}

.ml-112px {
  margin-left: 112px;
}

.mr-112px {
  margin-right: 112px;
}

.pt-112px {
  padding-top: 112px;
}

.pl-112px {
  padding-left: 112px !important;
}

.pr-112px {
  padding-right: 112px !important;
}

.pb-112px {
  padding-bottom: 112px;
}

.w-112px {
  width: 112px;
}

.w-112px-important {
  width: 112px !important;
}

.mw-112px {
  min-width: 112px;
}

.h-112px {
  height: 112px;
}

.p-112px {
  padding: 112px;
}

.t-112px {
  top: 112px;
}

.b-112px {
  bottom: 112px;
}

.r-112px {
  right: 112px;
}

.l-112px {
  left: 112px;
}

.gap-112px {
  gap: 112px;
}

.br-112px {
  border-radius: 112px;
}

.mt-116px {
  margin-top: 116px !important;
}

.mb-116px {
  margin-bottom: 116px !important;
}

.ml-116px {
  margin-left: 116px;
}

.mr-116px {
  margin-right: 116px;
}

.pt-116px {
  padding-top: 116px;
}

.pl-116px {
  padding-left: 116px !important;
}

.pr-116px {
  padding-right: 116px !important;
}

.pb-116px {
  padding-bottom: 116px;
}

.w-116px {
  width: 116px;
}

.w-116px-important {
  width: 116px !important;
}

.mw-116px {
  min-width: 116px;
}

.h-116px {
  height: 116px;
}

.p-116px {
  padding: 116px;
}

.t-116px {
  top: 116px;
}

.b-116px {
  bottom: 116px;
}

.r-116px {
  right: 116px;
}

.l-116px {
  left: 116px;
}

.gap-116px {
  gap: 116px;
}

.br-116px {
  border-radius: 116px;
}

.mt-120px {
  margin-top: 120px !important;
}

.mb-120px {
  margin-bottom: 120px !important;
}

.ml-120px {
  margin-left: 120px;
}

.mr-120px {
  margin-right: 120px;
}

.pt-120px {
  padding-top: 120px;
}

.pl-120px {
  padding-left: 120px !important;
}

.pr-120px {
  padding-right: 120px !important;
}

.pb-120px {
  padding-bottom: 120px;
}

.w-120px {
  width: 120px;
}

.w-120px-important {
  width: 120px !important;
}

.mw-120px {
  min-width: 120px;
}

.h-120px {
  height: 120px;
}

.p-120px {
  padding: 120px;
}

.t-120px {
  top: 120px;
}

.b-120px {
  bottom: 120px;
}

.r-120px {
  right: 120px;
}

.l-120px {
  left: 120px;
}

.gap-120px {
  gap: 120px;
}

.br-120px {
  border-radius: 120px;
}

.mt-124px {
  margin-top: 124px !important;
}

.mb-124px {
  margin-bottom: 124px !important;
}

.ml-124px {
  margin-left: 124px;
}

.mr-124px {
  margin-right: 124px;
}

.pt-124px {
  padding-top: 124px;
}

.pl-124px {
  padding-left: 124px !important;
}

.pr-124px {
  padding-right: 124px !important;
}

.pb-124px {
  padding-bottom: 124px;
}

.w-124px {
  width: 124px;
}

.w-124px-important {
  width: 124px !important;
}

.mw-124px {
  min-width: 124px;
}

.h-124px {
  height: 124px;
}

.p-124px {
  padding: 124px;
}

.t-124px {
  top: 124px;
}

.b-124px {
  bottom: 124px;
}

.r-124px {
  right: 124px;
}

.l-124px {
  left: 124px;
}

.gap-124px {
  gap: 124px;
}

.br-124px {
  border-radius: 124px;
}

.mt-128px {
  margin-top: 128px !important;
}

.mb-128px {
  margin-bottom: 128px !important;
}

.ml-128px {
  margin-left: 128px;
}

.mr-128px {
  margin-right: 128px;
}

.pt-128px {
  padding-top: 128px;
}

.pl-128px {
  padding-left: 128px !important;
}

.pr-128px {
  padding-right: 128px !important;
}

.pb-128px {
  padding-bottom: 128px;
}

.w-128px {
  width: 128px;
}

.w-128px-important {
  width: 128px !important;
}

.mw-128px {
  min-width: 128px;
}

.h-128px {
  height: 128px;
}

.p-128px {
  padding: 128px;
}

.t-128px {
  top: 128px;
}

.b-128px {
  bottom: 128px;
}

.r-128px {
  right: 128px;
}

.l-128px {
  left: 128px;
}

.gap-128px {
  gap: 128px;
}

.br-128px {
  border-radius: 128px;
}

.mt-132px {
  margin-top: 132px !important;
}

.mb-132px {
  margin-bottom: 132px !important;
}

.ml-132px {
  margin-left: 132px;
}

.mr-132px {
  margin-right: 132px;
}

.pt-132px {
  padding-top: 132px;
}

.pl-132px {
  padding-left: 132px !important;
}

.pr-132px {
  padding-right: 132px !important;
}

.pb-132px {
  padding-bottom: 132px;
}

.w-132px {
  width: 132px;
}

.w-132px-important {
  width: 132px !important;
}

.mw-132px {
  min-width: 132px;
}

.h-132px {
  height: 132px;
}

.p-132px {
  padding: 132px;
}

.t-132px {
  top: 132px;
}

.b-132px {
  bottom: 132px;
}

.r-132px {
  right: 132px;
}

.l-132px {
  left: 132px;
}

.gap-132px {
  gap: 132px;
}

.br-132px {
  border-radius: 132px;
}

.mt-136px {
  margin-top: 136px !important;
}

.mb-136px {
  margin-bottom: 136px !important;
}

.ml-136px {
  margin-left: 136px;
}

.mr-136px {
  margin-right: 136px;
}

.pt-136px {
  padding-top: 136px;
}

.pl-136px {
  padding-left: 136px !important;
}

.pr-136px {
  padding-right: 136px !important;
}

.pb-136px {
  padding-bottom: 136px;
}

.w-136px {
  width: 136px;
}

.w-136px-important {
  width: 136px !important;
}

.mw-136px {
  min-width: 136px;
}

.h-136px {
  height: 136px;
}

.p-136px {
  padding: 136px;
}

.t-136px {
  top: 136px;
}

.b-136px {
  bottom: 136px;
}

.r-136px {
  right: 136px;
}

.l-136px {
  left: 136px;
}

.gap-136px {
  gap: 136px;
}

.br-136px {
  border-radius: 136px;
}

.mt-140px {
  margin-top: 140px !important;
}

.mb-140px {
  margin-bottom: 140px !important;
}

.ml-140px {
  margin-left: 140px;
}

.mr-140px {
  margin-right: 140px;
}

.pt-140px {
  padding-top: 140px;
}

.pl-140px {
  padding-left: 140px !important;
}

.pr-140px {
  padding-right: 140px !important;
}

.pb-140px {
  padding-bottom: 140px;
}

.w-140px {
  width: 140px;
}

.w-140px-important {
  width: 140px !important;
}

.mw-140px {
  min-width: 140px;
}

.h-140px {
  height: 140px;
}

.p-140px {
  padding: 140px;
}

.t-140px {
  top: 140px;
}

.b-140px {
  bottom: 140px;
}

.r-140px {
  right: 140px;
}

.l-140px {
  left: 140px;
}

.gap-140px {
  gap: 140px;
}

.br-140px {
  border-radius: 140px;
}

.mt-144px {
  margin-top: 144px !important;
}

.mb-144px {
  margin-bottom: 144px !important;
}

.ml-144px {
  margin-left: 144px;
}

.mr-144px {
  margin-right: 144px;
}

.pt-144px {
  padding-top: 144px;
}

.pl-144px {
  padding-left: 144px !important;
}

.pr-144px {
  padding-right: 144px !important;
}

.pb-144px {
  padding-bottom: 144px;
}

.w-144px {
  width: 144px;
}

.w-144px-important {
  width: 144px !important;
}

.mw-144px {
  min-width: 144px;
}

.h-144px {
  height: 144px;
}

.p-144px {
  padding: 144px;
}

.t-144px {
  top: 144px;
}

.b-144px {
  bottom: 144px;
}

.r-144px {
  right: 144px;
}

.l-144px {
  left: 144px;
}

.gap-144px {
  gap: 144px;
}

.br-144px {
  border-radius: 144px;
}

.mt-148px {
  margin-top: 148px !important;
}

.mb-148px {
  margin-bottom: 148px !important;
}

.ml-148px {
  margin-left: 148px;
}

.mr-148px {
  margin-right: 148px;
}

.pt-148px {
  padding-top: 148px;
}

.pl-148px {
  padding-left: 148px !important;
}

.pr-148px {
  padding-right: 148px !important;
}

.pb-148px {
  padding-bottom: 148px;
}

.w-148px {
  width: 148px;
}

.w-148px-important {
  width: 148px !important;
}

.mw-148px {
  min-width: 148px;
}

.h-148px {
  height: 148px;
}

.p-148px {
  padding: 148px;
}

.t-148px {
  top: 148px;
}

.b-148px {
  bottom: 148px;
}

.r-148px {
  right: 148px;
}

.l-148px {
  left: 148px;
}

.gap-148px {
  gap: 148px;
}

.br-148px {
  border-radius: 148px;
}

.mt-152px {
  margin-top: 152px !important;
}

.mb-152px {
  margin-bottom: 152px !important;
}

.ml-152px {
  margin-left: 152px;
}

.mr-152px {
  margin-right: 152px;
}

.pt-152px {
  padding-top: 152px;
}

.pl-152px {
  padding-left: 152px !important;
}

.pr-152px {
  padding-right: 152px !important;
}

.pb-152px {
  padding-bottom: 152px;
}

.w-152px {
  width: 152px;
}

.w-152px-important {
  width: 152px !important;
}

.mw-152px {
  min-width: 152px;
}

.h-152px {
  height: 152px;
}

.p-152px {
  padding: 152px;
}

.t-152px {
  top: 152px;
}

.b-152px {
  bottom: 152px;
}

.r-152px {
  right: 152px;
}

.l-152px {
  left: 152px;
}

.gap-152px {
  gap: 152px;
}

.br-152px {
  border-radius: 152px;
}

.mt-156px {
  margin-top: 156px !important;
}

.mb-156px {
  margin-bottom: 156px !important;
}

.ml-156px {
  margin-left: 156px;
}

.mr-156px {
  margin-right: 156px;
}

.pt-156px {
  padding-top: 156px;
}

.pl-156px {
  padding-left: 156px !important;
}

.pr-156px {
  padding-right: 156px !important;
}

.pb-156px {
  padding-bottom: 156px;
}

.w-156px {
  width: 156px;
}

.w-156px-important {
  width: 156px !important;
}

.mw-156px {
  min-width: 156px;
}

.h-156px {
  height: 156px;
}

.p-156px {
  padding: 156px;
}

.t-156px {
  top: 156px;
}

.b-156px {
  bottom: 156px;
}

.r-156px {
  right: 156px;
}

.l-156px {
  left: 156px;
}

.gap-156px {
  gap: 156px;
}

.br-156px {
  border-radius: 156px;
}

.mt-160px {
  margin-top: 160px !important;
}

.mb-160px {
  margin-bottom: 160px !important;
}

.ml-160px {
  margin-left: 160px;
}

.mr-160px {
  margin-right: 160px;
}

.pt-160px {
  padding-top: 160px;
}

.pl-160px {
  padding-left: 160px !important;
}

.pr-160px {
  padding-right: 160px !important;
}

.pb-160px {
  padding-bottom: 160px;
}

.w-160px {
  width: 160px;
}

.w-160px-important {
  width: 160px !important;
}

.mw-160px {
  min-width: 160px;
}

.h-160px {
  height: 160px;
}

.p-160px {
  padding: 160px;
}

.t-160px {
  top: 160px;
}

.b-160px {
  bottom: 160px;
}

.r-160px {
  right: 160px;
}

.l-160px {
  left: 160px;
}

.gap-160px {
  gap: 160px;
}

.br-160px {
  border-radius: 160px;
}

.mt-164px {
  margin-top: 164px !important;
}

.mb-164px {
  margin-bottom: 164px !important;
}

.ml-164px {
  margin-left: 164px;
}

.mr-164px {
  margin-right: 164px;
}

.pt-164px {
  padding-top: 164px;
}

.pl-164px {
  padding-left: 164px !important;
}

.pr-164px {
  padding-right: 164px !important;
}

.pb-164px {
  padding-bottom: 164px;
}

.w-164px {
  width: 164px;
}

.w-164px-important {
  width: 164px !important;
}

.mw-164px {
  min-width: 164px;
}

.h-164px {
  height: 164px;
}

.p-164px {
  padding: 164px;
}

.t-164px {
  top: 164px;
}

.b-164px {
  bottom: 164px;
}

.r-164px {
  right: 164px;
}

.l-164px {
  left: 164px;
}

.gap-164px {
  gap: 164px;
}

.br-164px {
  border-radius: 164px;
}

.mt-168px {
  margin-top: 168px !important;
}

.mb-168px {
  margin-bottom: 168px !important;
}

.ml-168px {
  margin-left: 168px;
}

.mr-168px {
  margin-right: 168px;
}

.pt-168px {
  padding-top: 168px;
}

.pl-168px {
  padding-left: 168px !important;
}

.pr-168px {
  padding-right: 168px !important;
}

.pb-168px {
  padding-bottom: 168px;
}

.w-168px {
  width: 168px;
}

.w-168px-important {
  width: 168px !important;
}

.mw-168px {
  min-width: 168px;
}

.h-168px {
  height: 168px;
}

.p-168px {
  padding: 168px;
}

.t-168px {
  top: 168px;
}

.b-168px {
  bottom: 168px;
}

.r-168px {
  right: 168px;
}

.l-168px {
  left: 168px;
}

.gap-168px {
  gap: 168px;
}

.br-168px {
  border-radius: 168px;
}

.mt-172px {
  margin-top: 172px !important;
}

.mb-172px {
  margin-bottom: 172px !important;
}

.ml-172px {
  margin-left: 172px;
}

.mr-172px {
  margin-right: 172px;
}

.pt-172px {
  padding-top: 172px;
}

.pl-172px {
  padding-left: 172px !important;
}

.pr-172px {
  padding-right: 172px !important;
}

.pb-172px {
  padding-bottom: 172px;
}

.w-172px {
  width: 172px;
}

.w-172px-important {
  width: 172px !important;
}

.mw-172px {
  min-width: 172px;
}

.h-172px {
  height: 172px;
}

.p-172px {
  padding: 172px;
}

.t-172px {
  top: 172px;
}

.b-172px {
  bottom: 172px;
}

.r-172px {
  right: 172px;
}

.l-172px {
  left: 172px;
}

.gap-172px {
  gap: 172px;
}

.br-172px {
  border-radius: 172px;
}

.mt-176px {
  margin-top: 176px !important;
}

.mb-176px {
  margin-bottom: 176px !important;
}

.ml-176px {
  margin-left: 176px;
}

.mr-176px {
  margin-right: 176px;
}

.pt-176px {
  padding-top: 176px;
}

.pl-176px {
  padding-left: 176px !important;
}

.pr-176px {
  padding-right: 176px !important;
}

.pb-176px {
  padding-bottom: 176px;
}

.w-176px {
  width: 176px;
}

.w-176px-important {
  width: 176px !important;
}

.mw-176px {
  min-width: 176px;
}

.h-176px {
  height: 176px;
}

.p-176px {
  padding: 176px;
}

.t-176px {
  top: 176px;
}

.b-176px {
  bottom: 176px;
}

.r-176px {
  right: 176px;
}

.l-176px {
  left: 176px;
}

.gap-176px {
  gap: 176px;
}

.br-176px {
  border-radius: 176px;
}

.mt-180px {
  margin-top: 180px !important;
}

.mb-180px {
  margin-bottom: 180px !important;
}

.ml-180px {
  margin-left: 180px;
}

.mr-180px {
  margin-right: 180px;
}

.pt-180px {
  padding-top: 180px;
}

.pl-180px {
  padding-left: 180px !important;
}

.pr-180px {
  padding-right: 180px !important;
}

.pb-180px {
  padding-bottom: 180px;
}

.w-180px {
  width: 180px;
}

.w-180px-important {
  width: 180px !important;
}

.mw-180px {
  min-width: 180px;
}

.h-180px {
  height: 180px;
}

.p-180px {
  padding: 180px;
}

.t-180px {
  top: 180px;
}

.b-180px {
  bottom: 180px;
}

.r-180px {
  right: 180px;
}

.l-180px {
  left: 180px;
}

.gap-180px {
  gap: 180px;
}

.br-180px {
  border-radius: 180px;
}

.mt-184px {
  margin-top: 184px !important;
}

.mb-184px {
  margin-bottom: 184px !important;
}

.ml-184px {
  margin-left: 184px;
}

.mr-184px {
  margin-right: 184px;
}

.pt-184px {
  padding-top: 184px;
}

.pl-184px {
  padding-left: 184px !important;
}

.pr-184px {
  padding-right: 184px !important;
}

.pb-184px {
  padding-bottom: 184px;
}

.w-184px {
  width: 184px;
}

.w-184px-important {
  width: 184px !important;
}

.mw-184px {
  min-width: 184px;
}

.h-184px {
  height: 184px;
}

.p-184px {
  padding: 184px;
}

.t-184px {
  top: 184px;
}

.b-184px {
  bottom: 184px;
}

.r-184px {
  right: 184px;
}

.l-184px {
  left: 184px;
}

.gap-184px {
  gap: 184px;
}

.br-184px {
  border-radius: 184px;
}

.mt-188px {
  margin-top: 188px !important;
}

.mb-188px {
  margin-bottom: 188px !important;
}

.ml-188px {
  margin-left: 188px;
}

.mr-188px {
  margin-right: 188px;
}

.pt-188px {
  padding-top: 188px;
}

.pl-188px {
  padding-left: 188px !important;
}

.pr-188px {
  padding-right: 188px !important;
}

.pb-188px {
  padding-bottom: 188px;
}

.w-188px {
  width: 188px;
}

.w-188px-important {
  width: 188px !important;
}

.mw-188px {
  min-width: 188px;
}

.h-188px {
  height: 188px;
}

.p-188px {
  padding: 188px;
}

.t-188px {
  top: 188px;
}

.b-188px {
  bottom: 188px;
}

.r-188px {
  right: 188px;
}

.l-188px {
  left: 188px;
}

.gap-188px {
  gap: 188px;
}

.br-188px {
  border-radius: 188px;
}

.mt-192px {
  margin-top: 192px !important;
}

.mb-192px {
  margin-bottom: 192px !important;
}

.ml-192px {
  margin-left: 192px;
}

.mr-192px {
  margin-right: 192px;
}

.pt-192px {
  padding-top: 192px;
}

.pl-192px {
  padding-left: 192px !important;
}

.pr-192px {
  padding-right: 192px !important;
}

.pb-192px {
  padding-bottom: 192px;
}

.w-192px {
  width: 192px;
}

.w-192px-important {
  width: 192px !important;
}

.mw-192px {
  min-width: 192px;
}

.h-192px {
  height: 192px;
}

.p-192px {
  padding: 192px;
}

.t-192px {
  top: 192px;
}

.b-192px {
  bottom: 192px;
}

.r-192px {
  right: 192px;
}

.l-192px {
  left: 192px;
}

.gap-192px {
  gap: 192px;
}

.br-192px {
  border-radius: 192px;
}

.mt-196px {
  margin-top: 196px !important;
}

.mb-196px {
  margin-bottom: 196px !important;
}

.ml-196px {
  margin-left: 196px;
}

.mr-196px {
  margin-right: 196px;
}

.pt-196px {
  padding-top: 196px;
}

.pl-196px {
  padding-left: 196px !important;
}

.pr-196px {
  padding-right: 196px !important;
}

.pb-196px {
  padding-bottom: 196px;
}

.w-196px {
  width: 196px;
}

.w-196px-important {
  width: 196px !important;
}

.mw-196px {
  min-width: 196px;
}

.h-196px {
  height: 196px;
}

.p-196px {
  padding: 196px;
}

.t-196px {
  top: 196px;
}

.b-196px {
  bottom: 196px;
}

.r-196px {
  right: 196px;
}

.l-196px {
  left: 196px;
}

.gap-196px {
  gap: 196px;
}

.br-196px {
  border-radius: 196px;
}

.mt-200px {
  margin-top: 200px !important;
}

.mb-200px {
  margin-bottom: 200px !important;
}

.ml-200px {
  margin-left: 200px;
}

.mr-200px {
  margin-right: 200px;
}

.pt-200px {
  padding-top: 200px;
}

.pl-200px {
  padding-left: 200px !important;
}

.pr-200px {
  padding-right: 200px !important;
}

.pb-200px {
  padding-bottom: 200px;
}

.w-200px {
  width: 200px;
}

.w-200px-important {
  width: 200px !important;
}

.mw-200px {
  min-width: 200px;
}

.h-200px {
  height: 200px;
}

.p-200px {
  padding: 200px;
}

.t-200px {
  top: 200px;
}

.b-200px {
  bottom: 200px;
}

.r-200px {
  right: 200px;
}

.l-200px {
  left: 200px;
}

.gap-200px {
  gap: 200px;
}

.br-200px {
  border-radius: 200px;
}

.mt-204px {
  margin-top: 204px !important;
}

.mb-204px {
  margin-bottom: 204px !important;
}

.ml-204px {
  margin-left: 204px;
}

.mr-204px {
  margin-right: 204px;
}

.pt-204px {
  padding-top: 204px;
}

.pl-204px {
  padding-left: 204px !important;
}

.pr-204px {
  padding-right: 204px !important;
}

.pb-204px {
  padding-bottom: 204px;
}

.w-204px {
  width: 204px;
}

.w-204px-important {
  width: 204px !important;
}

.mw-204px {
  min-width: 204px;
}

.h-204px {
  height: 204px;
}

.p-204px {
  padding: 204px;
}

.t-204px {
  top: 204px;
}

.b-204px {
  bottom: 204px;
}

.r-204px {
  right: 204px;
}

.l-204px {
  left: 204px;
}

.gap-204px {
  gap: 204px;
}

.br-204px {
  border-radius: 204px;
}

.mt-208px {
  margin-top: 208px !important;
}

.mb-208px {
  margin-bottom: 208px !important;
}

.ml-208px {
  margin-left: 208px;
}

.mr-208px {
  margin-right: 208px;
}

.pt-208px {
  padding-top: 208px;
}

.pl-208px {
  padding-left: 208px !important;
}

.pr-208px {
  padding-right: 208px !important;
}

.pb-208px {
  padding-bottom: 208px;
}

.w-208px {
  width: 208px;
}

.w-208px-important {
  width: 208px !important;
}

.mw-208px {
  min-width: 208px;
}

.h-208px {
  height: 208px;
}

.p-208px {
  padding: 208px;
}

.t-208px {
  top: 208px;
}

.b-208px {
  bottom: 208px;
}

.r-208px {
  right: 208px;
}

.l-208px {
  left: 208px;
}

.gap-208px {
  gap: 208px;
}

.br-208px {
  border-radius: 208px;
}

.mt-212px {
  margin-top: 212px !important;
}

.mb-212px {
  margin-bottom: 212px !important;
}

.ml-212px {
  margin-left: 212px;
}

.mr-212px {
  margin-right: 212px;
}

.pt-212px {
  padding-top: 212px;
}

.pl-212px {
  padding-left: 212px !important;
}

.pr-212px {
  padding-right: 212px !important;
}

.pb-212px {
  padding-bottom: 212px;
}

.w-212px {
  width: 212px;
}

.w-212px-important {
  width: 212px !important;
}

.mw-212px {
  min-width: 212px;
}

.h-212px {
  height: 212px;
}

.p-212px {
  padding: 212px;
}

.t-212px {
  top: 212px;
}

.b-212px {
  bottom: 212px;
}

.r-212px {
  right: 212px;
}

.l-212px {
  left: 212px;
}

.gap-212px {
  gap: 212px;
}

.br-212px {
  border-radius: 212px;
}

.mt-216px {
  margin-top: 216px !important;
}

.mb-216px {
  margin-bottom: 216px !important;
}

.ml-216px {
  margin-left: 216px;
}

.mr-216px {
  margin-right: 216px;
}

.pt-216px {
  padding-top: 216px;
}

.pl-216px {
  padding-left: 216px !important;
}

.pr-216px {
  padding-right: 216px !important;
}

.pb-216px {
  padding-bottom: 216px;
}

.w-216px {
  width: 216px;
}

.w-216px-important {
  width: 216px !important;
}

.mw-216px {
  min-width: 216px;
}

.h-216px {
  height: 216px;
}

.p-216px {
  padding: 216px;
}

.t-216px {
  top: 216px;
}

.b-216px {
  bottom: 216px;
}

.r-216px {
  right: 216px;
}

.l-216px {
  left: 216px;
}

.gap-216px {
  gap: 216px;
}

.br-216px {
  border-radius: 216px;
}

.mt-220px {
  margin-top: 220px !important;
}

.mb-220px {
  margin-bottom: 220px !important;
}

.ml-220px {
  margin-left: 220px;
}

.mr-220px {
  margin-right: 220px;
}

.pt-220px {
  padding-top: 220px;
}

.pl-220px {
  padding-left: 220px !important;
}

.pr-220px {
  padding-right: 220px !important;
}

.pb-220px {
  padding-bottom: 220px;
}

.w-220px {
  width: 220px;
}

.w-220px-important {
  width: 220px !important;
}

.mw-220px {
  min-width: 220px;
}

.h-220px {
  height: 220px;
}

.p-220px {
  padding: 220px;
}

.t-220px {
  top: 220px;
}

.b-220px {
  bottom: 220px;
}

.r-220px {
  right: 220px;
}

.l-220px {
  left: 220px;
}

.gap-220px {
  gap: 220px;
}

.br-220px {
  border-radius: 220px;
}

.mt-224px {
  margin-top: 224px !important;
}

.mb-224px {
  margin-bottom: 224px !important;
}

.ml-224px {
  margin-left: 224px;
}

.mr-224px {
  margin-right: 224px;
}

.pt-224px {
  padding-top: 224px;
}

.pl-224px {
  padding-left: 224px !important;
}

.pr-224px {
  padding-right: 224px !important;
}

.pb-224px {
  padding-bottom: 224px;
}

.w-224px {
  width: 224px;
}

.w-224px-important {
  width: 224px !important;
}

.mw-224px {
  min-width: 224px;
}

.h-224px {
  height: 224px;
}

.p-224px {
  padding: 224px;
}

.t-224px {
  top: 224px;
}

.b-224px {
  bottom: 224px;
}

.r-224px {
  right: 224px;
}

.l-224px {
  left: 224px;
}

.gap-224px {
  gap: 224px;
}

.br-224px {
  border-radius: 224px;
}

.mt-228px {
  margin-top: 228px !important;
}

.mb-228px {
  margin-bottom: 228px !important;
}

.ml-228px {
  margin-left: 228px;
}

.mr-228px {
  margin-right: 228px;
}

.pt-228px {
  padding-top: 228px;
}

.pl-228px {
  padding-left: 228px !important;
}

.pr-228px {
  padding-right: 228px !important;
}

.pb-228px {
  padding-bottom: 228px;
}

.w-228px {
  width: 228px;
}

.w-228px-important {
  width: 228px !important;
}

.mw-228px {
  min-width: 228px;
}

.h-228px {
  height: 228px;
}

.p-228px {
  padding: 228px;
}

.t-228px {
  top: 228px;
}

.b-228px {
  bottom: 228px;
}

.r-228px {
  right: 228px;
}

.l-228px {
  left: 228px;
}

.gap-228px {
  gap: 228px;
}

.br-228px {
  border-radius: 228px;
}

.mt-232px {
  margin-top: 232px !important;
}

.mb-232px {
  margin-bottom: 232px !important;
}

.ml-232px {
  margin-left: 232px;
}

.mr-232px {
  margin-right: 232px;
}

.pt-232px {
  padding-top: 232px;
}

.pl-232px {
  padding-left: 232px !important;
}

.pr-232px {
  padding-right: 232px !important;
}

.pb-232px {
  padding-bottom: 232px;
}

.w-232px {
  width: 232px;
}

.w-232px-important {
  width: 232px !important;
}

.mw-232px {
  min-width: 232px;
}

.h-232px {
  height: 232px;
}

.p-232px {
  padding: 232px;
}

.t-232px {
  top: 232px;
}

.b-232px {
  bottom: 232px;
}

.r-232px {
  right: 232px;
}

.l-232px {
  left: 232px;
}

.gap-232px {
  gap: 232px;
}

.br-232px {
  border-radius: 232px;
}

.mt-236px {
  margin-top: 236px !important;
}

.mb-236px {
  margin-bottom: 236px !important;
}

.ml-236px {
  margin-left: 236px;
}

.mr-236px {
  margin-right: 236px;
}

.pt-236px {
  padding-top: 236px;
}

.pl-236px {
  padding-left: 236px !important;
}

.pr-236px {
  padding-right: 236px !important;
}

.pb-236px {
  padding-bottom: 236px;
}

.w-236px {
  width: 236px;
}

.w-236px-important {
  width: 236px !important;
}

.mw-236px {
  min-width: 236px;
}

.h-236px {
  height: 236px;
}

.p-236px {
  padding: 236px;
}

.t-236px {
  top: 236px;
}

.b-236px {
  bottom: 236px;
}

.r-236px {
  right: 236px;
}

.l-236px {
  left: 236px;
}

.gap-236px {
  gap: 236px;
}

.br-236px {
  border-radius: 236px;
}

.mt-240px {
  margin-top: 240px !important;
}

.mb-240px {
  margin-bottom: 240px !important;
}

.ml-240px {
  margin-left: 240px;
}

.mr-240px {
  margin-right: 240px;
}

.pt-240px {
  padding-top: 240px;
}

.pl-240px {
  padding-left: 240px !important;
}

.pr-240px {
  padding-right: 240px !important;
}

.pb-240px {
  padding-bottom: 240px;
}

.w-240px {
  width: 240px;
}

.w-240px-important {
  width: 240px !important;
}

.mw-240px {
  min-width: 240px;
}

.h-240px {
  height: 240px;
}

.p-240px {
  padding: 240px;
}

.t-240px {
  top: 240px;
}

.b-240px {
  bottom: 240px;
}

.r-240px {
  right: 240px;
}

.l-240px {
  left: 240px;
}

.gap-240px {
  gap: 240px;
}

.br-240px {
  border-radius: 240px;
}

.mt-244px {
  margin-top: 244px !important;
}

.mb-244px {
  margin-bottom: 244px !important;
}

.ml-244px {
  margin-left: 244px;
}

.mr-244px {
  margin-right: 244px;
}

.pt-244px {
  padding-top: 244px;
}

.pl-244px {
  padding-left: 244px !important;
}

.pr-244px {
  padding-right: 244px !important;
}

.pb-244px {
  padding-bottom: 244px;
}

.w-244px {
  width: 244px;
}

.w-244px-important {
  width: 244px !important;
}

.mw-244px {
  min-width: 244px;
}

.h-244px {
  height: 244px;
}

.p-244px {
  padding: 244px;
}

.t-244px {
  top: 244px;
}

.b-244px {
  bottom: 244px;
}

.r-244px {
  right: 244px;
}

.l-244px {
  left: 244px;
}

.gap-244px {
  gap: 244px;
}

.br-244px {
  border-radius: 244px;
}

.mt-248px {
  margin-top: 248px !important;
}

.mb-248px {
  margin-bottom: 248px !important;
}

.ml-248px {
  margin-left: 248px;
}

.mr-248px {
  margin-right: 248px;
}

.pt-248px {
  padding-top: 248px;
}

.pl-248px {
  padding-left: 248px !important;
}

.pr-248px {
  padding-right: 248px !important;
}

.pb-248px {
  padding-bottom: 248px;
}

.w-248px {
  width: 248px;
}

.w-248px-important {
  width: 248px !important;
}

.mw-248px {
  min-width: 248px;
}

.h-248px {
  height: 248px;
}

.p-248px {
  padding: 248px;
}

.t-248px {
  top: 248px;
}

.b-248px {
  bottom: 248px;
}

.r-248px {
  right: 248px;
}

.l-248px {
  left: 248px;
}

.gap-248px {
  gap: 248px;
}

.br-248px {
  border-radius: 248px;
}

.mt-252px {
  margin-top: 252px !important;
}

.mb-252px {
  margin-bottom: 252px !important;
}

.ml-252px {
  margin-left: 252px;
}

.mr-252px {
  margin-right: 252px;
}

.pt-252px {
  padding-top: 252px;
}

.pl-252px {
  padding-left: 252px !important;
}

.pr-252px {
  padding-right: 252px !important;
}

.pb-252px {
  padding-bottom: 252px;
}

.w-252px {
  width: 252px;
}

.w-252px-important {
  width: 252px !important;
}

.mw-252px {
  min-width: 252px;
}

.h-252px {
  height: 252px;
}

.p-252px {
  padding: 252px;
}

.t-252px {
  top: 252px;
}

.b-252px {
  bottom: 252px;
}

.r-252px {
  right: 252px;
}

.l-252px {
  left: 252px;
}

.gap-252px {
  gap: 252px;
}

.br-252px {
  border-radius: 252px;
}

.mt-256px {
  margin-top: 256px !important;
}

.mb-256px {
  margin-bottom: 256px !important;
}

.ml-256px {
  margin-left: 256px;
}

.mr-256px {
  margin-right: 256px;
}

.pt-256px {
  padding-top: 256px;
}

.pl-256px {
  padding-left: 256px !important;
}

.pr-256px {
  padding-right: 256px !important;
}

.pb-256px {
  padding-bottom: 256px;
}

.w-256px {
  width: 256px;
}

.w-256px-important {
  width: 256px !important;
}

.mw-256px {
  min-width: 256px;
}

.h-256px {
  height: 256px;
}

.p-256px {
  padding: 256px;
}

.t-256px {
  top: 256px;
}

.b-256px {
  bottom: 256px;
}

.r-256px {
  right: 256px;
}

.l-256px {
  left: 256px;
}

.gap-256px {
  gap: 256px;
}

.br-256px {
  border-radius: 256px;
}

.mt-260px {
  margin-top: 260px !important;
}

.mb-260px {
  margin-bottom: 260px !important;
}

.ml-260px {
  margin-left: 260px;
}

.mr-260px {
  margin-right: 260px;
}

.pt-260px {
  padding-top: 260px;
}

.pl-260px {
  padding-left: 260px !important;
}

.pr-260px {
  padding-right: 260px !important;
}

.pb-260px {
  padding-bottom: 260px;
}

.w-260px {
  width: 260px;
}

.w-260px-important {
  width: 260px !important;
}

.mw-260px {
  min-width: 260px;
}

.h-260px {
  height: 260px;
}

.p-260px {
  padding: 260px;
}

.t-260px {
  top: 260px;
}

.b-260px {
  bottom: 260px;
}

.r-260px {
  right: 260px;
}

.l-260px {
  left: 260px;
}

.gap-260px {
  gap: 260px;
}

.br-260px {
  border-radius: 260px;
}

.mt-264px {
  margin-top: 264px !important;
}

.mb-264px {
  margin-bottom: 264px !important;
}

.ml-264px {
  margin-left: 264px;
}

.mr-264px {
  margin-right: 264px;
}

.pt-264px {
  padding-top: 264px;
}

.pl-264px {
  padding-left: 264px !important;
}

.pr-264px {
  padding-right: 264px !important;
}

.pb-264px {
  padding-bottom: 264px;
}

.w-264px {
  width: 264px;
}

.w-264px-important {
  width: 264px !important;
}

.mw-264px {
  min-width: 264px;
}

.h-264px {
  height: 264px;
}

.p-264px {
  padding: 264px;
}

.t-264px {
  top: 264px;
}

.b-264px {
  bottom: 264px;
}

.r-264px {
  right: 264px;
}

.l-264px {
  left: 264px;
}

.gap-264px {
  gap: 264px;
}

.br-264px {
  border-radius: 264px;
}

.mt-268px {
  margin-top: 268px !important;
}

.mb-268px {
  margin-bottom: 268px !important;
}

.ml-268px {
  margin-left: 268px;
}

.mr-268px {
  margin-right: 268px;
}

.pt-268px {
  padding-top: 268px;
}

.pl-268px {
  padding-left: 268px !important;
}

.pr-268px {
  padding-right: 268px !important;
}

.pb-268px {
  padding-bottom: 268px;
}

.w-268px {
  width: 268px;
}

.w-268px-important {
  width: 268px !important;
}

.mw-268px {
  min-width: 268px;
}

.h-268px {
  height: 268px;
}

.p-268px {
  padding: 268px;
}

.t-268px {
  top: 268px;
}

.b-268px {
  bottom: 268px;
}

.r-268px {
  right: 268px;
}

.l-268px {
  left: 268px;
}

.gap-268px {
  gap: 268px;
}

.br-268px {
  border-radius: 268px;
}

.mt-272px {
  margin-top: 272px !important;
}

.mb-272px {
  margin-bottom: 272px !important;
}

.ml-272px {
  margin-left: 272px;
}

.mr-272px {
  margin-right: 272px;
}

.pt-272px {
  padding-top: 272px;
}

.pl-272px {
  padding-left: 272px !important;
}

.pr-272px {
  padding-right: 272px !important;
}

.pb-272px {
  padding-bottom: 272px;
}

.w-272px {
  width: 272px;
}

.w-272px-important {
  width: 272px !important;
}

.mw-272px {
  min-width: 272px;
}

.h-272px {
  height: 272px;
}

.p-272px {
  padding: 272px;
}

.t-272px {
  top: 272px;
}

.b-272px {
  bottom: 272px;
}

.r-272px {
  right: 272px;
}

.l-272px {
  left: 272px;
}

.gap-272px {
  gap: 272px;
}

.br-272px {
  border-radius: 272px;
}

.mt-276px {
  margin-top: 276px !important;
}

.mb-276px {
  margin-bottom: 276px !important;
}

.ml-276px {
  margin-left: 276px;
}

.mr-276px {
  margin-right: 276px;
}

.pt-276px {
  padding-top: 276px;
}

.pl-276px {
  padding-left: 276px !important;
}

.pr-276px {
  padding-right: 276px !important;
}

.pb-276px {
  padding-bottom: 276px;
}

.w-276px {
  width: 276px;
}

.w-276px-important {
  width: 276px !important;
}

.mw-276px {
  min-width: 276px;
}

.h-276px {
  height: 276px;
}

.p-276px {
  padding: 276px;
}

.t-276px {
  top: 276px;
}

.b-276px {
  bottom: 276px;
}

.r-276px {
  right: 276px;
}

.l-276px {
  left: 276px;
}

.gap-276px {
  gap: 276px;
}

.br-276px {
  border-radius: 276px;
}

.mt-280px {
  margin-top: 280px !important;
}

.mb-280px {
  margin-bottom: 280px !important;
}

.ml-280px {
  margin-left: 280px;
}

.mr-280px {
  margin-right: 280px;
}

.pt-280px {
  padding-top: 280px;
}

.pl-280px {
  padding-left: 280px !important;
}

.pr-280px {
  padding-right: 280px !important;
}

.pb-280px {
  padding-bottom: 280px;
}

.w-280px {
  width: 280px;
}

.w-280px-important {
  width: 280px !important;
}

.mw-280px {
  min-width: 280px;
}

.h-280px {
  height: 280px;
}

.p-280px {
  padding: 280px;
}

.t-280px {
  top: 280px;
}

.b-280px {
  bottom: 280px;
}

.r-280px {
  right: 280px;
}

.l-280px {
  left: 280px;
}

.gap-280px {
  gap: 280px;
}

.br-280px {
  border-radius: 280px;
}

.mt-284px {
  margin-top: 284px !important;
}

.mb-284px {
  margin-bottom: 284px !important;
}

.ml-284px {
  margin-left: 284px;
}

.mr-284px {
  margin-right: 284px;
}

.pt-284px {
  padding-top: 284px;
}

.pl-284px {
  padding-left: 284px !important;
}

.pr-284px {
  padding-right: 284px !important;
}

.pb-284px {
  padding-bottom: 284px;
}

.w-284px {
  width: 284px;
}

.w-284px-important {
  width: 284px !important;
}

.mw-284px {
  min-width: 284px;
}

.h-284px {
  height: 284px;
}

.p-284px {
  padding: 284px;
}

.t-284px {
  top: 284px;
}

.b-284px {
  bottom: 284px;
}

.r-284px {
  right: 284px;
}

.l-284px {
  left: 284px;
}

.gap-284px {
  gap: 284px;
}

.br-284px {
  border-radius: 284px;
}

.mt-288px {
  margin-top: 288px !important;
}

.mb-288px {
  margin-bottom: 288px !important;
}

.ml-288px {
  margin-left: 288px;
}

.mr-288px {
  margin-right: 288px;
}

.pt-288px {
  padding-top: 288px;
}

.pl-288px {
  padding-left: 288px !important;
}

.pr-288px {
  padding-right: 288px !important;
}

.pb-288px {
  padding-bottom: 288px;
}

.w-288px {
  width: 288px;
}

.w-288px-important {
  width: 288px !important;
}

.mw-288px {
  min-width: 288px;
}

.h-288px {
  height: 288px;
}

.p-288px {
  padding: 288px;
}

.t-288px {
  top: 288px;
}

.b-288px {
  bottom: 288px;
}

.r-288px {
  right: 288px;
}

.l-288px {
  left: 288px;
}

.gap-288px {
  gap: 288px;
}

.br-288px {
  border-radius: 288px;
}

.mt-292px {
  margin-top: 292px !important;
}

.mb-292px {
  margin-bottom: 292px !important;
}

.ml-292px {
  margin-left: 292px;
}

.mr-292px {
  margin-right: 292px;
}

.pt-292px {
  padding-top: 292px;
}

.pl-292px {
  padding-left: 292px !important;
}

.pr-292px {
  padding-right: 292px !important;
}

.pb-292px {
  padding-bottom: 292px;
}

.w-292px {
  width: 292px;
}

.w-292px-important {
  width: 292px !important;
}

.mw-292px {
  min-width: 292px;
}

.h-292px {
  height: 292px;
}

.p-292px {
  padding: 292px;
}

.t-292px {
  top: 292px;
}

.b-292px {
  bottom: 292px;
}

.r-292px {
  right: 292px;
}

.l-292px {
  left: 292px;
}

.gap-292px {
  gap: 292px;
}

.br-292px {
  border-radius: 292px;
}

.mt-296px {
  margin-top: 296px !important;
}

.mb-296px {
  margin-bottom: 296px !important;
}

.ml-296px {
  margin-left: 296px;
}

.mr-296px {
  margin-right: 296px;
}

.pt-296px {
  padding-top: 296px;
}

.pl-296px {
  padding-left: 296px !important;
}

.pr-296px {
  padding-right: 296px !important;
}

.pb-296px {
  padding-bottom: 296px;
}

.w-296px {
  width: 296px;
}

.w-296px-important {
  width: 296px !important;
}

.mw-296px {
  min-width: 296px;
}

.h-296px {
  height: 296px;
}

.p-296px {
  padding: 296px;
}

.t-296px {
  top: 296px;
}

.b-296px {
  bottom: 296px;
}

.r-296px {
  right: 296px;
}

.l-296px {
  left: 296px;
}

.gap-296px {
  gap: 296px;
}

.br-296px {
  border-radius: 296px;
}

.mt-300px {
  margin-top: 300px !important;
}

.mb-300px {
  margin-bottom: 300px !important;
}

.ml-300px {
  margin-left: 300px;
}

.mr-300px {
  margin-right: 300px;
}

.pt-300px {
  padding-top: 300px;
}

.pl-300px {
  padding-left: 300px !important;
}

.pr-300px {
  padding-right: 300px !important;
}

.pb-300px {
  padding-bottom: 300px;
}

.w-300px {
  width: 300px;
}

.w-300px-important {
  width: 300px !important;
}

.mw-300px {
  min-width: 300px;
}

.h-300px {
  height: 300px;
}

.p-300px {
  padding: 300px;
}

.t-300px {
  top: 300px;
}

.b-300px {
  bottom: 300px;
}

.r-300px {
  right: 300px;
}

.l-300px {
  left: 300px;
}

.gap-300px {
  gap: 300px;
}

.br-300px {
  border-radius: 300px;
}

.mt-304px {
  margin-top: 304px !important;
}

.mb-304px {
  margin-bottom: 304px !important;
}

.ml-304px {
  margin-left: 304px;
}

.mr-304px {
  margin-right: 304px;
}

.pt-304px {
  padding-top: 304px;
}

.pl-304px {
  padding-left: 304px !important;
}

.pr-304px {
  padding-right: 304px !important;
}

.pb-304px {
  padding-bottom: 304px;
}

.w-304px {
  width: 304px;
}

.w-304px-important {
  width: 304px !important;
}

.mw-304px {
  min-width: 304px;
}

.h-304px {
  height: 304px;
}

.p-304px {
  padding: 304px;
}

.t-304px {
  top: 304px;
}

.b-304px {
  bottom: 304px;
}

.r-304px {
  right: 304px;
}

.l-304px {
  left: 304px;
}

.gap-304px {
  gap: 304px;
}

.br-304px {
  border-radius: 304px;
}

.mt-308px {
  margin-top: 308px !important;
}

.mb-308px {
  margin-bottom: 308px !important;
}

.ml-308px {
  margin-left: 308px;
}

.mr-308px {
  margin-right: 308px;
}

.pt-308px {
  padding-top: 308px;
}

.pl-308px {
  padding-left: 308px !important;
}

.pr-308px {
  padding-right: 308px !important;
}

.pb-308px {
  padding-bottom: 308px;
}

.w-308px {
  width: 308px;
}

.w-308px-important {
  width: 308px !important;
}

.mw-308px {
  min-width: 308px;
}

.h-308px {
  height: 308px;
}

.p-308px {
  padding: 308px;
}

.t-308px {
  top: 308px;
}

.b-308px {
  bottom: 308px;
}

.r-308px {
  right: 308px;
}

.l-308px {
  left: 308px;
}

.gap-308px {
  gap: 308px;
}

.br-308px {
  border-radius: 308px;
}

.mt-312px {
  margin-top: 312px !important;
}

.mb-312px {
  margin-bottom: 312px !important;
}

.ml-312px {
  margin-left: 312px;
}

.mr-312px {
  margin-right: 312px;
}

.pt-312px {
  padding-top: 312px;
}

.pl-312px {
  padding-left: 312px !important;
}

.pr-312px {
  padding-right: 312px !important;
}

.pb-312px {
  padding-bottom: 312px;
}

.w-312px {
  width: 312px;
}

.w-312px-important {
  width: 312px !important;
}

.mw-312px {
  min-width: 312px;
}

.h-312px {
  height: 312px;
}

.p-312px {
  padding: 312px;
}

.t-312px {
  top: 312px;
}

.b-312px {
  bottom: 312px;
}

.r-312px {
  right: 312px;
}

.l-312px {
  left: 312px;
}

.gap-312px {
  gap: 312px;
}

.br-312px {
  border-radius: 312px;
}

.mt-316px {
  margin-top: 316px !important;
}

.mb-316px {
  margin-bottom: 316px !important;
}

.ml-316px {
  margin-left: 316px;
}

.mr-316px {
  margin-right: 316px;
}

.pt-316px {
  padding-top: 316px;
}

.pl-316px {
  padding-left: 316px !important;
}

.pr-316px {
  padding-right: 316px !important;
}

.pb-316px {
  padding-bottom: 316px;
}

.w-316px {
  width: 316px;
}

.w-316px-important {
  width: 316px !important;
}

.mw-316px {
  min-width: 316px;
}

.h-316px {
  height: 316px;
}

.p-316px {
  padding: 316px;
}

.t-316px {
  top: 316px;
}

.b-316px {
  bottom: 316px;
}

.r-316px {
  right: 316px;
}

.l-316px {
  left: 316px;
}

.gap-316px {
  gap: 316px;
}

.br-316px {
  border-radius: 316px;
}

.mt-320px {
  margin-top: 320px !important;
}

.mb-320px {
  margin-bottom: 320px !important;
}

.ml-320px {
  margin-left: 320px;
}

.mr-320px {
  margin-right: 320px;
}

.pt-320px {
  padding-top: 320px;
}

.pl-320px {
  padding-left: 320px !important;
}

.pr-320px {
  padding-right: 320px !important;
}

.pb-320px {
  padding-bottom: 320px;
}

.w-320px {
  width: 320px;
}

.w-320px-important {
  width: 320px !important;
}

.mw-320px {
  min-width: 320px;
}

.h-320px {
  height: 320px;
}

.p-320px {
  padding: 320px;
}

.t-320px {
  top: 320px;
}

.b-320px {
  bottom: 320px;
}

.r-320px {
  right: 320px;
}

.l-320px {
  left: 320px;
}

.gap-320px {
  gap: 320px;
}

.br-320px {
  border-radius: 320px;
}

.mt-324px {
  margin-top: 324px !important;
}

.mb-324px {
  margin-bottom: 324px !important;
}

.ml-324px {
  margin-left: 324px;
}

.mr-324px {
  margin-right: 324px;
}

.pt-324px {
  padding-top: 324px;
}

.pl-324px {
  padding-left: 324px !important;
}

.pr-324px {
  padding-right: 324px !important;
}

.pb-324px {
  padding-bottom: 324px;
}

.w-324px {
  width: 324px;
}

.w-324px-important {
  width: 324px !important;
}

.mw-324px {
  min-width: 324px;
}

.h-324px {
  height: 324px;
}

.p-324px {
  padding: 324px;
}

.t-324px {
  top: 324px;
}

.b-324px {
  bottom: 324px;
}

.r-324px {
  right: 324px;
}

.l-324px {
  left: 324px;
}

.gap-324px {
  gap: 324px;
}

.br-324px {
  border-radius: 324px;
}

.mt-328px {
  margin-top: 328px !important;
}

.mb-328px {
  margin-bottom: 328px !important;
}

.ml-328px {
  margin-left: 328px;
}

.mr-328px {
  margin-right: 328px;
}

.pt-328px {
  padding-top: 328px;
}

.pl-328px {
  padding-left: 328px !important;
}

.pr-328px {
  padding-right: 328px !important;
}

.pb-328px {
  padding-bottom: 328px;
}

.w-328px {
  width: 328px;
}

.w-328px-important {
  width: 328px !important;
}

.mw-328px {
  min-width: 328px;
}

.h-328px {
  height: 328px;
}

.p-328px {
  padding: 328px;
}

.t-328px {
  top: 328px;
}

.b-328px {
  bottom: 328px;
}

.r-328px {
  right: 328px;
}

.l-328px {
  left: 328px;
}

.gap-328px {
  gap: 328px;
}

.br-328px {
  border-radius: 328px;
}

.mt-332px {
  margin-top: 332px !important;
}

.mb-332px {
  margin-bottom: 332px !important;
}

.ml-332px {
  margin-left: 332px;
}

.mr-332px {
  margin-right: 332px;
}

.pt-332px {
  padding-top: 332px;
}

.pl-332px {
  padding-left: 332px !important;
}

.pr-332px {
  padding-right: 332px !important;
}

.pb-332px {
  padding-bottom: 332px;
}

.w-332px {
  width: 332px;
}

.w-332px-important {
  width: 332px !important;
}

.mw-332px {
  min-width: 332px;
}

.h-332px {
  height: 332px;
}

.p-332px {
  padding: 332px;
}

.t-332px {
  top: 332px;
}

.b-332px {
  bottom: 332px;
}

.r-332px {
  right: 332px;
}

.l-332px {
  left: 332px;
}

.gap-332px {
  gap: 332px;
}

.br-332px {
  border-radius: 332px;
}

.mt-336px {
  margin-top: 336px !important;
}

.mb-336px {
  margin-bottom: 336px !important;
}

.ml-336px {
  margin-left: 336px;
}

.mr-336px {
  margin-right: 336px;
}

.pt-336px {
  padding-top: 336px;
}

.pl-336px {
  padding-left: 336px !important;
}

.pr-336px {
  padding-right: 336px !important;
}

.pb-336px {
  padding-bottom: 336px;
}

.w-336px {
  width: 336px;
}

.w-336px-important {
  width: 336px !important;
}

.mw-336px {
  min-width: 336px;
}

.h-336px {
  height: 336px;
}

.p-336px {
  padding: 336px;
}

.t-336px {
  top: 336px;
}

.b-336px {
  bottom: 336px;
}

.r-336px {
  right: 336px;
}

.l-336px {
  left: 336px;
}

.gap-336px {
  gap: 336px;
}

.br-336px {
  border-radius: 336px;
}

.mt-340px {
  margin-top: 340px !important;
}

.mb-340px {
  margin-bottom: 340px !important;
}

.ml-340px {
  margin-left: 340px;
}

.mr-340px {
  margin-right: 340px;
}

.pt-340px {
  padding-top: 340px;
}

.pl-340px {
  padding-left: 340px !important;
}

.pr-340px {
  padding-right: 340px !important;
}

.pb-340px {
  padding-bottom: 340px;
}

.w-340px {
  width: 340px;
}

.w-340px-important {
  width: 340px !important;
}

.mw-340px {
  min-width: 340px;
}

.h-340px {
  height: 340px;
}

.p-340px {
  padding: 340px;
}

.t-340px {
  top: 340px;
}

.b-340px {
  bottom: 340px;
}

.r-340px {
  right: 340px;
}

.l-340px {
  left: 340px;
}

.gap-340px {
  gap: 340px;
}

.br-340px {
  border-radius: 340px;
}

.mt-344px {
  margin-top: 344px !important;
}

.mb-344px {
  margin-bottom: 344px !important;
}

.ml-344px {
  margin-left: 344px;
}

.mr-344px {
  margin-right: 344px;
}

.pt-344px {
  padding-top: 344px;
}

.pl-344px {
  padding-left: 344px !important;
}

.pr-344px {
  padding-right: 344px !important;
}

.pb-344px {
  padding-bottom: 344px;
}

.w-344px {
  width: 344px;
}

.w-344px-important {
  width: 344px !important;
}

.mw-344px {
  min-width: 344px;
}

.h-344px {
  height: 344px;
}

.p-344px {
  padding: 344px;
}

.t-344px {
  top: 344px;
}

.b-344px {
  bottom: 344px;
}

.r-344px {
  right: 344px;
}

.l-344px {
  left: 344px;
}

.gap-344px {
  gap: 344px;
}

.br-344px {
  border-radius: 344px;
}

.mt-348px {
  margin-top: 348px !important;
}

.mb-348px {
  margin-bottom: 348px !important;
}

.ml-348px {
  margin-left: 348px;
}

.mr-348px {
  margin-right: 348px;
}

.pt-348px {
  padding-top: 348px;
}

.pl-348px {
  padding-left: 348px !important;
}

.pr-348px {
  padding-right: 348px !important;
}

.pb-348px {
  padding-bottom: 348px;
}

.w-348px {
  width: 348px;
}

.w-348px-important {
  width: 348px !important;
}

.mw-348px {
  min-width: 348px;
}

.h-348px {
  height: 348px;
}

.p-348px {
  padding: 348px;
}

.t-348px {
  top: 348px;
}

.b-348px {
  bottom: 348px;
}

.r-348px {
  right: 348px;
}

.l-348px {
  left: 348px;
}

.gap-348px {
  gap: 348px;
}

.br-348px {
  border-radius: 348px;
}

.mt-352px {
  margin-top: 352px !important;
}

.mb-352px {
  margin-bottom: 352px !important;
}

.ml-352px {
  margin-left: 352px;
}

.mr-352px {
  margin-right: 352px;
}

.pt-352px {
  padding-top: 352px;
}

.pl-352px {
  padding-left: 352px !important;
}

.pr-352px {
  padding-right: 352px !important;
}

.pb-352px {
  padding-bottom: 352px;
}

.w-352px {
  width: 352px;
}

.w-352px-important {
  width: 352px !important;
}

.mw-352px {
  min-width: 352px;
}

.h-352px {
  height: 352px;
}

.p-352px {
  padding: 352px;
}

.t-352px {
  top: 352px;
}

.b-352px {
  bottom: 352px;
}

.r-352px {
  right: 352px;
}

.l-352px {
  left: 352px;
}

.gap-352px {
  gap: 352px;
}

.br-352px {
  border-radius: 352px;
}

.mt-356px {
  margin-top: 356px !important;
}

.mb-356px {
  margin-bottom: 356px !important;
}

.ml-356px {
  margin-left: 356px;
}

.mr-356px {
  margin-right: 356px;
}

.pt-356px {
  padding-top: 356px;
}

.pl-356px {
  padding-left: 356px !important;
}

.pr-356px {
  padding-right: 356px !important;
}

.pb-356px {
  padding-bottom: 356px;
}

.w-356px {
  width: 356px;
}

.w-356px-important {
  width: 356px !important;
}

.mw-356px {
  min-width: 356px;
}

.h-356px {
  height: 356px;
}

.p-356px {
  padding: 356px;
}

.t-356px {
  top: 356px;
}

.b-356px {
  bottom: 356px;
}

.r-356px {
  right: 356px;
}

.l-356px {
  left: 356px;
}

.gap-356px {
  gap: 356px;
}

.br-356px {
  border-radius: 356px;
}

.mt-360px {
  margin-top: 360px !important;
}

.mb-360px {
  margin-bottom: 360px !important;
}

.ml-360px {
  margin-left: 360px;
}

.mr-360px {
  margin-right: 360px;
}

.pt-360px {
  padding-top: 360px;
}

.pl-360px {
  padding-left: 360px !important;
}

.pr-360px {
  padding-right: 360px !important;
}

.pb-360px {
  padding-bottom: 360px;
}

.w-360px {
  width: 360px;
}

.w-360px-important {
  width: 360px !important;
}

.mw-360px {
  min-width: 360px;
}

.h-360px {
  height: 360px;
}

.p-360px {
  padding: 360px;
}

.t-360px {
  top: 360px;
}

.b-360px {
  bottom: 360px;
}

.r-360px {
  right: 360px;
}

.l-360px {
  left: 360px;
}

.gap-360px {
  gap: 360px;
}

.br-360px {
  border-radius: 360px;
}

.mt-364px {
  margin-top: 364px !important;
}

.mb-364px {
  margin-bottom: 364px !important;
}

.ml-364px {
  margin-left: 364px;
}

.mr-364px {
  margin-right: 364px;
}

.pt-364px {
  padding-top: 364px;
}

.pl-364px {
  padding-left: 364px !important;
}

.pr-364px {
  padding-right: 364px !important;
}

.pb-364px {
  padding-bottom: 364px;
}

.w-364px {
  width: 364px;
}

.w-364px-important {
  width: 364px !important;
}

.mw-364px {
  min-width: 364px;
}

.h-364px {
  height: 364px;
}

.p-364px {
  padding: 364px;
}

.t-364px {
  top: 364px;
}

.b-364px {
  bottom: 364px;
}

.r-364px {
  right: 364px;
}

.l-364px {
  left: 364px;
}

.gap-364px {
  gap: 364px;
}

.br-364px {
  border-radius: 364px;
}

.mt-368px {
  margin-top: 368px !important;
}

.mb-368px {
  margin-bottom: 368px !important;
}

.ml-368px {
  margin-left: 368px;
}

.mr-368px {
  margin-right: 368px;
}

.pt-368px {
  padding-top: 368px;
}

.pl-368px {
  padding-left: 368px !important;
}

.pr-368px {
  padding-right: 368px !important;
}

.pb-368px {
  padding-bottom: 368px;
}

.w-368px {
  width: 368px;
}

.w-368px-important {
  width: 368px !important;
}

.mw-368px {
  min-width: 368px;
}

.h-368px {
  height: 368px;
}

.p-368px {
  padding: 368px;
}

.t-368px {
  top: 368px;
}

.b-368px {
  bottom: 368px;
}

.r-368px {
  right: 368px;
}

.l-368px {
  left: 368px;
}

.gap-368px {
  gap: 368px;
}

.br-368px {
  border-radius: 368px;
}

.mt-372px {
  margin-top: 372px !important;
}

.mb-372px {
  margin-bottom: 372px !important;
}

.ml-372px {
  margin-left: 372px;
}

.mr-372px {
  margin-right: 372px;
}

.pt-372px {
  padding-top: 372px;
}

.pl-372px {
  padding-left: 372px !important;
}

.pr-372px {
  padding-right: 372px !important;
}

.pb-372px {
  padding-bottom: 372px;
}

.w-372px {
  width: 372px;
}

.w-372px-important {
  width: 372px !important;
}

.mw-372px {
  min-width: 372px;
}

.h-372px {
  height: 372px;
}

.p-372px {
  padding: 372px;
}

.t-372px {
  top: 372px;
}

.b-372px {
  bottom: 372px;
}

.r-372px {
  right: 372px;
}

.l-372px {
  left: 372px;
}

.gap-372px {
  gap: 372px;
}

.br-372px {
  border-radius: 372px;
}

.mt-376px {
  margin-top: 376px !important;
}

.mb-376px {
  margin-bottom: 376px !important;
}

.ml-376px {
  margin-left: 376px;
}

.mr-376px {
  margin-right: 376px;
}

.pt-376px {
  padding-top: 376px;
}

.pl-376px {
  padding-left: 376px !important;
}

.pr-376px {
  padding-right: 376px !important;
}

.pb-376px {
  padding-bottom: 376px;
}

.w-376px {
  width: 376px;
}

.w-376px-important {
  width: 376px !important;
}

.mw-376px {
  min-width: 376px;
}

.h-376px {
  height: 376px;
}

.p-376px {
  padding: 376px;
}

.t-376px {
  top: 376px;
}

.b-376px {
  bottom: 376px;
}

.r-376px {
  right: 376px;
}

.l-376px {
  left: 376px;
}

.gap-376px {
  gap: 376px;
}

.br-376px {
  border-radius: 376px;
}

.mt-380px {
  margin-top: 380px !important;
}

.mb-380px {
  margin-bottom: 380px !important;
}

.ml-380px {
  margin-left: 380px;
}

.mr-380px {
  margin-right: 380px;
}

.pt-380px {
  padding-top: 380px;
}

.pl-380px {
  padding-left: 380px !important;
}

.pr-380px {
  padding-right: 380px !important;
}

.pb-380px {
  padding-bottom: 380px;
}

.w-380px {
  width: 380px;
}

.w-380px-important {
  width: 380px !important;
}

.mw-380px {
  min-width: 380px;
}

.h-380px {
  height: 380px;
}

.p-380px {
  padding: 380px;
}

.t-380px {
  top: 380px;
}

.b-380px {
  bottom: 380px;
}

.r-380px {
  right: 380px;
}

.l-380px {
  left: 380px;
}

.gap-380px {
  gap: 380px;
}

.br-380px {
  border-radius: 380px;
}

.mt-384px {
  margin-top: 384px !important;
}

.mb-384px {
  margin-bottom: 384px !important;
}

.ml-384px {
  margin-left: 384px;
}

.mr-384px {
  margin-right: 384px;
}

.pt-384px {
  padding-top: 384px;
}

.pl-384px {
  padding-left: 384px !important;
}

.pr-384px {
  padding-right: 384px !important;
}

.pb-384px {
  padding-bottom: 384px;
}

.w-384px {
  width: 384px;
}

.w-384px-important {
  width: 384px !important;
}

.mw-384px {
  min-width: 384px;
}

.h-384px {
  height: 384px;
}

.p-384px {
  padding: 384px;
}

.t-384px {
  top: 384px;
}

.b-384px {
  bottom: 384px;
}

.r-384px {
  right: 384px;
}

.l-384px {
  left: 384px;
}

.gap-384px {
  gap: 384px;
}

.br-384px {
  border-radius: 384px;
}

.mt-388px {
  margin-top: 388px !important;
}

.mb-388px {
  margin-bottom: 388px !important;
}

.ml-388px {
  margin-left: 388px;
}

.mr-388px {
  margin-right: 388px;
}

.pt-388px {
  padding-top: 388px;
}

.pl-388px {
  padding-left: 388px !important;
}

.pr-388px {
  padding-right: 388px !important;
}

.pb-388px {
  padding-bottom: 388px;
}

.w-388px {
  width: 388px;
}

.w-388px-important {
  width: 388px !important;
}

.mw-388px {
  min-width: 388px;
}

.h-388px {
  height: 388px;
}

.p-388px {
  padding: 388px;
}

.t-388px {
  top: 388px;
}

.b-388px {
  bottom: 388px;
}

.r-388px {
  right: 388px;
}

.l-388px {
  left: 388px;
}

.gap-388px {
  gap: 388px;
}

.br-388px {
  border-radius: 388px;
}

.mt-392px {
  margin-top: 392px !important;
}

.mb-392px {
  margin-bottom: 392px !important;
}

.ml-392px {
  margin-left: 392px;
}

.mr-392px {
  margin-right: 392px;
}

.pt-392px {
  padding-top: 392px;
}

.pl-392px {
  padding-left: 392px !important;
}

.pr-392px {
  padding-right: 392px !important;
}

.pb-392px {
  padding-bottom: 392px;
}

.w-392px {
  width: 392px;
}

.w-392px-important {
  width: 392px !important;
}

.mw-392px {
  min-width: 392px;
}

.h-392px {
  height: 392px;
}

.p-392px {
  padding: 392px;
}

.t-392px {
  top: 392px;
}

.b-392px {
  bottom: 392px;
}

.r-392px {
  right: 392px;
}

.l-392px {
  left: 392px;
}

.gap-392px {
  gap: 392px;
}

.br-392px {
  border-radius: 392px;
}

.mt-396px {
  margin-top: 396px !important;
}

.mb-396px {
  margin-bottom: 396px !important;
}

.ml-396px {
  margin-left: 396px;
}

.mr-396px {
  margin-right: 396px;
}

.pt-396px {
  padding-top: 396px;
}

.pl-396px {
  padding-left: 396px !important;
}

.pr-396px {
  padding-right: 396px !important;
}

.pb-396px {
  padding-bottom: 396px;
}

.w-396px {
  width: 396px;
}

.w-396px-important {
  width: 396px !important;
}

.mw-396px {
  min-width: 396px;
}

.h-396px {
  height: 396px;
}

.p-396px {
  padding: 396px;
}

.t-396px {
  top: 396px;
}

.b-396px {
  bottom: 396px;
}

.r-396px {
  right: 396px;
}

.l-396px {
  left: 396px;
}

.gap-396px {
  gap: 396px;
}

.br-396px {
  border-radius: 396px;
}

.mt-400px {
  margin-top: 400px !important;
}

.mb-400px {
  margin-bottom: 400px !important;
}

.ml-400px {
  margin-left: 400px;
}

.mr-400px {
  margin-right: 400px;
}

.pt-400px {
  padding-top: 400px;
}

.pl-400px {
  padding-left: 400px !important;
}

.pr-400px {
  padding-right: 400px !important;
}

.pb-400px {
  padding-bottom: 400px;
}

.w-400px {
  width: 400px;
}

.w-400px-important {
  width: 400px !important;
}

.mw-400px {
  min-width: 400px;
}

.h-400px {
  height: 400px;
}

.p-400px {
  padding: 400px;
}

.t-400px {
  top: 400px;
}

.b-400px {
  bottom: 400px;
}

.r-400px {
  right: 400px;
}

.l-400px {
  left: 400px;
}

.gap-400px {
  gap: 400px;
}

.br-400px {
  border-radius: 400px;
}

.ta_center {
  text-align: center;
}

.cursor_pointer {
  cursor: pointer;
}

html {
  --body: #ffffff;
  --header: #ffffff;
  --sidebar: #f8f8f8;
  --text: #333333;
  --anons_title: #e0002a;
  --tab: rgba(51,51,51,.1);
  --sticker: rgba(255,255,255,.8);
  --archive_bg: #333333;
  --archive_block: #444444;
  --vote_text: #666666;
  --category: #e0002a;
  --parking: rgba(248,248,248,.6);
  --parking_count: #ebebeb;
  --input: rgba(51,51,51,.5);
  --subscript: #f8f8f8;
  --tooltip: #ffffff;
  --tooltip_bg: #000;
  --swith: rgba(51,51,51,.2);
  --cover: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%);
  --cover_arcap: linear-gradient(270deg, #f8f8f8 0%, rgba(248, 248, 248, 0.520833) 57.29%, rgba(248, 248, 248, 0) 100%);
  --menu_after: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.520833) 57.29%, rgba(255, 255, 255, 0) 100%);
  --sub: linear-gradient(0deg, #f8f8f8 0%, rgba(248, 248, 248, 0.520833) 57.29%, rgba(248, 248, 248, 0) 100%);
  --more: linear-gradient(to bottom, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%);
  --border_op: rgba(224,0,42,.3);
  --hover_shadow: 0 0 80px 0 rgba(0,0,0,.2);
  --select: #ffffff url("../img/svg/arrow_black.svg");
  --kioz: url("../img/svg/kiozk_w.svg");
  --opacity_4_6: .4;
}
html.dark {
  --body: #333333;
  --header: #444444;
  --sidebar: #444444;
  --text: #ffffff;
  --anons_title: #ffffff;
  --sticker: rgba(51,51,51,.8);
  --tab: #444444;
  --archive_bg: #444444;
  --archive_block: #333333;
  --vote_text: #ffffff;
  --category: #ffffff;
  --parking: rgba(68,68,68,.6);
  --parking_count: #444444;
  --input: rgba(255,255,255,.5);
  --subscript: #333333;
  --tooltip: #000000;
  --tooltip_bg: #ffffff;
  --swith: rgba(255,255,255,.2);
  --cover: linear-gradient(to right, rgba(51,51,51,0) 0%,rgba(51,51,51,0.5) 50%,rgba(51,51,51,1) 100%);
  --cover_arcap: linear-gradient(270deg, #333333 0%, rgba(51, 51, 51, 0.520833) 57.29%, rgba(51, 51, 51, 0) 100%);
  --menu_after: linear-gradient(270deg, #444444 0%, rgba(68, 68, 68, 0.520833) 57.29%, rgba(68, 68, 68, 0) 100%);
  --sub: linear-gradient(0deg, #333333 0%, rgba(51, 51, 51, 0.520833) 57.29%, rgba(51, 51, 51, 0) 100%);
  --more: linear-gradient(to bottom, rgba(68,68,68,0) 0%,rgba(68,68,68,1) 100%);
  --border_op: rgba(224,0,42,.3);
  --hover_shadow: 0 0 80px 0 rgba(255,255,255,.2);
  --select: #333333 url("../img/svg/arrow_white.svg");
  --kioz: url("../img/svg/kiozk_b.svg");
  --opacity_4_6: .6;
}

@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Black.woff2") format("woff2"), url("../fonts/raleway/Raleway-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BlackItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/raleway/Raleway-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Italic.woff2") format("woff2"), url("../fonts/raleway/Raleway-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/raleway/Raleway-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-LightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/raleway/Raleway-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-MediumItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/raleway/Raleway-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Thin.woff2") format("woff2"), url("../fonts/raleway/Raleway-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ThinItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Light.woff2") format("woff2") url("../fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-LightItalic.woff2") format("woff2") url("../fonts/OpenSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2") url("../fonts/OpenSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.woff2") format("woff2") url("../fonts/OpenSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Medium.woff2") format("woff2") url("../fonts/OpenSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-MediumItalic.woff2") format("woff2") url("../fonts/OpenSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.woff2") format("woff2") url("../fonts/OpenSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2") url("../fonts/OpenSans-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2") url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-BoldItalic.woff2") format("woff2") url("../fonts/OpenSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBold.woff2") format("woff2") url("../fonts/OpenSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2") url("../fonts/OpenSans-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
.tcon {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

* {
  outline: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-variant-numeric: lining-nums proportional-nums;
}

/* ERIC MEYER RESET
================================================== */
html, body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}

ol, ul {
  list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

html body {
  background-color: var(--body);
  position: relative;
  font-family: "Raleway";
  font-weight: 500;
  overflow-x: hidden;
  font-variant-numeric: lining-nums proportional-nums;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
html body strong, html body b {
  font-weight: 600;
}
html body em, html body i {
  font-style: italic;
}
html .container {
  width: 1200px;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  html .container {
    width: calc(100% - 40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html .container {
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 767px) {
  html .container {
    width: calc(100% - 24px);
  }
}
@media only screen and (min-width: 1024px) {
  html .no_des {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  html .no_mob {
    display: none;
  }
}
html.screen {
  overflow: hidden;
}
html .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
html .overlay.active {
  opacity: 0.8;
  visibility: visible;
  z-index: 98;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

header {
  height: 52px;
}
header .header {
  width: 100%;
  height: 52px;
  position: fixed;
  z-index: 10;
  padding: 0px;
  border-radius: 0px;
  background: var(--header);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
header .header.fixed {
  transform: translateY(-100%);
}
header .header-logo {
  display: block;
  text-decoration: none;
  color: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
header .header-logo img {
  max-width: 100%;
  height: 40px;
  image-rendering: auto;
  margin-top: 2px;
}
header .header-logo .icon {
  font-size: 20px;
  opacity: 0.4;
}
header .header-nav {
  height: 100%;
  margin-left: 40px;
  flex: 1 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header .header-nav {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  header .header-nav {
    margin-left: 0px;
    flex: 0 0 auto;
  }
}
header .header-nav ul {
  height: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  header .header-nav ul {
    justify-content: center;
  }
}
header .header-nav ul li {
  height: 100%;
  position: relative;
  margin-right: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  header .header-nav ul li {
    display: none;
  }
}
header .header-nav ul li a {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
header .header-nav ul li a.active::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #e0002a;
  border-radius: 10px 10px 0 0;
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
header .header-nav ul li:last-child {
  margin-right: 0;
}
header .header-nav ul li::after {
  content: "";
  width: 6px;
  height: 3px;
  background: var(--text);
  border-radius: 10px 10px 0 0;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
header .header-nav ul li:hover::after {
  opacity: 0.4;
}
header .header-nav ul li.pay {
  margin-left: 20px;
  margin-right: 30px;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  header .header-nav ul li.pay {
    display: flex;
  }
}
@media only screen and (max-width: 1279px) {
  header .header-nav ul li.pay {
    display: flex;
    margin-left: 0;
    margin-right: 0;
  }
  header .header-nav ul li.pay span {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header .header-nav ul li.pay {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  header .header-nav ul li.pay {
    display: flex;
    margin-left: 0;
    margin-right: 0;
  }
  header .header-nav ul li.pay span {
    display: none;
  }
}
header .header-nav ul li.pay i {
  font-size: 28px;
  font-weight: 500;
  padding-right: 8px;
  color: #00aced;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  header .header-nav ul li.shop {
    display: flex;
  }
}
@media only screen and (max-width: 1279px) {
  header .header-nav ul li.shop {
    display: flex;
    margin-left: 14px;
    margin-right: 0;
  }
  header .header-nav ul li.shop span {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header .header-nav ul li.shop {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  header .header-nav ul li.shop {
    display: flex;
    margin-left: 16px;
    margin-right: 0;
  }
  header .header-nav ul li.shop span {
    display: none;
  }
}
header .header-nav ul li.shop i {
  font-size: 24px;
  font-weight: 300;
  padding-right: 8px;
  color: #e0002a;
}
header .header-nav ul li.show::after {
  width: 100%;
  opacity: 1;
  background: #e0002a;
}
header .header-action {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
header .header-action__item {
  height: 40px;
  padding-left: 16px;
  margin-left: 16px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
header .header-action__item .icon {
  font-size: 24px;
  opacity: 0.5;
  color: var(--text);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
header .header-action__item .icon::before, header .header-action__item .icon::after {
  opacity: 1;
  visibility: visible;
}
header .header-action__item .item-avatar {
  width: 32px;
  height: 32px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}
header .header-action__item .item-avatar__img {
  width: 32px;
  height: 32px;
  border-radius: 40px;
  box-sizing: border-box;
}
header .header-action__item .item-avatar__img.autor {
  border: 2px solid #e0002a;
}
header .header-action__item .item-avatar__img.subscriber {
  border: 2px solid #00aced;
}
header .header-action__item .item-avatar__more {
  position: absolute;
  top: 100px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  padding: 5px 20px;
  border-radius: 12px;
  background: var(--header);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  header .header-action__item .item-avatar__more {
    right: -60px;
  }
}
@media only screen and (max-width: 1023px) {
  header .header-action__item .item-avatar__more {
    right: -40px;
  }
}
header .header-action__item .item-avatar__more a {
  display: block;
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 10px 0;
  position: relative;
  opacity: 0.5;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
header .header-action__item .item-avatar__more a span {
  color: #ffffff;
  background: #e0002a;
  padding: 2px 4px 1px 4px;
  margin: -2px 0 0 8px;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header .header-action__item .item-avatar__more a::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.2;
}
@media only screen and (min-width: 1024px) {
  header .header-action__item .item-avatar__more a:hover {
    opacity: 1;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
}
header .header-action__item .item-avatar__more a:last-child::after {
  display: none;
}
header .header-action__item .item-avatar__more::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent var(--header) transparent;
  position: absolute;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  top: -8px;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
  header .header-action__item .item-avatar__more::before {
    left: auto;
    right: 40px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  header .header-action__item .item-avatar__more::before {
    left: auto;
    right: 60px;
  }
}
header .header-action__item .item-avatar .closed {
  width: 34px;
  height: 34px;
  border-radius: 40px;
  display: block;
  position: absolute;
  font-size: 12px;
  top: -1px;
  left: -1px;
  opacity: 0 !important;
  color: var(--text);
  background: var(--subscript);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
header .header-action__item .item-avatar.active {
  display: flex;
}
header .header-action__item .item-avatar.closed .item-avatar__more {
  opacity: 1;
  top: 60px;
  visibility: visible;
}
header .header-action__item .item-avatar.closed .closed {
  opacity: 1 !important;
}
header .header-action__item .item-avatar.closed::after {
  opacity: 0;
}
header .header-action__item .item-avatar::after {
  content: attr(data-notification);
  color: #ffffff;
  background: #e0002a;
  position: absolute;
  padding: 0 4px;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
header .header-action__item a {
  text-decoration: none;
}
header .header-action__item::before {
  content: "";
  width: 1px;
  height: 14px;
  display: block;
  background: var(--text);
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
header .header-action__item:first-child {
  padding-left: 0;
  margin-left: 0;
}
header .header-action__item:first-child::before {
  display: none;
}
@media only screen and (min-width: 1024px) {
  header .header-action__item:hover .icon {
    opacity: 1;
  }
}
header .header-action__basket {
  min-width: 7px;
  height: 15px;
  color: #ffffff;
  background: #e0002a;
  border-radius: 100px;
  box-sizing: border-box;
  position: absolute;
  padding: 0 4px;
  top: 2px;
  right: -4px;
  pointer-events: none;
  z-index: 1;
  display: none;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
header .header-action__basket.active {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  header .header-action .toggle-wrapper {
    display: none;
  }
}
header .header .container {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  header .header .container {
    justify-content: space-between;
  }
}

.menu {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 20;
  background: var(--body);
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.menu-item {
  padding-bottom: 40px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.menu-item__title {
  color: var(--text);
  width: 100%;
  position: relative;
  font-size: 24px;
  line-height: 50px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .menu-item__title {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.menu-item__title .title-wrapper {
  display: flex;
}
.menu-item__title .title-wrapper__item {
  opacity: 0.3;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .menu-item__title .title-wrapper__item {
    display: block;
  }
}
.menu-item__title .title-wrapper__item.active {
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .menu-item__title .title-wrapper__item.active {
    display: block;
    margin: 0 !important;
  }
}
.menu-item__title .title-wrapper__item:last-child {
  margin-left: 20px;
}
.menu-item__title .title-link {
  opacity: 0.3;
  padding-left: 20px;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .menu-item__title .title-link:hover {
    opacity: 1;
  }
}
.menu-item__title::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  background: var(--text);
  opacity: 0.2;
}
.menu-item__wrapper {
  width: 100%;
  flex: 1 0 auto;
}
.menu-item__wrapper a {
  color: var(--text);
  text-decoration: none;
  padding: 15px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
}
.menu-item__wrapper a .icon {
  font-size: 20px;
  color: #e0002a;
  margin-right: 10px;
}
.menu-item__wrapper a.active {
  color: #e0002a;
}
.menu-item__wrapper a::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  position: absolute;
  bottom: 0;
  opacity: 0.2;
}
.menu-item__wrapper a:last-child::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .menu-item__wrapper a:hover {
    color: #e0002a;
  }
}
.menu-item__themes {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 60px;
}
@media only screen and (max-width: 1023px) {
  .menu-item__themes {
    width: 100%;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 0px;
  }
}
.menu-item__themes .themes {
  position: relative;
  z-index: 1;
}
.menu-item__themes .themes-item a {
  color: var(--text);
  text-decoration: none;
  padding: 15px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
}
.menu-item__themes .themes-item a.active {
  color: #e0002a;
}
.menu-item__themes .themes-item a::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  position: absolute;
  bottom: 0;
  opacity: 0.2;
}
.menu-item__themes .themes-item a:last-child::after {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .menu-item__themes .themes-item a:last-child::after {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .menu-item__themes .themes-item a:hover {
    color: #e0002a;
  }
}
.menu-item__themes::after {
  content: "";
  width: 100%;
  height: 240px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform: translateY(0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--body) 53.65%);
  -webkit-transition: all 500ms ease-in-out;
  -webkit-transition-delay: 500ms;
  -o-transition: all 500ms ease-in-out;
  -o-transition-delay: 500ms;
  -moz-transition: all 500ms ease-in-out;
  -moz-transition-delay: 500ms;
  transition: all 500ms ease-in-out;
  transition-delay: 500ms;
}
.menu-item__footer {
  width: 100%;
  margin-top: 40px;
}
.menu-item__footer .social {
  margin-top: 30px;
}
.menu-item__footer .social .tl {
  font-size: 14px;
}
@media only screen and (max-width: 1023px) {
  .menu-item._hide {
    position: absolute;
    opacity: 0;
    transform: translateX(-100%);
  }
}
@media only screen and (max-width: 1023px) {
  .menu-item._show {
    position: absolute;
    opacity: 1;
    transform: translateX(0);
  }
}
.menu-item.hide .menu-item__themes::after {
  height: 0;
  transform: translateY(100%);
}
.menu-item .js_themes_more_link {
  opacity: 1;
  visibility: visible;
  z-index: 5;
  position: absolute;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .menu-item .js_themes_more_link {
    bottom: 30px;
  }
}
.menu-item .js_themes_more_link.hide {
  bottom: -40px;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1023px) {
  .menu-item:first-child {
    width: 100%;
    padding: 0 20px;
  }
}
.menu-item:last-child {
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  background: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .menu-item:last-child {
    padding-right: 20px;
  }
}
.menu .container {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 345px;
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .menu .container {
    width: 100%;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 0;
  }
}
.menu::after {
  content: "";
  min-width: 30%;
  max-width: 80%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: var(--sidebar);
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .menu::after {
    display: none;
  }
}
.menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.search {
  width: 100%;
  height: 100%;
  background: var(--body);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.search .closed {
  font-size: 20px;
  color: var(--text);
  position: absolute;
  font-weight: 100;
  top: 20px;
  right: 20px;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .search .closed:hover {
    opacity: 1;
  }
}
.search-title {
  color: var(--text);
  position: relative;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.search-title::after {
  content: "";
  width: 100px;
  height: 1px;
  display: block;
  margin: 30px auto;
  background: var(--text);
  opacity: 0.3;
}
@media only screen and (min-width: 1024px) {
  .search-title {
    display: none;
  }
}
.search-form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.search-form input {
  color: var(--text);
  width: 70%;
  text-align: center;
  border: 0;
  background: var(--body);
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .search-form input {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
  }
}
.search-form button {
  color: var(--text);
  font-size: 24px;
  background: transparent;
  opacity: 0.5;
  padding-left: 16px;
}
@media only screen and (max-width: 1023px) {
  .search-form button {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .search-form button:hover {
    opacity: 1;
  }
}
.search.active {
  opacity: 1;
  visibility: visible;
}

.pagination {
  width: 100%;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .pagination {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .pagination::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.pagination li {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--sidebar);
  margin-right: 8px;
  box-shadow: 0 0 50px 2px rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pagination li a, .pagination li span {
  width: 40px;
  height: 40px;
  display: block;
  color: var(--text);
  text-decoration: none;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  font-family: "Open Sans";
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pagination li.disabled {
  opacity: 0.5;
  cursor: default;
  background: var(--sidebar) !important;
}
.pagination li.active {
  background: #e0002a !important;
}
.pagination li.active span {
  color: #ffffff !important;
}
.pagination li:first-child {
  font-family: "Open Sans";
  font-size: 26px;
}
.pagination li:first-child a, .pagination li:first-child span {
  font-size: 26px;
  line-height: 34px;
  text-align: center;
  font-weight: 500;
  display: inline-block;
}
.pagination li:last-child {
  font-family: "Open Sans";
  margin-right: 0;
  font-size: 26px;
}
.pagination li:last-child a, .pagination li:last-child span {
  font-size: 26px;
  line-height: 34px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
}
@media only screen and (min-width: 1024px) {
  .pagination li:hover {
    z-index: 2;
    background: var(--text);
  }
  .pagination li:hover a {
    color: var(--body);
  }
}

.anons {
  width: 100%;
  background: var(--sidebar);
  border-radius: 12px 12px 0 0;
  padding: 60px 0 80px;
  margin-bottom: -20px;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .anons {
    padding: 20px 0 60px;
  }
}
.anons img {
  width: 386px;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  display: block;
  filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 1023px) {
  .anons img {
    width: 280px;
    margin: 0 auto -12px;
  }
}
.anons-title {
  color: var(--anons_title);
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .anons-title {
    text-align: center;
  }
}
.anons-wrapper {
  background: var(--body);
  padding: 24px 30px;
  border-radius: 12px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .anons-wrapper {
    padding: 12px 16px;
    margin-bottom: 28px;
  }
  .anons-wrapper::before {
    content: "";
    width: 100%;
    height: 22px;
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    top: -22px;
    opacity: 0.3;
    background: url("../img/svg/shadow.svg") top center no-repeat;
  }
}
.anons-wrapper ul li {
  color: var(--text);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  padding-bottom: 14px;
  list-style: none;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.anons-wrapper ul li a {
  color: var(--text);
  text-decoration: none;
  display: block;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (min-width: 1024px) {
  .anons-wrapper ul li a:hover {
    color: #e0002a;
  }
}
.anons-wrapper ul li::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  opacity: 0.1;
  background: var(--text);
  margin-top: 14px;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.anons-wrapper ul li:last-child {
  padding-bottom: 0;
}
.anons-wrapper ul li:last-child::after {
  display: none;
}
.anons-footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .anons-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.anons-footer__pay {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .anons-footer__pay {
    margin-top: 24px;
  }
}
.anons-footer .btn i {
  font-size: 16px !important;
  margin-top: -1px;
}
.anons-footer .kion {
  width: 120px;
  height: 40px;
  display: block;
  margin-right: 32px;
  background-image: var(--kioz);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (min-width: 1024px) {
  .anons .container {
    position: relative;
    display: grid;
    grid-template-columns: 386px auto;
    grid-template-rows: 55px auto;
    grid-gap: 0 40px;
  }
  .anons .container img {
    grid-area: 1/1/4/2;
  }
  .anons .container .anons-title {
    grid-area: 1/2/2/3;
  }
  .anons .container .anons-wrapper {
    grid-area: 2/2/3/3;
  }
  .anons .container .anons-footer {
    width: 774px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .anons .container .anons-footer {
    width: 558px;
  }
}

.footer {
  width: 100%;
  border-radius: 12px 12px 0 0;
  background: #333333;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer {
    padding: 40px 0;
  }
}
.footer-nav {
  margin: 48px 0;
}
@media only screen and (max-width: 1023px) {
  .footer-nav {
    margin: 28px 0 60px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: auto;
    grid-gap: 40px 48px;
  }
}
.footer-nav__item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer-nav__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.footer-nav__item a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0.7;
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
  font-size: 16px;
  line-height: 36px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .footer-nav__item a {
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-nav__item a:hover {
    opacity: 1;
  }
}
.footer-nav__item a::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #ffffff;
  position: absolute;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0, -50%);
  right: -2px;
}
@media only screen and (max-width: 1023px) {
  .footer-nav__item a::after {
    display: none;
  }
}
.footer-nav__item a:last-child {
  padding-right: 0;
  margin-right: 0;
}
.footer-nav__item a:last-child::after {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .footer-nav__item:first-child {
    grid-area: 1/1/2/2;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-nav__item:nth-of-type(2) {
    grid-area: 1/2/2/3;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-nav__item:last-child {
    position: relative;
    grid-area: 2/1/3/3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .footer-nav__item:last-child a {
    padding-right: 20px;
    margin-right: 20px;
  }
  .footer-nav__item:last-child a::after {
    display: block;
  }
  .footer-nav__item:last-child a:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .footer-nav__item:last-child a:last-child::after {
    display: none;
  }
  .footer-nav__item:last-child::before, .footer-nav__item:last-child::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #ffffff;
    opacity: 0.5;
    position: absolute;
    left: 0;
  }
  .footer-nav__item:last-child::before {
    top: -14px;
  }
  .footer-nav__item:last-child::after {
    bottom: -14px;
  }
}
.footer-action {
  padding-right: 1px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer-action {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.footer-action_search {
  background: #ffffff;
  padding: 2px 14px 2px 5px;
  border-radius: 50px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer-action_search {
    width: calc(100% - 60px);
    margin: 0 0 20px;
  }
}
.footer-action_search input {
  width: 220px;
  border: 0;
  padding: 10px;
  background-color: transparent;
}
@media only screen and (max-width: 1023px) {
  .footer-action_search input {
    width: calc(100% - 40px);
  }
}
.footer-action_search button {
  opacity: 0.6;
  background: transparent;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.footer-action_search button .magnifier {
  color: #333333;
  font-size: 20px;
}
@media only screen and (min-width: 1024px) {
  .footer-action_search button:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-action .btn {
    width: calc(100% - 40px);
    text-align: center;
  }
}
.footer-copy {
  padding-top: 54px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer-copy {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.footer-copy__copyright {
  color: #ffffff;
  opacity: 0.4;
}
@media only screen and (max-width: 1023px) {
  .footer-copy__copyright {
    margin-bottom: 20px;
  }
}
.footer-copy__copyright p {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .footer-copy__copyright p {
    line-height: 18px;
  }
}
.footer-copy__copyright p:last-child {
  margin-bottom: 0;
}
.footer-copy__age {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer-copy__age {
    width: 100%;
  }
}
.footer-copy__age a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.4;
  padding-left: 28px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .footer-copy__age a {
    padding-left: 20px;
  }
}
.footer-copy__age a:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .footer-copy__age a:hover {
    opacity: 1;
  }
}

.admin {
  width: 300px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 20px;
  box-sizing: border-box;
  background: var(--sidebar);
  z-index: 10;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  -moz-transform: translateX(-300px);
  -webkit-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}
.admin-wrapper {
  height: 100%;
  padding-top: 52px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.admin-wrapper__nav {
  width: calc(100% - 24px);
  background: var(--body);
  border-radius: 12px;
  margin: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.admin-wrapper__nav .nav-item {
  width: 100%;
  color: var(--text);
  text-decoration: none;
  padding: 20px 24px;
  box-sizing: border-box;
  position: relative;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.admin-wrapper__nav .nav-item:hover {
  color: #00aced;
}
.admin-wrapper__nav .nav-item::after {
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  display: block;
  background: var(--text);
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.admin-wrapper__nav .nav-item:last-child::after {
  display: none;
}
.admin-wrapper__nav .nav-item .fa {
  width: 20px;
  height: 20px;
  font-size: 16px;
  margin-right: 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.admin-wrapper__theme {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.admin-wrapper__theme a {
  margin: 0 12px;
}
.admin-wrapper__theme .fa {
  color: var(--text);
  font-size: 20px;
  opacity: 0.2;
}
.admin-wrapper__theme .fa.active {
  opacity: 0.8;
}
.admin-wrapper.fixed {
  padding-top: 0;
}
.admin-button {
  color: var(--body);
  position: absolute;
  width: 48px;
  height: 48px;
  right: -48px;
  font-size: 24px;
  bottom: 80px;
  border-radius: 0 10px 10px 0;
  z-index: 10;
  padding-right: 0;
  cursor: pointer;
  background: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.admin.active {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.special_menu {
  width: 360px;
  height: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -360px;
  background: var(--header);
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 767px) {
  .special_menu {
    width: 100%;
    left: -100%;
  }
}
.special_menu__header {
  width: 100%;
  padding: 16px 20px;
  border-bottom: 1px solid #BC0023;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.special_menu__header img {
  height: 40px;
}
.special_menu__header i {
  cursor: pointer;
  color: var(--text);
  opacity: 0.4;
  font-size: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .special_menu__header i:hover {
    opacity: 1;
  }
}
.special_menu__nav {
  width: 100%;
  margin-top: 10px;
  padding: 14px;
  box-sizing: border-box;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.special_menu__nav a {
  width: 100%;
  font-size: 20px;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.special_menu__nav a i {
  color: #BC0023;
  margin-right: 12px;
}
.special_menu__nav a:last-child {
  border-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .special_menu__nav a:hover {
    color: #BC0023;
  }
}
.special_menu .social {
  width: 100%;
  margin-bottom: 24px;
}
.special_menu.active {
  left: 0;
  overflow-y: scroll;
}

.btn {
  color: #ffffff;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  background: #e0002a;
  padding: 14px 34px;
  border-radius: 100px;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden !important;
  position: relative;
  z-index: 2;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.btn::before {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.btn::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateX(-100%);
  border-radius: 100px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .btn:hover::after {
    transform: translateX(0);
  }
}
.btn.white {
  color: #333333;
  background: #ffffff;
}
.btn.gray {
  color: #333333;
  background: #f8f8f8;
}
.btn.blue {
  color: #ffffff;
  background: #00aced;
}
.btn.border {
  color: var(--anons_title);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--anons_title);
}
.btn.border_white {
  color: #ffffff;
  background: transparent;
  box-shadow: inset 0 0 0 1px #ffffff;
}
.btn.border_black {
  color: var(--text);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--text);
}
.btn.border_blue {
  color: #00aced;
  background: transparent;
  box-shadow: inset 0 0 0 1px #00aced;
}
.btn.border_red {
  color: #e0002a;
  background: transparent;
}
.btn.border_red::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: transparent;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  border-radius: 100px;
  border: 1px solid #e0002a;
}
.btn.border_vk {
  color: #48729e;
  background: transparent;
  box-shadow: inset 0 0 0 1px #48729e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn.border_vk i {
  font-size: 24px;
  line-height: 0;
}
.btn.link {
  color: #e0002a;
  background: transparent;
}
.btn.link_white {
  color: #ffffff;
  background: transparent;
}
.btn.link_black {
  color: var(--text);
  background: transparent;
}
.btn.link_red {
  color: #e0002a;
  background: transparent;
}
.btn.link_blue {
  color: #00aced;
  background: transparent;
}
.btn.text_black {
  color: var(--text);
  padding: 2px;
  background: none;
}
.btn.text_white {
  color: #ffffff;
  padding: 0 8px;
  background: none;
}
.btn.hover_white::after {
  background: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .btn.hover_white:hover {
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #333333;
    background: #ffffff;
  }
}
.btn.hover_black::after {
  background: #333333;
}
@media only screen and (min-width: 1024px) {
  .btn.hover_black:hover {
    color: #ffffff;
    background: #333333;
    box-shadow: inset 0 0 0 1px #333333;
  }
}
.btn.hover_red::after {
  background: #a1001e;
}
@media only screen and (min-width: 1024px) {
  .btn.hover_red:hover {
    color: #ffffff;
    border-color: #a1001e;
    background: #a1001e;
  }
  .btn.hover_red:hover::before {
    border-color: #a1001e;
  }
}
.btn.hover_blue::after {
  background: #00aced;
}
@media only screen and (min-width: 1024px) {
  .btn.hover_blue:hover {
    color: #ffffff;
    background: #00aced;
    box-shadow: inset 0 0 0 1px #00aced;
  }
}
.btn.hover_blue_light::after {
  background: #0092c9;
}
.btn.hover_vk::after {
  background: #48729e;
}
@media only screen and (min-width: 1024px) {
  .btn.hover_vk:hover {
    color: #ffffff;
    background: #48729e;
    box-shadow: inset 0 0 0 1px #48729e;
  }
}
.btn.hover_vk_light::after {
  background: #0092c9;
}
.btn.hover_text_red:hover {
  color: #e0002a;
}
.btn.hover_text_red_dark:hover {
  color: #a1001e;
}
.btn._icon_left {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn._icon_left i {
  font-size: 28px;
}
.btn._icon_left i.pay {
  margin-top: -1px;
}
.btn._icon_right {
  gap: 8px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.btn._icon_right i {
  font-size: 28px;
}
.btn._interactive {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.btn._interactive i {
  position: relative;
  padding: 0 8px 0 10px;
  margin-left: 8px;
}
.btn._interactive i::after {
  content: "";
  width: 1px;
  height: 8px;
  background: #ffffff;
  opacity: 0.7;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.btn._interactive span {
  font-family: "Open Sans";
  display: block;
}
.btn.disable {
  opacity: 0.3;
  position: relative;
  pointer-events: none;
  cursor: not-allowed;
}
.btn.min {
  padding: 4px 8px 2px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
}
.btn.full {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn.spinner::before {
  content: "S";
  font: 24px/23px "Icons";
  color: var(--text);
  width: 24px;
  height: 24px;
  animation: rotate 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn.spinner.active::before {
  z-index: 3;
  opacity: 1;
}
.btn.spinner.active::after {
  transform: translateX(0);
}
.btn.spinner.active span {
  opacity: 0;
}
.btn.spinner._white::before {
  color: #ffffff;
}
.btn.spinner._blue::before {
  color: #00aced;
}
.btn.spinner._red::before {
  color: #e0002a;
}

.toggle {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.toggle.small {
  width: 28px;
  height: 16px;
  padding: 0 2px;
}
.toggle.small::before {
  width: 12px;
  height: 12px;
}
.toggle.small.active::before {
  left: 1px;
  transform: translateX(calc(100% + 4px));
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.toggle.small.active::after {
  opacity: 1;
  background: #e0002a;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.toggle.big {
  width: 40px;
  height: 20px;
  padding: 0 2px;
}
.toggle.big::before {
  width: 16px;
  height: 16px;
}
.toggle.big.active::before {
  left: 1px;
  transform: translateX(calc(100% + 8px));
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.toggle.big.active::after {
  opacity: 1;
  background: #e0002a;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.toggle::before {
  content: "";
  display: block;
  border-radius: 50px;
  z-index: 2;
  background: var(--header);
  transform: translateX(0);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.toggle::after {
  content: "";
  width: 100%;
  height: 100px;
  background: var(--text);
  opacity: 0.2;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}

.form-toggle input[type=checkbox], .form-toggle input[type=radio] {
  position: relative;
  width: 40px;
  height: 20px;
  outline: none;
  border-radius: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  cursor: pointer;
}
.form-toggle input[type=checkbox]:before, .form-toggle input[type=radio]:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  top: 2px;
  left: 2px;
  background: var(--header);
  z-index: 2;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.form-toggle input[type=checkbox]::after, .form-toggle input[type=radio]::after {
  content: "";
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: block;
  opacity: 0.2;
  background: var(--text);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.form-toggle input[type=checkbox]:checked:before, .form-toggle input[type=radio]:checked:before {
  left: 22px;
}
.form-toggle input[type=checkbox]:checked::after, .form-toggle input[type=radio]:checked::after {
  opacity: 1;
  background: #e0002a;
}

.category {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid var(--text);
  border-radius: 30px;
  padding: 8.5px 16px 8px;
  letter-spacing: 0.03em;
  opacity: 0.4;
  display: block;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .category:hover {
    opacity: 1;
    color: #ffffff;
    border-color: #e0002a;
    background: #e0002a;
  }
}

.comments {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.comments i {
  margin-top: 0;
  padding-right: 8px;
}

.tabs-wrapper {
  overflow-x: scroll;
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: auto;
  grid-gap: 16px;
}
.tabs-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.tabs-wrapper__item {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 12px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.tabs-wrapper__item.active {
  padding: 12px 20px;
  background: var(--tab);
}

.form-radio {
  position: relative;
}
.form-radio .label {
  cursor: pointer;
  position: relative;
  user-select: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.form-radio .label .radio {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: block;
  border: 3px solid var(--text);
  box-sizing: border-box;
  margin-right: 12px;
  border-radius: 100px;
  position: relative;
  opacity: 0.2;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.form-radio .label .radio::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  box-sizing: border-box;
  background: var(--text);
  border-radius: 100px;
  opacity: 0.3;
  position: absolute;
  top: 2px;
  left: 2px;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.form-radio .label label {
  width: 100%;
  cursor: pointer;
}
.form-radio input[type=radio], .form-radio input[type=checkbox] {
  width: 22px;
  height: 22px;
  border: 3px solid var(--text);
  position: absolute;
  top: 6px;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.form-radio input[type=radio]:checked + .radio::after, .form-radio input[type=radio]:checked label::after, .form-radio input[type=checkbox]:checked + .radio::after, .form-radio input[type=checkbox]:checked label::after {
  opacity: 1;
}

.form-checkbox {
  position: relative;
}
.form-checkbox .label {
  cursor: pointer;
  position: relative;
  user-select: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.form-checkbox .label .checkbox {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: block;
  border: 3px solid var(--text);
  box-sizing: border-box;
  margin-right: 12px;
  border-radius: 4px;
  position: relative;
  opacity: 0.2;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.form-checkbox .label .checkbox::after {
  content: "";
  width: 6px;
  height: 3px;
  display: block;
  box-sizing: border-box;
  background: var(--text);
  border-radius: 100px;
  position: absolute;
  bottom: 4px;
  left: 2px;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-checkbox .label .checkbox::before {
  content: "";
  width: 12px;
  height: 3px;
  display: block;
  box-sizing: border-box;
  background: var(--text);
  border-radius: 100px;
  position: absolute;
  bottom: 6px;
  left: 3px;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form-checkbox .label label {
  width: 100%;
  cursor: pointer;
}
.form-checkbox input[type=checkbox] {
  width: 22px;
  height: 22px;
  border: 3px solid var(--text);
  position: absolute;
  top: 6px;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.form-checkbox input[type=checkbox]:checked + .checkbox::after, .form-checkbox input[type=checkbox]:checked + .checkbox::before, .form-checkbox input[type=checkbox]:checked label::after, .form-checkbox input[type=checkbox]:checked label::before {
  opacity: 1;
}

.input {
  width: 100%;
  box-sizing: border-box;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 8px 30px;
  border-radius: 100px;
  background: var(--body);
  border: 2px solid var(--input);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.input::-webkit-input-placeholder {
  color: var(--input);
}
.input:-moz-placeholder {
  color: var(--input);
  opacity: 1;
}
.input::-moz-placeholder {
  color: var(--input);
  opacity: 1;
}
.input:-ms-input-placeholder {
  color: var(--input);
}
.input::-ms-input-placeholder {
  color: var(--input);
}
.input::placeholder {
  color: var(--input);
}
.input:focus {
  border-color: #00aced;
}
.input:disabled {
  opacity: 0.4;
}
.input.small {
  padding: 4px 20px;
}
.input.access {
  border-color: #00b200;
}
.input.error {
  border-color: #e0002a;
}
.input.border_white {
  color: #333333;
  border-color: #ffffff;
}
.input.border_white::-webkit-input-placeholder {
  color: #333333;
}
.input.border_white:-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.input.border_white::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.input.border_white:-ms-input-placeholder {
  color: #333333;
}
.input.border_white::-ms-input-placeholder {
  color: #333333;
}
.input.border_white::placeholder {
  color: #333333;
}
.input.border_none {
  border: 0 !important;
}
.input.bg_tr {
  background: transparent;
}

.textarea {
  width: 100%;
  min-height: 200px;
  box-sizing: border-box;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--body);
  border: 2px solid var(--input);
  resize: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.textarea::-webkit-input-placeholder {
  color: var(--input);
}
.textarea:-moz-placeholder {
  color: var(--input);
  opacity: 1;
}
.textarea::-moz-placeholder {
  color: var(--input);
  opacity: 1;
}
.textarea:-ms-input-placeholder {
  color: var(--input);
}
.textarea::-ms-input-placeholder {
  color: var(--input);
}
.textarea::placeholder {
  color: var(--input);
}
.textarea:focus {
  border-color: #00aced;
}
.textarea.access {
  border-color: #00b200;
}
.textarea.error {
  border-color: #e0002a;
}
.textarea.border_white {
  color: #ffffff;
  border-color: #ffffff;
}
.textarea.border_white::-webkit-input-placeholder {
  color: #ffffff;
}
.textarea.border_white:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.textarea.border_white::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.textarea.border_white:-ms-input-placeholder {
  color: #ffffff;
}
.textarea.border_white::-ms-input-placeholder {
  color: #ffffff;
}
.textarea.border_white::placeholder {
  color: #ffffff;
}
.textarea.border_none {
  border: 0 !important;
}
.textarea.bg_tr {
  background: transparent;
}

select {
  width: 100%;
  box-sizing: border-box;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 8px 30px;
  border-radius: 100px;
  border: 2px solid var(--input);
  display: block;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: var(--select);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 12px;
}
select::-webkit-input-placeholder {
  color: var(--input);
}
select:-moz-placeholder {
  color: var(--input);
  opacity: 1;
}
select::-moz-placeholder {
  color: var(--input);
  opacity: 1;
}
select:-ms-input-placeholder {
  color: var(--input);
}
select::-ms-input-placeholder {
  color: var(--input);
}
select::placeholder {
  color: var(--input);
}

.form {
  position: relative;
}
.form .label {
  margin-bottom: 24px;
}
.form .label-header {
  margin-bottom: 12px;
  gap: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.form .label-header__title {
  color: var(--text);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.form .label-header__error {
  color: #e0002a;
  display: none;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.form .label-header .icon {
  position: absolute;
  top: 0;
  right: 8px;
}
.form .label-header .icon.create {
  color: #00aced;
  opacity: 1 !important;
  cursor: pointer;
}
.form .label-header .icon.closed {
  color: var(--text);
  opacity: 0.4;
  cursor: pointer;
}
.form .label-input {
  position: relative;
}
.form .label-input input {
  position: relative;
  z-index: 1;
}
.form .label-input .remove_eye, .form .label-input .eye_block, .form .label-input .magnifier {
  font-size: 20px;
  color: #333333;
  opacity: 0.7;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0, -50%);
  right: 20px;
  z-index: 2;
  text-decoration: none;
}
.form .label-file {
  display: grid;
  grid-template-columns: 96px 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;
}
.form .label-file__img {
  width: 96px;
  height: 96px;
}
.form .label-file__img img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 100px;
}
.form .label-file__input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.form .label-file__input input {
  display: none;
}
.form .label-file__input span {
  color: var(--text);
  opacity: 0.4;
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.form .label-file__input .btn {
  width: auto !important;
}
.form .label-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.form .label-button .link {
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .form .label-button .link:hover {
    color: #e0002a;
  }
}
.form .label-button p {
  color: var(--text);
  margin-right: 40px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.form .label-button p a {
  color: #e0002a;
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .form .label-button p a:hover {
    color: #a1001e;
  }
}
@media only screen and (max-width: 1023px) {
  .form .label-button p {
    margin-bottom: 20px;
  }
  .form .label-button p br {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .form .label-button._mob {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.form .label.disabled {
  position: relative;
}
.form .label.disabled i {
  opacity: 0.2;
}
.form .label.disabled .label-input::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--sidebar);
  z-index: 3;
  opacity: 0.8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.form .label.error .label-header__error {
  display: block;
}
.form-header {
  color: var(--text);
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .form-header {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
  }
}
.form-row {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.form-row a {
  flex: 0 0 auto;
}
.form-button.center {
  display: flex;
  flex-direction: colomn;
  justify-content: center;
  align-items: center;
}
.form-access {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form-access .access-title {
  color: #333333;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.form-access .access-text {
  width: 80%;
  color: #333333;
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.form-access .closed {
  color: #333333;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0.6;
  z-index: 2;
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .form-access .closed:hover {
    opacity: 1;
  }
}
.form-access::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0.9;
  z-index: 1;
  background: #f8f8f8;
}
.form-access.active {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

.social-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social-wrapper__item {
  color: var(--text);
  text-decoration: none;
  font-size: 18px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  box-sizing: border-box;
  opacity: 0.5;
  margin-right: 10px;
  box-shadow: inset 0 0 0 1px var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
}
.social-wrapper__item._tw i {
  font-size: 20px !important;
}
.social-wrapper__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .social-wrapper__item:hover {
    color: #ffffff;
    opacity: 1;
    box-shadow: none;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .social-wrapper__item:hover._tl {
    background: #219cde;
  }
  .social-wrapper__item:hover._fb {
    background: #3c5a98;
  }
  .social-wrapper__item:hover._tw {
    background: #000000;
  }
  .social-wrapper__item:hover._in {
    background: #da2e7d;
  }
  .social-wrapper__item:hover._vk {
    background: #48729e;
  }
  .social-wrapper__item:hover._yt {
    background: #ab231c;
  }
  .social-wrapper__item:hover._ki {
    background: #60bf6c;
  }
}

footer .social-wrapper__item {
  width: 60px;
  height: 60px;
  opacity: 1;
  font-size: 28px;
  margin-right: 30px;
  color: #ffffff;
  border-radius: 100px;
  transform: scale(1);
  box-shadow: none;
}
@media only screen and (max-width: 1023px) {
  footer .social-wrapper__item {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    font-size: 16px;
  }
}
footer .social-wrapper__item._tl {
  background: #219cde;
  font-size: 22px;
}
@media only screen and (max-width: 1023px) {
  footer .social-wrapper__item._tl {
    font-size: 13px;
  }
}
footer .social-wrapper__item._tl .tl {
  margin-left: -2px;
}
footer .social-wrapper__item._fb {
  background: #3c5a98;
}
footer .social-wrapper__item._tw {
  background: #000000;
}
footer .social-wrapper__item._in {
  background: linear-gradient(29.61deg, #f38334 0%, #da2e7d 50.39%, #6b54c6 100%);
}
footer .social-wrapper__item._in:hover {
  background: linear-gradient(29.61deg, #f38334 0%, #da2e7d 50.39%, #6b54c6 100%);
}
footer .social-wrapper__item._vk {
  background: #48729e;
}
footer .social-wrapper__item._yt {
  background: #ab231c;
}
footer .social-wrapper__item._ki {
  background: #60bf6c;
}
footer .social-wrapper__item._ki i {
  font-size: 24px !important;
}
@media only screen and (max-width: 1023px) {
  footer .social-wrapper__item._ki i {
    font-size: 12px !important;
  }
}

.sticker {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.sticker-item {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--text);
  background: var(--sticker);
  margin-right: 4px;
  text-decoration: none;
  cursor: help;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .sticker-item {
    width: 28px;
    height: 28px;
  }
}
.sticker-item .icon {
  opacity: 0.8;
  font-size: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .sticker-item .icon {
    font-size: 16px;
  }
}
.sticker-item .icon.pdf {
  font-size: 28px;
}
@media only screen and (max-width: 1023px) {
  .sticker-item .icon.pdf {
    font-size: 24px;
  }
}
.sticker-item .icon.play {
  font-size: 18px;
}
@media only screen and (max-width: 1023px) {
  .sticker-item .icon.play {
    font-size: 14px;
  }
}
.sticker-item .icon.closed {
  font-size: 16px;
}
@media only screen and (max-width: 1023px) {
  .sticker-item .icon.closed {
    font-size: 11px;
  }
}
.sticker-item.js_sticker_more {
  cursor: pointer;
}
.sticker-item.js_sticker_more .closed {
  position: absolute;
  opacity: 0;
}
.sticker-item.active i {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sticker-item.active i.more {
  position: absolute;
  opacity: 0;
}
.sticker-item.active i.closed {
  position: relative;
  opacity: 1;
}
.sticker-item:first-child {
  z-index: 2;
}
.sticker-item:last-child {
  margin-right: 0;
}
.sticker._show {
  opacity: 1;
}
.sticker._hide .sticker-item {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 550ms ease-in-out;
  -webkit-transition-delay: 0;
  -o-transition: all 550ms ease-in-out;
  -o-transition-delay: 0;
  -moz-transition: all 550ms ease-in-out;
  -moz-transition-delay: 0;
  transition: all 550ms ease-in-out;
  transition-delay: 0;
}
.sticker._hide .sticker-item:first-child {
  opacity: 1;
  position: absolute;
  right: 36px;
  pointer-events: auto;
  -webkit-transition: all 550ms ease-in-out;
  -webkit-transition-delay: 550ms;
  -o-transition: all 550ms ease-in-out;
  -o-transition-delay: 550ms;
  -moz-transition: all 550ms ease-in-out;
  -moz-transition-delay: 550ms;
  transition: all 550ms ease-in-out;
  transition-delay: 550ms;
}
@media only screen and (max-width: 1023px) {
  .sticker._hide .sticker-item:first-child {
    right: 28px;
  }
}
.sticker._hide .sticker-item:last-child {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.sticker.active .sticker-item {
  opacity: 1;
  pointer-events: auto !important;
  -webkit-transition: all 550ms ease-in-out;
  -webkit-transition-delay: 550ms;
  -o-transition: all 550ms ease-in-out;
  -o-transition-delay: 550ms;
  -moz-transition: all 550ms ease-in-out;
  -moz-transition-delay: 550ms;
  transition: all 550ms ease-in-out;
  transition-delay: 550ms;
}
.sticker.active .sticker-item:first-child {
  right: 100%;
  -webkit-transition: all 550ms ease-in-out;
  -webkit-transition-delay: 0;
  -o-transition: all 550ms ease-in-out;
  -o-transition-delay: 0;
  -moz-transition: all 550ms ease-in-out;
  -moz-transition-delay: 0;
  transition: all 550ms ease-in-out;
  transition-delay: 0;
}

.vote {
  border-radius: 12px;
  padding-bottom: 30px;
  background: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .vote {
    padding-bottom: 20px;
  }
}
.vote-image {
  width: 100%;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.vote-image img {
  width: 100%;
  height: 360px;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .vote-image img {
    height: 100% !important;
  }
}
.vote-content {
  margin-top: 24px;
  padding: 0 100px;
}
@media only screen and (max-width: 1023px) {
  .vote-content {
    padding: 0 20px;
  }
}
.vote-content__title {
  color: var(--text);
  margin-bottom: 24px;
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .vote-content__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }
}
.vote-content__form .form-label {
  color: var(--text);
  position: relative;
  z-index: 2;
  padding-bottom: 0;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .vote-content__form .form-label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
  }
}
.vote-content__form .form-result {
  width: 100%;
  opacity: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  -webkit-transition-delay: 500ms;
  -o-transition: all 500ms ease-in-out;
  -o-transition-delay: 500ms;
  -moz-transition: all 500ms ease-in-out;
  -moz-transition-delay: 500ms;
  transition: all 500ms ease-in-out;
  transition-delay: 500ms;
}
.vote-content__form .form-result__text {
  color: var(--vote_text);
  position: absolute;
  top: -32px;
  right: 0;
  overflow: hidden;
  border-radius: 50px;
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-family: "Open Sans";
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.vote-content__form .form-result__text::before {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  display: inline-block;
  z-index: 1;
  background: var(--text);
  opacity: 0.1;
}
.vote-content__form .form-result__bar {
  width: 100%;
  height: 4px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.vote-content__form .form-result__bar .progress {
  width: 0;
  height: 4px;
  z-index: 2;
  border-radius: 10px;
  background: #e0002a;
  -webkit-transition: all 800ms ease-in-out;
  -webkit-transition-delay: 800ms;
  -o-transition: all 800ms ease-in-out;
  -o-transition-delay: 800ms;
  -moz-transition: all 800ms ease-in-out;
  -moz-transition-delay: 800ms;
  transition: all 800ms ease-in-out;
  transition-delay: 800ms;
}
.vote-content__form .form-result__bar::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--text);
  opacity: 0.1;
  z-index: 1;
}
.vote-content__form .form-radio, .vote-content__form .form-checkbox {
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 10px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.vote-content__form .form-radio:last-child, .vote-content__form .form-checkbox:last-child {
  margin-bottom: 0;
}
.vote-content__form .form-button {
  position: relative;
  margin-top: 32px;
}
@media only screen and (max-width: 1023px) {
  .vote-content__form .form-button {
    margin-top: 10px;
  }
}
.vote-content__form .form-button__item {
  width: 100%;
  z-index: 1;
  -webkit-transition: all 500ms ease-in-out;
  -webkit-transition-delay: 0;
  -o-transition: all 500ms ease-in-out;
  -o-transition-delay: 0;
  -moz-transition: all 500ms ease-in-out;
  -moz-transition-delay: 0;
  transition: all 500ms ease-in-out;
  transition-delay: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .vote-content__form .form-button__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .vote-content__form .form-button__item .btn:first-child {
    margin-bottom: 10px;
  }
}
.vote-content__form .form-button__result {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  -webkit-transition-delay: 500ms;
  -o-transition: all 500ms ease-in-out;
  -o-transition-delay: 500ms;
  -moz-transition: all 500ms ease-in-out;
  -moz-transition-delay: 500ms;
  transition: all 500ms ease-in-out;
  transition-delay: 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.vote-content__form .form-button.active .form-button__item {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.vote-content__form .form-button.active .form-button__result {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.vote-content__form.active .form-radio {
  padding-bottom: 10px;
}
.vote-content__form.active .form-result {
  opacity: 1;
  z-index: 1;
}

.parking {
  border-radius: 12px;
  box-sizing: border-box;
  padding: 30px;
  background: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .parking {
    padding: 20px;
  }
}
.parking-head__title {
  color: var(--text);
  text-decoration: none;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .parking-head__title {
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
  }
}
.parking-head__title i {
  color: #e0002a;
  margin: -3px 16px 0 0;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .parking-head__title:hover i {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.parking-head__nav {
  margin-top: 36px;
}
@media only screen and (max-width: 1023px) {
  .parking-head__nav {
    overflow-x: scroll;
    margin-top: 22px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .parking-head__nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.parking-head__nav a {
  color: var(--text);
  text-decoration: none;
  box-sizing: border-box;
  padding: 12px 14px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}
.parking-head__nav a span {
  border-radius: 4px;
  padding: 3px 6px 2px;
  margin: 0 4px;
  background: var(--parking_count);
}
.parking-head__nav a.active {
  border-radius: 12px;
  background: var(--body);
}
.parking-wrapper {
  display: block;
  text-decoration: none;
}
.parking-wrapper__item {
  counter-reset: ol-counter;
  display: none;
  margin-top: 51px;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item {
    margin-top: 4px;
  }
}
.parking-wrapper__item .item-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 230px);
  grid-template-rows: auto;
  grid-gap: 20px;
  position: relative;
  margin-bottom: 20px;
  padding-left: 36px;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item .item-wrapper {
    padding-top: 38px;
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.parking-wrapper__item .item-wrapper__car {
  background: var(--body);
  border-radius: 12px;
  padding: 14px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item .item-wrapper__car {
    margin-right: 0;
  }
}
.parking-wrapper__item .item-wrapper__car img {
  width: 182px;
  display: block;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item .item-wrapper__car img {
    max-width: 100%;
  }
}
.parking-wrapper__item .item-wrapper__car p {
  color: var(--text);
  margin-top: 12px;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item .item-wrapper__car p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
  }
}
.parking-wrapper__item .item-wrapper__car span {
  color: var(--text);
  margin-top: 4px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item .item-wrapper__car span {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
  }
}
.parking-wrapper__item .item-wrapper:last-child {
  margin-bottom: 0;
}
.parking-wrapper__item .item-wrapper::before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  color: var(--text);
  opacity: 0.3;
  margin-right: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .parking-wrapper__item .item-wrapper::before {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.parking-wrapper__item:first-child {
  display: block;
}
.parking-pay {
  height: 100%;
  background: url("../img/img/parking.png") 10px center no-repeat;
}
@media only screen and (max-width: 1023px) {
  .parking-pay {
    background-image: none;
  }
}
.parking-pay__content {
  height: 100%;
  background: var(--parking);
  backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .parking-pay__content {
    padding-bottom: 40px;
  }
}
.parking-pay__content .content-title {
  color: var(--text);
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
  .parking-pay__content .content-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    text-align: center;
  }
}
.parking-foot {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.autors {
  border-radius: 12px;
  box-sizing: border-box;
  padding: 30px;
  margin-top: 20px !important;
  background: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .autors {
    padding: 20px;
    margin-top: 24px !important;
  }
}
.autors-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.autors-head__title {
  color: var(--text);
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .autors-head__title {
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
  }
}
.autors-head__title i {
  color: #e0002a;
  margin: -3px 16px 0 0;
}
.autors-head__link {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 12px 14px;
  white-space: nowrap;
  border-radius: 12px;
  background: var(--body);
  letter-spacing: 0.02em;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .autors-head__link:hover {
    color: #ffffff;
    background: #e0002a;
  }
}
.autors-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  margin: 20px 0 -50px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .autors-nav {
    display: flex;
  }
}
.autors-nav__link {
  margin-right: 10px;
  opacity: 0.7;
}
.autors-nav__link img {
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border-radius: 100%;
  padding: 3px;
  background: var(--sidebar);
  border: 3px solid var(--sidebar);
}
.autors-nav__link.active {
  opacity: 1;
}
.autors-nav__link.active img {
  border-top: 3px solid #e0002a;
  border-right: 3px solid #e0002a;
  border-bottom: 3px solid #e0002a;
  border-left: 3px solid #e0002a;
  border-color: rgba(224, 0, 42, 0.6);
}
.autors-nav__link:last-child {
  margin-right: 0;
}
.autors-wrapper {
  margin-top: 66px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 14px;
}
@media only screen and (max-width: 1023px) {
  .autors-wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 0;
    margin-top: 0;
  }
}
.autors-wrapper__item {
  padding: 30px;
  background: var(--body);
  border-radius: 12px;
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .autors-wrapper__item {
    display: none;
    padding: 70px 20px 20px;
  }
  .autors-wrapper__item:first-child {
    display: flex;
  }
}
.autors-wrapper__item .item-avatar {
  width: 146px;
  height: 146px;
  border-radius: 100%;
  display: block;
  margin: -60px auto 24px;
  border-top: 4px solid #000000;
  border-right: 4px solid #000000;
  border-bottom: 4px solid #000000;
  border-left: 4px solid #000000;
  border-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1023px) {
  .autors-wrapper__item .item-avatar {
    display: none;
  }
}
.autors-wrapper__item .item-name {
  color: var(--text);
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
}
.autors-wrapper__item .item-name::after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  background: #e0002a;
  margin: 30px auto;
}
.autors-wrapper__item .item-link {
  color: var(--text);
  font-style: italic;
  text-decoration: none;
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
.autors-wrapper__item .item-link::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.autors-wrapper__item .item-link:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.autors-wrapper__item .item-link:last-child::after {
  display: none;
}
.autors-wrapper__item .item-link__wrapper {
  flex: 1 0 auto;
}
.autors-wrapper__item .item-button {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.autors-wrapper__item .item-button .btn {
  opacity: 0.5;
}
@media only screen and (min-width: 1024px) {
  .autors-wrapper__item .item-button .btn:hover {
    opacity: 1;
  }
}

.content-autors {
  width: 70%;
  margin: 40px auto 0;
}
@media only screen and (max-width: 1023px) {
  .content-autors {
    width: 100%;
    margin: 20px auto 0;
  }
  .content-autors::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 20px;
    opacity: 0.2;
    background: var(--text);
  }
}
.content-autors__nav {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
  .content-autors__nav {
    text-align: left;
  }
}
.content-autors__nav .nav-item {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  opacity: 0.3;
  letter-spacing: 0.02em;
  font-size: 12px;
  line-height: 12px;
  font-weight: 800;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.content-autors__nav .nav-item.active {
  opacity: 1;
}
.content-autors__nav .nav-item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .content-autors__nav .nav-item:hover {
    opacity: 0.7;
  }
}
.content-autors__wrapper .wrapper-container {
  opacity: 0;
  position: relative;
  display: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.content-autors__wrapper .wrapper-container__item {
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container__item {
    margin: 0 20px 0 0;
  }
}
.content-autors__wrapper .wrapper-container__item .item-avatar {
  position: relative;
  margin-right: 20px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container__item .item-avatar img {
    width: 40px;
    height: 40px;
  }
}
.content-autors__wrapper .wrapper-container__item .item-avatar i {
  color: #00b200;
  width: 20px;
  height: 20px;
  font-weight: 600;
  background-color: var(--body);
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px solid #00b200;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.add {
  font-size: 9px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.add::before {
  margin-top: 1px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.check {
  font-size: 10px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.active {
  color: #00aced;
  border-color: #00aced;
}
.content-autors__wrapper .wrapper-container__item .item-name {
  color: var(--text);
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container__item .item-name {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
}
.content-autors__wrapper .wrapper-container__item:last-child {
  margin-right: 0;
}
.content-autors__wrapper .wrapper-container .slick-arrow {
  color: var(--text);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .content-autors__wrapper .wrapper-container .slick-arrow:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container .slick-arrow {
    display: none !important;
  }
}
.content-autors__wrapper .wrapper-container .slick-prev {
  position: absolute;
  top: 20px;
  left: -20px;
  z-index: 3;
}
.content-autors__wrapper .wrapper-container .slick-next {
  position: absolute;
  top: 20px;
  right: -30px;
}
.content-autors__wrapper .wrapper-container .slick-disabled {
  opacity: 0.1 !important;
}
.content-autors__wrapper .wrapper-container .slick-list {
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container .slick-list {
    padding-left: 0;
  }
}
.content-autors__wrapper .wrapper-container .slick-list::before, .content-autors__wrapper .wrapper-container .slick-list::after {
  content: "";
  width: 20px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--cover);
  z-index: 2;
}
.content-autors__wrapper .wrapper-container .slick-list::before {
  left: 0;
  right: auto;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container .slick-list::before {
    display: none;
  }
}
.content-autors__wrapper .wrapper-container:first-child {
  display: block;
}

.widget-info {
  color: var(--text);
  border-radius: 12px;
  text-decoration: none;
  background: var(--sidebar);
  padding: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.widget-info img {
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
  border-radius: 100%;
  margin-right: 40px;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .widget-info img {
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
  }
}
.widget-info__content .content-title {
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 18px;
}
@media only screen and (max-width: 1023px) {
  .widget-info__content .content-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
  }
}
.widget-info__content .content-text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .widget-info__content .content-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1024px) {
  .widget-info:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.gallery {
  opacity: 0;
  margin-bottom: 40px !important;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .gallery {
    margin-bottom: 32px !important;
  }
}
.gallery-item {
  position: relative;
}
.gallery-item__link {
  display: block;
  position: relative;
  text-align: center;
}
.gallery-item__link img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}
.gallery-item__link i {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--text);
  background: var(--sticker);
  margin-right: 4px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.gallery-item__link i::before {
  opacity: 0.8;
  font-size: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .gallery-item__link:hover i {
    opacity: 1;
  }
}
.gallery-item__text {
  color: var(--text);
  opacity: 0.7;
  margin: 20px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .gallery-item__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 20px 20px 0 !important;
  }
}
.gallery-item__text em {
  font-weight: 100;
}
.gallery-item__text a {
  color: var(--text);
  text-decoration: none;
  position: relative;
}
.gallery-item__text a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: 0.3;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .gallery-item__text a:hover::after {
    height: 12px;
  }
}
.gallery-item__signature {
  color: var(--text);
  opacity: 0.7;
  margin: 20px 150px 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .gallery-item__signature {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 20px 20px 0 !important;
  }
}
.gallery-item__signature em {
  font-weight: 100;
}
.gallery-item__signature a {
  color: var(--text);
  text-decoration: none;
  position: relative;
}
.gallery-item__signature a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: 0.3;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .gallery-item__signature a:hover::after {
    height: 12px;
  }
}
.gallery-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
  border-radius: 12px;
}
.gallery-item.video {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .gallery-wrapper._one .gallery-item__text {
    margin-right: 150px;
    margin-left: 150px;
  }
  .gallery-wrapper._two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 20px;
  }
  .gallery-wrapper._two .gallery-item__text {
    margin-right: 20px;
    margin-left: 20px;
  }
  .gallery-wrapper._three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-gap: 20px;
  }
  .gallery-wrapper._three .gallery-item__text {
    margin-right: 20px;
    margin-left: 20px;
  }
  .gallery-wrapper._four {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 20px;
  }
  .gallery-wrapper._four .gallery-item__text {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .gallery-wrapper._one .slick-dots {
    display: none;
  }
  .gallery-wrapper._two, .gallery-wrapper._three, .gallery-wrapper._four {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 16px;
  }
  .gallery-wrapper .slick-dots {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .gallery-wrapper .slick-dots li {
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 10px;
    margin-right: 4px;
    color: transparent;
    opacity: 0.5;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .gallery-wrapper .slick-dots li.slick-active {
    width: 10px;
  }
  .gallery-wrapper .slick-dots li button {
    opacity: 0;
  }
  .gallery-wrapper .slick-list {
    margin-right: -10px;
  }
  .gallery-wrapper .slick-slide {
    margin-right: 10px;
  }
}
.gallery-slider {
  opacity: 0;
  margin-bottom: 40px !important;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .gallery-slider {
    margin-bottom: 32px !important;
  }
}
.gallery-slider .gallery-item__text {
  margin-right: 150px;
  margin-left: 150px;
}
@media only screen and (max-width: 1023px) {
  .gallery-slider .gallery-item__text {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.gallery-slider .slick-dots {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.gallery-slider .slick-dots li {
  width: 12px;
  height: 12px;
  background: #e0002a;
  border-radius: 10px;
  margin-right: 4px;
  color: transparent;
  opacity: 0.5;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 767px) {
  .gallery-slider .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.gallery-slider .slick-dots li.slick-active {
  width: 20px;
}
@media only screen and (max-width: 767px) {
  .gallery-slider .slick-dots li.slick-active {
    width: 16px;
  }
}
.gallery-slider .slick-dots li button {
  opacity: 0;
}
.gallery-slider .slick-list {
  margin-right: -20px;
}
@media only screen and (max-width: 1023px) {
  .gallery-slider .slick-list {
    margin-right: -10px;
  }
}
.gallery-slider .slick-arrow {
  top: 100px;
  width: 60px;
  height: 60px;
  font-size: 24px;
  position: absolute;
  z-index: 2;
  border-radius: 100px;
  top: 40%;
  margin-top: -30px;
  opacity: 1;
  background: rgba(51, 51, 51, 0.6);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.gallery-slider .slick-arrow:hover {
  background: rgba(51, 51, 51, 0.8);
}
.gallery-slider .slick-prev {
  left: 20px;
}
.gallery-slider .slick-next {
  right: 20px;
}
.gallery-slider .slick-disabled {
  opacity: 0;
}
.gallery-slider .slick-slide {
  margin-right: 20px;
}
@media only screen and (max-width: 1023px) {
  .gallery-slider .slick-slide {
    margin-right: 10px;
  }
}
.gallery-slider._show {
  opacity: 1;
}
.gallery._show {
  opacity: 1;
}

.subscripts {
  width: 100%;
  position: relative;
  background: var(--subscript);
  padding: 20px 0;
}
.subscripts-logo {
  color: #00aced;
  font-size: 80px;
  position: relative;
  text-align: center;
}
.subscripts-logo i {
  background: var(--subscript);
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 3px;
  padding: 0 20px;
}
@media only screen and (max-width: 1023px) {
  .subscripts-logo i {
    font-size: 60px;
    margin-top: -1px;
  }
}
.subscripts-logo::after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  z-index: 1;
  background: #00aced;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subscripts-title {
  color: #00aced;
  text-align: center;
  margin: 24px 0 8px;
  font-size: 40px;
  line-height: 58px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .subscripts-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }
}
.subscripts-subtitle {
  color: var(--text);
  text-align: center;
  margin: 0 0 60px;
  font-size: 40px;
  line-height: 58px;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  .subscripts-subtitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 30px;
  }
}
.subscripts-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 4px;
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper {
    width: calc(100% - 20px) !important;
    margin: 0 8px !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 8px;
  }
}
.subscripts-wrapper__item {
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 40px 30px;
  background: var(--header);
  position: relative;
  z-index: 1;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper__item {
    height: 100%;
    padding: 40px 16px 20px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}
.subscripts-wrapper__item .item-sub {
  color: var(--text);
  opacity: 0.7;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper__item .item-sub {
    display: none;
  }
}
.subscripts-wrapper__item .item-title {
  color: var(--text);
  text-align: center;
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper__item .item-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.subscripts-wrapper__item .item-title::before, .subscripts-wrapper__item .item-title::after {
  content: "";
  width: 80px;
  height: 2px;
  display: block;
  margin: 20px auto;
  background: #cccccc;
}
.subscripts-wrapper__item .item-title::after {
  margin-top: 24px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item .item-title::before {
    display: none;
    margin: 0;
  }
}
.subscripts-wrapper__item .item-price {
  color: var(--text);
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
  font-family: "Open Sans";
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item .item-price {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
  }
}
.subscripts-wrapper__item .item-price sub {
  bottom: 0;
  font-size: 60px;
  line-height: 60px;
  font-weight: 300;
  font-family: "Raleway";
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item .item-price sub {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
  }
}
.subscripts-wrapper__item .item-wrapper {
  flex: 1 0 auto;
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item .item-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper__item .item-wrapper {
    flex: auto;
  }
}
.subscripts-wrapper__item .item-wrapper__text {
  color: var(--text);
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item .item-wrapper__text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
  }
}
.subscripts-wrapper__item .item-wrapper__text::after {
  content: "";
  width: 80px;
  height: 2px;
  display: block;
  margin: 24px auto;
  background: var(--text);
  opacity: 0.2;
}
.subscripts-wrapper__item .item-wrapper__text:last-child::after {
  display: none;
}
.subscripts-wrapper__item .item-button {
  width: 100%;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item .item-button {
    display: none;
  }
}
.subscripts-wrapper__item .item-button .btn {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
}
.subscripts-wrapper__item .item-help {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  position: absolute;
  bottom: 4px;
  right: 4px;
  opacity: 0.6;
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .subscripts-wrapper__item .item-help {
    display: none;
  }
}
.subscripts-wrapper__item .item-help .icon {
  text-decoration: none;
  color: var(--text);
  margin: -1px 0 0 2px;
  font-size: 20px;
}
.subscripts-wrapper__item .item-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
.subscripts-wrapper__item::before {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  background: #cccccc;
  position: absolute;
  top: 0;
  left: 0;
}
.subscripts-wrapper__item:first-child {
  background: #FFEC98;
}
.subscripts-wrapper__item:first-child .item-sub {
  color: #333333;
}
.subscripts-wrapper__item:first-child .item-title {
  color: #333333;
}
.subscripts-wrapper__item:first-child .item-title::before, .subscripts-wrapper__item:first-child .item-title::after {
  background: #ECC000;
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item:first-child .item-title {
    display: none;
  }
}
.subscripts-wrapper__item:first-child .item-price {
  color: #333333;
}
.subscripts-wrapper__item:first-child .item-price span {
  filter: blur(5px);
}
.subscripts-wrapper__item:first-child .item-wrapper__text {
  color: #333333;
}
.subscripts-wrapper__item:first-child .item-wrapper__text::after {
  background: #333333;
}
.subscripts-wrapper__item:first-child .item-help .info_outline {
  color: #333333;
}
.subscripts-wrapper__item:first-child .btn {
  background: #333333;
}
@media only screen and (min-width: 1024px) {
  .subscripts-wrapper__item:first-child .btn:hover {
    animation: pulseBlack 1500ms infinite;
  }
}
@media only screen and (max-width: 767px) {
  .subscripts-wrapper__item:first-child .no_des {
    display: block !important;
  }
}
.subscripts-wrapper__item:first-child::before {
  background: #FFEC98;
}
.subscripts-wrapper__item:nth-of-type(2) .item-title::before, .subscripts-wrapper__item:nth-of-type(2) .item-title::after {
  background: #4e18f1;
}
.subscripts-wrapper__item:nth-of-type(2) .btn {
  background: #4e18f1;
}
@media only screen and (min-width: 1024px) {
  .subscripts-wrapper__item:nth-of-type(2) .btn:hover {
    animation: pulsePurpl 1500ms infinite;
  }
}
.subscripts-wrapper__item:nth-of-type(2)::before {
  background: linear-gradient(270.36deg, #4E18F1 -0.62%, #8B17EE 100.62%);
}
.subscripts-wrapper__item:nth-of-type(3) {
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper__item:nth-of-type(3) {
    box-shadow: none;
    padding: 40px 16px 20px;
    margin: 0;
  }
}
.subscripts-wrapper__item:nth-of-type(3) .item-title::before, .subscripts-wrapper__item:nth-of-type(3) .item-title::after {
  background: #ea9d49;
}
.subscripts-wrapper__item:nth-of-type(3) .btn {
  background: #ea9d49;
}
@media only screen and (min-width: 1024px) {
  .subscripts-wrapper__item:nth-of-type(3) .btn:hover {
    animation: pulseOrange 1500ms infinite;
  }
}
.subscripts-wrapper__item:nth-of-type(3)::before {
  background: linear-gradient(270.36deg, #C86436 -0.62%, #EA9D49 100.62%);
}
@media only screen and (max-width: 1023px) {
  .subscripts-wrapper__item:last-child {
    margin-bottom: 0;
  }
}
.subscripts-wrapper__item:last-child .item-title::before, .subscripts-wrapper__item:last-child .item-title::after {
  background: #37bbce;
}
.subscripts-wrapper__item:last-child .btn {
  background: #37bbce;
}
@media only screen and (min-width: 1024px) {
  .subscripts-wrapper__item:last-child .btn:hover {
    animation: pulseAqua 1500ms infinite;
  }
}
.subscripts-wrapper__item:last-child::before {
  background: linear-gradient(270.36deg, #2686CA -0.62%, #37BBCE 100.62%);
}
.subscripts-button {
  margin-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .subscripts-button {
    margin-top: 40px;
  }
}
.subscripts-donate {
  color: var(--text);
  background: var(--sidebar);
  border-radius: 12px;
  padding: 40px;
  margin: 0 -24px;
}
.subscripts-donate .summa-button .form-radio {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  grid-gap: 8px;
}
@media only screen and (max-width: 767px) {
  .subscripts-donate .summa-button .form-radio {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 8px;
  }
}
.subscripts-donate .summa-button .form-radio .label {
  margin-bottom: 0;
}
.subscripts-donate .summa-button .form-radio .label .radio {
  display: none;
}
.subscripts-donate .summa-button .form-radio .label .btn {
  text-align: center;
  font-family: Arial;
  font-weight: 600;
}
.subscripts-donate .summa-button .form-radio .label .btn.active {
  color: #ffffff;
  background: #00aced;
}
.subscripts-donate .small {
  width: 50%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.subscripts-donate .small input {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .subscripts-donate .small {
    width: 100%;
  }
}
.subscripts-donate .min {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.subscripts-donate .min label {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.subscripts-donate .min label a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
  text-decoration: underline;
}
.subscripts-donate .min label a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.subscripts-donate .min label a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .subscripts-donate .min label a:hover::after {
    height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .subscripts-donate .min {
    width: 100%;
  }
}
.subscripts-donate .form-radio {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.subscripts-donate .form-checkbox .label {
  align-items: flex-start;
}
.subscripts::before {
  content: "";
  width: 100%;
  height: 300px;
  display: block;
  position: absolute;
  top: -300px;
  left: 0;
  background: var(--sub);
}

.modal {
  width: 450px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  padding: 24px;
  box-sizing: border-box;
  background: var(--body);
  overflow-y: auto;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .modal {
    width: 100%;
  }
}
.modal-wrapper {
  position: relative;
  height: 100%;
}
.modal-header {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.modal-header__title {
  color: var(--text);
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.modal-header i {
  color: var(--text);
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .modal-header i:hover {
    opacity: 1;
  }
}
.modal-header::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  background-color: var(--text);
  opacity: 0.4;
}
.modal-content__text {
  color: var(--text);
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 24px;
}
.modal-content__text p {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.modal-content__text p a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
  font-weight: 500;
}
.modal-content__text p a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.modal-content__text p a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .modal-content__text p a:hover::after {
    height: 12px;
  }
}
.modal-content__text ul {
  padding: 0 4px 20px;
}
.modal-content__text ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 10px;
  position: absolute;
  top: 16px;
  left: 0;
  background: #e0002a;
}
@media only screen and (max-width: 1023px) {
  .modal-content__text ul li::before {
    width: 4px;
    height: 4px;
    top: 10px;
  }
}
.modal-content__text ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.modal-content__text ul li::before {
  top: 12px;
}
.modal-content__text ul li::last-child {
  margin-bottom: 0;
}
.modal-content__text h2 {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.modal-footer {
  padding-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .modal-footer {
    padding-bottom: 20px;
  }
}
.modal.big {
  width: 752px;
}
@media only screen and (max-width: 1023px) {
  .modal.big {
    width: 100%;
  }
}
.modal.active {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.popup {
  width: 450px;
  position: fixed;
  background: var(--body);
  border-radius: 12px;
  padding: 24px;
  box-sizing: border-box;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .popup {
    width: calc(100% - 20px);
  }
}
.popup-wrapper__content .content-title {
  text-align: center;
  margin-bottom: 24px;
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .popup-wrapper__content .content-title {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
  }
}
.popup-wrapper__content .content-title.warning {
  color: #e0002a;
}
.popup-wrapper__content .content-text {
  color: var(--text);
  text-align: center;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .popup-wrapper__content .content-text {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }
}
.popup-wrapper__footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.popup i {
  color: var(--text);
  opacity: 0.4;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .popup i:hover {
    opacity: 1;
  }
}
.popup.active {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.site-mess {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 100;
}
.site-mess__item {
  color: #333333;
  padding: 12px;
  box-sizing: border-box;
  background: #cccccc;
  box-shadow: inset 0 0 0 2px #999999;
  border-radius: 12px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.site-mess__item._green {
  background: #DEF6D5;
  box-shadow: inset 0 0 0 2px #81CB67;
}
.site-mess__item._green i {
  color: #81CB67;
}
.site-mess__item._orange {
  background: #FDE4BF;
  box-shadow: inset 0 0 0 2px #ffbc59;
}
.site-mess__item._orange i {
  color: #ffbc59;
}
.site-mess__item._red {
  background: #F2D1D1;
  box-shadow: inset 0 0 0 2px #EB7F7F;
}
.site-mess__item._red i {
  color: #EB7F7F;
}
.site-mess__item._blue {
  background: #d5e7f6;
  box-shadow: inset 0 0 0 2px #64b9ff;
}
.site-mess__item._blue i {
  color: #64b9ff;
}
.site-mess__item:last-child {
  margin-bottom: 0;
}
.site-mess__item span {
  width: calc(100% - 50px);
  padding: 0 8px;
  flex: 1 0 auto;
}
.site-mess__item i {
  font-size: 20px;
}
.site-mess__item i.closed {
  font-size: 14px;
  cursor: pointer;
  color: #333333 !important;
  opacity: 0.4;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 4px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 4px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 4px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 4px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: var(--tooltip);
  line-height: 18px;
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding: 4px 8px;
}
.tooltipster-sidetip .tooltipster-content hr {
  border: 0;
  border-top: 1px solid var(--body);
  margin: 8px 0;
  opacity: 0.4;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border: none;
  background: var(--tooltip_bg);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
  height: 16px;
  margin-left: 0;
  margin-top: -8px;
  width: 8px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
  display: none;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
  border: 8px solid transparent;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--tooltip_bg);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--tooltip_bg);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--tooltip_bg);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--tooltip_bg);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
  left: -8px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-disabled {
  opacity: 0.1;
}

.slick-arrow {
  width: 26px;
  height: 18px;
  overflow: hidden;
  color: #fff;
  background: transparent;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}

.slick-prev {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*! lightgallery - v1.9.0 - 2020-10-14
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2020 Sachin N; Licensed GPLv3 */
@font-face {
  font-family: "lg";
  src: url("/fonts/lg/lg.ttf?22t19m") format("truetype"), url("/fonts/lg.woff?22t19m") format("woff"), url("/fonts/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  background: none;
  border: none;
  box-shadow: none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: left;
  z-index: 1080;
}
@media only screen and (max-width: 1023px) {
  .lg-sub-html {
    overflow-y: scroll;
    max-height: 150px;
  }
}
.lg-sub-html a {
  color: #ffffff;
  text-decoration: none;
  position: relative;
}
.lg-sub-html a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: 0.8;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .lg-sub-html a:hover::after {
    height: 12px;
  }
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
  outline: medium none;
  border: none;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/lg/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/lg/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/lg/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/lg/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/lg/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share:after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e904";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e907";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e905";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-outer .lg-img-rotate {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  outline: none;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url("../img/lg/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*# sourceMappingURL=lightgallery.css.map */
.ba-slider {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 40px !important;
}
@media only screen and (max-width: 1023px) {
  .ba-slider {
    width: 100% !important;
    margin: 0 0 32px !important;
  }
}
.ba-slider img {
  width: 100%;
  display: block;
  max-width: none;
}
.ba-slider .resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.ba-slider .handle {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -2px;
  background: var(--body);
  cursor: ew-resize;
}
.ba-slider .handle i {
  color: #ffffff;
  z-index: 2;
  font-size: 78px;
  -webkit-transition: all 250ms ease-in-out;
  -webkit-transition-delay: 300ms;
  -o-transition: all 250ms ease-in-out;
  -o-transition-delay: 300ms;
  -moz-transition: all 250ms ease-in-out;
  -moz-transition-delay: 300ms;
  transition: all 250ms ease-in-out;
  transition-delay: 300ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ba-slider .handle::after {
  content: "";
  width: 108px;
  height: 45px;
  color: #ffffff;
  border-radius: 50px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 250ms ease-in-out;
  -webkit-transition-delay: 0ms;
  -o-transition: all 250ms ease-in-out;
  -o-transition-delay: 0ms;
  -moz-transition: all 250ms ease-in-out;
  -moz-transition-delay: 0ms;
  transition: all 250ms ease-in-out;
  transition-delay: 0ms;
  background: rgba(51, 51, 51, 0.6);
}
.ba-slider .handle.ba-draggable::after {
  width: 20px;
  height: 20px;
  -webkit-transition: all 250ms ease-in-out;
  -webkit-transition-delay: 300ms;
  -o-transition: all 250ms ease-in-out;
  -o-transition-delay: 300ms;
  -moz-transition: all 250ms ease-in-out;
  -moz-transition-delay: 300ms;
  transition: all 250ms ease-in-out;
  transition-delay: 300ms;
}
.ba-slider .handle.ba-draggable i {
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -webkit-transition-delay: 0ms;
  -o-transition: all 250ms ease-in-out;
  -o-transition-delay: 0ms;
  -moz-transition: all 250ms ease-in-out;
  -moz-transition-delay: 0ms;
  transition: all 250ms ease-in-out;
  transition-delay: 0ms;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
.main-header {
  margin-top: 20px !important;
  color: var(--text);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .main-header {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-top: 14px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.main-header span {
  color: #e0002a;
  margin-left: 12px;
}
@media only screen and (max-width: 1023px) {
  .main-header span {
    margin-left: 0;
  }
}
.main-header__sort {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.main-header__sort i {
  width: 40px;
  height: 40px;
  font-size: 20px;
  border-radius: 12px;
  color: var(--text);
  background: var(--sidebar);
  cursor: pointer;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.main-header__sort i:last-child {
  margin-left: 8px;
}
.main-header__sort i.active {
  color: var(--text) !important;
  background: var(--sidebar) !important;
  box-shadow: inset 0 0 0 2px var(--input);
}
@media only screen and (min-width: 1024px) {
  .main-header__sort i:hover {
    color: #ffffff;
    background: #e0002a;
  }
}
.main-header__wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.main-header .sort-item {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--sidebar);
  position: absolute;
  top: 82px;
  right: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .main-header .sort-item {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.main-header .sort-item__text {
  color: var(--text);
  padding: 0 12px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .main-header .sort-item__text {
    display: none;
  }
}
.main-header .sort-item__text:first-child {
  padding: 0 12px 0 0;
  flex: 1 0 auto;
}
@media only screen and (max-width: 1023px) {
  .main-header .sort-item__text:first-child {
    display: block;
    padding: 0;
    text-align: center;
  }
}
.main-header .sort-item::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 62px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent var(--sidebar) transparent;
}
.main-header .sort-item._sorting {
  width: auto;
}
@media only screen and (max-width: 1023px) {
  .main-header .sort-item._sorting {
    width: 100%;
  }
}
.main-header .sort-item._sorting .btn:last-child {
  margin-left: 12px;
}
@media only screen and (max-width: 1023px) {
  .main-header .sort-item._sorting .btn:last-child {
    width: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .main-header .sort-item._sorting .btn {
    width: fit-content !important;
    margin: 0 auto !important;
  }
}
.main-header .sort-item._sorting::before {
  right: 14px;
}
.main-header .sort-item.active {
  top: 52px;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.main-header._404 {
  padding: 80px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .main-header._404 {
    padding: 20px 0 40px;
  }
}
.main-header._404 p {
  text-align: center;
  font-size: 36px;
  line-height: 46px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .main-header._404 p {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
  }
}
.main-header._404::before {
  content: "404";
  color: var(--text);
  opacity: 0.1;
  font-size: 220px;
  line-height: 0px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  top: 90px;
}
@media only screen and (max-width: 1023px) {
  .main-header._404::before {
    font-size: 170px;
    line-height: 0px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.page-title {
  margin: 20px 0;
  color: var(--text);
  position: relative;
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin: 14px 0;
  }
}
.page-title__brew {
  margin-top: 4px;
  color: var(--text);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.page-title__brew span {
  opacity: 0.4;
}
.page-title__brew a {
  color: var(--text);
  text-decoration: none;
  opacity: 0.4;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-title__brew a::after {
  content: "»";
  padding: 0 4px;
}
@media only screen and (min-width: 1024px) {
  .page-title__brew a:hover {
    opacity: 1;
  }
}
.page-title.button .btn {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0, -50%);
}
.page-title.center {
  text-align: center;
}
.page-subtext {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .page-subtext {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
}
.page-subtext a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.page-subtext a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-subtext a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .page-subtext a:hover::after {
    height: 12px;
  }
}

.feed {
  margin-top: 20px !important;
}
@media only screen and (max-width: 1023px) {
  .feed {
    margin-top: 10px !important;
  }
}
.feed-item {
  position: relative;
  color: var(--text);
  text-decoration: none;
  background: var(--sidebar);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.feed-item__image {
  width: 100%;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.feed-item__image img {
  width: 100%;
  height: 360px;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .feed-item__image img {
    height: 100% !important;
  }
}
.feed-item__content {
  padding: 30px;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .feed-item__content {
    padding: 20px !important;
  }
}
.feed-item__content .content-title {
  margin: 16px 0;
  flex: 1 0 auto;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .feed-item__content .content-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
}
.feed-item__content .content-info {
  width: 100%;
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .feed-item__content .content-info {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
  }
}
.feed-item__content .content-info__date {
  opacity: 0.5;
}
.feed-item__content .content-info .comments {
  opacity: 0.5;
  color: var(--text);
  padding-left: 8px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.feed-item__content .content-info .comments::after {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.feed-item__content .content-info .comments:hover {
  color: #e0002a;
  opacity: 1;
}
.feed-item__content .content-info i.pay, .feed-item__content .content-info i.partner {
  padding-left: 8px;
  position: relative;
}
.feed-item__content .content-info i.pay::after, .feed-item__content .content-info i.partner::after {
  content: "";
  width: 1px;
  height: 8px;
  opacity: 0.5;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.feed-item__content .pay {
  font-size: 24px;
  color: #00aced;
  cursor: help;
}
.feed-item__content .partner {
  font-size: 24px;
  color: #00b200;
  cursor: help;
}
.feed-item._screen {
  overflow: hidden;
  background: transparent;
}
.feed-item._screen .feed-item__content {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.feed-item._screen .category {
  color: #ffffff;
  border-color: #ffffff;
  opacity: 1;
}
.feed-item._screen .content-info {
  color: #ffffff;
}
.feed-item._screen .content-info .comments {
  color: #ffffff;
}
.feed-item._screen .content-info .icon::after {
  background: #ffffff;
}
.feed-item._screen .content-info__date::after, .feed-item._screen .comments::after {
  background: #ffffff;
}
.feed-item._screen::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 71.87%);
}
@media only screen and (min-width: 1024px) {
  .feed-item:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.feed._1._arb {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .feed._1._arb {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.feed._2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .feed._2 {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.feed._2 .feed-item__image img {
  height: auto;
}
.feed._2 .content-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .feed._2 .content-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
}
.feed._2 ._screen .feed-item__image {
  height: 100%;
}
.feed._2 ._screen .feed-item__image img {
  height: 100%;
}
.feed._2._arb {
  display: grid;
  grid-template-columns: 1fr 1fr 300px;
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .feed._2._arb {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.feed._3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .feed._3 {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.feed._3 .feed-item__image img {
  height: auto;
}
.feed._3 .content-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .feed._3 .content-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
}
.feed._3 ._screen .feed-item__image {
  height: 100%;
}
.feed._3 ._screen .feed-item__image img {
  height: 100%;
}
.feed._4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .feed._4 {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.feed._4 .feed-item__image img {
  height: auto;
}
.feed._4 .feed-item__content {
  padding: 20px;
}
.feed._4 .content-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .feed._4 .content-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
}
.feed._4 ._screen .feed-item__image {
  height: 100%;
}
.feed._4 ._screen .feed-item__image img {
  height: 100%;
}
@media only screen and (max-width: 1023px) {
  .feed .arb {
    width: 100% !important;
  }
}

.compilation {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  padding: 104px 40px 40px;
  box-sizing: border-box;
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 1023px) {
  .compilation {
    padding: 70px 0 18px;
    margin-top: 10px;
  }
}
.compilation-wrapper {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .compilation-wrapper {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.compilation-wrapper__item {
  color: var(--text);
  text-decoration: none;
  padding: 20px;
  border-radius: 12px;
  background: var(--header);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.1);
  padding-top: 16px;
  padding-bottom: 16px;
  box-shadow: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.compilation-wrapper__item .item-title {
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 8px;
  flex: 1 0 auto;
}
@media only screen and (max-width: 1023px) {
  .compilation-wrapper__item .item-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }
}
.compilation-wrapper__item .item-info {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .compilation-wrapper__item .item-info {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
  }
}
.compilation-wrapper__item .item-info__date {
  opacity: 0.5;
}
.compilation-wrapper__item .item-info .comments {
  opacity: 0.5;
  padding-left: 8px;
  position: relative;
}
.compilation-wrapper__item .item-info .comments::after {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.compilation-wrapper__item .item-info .pay {
  font-size: 28px;
  color: #00aced;
  margin-top: 0px;
  cursor: help;
  padding-left: 8px;
  position: relative;
}
.compilation-wrapper__item .item-info .pay::after {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.compilation-wrapper__item .item-info .partner {
  font-size: 28px;
  color: #00b200;
  margin-top: 0px;
  cursor: help;
  padding-left: 8px;
  position: relative;
}
.compilation-wrapper__item .item-info .partner::after {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.compilation-wrapper__item.active {
  animation: pulseRed 2000ms infinite;
}
@media only screen and (min-width: 1024px) {
  .compilation-wrapper__item:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.compilation-wrapper._odd .compilation-wrapper__item:first-child {
  grid-area: 1/1/2/3;
}
@media only screen and (max-width: 1023px) {
  .compilation-wrapper._odd .compilation-wrapper__item:first-child {
    grid-area: auto;
  }
}
.compilation-wrapper .sticker {
  top: auto;
  opacity: 0.3 !important;
  bottom: 10px;
}
.compilation-wrapper .sticker-item {
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px solid var(--text);
}
.compilation-wrapper .sticker-item .icon {
  opacity: 0.8;
  font-size: 16px;
}
.compilation-wrapper .sticker-item .icon.pdf {
  font-size: 20px;
}
.compilation-wrapper .sticker-item .icon.play {
  font-size: 14px;
}
.compilation-wrapper .sticker-item .icon.closed {
  font-size: 14px;
  opacity: 0;
}
.compilation-wrapper .sticker-item:first-child {
  right: 26px !important;
}
.compilation-wrapper .sticker.active .sticker-item:first-child {
  right: 100% !important;
}
.compilation-wrapper .sticker.active i.more {
  position: absolute;
  opacity: 0;
}
.compilation-wrapper .sticker.active i.closed {
  position: relative;
  opacity: 1;
}
.compilation::before {
  width: fit-content;
  content: attr(data-title);
  color: #ffffff;
  background: #e0002a;
  padding: 8px 20px;
  border-radius: 40px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  top: 24px;
}
@media only screen and (max-width: 1023px) {
  .compilation::before {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    padding: 6px 12px;
    top: 20px;
  }
}
.compilation::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #000000;
  opacity: 0.6;
}

.archive {
  width: 100%;
  border-radius: 12px 12px 0 0;
  margin-top: -20px;
  padding: 45px 0 52px;
  background: var(--archive_bg);
}
@media only screen and (max-width: 1023px) {
  .archive {
    padding-bottom: 8px;
    border-radius: 12px;
  }
}
.archive-title {
  color: #ffffff;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
  .archive-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
  }
}
.archive-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .archive-wrapper {
    overflow-x: scroll;
    grid-gap: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .archive-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.archive-wrapper .feed-item {
  color: #ffffff;
  background: var(--archive_block);
}
@media only screen and (max-width: 1023px) {
  .archive-wrapper .feed-item {
    width: 300px;
    flex: 0 0 300px;
    margin-right: 10px;
  }
  .archive-wrapper .feed-item:last-child {
    margin-right: 0;
  }
}
.archive-wrapper .content-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .archive-wrapper .content-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }
}
.archive-wrapper .content-info {
  color: #ffffff;
}
.archive-wrapper .content-info__date::after, .archive-wrapper .comments::after, .archive-wrapper .pay::after, .archive-wrapper .partner::after {
  background: #ffffff !important;
}
.archive-wrapper .comments {
  color: #ffffff !important;
}
@media only screen and (min-width: 1024px) {
  .archive-wrapper .comments:hover {
    color: #e0002a !important;
  }
}
.archive-wrapper .category {
  color: #ffffff;
  border-color: #ffffff;
}

.news {
  width: 100%;
  padding: 20px 0 26px;
  border-radius: 12px;
  margin-top: 20px;
  background: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .news {
    display: block;
  }
}
.news-title {
  color: var(--text);
  margin-bottom: 16px;
  font-size: 26px;
  line-height: 26px;
  font-weight: 600;
}
.news-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 0 40px;
}
@media only screen and (max-width: 767px) {
  .news-wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 0;
  }
}
.news-wrapper__item {
  color: var(--text);
  text-decoration: none;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: 120px auto;
  grid-template-rows: auto;
  grid-gap: 20px;
}
.news-wrapper__item img {
  max-width: 100%;
  border-radius: 12px;
  transform: scale(1);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.news-wrapper__item .item-title {
  color: var(--text);
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.news-wrapper__item .item-info {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.news-wrapper__item .item-info__date {
  opacity: 0.5;
}
.news-wrapper__item .item-info .comments {
  opacity: 0.5;
  padding-left: 8px;
  position: relative;
}
.news-wrapper__item .item-info .comments::before {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.news-wrapper__item .item-info .pay {
  font-size: 20px;
  padding-left: 8px;
  color: #00aced;
  cursor: help;
  position: relative;
}
.news-wrapper__item .item-info .pay::after {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.news-wrapper__item .item-info .partner {
  font-size: 20px;
  color: #00b200;
  cursor: help;
  padding-left: 8px;
  position: relative;
}
.news-wrapper__item .item-info .partner::after {
  content: "";
  width: 1px;
  height: 8px;
  background: var(--text);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.news-wrapper__item:hover .item-title {
  color: #e0002a;
}
.news-wrapper__item:hover img {
  transform: scale(1.1);
}
.news-wrapper__item::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-wrapper__footer {
  box-sizing: border-box;
  text-align: center;
  padding: 12px 0 0;
}

.video {
  width: 100%;
  border-radius: 12px;
  padding: 40px 0;
  margin-top: -12px;
  background: #444a54;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .video {
    margin-top: 0;
    padding: 24px 0;
  }
}
.video-title {
  color: #ffffff;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
  .video-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
  }
}
.video-wrapper__item {
  color: #ffffff;
  text-decoration: none;
  margin-right: 20px;
}
@media only screen and (max-width: 1023px) {
  .video-wrapper__item {
    margin-right: 8px;
  }
}
.video-wrapper__item .item-image {
  position: relative;
}
.video-wrapper__item .item-image i {
  width: 60px;
  height: 60px;
  color: #ffffff;
  background: #e0002a;
  border-radius: 100%;
  font-size: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-wrapper__item .item-image i::before {
  margin-left: 4px;
}
.video-wrapper__item .item-image img {
  max-width: 100%;
  border-radius: 12px;
  display: block;
  margin-bottom: 12px;
}
.video-wrapper__item .item-title {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .video-wrapper__item .item-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) {
  .video-wrapper__item:hover .vid {
    animation: pulseRed 2s infinite;
  }
}
.video-wrapper__item:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1023px) {
  .video-wrapper .slick-list {
    margin-left: -30px;
  }
}
.video-wrapper .slick-arrow {
  position: absolute;
  height: 24px;
  top: -40px;
  right: 0;
  font-size: 24px;
  opacity: 0.3;
}
@media only screen and (min-width: 1024px) {
  .video-wrapper .slick-arrow:hover {
    opacity: 0.5;
  }
}
.video-wrapper .slick-prev {
  right: 60px;
}
.video-wrapper .slick-next {
  right: 20px;
}

.subscript {
  color: #ffffff;
  border-radius: 12px;
  background: #00aced;
  padding: 40px 0;
  box-sizing: border-box;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .subscript {
    width: 100% !important;
    margin: 24px 0 !important;
    padding: 14px 30px;
  }
}
.subscript-title {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .subscript-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 20px;
  }
}
.subscript-form {
  width: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.subscript-form .input {
  color: #ffffff;
  margin-right: 12px;
}
.subscript-form .input::-webkit-input-placeholder {
  color: #ffffff;
}
.subscript-form .input:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.subscript-form .input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
.subscript-form .input:-ms-input-placeholder {
  color: #ffffff;
}
.subscript-form .input::-ms-input-placeholder {
  color: #ffffff;
}
.subscript-form .input::placeholder {
  color: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .subscript-form {
    width: 100%;
    flex-direction: column;
  }
  .subscript-form .input {
    margin: 0 0 12px;
  }
}
.subscript-form button {
  flex: 0 0 auto;
  background: transparent;
}
@media only screen and (max-width: 1023px) {
  .subscript-form button {
    padding-right: 34px;
  }
}
@media only screen and (min-width: 1024px) {
  .subscript-form button:hover {
    color: #00aced;
    background: #ffffff;
  }
}
.subscript::after {
  content: "@";
  color: #ffffff;
  font-size: 270px;
  line-height: 270px;
  font-weight: 600;
  position: absolute;
  top: -78px;
  left: -20px;
  z-index: 1;
  opacity: 0.2;
}
@media only screen and (max-width: 1023px) {
  .subscript::after {
    top: auto;
    bottom: -12px;
    font-size: 120px;
    line-height: 120px;
    font-weight: 600;
  }
}

.sibebar {
  width: 300px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  padding-bottom: 20px;
  box-sizing: border-box;
  background: var(--sidebar);
  z-index: 5;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: translateX(300px);
  -webkit-transform: translateX(300px);
  -o-transform: translateX(300px);
  -ms-transform: translateX(300px);
  transform: translateX(300px);
}
.sibebar-title {
  color: var(--text);
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.sibebar-title i {
  font-size: 20px;
  padding-right: 12px;
}
.sibebar-title i.fire {
  color: #e0002a;
}
.sibebar-title i.coment {
  color: #00aced;
}
.sibebar-title:hover {
  color: #e0002a;
}
.sibebar-title::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  margin: 16px 0;
  background: var(--text);
  opacity: 0.2;
}
.sibebar-theme {
  margin-bottom: 24px;
}
.sibebar-theme__item {
  text-decoration: none;
  padding: 8px;
  border-radius: 12px;
  background: var(--body);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0);
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-gap: 12px;
}
.sibebar-theme__item img {
  max-width: 100%;
  border-radius: 12px;
}
.sibebar-theme__item .item-text {
  color: var(--text);
  margin: 0 12px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.sibebar-theme__item .item-text p {
  opacity: 0.8;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.sibebar-theme__item .item-text .comments {
  opacity: 0.4;
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
  font-family: "Open Sans";
}
.sibebar-theme__item .item-text .comments i {
  font-size: 14px;
  margin-top: 0;
}
.sibebar-theme__item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .sibebar-theme__item:hover {
    z-index: 2;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);
  }
}
.sibebar-comments {
  margin-bottom: 20px;
}
.sibebar-comments__item {
  text-decoration: none;
}
.sibebar-comments__item .item-user {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto;
  grid-gap: 12px;
}
.sibebar-comments__item .item-user__avatar {
  width: 40px;
  height: 40px;
}
.sibebar-comments__item .item-user__avatar img {
  max-width: 100%;
  display: block;
  border-radius: 100%;
}
.sibebar-comments__item .item-user__name {
  color: var(--text);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.sibebar-comments__item .item-comment {
  padding: 8px;
  background: var(--body);
  border-radius: 12px;
  margin-top: 12px;
  position: relative;
}
.sibebar-comments__item .item-comment p {
  color: var(--text);
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.sibebar-comments__item .item-comment::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent var(--body);
  position: absolute;
  top: -8px;
  left: 20px;
}
.sibebar-comments__item::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  margin: 12px 0;
  background: var(--text);
  opacity: 0.1;
}
.sibebar-comments__item:last-child::after {
  display: none;
}
.sibebar-comments__item:hover .item-user__avatar img {
  animation: pulseBlue 1500ms infinite;
}
.sibebar-wrapper {
  padding: 70px 20px 20px;
  height: 100%;
  overflow-y: scroll;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.sibebar-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.sibebar-wrapper.fixed {
  padding-top: 18px;
}
.sibebar-button {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 20px;
  left: -40px;
  border-radius: 10px 0 0 10px;
  z-index: 10;
  padding-right: 0;
  cursor: pointer;
  background: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.sibebar-button i {
  font-size: 20px;
  margin-top: 1px;
  margin-right: 0px;
  color: var(--body);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sibebar-button.active i {
  margin-right: -4px;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.sibebar.active {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .sibebar {
    display: none;
  }
}

.main .tabs {
  display: none;
  margin-top: 10px;
  margin-bottom: -2px;
}
@media only screen and (max-width: 1023px) {
  .main .tabs {
    display: block;
  }
}
.main .vote {
  margin-top: 20px;
}
.main .widget {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 526px;
  grid-template-rows: repeat(2, auto);
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .main .widget {
    margin-top: 24px;
    width: 100%;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.main .widget .parking {
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .main .widget .parking {
    grid-area: 1/1/3/2;
  }
}
@media only screen and (max-width: 1023px) {
  .main .widget .parking {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .main .widget-info:nth-of-type(2) {
    grid-area: 1/2/2/3;
  }
}
@media only screen and (min-width: 1024px) {
  .main .widget-info:nth-of-type(2) {
    grid-area: 2/2/3/3;
  }
}
.main-404 .anons {
  margin-top: 40px;
}
@media only screen and (max-width: 1023px) {
  .main-404 .anons {
    margin-top: 24px;
  }
}
.main .search + .news {
  margin-top: 0;
}
.main .news + .compilation {
  margin-top: 0;
}

@media only screen and (min-width: 1024px) {
  .page-header {
    margin: 0 auto 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .page-header__image {
    width: 50%;
    position: relative;
  }
  .page-header__image a {
    position: relative;
    display: block;
  }
  .page-header__image a img {
    max-width: 100%;
    object-fit: contain;
    display: block;
    position: relative;
    z-index: 1;
  }
  .page-header__image a i {
    color: var(--text);
    font-size: 16px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    z-index: 3;
    font-weight: 600;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .page-header__image a::after {
    content: "";
    width: 30%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--cover);
    z-index: 2;
  }
  .page-header__image a:hover i {
    opacity: 0.6;
  }
  .page-header__image::before {
    content: "";
    width: 60px;
    height: calc(100% + 2px);
    display: block;
    background: var(--cover);
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 2;
  }
  .page-header__content {
    width: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .page-header__content h1 {
    color: var(--text);
    margin-left: -80px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 767px) {
  .page-header__content h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .page-header__content h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1025px) and (max-width: 1280px) {
  .page-header__content h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  .page-header__content h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .page-header__content h1 {
    font-size: 62px;
    line-height: 74px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .page-header__content h1 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-header__content h1.mini {
    font-size: 44px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1023px) {
  .page-header__content h1.mini {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-header__content .content-info {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
  }
  .page-header__content .content-info .category {
    margin: 0 12px -2px 0;
    padding-bottom: 8px;
    opacity: 1;
    color: #ffffff;
    border-color: #e0002a;
    background-color: #e0002a;
  }
  .page-header__content .content-info .category:hover {
    color: #ffffff;
    border-color: #a1001e;
    background-color: #a1001e;
  }
  .page-header__content .content-info__date, .page-header__content .content-info .comments {
    opacity: 0.5;
    padding-right: 8px;
    margin-right: 8px;
    color: var(--text);
    position: relative;
  }
  .page-header__content .content-info__date::after, .page-header__content .content-info .comments::after {
    content: "";
    width: 1px;
    height: 8px;
    background: var(--text);
    opacity: 0.4;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0, -50%);
  }
  .page-header__content .content-info .comments {
    color: var(--text);
    text-decoration: none;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .page-header__content .content-info .comments:hover {
    color: #e0002a;
    opacity: 1;
  }
  .page-header__content .content-info .star {
    font-size: 20px;
    opacity: 0.5;
    margin-top: -2px;
    color: #ffbf25;
    cursor: help;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .page-header__content .content-info .star.active {
    opacity: 1;
  }
  .page-header__content .content-info .star.active::after {
    opacity: 0.5;
  }
  .page-header__content .content-info .pay {
    font-size: 23px;
    color: #00aced;
    cursor: help;
    padding-left: 8px;
    margin-left: 8px;
    position: relative;
  }
  .page-header__content .content-info .pay::after {
    content: "";
    width: 1px;
    height: 8px;
    opacity: 0.2;
    background: var(--text);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0, -50%);
  }
  .page-header__content .content-info .partner {
    font-size: 23px;
    color: #00b200;
    cursor: help;
    padding-left: 8px;
    margin-left: 8px;
    position: relative;
  }
  .page-header__content .content-info .partner::after {
    content: "";
    width: 1px;
    height: 8px;
    opacity: 0.2;
    background: var(--text);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0, -50%);
  }
  .page-header__content .content-wrapper {
    width: 600px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1025px) and (max-width: 1280px) {
  .page-header__content .content-wrapper {
    width: 500px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1600px) {
  .page-header__content .content-wrapper {
    width: 800px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-header._mob {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .page-header {
    padding-bottom: 30px;
  }
  .page-header__image {
    position: relative;
  }
  .page-header__image a img {
    max-width: 100%;
    border-radius: 12px;
    display: block;
  }
  .page-header__content h1 {
    color: var(--text);
    margin-left: -80px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 767px) {
  .page-header__content h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1024px) {
  .page-header__content h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 1025px) and (max-width: 1280px) {
  .page-header__content h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 1440px) {
  .page-header__content h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 1600px) {
  .page-header__content h1 {
    font-size: 62px;
    line-height: 74px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 1023px) {
  .page-header__content .content-info {
    position: relative;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
  }
  .page-header__content .content-info .category {
    margin: 0 12px -2px 0;
    padding-bottom: 8px;
    opacity: 1;
    color: #ffffff;
    border-color: #e0002a;
    background-color: #e0002a;
    position: absolute;
    top: 48px;
    right: -8px;
    z-index: 2;
    opacity: 0.8;
  }
  .page-header__content .content-info__date, .page-header__content .content-info .comments {
    opacity: 0.5;
    padding-right: 8px;
    margin-right: 8px;
    color: var(--text);
    position: relative;
  }
  .page-header__content .content-info__date::after, .page-header__content .content-info .comments::after {
    content: "";
    width: 1px;
    height: 8px;
    background: var(--text);
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0, -50%);
  }
  .page-header__content .content-info .comments {
    color: var(--text);
    text-decoration: none;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .page-header__content .content-info .comments:hover {
    color: #e0002a;
    opacity: 1;
  }
  .page-header__content .content-info .star {
    font-size: 18px;
    margin-top: -2px;
    opacity: 0.5;
    color: #ffbf25;
    cursor: help;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .page-header__content .content-info .star.border {
    padding-right: 8px;
    margin-right: 8px;
    position: relative;
  }
  .page-header__content .content-info .star.border::after {
    content: "";
    width: 1px;
    height: 8px;
    opacity: 1;
    background: var(--text);
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0, -50%);
  }
  .page-header__content .content-info .star.active {
    opacity: 1;
  }
  .page-header__content .content-info .star.active::after {
    opacity: 0.5;
  }
  .page-header__content .content-info .pay {
    color: #00aced;
    cursor: help;
    font-size: 22px;
  }
  .page-header__content .content-info .partner {
    color: #00b200;
    cursor: help;
    font-size: 22px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-header._des {
    display: none;
  }
}
.text-sidebar h2 {
  color: var(--text);
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  padding: 0 80px 20px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
.text-sidebar h3 {
  color: var(--text);
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 80px 20px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
.text-sidebar p {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
  margin: 0 0 40px;
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar p {
    margin: 0 0 24px;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 1023px) {
  .text-sidebar p {
    margin: 0 0 24px;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
.text-sidebar p a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.text-sidebar p a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.text-sidebar p a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .text-sidebar p a:hover::after {
    height: 12px;
  }
}
.text-sidebar ul, .text-sidebar ol {
  padding: 0 80px;
  margin: 0 0 40px 0;
  margin: 0 0 40px;
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar ul, .text-sidebar ol {
    margin: 0 0 24px;
    padding: 0 16px;
  }
}
.text-sidebar ul li, .text-sidebar ol li {
  padding-left: 28px;
  margin-bottom: 20px;
  position: relative;
  color: var(--text);
  opacity: 0.7;
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar ul li, .text-sidebar ol li {
    margin: 0 0 24px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}
.text-sidebar ul li:last-child, .text-sidebar ol li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar ul, .text-sidebar ol {
    margin: 0 0 24px;
  }
}
.text-sidebar ul li a, .text-sidebar ol li a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.text-sidebar ul li a::after, .text-sidebar ol li a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.text-sidebar ul li a.no_line::after, .text-sidebar ol li a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .text-sidebar ul li a:hover::after, .text-sidebar ol li a:hover::after {
    height: 12px;
  }
}
.text-sidebar ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 10px;
  position: absolute;
  top: 16px;
  left: 0;
  background: #e0002a;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar ul li::before {
    width: 4px;
    height: 4px;
    top: 10px;
  }
}
.text-sidebar ol {
  counter-reset: ol-counter;
}
.text-sidebar ol li::before {
  color: #e0002a;
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.text-sidebar__sidebar {
  width: 340px;
  box-sizing: border-box;
  padding: 24px 16px;
  float: right;
  margin: 0 0 20px 10px;
  border-radius: 12px;
  color: var(--text);
  background: var(--sidebar);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar__sidebar {
    width: 100%;
    float: none;
    margin: 0 0 24px;
  }
}
.text-sidebar__sidebar h2 {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 0;
}
.text-sidebar__sidebar p {
  color: var(--text);
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.text-sidebar__sidebar .gallery {
  margin-bottom: 12px !important;
}
.text-sidebar__sidebar .gallery-item__text {
  margin: 12px 20px 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.text-sidebar__sidebar .sidebar-link {
  color: #e0002a;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.text-sidebar__sidebar .sidebar-link span {
  position: relative;
}
.text-sidebar__sidebar .sidebar-link span::before {
  content: attr(data-text);
}
.text-sidebar__sidebar .sidebar-link span i {
  font-size: 10px;
  position: absolute;
  top: 0;
  right: -16px;
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.text-sidebar__sidebar .sidebar-link::after {
  content: "";
  width: 100%;
  height: 60px;
  display: block;
  position: absolute;
  top: -60px;
  left: 0;
  background: var(--more);
  opacity: 1;
  z-index: 1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .text-sidebar__sidebar .sidebar-link:hover i {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .text-sidebar__sidebar .sidebar-link:hover::after {
    height: 60px;
  }
}
.text-sidebar__sidebar .sidebar-link.active span::before {
  content: attr(data-less);
}
.text-sidebar__sidebar .sidebar-link.active::after {
  opacity: 0;
  z-index: -1;
}
.text-sidebar__sidebar .sidebar-link.active:hover i {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.text-sidebar__sidebar .sidebar-text {
  display: none;
}
.text-sidebar__sidebar .sidebar-text p {
  margin-top: 20px;
}
.text-sidebar__wrapper {
  margin: 0 80px;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar__wrapper {
    margin: 0;
  }
}
.text-sidebar._color {
  padding: 40px 0;
  border-radius: 12px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar._color {
    width: 100%;
    padding: 0;
    margin: 0 0 24px;
    border-radius: 30px 30px 12px 12px;
  }
}
.text-sidebar._color p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .text-sidebar._color p:last-child {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .text-sidebar.container {
    width: 100%;
  }
}

.primerka {
  border-radius: 12px;
  background: var(--sidebar);
  padding: 40px;
  margin-bottom: 40px !important;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto;
  grid-gap: 40px;
}
@media only screen and (max-width: 1023px) {
  .primerka {
    padding: 20px;
    margin-bottom: 24px !important;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 20px;
  }
}
.primerka-avatar {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .primerka-avatar {
    width: 200px;
    margin: 0 auto;
  }
}
.primerka-avatar img {
  width: 300px;
  height: 300px;
  border-radius: 500px;
}
@media only screen and (max-width: 1023px) {
  .primerka-avatar img {
    width: 200px;
    height: 200px;
  }
}
.primerka-avatar i {
  color: #00b200;
  width: 50px;
  height: 50px;
  font-weight: 500;
  background-color: var(--sidebar);
  border-radius: 100%;
  box-sizing: border-box;
  border: 3px solid #00b200;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .primerka-avatar i {
    bottom: 4px;
    right: 4px;
  }
}
.primerka-avatar i.add {
  font-size: 24px;
}
.primerka-avatar i.add::before {
  margin-top: 1px;
}
.primerka-avatar i.check {
  font-size: 24px;
  font-weight: 600;
}
.primerka-avatar i.active {
  color: #00aced;
  border-color: #00aced;
}
.primerka-content__name .name-autor {
  color: var(--text);
  text-decoration: none;
  margin-bottom: 12px;
  display: block;
  font-size: 40px;
  line-height: 44px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .primerka-content__name .name-autor:hover {
    color: #e0002a;
  }
}
@media only screen and (max-width: 1023px) {
  .primerka-content__name .name-autor {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    text-align: center;
  }
}
.primerka-content__name .name-rang {
  color: var(--text);
  font-size: 22px;
  line-height: 34px;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  .primerka-content__name .name-rang {
    text-align: center;
  }
}
.primerka-content__name::after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  margin: 20px 0;
  background: #e0002a;
}
@media only screen and (max-width: 1023px) {
  .primerka-content__name::after {
    margin-left: auto;
    margin-right: auto;
  }
}
.primerka-content__info .info-item {
  color: var(--text);
  font-size: 20px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .primerka-content__info .info-item {
    font-size: 16px;
  }
}
.primerka-content__info .info-item span {
  opacity: 0.7;
  padding-left: 8px;
}
.primerka-content__info .info-item:last-child {
  margin-bottom: 0;
}
.primerka-content__info .info-item:last-child span {
  display: block;
  font-size: 14px;
  padding: 8px 0 0;
}

.files {
  margin-bottom: 40px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .files {
    margin-bottom: 24px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.files-item {
  width: 230px;
  border-radius: 12px;
  background: var(--sidebar);
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  padding: 60px 0;
  margin-right: 20px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .files-item {
    margin: 0 0 20px;
  }
}
.files-item img {
  height: 80px;
  display: block;
  margin-bottom: 34px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.files-item__size {
  opacity: 0.4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
}
.files-item:last-child {
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .files-item:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.pdff {
  width: 800px;
  height: 280px;
  margin: 0 auto 40px !important;
  background: var(--sidebar);
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .pdff {
    width: 100%;
    height: auto;
    margin-bottom: 24px !important;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.pdff i {
  color: var(--text);
  font-size: 140px;
  margin-right: 60px;
  opacity: 0.2;
}
@media only screen and (max-width: 1023px) {
  .pdff i {
    margin: 0 0 20px;
  }
}
.pdff-content__title {
  color: var(--text);
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1023px) {
  .pdff-content__title {
    text-align: center;
    margin-bottom: 24px;
  }
}
.pdff-content__action {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.pdff-content__action .action-size {
  opacity: 0.4;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin-right: 40px;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
}

.raiting {
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .raiting {
    margin-bottom: 24px;
  }
}
.raiting-title {
  color: var(--text);
  margin-right: 40px;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .raiting-title {
    margin: 0 0 20px;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
  }
}
.raiting-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.raiting-wrapper__item {
  width: 50px;
  height: 50px;
  border: 2px solid;
  border-radius: 100px;
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.raiting-wrapper__item i {
  font-size: 12px;
  margin: -2px 0;
}
.raiting-wrapper__item:first-child {
  margin-right: 12px;
  color: #a2d725;
}
.raiting-wrapper__item:first-child i {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media only screen and (min-width: 1024px) {
  .raiting-wrapper__item:first-child:hover {
    color: #ffffff;
    background: #a2d725;
    border-color: #a2d725;
    animation: pulseVoteGreen 1500ms infinite;
  }
}
.raiting-wrapper__item:last-child {
  color: #ea7F66;
}
.raiting-wrapper__item:last-child i {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media only screen and (min-width: 1024px) {
  .raiting-wrapper__item:last-child:hover {
    color: #ffffff;
    background: #ea7F66;
    border-color: #ea7F66;
    animation: pulseVoteRed 1500ms infinite;
  }
}
.raiting .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .raiting .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.comment {
  padding: 0px 40px 0;
}
.comment-total {
  font: 30px/30px "Raleway" !important;
  color: var(--text);
}
.comment-total span {
  color: #fff;
  background: #e0002a;
  font: 12px/12px "Raleway";
  font-weight: 600;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 4px 8px;
  margin: 7px 12px 0 0;
  border-radius: 4px 4px 0 4px;
}
.comment-total span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 4px 0;
  border-color: transparent #a1001e transparent transparent;
  position: absolute;
  bottom: -4px;
  right: 0;
}
.comment-notification {
  margin-top: 6px;
}
.comment-notification:before {
  font-size: 14px !important;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-order-wrap {
  margin-bottom: 27px !important;
}
.comment-order-wrap .dropdown-toggle {
  color: var(--text) !important;
  font: 12px/12px "Raleway" !important;
  font-weight: 600;
  text-transform: uppercase;
  top: 17px !important;
  display: flex;
  flex-direction: row-reverse;
}
.comment-order-wrap .dropdown-toggle:before {
  font-size: 13px !important;
  margin: -1px 1px 0 7px !important;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-order-wrap .dropdown-toggle:hover:before {
  color: var(--text) !important;
}
.comment-order-wrap .dropdown-menu {
  margin-top: 37px !important;
  margin-right: -4px !important;
}
.comment-order-wrap .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 4px 3px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -4px;
  right: 5px;
}
.comment-order-wrap .dropdown-item {
  font: 10px/10px "Raleway" !important;
  font-weight: 600;
  color: #999 !important;
  text-transform: uppercase;
  text-align: left;
  padding: 9px 15px !important;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-order-wrap .dropdown-item:first-child {
  padding-top: 12px !important;
}
.comment-order-wrap .dropdown-item:last-child {
  padding-bottom: 12px !important;
}
.comment-order-wrap .dropdown-item:hover {
  color: var(--text) !important;
  background: transparent !important;
}

.comment-author-avatar._ar {
  position: relative;
}
.comment-author-avatar._ar:before {
  content: "";
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 100%;
  border: 2px solid #e0002a;
  position: absolute;
  top: -5px;
  left: -5px;
}
.comment-author-avatar._hot {
  position: relative;
}
.comment-author-avatar._hot:before {
  font: 10px/15px "Icon";
  text-align: center;
  color: #fff;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 25px;
  right: 0;
  background: #e0002a;
}
.comment-author-avatar._link {
  position: relative;
}
.comment-author-avatar._link:before {
  font: 10px/15px "Icon";
  text-align: center;
  color: #fff;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 25px;
  right: 0;
  background: #009cff;
}
.comment-editor .editor-wrapper {
  padding: 0 !important;
  border: 10px solid var(--sidebar) !important;
  border-radius: 12px !important;
}
.comment-editor .editor-wrapper .nav-tabs {
  display: flex;
  position: relative;
  border-radius: 12px !important;
}
.comment-editor .editor-wrapper .nav-tabs li {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  font-size: 0 !important;
  border: 0 !important;
  position: relative;
}
.comment-editor .editor-wrapper .nav-tabs li:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #fff;
}
.comment-editor .editor-wrapper .nav-tabs li a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0 !important;
}
.comment-editor .editor-wrapper .nav-tabs li a:after {
  content: "";
  width: 1px;
  height: 14px;
  display: block;
  background: var(--sidebar);
  position: absolute;
  top: 13px;
  right: 0;
}
.comment-editor .editor-wrapper .nav-tabs li a.bold {
  font-size: 14px;
}
.comment-editor .editor-wrapper .nav-tabs li a.italic {
  font: 16px/16px "Times New Roman" !important;
  font-style: italic !important;
  font-weight: bold !important;
}
.comment-editor .editor-wrapper .nav-tabs li a.quote {
  font: 25px/25px "Times New Roman" !important;
  font-style: italic !important;
  font-weight: bold !important;
  padding-top: 5px;
  letter-spacing: 4px;
}
.comment-editor .editor-wrapper .nav-tabs li:hover, .comment-editor .editor-wrapper .nav-tabs li.active {
  margin-bottom: -2px;
}
.comment-editor .editor-wrapper .nav-tabs li:last-child {
  width: auto;
  margin-top: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
}
.comment-editor .editor-wrapper .nav-tabs li:last-child a {
  width: auto;
  padding: 0 15px;
  font: 10px/10px "Raleway";
  font-weight: 600;
  text-transform: uppercase;
  color: #ccc;
}
.comment-editor .editor-wrapper .nav-tabs li:last-child a:after {
  display: none;
}
.comment-editor .editor-wrapper textarea {
  width: calc(100% - 30px) !important;
  font: 20px/32px "Raleway" !important;
  font-weight: 300;
  padding: 10px 15px !important;
}
.comment-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
}
.comment-button p {
  color: #999;
  font: 14px/20px "Raleway";
  font-weight: 300;
  padding-right: 50px;
}
.comment-button p a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.comment-button p a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-button p a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .comment-button p a:hover::after {
    height: 12px;
  }
}
.comment-header {
  margin-bottom: 13px !important;
}
.comment-header .author-name {
  color: var(--text) !important;
  font: 20px/20px "Raleway" !important;
}
.comment-header .author-name span {
  font: 14px/14px "Raleway" !important;
  padding-left: 4px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-header .author-name span:before {
  content: "//";
  color: #999 !important;
  font: 12px/12px "Raleway";
  font-weight: 300;
  letter-spacing: -1.5px;
  margin: 0 5px 0 0;
}
.comment-header .author-name:hover {
  text-decoration: none !important;
}
.comment-header .author-name:hover span {
  color: #e0002a;
}
.comment-header .author-reply {
  color: #999 !important;
  font: 12px/12px "Raleway" !important;
  text-decoration: none !important;
}
.comment-header .author-reply:hover {
  color: var(--text) !important;
}
.comment-item {
  margin: 40px 0 !important;
}
.comment-item ._border {
  margin-right: 10px;
}
.comment-item ._border:hover {
  color: var(--text) !important;
  background: transparent !important;
}
.comment-item .comment-post-form {
  margin-top: 30px !important;
}
.comment-item:after {
  display: none !important;
}
.comment-item.pinned {
  padding: 30px;
  border-radius: 12px;
  background: var(--sidebar);
}
.comment-item.new {
  padding: 30px;
  border-radius: 12px;
  background: rgba(224, 0, 42, 0.2);
}
.comment-item.new .editor-wrapper {
  border: 10px solid var(--border_op) !important;
}
.comment-footer {
  margin-top: 17px !important;
}
.comment-footer a {
  font: 12px/12px "Raleway" !important;
  font-weight: 600;
  text-transform: uppercase !important;
  color: #999 !important;
}
.comment-timeago {
  color: #999 !important;
  font: 12px/12px "Raleway" !important;
  text-decoration: none !important;
}
.comment-timeago:hover {
  color: var(--text) !important;
}
.comment-timeago:before {
  color: #999 !important;
  font-size: 24px !important;
  vertical-align: top;
  margin-top: 6px;
}
.comment-pinned:before {
  font-size: 12px !important;
}
.comment-menu .dropdown-toggle {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-menu .dropdown-toggle:hover {
  color: var(--text) !important;
}
.comment-menu .dropdown-menu {
  margin-top: 5px !important;
  margin-right: 0 !important;
}
.comment-menu .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 4px 3px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -4px;
  right: 5px;
}
.comment-menu .dropdown-menu .dropdown-item {
  font: 10px/10px "Raleway" !important;
  font-weight: 300;
  color: #999 !important;
  text-transform: uppercase;
  text-align: left;
  padding: 9px 15px !important;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.comment-menu .dropdown-menu .dropdown-item:hover {
  color: var(--text) !important;
  background: transparent !important;
}
.comment-message p {
  color: var(--text);
  font: 16px/26px "Raleway" !important;
  font-weight: 300;
}
.comment-message blockquote {
  background: transparent !important;
  border: 0 !important;
  margin: 0 0 15px 45px !important;
  padding: 0 !important;
  position: relative;
}
.comment-message blockquote:before {
  content: "“";
  font: 60px/60px "Times New Roman" !important;
  color: #ccc;
  font-style: italic !important;
  font-weight: bold !important;
  position: absolute;
  top: -5px;
  left: -55px;
}
.comment-message blockquote p {
  font: 16px/26px "Raleway" !important;
  font-weight: 300;
  color: #999 !important;
}
.comment-message img {
  margin-top: 8px !important;
  border-radius: 12px !important;
}
.comment-upvotes {
  font: 14px/14px "Raleway" !important;
  font-weight: 300;
  color: #999 !important;
}
.comment-vote {
  font-size: 16px !important;
  color: #999 !important;
  vertical-align: top;
  display: inline-block;
  margin-top: 0px;
}
.comment-vote.active, .comment-vote:hover {
  color: #e0002a !important;
}

@media only screen and (max-width: 1023px) {
  .comment {
    padding: 20px 16px 0;
    margin: 0;
  }
  .comment-total {
    font: 24px/32px "Raleway" !important;
  }
  .comment-notification {
    margin-top: 7px;
  }
  .comment-order-wrap {
    margin-bottom: 22px !important;
  }
  .comment-order-wrap .dropdown-toggle {
    top: 14px !important;
    display: none;
  }

  .comment-author-avatar._ar {
    position: relative;
  }
  .comment-author-avatar._ar:before {
    content: "";
    width: 46px;
    height: 46px;
    display: block;
    border-radius: 100%;
    border: 2px solid #e0002a;
    position: absolute;
    top: -5px;
    left: -5px;
  }
  .comment-author-avatar._hot {
    position: relative;
  }
  .comment-author-avatar._hot:before {
    font: 10px/15px "Icon";
    text-align: center;
    color: #fff;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: 25px;
    right: 0;
    background: #e0002a;
  }
  .comment-author-avatar._link {
    position: relative;
  }
  .comment-author-avatar._link:before {
    text-align: center;
    color: #fff;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: 25px;
    right: 0;
    background: #009cff;
  }
  .comment-editor .editor-wrapper .nav-tabs {
    display: flex;
    position: relative;
  }
  .comment-editor .editor-wrapper .nav-tabs li {
    margin: 0 !important;
  }
  .comment-editor .editor-wrapper .nav-tabs li:before {
    display: none;
  }
  .comment-editor .editor-wrapper textarea {
    font: 16px/26px "Raleway" !important;
    font-weight: 300;
  }
  .comment-button {
    flex-direction: column;
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 1023px) {
  .comment-button button {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-item {
    margin: 20px 0 !important;
  }
  .comment-item .button {
    margin: 20px 0 0 !important;
  }
  .comment-item ._border {
    display: none !important;
  }
  .comment-item.pinned {
    padding: 20px 20px;
    margin: 20px -20px !important;
    position: relative;
    background: rgba(0, 0, 0, 0.03);
  }
  .comment-item.new {
    padding: 20px 20px;
    margin: 20px -20px !important;
    position: relative;
    background: rgba(161, 0, 30, 0.2);
  }
}
@media only screen and (max-width: 1023px) {
  .comment-footer {
    margin-top: 17px !important;
  }
  .comment-footer a {
    font: 12px/12px "Raleway" !important;
    font-weight: 300;
    text-transform: uppercase !important;
    color: #999 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-timeago {
    display: block;
    margin-top: 8px;
  }
  .comment-timeago:before {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-pinned {
    position: absolute;
    top: 25px;
    left: -41px;
  }
  .comment-pinned:before {
    color: #fff !important;
    font-size: 10px !important;
    line-height: 15px !important;
    text-align: center;
    color: #fff;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
    background: #ea1c24;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-menu .dropdown-toggle {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .comment-menu .dropdown-toggle:hover {
    color: var(--text) !important;
  }
  .comment-menu .dropdown-menu {
    margin-top: 5px !important;
    margin-right: 0 !important;
  }
  .comment-menu .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3px 4px 3px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -4px;
    right: 5px;
  }
  .comment-menu .dropdown-menu .dropdown-item {
    font: 10px/10px "Raleway" !important;
    font-weight: 300;
    color: #999 !important;
    text-transform: uppercase;
    text-align: left;
    padding: 9px 15px !important;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .comment-menu .dropdown-menu .dropdown-item:hover {
    color: var(--text) !important;
    background: transparent !important;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-message p {
    color: #666 !important;
    font: 16px/26px "Raleway" !important;
    font-weight: 300;
  }
  .comment-message blockquote {
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 15px 45px !important;
    padding: 0 !important;
    position: relative;
  }
  .comment-message blockquote:before {
    content: "“";
    font: 60px/60px "Times New Roman" !important;
    color: #ccc;
    font-style: italic !important;
    font-weight: bold !important;
    position: absolute;
    top: -5px;
    left: -55px;
  }
  .comment-message blockquote p {
    font: 16px/26px "Raleway" !important;
    font-weight: 300;
    color: #999 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-upvotes {
    font: 14px/14px "Raleway" !important;
    font-weight: 300;
    color: #999 !important;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-vote {
    font-size: 16px !important;
    color: #999 !important;
    vertical-align: top;
    display: inline-block;
    margin-top: 2px;
  }
  .comment-vote.active, .comment-vote:hover {
    color: #e0002a !important;
  }
}
@media only screen and (max-width: 1023px) {
  .comment-list-children {
    margin-left: 0 !important;
  }
}
.comment .comment-post-form button[type=submit] {
  min-width: 55px;
  background: #e0002d;
  border-color: #e0002d;
  color: #fff;
}

.comment .comment-post-form button[type=submit]:disabled {
  opacity: 0.5;
}

.comment .target-tree-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0;
  padding: 10px 15px;
  border: 1px solid #ddd;
  line-height: 1.5;
  border-left: 3px solid #e0002a;
}

.comment .comment-editor {
  margin: 10px 0;
}

.comment .comment-editor .nav-tabs {
  border-bottom: 1px solid var(--sidebar);
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

.comment .comment-editor .nav-tabs li {
  display: inline-block;
  padding: 0 4px 5px;
  font-family: OpenSans Semi Bold;
  font-size: 15px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.comment .comment-editor .nav-tabs li a {
  text-decoration: none;
  color: var(--text);
}

.comment .comment-editor .nav-tabs li a.bold, .comment .comment-editor .nav-tabs li a.quote {
  font-family: OpenSans Bold;
}

.comment .comment-editor .nav-tabs li:hover, .comment .comment-editor .nav-tabs li.active {
  border-bottom: 2px solid #e0002d !important;
}

.comment .comment-editor .nav-tabs li:last-child {
  float: right;
  font-size: 14px;
  text-transform: lowercase;
  border-bottom: 2px solid #e5e5e5;
  margin-top: 3px;
  padding-right: 0;
  font-family: OpenSans;
}

.comment .comment-editor .editor-wrapper {
  padding: 10px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  background: var(--body);
}

.comment .comment-editor .editor-wrapper textarea,
.comment .comment-editor .editor-wrapper .preview-area {
  width: 100%;
  display: block;
  padding: 10px 0;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border: 0;
  resize: none;
  min-height: 60px;
  overflow: hidden;
  line-height: 1.5;
  color: var(--text);
  background: var(--body);
}

.comment .comment-order-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.comment .comment-order-wrap .comment-total {
  font: 18px OpenSans Semi Bold;
  display: inline-block;
}

.comment .comment-order-wrap .comment-notification {
  text-decoration: none;
  line-height: 23px;
}

.comment .comment-order-wrap .comment-notification.active:before, .comment .comment-order-wrap .comment-notification:hover:before {
  color: #e0002a;
}

.comment .comment-order-wrap .comment-notification:before {
  content: "n";
  font: 16px "Icons";
  margin-left: 10px;
  color: #c3c5c7;
}

.comment .comment-order-wrap .dropdown {
  margin-left: auto;
}

.comment .comment-order-wrap .dropdown .dropdown-toggle:before {
  content: "<";
  font: 8px "Icons" !important;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px !important;
  color: #c3c5c7;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.comment .comment-order-wrap .dropdown .dropdown-menu {
  margin-top: 34px;
  font-size: 15px;
}

.comment .comment-order-wrap .dropdown.active .dropdown-toggle:before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.comment .dropdown .dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  font-size: 16px;
  color: #c3c5c7;
}

.comment .dropdown .dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.14);
  z-index: 1;
}

.comment .dropdown .dropdown-menu button, .comment .dropdown .dropdown-menu a {
  width: 100%;
  display: block;
  padding: 7px 15px;
  background: #fff;
}

.comment .dropdown .dropdown-menu button:hover, .comment .dropdown .dropdown-menu a:hover {
  background: #e0002a;
  color: #fff;
}

.comment .dropdown.active .dropdown-toggle {
  color: #e0002e;
}

.comment .dropdown.active .dropdown-menu {
  display: block;
}

.comment .comment-warning {
  padding: 15px 20px;
  border-left: 3px solid #e0002e;
  margin: 25px 0;
  background: #eee;
}

.comment blockquote {
  background: #f5f5f5;
  padding: 13px 20px;
  margin: 10px 0 10px 20px;
}

.comment .comment-list .comment-item {
  margin: 20px 0;
}

.comment .comment-list .comment-item .comment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment .comment-list .comment-item .comment-content .comment-author-avatar {
  margin-right: 15px;
}

.comment .comment-list .comment-item .comment-content .comment-author-avatar > a {
  text-decoration: none;
}

.comment .comment-list .comment-item .comment-content .comment-pinned:before {
  color: #e0002a;
  content: "p";
  font: 12px "Icons";
  margin-left: 10px;
}

.comment .comment-list .comment-item .comment-content .comment-body {
  width: 100%;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header {
  position: relative;
  font-size: 13px;
  line-height: 18px;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .author-name {
  color: #373e44;
  font-family: OpenSans Bold;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .author-name:hover {
  text-decoration: underline;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .author-reply {
  color: #7b7f83;
  text-decoration: none;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .author-reply:hover {
  text-decoration: underline;
  color: #373e44;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .author-reply:before {
  content: "s";
  font: 10px "Icons";
  display: inline-block;
  margin-left: 8px;
  margin-right: 4px;
  color: #c3c5c7;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .comment-timeago {
  color: #7b7f83;
  text-decoration: none;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .comment-timeago:hover {
  text-decoration: underline;
  color: #373e44;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-header .comment-timeago:before {
  content: "·";
  display: inline-block;
  margin-left: 4px;
  margin-right: 7px;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message {
  font-size: 15px;
  margin: 5px 0;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message img {
  /*width: 25%;
                max-width: 100%;
                display: inline-block;
                vertical-align: top;*/
  max-width: 100%;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message img + br {
  display: none;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message a > img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message img {
  max-width: 400px;
  max-height: 250px;
  vertical-align: top;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message img:not(.emoji) {
  height: auto;
  margin: 5px 0;
  display: block;
  max-width: 100%;
  border-radius: 2px;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message p + p {
  margin-top: 15px;
}

.comment .comment-list .comment-item .comment-content .comment-body .comment-body-inner .comment-message * {
  line-height: 20px;
  word-break: break-word;
  word-wrap: break-word;
}

.comment .comment-list .comment-item .comment-content.comment-content-target {
  position: relative;
}

.comment .comment-list .comment-item .comment-content.comment-content-target:before {
  content: "";
  display: block;
  padding: 5px;
  position: absolute;
  background-color: #fffacd;
  width: 100%;
  height: 100%;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: 0;
  z-index: -1;
}

.comment .comment-list .comment-item .comment-footer {
  font-size: 13px;
  line-height: 18px;
}

.comment .comment-list .comment-item .comment-footer .comment-upvotes {
  vertical-align: middle;
  color: #7b7f83;
}

.comment .comment-list .comment-item .comment-footer .comment-vote:before {
  content: "l";
  display: inline-block;
  text-transform: lowercase;
  font: 12px "Icons" !important;
  color: #c5c7c9;
  margin: 3px 4px 0;
}

.comment .comment-list .comment-item .comment-footer .comment-vote.active:before, .comment .comment-list .comment-item .comment-footer .comment-vote:hover:before {
  color: #eb7f66;
}

.comment .comment-list .comment-item .comment-footer .comment-reply {
  vertical-align: middle;
  text-decoration: none;
  color: #7b7f83;
}

.comment .comment-list .comment-item .comment-footer .comment-reply:hover {
  text-decoration: underline;
  color: #e0002a;
}

.comment .comment-list .comment-item .comment-footer .comment-reply:before {
  content: "";
}

.comment .comment-list-children {
  margin-left: 55px;
}

.comment > .comment-list > .comment-item:after {
  background-color: #eaeaea;
  content: "";
  height: 1px;
  width: 100%;
  margin-top: 15px;
  display: block;
}

.comment > .comment-list > .comment-item:last-child:after {
  display: none;
}

.comment > .comment-loader {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  top: 95px;
}

.comment > .comment-loader:before {
  content: "\e912";
  color: #e0002a;
  font: 30px "icon";
}

.comment.load:before {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: rgba(248, 248, 248, 0.5);
  z-index: 1;
}

/* Modals styles */
.sweet-modal.is-alert .sweet-content {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.sweet-modal.is-alert .sweet-content .modal-text {
  font-size: 20px;
  margin-bottom: 20px;
}

.sweet-modal.is-alert .sweet-content button {
  font: 14px OpenSans Bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  border: 0;
  border-radius: 2px;
  padding: 10px 25px;
  margin: 0;
  outline: 0;
  opacity: 1;
  cursor: pointer;
}

.sweet-modal.is-alert .sweet-content button.red {
  background: #e0002e;
  color: #fff;
}

.dark .new .link_black {
  color: #fff;
}

.recommendations {
  border-top: 1px solid #e0002a;
  padding-top: 30px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .recommendations {
    padding-top: 15px;
  }
}
.recommendations h2 {
  color: var(--text);
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  padding: 0 80px 20px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1023px) {
  .recommendations h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
@media only screen and (max-width: 767px) {
  .recommendations h2 {
    padding-bottom: 8px;
  }
}

.autors {
  border-radius: 12px;
  box-sizing: border-box;
  padding: 30px;
  margin-top: 20px !important;
  background: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .autors {
    padding: 20px;
    margin-top: 24px !important;
  }
}
.autors-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.autors-head__title {
  color: var(--text);
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .autors-head__title {
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
  }
}
.autors-head__title i {
  color: #e0002a;
  margin: -3px 16px 0 0;
}
.autors-head__link {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 12px 14px;
  white-space: nowrap;
  border-radius: 12px;
  background: var(--body);
  letter-spacing: 0.02em;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .autors-head__link:hover {
    color: #ffffff;
    background: #e0002a;
  }
}
.autors-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  margin: 20px 0 -50px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .autors-nav {
    display: flex;
  }
}
.autors-nav__link {
  margin-right: 10px;
  opacity: 0.7;
}
.autors-nav__link img {
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border-radius: 100%;
  padding: 3px;
  background: var(--sidebar);
  border: 3px solid var(--sidebar);
}
.autors-nav__link.active {
  opacity: 1;
}
.autors-nav__link.active img {
  border-top: 3px solid #e0002a;
  border-right: 3px solid #e0002a;
  border-bottom: 3px solid #e0002a;
  border-left: 3px solid #e0002a;
  border-color: rgba(224, 0, 42, 0.6);
}
.autors-nav__link:last-child {
  margin-right: 0;
}
.autors-wrapper {
  margin-top: 66px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 14px;
}
@media only screen and (max-width: 1023px) {
  .autors-wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 0;
    margin-top: 0;
  }
}
.autors-wrapper__item {
  padding: 30px;
  background: var(--body);
  border-radius: 12px;
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .autors-wrapper__item {
    display: none;
    padding: 70px 20px 20px;
  }
  .autors-wrapper__item:first-child {
    display: flex;
  }
}
.autors-wrapper__item .item-avatar {
  width: 146px;
  height: 146px;
  border-radius: 100%;
  display: block;
  margin: -60px auto 24px;
  border-top: 4px solid #000000;
  border-right: 4px solid #000000;
  border-bottom: 4px solid #000000;
  border-left: 4px solid #000000;
  border-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1023px) {
  .autors-wrapper__item .item-avatar {
    display: none;
  }
}
.autors-wrapper__item .item-name {
  color: var(--text);
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
}
.autors-wrapper__item .item-name::after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  background: #e0002a;
  margin: 30px auto;
}
.autors-wrapper__item .item-link {
  color: var(--text);
  font-style: italic;
  text-decoration: none;
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
.autors-wrapper__item .item-link::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.autors-wrapper__item .item-link:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.autors-wrapper__item .item-link:last-child::after {
  display: none;
}
.autors-wrapper__item .item-link__wrapper {
  flex: 1 0 auto;
}
.autors-wrapper__item .item-button {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.autors-wrapper__item .item-button .btn {
  opacity: 0.5;
}
@media only screen and (min-width: 1024px) {
  .autors-wrapper__item .item-button .btn:hover {
    opacity: 1;
  }
}

.content-autors {
  width: 70%;
  margin: 40px auto 0;
}
@media only screen and (max-width: 1023px) {
  .content-autors {
    width: 100%;
    margin: 20px auto 0;
  }
  .content-autors::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 20px;
    opacity: 0.2;
    background: var(--text);
  }
}
.content-autors__nav {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) {
  .content-autors__nav {
    text-align: left;
  }
}
.content-autors__nav .nav-item {
  color: var(--text);
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 20px;
  opacity: 0.3;
  letter-spacing: 0.02em;
  font-size: 12px;
  line-height: 12px;
  font-weight: 800;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.content-autors__nav .nav-item.active {
  opacity: 1;
}
.content-autors__nav .nav-item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .content-autors__nav .nav-item:hover {
    opacity: 0.7;
  }
}
.content-autors__wrapper .wrapper-container {
  opacity: 0;
  position: relative;
  display: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.content-autors__wrapper .wrapper-container__item {
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container__item {
    margin: 0 20px 0 0;
  }
}
.content-autors__wrapper .wrapper-container__item .item-avatar {
  position: relative;
  margin-right: 20px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container__item .item-avatar img {
    width: 40px;
    height: 40px;
  }
}
.content-autors__wrapper .wrapper-container__item .item-avatar i {
  color: #00b200;
  width: 20px;
  height: 20px;
  font-weight: 600;
  background-color: var(--body);
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px solid #00b200;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.add {
  font-size: 9px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.add::before {
  margin-top: 1px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.check {
  font-size: 10px;
}
.content-autors__wrapper .wrapper-container__item .item-avatar i.active {
  color: #00aced;
  border-color: #00aced;
}
.content-autors__wrapper .wrapper-container__item .item-name {
  color: var(--text);
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container__item .item-name {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
}
.content-autors__wrapper .wrapper-container__item:last-child {
  margin-right: 0;
}
.content-autors__wrapper .wrapper-container .slick-arrow {
  color: var(--text);
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .content-autors__wrapper .wrapper-container .slick-arrow:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container .slick-arrow {
    display: none !important;
  }
}
.content-autors__wrapper .wrapper-container .slick-prev {
  position: absolute;
  top: 20px;
  left: -20px;
  z-index: 3;
}
.content-autors__wrapper .wrapper-container .slick-next {
  position: absolute;
  top: 20px;
  right: -30px;
}
.content-autors__wrapper .wrapper-container .slick-disabled {
  opacity: 0.1 !important;
}
.content-autors__wrapper .wrapper-container .slick-list {
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container .slick-list {
    padding-left: 0;
  }
}
.content-autors__wrapper .wrapper-container .slick-list::before, .content-autors__wrapper .wrapper-container .slick-list::after {
  content: "";
  width: 20px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--cover);
  z-index: 2;
}
.content-autors__wrapper .wrapper-container .slick-list::before {
  left: 0;
  right: auto;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 1023px) {
  .content-autors__wrapper .wrapper-container .slick-list::before {
    display: none;
  }
}
.content-autors__wrapper .wrapper-container:first-child {
  display: block;
}

.page-type h2 {
  color: var(--text);
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  padding: 0 80px 20px;
}
@media only screen and (max-width: 1023px) {
  .page-type h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
.page-type h3 {
  color: var(--text);
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 80px 20px;
}
@media only screen and (max-width: 1023px) {
  .page-type h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
.page-type p {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-type p {
    margin: 0 0 24px;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
  }
}
.page-type p img {
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.page-type a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.page-type a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-type a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .page-type a:hover::after {
    height: 12px;
  }
}
.page-type ul, .page-type ol {
  padding: 0 80px;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 1023px) {
  .page-type ul, .page-type ol {
    margin: 0 0 24px;
    padding: 0 16px;
  }
}
.page-type ul li, .page-type ol li {
  padding-left: 28px;
  margin-bottom: 20px;
  position: relative;
  color: var(--text);
  opacity: 0.7;
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-type ul li, .page-type ol li {
    margin: 0 0 24px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}
.page-type ul li:last-child, .page-type ol li:last-child {
  margin-bottom: 0;
}
.page-type ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 10px;
  position: absolute;
  top: 16px;
  left: 0;
  background: #e0002a;
}
@media only screen and (max-width: 1023px) {
  .page-type ul li::before {
    width: 4px;
    height: 4px;
    top: 10px;
  }
}
.page-type ol {
  counter-reset: ol-counter;
}
.page-type ol li::before {
  color: #e0002a;
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.page-type blockquote {
  color: var(--text);
  border-radius: 12px;
  background: var(--sidebar);
  padding: 40px;
  font-style: italic;
  margin-bottom: 40px !important;
  box-sizing: border-box;
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-type blockquote {
    padding: 20px;
    margin-bottom: 24px !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
}
.page-type blockquote::before {
  content: "’’";
  color: #cccccc;
  font: 200px/40px Times;
  letter-spacing: -15px;
  display: block;
  margin: 0 auto -20px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .page-type blockquote::before {
    font: 100px/40px Times;
    margin-top: -10px;
    letter-spacing: -5px;
  }
}
.page-type strong a {
  font-weight: bold;
}
.page-type table {
  width: 100%;
  margin-bottom: 40px;
  border-collapse: separate;
}
@media only screen and (max-width: 767px) {
  .page-type table {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-type table {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .page-type table {
    width: 960px;
  }
}
.page-type table thead tr th, .page-type table tbody tr th {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 10px 10px;
  border-bottom: 2px solid red;
}
.page-type table tbody tr {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-type table tbody tr td {
  color: var(--text);
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  padding: 12px 15px;
  border-bottom: 1px solid;
  border-color: rgba(204, 204, 204, 0.2);
}
.page-type .passag {
  color: var(--text);
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .page-type .passag {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
  }
}
.page-type .passag::before, .page-type .passag::after {
  content: "";
  width: 200px;
  height: 2px;
  background: #e0002a;
  display: block;
  margin: 40px auto;
}
@media only screen and (max-width: 1023px) {
  .page-type .passag::before, .page-type .passag::after {
    margin: 24px auto;
  }
}
.page-type .passag::before {
  margin-top: 0;
}
.page-type .quote {
  position: relative;
  padding-left: 4px;
}
.page-type .quote p {
  color: var(--text);
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 0 40px;
}
@media only screen and (max-width: 1023px) {
  .page-type .quote p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin: 0 0 24px;
  }
}
.page-type .quote::before {
  content: "";
  width: 4px;
  height: 100%;
  display: block;
  background: #e0002a;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.page-type._anonce p {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  opacity: 0.9;
  font-size: 26px;
  line-height: 46px;
  font-weight: 600;
}
.page-type._anonce p a {
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-type._anonce p {
    margin: 0 0 24px;
    padding: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }
}
.page-type._table {
  width: 100%;
  margin-bottom: 40px !important;
}
@media only screen and (max-width: 1023px) {
  .page-type._table {
    margin-bottom: 24px !important;
  }
}
.page-type._color {
  padding: 40px 0;
  border-radius: 12px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-type._color {
    padding: 24px 0;
    margin-bottom: 24px;
    border-radius: 12px;
  }
}
.page-type._color p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .page-type._color p:last-child {
    padding-bottom: 24px;
  }
}
.page-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px !important;
}
@media only screen and (max-width: 1023px) {
  .page-info {
    margin-bottom: 12px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.page-info__tag {
  gap: 8px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .page-info__tag {
    margin-bottom: 12px;
  }
}
.page-info__tag .tag-item {
  padding: 4px 12px;
  color: #999999;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  border-radius: 100px;
  text-decoration: none;
  text-transform: uppercase;
  background: var(--sidebar);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 767px) {
  .page-info__tag .tag-item {
    margin-bottom: 4px;
    display: inline-block;
  }
}
.page-info__tag .tag-item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .page-info__tag .tag-item:hover {
    color: #ffffff;
    background: #e0002a;
  }
}
.page .vote {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .page .vote {
    margin-bottom: 24px;
  }
}

.page-parking .parking {
  padding: 0;
  background: none;
  border-radius: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-parking .parking {
    margin-bottom: 24px;
  }
}
.page-parking .parking-head__title {
  margin: 20px 0;
  color: var(--text);
  pointer-events: none;
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-parking .parking-head__title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 14px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.page-parking .parking-head__title i {
  display: none;
}
.page-parking .parking-head__title::after {
  content: "Узнайте, какие автомобили сейчас на испытаниях";
  padding-left: 24px;
  margin-left: 24px;
  border-left: 1px solid var(--text);
  opacity: 0.5;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-parking .parking-head__title::after {
    border: 0;
    padding: 12px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
}
.page-parking .parking-head__nav a.active {
  background: var(--sidebar);
}
.page-parking .parking-wrapper {
  pointer-events: none;
}
.page-parking .parking-pay__content {
  border-radius: 12px;
  padding: 80px 0;
}
@media only screen and (max-width: 1023px) {
  .page-parking .parking-pay__content {
    padding: 40px 0;
  }
}
.page-parking .parking .item-wrapper__car {
  background: var(--sidebar);
}

.contacts-item {
  margin-bottom: 20px;
}
.contacts-item__label {
  color: var(--text);
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 4px;
}
.contacts-item__link {
  color: #e0002a;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.contacts-item__text {
  color: var(--text);
  opacity: 0.7;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}
.contacts-item__text._black {
  opacity: 1;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.contacts-item:last-child {
  margin-bottom: 0;
}
.contacts-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.contacts-form .form {
  width: 100%;
  flex: 1 0 auto;
}
@media only screen and (max-width: 1023px) {
  .contacts-form .form {
    margin-bottom: 20px;
  }
}
.contacts-form .form-wrapper {
  width: 100%;
  border-radius: 12px;
  padding: 40px;
  box-sizing: border-box;
  background-color: var(--sidebar);
}
@media only screen and (max-width: 1023px) {
  .contacts-form .form-wrapper {
    padding: 20px;
  }
}
.contacts-form .form .label-header__title {
  color: var(--text);
}
.contacts-form-job {
  width: 100%;
  background: url("https://autoreview.ru/images/Article/1735/Article_173503.jpg") no-repeat;
  background-position: center -280px;
  border-radius: 12px;
  padding: 70px 0;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .contacts-form-job {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
  }
}
.contacts-form-job span {
  position: relative;
  z-index: 2;
}
.contacts-form-job::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  background: #333333;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .contacts-form-job:hover::after {
    opacity: 0;
  }
}
.contacts-grid {
  display: grid;
  grid-template-columns: 400px 1fr;
  grid-template-rows: auto;
  grid-gap: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .contacts-grid {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 20px;
  }
}

.page-podhivka .podhivka-main__wrapper {
  margin: 40px 0;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-main__wrapper {
    margin: 24px 0;
  }
}
.page-podhivka .podhivka-main__wrapper .wrapper-feed {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-top: 0px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.2);
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-main__wrapper .wrapper-feed {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.page-podhivka .podhivka-main__wrapper .wrapper-feed__title {
  color: var(--text);
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-main__wrapper .wrapper-feed__title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
  }
}
.page-podhivka .podhivka-main__wrapper .wrapper-feed__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 90px;
  grid-template-rows: auto;
  grid-gap: 12px;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-main__wrapper .wrapper-feed__wrapper {
    opacity: 0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-main__wrapper .wrapper-feed__wrapper .slick-track {
    display: flex;
  }
}
.page-podhivka .podhivka-main__wrapper .wrapper-feed:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.page-podhivka .podhivka-page__wrapper {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  grid-gap: 24px;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-page__wrapper {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 24px;
  }
  .page-podhivka .podhivka-page__wrapper .wrapper-item {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .page-podhivka .podhivka-page__wrapper .wrapper-item img {
    width: 290px;
  }
}
.page-podhivka .podhivka-page__wrapper span {
  font-size: 16px !important;
}
.page-podhivka .podhivka-more__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 24px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-more__wrapper {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-more__wrapper .wrapper-item {
    width: 100%;
    background: var(--sidebar);
    border-radius: 12px;
  }
  .page-podhivka .podhivka-more__wrapper .wrapper-item img {
    width: auto !important;
    max-width: 100% !important;
  }
}
.page-podhivka .podhivka-more__wrapper .wrapper-item__content {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .podhivka-more__wrapper .wrapper-item__content {
    display: block;
    padding: 20px;
    box-sizing: border-box;
  }
  .page-podhivka .podhivka-more__wrapper .wrapper-item__content .content-text {
    color: var(--text);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .page-podhivka .podhivka-more__wrapper .wrapper-item__content .content-price {
    color: var(--text);
    padding: 12px 0;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    font-family: "Open Sans";
  }
  .page-podhivka .podhivka-more__wrapper .wrapper-item__content .content-price sub {
    bottom: 0;
    font-size: 100%;
    margin-left: 4px;
    font-family: "Raleway" !important;
  }
}
.page-podhivka .podhivka-more__wrapper .wrapper-item:hover img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  box-shadow: none;
}
.page-podhivka .podhivka-more__wrapper .feed-item__image img {
  height: auto;
}
.page-podhivka .podhivka-more__wrapper .feed-item__content .content-title {
  font-size: 20px;
  line-height: 30px;
}
.page-podhivka .wrapper-item {
  color: var(--text);
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .wrapper-item {
    width: 260px;
    margin-right: 12px;
  }
}
.page-podhivka .wrapper-item img {
  max-width: 100%;
  border-radius: 12px;
  display: block;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.page-podhivka .wrapper-item span {
  padding: 12px 0 0;
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .page-podhivka .wrapper-item:hover img {
    z-index: 2;
    box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.2);
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
  }
}
.page-podhivka .wrapper-link {
  color: var(--text);
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-podhivka .wrapper-link {
    width: 200px;
    height: auto;
  }
}
.page-podhivka .wrapper-link i {
  font-size: 20px;
  opacity: 0.5;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-podhivka .wrapper-link span {
  opacity: 0.5;
  padding-top: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.page-podhivka .wrapper-link:hover i {
  opacity: 1;
  color: #e0002a;
}

@media only screen and (max-width: 1023px) {
  .page-profil__nav {
    overflow-x: scroll;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .page-profil__nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.page-profil__nav a {
  color: var(--text);
  text-decoration: none;
  padding-bottom: 16px;
  margin-bottom: 16px;
  position: relative;
  gap: 4px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-profil__nav a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin: 0 16px 0 0;
    padding: 0;
    flex: 0 0 auto;
  }
}
.page-profil__nav a span {
  opacity: 0.4;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-profil__nav a sup {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
  top: 0;
  margin-left: 4px;
  margin-top: 2px;
  color: #ffffff;
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  font-family: "Open Sans";
  border-radius: 100px;
  background: #e0002a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-profil__nav a sup {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
    font-size: 8px;
  }
}
.page-profil__nav a i {
  width: 28px;
  font-size: 20px;
  opacity: 0.4;
  flex: 0 0 auto;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-profil__nav a i.pay {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .page-profil__nav a i.pay {
    margin-top: -1px;
  }
}
.page-profil__nav a i.star {
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .page-profil__nav a i.star {
    margin-top: -2px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-profil__nav a:hover i, .page-profil__nav a:hover span {
    opacity: 1;
  }
}
.page-profil__nav a.active i, .page-profil__nav a.active span {
  opacity: 1;
}
.page-profil__nav a::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  opacity: 0.4;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .page-profil__nav a::after {
    display: none;
  }
}
.page-profil__nav a:last-child::after {
  display: none;
}

.page-profil__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__main {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.page-profil__main .main-item {
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  background: var(--sidebar);
}
.page-profil__main .main-item .btn {
  width: 300px;
  text-align: center;
}
.page-profil__main .main-item .btn.link_red {
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .page-profil__main .main-item .btn {
    width: 100%;
  }
}
.page-profil__main .main-item hr {
  border: 0;
  width: 100%;
  height: 1px;
  margin-bottom: 24px;
  opacity: 0.4;
  background: var(--text);
}
@media only screen and (max-width: 1023px) {
  .page-profil__main .main-item__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: scroll;
    margin-bottom: -36px;
  }
  .page-profil__main .main-item__wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.page-profil__main .main-car {
  position: relative;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: var(--body);
}
@media only screen and (max-width: 1023px) {
  .page-profil__main .main-car {
    flex: 0 0 200px;
    margin-right: 12px;
  }
}
.page-profil__main .main-car__title {
  color: var(--text);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.page-profil__main .main-car__text {
  color: var(--text);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.page-profil__main .main-car a {
  font-size: 12px;
  cursor: pointer;
  color: var(--text);
  opacity: 0.4;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .page-profil__main .main-car a:hover {
    opacity: 1;
    color: #e0002a;
  }
}
.page-profil__main .main-car:last-child {
  margin-bottom: 0;
}
.page-profil__main .main-title {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-profil__main .main-title__title {
  color: var(--text);
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-profil__main .main-title .btn {
  color: var(--text);
  width: auto;
  padding: 0;
  opacity: 0.4;
}
.page-profil__main .main-title .btn i {
  font-size: 12px;
}
@media only screen and (min-width: 1024px) {
  .page-profil__main .main-title .btn:hover {
    opacity: 1;
    color: #e0002a;
  }
}
.page-profil__main .main-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__main .main-footer .link_black {
  width: auto;
  margin-top: 12px;
}
.page-profil__main .main-footer::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text);
  opacity: 0.4;
  margin: 24px 0;
}

.page-profil__noty .noty-item {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__noty .noty-item {
    margin-bottom: 12px;
  }
}
.page-profil__noty .noty-item__header {
  display: grid;
  grid-template-columns: 62px 1fr;
  grid-template-rows: auto;
  grid-gap: 24px;
}
.page-profil__noty .noty-item__header .header-avatar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-profil__noty .noty-item__header .header-avatar img {
  width: 62px;
  height: 62px;
  display: block;
  border-radius: 100px;
}
.page-profil__noty .noty-item__header .header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .page-profil__noty .noty-item__header .header-content__name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.page-profil__noty .noty-item__header .header-content__name a {
  color: var(--text);
  text-decoration: none;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .page-profil__noty .noty-item__header .header-content__name a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1024px) {
  .page-profil__noty .noty-item__header .header-content__name a:hover {
    color: #e0002a;
  }
}
.page-profil__noty .noty-item__header .header-content__name span {
  color: var(--text);
  opacity: 0.4;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-profil__noty .noty-item__header .header-content__name span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin: 4px 0 8px;
  }
}
.page-profil__noty .noty-item__header .header-content__info {
  opacity: 0.4;
}
.page-profil__noty .noty-item__header .header-content__info a {
  color: var(--text);
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .page-profil__noty .noty-item__header .header-content__info a:hover {
    color: #e0002a;
  }
}
.page-profil__noty .noty-item__header .header-content__info span {
  color: var(--text);
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.page-profil__noty .noty-item__header .header-content__info span::before {
  content: "//";
  padding: 0 8px;
}
.page-profil__noty .noty-item__content {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  margin-top: 20px;
  background: var(--sidebar);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .page-profil__noty .noty-item__content {
    padding: 12px;
  }
}
.page-profil__noty .noty-item__content .content-text {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.page-profil__noty .noty-item__content .content-text p {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__noty .noty-item__content .content-text p {
    margin-bottom: 8px;
  }
}
.page-profil__noty .noty-item__content .content-text p:last-child {
  margin-bottom: 0;
}
.page-profil__noty .noty-item__content .content-text.active {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9999;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.page-profil__noty .noty-item__content::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 0 12px;
  border-color: transparent transparent transparent var(--sidebar);
}
.page-profil__noty .noty-item.new {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  background: rgba(0, 172, 237, 0.1);
}
.page-profil__noty .noty-item.new .noty-item__content {
  background: var(--body);
}
.page-profil__noty .noty-item.new .noty-item__content::before {
  border-color: transparent transparent transparent var(--body);
}
.page-profil__noty .noty-item.ar {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  background: rgba(224, 0, 42, 0.1);
}
.page-profil__noty .noty-item.ar .header-avatar {
  width: 62px;
  height: 62px;
  border-radius: 100px;
  background: var(--body);
}
.page-profil__noty .noty-item.ar .header-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 0;
}
.page-profil__noty .noty-item.ar .noty-item__content {
  background: var(--body);
}
.page-profil__noty .noty-item.ar .noty-item__content::before {
  border-color: transparent transparent transparent var(--body);
}
.page-profil__noty .noty-item:last-child {
  margin-bottom: 0;
}
.page-profil__noty .noty-none {
  margin: 80px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__noty .noty-none i {
  color: var(--text);
  font-size: 40px;
  opacity: 0.2;
}
.page-profil__noty .noty-none p {
  color: var(--text);
  margin-top: 24px;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .page-profil__noty .noty-none p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
  }
}

html.dark .noty-item.new {
  background: rgba(0, 172, 237, 0.3);
}
html.dark .noty-item.ar {
  background: rgba(224, 0, 42, 0.3);
}

.page-profil__comment .comment-item {
  margin: 0 0 24px !important;
}
@media only screen and (max-width: 1023px) {
  .page-profil__comment .comment-item {
    margin: 0 0 12px !important;
  }
}
.page-profil__comment .comment-item__header .header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 1023px) {
  .page-profil__comment .comment-item__header .header-content__name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.page-profil__comment .comment-item__header .header-content__name a {
  color: var(--text);
  text-decoration: none;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .page-profil__comment .comment-item__header .header-content__name a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1024px) {
  .page-profil__comment .comment-item__header .header-content__name a:hover {
    color: #e0002a;
  }
}
.page-profil__comment .comment-item__header .header-content__name span {
  color: var(--text);
  opacity: 0.4;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-profil__comment .comment-item__header .header-content__name span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    margin: 4px 0 8px;
  }
}
.page-profil__comment .comment-item__header .header-content__info {
  opacity: 0.4;
}
.page-profil__comment .comment-item__header .header-content__info a {
  color: var(--text);
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .page-profil__comment .comment-item__header .header-content__info a:hover {
    color: #e0002a;
  }
}
.page-profil__comment .comment-item__header .header-content__info span {
  color: var(--text);
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.page-profil__comment .comment-item__header .header-content__info span::before {
  content: "//";
  padding: 0 8px;
}
.page-profil__comment .comment-item__content {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  margin-top: 20px;
  background: var(--sidebar);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .page-profil__comment .comment-item__content {
    padding: 12px;
  }
}
.page-profil__comment .comment-item__content .content-text {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.page-profil__comment .comment-item__content .content-text p {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__comment .comment-item__content .content-text p {
    margin-bottom: 8px;
  }
}
.page-profil__comment .comment-item__content .content-text p:last-child {
  margin-bottom: 0;
}
.page-profil__comment .comment-item__content .content-text.active {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9999;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.page-profil__comment .comment-item__content::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 0 12px;
  border-color: transparent transparent transparent var(--sidebar);
}
.page-profil__comment .comment-none {
  margin: 80px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__comment .comment-none i {
  color: var(--text);
  font-size: 40px;
  opacity: 0.2;
}
.page-profil__comment .comment-none p {
  color: var(--text);
  margin-top: 24px;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .page-profil__comment .comment-none p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
  }
}

.page-profil__favorite .favorite-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__favorite .favorite-wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.page-profil__favorite .favorite-none {
  margin: 80px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__favorite .favorite-none i {
  color: var(--text);
  font-size: 40px;
  opacity: 0.2;
}
.page-profil__favorite .favorite-none p {
  color: var(--text);
  margin-top: 24px;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .page-profil__favorite .favorite-none p {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
  }
}
.page-profil__favorite .content-title {
  font-size: 24px;
  line-height: 32px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__favorite .content-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.page-profil__pay {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .page-profil__pay {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.page-profil__pay.none {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-gap: 12px;
}
.page-profil__pay .pay-item {
  padding: 24px 28px;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--sidebar);
  flex: 0 0 auto;
  color: var(--text);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__pay .pay-item__header {
  border-radius: 3px;
  color: var(--text);
  background: var(--body);
  padding: 4px 8px;
  box-sizing: border-box;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.page-profil__pay .pay-item__header.green {
  color: #31A231;
  background: #BCEFC3;
}
.page-profil__pay .pay-item__header.orange {
  color: #C39427;
  background: #FDD392;
}
.page-profil__pay .pay-item__header.red {
  color: #BB5353;
  background: #FBB7B7;
  animation: pulseRed 2000ms infinite;
}
.page-profil__pay .pay-item__data .data-label {
  color: var(--text);
  opacity: 0.4;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
.page-profil__pay .pay-item__data .data-text {
  color: var(--text);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Open Sans";
}
.page-profil__pay .pay-item__data::after {
  content: "";
  width: 80px;
  height: 1px;
  display: block;
  margin: 16px auto 12px;
  background: var(--text);
  opacity: 0.2;
}
.page-profil__pay .pay-item__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 12px;
}
.page-profil__pay .pay-item__body .body-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__pay .pay-item__body .body-item__label {
  color: var(--var);
  opacity: 0.4;
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
}
.page-profil__pay .pay-item__body .body-item__text {
  color: var(--var);
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
.page-profil__pay .pay-item__body:first-child {
  flex: 1 0 auto;
}
.page-profil__pay .pay-item__body:last-child {
  margin-bottom: 0;
}
.page-profil__pay .pay-item__history {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__pay .pay-item__history i {
  font-size: 80px;
  margin-bottom: 12px;
  color: #00aced;
}
.page-profil__pay .pay-item__history span {
  color: var(--text);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  opacity: 0.4;
}
.page-profil__pay .pay-item__none {
  width: 100%;
  padding: 24px 28px;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--sidebar);
  flex: 0 0 auto;
  color: var(--text);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__pay .pay-item__none span {
  color: var(--text);
  margin-bottom: 24px;
  text-align: center;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-profil__pay .pay-item__none span {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}
.page-profil__pay .pay-item.__link {
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-profil__pay .pay-item.__link:hover {
  box-shadow: var(--hover_shadow);
}

.page-profil__setting {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__setting {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.page-profil__setting .setting-item {
  color: var(--text);
  background: var(--sidebar);
  border-radius: 12px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.page-profil__setting .setting-item span {
  padding-bottom: 24px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}

.page-profil__guest {
  width: 100%;
  margin: 40px 0 0;
}
@media only screen and (max-width: 1023px) {
  .page-profil__guest {
    margin: 24px 0 0;
  }
}
.page-profil__guest .guest-user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-profil__guest .guest-user__avatar {
  margin-bottom: 24px;
}
.page-profil__guest .guest-user__avatar img {
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 500px;
}
.page-profil__guest .guest-user__avatar._ar {
  width: 160px;
  height: 160px;
  border-radius: 500px;
  box-sizing: border-box;
  border: 2px solid #e0002a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-profil__guest .guest-user__info {
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-profil__guest .guest-user__info .info-item {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-profil__guest .guest-user__info .info-item i {
  color: #e0002a;
  font-size: 17px;
  padding-right: 4px;
}
.page-profil__guest .guest-user__info .info-item i.star {
  font-size: 18px;
}
.page-profil__guest .guest-user__info .info-item span {
  color: var(--text);
  opacity: 0.4;
  font-family: "Open Sans";
}
.page-profil__guest .guest-user__info .info-item:first-child {
  margin-right: 12px;
}
.page-profil__guest .guest-user__name {
  color: var(--text);
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 12px;
}
.page-profil__guest .guest-user__city {
  color: var(--text);
  opacity: 0.4;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 16px;
  font-style: italic;
}
.page-profil__guest .guest-user__ar {
  color: var(--text);
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
.page-profil__guest .guest-car {
  border-radius: 12px;
  padding: 28px 40px 40px;
  box-sizing: border-box;
  background: var(--sidebar);
  margin: 40px 0;
}
@media only screen and (max-width: 1023px) {
  .page-profil__guest .guest-car {
    padding: 20px 0 4px;
  }
}
.page-profil__guest .guest-car__title {
  color: var(--text);
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-profil__guest .guest-car__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-profil__guest .guest-car__wrapper {
    display: block;
  }
}
.page-profil__guest .guest-car .main-car {
  position: relative;
  border-radius: 12px;
  padding: 20px;
  margin-right: 20px;
  box-sizing: border-box;
  background: var(--body);
}
@media only screen and (max-width: 1023px) {
  .page-profil__guest .guest-car .main-car {
    margin: 0 0 12px;
  }
}
.page-profil__guest .guest-car .main-car__title {
  color: var(--text);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.page-profil__guest .guest-car .main-car__text {
  color: var(--text);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.page-profil__guest .guest-car .main-car:last-child {
  margin-right: 0;
}
.page-profil__guest .guest-comments {
  padding: 0 100px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
  .page-profil__guest .guest-comments {
    padding: 0;
  }
}
.page-profil__guest .guest-comments .comment-item:last-child {
  margin-bottom: 0 !important;
}

.page-profil__wrapper {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-template-rows: auto;
  grid-gap: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-profil__wrapper {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .page-profil__wrapper {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 6px;
  }
}
.page-profil__wrapper + .pagination {
  margin-top: 0 !important;
}
.page-profil .modal-content {
  width: 100%;
  padding-bottom: 24px;
  position: absolute;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: translateX(200%);
  -webkit-transform: translateX(200%);
  -o-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}
.page-profil .modal-content.active {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.page-profil .modal-content.active table {
  width: 100%;
  border-spacing: 0;
}
.page-profil .modal-content.active table thead tr th {
  color: var(--text);
  opacity: 0.4;
  text-transform: uppercase;
  border-bottom: 1px solid #e0002a;
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
}
.page-profil .modal-content.active table tbody tr td {
  color: var(--text);
  padding: 12px 0;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
}

.page-autor__main {
  margin: 40px 0;
}
@media only screen and (max-width: 1023px) {
  .page-autor__main {
    margin: 24px 0;
  }
}
.page-autor__main .main-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .page-autor__main .main-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.page-autor__main .main-wrapper__item {
  padding: 20px 0;
  border-radius: 12px;
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-autor__main .main-wrapper__item {
    padding: 0;
  }
}
.page-autor__main .main-wrapper__item .item-img {
  position: relative;
}
.page-autor__main .main-wrapper__item .item-img img {
  width: 160px;
  height: 160px;
  display: block;
  margin: 0 0 16px;
  border-radius: 500px;
}
@media only screen and (max-width: 1023px) {
  .page-autor__main .main-wrapper__item .item-img img {
    width: 120px;
    height: 120px;
  }
}
.page-autor__main .main-wrapper__item .item-img a {
  color: #00b200;
  width: 36px;
  height: 36px;
  font-weight: 500;
  background-color: var(--sidebar);
  border-radius: 100%;
  box-sizing: border-box;
  border: 2px solid #00b200;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 12px;
  right: 12px;
  text-decoration: none;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .page-autor__main .main-wrapper__item .item-img a {
    bottom: 8px;
    right: 8px;
  }
}
.page-autor__main .main-wrapper__item .item-img a.add {
  font-size: 16px;
}
.page-autor__main .main-wrapper__item .item-img a.add::before {
  margin-top: 0px;
}
.page-autor__main .main-wrapper__item .item-img a.check {
  font-size: 16px;
  font-weight: 600;
}
.page-autor__main .main-wrapper__item .item-img a.active {
  color: #00aced;
  border-color: #00aced;
}
.page-autor__main .main-wrapper__item p {
  color: var(--text);
  text-align: center;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-autor__main .main-wrapper__item p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
  }
}
.page-autor__main .main-wrapper__item span {
  color: var(--text);
  text-align: center;
  opacity: 0.4;
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 1024px) {
  .page-autor__main .main-wrapper__item:hover {
    background: var(--sidebar);
  }
}
.page-autor__page {
  margin: 40px 0;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page {
    margin: 24px 0;
  }
}
.page-autor__page .page-autor {
  width: 100%;
  height: 65vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor {
    height: 45vh;
  }
}
.page-autor__page .page-autor__info {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 100px 0 40px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor__info {
    padding-bottom: 20px;
  }
}
.page-autor__page .page-autor__info .info-name {
  color: #ffffff;
  margin-bottom: 12px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor__info .info-name {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
  }
}
.page-autor__page .page-autor__info .info-rang {
  color: #ffffff;
  opacity: 0.6;
  margin-bottom: 20px;
  font-style: italic;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor__info .info-rang {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
  }
}
.page-autor__page .page-autor__info .info-ar {
  color: #ffffff;
  background: #e0002a;
  border-radius: 12px;
  padding: 4px 12px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: "Open Sans";
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor__info .info-ar {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
  }
}
.page-autor__page .page-autor a {
  color: #00b200;
  width: 36px;
  height: 36px;
  font-weight: 500;
  border-radius: 100%;
  box-sizing: border-box;
  border: 2px solid #00b200;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-decoration: none;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-autor a {
    bottom: 8px;
    right: 8px;
  }
}
.page-autor__page .page-autor a.add {
  font-size: 16px;
}
.page-autor__page .page-autor a.add::before {
  margin-top: 0px;
}
.page-autor__page .page-autor a.check {
  font-size: 16px;
  font-weight: 600;
}
.page-autor__page .page-autor a.active {
  color: #00aced;
  border-color: #00aced;
}
.page-autor__page .page-text {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-text {
    margin-bottom: 24px;
  }
}
.page-autor__page .page-text p {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-text p {
    margin: 0 0 24px;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
  }
}
.page-autor__page .page-feed__title {
  color: var(--text);
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  padding: 0 80px 20px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-feed__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
.page-autor__page .page-out_state {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-out_state {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-autor__page .page-out_state img {
  width: 160px;
  width: 160px;
  margin-right: 40px;
  border-radius: 500px;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-out_state img {
    margin: 0 0 22px;
  }
}
.page-autor__page .page-out_state .autor-name {
  color: var(--text);
  margin-bottom: 12px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-out_state .autor-name {
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
  }
}
.page-autor__page .page-out_state .autor-rang {
  color: var(--text);
  opacity: 0.6;
  margin-bottom: 20px;
  font-style: italic;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  .page-autor__page .page-out_state .autor-rang {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
  }
}
.page-autor .sub {
  color: var(--text);
  margin: 12px 0 0 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.page-timeline .content {
  position: relative;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.page-timeline .content-item {
  position: relative;
  display: grid;
  grid-template-columns: 112px 14px 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item {
    display: block;
    padding-bottom: 40px;
  }
}
.page-timeline .content-item-year {
  font: 40px/40px "Open Sans";
  font-weight: 700;
  color: #cccccc;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-year {
    font: 20px/20px "Open Sans";
    height: 20px;
    font-weight: 700;
    padding: 8px 0;
    position: relative;
    z-index: 2;
    background: var(--body);
  }
}
.page-timeline .content-item-bullit {
  width: 10px;
  height: 10px;
  border: 2px solid #ccc;
  background: var(--body);
  border-radius: 100px;
  position: relative;
  margin-top: 10px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-timeline .content-item-bullit:before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 100px;
  background: #e0002a;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-bullit {
    position: absolute;
    left: 14px;
    top: 26px;
  }
}
.page-timeline .content-item-content {
  margin-left: 26px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content {
    margin-left: 40px;
  }
}
.page-timeline .content-item-content .item {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .item {
    display: block;
    margin-bottom: 32px;
  }
}
.page-timeline .content-item-content .item img {
  height: 180px;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .item img {
    max-width: 100%;
    height: auto;
  }
}
.page-timeline .content-item-content .item-text {
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .item-text {
    margin: 12px 0 0;
  }
}
.page-timeline .content-item-content .item-text p {
  margin: 0;
  color: var(--text);
  font-size: 20px;
  line-height: 36px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .item-text p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    line-height: 24px !important;
  }
}
.page-timeline .content-item-content .item-text p a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.page-timeline .content-item-content .item-text p a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-timeline .content-item-content .item-text p a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .page-timeline .content-item-content .item-text p a:hover::after {
    height: 12px;
  }
}
.page-timeline .content-item-content .item-text p.title {
  font-weight: 600;
}
.page-timeline .content-item-content .item-text p.title a {
  font-weight: 600;
}
.page-timeline .content-item-content .item-text p.text {
  line-height: 30px;
}
.page-timeline .content-item-content .autor p {
  color: var(--text);
  font-size: 20px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .autor p {
    margin-bottom: 12px;
  }
}
.page-timeline .content-item-content .autor-wrapp {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .autor-wrapp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.page-timeline .content-item-content .autor-wrapp-item {
  flex-basis: 174px;
  width: 174px;
  border: 0;
  margin-right: 40px;
  margin-bottom: 30px;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .autor-wrapp-item {
    margin-left: 0;
    margin-bottom: 16px;
  }
}
.page-timeline .content-item-content .autor-wrapp-item_img {
  width: 170px;
  height: 170px;
  border: 2px solid;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-color: rgba(224, 0, 42, 0.4);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .autor-wrapp-item_img {
    margin-bottom: 12px;
  }
}
.page-timeline .content-item-content .autor-wrapp-item_img img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.page-timeline .content-item-content .autor-wrapp-item_img._no {
  border-color: transparent;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content-item-content .autor-wrapp-item_img._no {
    margin-bottom: 0;
  }
}
.page-timeline .content-item-content .autor-wrapp-item_text p {
  color: var(--text);
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 4px;
}
.page-timeline .content-item-content .autor-wrapp-item_text span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #999;
  display: block;
  text-align: center;
}
.page-timeline .content-item-content .autor-wrapp-item_text span::before {
  content: "(";
}
.page-timeline .content-item-content .autor-wrapp-item_text span::after {
  content: ")";
}
@media only screen and (min-width: 1024px) {
  .page-timeline .content-item-content .autor-wrapp-item:hover .autor-wrapp-item_img {
    border-color: rgba(224, 0, 42, 0.6);
    animation: pulseRed 1500ms infinite;
  }
  .page-timeline .content-item-content .autor-wrapp-item:hover ._no {
    border: 2px solid rgba(224, 0, 42, 0);
    animation: none;
  }
  .page-timeline .content-item-content .autor-wrapp-item:hover img {
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
  }
}
.page-timeline .content-item-content .autor-wrapp-item:last-child {
  margin-right: 0;
}
.page-timeline .content-item-content div:last-child {
  margin-bottom: 0;
}
.page-timeline .content:after {
  content: "";
  width: 2px;
  height: 100%;
  background: #ccc;
  position: absolute;
  top: 10px;
  left: 118px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .page-timeline .content:after {
    left: 20px;
  }
}
.page-timeline .content.present {
  flex-direction: column;
}
.page-timeline .content.past {
  flex-direction: column-reverse;
}
.page-timeline .content.past .content-item-content {
  display: flex;
  flex-direction: column-reverse;
}
.page-timeline .content.past .content-item-content .item:last-child {
  padding-bottom: 50px;
}
.page-timeline .main-header .sort-item::before {
  right: 14px;
}

.page-subscripts__header {
  position: relative;
  padding: 80px 0 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__header {
    padding: 40px 0 60px;
  }
}
.page-subscripts__header h1 {
  color: var(--text);
  font-size: 50px;
  line-height: 50px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__header h1 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }
}
.page-subscripts__header p {
  color: var(--text);
  margin: 0 200px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__header p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
  }
}
.page-subscripts__header i {
  font-size: 340px;
  color: var(--text);
  opacity: 0.04;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .page-subscripts__header i {
    font-size: 240px;
  }
}
.page-subscripts__other {
  border-radius: 12px;
  padding: 40px;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  box-sizing: border-box;
  background: var(--sidebar);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other {
    padding: 20px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    display: block;
  }
}
.page-subscripts__other .other-item {
  height: 224px;
  color: #ffffff;
  border-radius: 12px;
  text-decoration: none;
  background: #00aced;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-item {
    position: relative;
    height: auto;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.page-subscripts__other .other-item img {
  display: block;
  margin-bottom: -30px;
  opacity: 0.4;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-item img {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    margin-bottom: -4px;
  }
}
.page-subscripts__other .other-item p {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  margin: 0 20px;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-item p {
    margin: 20px 40px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
  }
}
.page-subscripts__other .other-item:nth-of-type(1) {
  grid-area: 1/1/2/2;
}
.page-subscripts__other .other-item:nth-of-type(2) {
  grid-area: 2/1/3/2;
}
@media only screen and (min-width: 1024px) {
  .page-subscripts__other .other-item:hover img {
    opacity: 1;
  }
}
.page-subscripts__other .other-print {
  grid-area: 1/2/3/3;
}
.page-subscripts__other .other-print__title {
  color: var(--text);
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-print__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 40px;
  }
}
.page-subscripts__other .other-print__item {
  width: 100%;
  gap: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-print__item {
    gap: 0;
  }
}
.page-subscripts__other .other-print__item .btn {
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-print__item .btn {
    margin-top: 20px;
  }
}
.page-subscripts__other .other-print__wrapper {
  height: calc(100% - 64px);
  border-radius: 12px;
  padding: 40px;
  box-sizing: border-box;
  background: var(--body);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-print__wrapper {
    padding: 20px;
  }
}
.page-subscripts__other .other-print__wrapper hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: var(--text);
  opacity: 0.1;
  margin: 40px 0;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__other .other-print__wrapper hr {
    margin: 20px 0;
  }
}
.page-subscripts__faq {
  margin-bottom: 40px !important;
}
.page-subscripts__faq .faq-title {
  color: var(--text);
  text-align: center;
  margin-bottom: 40px;
  font-size: 40px;
  line-height: 46px;
  font-weight: 500;
}
.page-subscripts__faq .faq-item {
  color: var(--text);
  padding-bottom: 28px;
  margin-bottom: 28px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
  border-top: 0px solid #999999;
  border-right: 0px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 0px solid #999999;
  border-color: rgba(153, 153, 153, 0.2);
}
@media only screen and (max-width: 767px) {
  .page-subscripts__faq .faq-item {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.page-subscripts__faq .faq-item__title {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__faq .faq-item__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
}
.page-subscripts__faq .faq-item__title i {
  font-size: 20px;
  transform: rotate(90deg);
  opacity: 0.4;
  margin-left: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-subscripts__faq .faq-item__title.active i {
  transform: rotate(-90deg);
}
.page-subscripts__faq .faq-item__text {
  margin-top: 12px;
  display: none;
}
.page-subscripts__faq .faq-item__text a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
  font-weight: 300;
}
.page-subscripts__faq .faq-item__text a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-subscripts__faq .faq-item__text a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .page-subscripts__faq .faq-item__text a:hover::after {
    height: 12px;
  }
}
.page-subscripts__faq .faq-item__text ol {
  counter-reset: ol-counter;
}
.page-subscripts__faq .faq-item__text ol li::before {
  color: #e0002a;
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.page-subscripts__faq .faq-item__text ol li {
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 12px;
  padding-left: 24px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-subscripts__faq .faq-item__text ol li {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }
}
.page-subscripts__faq .faq-item__text ol li:last-child {
  margin-bottom: 0;
}
.page-subscripts__faq .faq-item:last-child {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-subscripts .subscripts {
  background: none;
  padding: 0;
}
.page-subscripts .subscripts-wrapper__item:nth-of-type(2), .page-subscripts .subscripts-wrapper__item:nth-of-type(3), .page-subscripts .subscripts-wrapper__item:nth-of-type(4) {
  background: var(--sidebar);
}
.page-subscripts .subscripts-logo, .page-subscripts .subscripts-title, .page-subscripts .subscripts-subtitle, .page-subscripts .subscripts-button {
  display: none;
}
.page-subscripts .subscripts::before {
  display: none;
}
.page-subscripts .modal-content {
  padding-bottom: 40px;
}
.page-subscripts .modal-content__slider {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-subscripts .modal-content__slider {
    margin-bottom: 20px;
  }
}
.page-subscripts .modal-content__slider .slider-item {
  border-radius: 12px;
  padding: 60px 12px;
  background-color: var(--sidebar);
  margin-right: 4px;
  box-shadow: inset 0px 5px 0px #333333;
}
.page-subscripts .modal-content__slider .slider-item__label {
  width: 100%;
  color: var(--text);
  margin-bottom: 12px;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.page-subscripts .modal-content__slider .slider-item__title {
  width: 100%;
  color: var(--text);
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  font-family: "Open Sans";
}
.page-subscripts .modal-content__slider .slider-item__sale {
  width: 100%;
  color: var(--text);
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 300;
  text-align: center;
  font-style: italic;
  opacity: 0.6;
  font-family: "Open Sans";
}
.page-subscripts .modal-content__slider .slider-item__price {
  width: 100%;
  color: var(--text);
  margin-bottom: 8px;
  font-size: 34px;
  line-height: 34px;
  font-weight: 300;
  text-align: center;
  font-family: "Open Sans";
}
.page-subscripts .modal-content__slider .slider-item__price sub {
  bottom: 0;
  font-size: 34px;
  line-height: 34px;
  font-weight: 300;
  font-family: "Raleway";
  padding-left: 8px;
}
.page-subscripts .modal-content__slider .slider-item hr {
  border: 0;
  width: 80px;
  height: 1px;
  margin: 24px auto;
  background: #333333;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(1) {
  box-shadow: inset 0px 5px 0px #09D609;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(1) hr {
  background: #09D609;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(2) {
  box-shadow: inset 0px 5px 0px #37C3FF;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(2) hr {
  background: #37C3FF;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(3) {
  box-shadow: inset 0px 5px 0px #E337FF;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(3) hr {
  background: #E337FF;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(4) {
  box-shadow: inset 0px 5px 0px #ffba33;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(4) hr {
  background: #ffba33;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(5) {
  box-shadow: inset 0px 5px 0px #E04444;
}
.page-subscripts .modal-content__slider .slider-item:nth-of-type(5) hr {
  background: #E04444;
}
.page-subscripts .modal-content__slider .slick-list {
  margin: 0 40px;
}
@media only screen and (max-width: 767px) {
  .page-subscripts .modal-content__slider .slick-list {
    margin: 0;
  }
}
.page-subscripts .modal-content__slider .slick-arrow {
  color: var(--text);
  font-size: 22px;
}
.page-subscripts .modal-content__slider .slick-next {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0, -50%);
}
.page-subscripts .modal-content__slider .slick-prev {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
  transform: rotate(180deg);
}

.location-head__title {
  margin: 20px 0;
  color: var(--text);
  pointer-events: none;
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .location-head__title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 14px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.location-head__title::after {
  content: "Где работают журналисты Авторевю прямо сейчас";
  padding-left: 24px;
  margin-left: 24px;
  border-left: 1px solid var(--text);
  opacity: 0.5;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .location-head__title::after {
    border: 0;
    padding: 12px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
}
.location-map {
  width: 100%;
  height: calc(100vh - 126px);
}

.page-pay__item {
  width: 580px;
  padding: 40px;
  margin-top: 40px;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--sidebar);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-pay__item {
    width: 100%;
    padding: 24px;
    margin-top: 24px;
  }
}
.page-pay__item .item-title {
  color: var(--text);
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}
.page-pay__item .item-title::after {
  content: "";
  width: 100px;
  height: 1px;
  display: block;
  margin: 24px auto;
  background: #cccccc;
}
.page-pay__item .item-text {
  color: var(--text);
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .page-pay__item .item-text {
    text-align: center;
  }
}
.page-pay__item .item-text::after {
  content: "";
  width: 100px;
  height: 1px;
  display: block;
  margin: 28px auto;
  background: #cccccc;
}
.page-pay__item .item-text.nobrd::after {
  display: none;
}
.page-pay__item .item-sub {
  color: var(--text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.page-pay__item .item-icon {
  width: 80px;
  height: 80px;
  position: relative;
  margin-bottom: 40px;
}
.page-pay__item .item-icon .icon {
  font-size: 80px;
  line-height: 70px;
}
.page-pay__item .item-icon .icon.check_circle_outline {
  color: #00b200;
}
.page-pay__item .item-icon .icon.report_problem {
  color: #e0002a;
}
.page-pay__item .item-icon .icon.spinner {
  width: 80px;
  height: 80px;
  color: #00aced;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  animation: rotate 2s linear infinite;
}
.page-pay__item .item-icon .icon.spinner::before {
  width: 80px;
  height: 80px;
  margin-top: 6px;
}
.page-pay__item .item-icon span {
  color: #00aced;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-pay__item .item-form__row {
  color: var(--text);
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page-pay__item .item-form__row .row-text {
  font-weight: 600;
}
.page-pay__item .item-form__row .row-text span {
  font-family: "Open Sans";
  padding-right: 4px;
}
.page-pay__item .item-form__row .row-text input {
  margin-left: 20px;
  width: 170px;
}
.page-pay__item .item-form__text {
  color: var(--text);
  margin-top: 16px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.page-pay__item .item-form__text a {
  border-bottom: 1px solid #e0002a;
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-pay__item .item-form__text a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-pay__item .item-form__text a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .page-pay__item .item-form__text a:hover::after {
    height: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-pay__item .item-form__text a:hover {
    border-bottom: 1px solid transparent;
  }
}
.page-pay__item .item-form__status {
  margin: 8px 0 16px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
.page-pay__item .item-form__status .icon {
  margin-right: 8px;
}
.page-pay__item .item-form__status .status-success {
  color: #00b200;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-pay__item .item-form__status .status-error {
  color: #e0002a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-pay__item .item-form__button {
  margin-top: 24px;
  text-align: center;
}
.page-pay .flex {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-anons__content {
  margin: 40px 0 0;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content {
    margin: 24px 0 0;
  }
}
.page-anons__content .article__item .item-preview {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.page-anons__content .article__item .item-preview img {
  max-width: 100%;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-preview img {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-preview {
    height: auto;
  }
}
.page-anons__content .article__item .item-title {
  color: var(--text);
  position: relative;
  z-index: 2;
  margin: 40px 80px 20px;
  font-size: 40px;
  line-height: 56px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-title {
    margin: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.page-anons__content .article__item .item-autor {
  position: relative;
  z-index: 2;
  margin: 0 80px;
  padding: 24px 0;
  border-top: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.6);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-autor {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-anons__content .article__item .item-autor__block {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-autor__block {
    margin-bottom: 24px;
  }
}
.page-anons__content .article__item .item-autor__block img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 20px 0 0;
  border-radius: 500px;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-autor__block img {
    width: 32px;
    height: 32px;
  }
}
.page-anons__content .article__item .item-autor__block span {
  color: var(--text);
  opacity: 0.6;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-autor__block span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
}
@media only screen and (min-width: 1024px) {
  .page-anons__content .article__item .item-autor__block:hover span {
    color: #e0002a;
    opacity: 1;
  }
}
.page-anons__content .article__item .item-text {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
  margin-top: 20px;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-text {
    margin: 0 0 24px;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item-text {
    margin-top: 12px;
  }
}
.page-anons__content .article__item .item .btn {
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .page-anons__content .article__item .item .btn {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 24px 0;
    flex: 0 1 auto;
  }
}
.page-anons__content .article__item .item .btn i.check {
  margin: -2px 0 2px;
}
.page-anons__content .article__item:last-child {
  margin-right: 0;
}
.page-anons__new {
  width: 100%;
  margin: 0 0 40px;
}
@media only screen and (max-width: 1023px) {
  .page-anons__new {
    margin: 0 0 24px;
  }
}
.page-anons__new .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-anons__new .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-anons__new .container img {
  width: 300px;
  margin-right: 40px;
  border-radius: 12px;
  filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.2));
}
@media only screen and (max-width: 1023px) {
  .page-anons__new .container img {
    margin: 0 0 24px;
  }
}
.page-anons__new .container p {
  color: var(--text);
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-anons__new .container p {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
  }
}

.page-donate .donate {
  padding: 80px 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-donate .donate {
    padding: 0;
  }
}
.page-donate .donate h1 {
  color: var(--text);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.page-donate .donate p {
  color: var(--text);
  margin: 12px 0;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.page-donate .donate-sub {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: var(--text);
  margin-bottom: 40px;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .page-donate .donate-sub {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
}
.page-donate .donate-sub span {
  color: #00aced;
}
.page-donate .donate-user {
  color: var(--text);
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-donate .donate-user span {
  margin-top: 4px;
  color: #999999;
}
.page-donate .donate-gift {
  color: var(--text);
  margin: 40px 0;
  font-size: 24px;
  line-height: 26px;
  font-weight: 400;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-donate .donate-gift {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 20px 0 40px;
  }
}
.page-donate .donate-text {
  color: var(--text);
  margin: 24px 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
@media only screen and (max-width: 767px) {
  .page-donate .donate-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
}
.page-donate .donate .form {
  width: 410px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-donate .donate .form {
    width: 100%;
  }
}
.page-donate .donate .form .label {
  width: 100%;
}

.login {
  height: 100vh;
  background: #f8f8f8;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-template-rows: auto;
  grid-gap: 0;
}
@media only screen and (max-width: 1023px) {
  .login {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-gap: 0;
    justify-content: normal;
  }
}
.login-form {
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.login-form__social {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-form__social .social-title {
  color: #333333;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
.login-form__social .social-wrapper a {
  color: #333333;
  width: 40px;
  height: 40px;
  font-size: 24px;
  text-decoration: none;
  border: 1px solid #333333;
  border-radius: 12px;
  opacity: 0.6;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.login-form__social .social-wrapper a.gl {
  font-size: 16px;
  margin-left: 20px;
}
@media only screen and (min-width: 1024px) {
  .login-form__social .social-wrapper a:hover {
    opacity: 1;
  }
}
.login-form__or {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-form__or .or-title {
  width: 100%;
  color: #333333;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
.login-form__or .or-title span {
  background: #f8f8f8;
  position: relative;
  padding: 8px;
  z-index: 2;
}
.login-form__or .or-title:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #333333;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-form__btn {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-form__text p {
  color: #333333;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.login-form__text p a {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  text-decoration: none;
  color: #e0002a;
}
@media only screen and (min-width: 1024px) {
  .login-form__text p a:hover {
    color: #a1001e;
  }
}
.login-form__wrapper {
  width: 490px;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  .login-form__wrapper {
    width: 100%;
  }
}
.login-form form {
  width: 100%;
}
.login-form .arrow_defalut {
  color: #333333;
  opacity: 0.5;
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 24px;
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (min-width: 1024px) {
  .login-form .arrow_defalut:hover {
    opacity: 1;
  }
}
.login-logo {
  height: 100%;
  background: url("../img/photo/loginza.jpg") center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .login-logo {
    display: none;
  }
}
.login-logo img {
  height: 150px;
  display: none;
}

.arcap-nav {
  height: 84px;
}
@media only screen and (max-width: 1023px) {
  .arcap-nav {
    height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-nav {
    height: 48px;
  }
}
.arcap-nav__wrapper {
  width: 100%;
  background: var(--header);
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  left: 0;
  top: 0;
  gap: 20px;
  z-index: 10;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .arcap-nav__wrapper {
    padding: 8px;
    border-radius: 8px;
  }
}
.arcap-nav__wrapper.top {
  opacity: 0;
  top: -80px;
  position: sticky;
}
.arcap-nav__wrapper.bottom {
  top: 0;
  opacity: 1;
  position: fixed;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 0 80px 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .arcap-nav__wrapper.bottom {
    border-radius: 0 0 8px 8px;
  }
}
.arcap-nav__wrapper .container {
  gap: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .arcap-nav__wrapper .container {
    gap: 12px;
  }
}
.arcap-nav .icon {
  cursor: pointer;
  color: var(--text);
  flex: 0 0 auto;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.arcap-nav .icon.spec_burger {
  font-size: 24px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 12px;
  font-weight: 700;
  opacity: 1;
  background: var(--subscript);
}
@media only screen and (max-width: 767px) {
  .arcap-nav .icon.spec_burger {
    font-size: 16px;
  }
}
.arcap-nav .icon.magnifier {
  width: 28px;
  height: 28px;
  font-size: 24px;
  opacity: 0.8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .arcap-nav .icon.magnifier {
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 8px;
    right: 8px;
    color: #ffffff;
    background: #00aced;
    border-radius: 100px;
    z-index: 10;
  }
}
.arcap-nav .icon.closed {
  width: 28px;
  height: 28px;
  font-size: 24px;
  opacity: 0.4;
  color: #e0002a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .arcap-nav .icon.closed {
    width: 40px;
    height: 40px;
    opacity: 0.8;
  }
}
@media only screen and (min-width: 1024px) {
  .arcap-nav .icon:hover {
    color: #e0002a;
  }
}
.arcap-nav .nav {
  overflow: hidden;
  position: relative;
}
.arcap-nav .nav::after {
  content: "";
  width: 30px;
  height: 100%;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--menu_after);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.arcap-nav .nav-wrapper {
  gap: 20px;
  overflow-x: scroll;
  padding-right: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.arcap-nav .nav-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media only screen and (max-width: 767px) {
  .arcap-nav .nav-wrapper {
    gap: 12px;
  }
}
.arcap-nav .nav-wrapper a {
  color: var(--text);
  text-decoration: none;
  flex: 0 0 auto;
  gap: 20px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.arcap-nav .nav-wrapper a:hover, .arcap-nav .nav-wrapper a.active {
  color: #e0002a;
}
@media only screen and (max-width: 767px) {
  .arcap-nav .nav-wrapper a {
    gap: 12px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
  }
}
.arcap-nav .nav-wrapper a::after {
  content: "";
  width: 1px;
  height: 12px;
  display: block;
  background: var(--text);
  opacity: 0.2;
}
.arcap-nav .nav-wrapper a:last-child::after {
  display: none;
}
.arcap-nav .serach {
  width: 0;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-template-rows: auto;
  grid-gap: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .arcap-nav .serach i {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .arcap-nav .serach select, .arcap-nav .serach button {
    opacity: 0;
    display: block;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .arcap-nav .serach select.active, .arcap-nav .serach button.active {
    opacity: 1;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
}
.arcap-nav .serach.active {
  width: 100%;
  overflow: visible;
}
@media only screen and (max-width: 1023px) {
  .arcap-nav .serach {
    width: 100%;
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index: 10;
    padding: 20px 12px 12px;
    box-sizing: border-box;
    background: var(--header);
    border-radius: 12px 12px 0 0;
    z-index: 99;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 8px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    transition: all 500ms;
  }
  .arcap-nav .serach::before {
    content: "";
    width: 80px;
    height: 4px;
    display: block;
    position: relative;
    border-radius: 12px;
    margin: -36px auto 0;
    background: #ffffff;
    opacity: 0.2;
  }
  .arcap-nav .serach.active {
    bottom: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .arcap-nav .container {
    margin: 0;
  }
}

.arcap-main {
  background: var(--subscript);
}
.arcap-main .arcap-main__header {
  width: 100%;
  background: url("../img/img/arcap.jpg") center no-repeat;
  background-size: cover;
  position: relative;
  gap: 52px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc( (100vw - 320px)/(1920 - 320) * (700 - 250) + 250px);
}
@media only screen and (max-width: 767px) {
  .arcap-main .arcap-main__header {
    gap: 20px;
    margin-bottom: 20px;
  }
}
.arcap-main .arcap-main__header .logo {
  color: #ffffff;
  position: relative;
  z-index: 2;
  gap: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .arcap-main .arcap-main__header .logo {
    gap: 8px;
  }
}
.arcap-main .arcap-main__header .logo .icon {
  font-size: calc( (100vw - 320px)/(1920 - 320) * (90 - 40) + 40px);
  color: #ffbf25;
}
.arcap-main .arcap-main__header .logo-text {
  font-weight: 300;
  text-transform: uppercase;
  font-size: calc( (100vw - 320px)/(1920 - 320) * (120 - 48) + 48px);
}
.arcap-main .arcap-main__header .logo-text span {
  font-weight: 400;
}
.arcap-main .arcap-main__header .text {
  color: #ffffff;
  position: relative;
  z-index: 2;
  gap: 20px;
  font-weight: 400;
  font-size: calc( (100vw - 320px)/(1920 - 320) * (40 - 20) + 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .arcap-main .arcap-main__header .text {
    gap: 12px;
  }
}
.arcap-main .arcap-main__header .text span {
  padding: 12px 20px;
  border-radius: 16px;
  background: #e0002a;
  font-family: "Open Sans";
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .arcap-main .arcap-main__header .text span {
    padding: 8px 12px;
  }
}
.arcap-main .arcap-main__header::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  opacity: 0.7;
  background: #000000;
}
.arcap-main .arcap-feed {
  margin: 28px 0 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .arcap-main .arcap-feed {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-main .arcap-feed {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 20px;
  }
}
.arcap-main .arcap-feed__item {
  color: var(--text);
  text-decoration: none;
  background: var(--header);
  border-radius: 12px;
  transform: scale(1);
  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out;
  -ms-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.arcap-main .arcap-feed__item:hover {
  transform: scale(1.03);
  box-shadow: 0 0 80px 40px rgba(0, 0, 0, 0.2);
}
.arcap-main .arcap-feed__item .head {
  gap: 12px;
  padding: 20px;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .arcap-main .arcap-feed__item .head {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
  }
}
.arcap-main .arcap-feed__item .head-num {
  font-family: "Open Sans";
  color: #cccccc;
  gap: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.arcap-main .arcap-feed__item .head-num::after {
  content: "";
  width: 1px;
  height: 12px;
  display: block;
  background: var(--text);
  opacity: 0.2;
}
.arcap-main .arcap-feed__item .head-title {
  flex: 1 0 auto;
}
.arcap-main .arcap-feed__item .head-year {
  font-family: "Open Sans";
  color: #cccccc;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}
.arcap-main .arcap-feed__item .foot {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.arcap-main .arcap-feed__item .foot-rating {
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.arcap-main .arcap-feed__item .foot-rating__title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: "Open Sans";
}
.arcap-main .arcap-feed__item .foot-rating__stars {
  font-size: 32px;
  gap: 4px;
  color: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.arcap-main .arcap-feed__item .foot-rating__stars .icon {
  opacity: 0.2;
}
.arcap-main .arcap-feed__item .foot-rating__stars .icon.active {
  color: #ffbf25;
  opacity: 1;
}
.arcap-main .arcap-feed__item .foot-info {
  gap: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.arcap-main .arcap-feed__item .foot-info__item {
  color: var(--text);
  position: relative;
}
.arcap-main .arcap-feed__item .foot-info__item.__bag::before {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #e0002a;
  transform: rotate(45deg);
  position: absolute;
  top: 22px;
  left: 0;
}
.arcap-main .arcap-feed__item .foot-info__item.__bag::after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #e0002a;
  transform: rotate(-45deg);
  position: absolute;
  top: 22px;
  left: 0;
}
.arcap-main .arcap-feed__item .foot-info__item .icon {
  font-size: 44px;
}
.arcap-main .arcap-feed__item.__green {
  border-top: 3px solid #00B200;
}
.arcap-main .arcap-feed__item.__yellow {
  border-top: 3px solid #FFFF00;
}
.arcap-main .arcap-feed__item.__orange {
  border-top: 3px solid #FF9900;
}
.arcap-main .arcap-feed__item.__brown {
  border-top: 3px solid #753E29;
}
.arcap-main .arcap-feed__item.__red {
  border-top: 3px solid #FF0000;
}
.arcap-main .arcap-feed__item img {
  max-width: 100%;
  display: block;
  border-radius: 12px;
}

.arcap-page {
  background: var(--subscript);
}
.arcap-page .arcap-page__header {
  position: relative;
  margin: 0 auto 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.arcap-page .arcap-page__header .image {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .image {
    width: 100%;
    margin-top: 52px;
  }
}
.arcap-page .arcap-page__header .image a {
  position: relative;
  display: block;
}
.arcap-page .arcap-page__header .image a img {
  max-width: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
}
.arcap-page .arcap-page__header .image a::after {
  content: "";
  width: 30%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--cover_arcap);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .image a::after {
    display: none;
  }
}
.arcap-page .arcap-page__header .image a:hover i {
  opacity: 0.6;
}
.arcap-page .arcap-page__header .content {
  width: 50%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content {
    width: 100%;
    position: static;
    margin-top: 20px;
  }
}
.arcap-page .arcap-page__header .content h1 {
  color: var(--text);
  margin-left: -80px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  margin-left: 0;
  gap: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-page .arcap-page__header .content h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1440px) {
  .arcap-page .arcap-page__header .content h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1600px) {
  .arcap-page .arcap-page__header .content h1 {
    font-size: 62px;
    line-height: 74px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content h1 {
    position: absolute;
    top: 0;
    left: 12px;
    box-sizing: border-box;
    width: calc(100% - 24px);
  }
}
.arcap-page .arcap-page__header .content h1 span {
  font-family: "Open Sans";
  color: #cccccc;
  font-size: 24px;
  line-height: 40px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content h1 span {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content h1 span {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-page .arcap-page__header .content h1 span {
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1440px) {
  .arcap-page .arcap-page__header .content h1 span {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1600px) {
  .arcap-page .arcap-page__header .content h1 span {
    font-size: 28px;
    line-height: 52px;
    font-weight: 500;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content .content-wrapper {
    width: calc(100% - 24px);
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content .content-wrapper {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper .foot {
  max-width: 400px;
  box-sizing: border-box;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__header .content .content-wrapper .foot {
    max-width: 100%;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-rating {
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-rating__title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  color: var(--text);
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-rating__stars {
  font-size: 32px;
  gap: 4px;
  color: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content .content-wrapper .foot-rating__stars {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content .content-wrapper .foot-rating__stars {
    font-size: 24px;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-rating__stars .icon {
  opacity: 0.2;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-rating__stars .icon.active {
  color: #ffbf25;
  opacity: 1;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-info {
  gap: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-info__item {
  color: var(--text);
  position: relative;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-info__item.__bag::before {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #e0002a;
  transform: rotate(45deg);
  position: absolute;
  top: 22px;
  left: 0;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-info__item.__bag::after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #e0002a;
  transform: rotate(-45deg);
  position: absolute;
  top: 22px;
  left: 0;
}
.arcap-page .arcap-page__header .content .content-wrapper .foot-info__item .icon {
  font-size: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content .content-wrapper .foot-info__item .icon {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content .content-wrapper .foot-info__item .icon {
    font-size: 38px;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper .info {
  max-width: 400px;
  margin-top: 40px;
  border-top: 3px solid #cccccc;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info {
    margin-top: 20px;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper .info-item {
  padding: 20px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  font-family: "Open Sans";
  color: var(--text);
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info-item {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    padding: 12px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info-item {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    padding: 12px 8px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-page .arcap-page__header .content .content-wrapper .info-item {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    padding: 12px 8px;
  }
}
.arcap-page .arcap-page__header .content .content-wrapper .info-item span {
  font-weight: 500;
}
.arcap-page .arcap-page__header .content .content-wrapper .info-item:last-child {
  border: 0;
}
.arcap-page .arcap-page__header .content .content-wrapper .info.__green {
  border-color: #00B200;
}
.arcap-page .arcap-page__header .content .content-wrapper .info.__yellow {
  border-color: #FFFF00;
}
.arcap-page .arcap-page__header .content .content-wrapper .info.__orange {
  border-color: #FF9900;
}
.arcap-page .arcap-page__header .content .content-wrapper .info.__brown {
  border-color: #753E29;
}
.arcap-page .arcap-page__header .content .content-wrapper .info.__red {
  border-color: #FF0000;
}
.arcap-page .arcap-page__text {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__text {
    margin-top: 20px;
  }
}
.arcap-page .arcap-page__text p {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__text p {
    margin: 0 0 24px;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
  }
}
.arcap-page .arcap-page__text p img {
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}
.arcap-page .arcap-page__text a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.arcap-page .arcap-page__text a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.arcap-page .arcap-page__text a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .arcap-page .arcap-page__text a:hover::after {
    height: 12px;
  }
}
.arcap-page .arcap-page__text table {
  width: 100%;
  margin-bottom: 40px;
  border-collapse: separate;
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__text table {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__text table {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-page .arcap-page__text table {
    width: 100%;
  }
}
.arcap-page .arcap-page__text table thead tr th, .arcap-page .arcap-page__text table tbody tr th {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 10px 10px;
  border-bottom: 2px solid red;
}
.arcap-page .arcap-page__text table thead tr th.center, .arcap-page .arcap-page__text table tbody tr th.center {
  text-align: center;
}
.arcap-page .arcap-page__text table tbody tr {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.arcap-page .arcap-page__text table tbody tr td {
  color: var(--text);
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  padding: 12px 15px;
  border-bottom: 1px solid;
  border-color: rgba(204, 204, 204, 0.2);
}
.arcap-page .arcap-page__text table tbody tr td .icon.check {
  font-size: 18px;
  font-weight: 700;
  color: #00b200;
}
.arcap-page .arcap-page__text table tbody tr td .icon.closed {
  color: #e0002a;
}
.arcap-page .arcap-page__text table tbody tr td.center {
  text-align: center;
}
.arcap-page .arcap-page__text table tbody tr:first-child td {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 10px 10px;
  text-align: center;
  border-bottom: 2px solid red;
}
.arcap-page .arcap-page__shema {
  width: 100%;
  padding: 40px 0;
  box-sizing: border-box;
  background: var(--header);
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__shema {
    padding: 20px 0;
  }
}
.arcap-page .arcap-page__shema img {
  border-radius: 12px;
  border: 12px solid #ffffff;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__shema img {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__shema img {
    width: 60%;
  }
}
.arcap-page .arcap-page__shema ul li {
  color: var(--text);
  margin-bottom: 24px;
  gap: 20px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__shema ul li {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
  }
}
.arcap-page .arcap-page__shema ul li::before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 100px;
  background: #333333;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  border-bottom: 3px solid #333333;
  border-left: 3px solid #333333;
  border-color: rgba(51, 51, 51, 0.2);
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__shema ul li::before {
    width: 24px;
    height: 24px;
  }
}
.arcap-page .arcap-page__shema ul li:nth-of-type(1)::before {
  background: #00B200;
}
.arcap-page .arcap-page__shema ul li:nth-of-type(2)::before {
  background: #FFFF00;
}
.arcap-page .arcap-page__shema ul li:nth-of-type(3)::before {
  background: #FF9900;
}
.arcap-page .arcap-page__shema ul li:nth-of-type(4)::before {
  background: #753E29;
}
.arcap-page .arcap-page__shema ul li:nth-of-type(5) {
  margin-bottom: 0;
}
.arcap-page .arcap-page__shema ul li:nth-of-type(5)::before {
  background: #FF0000;
}
.arcap-page .arcap-page__shema .container {
  gap: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__shema .container {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__shema .container {
    gap: 40px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}
.arcap-page .arcap-page__save {
  width: 100%;
  padding: 40px 0;
  box-sizing: border-box;
  background: var(--header);
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__save {
    padding: 20px 0;
  }
}
.arcap-page .arcap-page__save .title {
  color: var(--text);
  margin-bottom: 40px;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-page .arcap-page__save .title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-page .arcap-page__save .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 20px;
  }
}
.arcap-page .arcap-page__save ul {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
.arcap-page .arcap-page__save ul li {
  gap: 20px;
  text-align: center;
  color: var(--text);
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.arcap-page .arcap-page__save ul li span {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  color: #ffffff;
  transform: rotate(45deg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.arcap-page .arcap-page__save ul li span .icon {
  font-size: 24px;
  transform: rotate(-45deg);
}
.arcap-page .arcap-page__save ul li span .icon.closed {
  font-size: 20px;
}
.arcap-page .arcap-page__save ul li span.yes {
  background: #60e05b;
}
.arcap-page .arcap-page__save ul li span.no {
  background: #f38b8b;
}
.arcap-page .arcap-page__save .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.arcap-page .arcap-page__save .container .list {
  width: 100%;
}
.arcap-page .arcap-page__save .container .list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media only screen and (max-width: 1023px) {
  .arcap-page .arcap-page__save .container .list {
    padding-top: 12px;
    overflow-x: scroll;
  }
}

.arcap-blank {
  background: var(--subscript);
}
.arcap-blank h1 {
  color: var(--text);
  margin-left: -80px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  margin: 40px 80px;
}
@media only screen and (max-width: 767px) {
  .arcap-blank h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-blank h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-blank h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1440px) {
  .arcap-blank h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1600px) {
  .arcap-blank h1 {
    font-size: 62px;
    line-height: 74px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-blank h1 {
    margin: 20px 0;
  }
}
.arcap-blank__text {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .arcap-blank__text {
    margin-top: 20px;
  }
}
.arcap-blank__text p {
  color: var(--text);
  margin: 0 0 40px 0;
  padding: 0 80px;
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .arcap-blank__text p {
    margin: 0 0 24px;
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
  }
}
.arcap-blank__text a {
  color: var(--text);
  text-decoration: none;
  position: relative;
  font-weight: 400;
  display: inline-block;
}
.arcap-blank__text a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: var(--opacity_4_6);
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.arcap-blank__text a.no_line::after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .arcap-blank__text a:hover::after {
    height: 12px;
  }
}
.arcap-blank__text table {
  width: 100%;
  margin-bottom: 40px;
  border-collapse: separate;
}
@media only screen and (max-width: 767px) {
  .arcap-blank__text table {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  .arcap-blank__text table {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .arcap-blank__text table {
    width: 100%;
  }
}
.arcap-blank__text table thead tr th, .arcap-blank__text table tbody tr th {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 10px 10px;
  border-bottom: 2px solid red;
}
.arcap-blank__text table thead tr th.center, .arcap-blank__text table tbody tr th.center {
  text-align: center;
}
.arcap-blank__text table tbody tr {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.arcap-blank__text table tbody tr td {
  color: var(--text);
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  padding: 12px 15px;
  border-bottom: 1px solid;
  border-color: rgba(204, 204, 204, 0.2);
}
.arcap-blank__text table tbody tr td .icon.check {
  font-size: 18px;
  font-weight: 700;
  color: #00b200;
}
.arcap-blank__text table tbody tr td .icon.closed {
  color: #e0002a;
}
.arcap-blank__text table tbody tr td.center {
  text-align: center;
}
.arcap-blank__text table tbody tr:first-child td {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 10px 10px;
  text-align: center;
  border-bottom: 2px solid red;
}
.arcap-blank__more {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-blank__more {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .arcap-blank__more {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.arcap-blank__more .item {
  border-radius: 12px;
  background: var(--header);
  text-decoration: none;
  color: #999999;
  text-transform: uppercase;
  padding: 40px;
  box-sizing: border-box;
  gap: 20px;
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-blank__more .item {
    gap: 0;
  }
}
.arcap-blank__more .item img {
  height: 80px;
  border-radius: 12px;
  border: 20px solid #ffffff;
  background: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .arcap-blank__more .item img {
    box-sizing: border-box;
  }
}
.arcap-blank__more .item:hover {
  z-index: 2;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.2);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.arcap-blank .arcap-blank__rating {
  width: 100%;
  background: var(--header);
  padding: 20px;
  margin-bottom: 40px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .arcap-blank__rating {
    margin-bottom: 20px;
  }
}
.arcap-blank .arcap-blank__rating .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .arcap-blank .arcap-blank__rating .container {
    overflow-x: scroll;
    gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .arcap-blank .arcap-blank__rating .container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.arcap-blank .arcap-blank__rating .container .item {
  gap: 12px;
  color: var(--text);
  text-align: center;
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Open Sans";
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.arcap-blank .arcap-blank__rating .container .item-body {
  font-size: 32px;
  gap: 4px;
  color: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.arcap-blank .arcap-blank__rating .container .item-body .icon {
  opacity: 0.2;
}
.arcap-blank .arcap-blank__rating .container .item-body .icon.active {
  color: #ffbf25;
  opacity: 1;
}
.arcap-blank .arcap-blank__rating .container .item-foot {
  color: var(--text);
}
.arcap-blank .siluet {
  gap: 40px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .siluet {
    gap: 20px;
  }
}
.arcap-blank .siluet-item {
  color: var(--text);
  position: relative;
}
.arcap-blank .siluet-item.__bag::before {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  background: #e0002a;
  transform: rotate(45deg);
  position: absolute;
  top: 72px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .siluet-item.__bag::before {
    top: 52px;
  }
}
.arcap-blank .siluet-item.__bag::after {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  background: #e0002a;
  transform: rotate(-45deg);
  position: absolute;
  top: 72px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .siluet-item.__bag::after {
    top: 52px;
  }
}
.arcap-blank .siluet-item .icon {
  font-size: 140px;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .siluet-item .icon {
    font-size: 100px;
  }
}
.arcap-blank .slider {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .arcap-blank .slider {
    overflow-x: scroll;
    padding: 20px 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .arcap-blank .slider::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.arcap-blank .slider-item {
  text-decoration: none;
  color: #ffffff;
  position: relative;
  border-radius: 12px;
  transform: scale(1);
  z-index: 1;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (max-width: 1023px) {
  .arcap-blank .slider-item {
    flex: 0 0 auto;
  }
}
.arcap-blank .slider-item span {
  position: absolute;
  top: 0;
  left: -8px;
  border-radius: 12px 0;
  padding: 8px 20px;
  box-sizing: border-box;
}
.arcap-blank .slider-item span::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent var(--text) transparent transparent;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.arcap-blank .slider-item i {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--text);
  background: var(--sticker);
  margin-right: 4px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 4px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.arcap-blank .slider-item i::before {
  opacity: 0.8;
  font-size: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.arcap-blank .slider-item img {
  max-width: 100%;
  border-radius: 12px;
  display: block;
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .arcap-blank .slider-item img {
    max-width: 300px;
  }
}
.arcap-blank .slider-item:nth-of-type(1) span {
  background: #00B200;
}
.arcap-blank .slider-item:nth-of-type(1) span::before {
  border-color: transparent #018001 transparent transparent;
}
.arcap-blank .slider-item:nth-of-type(2) span {
  color: #333333;
  background: #FFFF00;
}
.arcap-blank .slider-item:nth-of-type(2) span::before {
  border-color: transparent #bcbc07 transparent transparent;
}
.arcap-blank .slider-item:nth-of-type(3) span {
  background: #FF9900;
}
.arcap-blank .slider-item:nth-of-type(3) span::before {
  border-color: transparent #b77004 transparent transparent;
}
.arcap-blank .slider-item:nth-of-type(4) span {
  background: #753E29;
}
.arcap-blank .slider-item:nth-of-type(4) span::before {
  border-color: transparent #4e281a transparent transparent;
}
.arcap-blank .slider-item:nth-of-type(5) span {
  background: #FF0000;
}
.arcap-blank .slider-item:nth-of-type(5) span::before {
  border-color: transparent #c90707 transparent transparent;
}
.arcap-blank .slider-item:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.arcap-blank .slider-item:hover i {
  opacity: 1;
}
.arcap-blank .arcap-blank__protocol {
  width: 100%;
  padding: 40px 0;
  margin-bottom: 40px;
  background: var(--header);
  gap: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .arcap-blank__protocol {
    padding: 20px 0;
    margin-bottom: 20px;
  }
}
.arcap-blank .arcap-blank__protocol img {
  max-width: 100%;
  border-radius: 12px;
  border: 12px solid #ffffff;
}
.arcap-blank .arcap-blank__protocol span {
  color: var(--text);
  opacity: 0.4;
  margin: 20px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .arcap-blank .arcap-blank__protocol span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 20px 20px 0 !important;
  }
}
.arcap-blank .arcap-blank__more {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .arcap-blank .arcap-blank__more {
    margin-bottom: 20px;
  }
}

.page-store__cover {
  width: 100%;
  height: 184px;
  border-radius: 12px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 8px;
  border: inset 2px solid var(--sidebar);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .page-store__cover {
    height: 154px;
  }
}
@media only screen and (max-width: 767px) {
  .page-store__cover {
    height: 154px;
  }
}
.page-store__cover img {
  max-width: 100%;
  height: 184px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .page-store__cover img {
    height: 154px;
  }
}
@media only screen and (max-width: 767px) {
  .page-store__cover img {
    height: 154px;
  }
}
.page-store__cover .page-store__label {
  position: absolute;
  bottom: -4px;
  left: 4px;
  z-index: 3;
}
.page-store__cover::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  backdrop-filter: blur(1px);
  background: var(--sticker);
  border-radius: 11px;
  position: absolute;
  top: 0;
  left: 0;
}
.page-store__content {
  width: 100%;
  flex: 1 0 auto;
  box-sizing: border-box;
  padding: 0 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
}
.page-store__recomendatio {
  width: 100%;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__recomendatio img {
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 100px;
}
.page-store__recomendatio-text {
  color: #999999;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.page-store__price {
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__price-main {
  color: #00aced;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-store__price-old {
  color: var(--text);
  opacity: 0.4;
  text-decoration: line-through;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.page-store__title {
  color: var(--text);
  text-align: center;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.page-store__title--long {
  text-align: left;
}
.page-store__button {
  gap: 8px;
  box-sizing: border-box;
  color: #00aced;
  border: 1px solid #00aced;
  text-transform: uppercase;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin: 0 auto 4px;
  border-radius: 100px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__button .icon {
  font-size: 18px;
}
.page-store__button:hover {
  color: #ffffff;
  background: #00aced;
}
.page-store__button.active .icon::before {
  content: "\e930";
}
.page-store__card {
  position: relative;
  color: var(--text);
  text-decoration: none;
  background: var(--sidebar);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.page-store__card--accent {
  background: linear-gradient(45deg, #0047ff 0%, #67abff 100%);
}
.page-store__card--accent .page-store__recomendatio-text, .page-store__card--accent .page-store__price-main, .page-store__card--accent .page-store__price-old, .page-store__card--accent .page-store__title, .page-store__card--accent .page-store__button-text, .page-store__card--accent .icon {
  color: #ffffff;
}
.page-store__card--accent .page-store__button {
  border-color: #ffffff;
}
.page-store__card--accent .page-store__button:hover {
  background: #ffffff;
}
.page-store__card--accent .page-store__button:hover .page-store__button-text, .page-store__card--accent .page-store__button:hover .icon {
  color: #0d5fff;
}
.page-store__card--cover {
  padding: 0;
  overflow: hidden;
  background: none;
  min-height: 290px;
}
.page-store__card--cover .page-store__cover {
  height: 100%;
  margin-bottom: 0;
}
.page-store__card--cover .page-store__cover img {
  display: none;
}
.page-store__card--cover .page-store__cover .page-store__label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: auto;
  top: 4px;
}
.page-store__card--cover .page-store__cover::after {
  display: none;
}
.page-store__card--cover .page-store__content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 42px;
  z-index: 3;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 95%, rgba(0, 0, 0, 0.85) 100%);
}
.page-store__card--cover .page-store__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 4px;
  z-index: 4;
}
.page-store__card--cover .page-store__button .page-store__button-text {
  flex: 1 0 auto;
}
.page-store__card--cover .page-store__recomendatio-text, .page-store__card--cover .page-store__price-old, .page-store__card--cover .page-store__title {
  color: #ffffff;
}
.page-store object {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page-store-hot {
  margin-top: 20px;
  background: var(--sidebar);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot {
    margin-top: 10px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-store-hot__cover {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__cover {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.page-store-hot__cover img {
  height: 300px;
  border-radius: 12px;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__cover img {
    height: 200px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__scroll {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: 12px;
  }
  .page-store-hot__scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.page-store-hot__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-store-hot__content .page-store__label {
  margin-bottom: 28px;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__content .page-store__label {
    margin-bottom: 8px;
  }
}
.page-store-hot__title {
  color: var(--text);
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
  }
}
.page-store-hot__price {
  opacity: 0.4;
  gap: 8px;
  margin-bottom: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__price {
    margin-bottom: 16px;
  }
}
.page-store-hot__price-old {
  color: var(--text);
  text-decoration: line-through;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__price-old {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
  }
}
.page-store-hot__price-main {
  color: var(--text);
  font-size: 36px;
  line-height: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store-hot__price-main {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
  }
}
.page-store-hot__button {
  padding: 12px 24px;
  border-radius: 60px;
  color: #ffffff;
  gap: 8px;
  text-decoration: none;
  background: #00aced;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store-hot__button .icon {
  font-size: 20px;
}
.page-store-hot__button-text {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.page-store-hot__button:hover {
  background: #0092c9;
}
.page-store-hot__button.active .icon::before {
  content: "\e930";
}

.page-store__label {
  color: #ffffff;
  background-color: #cccccc;
  text-transform: uppercase;
  padding: 4px 8px 2px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 100px;
  display: inline-block;
  margin: 0 auto 8px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.page-store__label--new {
  background: #00aced;
}
.page-store__label--sale {
  background: #e0002a;
}
.page-store__label--hit {
  background: #00b200;
}
.page-store__label--hot {
  background: linear-gradient(270.36deg, #4E18F1 -0.62%, #8B17EE 100.62%);
}

.page-store__slider {
  width: 100%;
}
.page-store__slider-image {
  display: block;
}
@media only screen and (max-width: 1023px) {
  .page-store__slider-image {
    width: 100%;
  }
}
.page-store__slider-image a {
  position: relative;
}
.page-store__slider-image a img {
  max-width: 100%;
  border-radius: 20px;
  display: block;
  margin: 0;
  position: relative;
  z-index: 1;
}
.page-store__slider-image a i {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--text);
  background: var(--sticker);
  margin-right: 4px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__slider-image a i::before {
  opacity: 0.8;
  font-size: 20px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .page-store__slider-image a:hover i {
    opacity: 1;
  }
}
.page-store__slider-image .slick-dots {
  gap: 4px;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__slider-image .slick-dots li {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 100px;
  background: var(--text);
  opacity: 0.3;
}
.page-store__slider-image .slick-dots li button {
  opacity: 0;
}
.page-store__slider-image .slick-dots li.slick-active {
  width: 12px;
  opacity: 1;
  background: #e0002a;
}
.page-store__slider-preview {
  margin-top: 8px;
}
@media only screen and (max-width: 1023px) {
  .page-store__slider-preview {
    display: none;
  }
}
.page-store__slider-preview img {
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
  padding: 0 4px;
}
.page-store__slider-preview .slick-list {
  width: 80%;
  margin: 0 auto;
}
.page-store__slider-preview .slick-slide {
  opacity: 0.4;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__slider-preview .slick-current {
  opacity: 1;
}
.page-store__slider-preview .slick-nav {
  height: 100%;
  text-decoration: none;
  font-size: 20px;
  color: var(--text);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__slider-preview .slick-prev {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}
.page-store__slider-preview .slick-prev i {
  margin-top: 3px;
  transform: rotate(180deg);
}
.page-store__slider-preview .slick-next {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0, -50%);
}

.page-store__description-title {
  color: var(--text);
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store__description-title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
  }
}
.page-store__description-text {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
  .page-store__description-text {
    margin-bottom: 20px;
  }
}
.page-store__description-text p {
  color: var(--text);
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .page-store__description-text p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
}
.page-store__description-text p:not(.page-store__description-text p:last-child) {
  margin-bottom: 12px;
}
.page-store__description-price {
  gap: 12px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  .page-store__description-price {
    margin-bottom: 16px;
  }
}
.page-store__description-price-old {
  color: var(--text);
  opacity: 0.4;
  text-decoration: line-through;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-store__description-price-main {
  color: var(--text);
  opacity: 0.4;
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
}
.page-store__description-nalichee {
  color: var(--text);
  margin-bottom: 24px;
  gap: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-store__description-nalichee {
    margin-bottom: 20px;
  }
}
.page-store__description-nalichee::before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 100px;
  background: #00b200;
}
.page-store__description-nalichee.__orange::before {
  background: #ffbf25;
}
.page-store__description-nalichee.__red::before {
  background: #e0002a;
}
.page-store__description-size {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
  .page-store__description-size {
    margin-bottom: 20px;
  }
}
.page-store__description-size-title {
  color: var(--text);
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.page-store__description-size-wrapper {
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-store__description-size-wrapper a {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  text-decoration: none;
  color: #cccccc;
  border: 1px solid #cccccc;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__description-size-wrapper a.active {
  color: #e0002a;
  border-color: #e0002a;
}
.page-store__description .page-store__button {
  padding: 14px 32px;
}
@media only screen and (max-width: 1023px) {
  .page-store__description .page-store__button {
    width: 100%;
  }
}
.page-store__description .page-store__button .page-store__button-text {
  font-size: 14px;
}
.page-store__description .page-store__button i {
  font-size: 18px;
}

.page-store__bag-title {
  color: var(--text);
  gap: 8px;
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  .page-store__bag-title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
  }
}
.page-store__bag-title span {
  min-width: 7px;
  height: 16px;
  color: #ffffff;
  background: #e0002a;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 1px 4px 0;
  margin-bottom: 3px;
  pointer-events: none;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
.page-store__bag .item {
  border-radius: 8px;
  padding: 8px 20px 8px 8px;
  box-sizing: border-box;
  background: var(--sidebar);
  gap: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-store__bag .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.page-store__bag .item:not(.page-store__bag .item:last-child) {
  margin-bottom: 8px;
}
.page-store__bag .item__container {
  gap: 12px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-store__bag .item__cover {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__bag .item__cover img {
  height: 80px;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.page-store__bag .item__cover::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  backdrop-filter: blur(1px);
  background: var(--sticker);
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.page-store__bag .item__title {
  color: var(--text);
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__bag .item__title:hover {
  color: #e0002a;
}
.page-store__bag .item__size {
  color: var(--text);
  opacity: 0.6;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.page-store__bag .item__price {
  flex-grow: 1;
  text-align: right;
  color: #00aced;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.page-store__bag .item__info {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-store__bag .item__action {
  gap: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.page-store__bag .item__action .input-number {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-store__bag .item__action .input-number {
    flex: 1 0 auto;
  }
}
.page-store__bag .item__action .input-number input {
  width: 60px;
  color: var(--text);
  background: var(--body);
  text-align: center;
  border-radius: 100px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-top: 2px solid #999999;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  border-left: 2px solid #999999;
  border-color: rgba(153, 153, 153, 0.3);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.page-store__bag .item__action .input-number input::-webkit-outer-spin-button, .page-store__bag .item__action .input-number input::-webkit-inner-spin-button {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .page-store__bag .item__action .input-number input {
    width: auto;
    flex: 1 0 auto;
  }
}
.page-store__bag .item__action .input-number button {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  color: var(--input);
  background: var(--body);
  font-size: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-store__bag .item__action .delete {
  font-size: 24px;
  text-decoration: none;
  color: #e0002a;
}

.page-store__sidebar {
  position: relative;
}
.page-store__sidebar-title {
  color: var(--text);
  gap: 8px;
  margin-bottom: 16px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  .page-store__sidebar-title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
  }
}
.page-store__sidebar-title span {
  min-width: 7px;
  height: 16px;
  color: #ffffff;
  background: #e0002a;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 1px 4px 0;
  margin-bottom: 3px;
  pointer-events: none;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
.page-store__sidebar-wrapper {
  padding: 12px;
  border-radius: 20px;
  background: var(--sidebar);
  position: sticky;
  top: 8px;
}
.page-store__sidebar-delivery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 12px;
}
.page-store__sidebar-delivery .item {
  height: 72px;
  background: var(--body);
  border-radius: 12px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__sidebar-delivery .item.active:first-child, .page-store__sidebar-delivery .item:hover:first-child {
  box-shadow: inset 0 0 0 2px #00B33C;
}
.page-store__sidebar-delivery .item.active:last-child, .page-store__sidebar-delivery .item:hover:last-child {
  box-shadow: inset 0 0 0 2px #ED1651;
}
.page-store__sidebar-price {
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.page-store__sidebar-price .item {
  opacity: 0.4;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 8px;
}
.page-store__sidebar-price .item-text {
  color: var(--text);
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
.page-store__sidebar-price .item-price {
  color: var(--text);
  text-align: right;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.page-store__sidebar-price .item:last-child {
  opacity: 1;
}
.page-store__sidebar-price .item:last-child .item-text {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
.page-store__sidebar-price .item:last-child .item-price {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-store__sidebar-price .item.__hide {
  display: none;
}
.page-store__sidebar-price .item.__active {
  display: grid;
}
.page-store__sidebar-button {
  display: block;
  margin-top: 24px;
}
.page-store__sidebar-button input {
  width: 100%;
  color: #ffffff;
  background: #00aced;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 100px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__sidebar-button input:hover {
  background: #0092c9;
}
.page-store__sidebar-button .text {
  color: var(--text);
  text-align: center;
  padding: 12px 16px 0;
  box-sizing: border-box;
  opacity: 0.4;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.page-store__sidebar-button .text a {
  color: var(--text);
}
.page-store__sidebar-button .text a:hover {
  text-decoration: none;
}
.page-store__sidebar-button.__hide {
  display: none;
}
.page-store__sidebar-toggle {
  margin-top: 12px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr 52px 1fr;
  grid-template-rows: auto;
  grid-gap: 12px;
  display: none;
}
.page-store__sidebar-toggle .toggle-text {
  color: var(--text);
  text-align: center;
  opacity: 1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  flex: 1 0 auto;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__sidebar-toggle .toggle-text:last-child {
  opacity: 0.4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-store__sidebar-toggle .toggle-swith {
  width: 52px;
  height: 24px;
  position: relative;
  border-radius: 100px;
  background: var(--swith);
}
.page-store__sidebar-toggle .toggle-swith::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 100px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: var(--body);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__sidebar-toggle.__active .toggle-swith::before {
  left: 32px;
}
.page-store__sidebar-toggle.__active .toggle-text {
  opacity: 0.4;
}
.page-store__sidebar-toggle.__active .toggle-text:last-child {
  opacity: 1;
}
.page-store__sidebar-toggle.__show {
  display: grid;
}
.page-store__sidebar-form {
  margin-top: 16px;
  padding-top: 16px;
  display: none;
  border-top: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.4);
}
.page-store__sidebar-form .form-text {
  color: var(--text);
  opacity: 0.4;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.page-store__sidebar-form .form-wrapper {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.4);
}
.page-store__sidebar-form .form-wrapper__item input {
  width: 100%;
  color: var(--text);
  background: var(--body);
  border-radius: 100px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-top: 2px solid #999999;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  border-left: 2px solid #999999;
  border-color: rgba(153, 153, 153, 0.3);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.page-store__sidebar-form .form-wrapper__item textarea {
  width: 100%;
  min-height: 100px;
  resize: none;
  color: var(--text);
  background: var(--body);
  border-radius: 20px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-top: 2px solid #999999;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  border-left: 2px solid #999999;
  border-color: rgba(153, 153, 153, 0.3);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.page-store__sidebar-form .form-wrapper__item .error-text {
  color: #e0002a;
  margin: 4px 0 0 12px;
  display: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.page-store__sidebar-form .form-wrapper__item:not(.page-store__sidebar-form .form-wrapper__item:last-child) {
  margin-bottom: 12px;
}
.page-store__sidebar-form .form-wrapper hr {
  margin-bottom: 12px;
  border-top: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.4);
}
.page-store__sidebar-form.__show {
  display: block;
}
.page-store__sidebar-pvz {
  display: none;
  margin-top: 16px;
}
.page-store__sidebar-pvz a {
  width: 100%;
  color: #00aced;
  border: 2px solid #00aced;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px;
  display: block;
  box-sizing: border-box;
  border-radius: 100px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page-store__sidebar-pvz a:hover {
  color: #ffffff;
  background: #00aced;
}
.page-store__sidebar-pvz.__active {
  display: block;
}

.page-store__pvz {
  margin-bottom: 32px;
}
.page-store__pvz .title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store__pvz .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
}
.page-store__pvz .frame {
  padding: 32px;
  box-sizing: border-box;
  color: var(--text);
  background: var(--sidebar);
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store__pvz .frame {
    padding: 12px;
  }
}

.page-store__recomendation {
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  background: var(--sidebar);
  border-radius: 20px;
}
@media only screen and (max-width: 1023px) {
  .page-store__recomendation {
    padding: 12px;
  }
}
.page-store__recomendation .title {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store__recomendation .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
}

.page-store__pay {
  max-width: 500px;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.page-store__pay-ok {
  gap: 20px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.page-store__pay-ok .tcon {
  width: 72px;
  height: 72px;
  border-radius: 100px;
  color: #ffffff;
  background: #00b200;
  font-size: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .page-store__pay-ok .tcon {
    width: 48px;
    height: 48px;
    font-size: 28px;
  }
}
.page-store__pay-ok .title {
  color: var(--text);
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
  .page-store__pay-ok .title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
  }
}
.page-store__pay-info {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-top: 0px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.4);
}
.page-store__pay-info hr {
  margin-bottom: 20px;
  border-top: 1px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  border-color: rgba(204, 204, 204, 0.4);
}
.page-store__pay-info .item {
  opacity: 0.4;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-gap: 8px;
}
.page-store__pay-info .item-text {
  color: var(--text);
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
.page-store__pay-info .item-price {
  color: var(--text);
  text-align: right;
  gap: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.page-store__pay-info .item-price a {
  font-size: 20px;
  text-decoration: none;
}
.page-store__pay-info .item-price a.text {
  color: var(--text);
}
.page-store__pay-info .item-price a.done {
  color: #00b200;
}
.page-store__pay-info .item:last-child {
  opacity: 1;
}
.page-store__pay-info .item:last-child .item-text {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
}
.page-store__pay-info .item:last-child .item-price {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
.page-store__pay-info .item:not(.page-store__pay-info .item:last-child) {
  margin-bottom: 20px;
}

.mobile-nav {
  display: none;
  width: calc(100% - 8px);
  padding: 12px 24px;
  border-radius: 12px;
  background: var(--sidebar);
  position: fixed;
  bottom: 4px;
  left: 4px;
  box-sizing: border-box;
  z-index: 10;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1023px) {
  .mobile-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.mobile-nav__item {
  text-decoration: none;
  color: #999999;
  gap: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mobile-nav__item.active i {
  position: relative;
}
.mobile-nav__item.active i::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 10px;
  background: #e0002a;
  position: absolute;
  top: 0;
  right: 0;
}
.mobile-nav__name {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.mobile-nav .icon {
  font-size: 24px;
}

.page-store__grid {
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  grid-gap: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .page-store__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .page-store__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-store__grid {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.page-store__page {
  padding: 0 96px;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 375px 1fr;
  grid-template-rows: auto;
  grid-gap: 40px;
}
@media only screen and (max-width: 1023px) {
  .page-store__page {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}
.page-store__basket {
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 360px;
  grid-template-rows: auto;
  grid-gap: 24px;
}
@media only screen and (max-width: 1023px) {
  .page-store__basket {
    margin-top: 10px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 12px;
  }
}

.page p img {
  max-width: 100%;
  height: auto;
}
.page p.single-image {
  opacity: 1;
}
.page p.single-image-desc {
  color: var(--text);
  opacity: 0.7;
  margin: 20px !important;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .page p.single-image-desc {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 20px !important;
  }
}
.page p.single-image-desc em {
  font-weight: 100;
}
.page p.single-image-desc a {
  color: var(--text);
  text-decoration: none;
  position: relative;
}
.page p.single-image-desc a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e0002a;
  opacity: 0.3;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
@media only screen and (min-width: 1024px) {
  .page p.single-image-desc a:hover::after {
    height: 12px;
  }
}
.page p.quote {
  position: relative;
  color: var(--text);
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 0 40px;
}
@media only screen and (max-width: 1023px) {
  .page p.quote {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin: 0 0 24px;
  }
}
.page p.quote::before {
  content: "";
  width: 4px;
  height: 100%;
  display: block;
  background: #e0002a;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.page a:has(img):after {
  display: none;
}
.page .article-text-table-tech {
  width: 100%;
  margin-bottom: 40px;
  border-collapse: separate;
}
@media only screen and (max-width: 767px) {
  .page .article-text-table-tech {
    margin-bottom: 24px;
  }
}
.page .article-text-table-tech thead tr th, .page .article-text-table-tech tbody tr th {
  color: var(--text);
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  padding: 0 0 10px 10px;
  border-bottom: 2px solid red;
}
.page .article-text-table-tech tbody tr {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -ms-transition: all 500ms;
  transition: all 500ms;
}
.page .article-text-table-tech tbody tr td {
  color: var(--text);
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  padding: 12px 15px;
  border-bottom: 1px solid;
  border-color: rgba(204, 204, 204, 0.2);
}
.page-type .fr-video {
  left: 0;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  display: block;
}
.page-type .fr-video iframe {
  border: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.page .slick-slide .gallery-item__link {
  width: 100%;
}

.page-guideline h2 {
  color: var(--text);
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
  padding: 0 80px 20px;
  margin: 24px 0;
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .page-guideline h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    padding: 0 16px 24px;
  }
}
.page-guideline__pages {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 12px;
}
.page-guideline__pages a {
  font-size: 20px;
  color: var(--text);
  background: var(--sidebar);
  text-decoration: none;
  box-sizing: border-box;
  padding: 24px 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-guideline__pages a span {
  font-size: 16px;
  opacity: 0.7;
  padding-top: 8px;
}
.page-guideline__pages a:hover {
  color: #ffffff;
  background: #e0002a;
}
.page-guideline__icon {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  grid-gap: 12px;
}
.page-guideline__icon i {
  font-size: 40px;
  color: var(--text);
  background: var(--sidebar);
  padding: 24px 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-guideline__icon span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  font-family: "Raleway";
  padding-top: 12px;
}
.page-guideline__button {
  margin-bottom: 40px;
  padding: 40px;
  box-sizing: border-box;
  background: var(--sidebar);
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-gap: 24px;
}
.page-guideline__button._white {
  background: #ffffff;
}
.page-guideline__button._black {
  background: #333333;
}
.page-guideline__button._black .row-text {
  color: #ffffff;
}
.page-guideline__button .row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-guideline__button .row-text {
  color: var(--text);
  padding-top: 8px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
}
.page-guideline__button .row:last-child {
  grid-area: 3/1/4/5;
}
.page-guideline__button .row:last-child .row-item {
  width: 100%;
}
.page-guideline__form {
  margin-bottom: 40px;
}

@-webkit-keyframes pulseRed {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
@keyframes pulseRed {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
@-webkit-keyframes pulseVoteGreen {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(162, 215, 37, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(162, 215, 37, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(162, 215, 37, 0);
  }
}
@keyframes pulseVoteGreen {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(162, 215, 37, 0.6);
    box-shadow: 0 0 0 0 rgba(162, 215, 37, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(162, 215, 37, 0);
    box-shadow: 0 0 0 10px rgba(162, 215, 37, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(162, 215, 37, 0);
    box-shadow: 0 0 0 0 rgba(162, 215, 37, 0);
  }
}
@-webkit-keyframes pulseVoteRed {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(234, 127, 102, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(234, 127, 102, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(234, 127, 102, 0);
  }
}
@keyframes pulseVoteRed {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(234, 127, 102, 0.6);
    box-shadow: 0 0 0 0 rgba(234, 127, 102, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(234, 127, 102, 0);
    box-shadow: 0 0 0 10px rgba(234, 127, 102, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(234, 127, 102, 0);
    box-shadow: 0 0 0 0 rgba(234, 127, 102, 0);
  }
}
@-webkit-keyframes pulsePurpl {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(139, 23, 238, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(139, 23, 238, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(139, 23, 238, 0);
  }
}
@keyframes pulsePurpl {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(139, 23, 238, 0.6);
    box-shadow: 0 0 0 0 rgba(139, 23, 238, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(139, 23, 238, 0);
    box-shadow: 0 0 0 10px rgba(139, 23, 238, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(139, 23, 238, 0);
    box-shadow: 0 0 0 0 rgba(139, 23, 238, 0);
  }
}
@-webkit-keyframes pulseOrange {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(234, 157, 73, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(234, 157, 73, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(234, 157, 73, 0);
  }
}
@keyframes pulseOrange {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(234, 157, 73, 0.6);
    box-shadow: 0 0 0 0 rgba(234, 157, 73, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(234, 157, 73, 0);
    box-shadow: 0 0 0 10px rgba(234, 157, 73, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(234, 157, 73, 0);
    box-shadow: 0 0 0 0 rgba(234, 157, 73, 0);
  }
}
@-webkit-keyframes pulseAqua {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(55, 187, 206, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(55, 187, 206, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(55, 187, 206, 0);
  }
}
@keyframes pulseAqua {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(55, 187, 206, 0.6);
    box-shadow: 0 0 0 0 rgba(55, 187, 206, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(55, 187, 206, 0);
    box-shadow: 0 0 0 10px rgba(55, 187, 206, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(55, 187, 206, 0);
    box-shadow: 0 0 0 0 rgba(55, 187, 206, 0);
  }
}
@-webkit-keyframes pulseBlue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 172, 237, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 172, 237, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 172, 237, 0);
  }
}
@keyframes pulseBlue {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 172, 237, 0.6);
    box-shadow: 0 0 0 0 rgba(0, 172, 237, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(0, 172, 237, 0);
    box-shadow: 0 0 0 10px rgba(0, 172, 237, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 172, 237, 0);
    box-shadow: 0 0 0 0 rgba(0, 172, 237, 0);
  }
}
@-webkit-keyframes pulseBlack {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(51, 51, 51, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
@keyframes pulseBlue {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.6);
    box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(51, 51, 51, 0);
    box-shadow: 0 0 0 10px rgba(51, 51, 51, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(51, 51, 51, 0);
    box-shadow: 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
@-webkit-keyframes pulseWhite {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulseRed {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}