body.loading {
  overflow: hidden; }

body .portalLoading {
  position: fixed;
  top: 104px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFF;
  z-index: 1000; }
  body .portalLoading svg {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 104px; }

body .portalLoadingNode {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFF;
  z-index: 1000;
  min-height: 300px; }
  body .portalLoadingNode svg {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.table {
  display: table;
  width: 100%; }
  .table .table-cell {
    display: table-cell;
    vertical-align: top; }
    .table .table-cell.left {
      text-align: left; }
      .table .table-cell.left .Button {
        margin-right: 5px; }
    .table .table-cell.right {
      text-align: right; }
      .table .table-cell.right .Button {
        margin-left: 5px; }
    .table .table-cell.center {
      text-align: center; }
  .table.half-column .table-cell {
    width: 50%; }

.table-row {
  display: table-row; }

.breadcrumbs {
  margin-bottom: 10px; }
  .breadcrumbs a {
    color: #da241c;
    font-size: 11px; }
  .breadcrumbs .sep svg {
    fill: #b4b7ba;
    width: 12px;
    height: 12px;
    margin: 0px 3px; }

.label {
  color: #58595c;
  padding-right: 3px; }

.required-sign {
  display: inline-block;
  padding-left: 2px;
  color: #f44336; }

.sep-line {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.08);
  border: none;
  margin: 10px 0px; }

.data-block {
  width: 100%;
  font-size: 13px;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.08); }

.success-box {
  color: #629429;
  border: 1px solid #629429;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 3px;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  font-weight: bold;
  text-align: center; }
  .success-box svg {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px; }

sup {
  line-height: 13px; }

.favorited .svg-icon {
  fill: #ffc201; }

.notice-block {
  display: table;
  width: 800px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
  color: #232629;
  margin-top: 40px;
  min-height: 200px; }
  .notice-block .img-container {
    display: table-cell; }
    .notice-block .img-container .img-block {
      height: 160px;
      width: 160px;
      margin-right: 25px;
      border: 1px dashed rgba(49, 54, 64, 0.4);
      border-radius: 20px; }
    .notice-block .img-container svg {
      width: 160px;
      height: 160px;
      margin-right: 25px; }
  .notice-block .content-block {
    display: table-cell;
    vertical-align: top; }
    .notice-block .content-block h1, .notice-block .content-block .topic {
      font-size: 24px;
      font-weight: bold;
      color: #232629;
      margin-bottom: 8px;
      margin-top: 15px; }
    .notice-block .content-block .text {
      color: #58595c;
      margin-bottom: 20px; }
    .notice-block .content-block a {
      font-weight: bold;
      color: #da241c; }

.Uploader {
  position: relative;
  height: 100%;
  min-height: 22px;
  -moz-user-select: none;
  -webkit-user-select: none;
  overflow: hidden; }
  .Uploader.UploaderAbsolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .Uploader input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 80px;
    cursor: pointer; }
    .Uploader input::-webkit-file-upload-button {
      cursor: pointer; }

.EmptyContainer {
  padding: 40px 16px; }
  .EmptyContainer .image {
    height: 160px;
    background: no-repeat center center; }
  .EmptyContainer .title {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px; }
  .EmptyContainer .description {
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    padding: 0 16px; }
  .EmptyContainer a {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #da241c;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px; }

.Button {
  border-radius: 4px;
  text-align: center;
  cursor: pointer; }
  .Button.primary {
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    margin: 5px 0px;
    font-weight: bold;
    color: #543a00 !important;
    background-color: #ffc201; }
    .Button.primary:hover {
      background-color: #ffd03d;
      text-decoration: none !important; }
    .Button.primary:active {
      background-color: #e5ae00; }
    .Button.primary.price-offer-submit {
      margin-top: 20px; }
      .Button.primary.price-offer-submit svg {
        fill: #da241c; }
    .Button.primary.narrow {
      height: 44px;
      line-height: 44px;
      font-size: 14px; }
  .Button.secondary {
    font-size: 14px;
    margin: 5px 0px;
    height: 36px;
    line-height: 36px;
    color: #da241c !important;
    background-color: rgba(0, 40, 60, 0.08); }
    .Button.secondary:hover {
      background-color: rgba(0, 40, 60, 0.05);
      text-decoration: none !important; }
    .Button.secondary:active {
      background-color: rgba(0, 40, 60, 0.12); }
  .Button.disabled {
    position: relative; }
    .Button.disabled:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #ffffff;
      opacity: 0.7; }
  .Button .svg-icon {
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px; }

#ct {
  float: none; }

#SectionShow *, #SectionShow *:before, #SectionShow *:after {
  box-sizing: border-box; }

#SectionShow .breadcrumb {
  font-size: 11px;
  color: #da241c; }

#SectionShow h1 {
  font-size: 24px;
  font-weight: bold;
  color: #232629; }

#SectionShow .paging-block {
  font-size: 14px;
  width: 300px;
  padding-bottom: 18px; }
  #SectionShow .paging-block a:hover {
    text-decoration: none; }
  #SectionShow .paging-block svg {
    vertical-align: text-bottom; }
  #SectionShow .paging-block .left svg {
    margin-right: 5px; }
  #SectionShow .paging-block .right svg {
    margin-left: 5px; }
  #SectionShow .paging-block .center {
    color: #58595c; }

