

/* Start:/local/templates/khl_site/css/owl.carousel.min.css?17556057853632*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel .owl-rtl{direction:rtl}.owl-carousel .owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/khl_site/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
/* End */


/* Start:/local/templates/khl_site/css/daterangepicker.min.css?17556057857942*/
.date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer;color:#303030;position:relative;z-index:2}.date-picker-wrapper{position:absolute;z-index:1;border:1px solid #bfbfbf;background-color:#efefef;padding:5px 12px;font-size:12px;line-height:20px;color:#aaa;font-family:Arial,sans-serif;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.5);box-shadow:3px 3px 10px rgba(0,0,0,.5);-webkit-box-sizing:initial;box-sizing:initial}.dp-clearfix{clear:both;height:0;font-size:0}.date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block}.date-picker-wrapper.single-date{width:auto}.date-picker-wrapper.no-shortcuts{padding-bottom:12px}.date-picker-wrapper.no-topbar{padding-top:12px}.date-picker-wrapper .footer{font-size:11px;padding-top:3px}.date-picker-wrapper b{color:#666;font-weight:700}.date-picker-wrapper a{color:#6bb4d6;text-decoration:underline}.date-picker-wrapper .month-name{text-transform:uppercase}.date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.date-picker-wrapper .month-element{display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.date-picker-wrapper .month-wrapper{border:1px solid #bfbfbf;border-radius:3px;background-color:#fff;padding:5px;cursor:default;position:relative;_overflow:hidden}.date-picker-wrapper .month-wrapper table{width:190px;float:left}.date-picker-wrapper .month-wrapper table.month2{width:190px;float:left}.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th{vertical-align:middle;text-align:center;line-height:14px;margin:0;padding:0}.date-picker-wrapper .month-wrapper table .day{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#ccc;cursor:default}.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999;cursor:default}.date-picker-wrapper .month-wrapper table .day.checked{background-color:#9cdbf7}.date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase}.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important}.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip{white-space:nowrap}.date-picker-wrapper .time label{white-space:nowrap}.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#333;cursor:pointer}.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#cdecfa}.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth{display:none}.date-picker-wrapper .month-wrapper table .day.real-today{background-color:#ffe684}.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#70ccd5}.date-picker-wrapper table .caption{height:40px}.date-picker-wrapper table .caption>th:first-of-type,.date-picker-wrapper table .caption>th:last-of-type{width:27px}.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{padding:0 5px;cursor:pointer}.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover{background-color:#ccc;color:#fff}.date-picker-wrapper .gap{position:relative;z-index:1;width:15px;height:100%;background-color:red;font-size:0;line-height:0;float:left;top:-5px;margin:0 10px -10px;visibility:hidden;height:0}.date-picker-wrapper .gap .gap-lines{height:100%;overflow:hidden}.date-picker-wrapper .gap .gap-line{height:15px;width:15px;position:relative}.date-picker-wrapper .gap .gap-line .gap-1{z-index:1;height:0;border-left:8px solid #fff;border-top:8px solid #eee;border-bottom:8px solid #eee}.date-picker-wrapper .gap .gap-line .gap-2{position:absolute;right:0;top:0;z-index:2;height:0;border-left:8px solid transparent;border-top:8px solid #fff}.date-picker-wrapper .gap .gap-line .gap-3{position:absolute;right:0;top:8px;z-index:2;height:0;border-left:8px solid transparent;border-bottom:8px solid #fff}.date-picker-wrapper .gap .gap-top-mask{width:6px;height:1px;position:absolute;top:-1px;left:1px;background-color:#eee;z-index:3}.date-picker-wrapper .gap .gap-bottom-mask{width:6px;height:1px;position:absolute;bottom:-1px;left:7px;background-color:#eee;z-index:3}.date-picker-wrapper .selected-days{display:none}.date-picker-wrapper .drp_top-bar{line-height:1.4;position:relative;padding:10px 40px 10px 0}.date-picker-wrapper .drp_top-bar .error-top,.date-picker-wrapper .drp_top-bar .normal-top{display:none}.date-picker-wrapper .drp_top-bar .default-top{display:block}.date-picker-wrapper .drp_top-bar.error .default-top{display:none}.date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:red}.date-picker-wrapper .drp_top-bar.normal .default-top{display:none}.date-picker-wrapper .drp_top-bar.normal .normal-top{display:block}.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{color:#333}.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0;top:6px;padding:3px 5px;margin:0;font-size:12px;border-radius:4px;cursor:pointer;color:#d9eef7;border:solid 1px #2838E3;background:#2838E3;background:-moz-linear-gradient(top,#2838E3,#2838E3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');color:#fff;line-height:initial}.date-picker-wrapper .drp_top-bar .apply-btn.disabled{cursor:pointer;color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}.date-picker-wrapper .time{position:relative}.date-picker-wrapper.single-month .time{display:block}.date-picker-wrapper .time input[type=range]{vertical-align:middle;width:129px;padding:0;margin:0;height:20px}.date-picker-wrapper .time1{width:180px;padding:0 5px;text-align:center}.time2{width:180px;padding:0 5px;text-align:center}.date-picker-wrapper .time1{float:left}.date-picker-wrapper .time2{float:right}.date-picker-wrapper .hour{text-align:right}.minute{text-align:right}.date-picker-wrapper .hide{display:none}.date-picker-wrapper .first-date-selected,.date-picker-wrapper .last-date-selected{background-color:#2838E3!important;color:#fff!important}.date-picker-wrapper .date-range-length-tip{position:absolute;margin-top:-4px;margin-left:-8px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);display:none;background-color:#ff0;padding:0 6px;border-radius:2px;font-size:12px;line-height:16px;-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))}.date-picker-wrapper .date-range-length-tip:after{content:'';position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ff0;left:50%;margin-left:-4px;bottom:-4px}.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.date-picker-wrapper .week-number{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#999;cursor:pointer}.date-picker-wrapper .week-number.week-number-selected{color:#2838E3;font-weight:700}
/* End */


