main{
  flex: 1 0 auto;
}

.main-title {
    margin-bottom: 20px;
    position: relative;
}

.main-title h1 {
    font-size: var(--mediumFontSize);
    font-weight: 500;
    line-height: 28px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 28px;
    display: -webkit-box;
}

#slidersheeld{
  width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

#carouselWrapper.position1{
  left: 0px;
  /*transition-duration: .5s;*/
}

#carouselWrapper.position2{
  left: -470px;
  /*transition-duration: .5s;*/
}

#carouselWrapper.position3{
  left: -940px;
  /*transition-duration: .5s;*/
}

#carouselWrapper.position4{
  left: -1410px;
  /*transition-duration: .5s;*/
}

#carouselWrapper.position5{
  left: -1880px;
  /*transition-duration: .5s;*/
}

#carouselWrapper.position6{
  left: -2350px;
  /*transition-duration: .5s;*/
}

#carouselWrapperSmallItem1.active, #carouselWrapperSmallItem2.active, #carouselWrapperSmallItem3.active, #carouselWrapperSmallItem4.active, #carouselWrapperSmallItem5.active, #carouselWrapperSmallItem6.active {
  border: 1px solid var(--mainActiveColor);
}

.slick-list.draggable{
  margin-right: 115px;
    margin-left: 115px;
}

.modal-carusel .slick-list.draggable{
  margin-right: auto;
    margin-left: auto;
    padding-right: unset;
    padding-left: unset;
}





.slick-track{
  display: flex;
  
}

.low-row{
  justify-content: center;
}

.item-slider_photo{
  width: 468px; 
  position: relative; 
  top: 0px; 
  z-index: 999; 
  opacity: 1; 
  display: flex !important;
}

.modal-carusel #carouselWrapper.position1{
  left: 0vw;
  transition-duration: 1s;
}

.modal-carusel #carouselWrapper.position2{
  left: -100vw;
  transition-duration: 1s;
}

 .modal-carusel #carouselWrapper.position3{
  left: -200vw;
  transition-duration: 1s;
}

.modal-carusel #carouselWrapper.position4{
  left: -300vw;
  transition-duration: 1s;
}
.modal-carusel #carouselWrapper.position5{
  left: -400vw;
  transition-duration: 1s;
}
.modal-carusel #carouselWrapper.position6{
  left: -500vw;
  transition-duration: 1s;
}

.modal-carusel .slick-prev:before, .modal-carusel .slick-next:before{

  font-size: 20px !important;
}

.modal-carusel .slick-arrow{

      background: #fff !important;
    width: 40px !important;
    height: 40px !important;
}

.modal-carusel{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1f1f1f !important;
    /*transition: all .5s ease;*/
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.modal-carusel .slick-track{
  display: flex;
  width: 100vw !important;
}
.modal-carusel .photo-fullscreen{
  display: none;
}


.modal-carusel #carouselWrapperItem1, .modal-carusel #carouselWrapperItem2, .modal-carusel #carouselWrapperItem3, .modal-carusel #carouselWrapperItem4, .modal-carusel #carouselWrapperItem5, .modal-carusel #carouselWrapperItem6{
 /* width: 1000px;*/
 min-width: 100vw !important;
 max-width: 100vw !important;
    background: #1f1f1f;
    display: flex;
    margin: 0 auto;
    position: relative;
    height: unset;
    width: 100vw;
    height: 100vh;
}

.modal-carusel .photo_bg{
  width: 100vw;
}

.modal-carusel .photo_bg img{
  width: unset;
    display: block;
    margin: 0 auto;
    background: var(--white);
    object-fit: contain;
    max-height: unset;
}

.close-modal{
  display: none;


}
.icon-close{
    font-weight: 400;
    margin: auto;
    font-size: 20px;
}

.modal-carusel .close-modal{
  display: flex;
    background: rgb(75 74 74);
    color: var(--white);
    padding: 10px;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
        width: 40px;
    height: 40px;
    font-size: 20px;
    color: #000;
    background-color: #fff;
    z-index: 2;
}


.modal-carusel .close-modal:hover i.icon-close:before{
    opacity: 1;
}

.modal-carusel .photo-fullscreen{
  display: none !important;
}


.modal-carusel .item-slider_photo{
  width: 100vw !important;
}

.modal-carusel .item-slider_photo img{
  background: #1f1f1f !important;
      width: 97.5%;
}

#offersCatalog.active, #demandsCatalog.active {
   color: var(--mainActiveColor);
    border-bottom-width: 1px;
    border-bottom-color: var(--mainActiveColor);
}






    @charset "UTF-8";

    .message {
      display: flex;
      align-items: center;
      padding: 20px;
      background: #fdf7e4;
      margin-bottom: -15px;
      gap: 0 10px;
      position: relative
    }

    .message i {
      font-size: var(--regularFontSize)
    }

    .message i.icon-icon-declined {
      color: #e64646
    }

    h1 {
      font-size: var(--mediumFontSize);
      font-weight: 500;
      /*margin-bottom: 15px*/
    }

    .productnameSubDiv{
      position: relative;
    }

    .main_title  h1 {
      margin-bottom: 16px;
      font-size: 20px;
    }

    .main_title h1#productnameSub  {
      position: absolute;
    visibility: hidden;
    display: block;
    }


    .product_head  h1 {
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 28px;
    }


    .product_head span#productname_hint, .product  span#productname_hint{
      background-color: #4a535c;
    padding: 10px 8px;
    color: white;
    border-radius: 4px;
    position: absolute;
        width: 100%;
    top: 94px;
    font-weight: 400;
    font-size: 13px;
    z-index: 1;
    margin-top: -7px;
    }

   #good_link{
    text-align: right;
        padding-top: 8px;
   }

  #good_link a{
    min-width: 174px;
   }
    .product_head {
          display: flex;
    justify-content: space-between;
    position: relative;
    }

    .product_head .link {
     /* max-width: 15%;*/
      font-size: var(--smallFontSize);
    color: var(--mainActiveColor);
    display: inline-flex;
    align-items: center;
    justify-content: right;
    }

    .product_head .link .icon {
              padding: 0 0 0 5px;
    margin-right: 0;
    width: unset;
    font-size: 17px;
    }


    .sub-title {
      display: flex;
      position: relative;
      margin-bottom: 5px
    }

    .sub-title .sub-title-part {
      position: absolute;
      right: 0
    }

    .product,
    .product section {
      width: 100%
    }

    .product section .additional {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid rgba(68, 68, 68, .2);
      padding-bottom: 15px;
      margin-bottom: 25px
    }

    

    .product section .additional .additional_options {
      color: var(--mainTextColor);
      display: flex;
      gap: 0 15px
    }

    .product section .additional .additional_options a {
      display: flex;
      align-items: center;
      transition: none;
    }

    main .main_title .sub-title #product_isNSI .icon-catalog {
    padding: 5px 0 5px 8px;
}

    .product section .additional .additional_options a span {
      font-size: var(--smallFontSize);
      color: #616161;
    }

    .product section .additional .additional_options a i {
      margin-right: 5px;
      font-size: 20px;
    }

    .product section .additional .additional_options a:hover i {
      color: var(--mainTextColor);
    }

    .product section .additional .additional_link a {
      font-size: var(--smallFontSize);
      color: var(--mainActiveColor);
      text-decoration: underline;
      text-underline-offset: 3px
    }

    .product section .flex {
      gap: 0 25px;
      justify-content: space-between;
      align-items: flex-start
    }

    .product section .flex.item {
      margin-bottom: 50px
    }

    @media (max-width:991px) {
      .product section .flex.item {
        flex-direction: column
      }
    }

    .product section .flex .item-description {
      display: flex;
      flex-direction: column;
      width: calc(100% - 490px);
      gap: 25px 0
    }

    

    .product section .flex .item-description .item-description_photo {
      position: relative
    }