#SectionShow #item {
  display: table;
  width: 100%; }
  #SectionShow #item-data-container {
    display: table-cell;
    vertical-align: top;
    width: 680px;
    padding-right: 30px; }
    #SectionShow #item-data-container .Gallery {
      margin-bottom: 25px; }
    #SectionShow #item-data-container .GalleryMain {
      height: 430px; }
  #SectionShow #item-params {
    margin-top: 15px;
    -webkit-columns: 320px 2;
    -moz-columns: 320px 2;
    columns: 320px 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    position: relative; }
    #SectionShow #item-params p {
      border-top: 1px solid rgba(0, 0, 0, 0.08);
      padding: 10px 0px;
      margin: 0;
      vertical-align: top;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      #SectionShow #item-params p span {
        vertical-align: top; }
      #SectionShow #item-params p .label {
        display: inline-block;
        width: 160px; }
      #SectionShow #item-params p .value {
        display: inline-block;
        font-weight: bold;
        width: 160px; }
    #SectionShow #item-params:before {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      background: #FFF;
      top: 0px; }
  #SectionShow #item .item-text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px; }
  #SectionShow #item-card-container {
    display: table-cell;
    vertical-align: top; }
  #SectionShow #item-card {
    margin-bottom: 10px; }
  #SectionShow #item-actions {
    padding: 20px;
    line-height: 24px; }
    #SectionShow #item-actions .logo {
      width: 100%;
      margin-top: 6px;
      vertical-align: bottom; }
    #SectionShow #item-actions .price-offers {
      margin-bottom: 25px; }
    #SectionShow #item-actions .price-offer-btn {
      margin-top: 10px;
      margin-bottom: 25px; }
    #SectionShow #item-actions .send-mail-btn::before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url("/img/show/ic-email.svg") no-repeat center center;
      background-size: contain;
      vertical-align: text-bottom;
      margin-right: 6px; }
    #SectionShow #item-actions .user-actions {
      position: relative; }
      #SectionShow #item-actions .user-actions .right {
        vertical-align: middle;
        width: 36px; }
  #SectionShow #item .value-price {
    margin: 20px 0px; }
    #SectionShow #item .value-price .left {
      font-size: 18px; }
    #SectionShow #item .value-price .right {
      font-size: 24px;
      color: #ff5e00; }
    #SectionShow #item .value-price.allow-offers {
      margin-bottom: 4px; }
  #SectionShow #item .value-bold .right {
    font-weight: bold; }
  #SectionShow #item .value-ellipsis .right {
    text-overflow: ellipsis;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden; }
  #SectionShow #item .value-share .left {
    max-width: 110px; }
  #SectionShow #item .value-label .right {
    color: #58595c; }
  #SectionShow #item-share {
    padding: 18px;
    background-color: #eef1f4; }
    #SectionShow #item-share-buttons a {
      display: inline-block;
      height: 22px;
      width: 22px;
      margin-right: 20px;
      text-align: center; }
      #SectionShow #item-share-buttons a img {
        height: 18px;
        width: 18px;
        vertical-align: middle; }
      #SectionShow #item-share-buttons a:last-child {
        margin-right: 0px; }
  #SectionShow #item-tips {
    position: relative;
    min-height: 100px;
    padding: 18px 22px; }
    #SectionShow #item-tips .topic {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 8px; }
    #SectionShow #item-tips svg {
      position: absolute;
      top: 16px;
      right: 0;
      width: 59px;
      height: 78px;
      z-index: 0;
      fill: #eef1f4; }
    #SectionShow #item-tips .SwipeMe {
      padding-bottom: 20px;
      z-index: 1; }
    #SectionShow #item-tips .GalleryPips {
      bottom: 0px;
      left: 0px; }
      #SectionShow #item-tips .GalleryPips .GalleryPip {
        cursor: pointer; }
        #SectionShow #item-tips .GalleryPips .GalleryPip:not(:last-child) {
          margin-right: 8px; }
        #SectionShow #item-tips .GalleryPips .GalleryPip.active {
          background: #da241c; }
  #SectionShow #item-tips-gallery {
    position: relative; }
  #SectionShow #item-views {
    margin-top: 8px;
    font-size: 11px;
    color: #58595c; }

#SectionShow #map {
  width: 100%;
  height: 260px;
  margin-top: 35px; }

#SectionShow .popup-content .left-cell {
  display: inline-block;
  width: 100px; }

#SectionShow .popup-content .right-cell {
  display: inline-block; }

#SectionShow .ad-stats {
  width: 66%;
  margin-top: 20px; }
  #SectionShow .ad-stats .table-cell {
    padding-left: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.08); }
    #SectionShow .ad-stats .table-cell:first-child {
      padding-left: 0px; }
    #SectionShow .ad-stats .table-cell:last-child {
      border-right: none; }
  #SectionShow .ad-stats p {
    margin: 0; }
  #SectionShow .ad-stats .value {
    font-size: 24px; }

