.breadcrumb-list {
  display: inline-block !important;
  list-style: none;
}

.breadcrumb-list li a {
  position: relative;
  z-index: 1;
  padding: 5px 15px;
  color: #333
}

.breadcrumb-list li a:link,
.breadcrumb-list li a:visited,
.breadcrumb-list li a:active,
.breadcrumb-list li a:hover {
  color: #333
}

.breadcrumb-list li a span {
  display: inline-block;
  z-index: 1
}


ul.fancytree-container {
  border: none
}

ul.fancytree-container .fancytree-icon,
ul.fancytree-container .fancytree-custom-icon {
  display: none
}

ul.fancytree-container .spinner:before {
  margin-right: -10px !important;
  margin-left: 0px !important
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  display: inline-block
}

.bootstrap-tagsinput {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important
}

.bootstrap-tagsinput input[type="text"] {
  display: none;
}

.bootstrap-tagsinput .label-filter {
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  color: #5a5a5a !important;
  position: relative;
  display: inline-block
}

#quickshow {
  left: 10%;
  right: 10%;
  width: 80%;
  height: 80%;
  padding: 0 !important;
  margin: 0 !important;
}

#quickshow .modal-dialog {
  padding: 0 !important;
  margin: 0 !important;
}

#quickshow .modal-content {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0px !important;
  box-shadow: none !important
}

#quickshow .modal-body {
  max-height: inherit;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
}

.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
}

.modal-content {
  width: inherit;
  height: inherit;
  margin: 0 auto;
}

#pageSize {
  width: 60px !important
}

.product-grid-item a,
.product-grid-item a:hover,
.product-grid-item a:visited,
.product-grid-item a:active {
  text-decoration: none
}

.product-grid-item .grid-label {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0
}

.product-grid-item .addtocompare {
  cursor: pointer;
  display: block;
  text-align: center;
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: -100px;
  color: #444;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  transition: .5s ease;
  font-size: 11px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .1);
  padding: 2px 5px 2px 25px;
  background-image: url(images/checkbox.png);
  background-repeat: no-repeat;
  background-position: 5px 5px
}

.product-grid-item .addtocompare.active {
  background-position: -112px 5px
}

.product-grid-item:hover .addtocompare {
  right: 0
}

.product-grid-item .discount-lable {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #EF5662;
  color: #fff;
  padding: 5px;
  border-radius: 20px;
  font-weight: bold;
  min-width: 40px;
  text-align: center
}

.product-grid-item .grid-info {
  padding: 15px
}

.product-grid-item .grid-info .cost {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.product-grid-item .grid-info .grid-options {
  margin: 15px 0px 0px 0px;
  text-align: center
}

#grid-table .product-grid-item .grid-info .linktoview .title {
  text-align: center;
  height: 80px
}

#grid-list .product-grid-item .grid-info .cost {
  text-align: right
}

#grid-list .product-grid-item .grid-info .grid-options {
  text-align: right
}

#priceranges input[type=number]::-webkit-inner-spin-button,
#priceranges input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

#priceranges input[type=number] {
  -moz-appearance: textfield
}

#frompriceshow,
#topriceshow {
  height: 30px;
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
  border: none;
  text-align: center;
  color: #b2b2b2;
  line-height: 1.571;
  letter-spacing: .3px;
  border: 1px solid #f1f1f1;
  width: 100%;
}

#technicalfilters .card:first-child {
  margin-top: 5px;
}

#technicalfilters .checkbox label,
#technicalfilters .radio label {
  padding-right: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: block
}

#technicalfilters .checkbox label:hover,
#technicalfilters .radio label:hover {
  background-color: #f9f9f9
}

#technicalfilters .mb-2 .list-items {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto
}


.seach-list {
  margin-bottom: 15px;
}

.list-items {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin
}

.notify {
  position: fixed;
  min-width: 350px;
  max-width: 450px;
  background-color: #fff;
  font-size: 14px;
  color: #494949;
  border-radius: 4px;
  border: 1px solid #dedede;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0 2px 4px;
  z-index: 999
}