.panel {
    width: 100%;
    height: 40px;
    justify-content: flex-start;
    flex-direction: row;
    background-color: var(--lightGrayBackgroungColor);
    border-bottom: 1px solid rgba(68, 68, 68, .2);
}



    .panel, .panel .panel-tile {
    display: flex;
    align-items: center;
}


 .panel .panel-tile {
    height: 100%;
    justify-content: center;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    padding: 12px 16px;
    color: var(--backgroundTooltipColor);
}

.panel .panel-tile.selected {
    background-color: var(--white);
    color: var(--mainTextColor);
    border-top: 2px solid var(--mainActiveColor);
    box-shadow: 0 0 0 2px var(--white);
}

.property-group-wrap {
    justify-content: flex-start;
    gap: 0;
    padding: 10px 15px;
    margin: 0;
    background-color: #f5f5f5;
    height: 40px;
}
.property-group {
    font-size: var(--smallFontSize);
    font-weight: 500;
    line-height: 20px;
}

.flex-row {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 15px;
    margin: 0;
    border-bottom: 1px solid rgba(68, 68, 68, .1);
    font-size: var(--smallFontSize);
    font-weight: 400;
    line-height: 20px;
}

.flex-row:last-child{
  border-bottom: none;
}

 .flex-row .property-name{
    width: 40%;
}