.Gallery {
  position: relative;
  width: 100%;
  height: 100%; }
  .Gallery.zoom-gallery {
    padding: 3% 0px 5% 0px;
    box-sizing: border-box; }
    .Gallery.zoom-gallery .GalleryMain {
      height: 100%;
      max-height: 650px; }
      .Gallery.zoom-gallery .GalleryMain .Swipe {
        position: initial;
        width: 950px;
        margin: 0 auto; }
        .Gallery.zoom-gallery .GalleryMain .Swipe .SwipeShowNext:after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 100%;
          height: 100%;
          background: url("/img/swipe/next.svg") no-repeat;
          background-position: right 20px center;
          opacity: 0.4; }
        .Gallery.zoom-gallery .GalleryMain .Swipe .SwipeShowNext:hover {
          box-shadow: none; }
          .Gallery.zoom-gallery .GalleryMain .Swipe .SwipeShowNext:hover:after {
            opacity: 1; }
        .Gallery.zoom-gallery .GalleryMain .Swipe .SwipeShowPrev:after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 100%;
          height: 100%;
          background: url("/img/swipe/prev.svg") no-repeat;
          background-position: left 20px center;
          opacity: 0.4; }
        .Gallery.zoom-gallery .GalleryMain .Swipe .SwipeShowPrev:hover {
          box-shadow: none; }
          .Gallery.zoom-gallery .GalleryMain .Swipe .SwipeShowPrev:hover:after {
            opacity: 1; }
    .Gallery.zoom-gallery .GalleryItem .zoomed-img {
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      display: block;
      margin: 0 auto; }

