p.errors {
  color: red;
  margin-top: 10px;
  font-weight: 500;
}

.popular-product {
  padding: 0px 30px 6px 30px;
}

.popular-product .owl-next {
    right: 0px;
    bottom: 0px;
    cursor:pointer;
  }

  .popular-product .owl-prev {
    left: 0px;
    bottom: 0px;
    cursor: pointer;
  }

.partners-carousel .owl-nav.ng-star-inserted {
  position: relative;
}


.popular-product.owl-prev:hover, .popular-product.owl-next:hover {
  color: #e00616;
}


  .partners-carousel .owl-prev {
    left: -17px;
    top: -45px;
    bottom: 0px;
  }

  .partners-carousel .owl-next {
    right: -17px;
    top: -45px;
    bottom: 0px;
  }


  @media(max-width: 800px) {

    .partners-carousel .owl-prev {
      left: -17px;
      top: -60px;
      bottom: 0px;
    }

    .partners-carousel .owl-next {
      right: -17px;
      top: -60px;
      bottom: 0px;
    }
  }

  @media(max-width: 500px) {

    .partners-carousel .owl-prev {
      left: -17px;
      top: -50px;
      bottom: 0px;
    }
    .pagination > li > a, .pagination > li > span {
      padding: 4px 6px;
    }
    .partners-carousel .owl-next {
      right: -17px;
      top: -50px;
      bottom: 0px;
    }
  }


.animation-block-gsap:hover {
  animation-duration: 2s;
  animation-name: slidein;
  
}

@keyframes slidein {
  from {
    transform: perspective(1000px) rotateY(10deg) rotateX(10deg);
    
  }

  75% {
    transform: perspective(1000px) rotateY(20deg) rotateX(20deg);
  }

  to {
    transform: perspective(1000px) rotateY(30deg) rotateX(30deg);
  }
}

/*.animation-block-gsap:hover {
  
  transform: perspective(1000px) rotateY(10deg) rotateX(10deg);
}*/

.tabs-content {
  display: none;
}


.active_tab {
  height: auto;
  opacity: 1;
  z-index: 10;
  display:block;
}

.flex-direction-nav a.flex-next:before {
  content: ''; 
}
/*.flexslider .slides img {
  height: 25vh;
  
}*/

.tabs{
    display:block;
}

.not_display{
    display:none;
}

@media (max-width: 990px) {
  .mobile_display {
    display: none;
  }
  .mobileblock-flex {
      width:100%;
  }
  .mobilemenu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.3);
    transition: border-width 0.3s, background-color 0.3s;
  }

  .mobileparent{
      position:relative;
  }

  /*.pagination {
    width: auto;
    margin-left:30%;
  }*/
  
}


@media (max-width: 600px) {
  .nametovar {
    width: 40%;
  }
  .notdisplaymobile{
      display:none;
  }
}



  @media (min-width: 991px) {
    .mobilebutton {
      display: none;
    }
  }

  .preloader-main {
    margin-left: 40%;
  }

  .p-calendar {
    height: 30px;
    width: 120px;
    color: black;
  }

  .order-buttons .update-filters.pulse {
    animation: pulse 1s ease-out .1s 100 forwards;
  }

  @keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 2px 8px rgba(225, 6, 23, 0.1);
      box-shadow: 0 0 2px 8px rgba(225, 6, 23, 0.1);
    }

    10% {
      -webkit-box-shadow: 0 0 2px 8px rgba(225, 6, 23, 0.6);
      box-shadow: 0 0 2px 8px rgba(225, 6, 23, 0.4);
    }

    100% {
      -webkit-box-shadow: 0 0 2px 6px transparent;
      box-shadow: 0 0 2px 6px transparent;
    }
  }

.slider-header {
    width:200px;
}

.p-slider-horizontal {
  margin-top: 30px;
  height: 8px;
}