.flex-row .property-value{
    width: 55%;
}





    

    .product section .flex .item-description .item-description_photo .photo-fullscreen {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 1;
      display: flex;
      align-items: center
    }

    

    .product section .flex .item-description .item-description_photo .photo-fullscreen i {
      background: var(--borderColor);
      color: var(--white);
      padding: 10px;
      border-radius: 2px;
      cursor: pointer;
      font-size: var(--mediumFontSize)
    }

    .product section .flex .item-description .item-description_photo .photo-fullscreen i:hover {
      background: var(--placeholderColorLight)
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg {
    /*  background: var(--lightGrayBackgroungColor);*/
      border: 1px solid var(--borderColor);
      border-radius: 4px;
      width: 100%
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg .caption {
      position: absolute;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .35);
    margin: auto;
    padding: 5px;
    width: 100%;
    text-align: center;
    border-bottom-width: medium;
    border-bottom-color: white;
    z-index: 1;
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg #popup_pagination {
      position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgb(31 31 31);
    margin: auto;
    padding: 5px;
    width: 100%;
    text-align: center;
    border-bottom-width: medium;
    border-bottom-color: white;
    z-index: 1;
    }


    //важнее предыдущего


    

    

    .product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
      min-width: 470px;
    max-width: 470px;
      background: var(--white);
      display: flex;
      margin: 0 auto;
      height: 320px;
    }

    

    .product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg img {
     /* width: 470px;*/
      display: block;
      margin: 0 auto;
      /*background: var(--white);
      object-fit: contain;*/
      object-fit: scale-down;
      /*max-height: 320px;*/
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg img {
      opacity: 0;
      margin-left: auto;
    margin-right: auto;
    object-fit: scale-down;
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg.active img {
      transition: opacity .5s;
width: 420px;
      opacity: 1;
    }


   

    

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-next,
    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-prev {
      position: absolute;
      width: 40px;
      height: 40px;
      border-radius: 2px;
      top: calc(50% - 20px);
      background: var(--borderColor)
    }

   

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-next:hover,
    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-prev:hover {
      background: var(--placeholderColorLight)
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-next:after,
    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-next:before,
    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-prev:after,
    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-prev:before {
      font-family: tpiptIcons, serif;
      content: ""
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-next {
      position: absolute;
      right: 15px;
      transform: rotate(-90deg);
      z-index: 1;
    }


    .product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .slick-arrow {
      color: #fff !important;
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-next:before {
     /* font-size: 9px*/
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-prev {
      left: 15px;
      transform: rotate(90deg);
      z-index: 1
    }

    .modal-carusel .icon-close{
     font-weight: 600;
    margin: auto;
    
    color: #000;
    margin-left: -4px;
    margin-top: -4px;
    }

    .modal-carusel i.icon-close:before {
    font-size: 30px;
}

    .product section .flex .item-description .item-description_photo .item-slider-bg .slick-prev:before {
      /* font-size: 9px*/
    }

    .product section .flex .item-description .item-description_photo .item-slider_nav {
      background: var(--white);
      padding-top: 5px
    }

    .product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo {
      border: 1px solid var(--borderColor);
      margin-right: 5px;
      border-radius: 4px;
      cursor: pointer
    }

    .product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo img {
      width: 70px;
      height: 70px;
      border-radius: 4px;
      object-fit: contain
    }

    

    .product section .flex .item-description .item-description_inf h3 {
      font-weight: 500;
      line-height: 24px
    }

    .product section .flex .item-description .item-description_inf .table_inf, .product section .flex .item-description .item-description_inf .table_properties{
      padding: 0;
      margin-top: 20px;
    margin-bottom: 20px;
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex, .product section .flex .item-description .item-description_inf .table_properties .flex{
      justify-content: flex-start;
      gap: 0;
      padding: 10px 15px;
      margin: 0
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-point, .product section .flex .item-description .item-description_inf .table_properties .flex .inf-point{
      width: 240px
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-buyer.file a,
    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-seller.file a,
     .product section .flex .item-description .item-description_inf .table_properties .flex .inf-buyer.file a,
    .product section .flex .item-description .item-description_inf .table_properties .flex .inf-seller.file a{
      color: var(--mainActiveColor);
      border-bottom: 1px solid var(--mainActiveColor);
      width: -moz-fit-content;
      width: fit-content;
      cursor: pointer;
          font-size: 14px;
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-buyer .icon-prod,
    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-seller .icon-prod,
     .product section .flex .item-description .item-description_inf .table_properties .flex .inf-buyer .icon-prod,
    .product section .flex .item-description .item-description_inf .table_properties .flex .inf-seller .icon-prod{
      color: var(--mainActiveColor);
      font-size: var(--smallFontSize)
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-buyer span,
    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-seller span,
     .product section .flex .item-description .item-description_inf .table_properties .flex .inf-buyer span,
    .product section .flex .item-description .item-description_inf .table_properties .flex .inf-seller span{
      font-size: var(--xsmallFontSize)
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-buyer i,
    .product section .flex .item-description .item-description_inf .table_inf .flex .inf-seller i,
     .product section .flex .item-description .item-description_inf .table_properties .flex .inf-buyer i,
    .product section .flex .item-description .item-description_inf .table_properties .flex .inf-seller i{
      margin-right: 5px
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex:nth-child(odd), .product section .flex .item-description .item-description_inf .table_properties .flex:nth-child(odd){
      background: #f5f5f5
    }

    .product section .flex .item-description .item-description_inf .table_inf .flex, .product section .flex .item-description .item-description_inf .table_properties .flex{
      border-bottom: none !important;
    }

    @media (max-width:991px) {
      .product section .flex .item-description .item-description_text {
       /* padding-bottom: 25px*/
      }
    }

    .product section .flex .item-description .item-description_text h3 {
      font-weight: 500;
      margin-bottom: 10px
    }

    .product section .flex .item-description .item-description_text .text h5 {
      font-weight: 400;
      line-height: 22px;
          word-wrap: break-word;
    text-align: justify;
    white-space: pre-wrap;
    }

    .product section .flex .item-sale {
      width: 465px
    }

  .product.product_order section .flex .item-sale {
      padding: 24px 0;
    }



    @media (max-width:991px) {
      .product section .flex .item-sale {
        width: 100%
      }
    }

    .product section .flex .item-sale .item-seller {
      border-radius: 4px;
      border: 1px solid var(--borderColor);
      margin-bottom: 25px
    }

    .product section .flex .item-sale .item-seller .sale_title {
      cursor: pointer;
      background: #f5f5f5
    }

    .product section .flex .item-sale .item-seller .sale_title.active .icon {
      transform: rotate(180deg)
    }

    .product section .flex .item-sale .item-seller .sale_title .icon {
      font-size: 7px;
      transform: rotate(0deg)
    }

    .product section .flex .item-sale .item-seller .item-seller_inf {
      padding: 10px 15px
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex {
      gap: 0 15px;
      margin-bottom: 10px
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex h5 {
      line-height: 20px;
      font-weight: 400
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex .inf-point {
      width: 45%
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex .inf-point h5 {
      color: var(--placeholderColor)
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex .inf-buyer,
    .product section .flex .item-sale .item-seller .item-seller_inf .flex .inf-seller {
      width: 55%
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex .inf-buyer h5,
    .product section .flex .item-sale .item-seller .item-seller_inf .flex .inf-seller h5 {
      color: var(--mainTextColor)
    }

    .product section .flex .item-sale .item-seller .item-seller_inf .flex:last-child {
      margin-bottom: 5px
    }

    .product section .flex .item-sale .sale-terms {
      border: 1px solid rgba(68, 68, 68, .2);
      border-radius: 4px
    }

    .product section .flex .item-sale .sale-terms .sale_title .change {
      display: flex;
      cursor: pointer
    }

    

    .product section .flex .item-sale .sale-terms .sale_title .change .icon-search-additional,
    .product section .flex .item-sale .sale-terms .sale_title .change h5 {
      color: var(--mainActiveColor)
    }

    .product section .flex .item-sale .sale-terms .sale-terms_inf {
      margin: 0 7px;
      border-radius: 4px;
      padding: 10px 8px
    }

    .product section .flex .item-sale .sale-terms .sale-terms_inf .table_inf, .product section .flex .item-sale .sale-terms .sale-terms_inf .table_properties{
      padding: 0
    }

    .product section .flex .item-sale .sale-terms .sale-terms_inf .table_inf .flex .numbers, .product section .flex .item-sale .sale-terms .sale-terms_inf .table_inf .flex .inf-seller  h5, .product section .flex .item-sale .sale-terms .sale-terms_inf .table_properties .flex .numbers{
      font-weight: 500;
      font-size: 14px
    }

    .product section .flex .item-sale .sale-terms .sale-terms_inf .table_inf .flex:last-child, .product section .flex .item-sale .sale-terms .sale-terms_inf .table_properties .flex:last-child{
      margin-bottom: 0
    }

    .product section .flex .item-sale .sale-terms .sale-terms_btn {
      width: 100%;
      margin: 10px 0 15px;
      padding: 0 15px;
      display: flex;
      flex-direction: column;
      gap: 10px 0
    }

    

    .product section .flex .item-sale .sale-terms .sale-terms_btn a {
      width: 100%;
      display: flex;
      justify-content: center;
      font-size: 15px
    }

    .product section .flex .item-sale .sale-terms .sale-terms_date {
      background: #f5f5f5;
      padding: 5px 15px
    }

    .product section .flex .item-sale .sale-terms .sale-terms_date h5 {
      font-weight: 400;
      opacity: .8;
      line-height: 20px
    }

    .product section .flex .item-sale .sale_title {
      padding: 10px 15px
    }

    .product section .flex .item-sale .sale_title h3 {
      font-weight: 500;
      line-height: 20px
    }

    .product section .flex .item-sale .sale_title.flex {
      align-items: center
    }

    .product section .flex .table_properties{
      padding: 15px 0;
    }

    .product section .flex .sale-terms .table_inf{
      padding: 15px 15px;
    }

    .product section .flex .table_inf > div, .product section .flex .table_properties > div{
      gap: 0 15px;
      margin-bottom: 8px;
      margin-top: 8px;
    }

    
    .product section .flex .table_inf .flex h5, .product section .flex .table_properties .flex h5{
      line-height: 20px;
      font-weight: 400
    }

.product section .flex .sale-terms_inf .table_inf .flex h5, .product section .flex .sale-terms_inf .table_properties .flex h5{
      //font-weight: 500
    }

    .product section .flex .table_inf .flex .inf-point, .product section .flex .table_properties .flex .inf-point{
      width: 48%
    }

    .product section .flex .table_inf .flex .inf-point h5, .product section .flex .table_properties .flex .inf-point h5{
      color: var(--placeholderColor)
    }

    .product section .flex .properties-list  .table_inf .flex .inf-point h5{
      width: inherit;
    }

    .product section .flex .table_inf .flex .inf-buyer,
    .product section .flex .table_inf .flex .inf-seller,
     .product section .flex .table_properties .flex .inf-buyer,
    .product section .flex .table_properties .flex .inf-seller{
      width: 55%;
    }

    .product section #information_good .inf-buyer,
    .product section #information_good .inf-seller {
      width: 55%;
      margin-bottom: unset;
    }

     .product section #information_good .inf-buyer img,
      .product section #information_good .inf-seller img {
        opacity: 0.5;
        width: 14px;
        vertical-align: middle;
      }

    .product section .flex .table_inf .flex .inf-buyer h5,
    .product section .flex .table_inf .flex .inf-seller h5,
     .product section .flex .table_properties .flex .inf-buyer h5,
    .product section .flex .table_properties .flex .inf-seller h5{
      color: var(--mainTextColor)
    }

    .product section .flex .table_inf .flex .inf-buyer h5 span,
    .product section .flex .table_inf .flex .inf-seller h5 span,
     .product section .flex .table_properties .flex .inf-buyer h5 span,
    .product section .flex .table_properties .flex .inf-seller h5 span{
      opacity: .8
    }

    .product section .flex .table_inf .flex .inf-buyer .bidding,
    .product section .flex .table_inf .flex .inf-seller .bidding,
     .product section .flex .table_properties .flex .inf-buyer .bidding,
    .product section .flex .table_properties .flex .inf-seller .bidding{
      background: var(--lightGrayBackgroungColor);
      border-radius: 4px;
      padding: 0 5px;
      width: -moz-fit-content;
      width: fit-content;
      font-size: 13px;
      padding: 2px 5px;
    }

    .product section .flex .table_inf .flex .inf-buyer .bidding.default,
    .product section .flex .table_inf .flex .inf-seller .bidding.default,
     .product section .flex .table_properties .flex .inf-buyer .bidding.default,
    .product section .flex .table_properties .flex .inf-seller .bidding.default{
      color: var(--mainActiveColor)
    }

    .product section .flex .table_inf .flex .inf-buyer .bidding.increase,
    .product section .flex .table_inf .flex .inf-seller .bidding.increase,
     .product section .flex .table_properties .flex .inf-buyer .bidding.increase,
    .product section .flex .table_properties .flex .inf-seller .bidding.increase{
      color: #b13b9f
    }

    .product section .flex .table_inf .flex .inf-buyer .bidding.decrease,
    .product section .flex .table_inf .flex .inf-seller .bidding.decrease,
     .product section .flex .table_properties .flex .inf-buyer .bidding.decrease,
    .product section .flex .table_properties .flex .inf-seller .bidding.decrease{
      color: #0058df
    }

    .product section .flex .table_inf .flex:last-child, .product section .flex .table_properties .flex:last-child {
      margin-bottom: 5px
    }

    .product section .offers {
      margin-bottom: 60px
    }

    .product section .offers .flex {
      margin-bottom: 15px
    }

    .product section .offers .flex .tooltiptext {
      margin-right: 10px;
      font-weight: 400;
    font-size: 14px;
    }

    .product section .offers .flex h3 {
      font-weight: 500;
      left: 0
    }

    .product section .offers .flex .setting-table .icon {
      color: var(--mainActiveColor);
          width: 192px;
    height: 36px;
    border: 1px solid #ddd;
    margin-right: 5px;
    border: 1px solid var(--mainActiveColor);
    }

    .product section .offers .flex .setting-table .icon i {
      transform: scale(1.25)
    }

    

  /*  .product section .offers .flex .setting-table .icon .tooltiptext:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 100%;
      margin-top: -5px;
      border: 5px solid transparent;
      border-left-color: #000
    }*/

    .product section .offers .flex .setting-table .icon:hover .tooltiptext {
      visibility: visible
    }

    .product section .offers .flex .setting-table a {
      color: var(--mainActiveColor);
      font-weight: 500
    }

   

    .product section .offers .offers_list {
      overflow: auto;
      /*position: relative;*/
      width: 100%;
      max-height: 380px;
      border: 1px solid var(--borderColor);
      border-bottom: 0;
    }

    

    .product section .offers .offers_list::-webkit-scrollbar {
      height: 6px;
      width: 6px
    }

    .product section .offers .offers_list::-webkit-scrollbar-track {
      background-color: var(--white);
      border: 1px solid var(--borderColor);
      border-top: none;
      border-radius: 0 0 4px 4px
    }

    .product section .offers .offers_list::-webkit-scrollbar-thumb {
      background-color: #aeaeae;
      border-radius: 4px;
      margin-bottom: 3px
    }

    .product section .offers .offers_list table {
      display: inline-block;
      width: 100%;
      /*border-collapse: separate;*/
    }



    .product section .offers .offers_list table tr {
      font-size: 13px
    }

    .tooltipReject{
    color: white;
    top: 38px;
    left: -70px;
    background: #524e4e;
    position: absolute;
    width: max-content;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
        min-height: 26px;
    z-index: 1;
    max-width: 90%;
    }

    
    .product section .offers .offers_list table tr.myOffer td:position1-child {
      border-left-width: 4px;
      border-left-color: var(--mainActiveColor)
    }

    .product section .offers .offers_list table tr th {
      padding: 4px .5em;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      border: 1px solid var(--borderColor);
      text-align: center;
      vertical-align: middle;
      position: sticky;
      top: -1px;
      z-index: 1;
      min-width: 126px;
      width: 10%;
      border-top: 0;
      background-color: #fff;
    border-bottom-width: 2.5px;
    }

    .product section .offers .offers_list table tr th:last-child, .product section .offers .offers_list table tr td:last-child {
      border-right: 0;
    }

    .product section .offers .offers_list table tr th:position1-child, .product section .offers .offers_list table tr td:position1-child {
      border-left: 0;
    }

    #bides_offers a{
      color: var(--mainActiveColor);
    border-bottom: 1px solid var(--mainActiveColor);
    border-radius: var(--borderRadiusInputs);
    }


 .setting-table a:hover {
  color: var(--white) !important;
  background-color: var(--mainActiveColor)
}

    
    .product section .offers .offers_list table tr .item {
      min-width: 300px
    }

    

    .product section .offers .offers_list table tr .payment,
    .product section .offers .offers_list table tr .supply,
    .product section .offers .offers_list table tr .terms {
      min-width: 250px
    }

    
      .product section .offers .offers_list::-webkit-scrollbar {
            width: 8px;
            height: 8px
          }


    .product section .offers .offers_list table tr td {
      min-width: 125px;
      min-height: 50px;
      text-align: center;
      vertical-align: middle;
      border: 1px solid var(--borderColor);
      line-height: 16px;
      padding: 8px .5em
    }

    .product section .offers .offers_list table tr td.cell-alignment,
    .product section .offers .offers_list table tr td.item_inf {
      text-align: left
    }

    .product section .offers .offers_list table tr td.item_inf p {
      padding: 0;
      opacity: .8;
      font-size: var(--xsmallFontSize)
    }

    .product section .offers .offers_list table tr td.item_inf a {
      color: var(--mainActiveColor);
      border-bottom: 1px solid var(--mainActiveColor)
    }

    .product section .offers .offers_list table tr td .icon {
      display: inline-flex;
      align-items: center;
      gap: 0 5px;
      margin-top: 2px
    }

    .product section .offers .offers_list table tr td .icon .icon-clock {
      font-size: 14px
    }

    .product section .offers .offers_list table tr td .link a {
      font-size: 12px;
      border-bottom: 1px solid var(--mainActiveColor)
    }

    .product section .offers .offers_list table tr td.status {
      font-size: var(--smallFontSize)
    }

   
    .product section .offers .offers_list table tr td.status i, .offers_list-media .offer-table .contentModal .offer-info .status-info .status.rejected i, .offers_list-media .offer-table .hidden-info .status-info .status.rejected i{
      margin-right: 5px;
    }

    .product section .offers .offers_list table tr td.status.submitted,
    .product section .offers .offers_list table tr td.status.submittedByAnother {
      color: var(--mainActiveColor)
    }

    .product section .offers .offers_list table tr td.status.rejected {
      color: #e64646;
          position: relative;
    }

    .product section .offers .offers_list table tr td.status.canceled {
      color: #d9a300
    }

    .product section .offers .offers_list table tr td.rejectedByTerms {
      color: #e64646;
      background: #faebeb
    }

    .product section .offers .offers_list table tr td.rejectedByTerms p {
      color: #e64646
    }

    .product section .offers .offers_list table tr td p {
      font-size: 13px
    }

    
    .product section .offers .offers_list table tr td p span {
      opacity: .8
    }

   

    .product section .offers .offers_missing {
      text-align: center;
      padding: 15px 0;
      background: var(--GraybackgroundColor);
      border-radius: 4px
    }

    .product section .offers .offers_missing h4 {
      font-weight: 400
    }

 ng-image-fullscreen-view .ng-image-fullscreen-view {
      position: fixed;
      z-index: 1031;
      background-color: rgba(0, 0, 0, .6);
      width: 100%;
      height: 100%;
      top: 0;
      overflow: hidden;
      transition: all .5s ease-in-out;
      left: 0;
      text-align: center
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view.image-fullview-hide {
      display: none !important
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #1f1f1f;
      transition: all .5s ease;
      display: flex;
      justify-content: center;
      align-items: center
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper.ng-ligthbox-pagination {
      height: calc(100% - 30px)
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div {
      width: 100%;
      height: 100%;
      border: 1px solid rgba(0, 0, 0, .35);
      position: relative;
      overflow: hidden
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .pre-loader {
      background-color: inherit;
      width: 100%;
      height: 100%
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .pre-loader .mnml-spinner {
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: 100%;
      grid-column-gap: 0;
      height: 100%
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image {
      width: 1299px;
      height: 100%;
      position: relative
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image .custom-image-main {
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image.ng-image-slider-show {
      opacity: 1;
      display: block
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image.ng-image-slider-hide {
      opacity: 0;
      display: none
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image .custom-image-main {
      width: 100%;
      height: 100%
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image .custom-image-main img {
      transition: all .5s ease-in-out;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      z-index: 11;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image .custom-image-main iframe,
    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .lightbox-image-main .lightbox-image .custom-image-main video {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      border: 0
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .caption {
      position: absolute;
      z-index: 11;
      top: 0;
      margin: auto;
      padding: 5px;
      color: #fff;
      background-color: rgba(0, 0, 0, .35);
      max-width: 100%;
      left: 0;
      right: 0
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .caption.show {
      display: block
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .caption.hide {
      display: none
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .next,
    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .prev {
      position: absolute;
      right: 10px;
      top: 50%;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      margin-top: -16px;
      width: 38px;
      height: 38px;
      font-size: 35px;
      z-index: 12;
      line-height: 30px;
      outline: 0;
      color: #000;
      transition: all .3s ease-in-out
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .next:hover,
    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .prev:hover {
      background-color: #d4cdcd
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .next.disable,
    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .prev.disable {
      color: #bbb;
      background-color: #fff
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .lightbox-div .prev {
      left: 10px
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper .close {
      background-image: url("data:image/png;base64,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");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 32px;
      position: absolute;
      top: 10px;
      right: 10px;
      color: #000;
      background-color: #fff;
      padding: 0;
      opacity: 1;
      border-radius: 50%;
      height: 36px;
      width: 36px;
      z-index: 12;
      cursor: pointer;
      transition: all .2s ease
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper.error-msg {
      background-image: none
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .invalid-msg {
      color: #fff;
      font-size: 18px;
      position: absolute;
      top: 45%;
      left: 45%
    }

    ng-image-fullscreen-view .ng-image-fullscreen-view .popup-pagination {
      background-color: #1f1f1f;
      color: #fff;
      position: absolute;
      height: 30px;
      width: 100%;
      text-align: center;
      bottom: 0;
      font-size: 16px;
      line-height: 30px
    }

    @media (max-width:768px) {
      ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper {
        width: 100%;
        height: 100%
      }

      ng-image-fullscreen-view .ng-image-fullscreen-view .lightbox-wrapper.error-msg {
        background-image: none
      }
    }

app-breadcrumbs {
      display: flex;
      align-items: flex-start;
      gap: 0 10px;
       width: 100%;
    overflow: scroll;
    scrollbar-width: none;
    }

    app-breadcrumbs::-webkit-scrollbar {
  display: none;
}

    app-breadcrumbs .back a {
      padding: 4px;
      font-size: 10px
    }

    app-breadcrumbs .back a i {
      width: 10px;
      text-align: center
    }

    app-breadcrumbs div {
      list-style: none;
      display: block;
      gap: 5px 0
    }

    app-breadcrumbs div span {
      font-size: 14px;
      color: var(--placeholderColor);
      line-height: 1.8;
      width: max-content;
      /*white-space: nowrap;*/
    }

    app-breadcrumbs div span:after {
      padding: 0 5px;
      color: var(--placeholderColor);
      content: "/"
    }

    app-breadcrumbs div span:last-child:after {
      display: none
    }

    app-breadcrumbs div span a {
      color: var(--mainTextColor)
    }

    app-breadcrumbs div span:not(:last-child) a:hover{
      color: var(--mainActiveColor);
      
    }

    app-breadcrumbs div span:last-child a {
      color: var(--placeholderColor);
      cursor: default;
    }

    app-breadcrumbs div span:last-child a:hover {
          cursor: default;
          color: var(--placeholderColor) !important;
        }


.modal-body{
  margin: 20px;
}

.modal-body .title{
    text-align: left;
    margin-bottom: 24px;
  }




   .main_field .field{
          display: flex;
    border-top: 1px solid rgba(68,68,68,.2);
    padding: 8px 0;
    }

.main_field .field .text{
     font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    width: 90%;
    }

.main_field:last-child {
         border-bottom: 1px solid rgba(68,68,68,.2);
    }

    .offers_list-media {
    display: none;
    flex-direction: column;
    width: 100%;
    margin-top: 16px;
}

.offers_list-media .offer-table {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--borderColor);
    border-bottom: none;
    width: 100%;
    margin-top: 0;
    cursor: pointer;
}

.offers_list-media .offer-table {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--borderColor);
    border-bottom: none;
    width: 100%;
    margin-top: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}



.offers_list-media .offer-table:last-child {
    border-bottom: 1px solid var(--borderColor);
}

.contentModal  {
    display: flex;
    width: 100%;
    position: relative;
}

.contentModal .icon {
    border-left: 1px solid var(--borderColor);
}

.offers_list-media .offer-table .contentModal .offer-info {
    width: 100%;
    padding: 16px;
}

.offers_list-media .offer-table .contentModal .offer-info .other-info .data{
   margin-top: 6px;
    font-size: 14px;
    display: inline;
}

.offers_list-media .offer-table .contentModal .offer-info .other-info .data a{
    font-size: 14px;
    border-bottom: none !important;
    display: block;
}

.offers_list-media .offer-table .contentModal .offer-info .status-info span, .offers_list-media .offer-table .contentModal .offer-info .other-info span.title {
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    padding-right: 5px;
    line-height: 17px;
}

.offers_list-media .offer-table .hidden-info .other-info .data.hide_modal, .offers_list-media .offer-table .contentModal .offer-info .other-info span{
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
}


.offers_list-media .offer-table .contentModal .offer-info .status-info .status.rejected {
    color: #e64646;
}


.offers_list-media .offer-table .contentModal .offer-info .status-info .status.submitted, .product section .offers .offers_list-media .offer-table .contentModal .offer-info .status-info .status.submittedByAnother {
    color: var(--mainActiveColor);
}

.offers_list-media .offer-table .contentModal .offer-info .status-info .status.canceled {
    color: #d9a300;
}

.offers_list-media .offer-table .contentModal .offer-info .other-info .data.rejectedByTerms {
    color: #e64646;
    background-color: #faebeb;
}

.offers_list-media .offer-table .contcontentModalent .icon {
    padding: 16px;
    border-left: 1px solid var(--borderColor);
    width: 50px;
    position: absolute;
    right: 0;
    height: 100%;
}

.offers_list-media .offer-table .contentModal .icon .icon-open {
    font-size: 20px;
    color: #616161;
}

.offers_list-media .offer-table .hidden-info {
    width: 100%;
    background-color: hsla(0,0%,98%,.5);
    padding: 16px;
    position: relative;
}

.offers_list-media .offer-table .hidden-info .icon.no-border {
    position: absolute;
    right: 0;
    padding: 0 16px 16px 16px;
    width: 50px;
}

.offers_list-media .offer-table .hidden-info .other-info, .offers_list-media .offer-table .hidden-info .status-info {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
        gap: 15px;
}

/*.offers_list-media .offer-table .hidden-info .other-info .data {
    font-size: 12px
}*/

.offers_list-media .offer-table .hidden-info .other-info .data a {
        border-bottom: none !important;
    margin-top: 5px;
    display: block;
    font-size: 14px
}

.offers_list-media .offer-table .hidden-info .other-info .title, .offers_list-media .offer-table .hidden-info .status-info .title {
    font-size: 14px;
    font-weight: 400;
    color: #616161;
    padding-right: 5px;
    width: 40%;
}

.offers_list-media .offer-table .hidden-info .other-info .info, .offers_list-media .offer-table .hidden-info .status-info .info, .offers_list-media .offer-table .hidden-info .other-info .data {
    width: 55%;
}

.offers_list-media .offer-table .hidden-info .status-info .status {
    margin-right: 5px;
    font-size: var(--smallFontSize);
}

.offers_list-media .offer-table .hidden-info .status-info .status.rejected {
    color: #e64646;
}

.offers_list-media .offer-table .hidden-info .status-info .status.canceled {
    color: #d9a300;
}

.offers_list-media .offer-table .hidden-info .status-info .status.submitted {
    color: var(--mainActiveColor);
}

.offers_list-media .offer-table .hidden-info .other-info .info.country {
    flex-direction: column;
    gap: 5px;
}

.offers_list-media .offer-table .hidden-info .other-info .info .data, .offers_list-media .offer-table .hidden-info .other-info span{
    font-size: 14px;
    font-weight: 400;
    color: #212121;
}

.offers_list-media .offer-table .hidden-info .other-info .info .data.rejectedByTerms {
    color: #e64646;
}

.product section .flex .item-description .properties-list .table_inf .flex, .product section .flex .item-description .properties-list .table_properties .flex {
  display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 15px;
    margin: 0;
    font-size: var(--smallFontSize);
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid rgba(68, 68, 68, .2);
}


.show-all-product-properties, .hide-all-product-properties{
  display: none;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        gap: 5px;
        color: var(--mainActiveColor);
        margin-top: 16px;
        cursor: pointer;
}

.show-all-product-properties.hide, .hide-all-product-properties.hide{
  display: none !important;
}











.product section .flex .item-description .product-description-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    width: calc(100% - 170px);
}

.product section .flex .item-description .product-description-wrap .product-description {
    font-family: Roboto;
    font-style: normal;
    align-self: stretch;
    flex-grow: 0;
    display: inline;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.product section .additional .additional_options a i {
    font-size: 17px;
}

.product section .additional {
    gap: 12px;
    white-space: nowrap;
        overflow-x: auto;
        width: 100%;
            margin-bottom: 0;
}

.product section .additional::-webkit-scrollbar {
  width: 0;
  display: none;
} 

.short-name{
  color: #616161;
}

.product section .additional .additional_options {
    display: flex;
    gap: 0 32px;
}

.additional_links {
  display: flex;
    gap: 0 32px;
  }

.additional_links a{
  font-size: var(--smallFontSize);
    color: var(--mainActiveColor);
    text-decoration: underline;
    text-underline-offset: 3px;
        padding-top: 3px;
}

.additional_links a:hover{
    text-decoration: underline !important;
}

.product section .flex .item-description .properties-list h2 {
    font-size: var(--regularFontSize);
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 24px;
}

/*.product section .flex .item-description .properties-list .table_inf, .product section .flex .item-description .properties-list .table_properties {
    padding: 0;
        margin-top: 0;
    margin-bottom: 0;
}*/

.product section .flex .item-description .properties-list .table_inf .propetry-group-wrap, .product section .flex .item-description .properties-list .table_properties .propetry-group-wrap{
    justify-content: flex-start;
    gap: 0;
    padding: 10px 15px;
    margin: 0;
    background-color: #f5f5f5;
   /* border-bottom: 1px solid rgba(68, 68, 68, .2);*/
}

.product section .flex .item-description .properties-list .table_inf .flex, .product section .flex .item-description .properties-list .table_properties .flex-row{
  display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 15px;
    margin: 0;
    font-size: var(--smallFontSize);
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid rgba(68, 68, 68, .2);
}

.product section .flex .item-description .properties-list .table_inf .flex.last_flex, .product section .flex .item-description .properties-list .table_properties .flex-row.last_flex{
  
    border-bottom: none;
}

.product section .flex .item-description .properties-list .table_inf .propetry-group-wrap .property-group, .product section .flex .item-description .properties-list .table_properties .propetry-group-wrap .property-group{
    font-size: var(--smallFontSize);
    font-weight: 500;
    line-height: 20px;
}

.product section .flex .item-description .properties-list .table_inf .flex .property-name, .product section .flex .item-description .properties-list .table_properties .flex .property-name{
    width: 400px;
}

.product section .flex .item-description .properties-list .table_inf .flex .property-name h5, .product section .flex .item-description .properties-list .table_properties .flex .property-name h5{
    font-size: var(--smallFontSize);
    font-weight: 400;
}

.product section .flex .item-description .properties-list .table_inf .flex .property-value, .product section .flex .item-description .properties-list .table_properties .flex .property-value{
    width: calc(100% - 410px);
}

.product section .flex .item-description .properties-list .table_inf .flex .property-value h5, .product section .flex .item-description .properties-list .table_properties .flex .property-value h5{
    font-size: var(--smallFontSize);
    font-weight: 400;
}

.product section .flex .item-description .item-description_photo {
    display: flex;
    gap: 5px;
}

.product.product_order section .flex .item-description .item-description_photo {
    flex-direction: column;
}


.product section .flex .item-description {
    width: 100%;
    padding: 24px 0;
}

.product.product_order section .flex .item-description {
    width: 100%;
    padding: 24px 0;
}


.slick-track:not(.low-row) {
    flex-direction: column;
    height: 462px;
        gap: 16px;
}

.product.product_order section .slick-track {
    flex-direction: row;
}


.product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo img {
    width: 140px;
    height: 140px;
    }

    .product.product_order section .flex .item-description .item-description_photo .item-slider_nav .nav-photo img {
    width: 70px;
    height: 70px;
    }

    .product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo {
    margin-right: 0;
}

    .product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo {
    height: 100%;
    width: fit-content;
    max-height: 143px;
}
.slick-track:before {
    display: none;
}
.product section .flex .item-description:not(#information_good) .item-description_photo .item-slider_nav {
    padding-top: 0;
    padding-left: 30px;
}

.slick-track:after {
    display: none;
}

.product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg.active img {
    width: fit-content;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    background: var(--white);
    object-fit: contain;
    height: 458px;
}

.product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
    height: 458px;
    width: fit-content;
    max-width: 800px;
    min-width: 800px;
}

.item-slider_photo {
    width: 800px;
}




#carouselWrapper.position2 {
    left: -100%;
}

#carouselWrapper.position3 {
    left: -200%;
}

#carouselWrapper.position4 {
    left: -300%;
}
#carouselWrapper.position5 {
    left: -400%;
}
#carouselWrapper.position6 {
    left: -500%;
}

.show-all-product-properties .icon, .hide-all-product-properties .icon{
  padding: 0;
    width: auto;
}

.hide-all-product-properties .icon{
          transform: rotate(180deg);
}


@media screen and (min-width: 1280px){

  .product.product_order section .flex .item-description {
    width: calc(100% - 490px);
}

  .product.product_order section .slick-track {
        width: 470px;
        margin-left: 0;
}

 .product.product_order section .item-slider_nav .slick-track {
        margin-left: 0;
        height: unset;
}

.product.product_order .item-slider_photo {
    width: 470px;
}

.product.product_order section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
    max-width: 470px;
    min-width: 470px;
    height: 320px;
}

.product.product_order section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg.active img {
    height: 320px;
}


}
 @media print, screen and (max-width: 1279px){
  

       app-breadcrumbs div {
      display: flex;
    }

   
  



      .product section .flex {
        flex-direction: column;
      }
    
    .product section .flex .item-description {
    width: 100%;
}

.product section .flex .item-description {
      /*margin-bottom: 32px;*/
      padding-bottom: 0 !important;
    }


.product section .flex .item-description .item-description_photo .item-slider-bg {
    background: var(--white);
    border: none;
}

.product section .flex .item-description .item-description_photo .photo-fullscreen, 
.product section .flex .item-description .item-description_photo .item-slider-bg .slick-arrow {
    display: none;
}

.item-slider-bg:not(.modal-carusel) .slick-list.draggable {
   /* width: 470px;*/
    margin: auto;
}

.product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

#carouselWrapper.position2 {
    left: calc(-100vw + 32px);
}

#carouselWrapper.position3 {
    left: calc(-200vw + 64px);
}

.product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg img {
    width: 70% !important; 
}

.item-slider_photo {
        width: calc(100vw - 32px);
    }



.product section .flex .table_inf > div, .product section .flex .table_properties > div{
    flex-direction: row;
}

.product section .flex .item-sale {
    width: 100%;
}

.product section .flex .item-sale .sale_title.flex {
    align-items: start;
}

.product section .flex .item-sale .sale_title h3, .product section .flex .item-description .item-description_text h3, .product section .flex .item-description .item-description_inf h3 {
    font-size: var(--baseFontSize);
}

.product section .flex .item-sale .sale-terms .sale-terms_inf .table_inf .flex .numbers, .product section .flex .item-sale .sale-terms .sale-terms_inf .table_properties .flex .inf-seller h5{
    font-weight: 500;
    line-height: 20px;
}

.product section .flex .table_inf > div, .product section .flex .table_properties > div{
    margin-bottom: 8px;
    justify-content: unset;
}


  .product section .flex .table_inf .flex .inf-buyer, .product section .flex .table_inf .flex .inf-seller,
   .product section .flex .table_properties .flex .inf-buyer, .product section .flex .table_properties .flex .inf-seller{
    margin-bottom: 0;
}
.product section .flex .item-description .item-description_photo .item-slider_nav {
    display: none;
}
/*
.product section .flex .item-description .item-description_photo .item-slider-bg{
  border: none;
}
*/
.product section .offers .offers_list {
    display: none;
}

.product section .offers .flex .setting-table{
   display: none;
}

.offers_list-media {
    display: flex;
}

.product section .flex.item {
    margin-bottom: 16px;
}

.product section .offers .flex h3 {
      font-size: 16px;
    }

    .product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo img {
    display: none;
}

    .show-all-product-properties, .hide-all-product-properties{
  display: flex !important;
}

.product section .flex .table_inf.hide_prop, .product section .flex .table_inf .prop.hide_prop,
.product section .flex .table_properties.hide_prop, .product section .flex .table_properties .prop.hide_prop{
  display: none !important;
}















.product section .additional .additional_options {
    gap: 0 12px;
}

.additional_links {
    gap: 0 12px;
  }

  .product section .flex .item-description .product-description-wrap {
    width: 100%;
}



.item-slider_photo {
    width: calc(100vw - 32px);
    height: 320px;
}



.product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.product section .flex .item-description .properties-list .table_inf .flex .property-name, .product section .flex .item-description .properties-list .table_properties .flex .property-name{
    width: 260px;
}

.product section .flex .item-description .properties-list .table_inf .flex .property-value, .product section .flex .item-description .properties-list .table_properties .flex .property-value{
    width: calc(100% - 260px);
}

.product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg.active img,
.product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
    height: 320px;
    width: unset !important;
}

.product section .flex .item-description .item-description_photo .item-slider_nav {
    display: block;
}

.product section .flex .item-description .item-description_photo {
    flex-direction: column;
}

.slick-track:not(.low-row) {
    flex-direction: row;
        height: unset;
    width: fit-content;
    gap: 8px;
}

.product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo img {
    display: none;
}

.product section .flex .item-description .item-description_photo .item-slider_nav .nav-photo {
    width: 8px;
    height: 8px;
    background-color: var(--lightGrayBackgroungColor);
    border: none;
}

#carouselWrapperSmallItem1.active, #carouselWrapperSmallItem2.active, #carouselWrapperSmallItem3.active {
            background-color: var(--mainActiveColor);
}



.prop_vivsible{
  display: block;
}


    }

@page {
  size: 210mm 297mm; 
  /* Chrome sets own margins, we change these printer settings */
  margin: 16mm 16mm 16mm 16mm; 
}

    @media print, screen and (max-width: 767px){

      .product section #information_good .inf-buyer,
    .product section #information_good .inf-seller {
      width: unset
    }
    

      .main-title section .flex .item-description .properties-list .table_inf .flex, .main-title section .flex .item-description .properties-list .table_properties .flex  {
    flex-direction: column;
}

.product section .flex .table_inf > div, .product section .flex .table_properties > div{
    margin-bottom: 2px;
}

.product section .flex .item-description .item-description_inf .table_inf .flex .inf-point, .product section .flex .item-description .item-description_inf .table_properties .flex .inf-point{
    width: unset;
}
.product section .flex .item-description .item-description_inf .table_inf .flex, .product section .flex .item-description .item-description_inf .table_properties .flex{
    background: unset !important;
    padding: 1px 0;
}

.product section .flex .table_inf .flex .inf-point h5::after, .product section .flex .table_properties .flex .inf-point h5::after{
    content: ":";
}

.product section .flex .table_inf .flex .inf-buyer, .product section .flex .table_inf .flex .inf-seller, .product section .flex .table_inf .flex .inf-point,
.product section .flex .table_properties .flex .inf-buyer, .product section .flex .table_properties .flex .inf-seller, .product section .flex .table_properties .flex .inf-point {
        display: inline;
    width: fit-content;
    padding-right: 5px;
}


.product section .flex .table_inf .flex .inf-point h5, .product section .flex .table_properties .flex .inf-point h5 {
    width: fit-content;
    display: inline;
}

  .product_head span#productname_hint, .product  span#productname_hint{
    top: 124px;
    }

    .product_head h1 {
    -webkit-line-clamp: 5;
}


.product section .flex .table_inf .flex .inf-buyer h5, .product section .flex .table_inf .flex .inf-seller h5, .product section .flex .table_properties .flex .inf-buyer h5, .product section .flex .table_properties .flex .inf-seller h5 {
    color: var(--mainTextColor);
    width: fit-content;
    display: inline;
}

.main-title section .flex .table_inf > div, .main-title section .flex .flex-row > div {
    justify-content: unset;
    gap: 0 5px;
    display: block;

}

.flex-row .property-name {
    width: unset;
}

.main-title section .flex .property-name h5, .product section .flex .property-value h5 {
    display: inline;
    padding-right: 5px;
}

.main-title section .flex .table_inf, .main-title section .flex .flex-row {
    padding: 5px 15px 10px 15px;
}

.trading_condition_country{
padding-top: 10px;
}

 .product section .flex .table_properties {
    padding: 10px 15px;
}

#photo_product.product section .flex .table_inf {
    padding: 0;
}

.item-slider_photo {
    width: calc(100vw - 32px);
        height: 320px;
}

.slick-list.draggable {
    width: 180vw;
}

.product section .flex .item-description .item-description_photo .item-slider-bg .item-slider_photo .photo_bg {
    width: 100%;
        min-width: 100%;
        max-width: 100%;
}

.product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg img {
        width: 70% !important;
}

.slick-list.draggable {
    width: 100% !important;
}

#carouselWrapper.position1 {
    left: 0;
}

#carouselWrapper.position2 {
    left: calc(-100vw + 32px);
}

#carouselWrapper.position3 {
    left: calc(-200vw + 64px);
}

#carouselWrapper.position4 {
    left: calc(-300vw + 96px);
}

#carouselWrapper.position5 {
    left: calc(-400vw + 128px);
}
#carouselWrapper.position6 {
    left: calc(-500vw + 160px);
}




.offers_list-media .offer-table .hidden-info .other-info, .offers_list-media .offer-table .hidden-info .status-info {
    display: block;
}

.offers_list-media .offer-table .hidden-info .status-info .title, .offers_list-media .offer-table .hidden-info .status-info .status.submitted,
.offers_list-media .offer-table .hidden-info .other-info .info.country, .offers_list-media .offer-table .hidden-info .other-info .info .data, 
.offers_list-media .offer-table .hidden-info .other-info span, .offers_list-media .offer-table .hidden-info .other-info .info {
    display: inline;
}



.offers_list-media .offer-table .hidden-info .other-info .data.hide_modal a, .offers_list-media .offer-table .contentModal .offer-info .other-info a{
  font-size: 14px;
  border-bottom: none !important;
}

/*.offers_list-media .offer-table .hidden-info .other-info.country  ~ .other-info.country {
  padding-bottom: 20px;
}*/
.offers_list-media .offer-table .hidden-info .other-info{
  padding-bottom: 7px;
}

.offers_list-media .offer-table .hidden-info .other-info.country{
  margin: 0 0 8px 0;
}

.hidden-info .status-info {
    padding-bottom: 20px !important;
}

app-breadcrumbs div span {
      font-size: var(--smallFontSize);
    }

    .product section .flex .item-description .item-description_photo .item-slider-bg:not(.modal-carusel) .item-slider_photo .photo_bg.active img {
   /* scale: 0.83;*/
}

.product section .flex .item-description .item-description_inf .table_inf, .product section .flex .item-description .item-description_inf .table_properties{
      margin-top: 6px
    }

    .product section .flex .item-description .item-description_text h3 {
      margin-bottom: 6px
    }

    .sub-title {
    margin-bottom: 15px;
}

.product section .flex {
    justify-content: unset;
}

.product section .flex .table_inf > div, .product section .flex .table_properties > div {
    gap: 0 5px;
    display: block;
}

.flex-row .property-name {
    color: #616161;
}

.product section .flex .item-description .properties-list .table_inf .flex, .product section .flex .item-description .properties-list .table_properties .flex-row {
    flex-direction: column;
   /* border-bottom: none;*/
    display: block;
}


.product_head {
  flex-direction: column;
}

 #categoryName {
    margin-bottom: 4px;
}

#good_link {
    text-align: unset;
    margin-bottom: 15px;
}

.product_head .link {
    justify-content: unset;
}

 .main_title h1 {
     font-size: 20px;
    margin-bottom: 5px;
    line-height: 22px;
    -webkit-line-clamp: 5;
    width: calc(100vw - 32px);
}


.product section .flex .item-description .properties-list .table_inf .flex .property-name, .product section .flex .item-description .properties-list .table_inf .flex .property-value,
 .product section .flex .item-description .properties-list .table_properties .flex .property-name, .product section .flex .item-description .properties-list .table_properties .flex .property-value{
    width: 100%;
}

.product section .flex .item-description .properties-list .table_inf .flex .property-name h5,
 .product section .flex .item-description .properties-list .table_properties .flex .property-name h5{
    color: #616161;
}


     }