.notify .notify-icon {
  float: right;
  position: absolute;
  width: 50px;
  height: 100%;
  text-align: center;
  overflow: hidden;
  padding: 5px
}

.notify .notify-icon .notify-icon-inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.notify .notify-icon .notify-icon-inner img {
  max-width: 18px;
  max-height: 18px
}

.notify .notify-text {
  float: right;
  padding: 10px 15px 10px 10px;
  margin-right: 50px
}

.notify .notify-text h3 {
  display: block;
  padding: 0;
  margin: 3px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: normal
}

.notify .notify-text p {
  margin: 5px 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  text-align: justify
}

.notify .notify-close-btn {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: -10px;
  top: -10px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOEMxNDkyODc0N0NBMUEwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0ZBOTUxNzNERkIxMUUyQUZGMEFDRjY0RjNFODlDOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N0ZBOTUxNjNERkIxMUUyQUZGMEFDRjY0RjNFODlDOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3N0YxMTc0MDcyMDY4MTE4MDgzRkQyMTE2MTM0QUNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4QzE0OTI4NzQ3Q0ExQTA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5Ke+4QAAAMlJREFUeNqkk90KwyAMha0dvp/ghfthsFcb67YLYe83EBdZlCxL3KCFU0nM+WqjTqUUs+bZ1Nd2d6jDDDqDHqCk1AeQBx1B+Xa9vAFovmNBwFwSzAvIoWKFWJxciNGxmJtp3FeQMDkziCEfcCTObYUUEPE3JAg3xwawZKJBMsm5kZkDNIhqlgC0+J/cFyAIDTOD3fkABKXbeQSxP8xRaWyHNIAfdFvbHU8BJ9JdqdscktDTD9ITtCcnTLpMDRLwMlWPmdZe55cAAwD+1kOdnSr5eQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 10px, 10px;
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
  border: 1px solid #ddd
}

.notify .notify-close-btn:hover {
  background-color: #f3f3f3
}

.notify .notify-close-btn:active {
  background-color: #ddd
}

.notify.dark-theme {
  background: rgba(44, 46, 47, .9);
  color: #fafafa;
  border-color: #333;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px
}

.notify.dark-theme .notify-icon {
  border-color: rgba(44, 46, 47, 1)
}

.notify.dark-theme .notify-close-btn {
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: 10px, 10px;
  background-color: rgba(44, 46, 47, .9);
  border: 1px solid #333
}

.notify.dark-theme .notify-close-btn:hover {
  background-color: #313131
}

.notify.dark-theme .notify-close-btn:active {
  background-color: #222
}

.notify.success {
  background: #BCF5BC;
  color: #006400;
  border-color: #7CDD77
}

.notify.success .notify-icon,
.notify.success .notify-close-btn {
  border-color: #7CDD77
}

.notify.error {
  background: #F77975;
  color: #fff;
  border-color: #CD4945
}

.notify.error .notify-icon,
.notify.error .notify-close-btn {
  border-color: #CD4945
}

.notify.info {
  background: #78C5E7;
  color: #fff;
  border-color: #3BADD6
}

.notify.info .notify-icon,
.notify.info .notify-close-btn {
  border-color: #3BADD6
}

.notify.warning {
  background: #ffeaa8;
  color: #826200;
  border-color: #ffc237
}

.notify.warning .notify-icon,
.notify.warning .notify-close-btn {
  border-color: #ffc237
}

.notify.size-small {
  min-width: 250px;
  max-width: 350px;
  font-size: 12px
}

.notify.size-small .notify-text h3 {
  font-size: 14px
}

.notify.size-small .notify-text p {
  font-size: 12px
}

.notify.notify-top-left {
  top: 20px;
  right: 20px
}

.notify.notify-top-right {
  top: 20px;
  left: 20px
}

.notify.notify-top-center {
  top: 20px;
  right: 50%;
  margin-right: -196px
}

.notify.notify-bottom-left {
  bottom: 20px;
  right: 20px
}