.GalleryMain {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .GalleryMain .GalleryItem {
    width: 100%;
    height: 100%; }
    .GalleryMain .GalleryItem.GalleryItemPicture {
      background: no-repeat center center;
      background-size: cover;
      background-color: #f9f9fa; }
  .GalleryMain .Swipe, .GalleryMain .SwipeMe, .GalleryMain .SwipePrev, .GalleryMain .SwipeCurrent, .GalleryMain .SwipeNext {
    height: 100%; }

.GalleryPips {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: flex;
  z-index: 1; }
  .GalleryPips .GalleryPip {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d2d5d8;
    margin-right: 5px; }
    .GalleryPips .GalleryPip:last-child {
      margin-right: 0; }
    .GalleryPips .GalleryPip.active {
      background: #ffcb00; }
    .GalleryPips .GalleryPip.small {
      transform: scale(0.5); }

.GalleryThumbs {
  height: 66px;
  margin-top: 10px; }
  .GalleryThumbs .GalleryThumb {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 66px;
    line-height: 66px;
    margin-right: 10px;
    background: no-repeat center center;
    background-size: cover;
    cursor: pointer; }
    .GalleryThumbs .GalleryThumb.active {
      border: solid 2px #ffc201; }
    .GalleryThumbs .GalleryThumb:last-child {
      margin-right: 0px; }
    .GalleryThumbs .GalleryThumb.more {
      vertical-align: top;
      color: #FFF;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      z-index: 1; }
      .GalleryThumbs .GalleryThumb.more:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: -1; }

.GalleryCount {
  height: 20px;
  width: 100%;
  line-height: 22px;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #FFF; }

.SwipeMe {
  position: relative;
  left: 0; }
  .SwipeMe .SwipePrev,
  .SwipeMe .SwipeCurrent,
  .SwipeMe .SwipeNext {
    width: 100%;
    overflow: hidden; }
  .SwipeMe .SwipePrev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%; }
  .SwipeMe .SwipeNext {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%; }

#zoom-btn {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3; }
  #zoom-btn svg {
    color: #FFF;
    margin-right: 2px;
    margin-bottom: 2px; }

.GalleryItemVideo {
  cursor: pointer; }
  .GalleryItemVideo .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
    width: 56px;
    height: 56px;
    background: url(/img/videoplayer/icn_playbtn_2x.png) center center no-repeat;
    background-size: auto auto;
    background-size: 56px 56px;
    border-radius: 56px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5); }

.empty-gallery {
  width: 650px;
  height: 236px;
  border-radius: 4px;
  background-color: #f9f9fa;
  text-align: center;
  position: relative; }
  .empty-gallery > svg {
    width: 110px;
    height: 110px;
    margin-top: 20px; }
  .empty-gallery .topic {
    font-size: 18px;
    color: #58595c; }
  .empty-gallery a {
    color: #da241c;
    display: inline-block;
    margin: 18px auto;
    font-size: 14px; }
  .empty-gallery .request-success {
    color: #629429;
    font-size: 14px;
    margin: 18px auto; }
    .empty-gallery .request-success svg {
      margin-right: 6px; }
  .empty-gallery.owner {
    border: dashed 2px rgba(0, 40, 60, 0.08); }
    .empty-gallery.owner.highlight {
      border-color: rgba(0, 40, 60, 0.4); }

.Swipe {
  position: relative;
  overflow-x: hidden;
  touch-action: pan-y;
  user-select: none; }
  .Swipe.prev .SwipeMe,
  .Swipe.next .SwipeMe {
    transition: all linear 0.25s; }
  .Swipe .SwipeShowPrev {
    transition: all linear .15s;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 33%;
    background: rgba(255, 0, 0, 0) no-repeat left center;
    cursor: pointer;
    z-index: 2; }
  .Swipe .SwipeShowPrev:hover {
    transition: all linear .15s;
    box-shadow: inset 160px 0 220px -200px #000; }
    .Swipe .SwipeShowPrev:hover:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: url("/img/swipe/prev.svg") no-repeat;
      background-position: left 20px center; }
  .Swipe .SwipeShowNext {
    transition: all linear .15s;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 33%;
    background: rgba(0, 255, 0, 0) no-repeat right center;
    cursor: pointer;
    z-index: 2; }
  .Swipe .SwipeShowNext:hover {
    transition: all linear .15s;
    box-shadow: inset -160px 0 220px -200px #000; }
    .Swipe .SwipeShowNext:hover:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: url("/img/swipe/next.svg") no-repeat;
      background-position: right 20px center; }

.InfoBox,
.InfoBoxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.InfoBoxOverlay {
  background-color: #000;
  opacity: 0.1;
  filter: alpha(opacity=70); }

.InfoBoxOverlay.InfoBoxAnimated {
  opacity: 0.7;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.InfoBox {
  text-align: center;
  overflow: auto;
  overflow-y: scroll;
  opacity: 0; }

.InfoBox.InfoBoxAnimated {
  opacity: 1;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.InfoBox.InfoBoxReady {
  opacity: 1;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none; }

.InfoBoxBorder {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%; }

.bottom .InfoBoxBorder {
  margin-bottom: 0; }

.InfoBoxBorderAnimated {
  -moz-transition: top 0.2s;
  -webkit-transition: top 0.2s;
  transition: top 0.2s; }

.InfoBoxContentWrap {
  padding: 10px 12px;
  border-radius: 2px;
  -o-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

.InfoBoxReady .InfoBoxContentWrap {
  background-image: none;
  overflow: hidden; }

.InfoBoxNoPadding {
  padding: 0; }

.InfoBoxTitle {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  min-height: 20px;
  visibility: hidden; }

.InfoBoxReady .InfoBoxTitle {
  visibility: visible; }

.InfoBoxTitle span {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
  white-space: nowrap; }

.InfoBoxClose {
  position: absolute;
  top: -16px;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  right: 0px; }
  .InfoBoxClose svg {
    padding: 10px;
    fill: #FFF; }

.InfoBox.gallery .InfoBoxClose {
  top: 20px;
  right: 20px;
  z-index: 2; }

.InfoBox.gallery .InfoBoxBorder, .InfoBox.gallery .InfoBoxContentWrap, .InfoBox.gallery .InfoBoxContent {
  height: 96%; }

.InfoBoxContent {
  position: relative;
  min-height: 70px;
  min-width: 70px; }

.InfoBoxReady .InfoBoxContent {
  min-height: 0; }

.InfoBoxIframe {
  display: block;
  width: 70px;
  height: 70px;
  visibility: hidden; }

.InfoBoxReady .InfoBoxIframe {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  visibility: visible; }

.InfoBoxWarning .InfoBoxBorder {
  background-color: #f60; }

.InfoBox.gallery .InfoBoxContentWrap {
  padding: 0;
  box-shadow: none;
  overflow: hidden; }

.InfoBox .loadingTextWidth {
  width: 300px; }

.InfoBox .loadingText {
  color: #fff;
  position: absolute;
  top: 50%;
  padding-top: 30px;
  text-align: center;
  width: 250px;
  left: 25px; }

.PopupBox,
.PopupBoxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.PopupBoxOverlay {
  background-color: #000;
  opacity: 0.1;
  filter: alpha(opacity=70); }

.PopupBoxOverlay.PopupBoxAnimated {
  opacity: 0.7;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.PopupBox {
  text-align: center;
  overflow: auto;
  overflow-y: scroll;
  opacity: 0; }

.PopupBox.PopupBoxAnimated {
  opacity: 1;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.PopupBox.PopupBoxReady {
  opacity: 1;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none; }

.PopupBoxBorder {
  position: relative;
  display: inline-block;
  text-align: left; }

.bottom .PopupBoxBorder {
  margin-bottom: 0; }

.PopupBoxBorderAnimated {
  -moz-transition: top 0.2s;
  -webkit-transition: top 0.2s;
  transition: top 0.2s; }

.PopupBoxContentWrap {
  border-top: 6px solid #da241c;
  background-color: #FFF; }

.PopupBoxReady .PopupBoxContentWrap {
  background-image: none;
  overflow: hidden; }

.PopupBoxNoPadding {
  padding: 0; }

.PopupBoxTitle {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  min-height: 20px;
  visibility: hidden; }

.PopupBoxReady .PopupBoxTitle {
  visibility: visible; }

.PopupBoxTitle span {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
  white-space: nowrap; }

.PopupBoxClose {
  position: absolute;
  top: 40px;
  width: 36px;
  height: 36px;
  right: 20px;
  z-index: 2; }
  .PopupBoxClose svg {
    padding: 10px;
    fill: rgba(0, 0, 0, 0.7);
    opacity: 0.5; }

.PopupBoxContent {
  position: relative;
  min-height: 70px;
  min-width: 70px; }
  .PopupBoxContent .popup-header {
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.04); }
  .PopupBoxContent .popup-header-topic {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #232629;
    padding-right: 20px;
    margin-bottom: 10px; }
  .PopupBoxContent .popup-header-text {
    font-size: 14px;
    line-height: 22px;
    color: #58595c; }
  .PopupBoxContent .popup-content {
    padding: 30px; }

.PopupBoxReady .PopupBoxContent {
  min-height: 0; }

.PopupBoxIframe {
  display: block;
  width: 70px;
  height: 70px;
  visibility: hidden; }

.PopupBoxReady .PopupBoxIframe {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  visibility: visible; }

.PopupBox .loadingTextWidth {
  width: 300px; }

.PopupBox .loadingText {
  color: #fff;
  position: absolute;
  top: 50%;
  padding-top: 30px;
  text-align: center;
  width: 250px;
  left: 25px; }

.Input {
  width: 100%;
  margin-bottom: 16px; }
  .Input .error {
    font-size: 12px;
    line-height: 17px;
    color: #f44336; }
  .Input .container {
    height: 38px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 0 16px; }
    .Input .container.disabled {
      padding: 0; }
    .Input .container input {
      border: 0;
      padding: 0;
      height: 38px;
      width: 100%;
      font-size: 15px;
      outline: none; }
      .Input .container input.disabled {
        padding: 0px 16px; }
  .Input .label {
    font-size: 13px;
    color: #58595c;
    margin-bottom: 5px; }
  .Input.InputError .container {
    border: solid 1px rgba(244, 67, 54, 0.7); }
  .Input + .Input {
    margin-top: 8px; }

.Textarea {
  width: 100%; }
  .Textarea .error {
    font-size: 12px;
    line-height: 17px;
    color: #f44336; }
  .Textarea .container {
    height: 120px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1; }
    .Textarea .container textarea {
      border: 0;
      padding: 12px 16px;
      height: 102px;
      width: 100%;
      font-size: 15px;
      outline: none;
      border-radius: 3px;
      resize: none;
      box-sizing: border-box; }
  .Textarea .label {
    font-size: 13px;
    color: #58595c;
    margin-bottom: 5px; }
  .Textarea.TextareaError .container {
    height: 102px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.04);
    border: solid 2px rgba(244, 67, 54, 0.7);
    margin-top: 8px; }
    .Textarea.TextareaError .container textarea {
      height: 98px; }

.Select {
  width: 100%; }
  .Select .error {
    font-size: 12px;
    line-height: 17px;
    color: #f44336; }
  .Select .container {
    position: relative;
    border-radius: 4px;
    padding: 0 8px 0 16px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #FFF; }
    .Select .container .content {
      height: 34px;
      line-height: 34px;
      display: flex; }
      .Select .container .content .text {
        flex: 1 1 auto;
        color: #232629;
        font-size: 14px;
        padding-right: 12px;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .Select .container .content .text .placeholder {
          color: #58595c; }
      .Select .container .content .svg-icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        color: #727578;
        margin-top: 6px; }
    .Select .container select {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0; }
  .Select.SelectError .container {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.04);
    border: solid 2px rgba(244, 67, 54, 0.7);
    margin-top: 8px; }
    .Select.SelectError .container .content {
      height: 44px;
      line-height: 44px; }
  .Select.disabled .container {
    opacity: 0.5; }
    .Select.disabled .container:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .Select.disabled .container .content .text {
      color: #58595c; }
    .Select.disabled .container .content .svg-icon {
      display: none; }

.price-offer-form .popup-content {
  padding: 36px 100px 60px 100px; }

.price-offer-form .price-offer-price {
  width: 100px;
  padding-right: 10px; }

.price-offer-list {
  font-size: 14px;
  color: #232629; }
  .price-offer-list .popup-header {
    padding: 20px 30px; }
  .price-offer-list .popup-header-topic {
    margin-bottom: 0px; }
  .price-offer-list .popup-content {
    padding: 20px 30px;
    max-height: 600px;
    overflow: auto; }
  .price-offer-list .table-cell {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 5px; }
  .price-offer-list .table-row:last-child .table-cell {
    border-bottom: none; }
  .price-offer-list .table-row.header {
    font-size: 12px;
    color: #58595c; }
  .price-offer-list .name {
    display: block; }
  .price-offer-list .time {
    display: block;
    font-size: 11px;
    color: #58595c; }
  .price-offer-list .price, .price-offer-list .phone {
    font-size: 14px;
    font-weight: bold; }

.item-options {
  width: 36px; }
  .item-options a {
    display: block;
    width: 100%; }
  .item-options .svg-icon {
    vertical-align: middle;
    margin: 1px 0 0 0; }
  .item-options.full-width {
    width: 100%;
    position: relative; }
    .item-options.full-width .svg-icon {
      vertical-align: middle;
      margin-right: 6px; }

.Options {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 130px;
  max-width: 200px;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 500;
  margin-bottom: 16px;
  border-radius: 4px; }

.OptionsItem {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 36px;
  color: #232629;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .OptionsItem .svg-icon {
    vertical-align: text-top;
    margin-right: 6px; }
  .OptionsItem:last-child {
    border-bottom: none; }

.FormImage {
  width: 120px;
  height: 120px;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 6px;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  background-size: cover; }
  .FormImage:last-child {
    margin-right: 0px; }
  .FormImage:nth-child(5n) {
    margin-right: 0px; }
  .FormImage:nth-child(5n + 3) {
    width: 122px; }
  .FormImage:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 3px; }
  .FormImage.add-image {
    border: 1px dashed #a4a7a7; }
    .FormImage.add-image:before {
      content: '';
      width: 28px;
      height: 4px;
      background: #da241c;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -2px;
      margin-left: -14px; }
    .FormImage.add-image:after {
      content: '';
      width: 4px;
      height: 28px;
      background: #da241c;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14px;
      margin-left: -2px;
      border: none;
      right: auto;
      bottom: auto;
      border-radius: 0; }
  .FormImage .upload-progress {
    width: 100px;
    height: 16px;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px #da241c;
    padding: 2px;
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -50px; }
    .FormImage .upload-progress .upload-progress-w {
      width: 0;
      height: 10px;
      border-radius: 8px;
      background-color: #0097c0; }
  .FormImage .remove {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    z-index: 1; }
    .FormImage .remove svg {
      width: 24px;
      height: 24px; }

.CategoryItemsContainer {
  display: table;
  width: 100%; }
  .CategoryItemsContainer #CategoryFilters {
    display: table-cell;
    width: 230px;
    max-width: 230px;
    vertical-align: top; }
  .CategoryItemsContainer #CategoryItems {
    display: table-cell;
    padding-left: 40px;
    vertical-align: top; }

.ActionsTop {
  margin-bottom: 10px;
  display: table;
  width: 100%; }
  .ActionsTop .sort-bar {
    display: table-cell;
    min-width: 200px;
    width: 200px;
    vertical-align: top;
    padding-right: 6px; }
  .ActionsTop .display-mode-container {
    display: table-cell;
    width: 74px;
    max-width: 74px;
    text-align: right; }
  .ActionsTop .display-mode {
    display: inline-block;
    text-align: center;
    min-width: 36px;
    height: 36px;
    line-height: 35px;
    background-color: rgba(0, 40, 60, 0.04); }
    .ActionsTop .display-mode.list {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .ActionsTop .display-mode.grid {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid rgba(0, 40, 60, 0.08); }
    .ActionsTop .display-mode svg {
      width: 16px;
      height: 16px;
      fill: #aaadb0; }
    .ActionsTop .display-mode.active svg {
      fill: #da241c; }

.ActionsBottom {
  margin-top: 20px; }

.ActiveFilters {
  margin-bottom: 12px; }
  .ActiveFilters .label {
    display: inline-block;
    margin-right: 18px;
    font-size: 14px; }
  .ActiveFilters .active-filter {
    display: inline-block;
    padding-left: 8px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    background-color: rgba(0, 40, 60, 0.08);
    font-size: 12px;
    letter-spacing: 0.2px;
    color: #58595c;
    margin-right: 8px;
    margin-bottom: 8px; }
    .ActiveFilters .active-filter:last-child {
      margin-right: 0px; }
  .ActiveFilters .remove-active-filter {
    display: inline-block;
    cursor: pointer; }
    .ActiveFilters .remove-active-filter svg {
      width: 8px;
      height: 8px;
      padding: 0px 8px; }
  .ActiveFilters .remove-all-filters {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    letter-spacing: 0.1px;
    color: #da241c; }

.ItemsList {
  position: relative;
  margin-top: 20px;
  width: 710px; }

.GridItem {
  background: #ffffff;
  width: 230px;
  height: 274px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  vertical-align: top;
  cursor: pointer; }
  .GridItem:hover {
    text-decoration: none !important;
    border: solid 1px rgba(0, 0, 0, 0.2); }
  .GridItem:nth-child(3n) {
    margin-right: 0px; }
  .GridItem .images {
    position: relative;
    background-color: #e6eaed;
    height: 152px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .GridItem .images.no-img {
      background-image: url("/img/img-empty-no-galleries-2.png");
      background-image: -webkit-image-set(url("/img/img-empty-no-galleries-2.png") 1x, url("/img/img-empty-no-galleries-2@2x.png") 2x);
      background-image: image-set(url("/img/img-empty-no-galleries-2.png") 1x, url("/img/img-empty-no-galleries-2@2x.png") 2x);
      background-size: initial; }
  .GridItem .item-header {
    display: table;
    width: 100%; }
    .GridItem .item-header .title {
      color: #da241c;
      width: 185px;
      max-width: 185px;
      font-size: 14px;
      font-weight: bold;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: table-cell; }
    .GridItem .item-header .fav-container {
      display: table-cell;
      text-align: right;
      vertical-align: top; }
      .GridItem .item-header .fav-container svg {
        fill: black;
        fill-opacity: 0.15;
        vertical-align: text-bottom; }
      .GridItem .item-header .fav-container.active .fav-icon svg {
        fill: #ffcb00;
        fill-opacity: 1; }
  .GridItem .content {
    padding: 10px 10px 5px 10px;
    position: relative; }
    .GridItem .content .info {
      font-size: 11px;
      line-height: 17px;
      height: 17px;
      color: #58595c;
      margin-top: 0px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      letter-spacing: 0.2px; }
    .GridItem .content .text {
      font-size: 11px;
      color: #232629;
      letter-spacing: 0.2px;
      margin-top: 4px;
      line-height: 14px;
      height: 28px;
      overflow: hidden; }
      .GridItem .content .text a {
        color: #58595c; }
    .GridItem .content .price {
      flex: 1 1 auto;
      line-height: 24px;
      font-size: 16px;
      color: #232629;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 16px;
      letter-spacing: 0.2px;
      padding-top: 8px; }
  .GridItem.highlighted {
    background: #fffdcf; }
    .GridItem.highlighted .title {
      color: #ff5e00; }

.ListItem {
  background: #ffffff;
  height: 120px;
  width: 100%;
  display: table;
  margin-bottom: 10px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  vertical-align: top;
  cursor: pointer; }
  .ListItem:hover {
    text-decoration: none !important;
    border: solid 1px rgba(0, 0, 0, 0.2); }
  .ListItem .images {
    display: table-cell;
    background-color: #e6eaed;
    width: 180px;
    max-width: 180px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .ListItem .images.no-img {
      background-image: url("/img/img-empty-no-galleries-2.png");
      background-image: -webkit-image-set(url("/img/img-empty-no-galleries-2.png") 1x, url("/img/img-empty-no-galleries-2@2x.png") 2x);
      background-image: image-set(url("/img/img-empty-no-galleries-2.png") 1x, url("/img/img-empty-no-galleries-2@2x.png") 2x);
      background-size: initial; }
  .ListItem .item-header {
    display: table;
    width: 100%; }
    .ListItem .item-header .title {
      color: #da241c;
      font-size: 14px;
      font-weight: bold;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: table-cell; }
    .ListItem .item-header .fav-container {
      display: table-cell;
      text-align: right;
      vertical-align: top; }
      .ListItem .item-header .fav-container svg {
        fill: black;
        fill-opacity: 0.15;
        vertical-align: text-bottom; }
      .ListItem .item-header .fav-container.active .fav-icon svg {
        fill: #ffcb00;
        fill-opacity: 1; }
  .ListItem .content {
    display: table-cell;
    padding: 10px 10px 10px 14px; }
    .ListItem .content .info {
      font-size: 11px;
      line-height: 17px;
      height: 17px;
      color: #58595c;
      margin-top: 0px;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      letter-spacing: 0.2px; }
    .ListItem .content .text {
      font-size: 11px;
      color: #232629;
      letter-spacing: 0.2px;
      margin-top: 4px;
      line-height: 14px;
      height: 28px;
      overflow: hidden; }
      .ListItem .content .text a {
        color: #58595c; }
    .ListItem .content .price {
      flex: 1 1 auto;
      line-height: 24px;
      font-size: 16px;
      color: #232629;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 16px;
      letter-spacing: 0.2px;
      padding-top: 8px; }
  .ListItem.highlighted {
    background: #fffdcf; }
    .ListItem.highlighted .title {
      color: #ff5e00; }

.paging-bar {
  display: table-cell;
  vertical-align: top;
  margin-right: 20px; }
  .paging-bar a {
    display: inline-block;
    text-align: center;
    min-width: 36px;
    height: 36px;
    line-height: 37px;
    border-radius: 4px;
    background-color: rgba(0, 40, 60, 0.04); }
    .paging-bar a svg {
      margin-top: -3px; }
    .paging-bar a:hover {
      text-decoration: none !important;
      background-color: rgba(0, 40, 60, 0.08); }
    .paging-bar a.first {
      margin-right: 6px; }
    .paging-bar a.last {
      margin-left: 6px; }
    .paging-bar a.middle-first {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px; }
    .paging-bar a.middle-middle {
      border-radius: 0px;
      border-left: 1px solid rgba(0, 40, 60, 0.08); }
    .paging-bar a.middle-last {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-left: 1px solid rgba(0, 40, 60, 0.08); }
    .paging-bar a.prev {
      margin-right: 6px; }
    .paging-bar a.next {
      padding: 0px 10px;
      margin-left: 6px; }
      .paging-bar a.next svg {
        margin-left: 5px; }
    .paging-bar a.active {
      color: #58595c !important;
      background-color: rgba(0, 40, 60, 0.08); }
    .paging-bar a.disabled {
      color: #AAADB0 !important; }
      .paging-bar a.disabled svg {
        fill: #AAADB0; }
      .paging-bar a.disabled:hover {
        background-color: rgba(0, 40, 60, 0.04); }

.donateElectronicsMsgBox {
  border: 1px solid #0097c0;
  padding: 20px;
  margin: 0 0 15px;
  background: #ddf5fe; }

.filters-container {
  min-height: 300px;
  border-radius: 4px;
  background-color: #f2f3f4;
  padding-bottom: 15px; }
  .filters-container .Button {
    margin: 10px 15px 0px 15px; }

.filters-header {
  box-sizing: border-box;
  min-height: 70px;
  background-color: rgba(0, 20, 30, 0.04);
  padding: 15px; }
  .filters-header .topic {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1px;
    color: #232629; }
  .filters-header a {
    font-size: 12px; }
    .filters-header a svg {
      width: 12px;
      height: 12px;
      margin-right: 4px;
      vertical-align: text-top;
      margin-top: 1px; }

.FiltersFilters .FilterGroup {
  padding: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .FiltersFilters .FilterGroup .FilterGroupCaption {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.1px;
    color: #232629;
    margin-bottom: 5px;
    padding-left: 2px; }
    .FiltersFilters .FilterGroup .FilterGroupCaption .reset-filter {
      float: right;
      font-size: 12px;
      font-weight: normal;
      letter-spacing: 0.1px;
      color: #da241c; }
  .FiltersFilters .FilterGroup .FilterItem + .FilterItem {
    margin-top: 8px; }
  .FiltersFilters .FilterGroup:nth-last-of-type(1) {
    border-bottom: none; }

.RadioList .RadioListGroup {
  margin-bottom: 32px; }
  .RadioList .RadioListGroup:last-child {
    margin-bottom: 0; }

.RadioList .RadioListItem {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  background: #ffffff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  padding: 0 48px 0 16px;
  font-size: 16px;
  line-height: 48px;
  color: #232629;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .RadioList .RadioListItem:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .RadioList .RadioListItem:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .RadioList .RadioListItem + .RadioListItem {
    border-top: 1px solid #e6eaed; }
  .RadioList .RadioListItem input {
    display: none; }
  .RadioList .RadioListItem .check {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    color: #629429;
    display: none; }
    .RadioList .RadioListItem .check .svg-icon {
      vertical-align: top; }
  .RadioList .RadioListItem input:checked + .check {
    display: block; }

.RangeSelect .container {
  display: table;
  width: 100%; }

.RangeSelect .left, .RangeSelect .right {
  display: table-cell;
  width: 50%; }

.RangeSelect .left {
  padding-right: 5px; }

.RangeSelect .right {
  padding-left: 5px; }

.RangeSelect .RangeSelectItem {
  position: relative; }
  .RangeSelect .RangeSelectItem input {
    width: 100%;
    height: 36px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.12);
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #232629; }
  .RangeSelect .RangeSelectItem select {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0; }
  .RangeSelect .RangeSelectItem .svg-icon {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 24px;
    height: 24px;
    color: #727578; }
  .RangeSelect .RangeSelectItem.RangeSelectItemEmpty {
    padding-right: 0; }
    .RangeSelect .RangeSelectItem.RangeSelectItemEmpty select {
      display: none; }
    .RangeSelect .RangeSelectItem.RangeSelectItemEmpty .svg-icon {
      display: none; }

.RangeSelect .error {
  font-size: 12px;
  line-height: 17px;
  color: #f44336; }

.RangeSelect.RangeSelectError .container {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.04);
  border: solid 2px rgba(244, 67, 54, 0.7);
  margin-top: 8px; }
  .RangeSelect.RangeSelectError .container .sep {
    height: 68px; }

.Checkbox {
  position: relative;
  float: none;
  padding: 0px;
  font-weight: normal;
  color: #58595c;
  line-height: 18px;
  height: 18px;
  display: block;
  margin-top: 12px; }
  .Checkbox input {
    display: none; }
    .Checkbox input:checked ~ .checkbox svg {
      display: initial; }
  .Checkbox .checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.12);
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
    cursor: pointer; }
    .Checkbox .checkbox svg {
      display: none;
      fill: #da241c;
      width: 14px;
      height: 14px;
      margin-bottom: 2px;
      margin-left: 1px; }
  .Checkbox .caption {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px; }

.CheckboxRow {
  width: 100%; }
  .CheckboxRow .container {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 36px;
    border-radius: 3px;
    background: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.12); }
    .CheckboxRow .container .CheckboxRowItem {
      position: relative;
      height: 36px;
      flex: 1;
      padding: 0px; }
      .CheckboxRow .container .CheckboxRowItem:first-child .content {
        border-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .CheckboxRow .container .CheckboxRowItem:last-child .content {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .CheckboxRow .container .CheckboxRowItem .content {
        width: 100%;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #232629;
        border-left: solid 1px rgba(0, 0, 0, 0.12);
        font-weight: normal; }
      .CheckboxRow .container .CheckboxRowItem input {
        display: none; }
        .CheckboxRow .container .CheckboxRowItem input:checked + .content {
          background: #da241c;
          color: #ffffff;
          border-left: solid 1px #FFF; }
      .CheckboxRow .container .CheckboxRowItem:first-child input:checked + .content {
        border-left: 0; }
      .CheckboxRow .container .CheckboxRowItem:hover {
        cursor: pointer; }
  .CheckboxRow .error {
    font-size: 12px;
    line-height: 17px;
    color: #f44336; }
  .CheckboxRow.CheckboxRowError .container {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.04);
    border: solid 2px rgba(244, 67, 54, 0.7);
    margin-top: 8px; }
    .CheckboxRow.CheckboxRowError .container .CheckboxRowItem {
      height: 36px; }
      .CheckboxRow.CheckboxRowError .container .CheckboxRowItem .content {
        height: 36px; }

.Slider {
  position: relative;
  width: 100%;
  border-radius: 3px; }
  .Slider .header {
    display: table; }
    .Slider .header .left, .Slider .header .right {
      display: table-cell;
      width: 50%; }
      .Slider .header .left input, .Slider .header .right input {
        width: 100%;
        height: 36px;
        border-radius: 4px;
        background-color: #ffffff;
        border: solid 1px rgba(0, 0, 0, 0.12);
        padding: 10px;
        box-sizing: border-box;
        font-size: 14px;
        letter-spacing: 0.1px;
        color: #232629; }
    .Slider .header .left {
      padding-right: 5px; }
    .Slider .header .right {
      padding-left: 5px; }
  .Slider .slider {
    position: relative;
    height: 45px;
    margin-bottom: -10px; }
    .Slider .slider:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin-top: -1px;
      height: 4px;
      background-color: rgba(0, 0, 0, 0.26); }
    .Slider .slider .slider-control {
      width: 18px;
      height: 18px;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      background: #ffffff;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 0 rgba(0, 0, 0, 0.04);
      border: solid 1px rgba(0, 0, 0, 0.08);
      border-radius: 18px;
      z-index: 1;
      cursor: pointer; }
      .Slider .slider .slider-control:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -6px;
        width: 12px;
        height: 12px;
        background-image: linear-gradient(to bottom, #da241c, #da241c);
        border-radius: 18px; }
      .Slider .slider .slider-control:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
        width: 24px;
        height: 24px; }
      .Slider .slider .slider-control.slider-control-from {
        left: 0; }
      .Slider .slider .slider-control.slider-control-to {
        right: 0; }
    .Slider .slider .slider-active {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin-top: -1px;
      height: 4px;
      background-color: #da241c; }