.slider-header.p-slider-horizontal {
  margin: 10px 10px 10px 10px;
  height: 8px;
}

  .btn-doc {
    /* display: flex; */
    margin-top: 0px;
    justify-content: flex-start;
    /* color: #fff; */
    /* width: 100%; */
  }

  .list-group-item:last-child {
    margin-bottom: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .sortproduct {
    background: #2f3742;
  }

  ::-webkit-scrollbar {
    width: 10px; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
  }

::-webkit-scrollbar-thumb:vertical {
  background: #FF0000;
}

  .parametr_filter {
    display: flex;
  }

    .parametr_filter label {
      width: auto;
      margin: 6px;
    }



.productcatalog {
}

.rowtable:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.rowtable {
  border: 1px solid #ddd;
  background-color: white;
}

.headertable {
  background-color: #2f3742;
  color: white;
  width: 100%;
  min-height: 34px;
  border: 1px solid #ececec;
  border-radius: 6px;
  padding: 6px;
  transition-duration: .3s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0666667px 0.133333px 0px, rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
  cursor: pointer;
}

.columnname {
  padding:1px;
  
}

.columnvalue {
  padding: 1px;
  margin: 1px;
}

.columnvaluetable {
  padding: 15px;
  /*margin: 1px;*/
}

.autotools-block .headertable:hover {
  background: #2f3742;
  color: white;
}


.displaylargeimg {
  /* animation-name: displaylargeimg;
  animation-duration: 1s;
  animation-timing-function:*/
  transition: width 3s ease-in-out;
}

@keyframes displaylargeimg {
  from {
    width: 0px;
    height: 0px;
  }

  10% {
    width: 80px;
    height: 56px;
  }

  30% {
    width: 240px;
    height: 160px;
  }
  50% {
    width: 400px;
    height: 280px;
  }
  70% {
    width: 560px;
    height: 400px;
  }

  to {
    width: auto;
    height: auto;
  }
}

.btn-catalog {
  background: #e10617;
  border: 1px solid #e10617;
  font-size: 15px;
  transition-duration: .3s;
  font-weight: bold;
}
.title-catalog-product {
  
  font-weight: bold;
  color: #000;
  margin-top: 10px;
  text-align: center;
  display: block;
 /* text-overflow: ellipsis;
  word-wrap: break-word;*/
  overflow: hidden;
  max-height: 2.8em;
  line-height: 1.4em;
  opacity: 0.6;
  transition-duration: .3s;

}

.fields_card {
  display: flex;
  justify-content: space-around;
  font-weight: bold;
  color: grey;
}

.autotools-content-dinamic-block.col-md-12 .name_product_catalog {
  float: none;
  width: 50%;
  height: auto;
  margin: 0px;
  align-items: center
}

.card_oil {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.menu-oil {
  min-height: 356px;
  border: 1px solid #ececec;
  border-radius: 6px;
  background-color:white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.0666667px 0.133333px 0px, rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
}
@media (max-width: 600px) {
  .comment-block-and-image {
    width: 66%;
  }
  .basket-line-info{
      width:60%;
  }
  .basket-line-price {
    width: 25%;
  }
  .card_oil {
    justify-content: center;
  }
  .name_product_catalog {
    min-width: 90%;
  }
  .autotools-content-dinamic-block.col-md-12 .name_product_catalog {
    width: auto;
  }
  .lampsCont{
      overflow:scroll;
  }

  .columnvaluetable {
    padding: 5px;
  }
    /*.lampsBlock ul{
      display:flex;
      flex-wrap:wrap;
      position:static;
  }
  .lampsBlock {
    display: flex;
    flex-wrap: wrap;
    position: static;
  }
  .lampsContBottom, .lampsContTop {
      background:none;
  }
  .lampsContTop {
    display: flex;
    flex-wrap: wrap;
    position: static;
  }*/
  }
.panel{
    background:grey;
    border-radius:8px;
}

.cdk-overlay-connected-position-bounding-box {
  z-index: 1000;
}

.cdk-overlay-connected-position-bounding-box {
  z-index: 1000;
}
.ui-to-bottom {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  color: #FFF;
  background: #e00616;
  border-radius: 0;
  position: fixed;
  right: 15px;
  top: 133px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  transition: .45s all ease-in-out;
  /* transform: translateY(100px); */
  box-shadow: 2px 2px 14px -5px #333333;
}


.nc-icon-outline.arrows-1_bold-down {
  border-radius: 4px;
}

.ui-to-bottom.active {
  /*transform: translateY(0);*/
}

.ui-to-bottom:hover {
  color: #fff;
  background: #660000;
  text-decoration: none;
}

.ui-to-bottom:focus {
  color: #fff;
}

.ui-to-bottom:hover {
  color: #fff;
  background: #660000;
  text-decoration: none;
}


.ui-to-top1 {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  color: #FFF;
  background: #e00616;
  border-radius: 0;
  position: fixed;
  right: 15px;
  bottom: 21px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  transition: .45s all ease-in-out;
  /* transform: translateY(100px); */
  box-shadow: 2px 2px 14px -5px #333333;
}
  .ui-to-top{
      display:none;
  }

  .nc-icon-outline.arrows-1_bold-down {
    border-radius: 4px;
  }

.ui-to-top1.active {
  /*transform: translateY(0);*/
}

.ui-to-top1:hover {
  color: #fff;
  background: #660000;
  text-decoration: none;
}

.ui-to-top1:focus {
  color: #fff;
}

.ui-to-top1:hover {
  color: #fff;
  background: #660000;
  text-decoration: none;
}

.nc-icon-outline.arrows-1_bold-up:before {
  
  margin-top: 1px;
  margin-left: 1px;
  
}

.nc-icon-outline.arrows-1_bold-down:before {
  margin-top: 1px;
  margin-left: 1px;
}