.notify.notify-bottom-right {
  bottom: 20px;
  left: 20px
}

.notify.notify-bottom-center {
  bottom: 20px;
  right: 50%;
  margin-right: -196px
}

.notify.notify-top-full {
  max-width: none;
  top: -1px;
  bottom: auto;
  left: 50px;
  right: 50px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.notify.notify-top-full .notify-close-btn,
.notify.notify-top-center .notify-close-btn {
  top: auto;
  bottom: -10px
}

.notify.notify-bottom-full {
  max-width: none;
  bottom: -1px;
  left: 50px;
  right: 50px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.notify.notify-center-center {
  top: 50%;
  right: 50%;
  margin-right: -196px;
  margin-top: -26px
}

.notify.notify-without-title .notify-text h3 {
  margin: 5px 0
}

.notify.notify-without-title .notify-text p {
  margin-bottom: 5px
}

.notify.notify-without-icon .notify-text {
  margin-right: 0
}

.notify-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.05);
  z-index: 998
}

.notify-overlay.light {
  background: rgba(255, 255, 255, 0.3)
}

#productlistfrm {
  position: relative;
  min-height: 200px
}

#productlistspr {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}





/**************************ProductList**************************/
.FiltersList {
  border: 1px solid #CBCBCB;
  border-right: none;
  border-left: none;
  padding: 15px 0;
}

#technicalfilters {
  position: fixed;
  left: -100%;
  top: 0;
  height: 100vh;
  padding-top: 7rem;
  z-index: 222;
  transition: all ease-in-out 0.4s;
}

#technicalfilters.active {
  left: 0;
  z-index: 99999;
}

.TechnicalsBTN {
  position: fixed;
  left: 0;
  top: 40vh;
  transition: all ease-in-out 0.4s;
  writing-mode: vertical-lr;
  display: block;
  z-index: 222;
  cursor: pointer;
}

.TechnicalsBTN:before {
  opacity: 0.8;
  content: '';
  position: fixed;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100vw;
  z-index: -1;
  top: 0vh;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.4s;
}

.TechnicalsBTN.active {
  left: 25%;
}

@media (max-width:767px) {
  .TechnicalsBTN.active {
    left: 83.333333%;
  }
}

.TechnicalsBTN.active:before {
  opacity: 1;
  visibility: visible;
}

.FiltersList .FilterItem {
  border-left: 1px solid #CBCBCB;
  padding: 5px 20px;
  cursor: pointer;
  position: relative;
  flex: 1 0 auto;
}

.FiltersList .FilterItem .FilterLabel {
  text-align: center;
}

.FiltersList .FilterItem:last-of-type {
  border-left: none
}

.FiltersList .FilterItem .FilterItemList {
  max-height: 0px;
  position: absolute;
  top: 3.6em;
  width: 100%;
  right: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 0 2px 5px #eaeaea;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
  min-height: 0;
}

.FiltersList .FilterItem .FilterItemList .inner {
  padding: 10px
}

.FiltersList .FilterItem .FilterItemList.active .inner {
  border-top: 3px solid #333333;
}

.FiltersList .FilterItem .FilterItemList.active {
  max-height: 500px;
  min-height: 20px;
  overflow-y: auto;
}

.FiltersList .FilterItem .FilterItemList li,
.FiltersList .FilterItem .FilterItemList ul {
  list-style: none;
  margin: 0px !important;
}

.FiltersList .FilterItem .FilterItemList button {
  background: var(--accent-color);
  width: 100%;
  box-shadow: unset;
  outline: 0;
  border: 0;
  min-height: 30px;
  color: #fff;
  margin: 5px 0;
  cursor: pointer;
}

.productitem {
  position: relative;
  transition: all linear 0.2s;
}

.productitem .colorlist {
  position: absolute;
  top: 0%;
  right: 3%;
  height: 100%;
}

.productitem .colorlist .plus {
  font-size: 1.2em;
  text-align: center;
  color: #3c3c3b;
  line-height: 1.5;
}

.productitem .colorlist .color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-top: -11px;
}