/* Start:/local/templates/khl_site/css/styles.css?1760346617113122*/
@font-face {
  font-family: 'KHL Sans';
  src: url('/local/templates/khl_site/css/../fonts/KHLSans-Thin.woff2') format('woff2'), url('/local/templates/khl_site/css/../fonts/KHLSans-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KHL Sans';
  src: url('/local/templates/khl_site/css/../fonts/KHLSans-Lt.woff2') format('woff2'), url('/local/templates/khl_site/css/../fonts/KHLSans-Lt.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KHL Sans';
  src: url('/local/templates/khl_site/css/../fonts/KHLSans-Bd.woff2') format('woff2'), url('/local/templates/khl_site/css/../fonts/KHLSans-Bd.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KHL Sans';
  src: url('/local/templates/khl_site/css/../fonts/KHLSans-Blk.woff2') format('woff2'), url('/local/templates/khl_site/css/../fonts/KHLSans-Blk.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KHL Sans';
  src: url('/local/templates/khl_site/css/../fonts/KHL_Sans_Medium.woff2') format('woff2'), url('/local/templates/khl_site/css/../fonts/KHL_Sans_Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.todo {
  position: fixed;
  left: 15px;
  bottom: 15px;
  z-index: 303;
  display: none;
  margin-right: 15px;
}
.todo .text a {
  text-decoration: none;
  font-weight: 600;
  color: #fff;
  border-bottom: 1px dotted #fff;
  transition: 0.3s ease-out;
}
.todo .text a:hover {
  color: #e7e7e7;
  border-color: transparent;
}
.todo.active {
  display: block;
  animation: bounceInLeft 0.8s 1;
}
.todo .info-todo,
.todo .success-todo,
.todo .error-todo {
  background: #CD4242;
  padding: 14px 21px;
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 280px;
  font-size: 14px;
  margin-top: 15px;
  text-align: left;
  line-height: 1.5;
}
.todo .success-todo {
  background: #3e6d4e;
}
.todo .info-todo {
  background: #303943;
}
* {
  outline: none;
  box-sizing: border-box;
}
input,
textarea,
button,
select {
  font-family: 'KHL Sans';
}
body {
  font-family: 'KHL Sans';
  background: #EBEEF2;
  line-height: 1.2;
  font-size: 14px;
  color: #27282A;
  padding: 0;
  margin: 0;
  font-weight: normal;
}
b {
  font-family: 'KHL Sans';
  font-weight: bold;
}
.container {
  margin-left: auto;
  margin-right: auto;
  width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
}
.btn {
  display: flex;
  text-decoration: none;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 18px 10px;
  border: 1px solid;
  border-radius: 8px;
  line-height: 1;
  transition: 0.3s ease-out;
  text-align: center;
  justify-content: center;
  cursor: pointer;
}
.btn.default-empty-btn {
  color: #27282A;
  border-color: #AFAFAF;
}
.btn.default-empty-btn:hover {
  background: #AFAFAF;
  color: #fff;
}
.btn.default-white-btn {
  background: #fff;
  color: #2838E3;
}
.btn.default-white-btn:hover {
  color: #fff;
  background: #2838E3;
}
.btn.default-blue-btn {
  color: #fff;
  background: #2838E3;
}
.btn.default-blue-btn.w190 {
  padding-top: 12px;
  padding-bottom: 12px;
  min-width: 190px;
  margin-left: 5px;
}
.btn.default-blue-btn:hover {
  color: #2838E3;
  background: #fff;
}
.btn.default-red-btn {
  color: #fff;
  background: #CC4242;
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.default-red-btn svg {
  margin-left: 7px;
  transition: 0.3s ease-out;
}
.btn.default-red-btn:hover {
  background: #fff;
  color: #CC4242;
}
.btn.default-red-btn:hover svg {
  fill: #CC4242;
}
.link {
  display: flex;
  align-items: flex-start;
  font-weight: 600;
  color: black;
  text-decoration: none;
  transition: 0.2s ease-out;
}
.link svg {
  margin-left: 7px;
  position: relative;
  bottom: -3px;
}
.link:hover {
  opacity: 0.7;
}
header {
  padding: 10px 0 40px 0;
}
header .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .flex .left {
  display: flex;
  align-items: center;
}
header .flex .left .logo {
  display: block;
  line-height: 0;
  margin-right: 54px;
}
header .flex .left .logo img {
  max-width: 46px;
}
header .flex .left .primary-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .flex .left .primary-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
header .flex .left .primary-menu ul li {
  margin-right: 30px;
}
header .flex .left .primary-menu ul li:last-child {
  margin-right: 0;
}
header .flex .left .primary-menu ul li a {
  color: #27282A;
  text-decoration: none;
  transition: 0.3s ease-out;
  font-weight: 600;
}
header .flex .left .primary-menu ul li a:hover {
  color: #2838E3;
}
header .flex .right {
  display: flex;
  align-items: center;
}
header .flex .right .user-nav {
  display: flex;
  align-items: flex-end;
}
header .flex .right .user-nav a {
  position: relative;
  display: block;
  line-height: 0;
  text-decoration: none;
  margin-right: 18px;
}
header .flex .right .user-nav a svg {
  fill: #27282A;
  transition: 0.3s ease-in-out;
}
header .flex .right .user-nav a i {
  font-style: normal;
  position: absolute;
  width: 13px;
  height: 13px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  font-size: 8px;
  right: -4px;
  bottom: -4px;
}
header .flex .right .user-nav a.fav {
  width: 19px;
  height: 17px;
}
header .flex .right .user-nav a.fav i {
  background: #2838E3;
}
header .flex .right .user-nav a.cart {
  width: 18px;
  height: 19px;
}
header .flex .right .user-nav a.cart i {
  background: #CC4242;
}
header .flex .right .user-nav a:hover.fav svg {
  fill: #2838E3;
}
header .flex .right .user-nav a:hover.cart svg {
  fill: #CC4242;
}
header .flex .right .user-btns {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
header .flex .right .user-btns .user-profile {
  display: block;
  line-height: 0;
  position: relative;
}
header .flex .right .user-btns .user-profile .nav-profile {
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  min-width: 157px;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-out;
}
header .flex .right .user-btns .user-profile .nav-profile .nav-profile-wrapper {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 11px 13px;
}
header .flex .right .user-btns .user-profile .nav-profile .nav-profile-wrapper a {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #27282A;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 7px;
  text-decoration: none;
  white-space: nowrap;
}
header .flex .right .user-btns .user-profile .nav-profile .nav-profile-wrapper a:last-child {
  margin-bottom: 0;
}
header .flex .right .user-btns .user-profile .nav-profile .nav-profile-wrapper a img {
  margin-right: 11px;
}
header .flex .right .user-btns .user-profile .nav-profile .nav-profile-wrapper .nav-divider {
  border-bottom: 1px solid #27282A;
  opacity: 0.3;
  margin-bottom: 10px;
  padding-top: 3px;
}
header .flex .right .user-btns .user-profile:hover .nav-profile {
  visibility: visible;
  opacity: 1;
}
header .flex .right .user-btns .default-empty-btn {
  margin-right: 5px;
}
header .flex .right .lang {
  position: relative;
  padding-left: 20px;
}
header .flex .right .lang:before {
  content: '';
  position: absolute;
  height: 15px;
  border-right: 1px solid #8A8A8A;
  left: 0;
  top: 0;
}
header .flex .right .lang .lang-dropdown .open-lang {
  display: flex;
  align-items: center;
  color: #8A8A8A;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s ease-out;
}
header .flex .right .lang .lang-dropdown .open-lang svg {
  fill: #8A8A8A;
  margin-left: 3px;
  transition: 0.3s ease-out;
}
header .flex .right .lang .lang-dropdown .open-lang:hover {
  color: #2838E3;
}
header .flex .right .lang .lang-dropdown .open-lang:hover svg {
  fill: #2838E3;
}
header .flex .right .lang .lang-dropdown .lang-body {
  background: #fff;
  border-radius: 8px;
  padding: 10.5px;
  position: absolute;
  top: 120%;
  right: -5px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-out;
}
header .flex .right .lang .lang-dropdown .lang-body a {
  text-decoration: none;
  color: #27282A;
  transition: 0.3s ease-in-out;
  font-weight: 600;
}
header .flex .right .lang .lang-dropdown .lang-body a:hover {
  color: #2838E3;
}
header .flex .right .lang .lang-dropdown.active .lang-body {
  visibility: visible;
  opacity: 1;
}
.search-block {
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-block .left {
  padding-left: 20px;
  padding-right: 30px;
}
.search-block .left .all-images {
  text-decoration: none;
  color: #27282A;
  display: flex;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.search-block .left .all-images svg {
  margin-left: 5px;
  width: 6px;
  height: 5px;
  fill: #27282A;
  transition: 0.3s ease-in-out;
}
.search-block .left .all-images:hover {
  color: #2838E3;
}
.search-block .left .all-images:hover svg {
  fill: #2838E3;
}
.search-block .middle {
  padding-left: 40px;
  position: relative;
  margin-right: auto;
}
.search-block .middle:before {
  content: '';
  position: absolute;
  left: 0;
  border-right: 1px solid #AFAFAF;
  height: 20px;
  top: 10px;
}
@media (min-width: 1200px) {
  .search-block .middle {
    width: 680px;
  }
}
.search-block .middle form input {
  padding: 0;
  border-radius: 0;
  border: none;
  font-size: 34px;
  font-weight: 600;
  min-width: 100%;
}
.search-block .middle form input::placeholder {
  color: #C1C1C1;
}
.search-block .right {
  display: flex;
  align-items: center;
}
.search-block .right .open-image-search,
.search-block .right .open-image-settings {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #AFAFAF;
  cursor: pointer;
  margin-right: 5px;
  transition: 0.3s ease-out;
}
.search-block .right .open-image-search svg,
.search-block .right .open-image-settings svg {
  fill: #AFAFAF;
  width: 12px;
  transition: 0.3s ease-out;
}
.search-block .right .open-image-search:hover,
.search-block .right .open-image-settings:hover {
  color: #fff;
  background: #2838E3;
  border-color: #2838E3;
}
.search-block .right .open-image-search:hover svg,
.search-block .right .open-image-settings:hover svg {
  fill: #fff;
}
.widget {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-top: 10px;
}
.widget .widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}
.widget .widget-head h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
}
.widget .widget-head .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 586px;
}
.widget .widget-head .right .head-menu a {
  text-decoration: none;
  color: #27282A;
  font-size: 14px;
  margin-right: 30px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: 0.3s ease-out;
  color: #8A8A8A;
}
.widget .widget-head .right .head-menu a.active {
  border-bottom: 1px solid #27282A;
  color: #27282A;
}
.widget .widget-head .right .head-menu a:hover {
  color: #27282A;
}
.cards-flex {
  display: flex;
  flex-wrap: wrap;
}
.cards-flex .card-col {
  width: 25%;
  padding: 5px;
}
.cards-flex .card-col.w50 {
  width: 50%;
}
.cards-flex .card-col.w50 a .in-page {
  margin-left: 17px;
  width: 37px;
  min-width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #AFAFAF;
  transition: 0.2s ease-out;
  position: absolute;
  right: 11px;
  bottom: 11px;
  background: rgba(255, 255, 255, 0.1);
}
.cards-flex .card-col.w50 a .in-page svg {
  filter: invert(1);
}
.cards-flex .card-col.w50 a:hover .in-page {
  background: #cd4242;
  border-color: #CC4242;
}
.cards-flex .card-col.w50 a .in-page svg {
  transition: 0.2s ease-out;
}
.cards-flex .card-col a {
  position: relative;
  line-height: 0;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  transition: box-shadow 0.2s ease-out;
}
.cards-flex .card-col a .l-sticker-wrap {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 1;
  color: #fff;
  line-height: 1;
}
.cards-flex .card-col a .l-sticker-wrap .img-day {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
  background: #cd4242;
  border-radius: 3px;
  margin-bottom: 5px;
  width: fit-content;
}
.cards-flex .card-col a .l-sticker-wrap .date {
  margin-bottom: 5px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 3px;
  font-weight: 600;
}
.cards-flex .card-col a .l-sticker-wrap .date img {
  margin-right: 5px;
}
.cards-flex .card-col a:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.cards-flex .card-col a .img-wrapper {
  width: 100%;
  overflow: hidden;
}
.cards-flex .card-col a .img-wrapper img {
  width: 100%;
  transition: 0.2s ease-out;
}
.cards-flex .card-col a .inside {
  position: absolute;
  left: 10px;
  bottom: 10px;
  line-height: 1.2;
  background: #CD4242;
  border-radius: 50px;
  padding: 2px;
  display: flex;
  align-items: center;
}
.cards-flex .card-col a .inside span {
  color: #fff;
  padding-left: 20px;
  padding-right: 10px;
  font-weight: bold;
  padding-top: 2px;
}
.cards-flex .card-col a .inside .eye {
  display: flex;
  align-items: center;
  height: 37px;
  border-radius: 50px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  width: fit-content;
  font-size: 12px;
}
.cards-flex .card-col a .inside .eye img {
  margin-right: 5px;
  width: 14px;
}
.cards-flex .card-col a .inside .eye i {
  font-style: normal;
}
.cards-flex .card-col a .info {
  line-height: 1.2;
  padding: 10px 15px;
  background: #F6F6F6;
}
.cards-flex .card-col a .info .qty {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cards-flex .card-col a .info .qty .date {
  color: #CC4242;
  font-size: 30px;
  font-weight: bold;
}
.cards-flex .card-col a .info .qty .count {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #AFAFAF;
}
.cards-flex .card-col a .info .qty .count img {
  margin-right: 5px;
}
.cards-flex .card-col a .info .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #27282A;
  padding: 8px 0;
}
.cards-flex .card-col a .info .name span {
  font-weight: 600;
}
.cards-flex .card-col a .info .name .in-page {
  margin-left: 17px;
  width: 37px;
  min-width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #AFAFAF;
  transition: 0.2s ease-out;
}
.cards-flex .card-col a .info .name .in-page svg {
  transition: 0.2s ease-out;
}
.cards-flex .card-col a:hover .img-wrapper img {
  transform: scale(1.06);
}
.cards-flex .card-col a:hover .name .in-page {
  background: #CC4242;
  border-color: #CC4242;
}
.cards-flex .card-col a:hover .name .in-page svg {
  filter: invert(1);
}
footer {
  margin-top: 60px;
  padding-bottom: 50px;
}
footer .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .flex .logo,
footer .flex .logos {
  display: block;
  line-height: 0;
}
footer .flex ul {
  display: flex;
  margin: 0;
  align-items: center;
  margin-right: auto;
  margin-left: 30px;
  list-style: none;
  padding: 0;
}
footer .flex ul li {
  margin-right: 30px;
}
footer .flex ul li:last-child {
  margin-right: 0;
}
footer .flex ul li a {
  font-weight: 600;
  text-decoration: none;
  color: #27282A;
  transition: 0.3s ease-out;
}
footer .flex ul li a:hover {
  color: #2838E3;
}
footer .flex.sub {
  color: #767676;
}
footer .flex.sub a {
  text-decoration: none;
  transition: 0.3s ease-out;
  color: #767676;
}
footer .flex.sub a:hover {
  color: #2838E3;
}
footer .flex.sub .links {
  display: flex;
  align-items: center;
}
footer .flex.sub .links a {
  display: block;
  margin-right: 34px;
  width: fit-content;
}
footer .divider {
  border-bottom: 1px solid #27282A;
  margin: 30px 0;
}
/* //_-><-_ */
.search-images {
  margin: 0;
  position: relative;
}
.search-images #tips-block {
  position: absolute;
  width: 100%;
  height: auto;
  top: calc(100% + 10px);
  left: 0;
  background: #fff;
  z-index: 10;
  box-shadow: 0px 7px 4px -5px #d9d6d6;
  border-radius: 0 0 10px 10px;
}
.search-images #tips-block .tips-list {
  padding: 15px;
  display: block;
  max-height: 200px;
  overflow: auto;
}
.search-images #tips-block .tips-list .tip-item {
  padding: 5px 0;
  display: block;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.search-images #tips-block .tips-list .tip-item:hover {
  color: #2838E3;
}
.large-text {
  display: block;
}
.small-icon {
  display: none;
}
.album-wrapper {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  margin-top: 50px;
}
.album-wrapper .album-top-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 50px;
}
.album-wrapper .album-top-flex .left {
  width: 575px;
  position: relative;
  line-height: 0;
}
.album-wrapper .album-top-flex .left .img-wrapper {
  line-height: 0;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.album-wrapper .album-top-flex .left .element-views {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 3px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}
.album-wrapper .album-top-flex .left .element-views img {
  width: 14px;
  margin-right: 5px;
}
.album-wrapper .album-top-flex .left .element-views span {
  line-height: 0;
  padding-top: 2px;
}
.album-wrapper .album-top-flex .left img {
  width: 100%;
  border-radius: 8px;
}
.album-wrapper .album-top-flex .left .mobile.add-fav {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}
.album-wrapper .album-top-flex .left .mobile.add-fav img {
  width: auto;
}
.album-wrapper .album-top-flex .right {
  width: 555px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.album-wrapper .album-top-flex .right h1 {
  margin: 0 0 15px 0;
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
}
.album-wrapper .album-top-flex .right .info-fav {
  display: flex;
  align-items: center;
  margin-bottom: 43px;
}
.album-wrapper .album-top-flex .right .info-fav .view-count-wrapper {
  display: flex;
  align-items: center;
  color: #AFAFAF;
  font-size: 14px;
  margin-right: 21px;
}
.album-wrapper .album-top-flex .right .info-fav .view-count-wrapper i {
  font-style: normal;
  margin: 0 7px;
}
.album-wrapper .album-top-flex .right .info-fav .add-fav {
  padding: 9px 12.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border: 1px solid #27282A;
  color: #27282A;
  transition: 0.3s ease-out;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
}
.album-wrapper .album-top-flex .right .info-fav .add-fav img {
  margin-right: 5px;
  transition: 0.3s ease-out;
}
.album-wrapper .album-top-flex .right .info-fav .add-fav span {
  display: block;
  line-height: 0.1;
}
.album-wrapper .album-top-flex .right .info-fav .add-fav.active,
.album-wrapper .album-top-flex .right .info-fav .add-fav:hover {
  color: #fff;
  background: #2838E3;
  border-color: #2838E3;
}
.album-wrapper .album-top-flex .right .info-fav .add-fav.active img,
.album-wrapper .album-top-flex .right .info-fav .add-fav:hover img {
  filter: invert(1);
}
.album-wrapper .album-top-flex .right .date {
  color: #CD4242;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 10px;
}
.album-wrapper .album-top-flex .right .info {
  margin-top: 10px;
  color: #AFAFAF;
  font-size: 14px;
  font-weight: 600;
}
.album-wrapper .album-top-flex .right .info span {
  color: #27282A;
}
.album-wrapper .album-top-flex .right .tags {
  max-width: 325px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 19px;
  margin-top: 25px;
}
.album-wrapper .album-top-flex .right .tags .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12.5px 15px;
  text-decoration: none;
  color: #AFAFAF;
  border: 1px solid #AFAFAF;
  border-radius: 35px;
  font-weight: 600;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 0;
  transition: 0.3s ease-out;
}
.album-wrapper .album-top-flex .right .tags .tag:hover {
  color: #fff;
  background: #2838E3;
  border-color: #2838E3;
}
.album-wrapper .album-top-flex .right .prev-next-album {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link {
  color: #27282A;
  text-decoration: none;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #27282A;
  cursor: pointer;
  transition: 0.3s ease-out;
  border-radius: 6px;
  font-weight: 600;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link:hover:not(.disabled-link) {
  color: #fff;
  background: #2838E3;
  border-color: #2838E3;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link:hover:not(.disabled-link) svg path {
  stroke: #fff;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link svg path {
  stroke: #27282A;
  transition: 0.3s ease-out;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link.disabled-link {
  color: #AFAFAF;
  border-color: #AFAFAF;
  cursor: default;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link.disabled-link svg path {
  stroke: #AFAFAF;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link.prev svg {
  margin-right: 7px;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link.next {
  margin-left: 10px;
}
.album-wrapper .album-top-flex .right .prev-next-album .album-link.next svg {
  margin-left: 7px;
}
.album-wrapper .images-type-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 29px;
}
.album-wrapper .images-type-filter span,
.album-wrapper .images-type-filter a {
  cursor: pointer;
  margin-right: 30px;
  text-decoration: none;
  color: #8A8A8A;
  font-weight: 600;
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: 0.3s ease-out;
}
.album-wrapper .images-type-filter span.active,
.album-wrapper .images-type-filter a.active {
  color: #27282A;
  border-color: #27282A;
}
.album-wrapper .images-type-filter span:hover,
.album-wrapper .images-type-filter a:hover {
  color: #27282A;
}
.album-wrapper .images-type-filter span:last-child,
.album-wrapper .images-type-filter a:last-child {
  margin-right: 0;
}
.album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.prev,
.album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.next {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.prev svg,
.album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.next svg {
  margin: 0;
}
.album-wrapper.popup .right .popup-sub-ui {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.album-wrapper.popup .right .ui-row {
  display: flex;
  align-items: center;
}
.album-wrapper.popup .right .ui-row .ui-item {
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: 0.3s ease-out;
  background: #F6F6F6;
  cursor: pointer;
  margin-right: 5px;
}
.album-wrapper.popup .right .ui-row .ui-item img {
  transition: 0.3s ease-out;
}
.album-wrapper.popup .right .ui-row .ui-item.active,
.album-wrapper.popup .right .ui-row .ui-item:hover {
  background: #2838E3;
}
.album-wrapper.popup .right .ui-row .ui-item.active img,
.album-wrapper.popup .right .ui-row .ui-item:hover img {
  filter: brightness(0) invert(1);
}
.standart-cards-wrapper .cards-wrapper {
  display: block;
  margin: 0 -5px;
}
.standart-cards-wrapper .cards-wrapper .card-col {
  width: 16.66666666%;
  margin-bottom: 0;
  padding: 5px;
}
.standart-cards-wrapper .cards-wrapper .card-col .card-col-link {
  display: block;
  text-decoration: none;
  line-height: 0;
}
.standart-cards-wrapper .cards-wrapper .card-col .card-col-link img {
  width: 100%;
  border-radius: 6px 6px 0 0;
}
.standart-cards-wrapper .cards-wrapper .card-col .ui-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 0 6px 6px;
  padding: 10px;
  background: #F6F6F6;
}
.standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item {
  width: 29px;
  height: 29px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: 0.3s ease-out;
  background: #fff;
  cursor: pointer;
}
.standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item img {
  transition: 0.3s ease-out;
}
.standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item.active,
.standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item:hover {
  background: #2838E3;
}
.standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item.active img,
.standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item:hover img {
  filter: brightness(0) invert(1);
}
.album-popup-overlay {
  background: #2D2D2D;
  opacity: 0.3;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.album-wrapper.popup {
  width: 1200px;
  position: fixed;
  left: 50%;
  top: 210px;
  z-index: 12;
  transform: translateX(-50%);
  margin: 0;
}
.album-wrapper.popup .album-top-flex {
  margin-bottom: 0;
}
.album-wrapper.popup .album-top-flex .right h1 {
  padding-right: 44px;
}
.close-popup {
  position: absolute;
  line-height: 1;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.close-popup svg path {
  fill: #C1C1C1;
  transition: 0.3s ease-out;
}
.close-popup:hover svg path {
  fill: #CC4242;
  transition: 0.3s ease-out;
}
.filter-item {
  cursor: pointer;
}
.default-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2D2D2D;
  opacity: 0.3;
  z-index: 99;
}
.default-popup-wrapper {
  position: fixed;
  width: 596px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  padding: 30px 30px 40px 30px;
  background: #fff;
  border-radius: 8px;
}
.default-popup-wrapper.center {
  top: 50%;
  transform: translate(-50%, -50%);
}
.default-popup-wrapper.small {
  width: 360px;
}
.default-popup-wrapper.small .popup-default-form .police {
  text-align: right;
}
.default-popup-wrapper .closeDefaultPopup {
  cursor: pointer;
  position: absolute;
  top: 19px;
  right: 20px;
  display: block;
  line-height: 0;
}
.default-popup-wrapper .closeDefaultPopup svg path {
  transition: 0.3s ease-out;
  fill: #C1C1C1;
}
.default-popup-wrapper .closeDefaultPopup:hover svg path {
  fill: #cd4242;
}
.default-popup-wrapper .default-popup-head {
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  color: #27282A;
  margin-bottom: 40px;
  padding-top: 6px;
  line-height: 1;
}
.default-popup-wrapper .default-popup-head.in {
  margin-bottom: 0;
}
.default-popup-wrapper .default-popup-subtitle {
  text-align: center;
  margin-bottom: 20px;
  color: #AFAFAF;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-top: 5px;
}
.register-select-wrapper {
  width: 390px;
  margin-left: auto;
  margin-right: auto;
}
.register-select-wrapper .choose-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.register-select-wrapper .choose-wrapper .choose {
  width: 192px;
  height: 140px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #F6F6F6;
  cursor: pointer;
  border: 1px solid transparent;
}
.register-select-wrapper .choose-wrapper .choose .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.register-select-wrapper .choose-wrapper .choose span {
  display: block;
  text-align: center;
  line-height: 0.9;
  font-size: 22px;
  font-weight: 500;
}
.register-select-wrapper .choose-wrapper input {
  position: absolute;
  z-index: -1000;
  visibility: hidden;
  opacity: 0;
}
.register-select-wrapper .choose-wrapper input:checked + label {
  border-color: #2838E3;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.register-select-wrapper .choose-wrapper input:checked + label .icon {
  background: #F6F6F6;
}
.register-select-wrapper .choose-wrapper input:checked + label .icon svg path:nth-child(1) {
  fill: #2838E3;
}
.register-select-wrapper .default-blue-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 49px;
  margin-bottom: 40px;
  width: 190px;
  height: 40px;
}
.default-popup-wrapper .info {
  width: 389px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12px;
  color: #AFAFAF;
  font-weight: 500;
}
.default-popup-wrapper .info a {
  color: #AFAFAF;
}
.default-popup-wrapper .info a:hover {
  color: #2838E3;
}
.popup-default-form {
  width: 285px;
  margin-left: auto;
  margin-right: auto;
}
.popup-default-form .form-group {
  margin-bottom: 5px;
}
.popup-default-form .form-group input {
  display: block;
  width: 100%;
  line-height: 34px;
  border: 1px solid #AFAFAF;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  font-size: 14px;
}
.popup-default-form .form-group input::placeholder {
  color: #AFAFAF;
  font-size: 14px;
}
.popup-default-form .form-group input.error {
  border-color: #cd4242;
}
.popup-default-form .form-group select {
  width: 100%;
  display: block;
  line-height: 34px;
  border: 1px solid #AFAFAF;
  padding-left: 12px;
  padding-right: 16px;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  height: 36px;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  color: #AFAFAF;
  background: url(/local/templates/khl_site/css/../img/select-drop.svg) no-repeat 97%;
}
.popup-default-form .form-group select.active {
  color: #27282A;
}
.popup-default-form .form-group select.error {
  border-color: #cd4242;
}
.popup-default-form .default-blue-btn {
  width: 190px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}
.popup-default-form .police {
  margin-top: 13px;
  margin-bottom: 20px;
  padding-left: 21px;
  position: relative;
  font-size: 10px;
  color: #AFAFAF;
}
.popup-default-form .police.mb38 {
  margin-bottom: 38px;
}
.popup-default-form .police.mb0 {
  margin-bottom: 0;
}
.popup-default-form .police.mt5 {
  margin-top: 5px;
}
.popup-default-form .police a {
  color: #2838E3;
}
.popup-default-form .police span:before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #AFAFAF;
  position: absolute;
  left: 0;
  top: 1px;
  box-shadow: inset 0 0 0 2px #fff;
}
.popup-default-form .police input {
  position: absolute;
  z-index: -1000;
  visibility: hidden;
  opacity: 0;
}
.popup-default-form .police input:checked + span:before {
  background: #2838E3;
}
#popup-wrapper .album-wrapper .album-top-flex .right .prev-next-album .album-link.prev {
  margin-left: 10px;
}
#popup-wrapper .album-wrapper .album-top-flex .right .prev-next-album .album-link.next {
  margin-left: 0;
}
#popup-wrapper .album-wrapper .album-top-flex .left img {
  display: block;
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#popup-wrapper .album-wrapper .album-top-flex .left {
  line-height: 0;
}
.advanced-widget {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
}
.advanced-widget .advanced-widget-head {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.advanced-widget .advanced-widget-head h1 {
  font-size: 40px;
  font-weight: 600;
  margin: 0;
}
.advanced-widget .advanced-widget-head span {
  font-size: 14px;
  color: #8A8A8A;
  font-weight: 500;
  padding-top: 5px;
}
.advanced-order-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding-right: 100px;
  margin-bottom: 32px;
}
.advanced-order-flex .sort-block {
  display: flex;
  align-items: center;
}
.advanced-order-flex .sort-block span {
  font-size: 18px;
  font-weight: 600;
}
.advanced-order-flex .sort-block ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 6px 0 0 0;
  margin: 0;
}
.advanced-order-flex .sort-block ul li {
  margin-left: 20px;
}
.advanced-order-flex .sort-block ul li a {
  cursor: pointer;
  text-decoration: none;
  color: #8A8A8A;
  font-weight: 600;
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: 0.3s ease-out;
}
.advanced-order-flex .sort-block ul li a:hover {
  color: #27282A;
}
.advanced-order-flex .sort-block ul li a.active {
  color: #27282A;
  border-color: #27282A;
}
.advanced-flex {
  display: flex;
  align-items: flex-start;
}
.advanced-flex .left-filter {
  width: 280px;
}
.advanced-flex .left-filter .filter-col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.advanced-flex .left-filter .filter-col-head.unmarg {
  margin-bottom: 13px;
}
.advanced-flex .left-filter .filter-col-head span {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.advanced-flex .left-filter .filter-col-head a {
  text-decoration: none;
  color: #2838E3;
  cursor: pointer;
  transition: 0.3s ease-out;
  font-weight: 500;
  padding: 5px 0 0 0;
}
.advanced-flex .left-filter .filter-col-head a:hover {
  color: #27282A;
}
.advanced-flex .left-filter .filter-col {
  margin-bottom: 25px;
  position: relative;
}
.advanced-flex .left-filter .filter-col.bordered {
  border-bottom: 1px solid #AFAFAF;
}
.advanced-flex .left-filter .filter-col #date-filter,
.advanced-flex .left-filter .filter-col #date-filter-one,
.advanced-flex .left-filter .filter-col #date-filter-two {
  position: absolute;
  z-index: -1000;
  opacity: 0;
  visibility: hidden;
}
.advanced-flex .left-filter .filter-col .date-imit-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.advanced-flex .left-filter .filter-col .date-imit-flex .date-calendar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #AFAFAF;
  border-radius: 5px;
}
.advanced-flex .left-filter .filter-col .date-imit-flex .date-calendar span {
  display: block;
  padding: 6.2px 7px;
  font-size: 14px;
  font-weight: 500;
  color: #27282A;
  min-width: 82px;
}
.advanced-flex .left-filter .filter-col .date-imit-flex .date-calendar label {
  height: 29px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-left: 1px solid #AFAFAF;
}
.advanced-flex .left-filter .filter-settings-col {
  padding-bottom: 11px;
}
.advanced-flex .left-filter .filter-settings-col .checkboxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.advanced-flex .left-filter .filter-settings-col .checkboxes .item {
  padding: 7px;
  border: 1px solid #AFAFAF;
  border-radius: 5px;
  text-decoration: none;
  color: #AFAFAF;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.advanced-flex .left-filter .filter-settings-col .checkboxes .item span {
  margin-right: 10px;
}
.advanced-flex .left-filter .filter-settings-col .checkboxes .item .close {
  cursor: pointer;
  padding-top: 2px;
}
.advanced-flex .left-filter .filter-settings-col .checkboxes .item .close svg {
  fill: #AFAFAF;
  stroke: #AFAFAF;
  transition: 0.2s ease-out;
}
.advanced-flex .left-filter .filter-settings-col .checkboxes .item .close:hover svg {
  fill: #CC4242;
  stroke: #CC4242;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox {
  margin-bottom: 10px;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox:last-child {
  margin-bottom: 0;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox input {
  display: none;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox input:checked + label {
  color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox input:checked + label i {
  border-color: #2838E3;
  background: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox label {
  padding-left: 21px;
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s ease-out;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox label i {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #27282A;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.2s ease-out;
  box-shadow: inset 0 0 0 3px #fff;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox label:hover {
  color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .radio-checkboxes .radio-checkbox label:hover i {
  border-color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #AFAFAF;
  padding: 7px 0;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-head img {
  transition: 0.3s ease-out;
  margin-top: 4px;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-head.single-large {
  border: none;
  font-size: 18px;
  font-weight: 600;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body {
  padding-top: 7px;
  display: none;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-search {
  margin-bottom: 7px;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-search input {
  padding-left: 32px;
  border: 1px solid #AFAFAF;
  border-radius: 5px;
  color: #2838E3;
  font-size: 14px;
  font-weight: 500;
  line-height: 29px;
  display: block;
  width: 100%;
  background: url(/local/templates/khl_site/css/../img/filter-search.svg) no-repeat 10px;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap {
  border: 1px solid #AFAFAF;
  border-radius: 5px;
  height: 107px;
  padding: 7px 9px;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list {
  height: 100%;
  overflow: auto;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox input {
  display: none;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox input:checked + label {
  color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox input:checked + label i {
  border-color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox input:checked + label i:before {
  opacity: 1;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox label {
  padding-left: 22px;
  display: block;
  cursor: pointer;
  margin-bottom: 2px;
  font-size: 14px;
  color: #8A8A8A;
  font-weight: 500;
  position: relative;
  transition: 0.2s ease-out;
  text-transform: capitalize;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox label i {
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #AFAFAF;
  transition: 0.2s ease-out;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox label i:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: url(/local/templates/khl_site/css/../img/filter-bird.svg) no-repeat center / contain;
  opacity: 0;
  transition: 0.2s ease-out;
  left: 0;
  top: 0;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox label:hover {
  color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column .select-filter-body .select-filter-body-list-wrap .select-filter-body-list .select-checkbox label:hover i {
  border-color: #2838E3;
}
.advanced-flex .left-filter .filter-settings-col .filter-selects .select-filter-column.active img {
  transform: rotate(180deg);
}
.advanced-flex .right-columns {
  padding-left: 95px;
  width: calc(100% - 280px);
}
.date-picker-wrapper {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.date-picker-wrapper .select-wrapper {
  padding-right: 14px;
  position: relative;
  margin-right: 5px;
}
.date-picker-wrapper .select-wrapper:after {
  content: '';
  width: 17px;
  height: 17px;
  position: absolute;
  right: -3px;
  top: -2px;
  background: url(/local/templates/khl_site/img/filter-mn-arrow.svg) no-repeat center / contain;
  opacity: 1;
}
.date-picker-wrapper .select-wrapper select {
  padding: 8px;
}
.quest-auth {
  text-align: center;
  color: #AFAFAF;
  font-size: 12px;
  margin-top: 31px;
  font-weight: 500;
  margin-bottom: 3px;
}
.openRegInAuth {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  color: #2838E3;
  border-bottom: 1px solid #2838E3;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}
.openRegInAuth:hover {
  border-color: transparent;
}
@media (max-width: 1250px) {
  .container {
    width: 960px;
  }
  .search-block .middle form input {
    font-size: 31px;
  }
  .cards-flex .card-col.w50 a .img-wrapper,
  .cards-flex .card-col.w50 a {
    height: 100%;
  }
  .cards-flex .card-col.w50 a .img-wrapper img,
  .cards-flex .card-col.w50 a img {
    height: 100%;
    object-fit: cover;
  }
  .widget .widget-head .right {
    width: 440px;
  }
  .widget .widget-head h2 {
    font-size: 34px;
  }
  .cards-flex .card-col a .info .qty .date {
    font-size: 22px;
  }
  header .flex .left .logo,
  footer .flex ul li,
  header .flex .left .primary-menu ul li {
    margin-right: 12px;
  }
  header .flex .right .user-btns {
    margin-right: 10px;
  }
  header .flex .right .lang {
    padding-left: 10px;
  }
  header .flex .right .user-nav a {
    margin-right: 12px;
  }
  .btn {
    padding: 11px 10px 10px;
  }
  .large-text {
    display: none;
  }
  .small-icon {
    display: block;
  }
  .btn.default-blue-btn.w190 {
    min-width: 40px;
    width: 40px;
    height: 40px;
    margin-left: 0;
  }
  .btn.default-blue-btn.w190:hover {
    background: #2838E3;
  }
  footer .flex.sub .links a {
    margin-right: 10px;
  }
  .link svg {
    bottom: 1px;
  }
  .cards-flex .card-col a .info {
    padding: 10px;
  }
  .album-wrapper .album-top-flex .right,
  .album-wrapper .album-top-flex .left {
    width: 48%;
  }
  .album-wrapper.popup {
    width: 930px;
  }
  .standart-cards-wrapper .cards-wrapper .card-col .ui-row {
    padding: 5px;
  }
}
.mobile-date-info,
.mobile-menu-col,
.mobile-menu-col-overlay,
.mobile-profile,
.mobile-open-menu {
  display: none;
}
@media (max-width: 991px) {
  .container {
    width: 730px;
  }
  .search-block .middle form input {
    font-size: 21px;
  }
  .search-block .middle:before {
    top: 2px;
  }
  .search-block .middle {
    padding-left: 15px;
  }
  header .flex .right .lang,
  header .flex .right .user-btns,
  header .flex .left .primary-menu {
    display: none;
  }
  .mobile-open-menu {
    display: block;
    line-height: 0;
    position: relative;
    top: 1px;
    cursor: pointer;
  }
  header .flex .right .user-nav a {
    margin-right: 15px;
  }
  .mobile-profile {
    display: block;
    line-height: 0;
    margin-right: 15px;
    position: relative;
  }
  header {
    padding-bottom: 34px;
  }
  .widget {
    margin-top: 40px;
  }
  footer .flex ul {
    flex-wrap: wrap;
  }
  footer .flex ul li {
    margin: 4px;
  }
  .cards-flex .card-col {
    width: 50%;
  }
  .widget .widget-head h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1;
  }
  .widget .widget-head .right .head-menu a {
    margin-right: 15px;
  }
  .widget .widget-head .right {
    width: 340px;
  }
  .mobile-menu-col-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-out;
    display: block;
  }
  .mobile-menu-col-overlay.active {
    opacity: 0.3;
    visibility: visible;
  }
  .mobile-menu-col {
    position: fixed;
    left: -285px;
    top: 0;
    z-index: 100;
    width: 280px;
    padding: 10px 20px;
    background: #fff;
    height: 100%;
    overflow: auto;
    display: block;
    transition: 0.3s ease-out;
  }
  .mobile-menu-col.active {
    left: 0;
  }
  .mobile-menu-col .mobile-menu-col-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .mobile-menu-col .mobile-menu-col-head .logo {
    display: block;
    line-height: 0;
  }
  .mobile-menu-col .mobile-menu-col-head .lang {
    position: relative;
    padding-left: 0;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .open-lang {
    display: flex;
    align-items: center;
    color: #8A8A8A;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s ease-out;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .open-lang svg {
    fill: #8A8A8A;
    margin-left: 3px;
    transition: 0.3s ease-out;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .open-lang:hover {
    color: #2838E3;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .open-lang:hover svg {
    fill: #2838E3;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .lang-body {
    background: #fff;
    border-radius: 8px;
    padding: 10.5px;
    position: absolute;
    top: 120%;
    right: -5px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-out;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .lang-body a {
    text-decoration: none;
    color: #27282A;
    transition: 0.3s ease-in-out;
    font-weight: 600;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown .lang-body a:hover {
    color: #2838E3;
  }
  .mobile-menu-col .mobile-menu-col-head .lang .lang-dropdown.active .lang-body {
    visibility: visible;
    opacity: 1;
  }
  .mobile-menu-col ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
  }
  .mobile-menu-col ul li {
    margin-bottom: 10px;
  }
  .mobile-menu-col ul li a {
    color: #27282A;
    text-decoration: none;
    transition: 0.3s ease-out;
    font-weight: 600;
    display: block;
    font-size: 16px;
  }
  .mobile-menu-col ul li a:hover {
    color: #2838E3;
  }
  .standart-cards-wrapper .cards-wrapper .card-col .ui-row {
    padding: 10px;
  }
  .album-wrapper .album-top-flex {
    display: block;
  }
  .album-wrapper .album-top-flex .right,
  .album-wrapper .album-top-flex .left {
    width: 100%;
  }
  .album-wrapper .album-top-flex .left {
    margin-bottom: 12px;
  }
  .album-wrapper .album-top-flex .right .tags {
    width: 100%;
  }
  .album-wrapper .album-top-flex .right .date,
  .album-wrapper .album-top-flex .right .info-fav {
    display: none;
  }
  .album-wrapper .album-top-flex .left {
    line-height: 0;
  }
  .album-wrapper .album-top-flex .left .mobile.add-fav {
    display: block;
  }
  .mobile-date-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .mobile-date-info .date {
    display: block !important;
    margin-bottom: 0 !important;
  }
  .mobile-date-info .view-count-wrapper {
    display: flex;
    align-items: center;
    color: #AFAFAF;
    font-size: 14px;
  }
  .mobile-date-info .view-count-wrapper i {
    font-style: normal;
    margin: 0 7px;
  }
  .album-wrapper .album-top-flex .right h1 {
    font-size: 20px;
  }
  .album-wrapper.popup {
    width: 700px;
  }
  .album-wrapper.popup {
    top: 60px;
  }
  .album-wrapper .album-top-flex .right .tags {
    max-width: 100%;
  }
  .close-popup {
    right: 5px;
    top: 5px;
  }
}
.mobile-v-d,
.mobile-btn-widget,
.head-select {
  display: none;
}
@media (max-width: 767px) {
  .container {
    width: 100%;
  }
  .search-block .left {
    display: none;
  }
  .search-block .middle {
    padding-left: 20px;
  }
  .search-block .middle:before {
    display: none;
  }
  .search-block .middle form input {
    font-size: 14px;
    font-weight: 600;
  }
  .search-block .middle form input {
    min-width: calc(100% - 150px);
  }
  .search-block {
    padding: 5px;
  }
  .search-block .right .open-image-search,
  .search-block .right .open-image-settings {
    width: 35px;
    height: 35px;
  }
  .btn.default-blue-btn.w190 {
    min-width: 35px;
    width: 35px;
    height: 35px;
    padding: 3px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .widget .widget-head {
    margin-bottom: 16px;
    display: block;
  }
  .widget .widget-head .right {
    display: none;
  }
  .widget .widget-head h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 27px;
  }
  .search-block {
    margin-bottom: 40px;
  }
  .widget {
    margin-top: 20px;
  }
  .cards-flex .card-col a .info .name {
    font-size: 16px;
  }
  .head-select {
    display: block;
    position: relative;
    z-index: 8;
    padding-left: 5px;
    padding-right: 5px;
  }
  .head-select .head-select-title {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #D3D3D3;
  }
  .head-select .head-select-title span {
    font-size: 16px;
    font-weight: 600;
    color: #27282A;
  }
  .head-select .head-select-title i {
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    width: 12px;
    height: 12px;
    background: url('/local/templates/khl_site/css/../img/arrow-down.svg') no-repeat center / contain;
    transition: 0.3s ease-out;
  }
  .head-select .head-select-body {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #fff;
    padding: 15px 10px;
    z-index: 3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 5px 5px;
    display: none;
  }
  .head-select .head-select-body span,
  .head-select .head-select-body a {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    margin-right: 0;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: 0.3s ease-out;
    color: #8A8A8A;
  }
  .head-select .head-select-body span:last-child,
  .head-select .head-select-body a:last-child {
    margin-bottom: 0;
  }
  .head-select .head-select-body span.active,
  .head-select .head-select-body a.active {
    border-bottom: 1px solid #27282A;
    color: #27282A;
  }
  .head-select.active .head-select-title i {
    transform: rotate(180deg);
  }
  .widget .widget-head h2 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .widget {
    padding-left: 10px;
    padding-right: 10px;
  }
  footer .flex {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  footer .flex .logos {
    width: 100%;
    padding-left: 50%;
  }
  footer .flex ul li {
    margin: 0;
    margin-bottom: 15px;
  }
  footer .flex ul li:last-child {
    margin-bottom: 48px;
  }
  footer .flex ul {
    margin-left: 0;
    width: 50%;
    margin-right: 0;
    display: block;
  }
  footer .flex.sub {
    display: block;
  }
  footer .flex.sub .copy {
    margin-bottom: 20px;
  }
  footer .flex.sub .links {
    display: block;
  }
  footer .flex.sub .links a {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  footer .divider {
    margin-top: 48px;
    margin-bottom: 30px;
  }
  .mobile-btn-widget {
    display: block;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .mobile-btn-widget .btn {
    width: 100%;
  }
  .cards-flex .card-col.hidden-mobile {
    display: none;
  }
  .album-wrapper.popup {
    max-width: 100%;
  }
  .album-wrapper .images-type-filter {
    display: block;
  }
  .album-wrapper {
    padding: 15px;
  }
  .album-wrapper .album-top-flex .right .prev-next-album {
    display: block;
  }
  .album-wrapper .album-top-flex .right .prev-next-album .album-link.next {
    margin-left: 0;
    margin-top: 10px;
  }
  .album-wrapper.popup {
    max-width: calc(100% - 30px);
  }
  .album-wrapper.popup .right .ui-row .ui-item {
    width: 35px;
    height: 35px;
  }
  .album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.prev,
  .album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.next {
    width: 34px;
    height: 34px;
  }
  .album-wrapper.popup .album-top-flex .right .prev-next-album {
    display: flex;
  }
  .album-wrapper.popup .album-top-flex .right .prev-next-album .album-link.next {
    margin-top: 0;
    margin-left: 10px;
  }
  .close-popup svg path {
    fill: #fff;
  }
  .album-wrapper .images-type-filter {
    display: none;
  }
  .album-oretation {
    margin-bottom: 20px;
  }
  .default-popup-wrapper.center {
    width: calc(100% - 30px);
  }
  .register-select-wrapper {
    width: 100%;
  }
  .default-popup-wrapper {
    padding: 60px 15px;
  }
  .register-select-wrapper .choose-wrapper .choose {
    width: 49%;
  }
  .default-popup-wrapper .info {
    width: 100%;
  }
  .register-select-wrapper .choose-wrapper .choose span {
    font-size: 20px;
  }
  .album-wrapper.popup {
    padding-top: 46px;
  }
  .album-wrapper.popup .right .popup-sub-ui {
    display: none;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui .album-link {
    color: #27282A;
    text-decoration: none;
    padding: 10px 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: 0.3s ease-out;
    border-radius: 6px;
    font-weight: 600;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui .album-link:hover:not(.disabled-link) {
    color: #fff;
    background: #2838E3;
    border-color: #2838E3;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui .album-link:hover:not(.disabled-link) svg path {
    stroke: #fff;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui .album-link svg path {
    stroke: #27282A;
    transition: 0.3s ease-out;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui .album-link.disabled-link {
    color: #AFAFAF;
    border-color: #AFAFAF;
    cursor: default;
  }
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui .album-link.disabled-link svg path {
    stroke: #AFAFAF;
  }
  .close-popup {
    right: 15px;
    top: 15px;
  }
  .close-popup svg path {
    fill: #C1C1C1;
  }
  .album-wrapper.popup .album-top-flex .right h1 {
    padding-right: 0;
  }
  .album-wrapper .album-top-flex .left .element-views {
    display: none;
  }
  .album-wrapper .album-top-flex .left {
    margin-bottom: 0;
  }
  .mobile-v-d {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #AFAFAF;
    margin-bottom: 20px;
  }
  .mobile-v-d .date {
    display: block !important;
    margin: 0 !important;
  }
  header {
    padding-bottom: 10px;
  }
  .search-block {
    margin-bottom: 10px;
  }
  .album-wrapper {
    margin-top: 0;
  }
  .default-popup-wrapper {
    width: calc(100% - 30px);
  }
  .popup-default-form {
    width: 100%;
  }
  .default-popup-wrapper .default-popup-head {
    padding-top: 0;
  }
  .default-popup-wrapper {
    padding-bottom: 40px;
    padding-top: 45px;
  }
}
.cards-flex.mobile-vissible .card-col.w50 {
  display: none;
}
@media (max-width: 480px) {
  .cards-flex .card-col.w50,
  .cards-flex .card-col {
    width: 100%;
  }
  .cards-flex .card-col a .info .qty .date {
    font-size: 28px;
  }
  .cards-flex .card-col.w50 {
    display: none;
  }
  .cards-flex.mobile-vissible .card-col.w50 {
    display: block;
    margin-bottom: 48px;
  }
  .cards-flex.mobile-vissible .card-col.w50 .img-wrapper img {
    height: 200px;
  }
  .cards-flex .card-col a .img-wrapper img {
    height: 200px;
    object-fit: cover;
  }
}
.subscriber {
  position: absolute;
  right: -5px;
  top: -2px;
}
.profile-widget {
  padding: 30px 26px;
  border-radius: 8px;
  background: #fff;
  margin-top: 15px;
}
.profile-widget .profile-widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.profile-widget .profile-widget-head h1 {
  margin: 0;
  font-size: 40px;
  line-height: 0.1;
  font-weight: 600;
  color: #27282A;
}
.profile-widget .profile-widget-head .welcome-col {
  font-size: 14px;
  font-weight: 500;
  color: #8A8A8A;
}
.profile-widget .profile-widget-head .welcome-col span {
  color: #CD4242;
}
.profile-widget .profile-widget-head .type-col {
  margin-right: auto;
  margin-left: 290px;
}
.profile-widget .profile-widget-head .type-col a {
  text-decoration: none;
  margin-right: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #8A8A8A;
  border-bottom: 1px solid transparent;
}
.profile-widget .profile-widget-head .type-col a.active {
  color: #27282A;
  border-bottom: 1px solid #27282A;
}
.profile-widget .profile-widget-head .type-col a:hover {
  color: #27282A;
}
.profile-widget .profile-widget-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .left .profile-menu {
  padding-top: 24px;
}
.profile-widget .profile-widget-row .left .profile-menu a {
  display: block;
  width: fit-content;
  color: #8A8A8A;
  margin-bottom: 10px;
  text-decoration: none;
  font-weight: 500;
}
.profile-widget .profile-widget-row .left .profile-menu a.active {
  color: #27282A;
  border-bottom: 1px solid #27282A;
}
.profile-widget .profile-widget-row .left .profile-menu .nav-divider {
  margin-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #9A9A9A;
  max-width: 101px;
}
.profile-widget .profile-widget-row .right {
  padding: 30px 40px;
  width: 817px;
  border-radius: 8px;
  box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.1);
}
.profile-widget .profile-widget-row .right h2 {
  margin: 0 0 16px 0;
  color: #CD4242;
  font-size: 20px;
  font-weight: 500;
}
.profile-widget .profile-widget-row .right .form-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .right .form-flex .form-group {
  display: block;
  margin-bottom: 15px;
  position: relative;
}
.profile-widget .profile-widget-row .right .form-flex .form-group .vis {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 34px;
  z-index: 1;
  line-height: 0;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-widget .profile-widget-row .right .form-flex .form-group span {
  display: block;
  margin-bottom: 5px;
}
.profile-widget .profile-widget-row .right .form-flex .form-group input {
  display: block;
  width: 100%;
  line-height: 1;
  border: 1px solid #AFAFAF;
  padding: 0 15px;
  line-height: 34px;
  border-radius: 4px;
  font-size: 12px;
  color: #27282A;
  font-weight: 500;
}
.profile-widget .profile-widget-row .right .form-flex .form-group input[disabled],
.profile-widget .profile-widget-row .right .form-flex .form-group input[readonly] {
  background: #F5F5F5;
  border-color: #F5F5F5;
  color: #AFAFAF;
}
.profile-widget .profile-widget-row .right .form-flex .form-group.r1 {
  width: 100%;
}
.profile-widget .profile-widget-row .right .form-flex .form-group.r2 {
  width: calc(50% - 5px);
}
.profile-widget .profile-widget-row .right .form-flex .form-group.r3 {
  width: calc(33.33333333% - 5px);
}
.profile-widget .profile-widget-row .right .form-flex .form-group.r4 {
  width: calc(25% - 5px);
}
.profile-widget .profile-widget-row .right .forms-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 15px;
}
.profile-widget .profile-widget-row .right .forms-btn .info {
  max-width: 356px;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  color: #8A8A8A;
  font-size: 12px;
  font-weight: 500;
}
.profile-widget .profile-widget-row .right .forms-btn .info span {
  margin-right: 5px;
}
.profile-widget .profile-widget-row .right .forms-btn button[type="submit"] {
  padding: 11.5px 18px;
  background: #CD4242;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  border: none;
  font-size: 14px;
  font-weight: 500;
  transition: 0.2s ease-out;
}
.profile-widget .profile-widget-row .right .forms-btn button[type="submit"]:hover {
  background: #2838E3;
}
.profile-widget .profile-widget-row .right.large {
  width: 1005px;
}
.profile-widget .profile-widget-row .right.large.p20 {
  padding: 20px 20px 10px 20px;
}
.profile-widget .profile-widget-row .right.large.cart {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .right.large.cart .order-list {
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.1);
  width: 683px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row:last-child {
  margin-bottom: 0;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td {
  position: relative;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .select-cart {
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .select-cart input {
  display: none;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .select-cart input:checked + i {
  border: none;
  background: url('/local/templates/khl_site/css/../img/checkbox-imit.svg') no-repeat center / contain;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .select-cart i {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  border: 1px solid #AFAFAF;
  border-radius: 3px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .name {
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  color: #27282A;
  margin-bottom: 9px;
  line-height: 1;
  transition: color 0.2s ease-out;
  display: block;
  width: fit-content;
  padding-top: 3px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .name:hover {
  color: #2838E3;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .ui {
  text-decoration: none;
  display: flex;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .ui a {
  line-height: 0;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .ui a.cartFavItem {
  margin-right: 5px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .buy-type,
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .size {
  font-size: 12px;
  font-weight: 500;
  color: #8A8A8A;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .all-select {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #27282A;
  display: block;
  width: fit-content;
  padding-top: 3px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .price {
  font-size: 20px;
  font-weight: 600;
  color: #27282A;
  line-height: 1;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-info {
  border: 1px solid #2838E3;
  padding: 8.5px;
  border-radius: 6px;
  color: #2838E3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 34px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-info .info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-info span {
  margin-right: 10px;
  display: block;
  line-height: 0.1;
  font-size: 14px;
  font-weight: 500;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-info .dropdown-all-info {
  opacity: 1;
  visibility: visible;
  white-space: nowrap;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 11px 13px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s ease-out;
  white-space: nowrap;
  z-index: 4;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info.active {
  visibility: visible;
  opacity: 1;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info div {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 5px 3px 3px 3px;
  text-align: center;
  transition: 0.2s ease-out;
  border-radius: 3px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info div span {
  width: 100%;
  text-align: center;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info div:hover {
  color: #fff;
  background: #2838E3;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info div:hover span {
  color: #fff;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info div:last-child {
  margin-bottom: 0;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .dropdown-all-info span {
  color: #AFAFAF;
  margin-right: 3px;
  width: 55px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(1) {
  width: 18px;
  margin-bottom: auto;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(2) {
  padding-left: 10px;
  padding-right: 19px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(2) a {
  display: block;
  line-height: 0;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(2) a img {
  width: 60px;
  border-radius: 4px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(3) {
  width: 219px;
  margin-right: auto;
  margin-bottom: auto;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(4) {
  margin-left: auto;
  margin-right: auto;
  width: 150px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(5) {
  margin-left: auto;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(5) .ui {
  width: fit-content;
  margin-left: auto;
  margin-top: 20px;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc {
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.1);
  width: 312px;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-count-subscribe {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-count-subscribe .col {
  display: flex;
  align-items: center;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-count-subscribe .col img {
  margin-right: 10px;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-count-subscribe .col span {
  font-weight: 700;
  display: block;
  line-height: 0;
  padding-top: 3px;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-count-subscribe .col-info span {
  display: block;
  text-align: right;
  font-size: 10px;
  color: #27282A;
  font-weight: 500;
  opacity: 0.5;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .col-divider {
  margin: 17px 0;
  border-bottom: 1px solid #27282A;
  opacity: 0.2;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-row {
  margin-top: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-row span {
  font-size: 12px;
  font-weight: 500;
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-row b {
  font-weight: 700;
  font-size: 12px;
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-row-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .t-row-total b {
  font-size: 14px;
  font-weight: 700;
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .order-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  background: #2838E3;
  border-radius: 6px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  font-weight: 500;
  margin-top: 20px;
  border: 1px solid #2838E3;
  transition: 0.2s ease-out;
}
.profile-widget .profile-widget-row .right.large.cart .order-calc .order-btn:hover {
  color: #2838E3;
  background: #fff;
}
.profile-widget .profile-widget-row .right.large .oredrs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.profile-widget .profile-widget-row .right.large .oredrs-head ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.profile-widget .profile-widget-row .right.large .oredrs-head ul li {
  margin-right: 20px;
}
.profile-widget .profile-widget-row .right.large .oredrs-head ul li a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #8A8A8A;
}
.profile-widget .profile-widget-row .right.large .oredrs-head ul li a.active {
  color: #27282A;
  border-bottom: 1px solid #27282A;
}
.profile-widget .profile-widget-row .right.large .oredrs-head ul li a:hover {
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large .oredrs-head .export {
  color: #2838E3;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.profile-widget .profile-widget-row .right.large .order-list-row {
  margin-bottom: 18px;
}
.profile-widget .profile-widget-row .right.large .order-list-row:last-child {
  margin-bottom: 0;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head {
  background: rgba(235, 238, 242, 0.3);
  border-radius: 4px;
  padding: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head b {
  font-size: 20px;
  color: #27282A;
  font-weight: 700;
  margin-bottom: 5px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head .c_num {
  color: #2838E3;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head .c_status {
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head .c-right {
  text-align: right;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products {
  display: flex;
  justify-content: space-between;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-left {
  width: 230px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-left .buy-l {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  color: #fff;
  background: #2838E3;
  border-radius: 6px;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  font-weight: 500;
  margin-top: 6px;
  border: 1px solid #2838E3;
  transition: 0.2s ease-out;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-left .buy-l:hover {
  color: #2838E3;
  background: #fff;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images {
  display: flex;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image {
  line-height: 0;
  margin-left: 10px;
  width: 60px;
  height: 80px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image img {
  width: 100%;
  border-radius: 4px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .all-images-open {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  text-align: center;
  background: #F9FAFB;
  width: 100px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: 0.2s ease-out;
  margin-left: 10px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .all-images-open:hover {
  background: #2838E3;
  color: #fff;
}
.profile-widget .fav-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.profile-widget .fav-flex .square-card-col {
  width: calc(25% - 8px);
  margin-bottom: 10px;
}
.square-card-col .square-card a {
  display: block;
  text-decoration: none;
  color: #27282A;
}
.square-card-col .square-card a .img-wrapper {
  line-height: 0;
  display: block;
}
.square-card-col .square-card a .img-wrapper img {
  width: 100%;
}
.square-card-col .square-card a .name {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 12px;
  transition: 0.2s ease-out;
}
.square-card-col .square-card a:hover .name {
  color: #2838E3;
}
.square-card-col .square-card .square-card-btns {
  display: flex;
  justify-content: space-between;
}
.square-card-col .square-card .square-card-btns .sq-down,
.square-card-col .square-card .square-card-btns .sq-fav {
  display: block;
  line-height: 0;
  width: fit-content;
  cursor: pointer;
}
.square-card-col .square-card .square-card-btns .add-cart {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 154px;
  color: #fff;
  background: #2838E3;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  font-weight: 500;
  margin-top: 0;
  border: 1px solid #2838E3;
  transition: 0.2s ease-out;
}
.square-card-col .square-card .square-card-btns .add-cart.active,
.square-card-col .square-card .square-card-btns .add-cart:hover {
  color: #2838E3;
  background: #fff;
}
@media (max-width: 400px) {
  .standart-cards-wrapper .cards-wrapper .card-col .ui-row {
    padding: 5px;
  }
  .standart-cards-wrapper .cards-wrapper .card-col .ui-row .ui-item {
    width: 25px;
    height: 25px;
  }
}
.detail-page-right-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.detail-page-right-flex .detail-page-right-l {
  width: 320px;
}
.detail-page-right-flex .detail-page-right-r {
  width: 195px;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col {
  background: #F6F6F6;
  padding: 10px;
  border-radius: 6px;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .add-cart-col-head {
  font-size: 12px;
  font-weight: 500;
  color: #AFAFAF;
  margin-bottom: 5px;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col {
  width: 85px;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col label {
  display: block;
  cursor: pointer;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col label input {
  display: none;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col label input:checked + span {
  color: #2838E3;
  border-color: #2838E3;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col label input:checked + span + .size-price {
  color: #27282A;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col label span {
  width: 100%;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  line-height: 0;
  font-size: 14px;
  font-weight: 500;
  color: #AFAFAF;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .cart-add-vers .ves-col label .size-price {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  color: #AFAFAF;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .add-cart {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  background: #2838E3;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  font-weight: 500;
  margin-top: 10px;
  border: 1px solid #2838E3;
  transition: 0.2s ease-out;
}
.detail-page-right-flex .detail-page-right-r .add-cart-col .add-cart.active,
.detail-page-right-flex .detail-page-right-r .add-cart-col .add-cart:hover {
  color: #2838E3;
  background: #fff;
}
.right.detail-page .tags-wrapper {
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 29px 0;
}
.right.detail-page .tags-wrapper a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12.5px 15px;
  text-decoration: none;
  color: #AFAFAF;
  border: 1px solid #AFAFAF;
  border-radius: 35px;
  font-weight: 600;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 0;
  transition: 0.3s ease-out;
}
.right.detail-page .tags-wrapper a:hover {
  color: #fff;
  background: #2838E3;
  border-color: #2838E3;
}
.right.detail-page .popup-sub-ui {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right.detail-page .popup-sub-ui .ui-row {
  display: flex;
  align-items: center;
}
.right.detail-page .popup-sub-ui .ui-row a {
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: 0.3s ease-out;
  background: #F6F6F6;
  cursor: pointer;
  margin-right: 5px;
}
.right.detail-page .popup-sub-ui .ui-row a img {
  transition: 0.3s ease-out;
}
.right.detail-page .popup-sub-ui .ui-row a.active,
.right.detail-page .popup-sub-ui .ui-row a:hover {
  background: #2838E3;
}
.right.detail-page .popup-sub-ui .ui-row a.active img,
.right.detail-page .popup-sub-ui .ui-row a:hover img {
  filter: brightness(0) invert(1);
}
.right.detail-page .prev-next-album .album-link {
  padding: 0 !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right.detail-page .prev-next-album .album-link svg {
  margin: 0 !important;
}
header {
  padding-bottom: 10px;
}
.album-wrapper {
  margin-top: 10px;
}
.prop-row {
  margin-top: 10px;
  color: #AFAFAF;
  font-size: 14px;
  font-weight: 600;
}
.prop-row span:last-child {
  color: #27282A;
}
.tariffs {
  background: #fff;
  padding: 15px 0;
}
.tariffs .tariffs-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 963px;
  margin-left: auto;
  margin-right: auto;
}
.tariffs .tariffs-container u {
  text-decoration: none;
  color: #2838E3;
  font-size: 34px;
  font-weight: 600;
}
.tariffs .tariffs-container .tariffs-btn {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  text-decoration: none;
  color: #fff;
  background: #CD4242;
  font-weight: 500;
  border-radius: 6px;
  transition: 0.2s ease-out;
}
.tariffs .tariffs-container .tariffs-btn span {
  margin-right: 7px;
}
.tariffs .tariffs-container .tariffs-btn:hover {
  background: #2838E3;
}
@media (max-width: 970px) {
  .tariffs .tariffs-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .album-wrapper.popup {
    position: absolute;
  }
  .tariffs .tariffs-container u {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .tariffs .tariffs-container {
    flex-direction: column;
  }
  .tariffs .tariffs-container .tariffs-btn {
    height: 33px;
  }
}
@media (max-width: 1250px) {
  .profile-widget .profile-widget-row .right.large,
  .profile-widget .profile-widget-row .right {
    width: 770px;
    padding: 20px;
  }
  .square-card-col .square-card .square-card-btns .add-cart {
    max-width: 92px;
  }
}
@media (max-width: 991px) {
  .profile-widget .profile-widget-row .right .form-flex .form-group.r4 {
    width: calc(50% - 5px);
  }
  .profile-widget .profile-widget-row .right.large,
  .profile-widget .profile-widget-row .right {
    width: 520px;
  }
  .profile-widget .profile-widget-row .right.large.cart {
    display: block;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list {
    width: 100%;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-calc {
    padding: 20px;
    margin-left: auto;
    margin-top: 30px;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(3) {
    width: 142px;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(4) {
    width: 115px;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(5) .ui {
    margin-top: 10px;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images {
    flex-wrap: wrap;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right {
    width: 270px;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-left {
    width: 209px;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right {
    width: 294px;
  }
  .profile-widget .fav-flex .square-card-col {
    width: calc(33.3333333% - 8px);
  }
  .square-card-col .square-card .square-card-btns .add-cart {
    max-width: 76px;
  }
  .profile-widget .profile-widget-head .type-col {
    margin-right: 0;
    margin-left: auto;
  }
  .profile-widget .profile-widget-head .type-col a:last-child {
    margin-right: 0;
  }
  .profile-widget .profile-widget-head h1 {
    font-size: 30px;
  }
  .profile-widget .profile-widget-head {
    margin-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .profile-widget .profile-widget-row {
    display: block;
  }
  .profile-widget .profile-widget-row .right.large,
  .profile-widget .profile-widget-row .right {
    width: 100%;
  }
  .profile-widget .profile-widget-row .left .profile-menu .nav-divider {
    display: none;
  }
  .profile-widget .profile-widget-row .left .profile-menu {
    padding-top: 0;
  }
  .profile-widget .profile-widget-head {
    flex-direction: column-reverse;
  }
  .profile-widget .profile-widget-head h1 {
    line-height: 1.2;
  }
  .profile-widget .profile-widget-row .left .profile-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .profile-widget .profile-widget-row .left .profile-menu a {
    margin-right: 10px;
  }
  .profile-widget .profile-widget-row .left .profile-menu a:last-child {
    margin-right: 0;
  }
  .profile-widget .profile-widget-row .right .form-flex .form-group.r1,
  .profile-widget .profile-widget-row .right .form-flex .form-group.r3,
  .profile-widget .profile-widget-row .right .form-flex .form-group.r4,
  .profile-widget .profile-widget-row .right .form-flex .form-group.r2 {
    width: 100%;
  }
  .profile-widget .profile-widget-row .right .forms-btn {
    display: block;
  }
  .profile-widget .profile-widget-row .right .forms-btn button[type="submit"] {
    display: block;
    margin: 20px auto 0 auto;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-calc {
    width: 100%;
  }
  .profile-widget {
    padding: 20px;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list .order-row {
    flex-wrap: wrap;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(4) {
    margin-left: 27px;
    margin-top: 8px;
  }
  .profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td:nth-child(5) {
    margin-top: 8px;
  }
  .profile-widget .profile-widget-row .right.large .oredrs-head ul li {
    margin-right: 10px;
  }
  .profile-widget .profile-widget-row .right.large .oredrs-head ul li:last-child {
    margin-right: 0;
  }
  .profile-widget .profile-widget-row .right.large .oredrs-head {
    display: block;
  }
  .profile-widget .profile-widget-row .right.large .oredrs-head .export {
    width: fit-content;
    margin-left: auto;
    margin-top: 7px;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head {
    padding: 10px;
    display: block;
    text-align: center;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head .c-right {
    text-align: center;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products {
    display: block;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products {
    display: block;
    text-align: center;
    width: 100%;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-left {
    width: 100%;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-left .buy-l {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image {
    margin: 2px;
    width: calc(25% - 4px);
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right {
    width: 100%;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .all-images {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 100%;
    height: 50px;
  }
  .profile-widget .profile-widget-row .right.large .order-list-row {
    margin-bottom: 25px;
  }
  .profile-widget .fav-flex .square-card-col {
    width: 100%;
  }
  .square-card-col .square-card .square-card-btns .add-cart {
    max-width: calc(100% - 80px);
  }
}
.add-fav-element.active {
  background: #2838E3 !important;
}
.add-fav-element.active img {
  filter: brightness(0) invert(1);
}
.image-search-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  z-index: 11;
  display: none;
}
.image-search-overlay.active {
  display: block;
}
#image-search {
  position: fixed;
  z-index: 13;
  left: 50%;
  top: 50%;
  background: #fff;
  width: 440px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  padding: 45px 20px 20px 20px;
  display: none;
}
#image-search.active {
  display: block;
}
#image-search .close {
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
}
#image-search .close svg path {
  fill: #C1C1C1;
  transition: 0.3s ease-out;
}
#image-search .close:hover svg path {
  fill: #CC4242;
}
#image-search .similar-images-head {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
}
#image-search .drag-drop {
  height: 217px;
  width: 330px;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  border: 1px dashed rgba(12, 18, 28, 0.38);
  border-radius: 4px;
  background-color: #fff;
  padding: 36px 0px;
  position: relative;
  margin: 0 auto;
}
#image-search .drag-drop input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  top: 0;
  left: 0;
}
#image-search .drag-drop small {
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 14px;
  margin-bottom: 14px;
}
#image-search .drag-drop div {
  font-size: 16px;
  font-weight: bold;
}
#image-search .or {
  text-align: center;
  padding: 20px 0;
  margin-left: auto;
  margin-right: auto;
}
#image-search .file-button {
  width: 328px;
  margin-left: auto;
  margin-right: auto;
}
#image-search .cancel {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  color: #2838E3;
  transition: 0.2s ease-out;
  cursor: pointer;
}
#image-search .cancel:hover {
  color: #2D2D2D;
}
.search-in-str {
  cursor: pointer;
  transition: 0.2s ease-out;
}
.search-in-str:hover {
  color: #2838E3;
}
@media (max-width: 767px) {
  #image-search {
    max-width: 95%;
    padding-top: 40px;
  }
}
.search-block .left {
  position: relative;
}
.search-block .left .type-choose {
  background: #fff;
  border-radius: 8px;
  padding: 10.5px 30px;
  position: absolute;
  top: calc(100% + 11px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-out;
  left: -10px;
  box-shadow: 0 3px 3px -2px #ccc;
  z-index: 3;
}
.search-block .left .type-choose.active {
  visibility: visible;
  opacity: 1;
}
.search-block .left .type-choose a {
  text-decoration: none;
  color: #27282A;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  display: block;
  padding: 3px 0;
}
.search-block .left .type-choose a:hover {
  color: #2838E3;
}
.flex-top-collection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 29px;
}
.flex-top-collection h1 {
  width: calc(100% - 400px);
  margin: 0;
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
}
.flex-top-collection .images-type-filter {
  width: 400px;
  margin-bottom: 0;
}
.similar-elements-in-popup .standart-cards-wrapper {
  margin-top: 20px;
}
#choose-text {
  min-width: 120px;
}
.cards-flex .card-col.large-col {
  width: 50%;
}
.cards-flex .card-col.large-col .img-wrapper {
  position: relative;
}
.cards-flex .card-col.large-col .img-wrapper .viewcount {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 5px 10px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.cards-flex .card-col.large-col .img-wrapper .viewcount svg {
  margin-right: 5px;
}
.cards-flex .card-col.large-col .info .date {
  color: #CD4242;
  font-size: 28px;
  font-weight: 600;
}
.cards-flex .card-col.large-col .info .name {
  font-size: 14px;
  font-weight: 500;
}
.album-wrapper .album-top-flex .left .viewcount {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 5px 10px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.album-wrapper .album-top-flex .left .viewcount svg {
  margin-right: 5px;
}
.filter-head {
  display: flex;
  align-items: center;
  margin-bottom: 29px;
}
.filter-head h3 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}
.filter-head .images-type-filter {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 60px;
  padding-top: 5px;
}
.basket-ui-btn {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background: #F6F6F6;
  cursor: pointer;
  transition: 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basket-ui-btn svg path {
  transition: 0.3s ease-out;
  fill: #AFAFAF;
}
.basket-ui-btn.active,
.basket-ui-btn:hover {
  background: #2838E3 !important;
}
.basket-ui-btn.active svg path,
.basket-ui-btn:hover svg path {
  fill: #fff;
}
.profile-widget .profile-widget-row .right .forms-btn {
  width: 100%;
}
.right-profile-btns {
  display: flex;
  align-items: center;
}
.right-profile-btns a {
  margin-right: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #27282A;
  transition: 0.2s;
  text-decoration: none;
}
.right-profile-btns a:hover {
  color: #2838E3;
}
.archive-download {
  width: 125px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #27282A33;
  margin-top: 6px;
  border-radius: 6px;
  color: #2838E3;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  transition: 0.2s;
}
.archive-download svg path {
  transition: 0.2s;
  fill: #2838E3;
}
.archive-download svg path:last-child {
  stroke: #2838E3;
}
.archive-download span {
  margin-right: 10px;
}
.archive-download.active {
  cursor: no-drop;
}
.archive-download:not(.active):hover {
  color: #fff;
  background: #2838E3;
  border-color: #2838E3;
}
.archive-download:not(.active):hover svg path {
  fill: #fff;
}
.archive-download:not(.active):hover svg path:last-child {
  stroke: #fff;
}
.export-oders-filter {
  display: flex;
  transition: 0.3s ease-out;
}
.export-oders-filter span {
  margin-right: 10px;
  display: block;
  line-height: 0.9;
}
.export-oders-filter svg path:first-child {
  fill: #2838E3;
  transition: 0.3s ease-out;
}
.export-oders-filter svg path:last-child {
  stroke: #2838E3;
  transition: 0.3s ease-out;
}
.export-oders-filter:hover span {
  color: #2D2D2D;
}
.export-oders-filter:hover svg path:first-child {
  fill: #2D2D2D;
  transition: 0.3s ease-out;
}
.export-oders-filter:hover svg path:last-child {
  stroke: #2D2D2D;
  transition: 0.3s ease-out;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right {
  width: calc(100% - 294px);
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images {
  flex-wrap: wrap;
  width: fit-content;
  margin-left: auto;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image.hidden {
  display: none;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image.hidden.active {
  display: block;
}
.export-filter-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  display: none;
}
.export-filter-overlay.active {
  display: block;
}
.export-filter {
  position: fixed;
  z-index: 13;
  left: 50%;
  top: 50%;
  background: #fff;
  width: 320px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  padding: 45px 20px 20px 20px;
  display: none;
}
.export-filter.active {
  display: block;
}
.export-filter .close-filter-search {
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
}
.export-filter .close-filter-search svg path {
  fill: #C1C1C1;
  transition: 0.3s ease-out;
}
.export-filter .close-filter-search:hover svg path {
  fill: #CC4242;
}
.export-filter h3 {
  margin-top: 0;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
}
.export-filter .filter-col-head.unmarg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
.export-filter .filter-col-head.unmarg span {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.export-filter .date-imit-flex {
  max-width: 280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.export-filter .date-imit-flex .date-calendar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #AFAFAF;
  border-radius: 5px;
}
.export-filter .date-imit-flex .date-calendar span {
  display: block;
  padding: 6.2px 7px;
  font-size: 14px;
  font-weight: 500;
  color: #27282A;
  min-width: 82px;
}
.export-filter .date-imit-flex .date-calendar label {
  height: 29px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-left: 1px solid #AFAFAF;
}
.export-filter #date-filter,
.export-filter #date-filter-one,
.export-filter #date-filter-two {
  height: 27px;
  padding: 0;
  border: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.export-filter .select-checkbox {
  margin-bottom: 13px;
  margin-left: 2px;
}
.export-filter .select-checkbox input {
  display: none;
}
.export-filter .select-checkbox input:checked + label i {
  border-color: #2838E3;
}
.export-filter .select-checkbox input:checked + label i:before {
  opacity: 1;
}
.export-filter .select-checkbox label {
  padding-left: 22px;
  display: block;
  cursor: pointer;
  margin-bottom: 2px;
  font-size: 14px;
  color: #8A8A8A;
  font-weight: 500;
  position: relative;
  transition: 0.2s ease-out;
  text-transform: capitalize;
}
.export-filter .select-checkbox label i {
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #AFAFAF;
  transition: 0.2s ease-out;
}
.export-filter .select-checkbox label i:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: url(/local/templates/khl_site/img/filter-bird.svg) no-repeat center / contain;
  opacity: 0;
  transition: 0.2s ease-out;
  left: 0;
  top: 0;
}
.export-filter .default-blue-btn {
  width: 100%;
  margin-top: 40px;
}
.date-picker-wrapper.no-shortcuts {
  z-index: 14;
}
.page-404 {
  width: 1200px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  padding-top: 120px;
  padding-bottom: 102px;
}
.page-404 .visual-code {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.9;
  margin-bottom: 28px;
}
.page-404 .visual-code span {
  font-size: 206px;
  font-weight: 700;
}
.page-404 .main-info {
  text-align: center;
  font-size: 30px;
  color: #CD4242;
  margin-bottom: 12px;
  font-weight: 700;
}
.page-404 .opt-info {
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 20px;
}
.page-404 .default-red-btn {
  min-width: 180px;
  height: 40px;
  text-transform: uppercase;
}
.tariffs-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2D2D2D;
  opacity: 0.3;
  z-index: 99;
  display: none;
}
.tariffs-popup-overlay.active {
  display: block;
}
.tariffs-popup {
  position: absolute;
  width: 535px;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
  z-index: 100;
  padding: 30px 30px 40px 30px;
  background: #fff;
  border-radius: 8px;
  display: none;
}
.tariffs-popup.active {
  display: block;
}
.tariffs-popup .closeTariffsPopup {
  cursor: pointer;
  position: absolute;
  top: 19px;
  right: 20px;
  display: block;
  line-height: 0;
}
.tariffs-popup .closeTariffsPopup svg path {
  transition: 0.3s ease-out;
  fill: #C1C1C1;
}
.tariffs-popup .closeTariffsPopup:hover svg path {
  fill: #cd4242;
}
.tariffs-popup .types {
  margin: 38px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.tariffs-popup .types .col {
  width: 47%;
  padding: 1px 0 30px 0;
  border-radius: 3px;
  background: #f6f6fe;
}
.tariffs-popup .types .col h3 {
  margin: 25px 0 15px 0;
  font-size: 24px;
  text-align: center;
}
.tariffs-popup .types .col h3 small {
  color: #2838E3;
  padding-top: 4px;
  display: block;
  font-size: 19px;
}
.tariffs-popup .types .col p {
  text-align: center;
}
.tariffs-popup .types .col .btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
header .flex .right .user-btns .user-profile .nav-profile {
  z-index: 5;
}
.subscriber-row {
  line-height: 1.2;
}
.subscriber-row .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.subscriber-row .head img {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.subscriber-row .head span {
  font-size: 12px;
  font-weight: 700;
}
.subscriber-row .endtime,
.subscriber-row .balance {
  font-size: 11px;
  color: rgba(39, 40, 42, 0.7);
  padding-left: 24px;
  font-style: italic;
  font-weight: 500;
}
.subscriber-row .endtime {
  margin-bottom: 10px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .size {
  text-align: center;
  font-size: 14px;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .price.by-subscription {
  font-size: 14px;
  font-weight: 500;
  color: #8A8A8A;
  text-align: center;
}
.change-buy-type {
  position: relative;
  display: flex;
  align-items: center;
}
.change-buy-type .change-type-btn {
  border: 1px solid #939394;
  padding: 8px 7px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: fit-content;
  margin-left: 8px;
  margin-right: -10px;
  transition: 0.2s ease-out;
  background: #f0f0f0;
  border-color: #f0f0f0;
}
.change-buy-type .change-type-btn.active,
.change-buy-type .change-type-btn:hover {
  background: #fff;
  border-color: #f0f0f0;
}
.change-type-dropdown {
  position: absolute;
  top: 105%;
  right: -9px;
  z-index: 6;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  padding: 7px 10px;
  width: 110px;
  display: none;
}
.change-type-dropdown div {
  cursor: pointer;
  padding: 3px 0;
  transition: 0.2s ease-out;
  border-radius: 6px;
}
.change-type-dropdown div:hover {
  color: #2838E3;
}
.change-type-dropdown.active {
  display: block;
}
.profile-widget .profile-widget-row .right.large.cart .order-list .order-row .td .price {
  min-width: 66px;
  text-align: right;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image {
  position: relative;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image .buy-in-subscribe-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  left: -6px;
  top: -6px;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head b a {
  text-decoration: none;
  color: #27282A;
}
.profile-widget .profile-widget-row .right.large .order-list-row .order-list-row-head b a:hover {
  color: #2838E3;
}
.back-orders {
  display: flex;
  text-decoration: none;
  align-items: center;
  color: #2838E3;
  margin-right: 30px;
  transition: 0.3s ease-out;
  position: relative;
}
.back-orders:after {
  content: '';
  position: absolute;
  height: 20px;
  border-right: 1px solid #e7e7e7;
  right: -17px;
  top: 2px;
}
.back-orders span {
  padding-top: 3px;
}
.back-orders svg {
  transition: 0.3s ease-out;
  fill: #2838E3;
}
.back-orders:hover {
  color: #27282A;
}
.back-orders:hover svg {
  fill: #27282A;
}
.profile-widget .profile-widget-row .right.large .oredrs-head ul {
  margin-right: auto;
}
.profile-widget .profile-widget-row .right.large .order-list-row .status-products .l-right .images .image {
  height: auto;
  max-height: 80px;
  margin-bottom: 10px;
}
@media (max-width: 1250px) {
  .advanced-order-flex {
    padding-right: 0;
  }
  .advanced-order-flex .sort-block ul li {
    margin-left: 10px;
  }
  .advanced-order-flex .sort-block span {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .advanced-order-flex {
    display: block;
  }
  .advanced-flex .right-columns {
    padding-left: 15px;
  }
  .advanced-flex .left-filter {
    width: 240px;
  }
}
.close-mobile-filter,
.sort-block-mobile {
  display: none;
}
@media (max-width: 767px) {
  .advanced-flex {
    display: block;
  }
  .advanced-flex .right-columns {
    padding-left: 0;
    width: 100%;
  }
  .advanced-widget .advanced-widget-head h1 {
    font-size: 20px;
  }
  .advanced-order-flex .sort-block {
    display: none;
  }
  .advanced-order-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .advanced-order-flex .head-select-title {
    padding-right: 30px;
  }
  .advanced-order-flex .head-select-title i {
    top: 2px;
  }
  .advanced-flex .left-filter {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    z-index: 11;
    background: #fff;
    overflow: auto;
    padding: 0;
    transition: 0.5s ease-out;
  }
  .advanced-flex .left-filter.active {
    height: 76vh;
    padding: 30px 37px 1px 37px;
  }
  .sort-block-mobile {
    display: block;
  }
  .sort-block-mobile .head-select .head-select-body span,
  .sort-block-mobile .head-select .head-select-body a {
    width: fit-content;
  }
  .open-mobile-filter {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2838E3;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
  }
  .filter-mobile-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    background: #000;
    opacity: 0.3;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    transition: 0.5s ease-out;
    visibility: hidden;
    opacity: 0;
  }
  .filter-mobile-overlay.active {
    visibility: visible;
    opacity: 0.4;
  }
  .close-mobile-filter {
    display: block;
    line-height: 0;
    position: absolute;
    right: 15px;
    top: 13px;
  }
}
footer .flex .logos {
  display: flex;
}
footer .flex .logos a {
  text-decoration: none;
}
footer .flex .logos a:first-child {
  margin-right: 10px;
}
.vertical-center .default-popup-wrapper {
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
}
.vertical-center .default-popup-wrapper .popup-default-form .form-group textarea {
  display: block;
  width: 100%;
  line-height: 1.4;
  border: 1px solid #AFAFAF;
  border-radius: 4px;
  font-size: 14px;
  resize: none;
  height: 100px;
  padding: 8px 16px;
}
.vertical-center .default-popup-wrapper .popup-default-form .form-group textarea::placeholder {
  color: #AFAFAF;
  font-size: 14px;
}
.vertical-center .default-popup-wrapper .popup-default-form .form-group textarea.error {
  border-color: #cd4242;
}
.contacts-wrapper h2 {
  margin-top: 0;
  font-size: 22px;
}
.contacts-wrapper .large {
  text-decoration: none;
  color: #2838E3;
  font-weight: bold;
  font-size: 18px;
  display: block;
  width: fit-content;
  margin: 3px 0;
}
.album-wrapper .album-top-flex .right {
  min-height: 383px;
}
#ajax-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 57px;
}
#ajax-preloader img {
  width: 37px;
  height: auto;
  opacity: 0.7;
}
.standart-cards-wrapper #filter-wrapper.cards-wrapper .card-col {
  width: 25%;
}
.filter-static-link {
  text-decoration: none;
  color: inherit;
  transition: 0.2s;
}
.filter-static-link:hover {
  color: #2838E3;
}
.profile-widget .profile-widget-row .right.large .order-list-row {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.img-new-sticker {
  position: absolute;
  padding: 5px 10px;
  right: 11px;
  top: 11px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.35);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 3px;
  color: #fff;
}
.cart-alert {
  background: #CD4242;
  padding: 14px 21px;
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 15px;
  text-align: left;
  line-height: 1.5;
}
.cart-alert.large {
  margin-bottom: 30px;
  margin-top: 0;
}
.deactivated {
  position: relative;
}
.deactivated:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 3;
  cursor: default;
  left: 0;
  top: 0;
}
.change-password-wrapper {
  max-width: 410px;
  margin: 100px auto;
  padding: 30px 30px 40px 30px;
  background: #fff;
  border-radius: 8px;
}
.change-password-wrapper h1 {
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  color: #27282A;
  margin-bottom: 40px;
  padding-top: 6px;
  line-height: 1;
  margin-top: 0;
}
.change-password-wrapper .form-group {
  margin-bottom: 5px;
}
.change-password-wrapper .form-group input {
  display: block;
  width: 100%;
  line-height: 34px;
  border: 1px solid #AFAFAF;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  font-size: 14px;
}
.change-password-wrapper .default-blue-btn {
  margin: 30px auto 0;
}
.success-conf {
  padding: 14px 21px;
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 280px;
  font-size: 14px;
  margin-top: 15px;
  text-align: left;
  line-height: 1.5;
  background: #3e6d4e;
}
.bx-pagination .bx-pagination-container ul li.bx-active span {
  background: #2838e3 !important;
}
.back-section {
  text-decoration: none;
  color: #27282A;
  transition: 0.2s ease-out;
}
.back-section:hover {
  color: #2838E3;
}
@media (min-width: 767px) {
  .album-wrapper.popup .right .popup-sub-ui.mobile-ui {
    display: none;
  }
  .album-wrapper.popup {
    position: absolute;
    top: 60px !important;
    transform: translateX(-50%) !important;
  }
}

.info-head{
    text-align: center;
    padding: 10px;
    background: #2838e3;
    color: #fff;
}
.info-head a{
    color: #fff;
}


/* End */


/* Start:/local/templates/khl_site/components/bitrix/menu/header-menu/style.min.css?1755605785490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/khl_site/components/bitrix/menu/header-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/khl_site/css/owl.carousel.min.css?17556057853632 */
/* /local/templates/khl_site/css/daterangepicker.min.css?17556057857942 */
/* /local/templates/khl_site/css/styles.css?1760346617113122 */
/* /local/templates/khl_site/components/bitrix/menu/header-menu/style.min.css?1755605785490 */