.ItemButtons {
  align-items: center;
  width: 100%;
  display: flex;
  transition: all ease-in-out 0.2s;
}

.ItemButtons .addtocompare,
.ItemButtons .favoriteBtn,
.ItemButtons .viewproduct {
  opacity: 0;
  background: #000000eb;
}

.ItemButtons .addtocompare,
.ItemButtons .favoriteBtn {
  cursor: pointer;
  width: 100%;
  height: 45px;
  flex: 0 0 20%;
  transform: translateY(100px);
  transition: all ease-in-out 0.3s;
}

.productitem:hover .ItemButtons {
  display: flex;
  /* transition: all linear 0.2s; */
}

.productitem:hover img {
  height: calc(100% - 45px);
}

.productitem img {
  height: 100%;
}

.ItemButtons .addtocompare {}

.productitem:hover .addtocompare,
.productitem:hover .favoriteBtn {
  transform: translateY(0px);
  opacity: 1;
}

.productitem:hover .viewproduct {
  transition-delay: 0.01s;
}

.productitem:hover .favoriteBtn {
  transition-delay: 0.02s;
}

.productitem:hover .addtocompare {
  transition-delay: 0.03s;
}

.productitem:hover .viewproduct {
  opacity: 1;
  transition: all ease-in-out 0.3s;
  transform: translateY(0px);
}

.productitem .viewproduct:hover,
.productitem .addtocompare:hover,
.productitem .favoriteBtn:hover {
  background: #000;
}

.productitem .viewproduct:hover {
  border-bottom: 3px solid #D71921;
  background: #000;
}

.ItemButtons .viewproduct {
  flex: 1 0 auto;
  width: auto;
  height: 45px;
  color: #fff;
  border-bottom: 3px solid transparent;
  opacity: 0;
  transform: translateY(100px);
  transition: all ease-in-out 0.3s;
}

.ItemButtons .addtocompare svg,
.ItemButtons .favoriteBtn svg {
  transition: all linear 0.2s;
}

.ItemButtons .addtocompare svg {
  width: 11px;
}

.ItemButtons .addtocompare .icon {}

.irs--round .irs-bar {
  background-color: #eee;
}

.grid-options .ItemButtons .favoriteBtn {
  left: 10px;
  right: auto
}

.productitem .img {
  background: #fafafa;
  overflow: hidden;
  height: calc(100vh / 4 * 1.2);
  text-align: center;
}

.productitem img {
  width: 100%;
  transition: all ease-in-out 0.3s;
  object-fit: contain;
  text-align: center;
  mix-blend-mode: multiply;
}

.ItemButtons .favoriteBtn input[type=checkbox] {
  display: none
}

.ItemButtons .favoriteBtn svg {
  cursor: pointer;
  height: 30px;
  overflow: visible;
  width: 30px;
}

.ItemButtons .favoriteBtn:hover svg {
  width: 40px;
  height: 40px;
}

.ItemButtons .addtocompare:hover svg {
  width: 18px;
}

.ItemButtons .favoriteBtn input[type=checkbox]+span {
  border-radius: 50%;
  display: flex;
  outline: 0;
  stroke: rgba(0, 0, 0, .5);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  justify-content: center;
  align-items: center;
}



.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart {
  -webkit-animation: animateHeartOut .3s linear forwards;
  -moz-animation: animateHeartOut .3s linear forwards;
  animation: animateHeartOut .3s linear forwards;
  fill-opacity: 0;
  stroke: rgb(255, 255, 255);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 100%;
}

.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart-circle {
  color: transparent;
  stroke: transparent;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart-dots-01,
.ItemButtons .favoriteBtn input[type=checkbox]+span .svg-heart-dots-02 {
  color: transparent;
  stroke: transparent;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}


.ItemButtons .favoriteBtn input[type=checkbox]:checked+span.active,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active {
  color: #D90F0F
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart {
  -webkit-transform: scale(.2);
  -moz-transform: scale(.2);
  -ms-transform: scale(.2);
  transform: scale(.2);
  fill-opacity: 1;
  stroke: #D90F0F;
  -webkit-animation: animateHeart .3s linear forwards .25s;
  -moz-animation: animateHeart .3s linear forwards .25s;
  animation: animateHeart .3s linear forwards .25s
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart-circle,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart-circle {
  -webkit-animation: animateHeartCircle .3s linear forwards;
  -moz-animation: animateHeartCircle .3s linear forwards;
  animation: animateHeartCircle .3s linear forwards
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart-dots-01,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart-dots-01 {
  -webkit-animation: .35s animateHeartDots .3s linear;
  -moz-animation: .35s animateHeartDots .3s linear;
  animation: .35s animateHeartDots .3s linear;
  color: #D90F0F;
  opacity: 0
}

.ItemButtons .favoriteBtn input[type=checkbox]:checked+span .svg-heart-dots-02,
.ItemButtons .favoriteBtn input[type=checkbox]+span.active .svg-heart-dots-02 {
  -webkit-animation: .3s animateHeartDots .4s linear;
  -moz-animation: .3s animateHeartDots .4s linear;
  animation: .3s animateHeartDots .4s linear;
  color: #D90F0F;
  opacity: 0
}

.FiltersList .FilterItem .FilterItemList .customlist-color i {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.FiltersList .FilterItem .FilterItemList .customlist-items {
  display: flex;
  flex-direction: column;
}

.FiltersList .FilterItem .FilterItemList .customlist-items input {
  display: none;
}

.FiltersList .FilterItem .FilterItemList .customlist-items label {
  padding: 10px;
  cursor: pointer;
  display: flex;
  gap: .5em;
}

@-webkit-keyframes animateHeart {
  0% {
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }

  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-moz-keyframes animateHeart {
  0% {
    -moz-transform: scale(.2);
    transform: scale(.2)
  }

  40% {
    -moz-transform: scale(1.2);
    transform: scale(1.2)
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes animateHeart {
  0% {
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    transform: scale(.2)
  }

  40% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes animateHeartOut {
  0% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-moz-keyframes animateHeartOut {
  0% {
    -moz-transform: scale(1.4);
    transform: scale(1.4)
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes animateHeartOut {
  0% {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4)
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes animateHeartCircle {
  40% {
    -webkit-transform: scale(6);
    transform: scale(6);
    opacity: 1;
    color: #D90F0F
  }

  55% {
    -webkit-transform: scale(7);
    transform: scale(7);
    opacity: 1;
    color: #d7d24c
  }

  65% {
    -webkit-transform: scale(8);
    transform: scale(8);
    opacity: 1;
    color: #f5e456
  }

  75% {
    -webkit-transform: scale(9);
    transform: scale(9);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .5
  }

  85% {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .2
  }

  95% {
    -webkit-transform: scale(11);
    transform: scale(11);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .1
  }

  100% {
    -webkit-transform: scale(12);
    transform: scale(12);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: 0
  }
}

@-moz-keyframes animateHeartCircle {
  40% {
    -moz-transform: scale(6);
    transform: scale(6);
    opacity: 1;
    color: #D90F0F
  }

  55% {
    -moz-transform: scale(7);
    transform: scale(7);
    opacity: 1;
    color: #d7d24c
  }

  65% {
    -moz-transform: scale(8);
    transform: scale(8);
    opacity: 1;
    color: #f5e456
  }

  75% {
    -moz-transform: scale(9);
    transform: scale(9);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .5
  }

  85% {
    -moz-transform: scale(10);
    transform: scale(10);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .2
  }

  95% {
    -moz-transform: scale(11);
    transform: scale(11);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .1
  }

  100% {
    -moz-transform: scale(12);
    transform: scale(12);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: 0
  }
}

@keyframes animateHeartCircle {
  40% {
    -webkit-transform: scale(6);
    -moz-transform: scale(6);
    transform: scale(6);
    opacity: 1;
    color: #D90F0F
  }

  55% {
    -webkit-transform: scale(7);
    -moz-transform: scale(7);
    transform: scale(7);
    opacity: 1;
    color: #d7d24c
  }

  65% {
    -webkit-transform: scale(8);
    -moz-transform: scale(8);
    transform: scale(8);
    opacity: 1;
    color: #f5e456
  }

  75% {
    -webkit-transform: scale(9);
    -moz-transform: scale(9);
    transform: scale(9);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .5
  }

  85% {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    transform: scale(10);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .2
  }

  95% {
    -webkit-transform: scale(11);
    -moz-transform: scale(11);
    transform: scale(11);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: .1
  }

  100% {
    -webkit-transform: scale(12);
    -moz-transform: scale(12);
    transform: scale(12);
    opacity: 1;
    color: transparent;
    stroke: #f5e456;
    stroke-width: 0
  }
}

@-webkit-keyframes animateHeartDots {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  75% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

@-moz-keyframes animateHeartDots {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  75% {
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
  }

  100% {
    -moz-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

@keyframes animateHeartDots {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  75% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}


.TechnicalsFilter :where(.customlist-items, .optionlist-items) {
  display: flex;
  gap: 1rem;
  overflow: auto;
  flex-wrap: nowrap
}

.TechnicalsFilter .customlist-item {
  flex: 1 0 auto;
}

.TechnicalsFilter :where(.optionlist-items, .customlist-item) input {
  min-width: auto
}

.TechnicalsFilter ::-webkit-scrollbar {
  width: 1px;
  height: 0.4rem;
}

.TechnicalsFilter ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

.TechnicalsFilter ::-webkit-scrollbar-thumb {
  background: var(--accent-color);
}

.TechnicalsFilter :where(select, input) {
  min-width: 15rem;
  height: 2rem;
  border: 0.1em solid var(--button-hover-color);
}

.FilterItemList>label {
  font-weight: 700
}


.TechnicalsFilter input[type=checkbox]+label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.2rem;
}

.TechnicalsFilter input[type=checkbox] {
  display: none;
}

.TechnicalsFilter input[type=checkbox]+label:before {
  content: "\2714";
  border: 0.1em solid var(--accent-color2);
  border-radius: 0.2em;
  display: flex;
  color: transparent;
  transition: .2s;
  padding: 0em 0.5em;
  width: 1.7rem;
  height: 1.7rem;
}

.TechnicalsFilter input[type=checkbox]+label:active:before {
  transform: scale(0);
}

.TechnicalsFilter input[type=checkbox]:checked+label:before {
  background-color: var(--button-hover-color);
  border-color: var(--button-hover-color);
  color: var(--accent-color4);
}

.TechnicalsFilter input[type=checkbox]:disabled+label:before {
  transform: scale(1);
}

.TechnicalsFilter input[type=checkbox]:checked:disabled+label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}



.productstabinfo .pagination {
  gap: 0.5rem;
  display: flex;
}

.productstabinfo .page-item {
  background: rgba(0, 0, 0, 0.1);
  list-style: none;
  min-width: 2rem;
  text-align: center;
}

.productstabinfo .page-item.active {
  background: var(--accent-color);
  color: var(--accent-color4);
}

.productstabinfo .page-item.active a {
  color: var(--accent-color4)
}

.productstabinfo .page-item a {
  color: var(--accent-color5)
}

.ProductsList svg {
  max-height: 1.8rem;
  max-width: 1.8rem;
}

@media (max-width:768px) {
  .FiltersList .FilterItem .FilterItemList {
    position: relative;
    top: 0;
    box-shadow: unset;
  }

  .ProductsList .FiltersList {
    max-height: 0rem;
    transition: all ease-in-out 0.3s;
    overflow: hidden;
    padding: 0;
  }

  .ProductsList .FiltersList.active {
    max-height: 50rem;
  }

  .FiltersList .FilterItem {
    border-bottom: 1px solid #CBCBCB;
    border-left: 0
  }
}

.breadcrumbs-box span{
    color: var(--accent-color2);
}
.cat-summary{
  border: 1px solid #CBCBCB;
  border-right: none;
  border-left: none;
  padding: 1rem;
}