/* PRODUCT */
.product-form {width: 100%; display: inline-block; position: relative;}




.product-form-main {width: 100%; position: relative;}
.product-form-main-in {width: 100%; display: flex; justify-content: space-between; position: relative; z-index: 9;}





/* PRODUCT LEFT */
.product-form-left {width: 53%; position: relative;}
.product-form-left-box {width: 100%; top: 145px; position: sticky;}


.product-slider {width: 100%; height: 750px; height: calc(77vh - 150px); float: none; position: relative; background: white;}
.gallery-top .swiper-container {width: 100%; height: 100%; overflow: hidden !important;}
.gallery-top {width: 100%; height: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute;}
.gallery-top-slide {}
.gallery-top-slide-in {width: 100%; height: 100%; left: 0%; top: 0%; background: rgb(251, 251, 251); overflow: hidden;  position: absolute;}
.gallery-top-slide-in img {width: 90%; height: 90%; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; display: flex; opacity: 0; transition: all 0.7s; object-fit: contain; mix-blend-mode: multiply; position: absolute; z-index: 3;}
.gallery-top-slide-in:hover img {transform: scale(1.05);}
.gallery-top-slide a {width: 100%; height: 100%; display: block; position: absolute; z-index: 9;}
.gallery-top-slide .lazyloaded {opacity: 1;}

.gallery-thumbs {height: 60px; width: 100% !important; left: 0px; right: 0px; bottom: 6px; position: absolute; z-index: 9;}
.gallery-thumbs .swiper-wrapper {}
.gallery-thumbs .swiper-slide {width: 60px; height: 100%; opacity: 0.5; cursor: pointer;}
.gallery-thumbs .swiper-slide { height: 60px;}
.gallery-thumbs .swiper-slide img {width: 100%; height: 100%; display: block; opacity: 0; transition: all 1s; object-fit: contain;}
.gallery-thumbs .swiper-slide .lazyloaded {opacity: 1;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}


.product-slider-tags {right: 10px; top: 6px; height: 0px; position: absolute; z-index: 9; pointer-events: none;}
.product-slider-tags div {height: 28px; font-size: 15px; line-height: 28px; padding: 0px 14px; background: rgb(31, 170, 225); color: rgb(255, 255, 255); white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 300; display: inline-block; overflow: hidden;}
.product-slider-tags .p-tag-novinka {background: rgb(244, 25, 38);}



.pro-slide-colors {left: 1px; bottom: 1px; background: rgb(109, 110, 113); display: inline-block; position: absolute;}
.pro-slide-colors-icon {width: 18px; height: 18px; position: relative; float: left; box-shadow: 0px 0px 1px 1px rgb(0, 0, 0);}
.pro-slide-colors-title {height: 18px; padding: 0px 10px; line-height: 18px; float: left; box-shadow: 0px 0px 1px 1px rgb(0, 0, 0);}
.pro-slide-colors-title span {font-size: 12px; color: white; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; float: left;}

.pro-slide-colors-icon .pro-color-colors {border-radius: 0;}
.pro-slide-colors-icon .pro-color-container-1 {border-radius: 0;}
.pro-slide-colors-icon .pro-color-container-2 {border-radius: 0;}
.pro-slide-colors-icon .pro-color-container-3 {border-radius: 0;}


.product-video {width: 100%; height: 281px; margin-top: 15px; box-shadow: 0px 0px 1px 1px rgba(47, 49, 61, 0.15);}
.product-video iframe {width: 100%; height: 100%; display: block;}
.product-video video {width: 100%; height: 281px;}




.product-vernost {padding: 15px 20px; margin: 10px auto 0px; background: rgb(251, 251, 251); display: flex; position: relative;}
.product-vernost-in {width: 100%; display: flex; gap: 20px; align-items: center; position: relative;}
.product-vernost-icon {padding-left: 10px;}
.product-vernost-icon i {font-size: 36px; color: rgb(5, 104, 57);}
.product-vernost-hint {flex-grow: 1;}
.product-vernost-hint div {}
.product-vernost-hint div span {max-width: 400px; font-size: 13px; line-height: 17px; font-weight: 300; letter-spacing: 0.5px; color: rgb(0, 0, 0); text-transform: uppercase; display: flex;}
.product-vernost-points {display: flex; gap: 10px; align-items: center;}
.product-vernost-points-1 {}
.product-vernost-points-1 b {font-size: 32px; letter-spacing: 1px; color: rgb(5, 104, 57);}
.product-vernost-points-2 {}
.product-vernost-points-2 span {font-size: 12px; line-height: 13px; font-weight: 300; letter-spacing: 0.5px; color: rgb(0, 0, 0); display: flex;}
.product-vernost a {width: 100%; height: 100%; top: 0%; left: 0%; display: block; position: absolute;  z-index: 3;}




.cart-vernost {position: relative;width: 90%; margin: 30px auto 0px; background: rgb(248, 248, 248);padding: 20px 0px;text-align: center;text-transform: uppercase;font-size: 15px;font-weight: 400;color: rgb(0, 0, 0);border-top: 1px solid rgb(26, 26, 24); position: relative;}
.cart-vernost:hover {opacity: 0.8;}
.cart-vernost span {font-size: 18px; font-weight: 600; color: rgb(0, 0, 0);}
.cart-vernost b {font-size: 20px; color: rgb(236, 0, 140); font-weight: 600;}
.cart-vernost i {font-size: 30px; margin: -1px 0px -5px 25px; color: rgb(177, 212, 0); float: left;}
.cart-vernost .fa-info-circle {color: rgb(218, 44, 55);}
.cart-vernost .fa-check-circle {color: rgb(28, 180, 100);}
.cart-vernost a {width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 3;}









/* PRODUCT RIGHT */
.product-form-right {width: 42%; padding-left: 4%; position: relative;}
.product-form-right-box {width: 100%; position: relative;}


.product-form-right-box-top {width: 100%; position: relative;}
.product-form-right-box-top-title {border-bottom: 1px solid rgb(31, 41, 62); padding-bottom: 0px; width: 100%; display: inline-block;}
.product-form-right-box-top-title h2 {font-size: 34px; line-height: 42px; margin: 0px 0px 10px; padding: 0px; letter-spacing: 1px; color: rgb(5, 104, 57); font-weight: 600;}
.product-form-right-box-top-code {font-size: 13px; margin: 0px 0px 10px; letter-spacing: 1px; color: rgb(190,190,190); float: left; font-family: Arial;}
.product-form-right-box-top-code i {font-size: 17px; margin: 0px 5px 0px 0px; color: rgb(5, 104, 57); float: left;}

.product-form-right-box-top-text {width: 100%; font-size: 13px; margin: 25px auto 30px; color: rgb(123, 123, 123); letter-spacing: 0.3px; position: relative;}
.product-form-right-box-top-text span {font-weight: 500; color: rgb(5, 104, 57); cursor: pointer;}







.product-form-right-main {width: 100%; background: rgb(244,244,244); position: relative;}
.product-form-right-main-in {width: 90%; padding: 3% 5% 5%; position: relative;}




.product-form-right-main-in-top {width: 100%; margin: 0px auto 65px; padding: 0px 0px 10px; top: 135px; background: rgb(244, 244, 244); border-bottom: 1px solid rgb(232, 232, 232); box-shadow: 0px 10px 20px 0px rgb(244, 244, 244) , 0px -3px 0px 4px rgb(244, 244, 244); display: inline-block; position: sticky; z-index: 11;}

.product-form-right-main-in-top-price {width: auto; display: flex; align-items: baseline; justify-content: space-between; float: left;}
.product-form-right-main-in-top-price-main {font-size: 36px; font-weight: 500; position: relative; transition: all 0.5s;}
.product-form-right-main-in-top .price-is-loadinggg {filter: blur(2px); opacity: 0.15;}
.product-form-right-main-in-top-price-currency {font-size: 19px; padding: 0px 0px 0px 5px;}
.product-form-right-main-in-top-price-vat {font-size: 12px; padding: 0px 0px 0px 4px; opacity: 0.5;}

.product-form-right-main-in-top-stock {width: 40%; padding-top: 18px; line-height: 16px; text-align: right; float: right;}
.product-form-right-main-in-top-stock i {font-size: 17px; padding: 0px 4px 0px 0px;}
.product-form-right-main-in-top-stock span {letter-spacing: 0.5px;}
.product-form-right-main-in-top-stock .is-in-stock {color: rgb(30, 190, 123);}







.product-form-right-main-in-config {width: 100%; margin: -40px auto 0px; display: inline-block; position: relative;}


.product-form-right-main-in-config-colors {width: 100%; margin: -10px auto 30px; position: relative; z-index: 6;}
.product-form-right-main-in-config-colors-title {width: 100%; font-size: 11px; padding: 0px 0px 6px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase; position: relative;}
.product-form-right-main-in-config-colors-former {width: 100%; display: none; position: relative;}
.product-form-right-main-in-config-colors-form {width: 100%; display: flex; flex-wrap: wrap; gap: 15px 20px; position: relative;}
.product-form-right-main-in-config-color {width: 36px; height: 36px; background: rgb(223, 223, 223); transition: all 0.3s; cursor: pointer; position: relative;}
.pp-cc-selected {box-shadow: 0px 0px 0px 1px rgb(244,244,244) , 0px 0px 0px 4px rgb(30,190,123);}
.product-form-right-main-in-config-color-in {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 3;}
.product-form-right-main-in-config-color-in img {width: 100%; height: 100%; object-fit: cover;}
.product-form-right-main-in-config-color-title {padding: 5px 15px; top: 100%; left: 0%; background: rgb(223, 223, 223); border-top: 2px solid rgb(251, 251, 251); opacity: 0; transition: all 0.3s; transform: scale(0); transform-origin: left top; position: absolute;}
.product-form-right-main-in-config-color-title-main {font-size: 14px; font-weight: 500; white-space: nowrap;}
.product-form-right-main-in-config-color-title-price {font-size: 14px; text-transform: uppercase; white-space: nowrap;}
.product-form-right-main-in-config-color-title-price strong {font-size: 17px; font-weight: 500;}
.product-form-right-main-in-config-color:hover .product-form-right-main-in-config-color-title {transform: scale(1); opacity: 1;}




.product-form-right-main-in-config-hint {width: 30px; height: 20px; top: -1px; right: 1px; position: absolute; z-index: 11;}
.product-form-right-main-in-config-hint-icon {width: 100%; height: 20px; position: relative; cursor: help; text-align: right;}
.product-form-right-main-in-config-hint-icon i {font-size: 15px; padding-top: 3px; color: rgb(200,200,200); transition: all 0.3s; float: right;}
.product-form-right-main-in-config-hint:hover .product-form-right-main-in-config-hint-icon i {color: rgb(111,111,111);}
.product-form-right-main-in-config-hint-data {width: 400px; font-size: 13px; padding: 15px 15px; top: 100%; right: 0%; border: solid 1px rgb(200, 200, 200); background: rgb(255,255,255); opacity: 0; transition: all 0.3s; transform: scale(0); transform-origin: right top; letter-spacing: 0.1px; position: absolute;}
.product-form-right-main-in-config-hint-data {display: flex; align-items: stretch; gap: 0px 15px;}
.product-form-right-main-in-config-hint:hover .product-form-right-main-in-config-hint-data {transform: scale(1); opacity: 1;}

.product-form-right-main-in-config-hint-data-img {}
.product-form-right-main-in-config-hint-data-img img {width: 90px; height: 100%; object-fit: cover;}

.product-form-right-main-in-config-hint-data-in {}

.product-form-right-main-in-config-hint-data-in-text {}

.product-form-right-main-in-config-hint-data-in-btn {width: 100%; padding: 15px 0px 0px; position: relative;}
.product-form-right-main-in-config-hint-data-in-btn div {padding: 8px 30px; letter-spacing: 1px; background: rgb(82, 74, 68); color: rgb(255,255,255); font-weight: 300; display: inline-block; cursor: pointer;}
.product-form-right-main-in-config-hint-data-in-btn div:hover {background: rgb(216, 173, 149);}


.inputarrow-prev , .inputarrow-next {height: 100%; width: 42px; top: 0%; background: rgb(222,222,222); transition: all 0.5s; text-align: center; cursor: pointer; position: absolute; z-index: 3;}
.inputarrow-prev:hover , .inputarrow-next:hover {background: rgb(141, 225, 185);}
.inputarrow-prev i , .inputarrow-next i {font-size: 17px; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.inputarrow-prev {left: 0%;} .inputarrow-next {right: 0%;}
.inputarrow-disabled i {opacity: 0.2;}

.add-input-suffix-form {left: 50%; top: 50%; text-align: center; transform: translate(-50%,-50%); position: absolute; pointer-events: none;}
.add-input-suffix-form span {user-select: none; pointer-events: none;}
.add-input-suffix-form-filler {font-size: 16px; color: rgba(0, 0, 0, 0); display: inline-block; white-space: pre;}
.add-input-suffix-form-unit {font-size: 14px; color: rgb(170, 170, 170); letter-spacing: 0.5px; left: calc( 100% + 4px ); top: 48%; transform: translateY(-50%); text-align: left; position: absolute;}



.product-form-right-main-in-config-inputs {width: 100%; display: flex; flex-wrap: wrap; column-gap: 25px;}

.product-form-right-main-in-config-number {width: 48%; min-width: 130px; margin: 0px 0px 25px; display: flex; flex: 1 2 45%; flex-direction: column; align-items: stretch; position: relative; z-index: 3;}
.product-form-right-main-in-config-number:hover {z-index: 11;}
.product-form-right-main-in-config-number-title {width: 100%; padding: 0px 0px 6px; display: flex; gap: 6px; align-items: center; position: relative;}
.product-form-right-main-in-config-number-title i {font-size: 16px; color: rgb(30, 190, 123);}
.product-form-right-main-in-config-number-title span {font-size: 12px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase;}


.product-form-right-main-in-config-number-input {width: 100%; position: relative;}
.product-form-right-main-in-config-number-input input {width: 92%; font-size: 16px; padding: 12px 4%; border: none; background: rgb(255,255,255); text-align: center; font-family: 'Poppins', sans-serif; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; -moz-appearance: textfield;}

.product-form-right-main-in-config-number-input-green input {background: rgb(227, 255, 243);}



.product-form-right-main-in-config-select {width: 100%; margin: 0px auto 30px; display: inline-block; position: relative;}
.product-form-right-main-in-config-select-title {width: 100%; font-size: 11px; padding: 0px 0px 6px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase; position: relative;}
.product-form-right-main-in-config-select-input {width: 100%; position: relative;}
.product-form-right-main-in-config-select-input .fa-chevron-down {top: 50%; right: 25px; transform: translateY(-50%); position: absolute; z-index: 11;}
.product-form-right-main-in-config-select-input select {width: 100%; font-size: 15px; padding: 14px 4%; border: none; background: rgb(255,255,255); font-family: 'Poppins', sans-serif; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none;}



.product-form-right-main-in-config-selector {width: 100%; margin: 0px auto 30px; display: inline-block; position: relative; z-index: 3;}
.product-form-right-main-in-config-selector:hover {z-index: 11;}
.pp-sel-active {z-index: 22;}
.product-form-right-main-in-config-selector-title {width: 100%; padding: 0px 0px 6px; display: flex; gap: 6px; align-items: center; position: relative;}
.product-form-right-main-in-config-selector-title i {font-size: 16px; color: rgb(30, 190, 123);}
.product-form-right-main-in-config-selector-title span {font-size: 12px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase;}

.product-form-right-main-in-config-selector-input-box {width: 100%; position: relative;}
.product-form-right-main-in-config-selector-input {width: 94%; padding: 0px 3%; height: 54px; font-size: 16px; line-height: 54px; background: rgb(255,255,255); font-weight: 500; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: inset 0px 0px 0px 3px rgb(30, 190, 123); position: relative;}
.product-form-right-main-in-config-selector-input span {font-size: 13px; padding-left: 5px; font-weight: 400;}
.product-form-right-main-in-config-selector-input img {width: 44px; height: 30px; margin: 12px 8px 0px 0px; object-fit: cover; float: left;}

.product-form-right-main-in-config-selector-input-icon {bottom: 12px; right: 2%; padding: 0px 2px; background: rgb(255, 255, 255); position: absolute; z-index: 6; pointer-events: none;}
.product-form-right-main-in-config-selector-input-icon i {font-size: 18px;}

.product-form-right-main-in-config-selector-items {width: 100%; left: 0%; right: 0%; top: 100%; position: absolute; z-index: 9;}
.product-form-right-main-in-config-selector-items-in {width: 100%; max-height: 0px; background: rgb(255,255,255); overflow-y: auto; transition: all 0.2s; position: relative;}
.pp-sel-active .product-form-right-main-in-config-selector-items-in {max-height: 260px; box-shadow: 0px 0px 0px 1px rgb(222, 222, 222) , 0px 10px 25px -10px black; transition: all 0.4s;}
 
.product-form-right-main-in-config-selector-item {width: 94%; min-height: 40px; padding: 10px 3%; position: relative;}
.product-form-right-main-in-config-selector-item:hover {background: rgb(245,245,245);}
.product-form-right-main-in-config-selector-item-active {background: rgba(3, 255, 66, 0.1) !important;}
.product-form-right-main-in-config-selector-item-active:before {width: 3px; height: 100%; top: 0%; bottom: 0%; left: 0%; background: rgb(5, 104, 57); position: absolute; content: ''; z-index: 9;}
.product-form-right-main-in-config-selector-item-data {width: auto; padding: 4px 100px 4px 0px; cursor: pointer;}
.product-form-right-main-in-config-selector-item-data-title {font-size: 15px; line-height: 18px; font-weight: 500; display: flex; gap: 8px;}
.product-form-right-main-in-config-selector-item-data-title img {width: 44px; height: 22px; object-fit: cover;}


.product-form-right-main-in-config-selector-item-data-text {font-size: 11px; line-height: 14px; letter-spacing: 0.1px; opacity: 0.6;}
.product-form-right-main-in-config-selector-item-price {top: 12px; right: 3%; position: absolute;}
.product-form-right-main-in-config-selector-item-price strong {font-size: 13px; color: rgb(30, 190, 123); letter-spacing: -0.2px; font-weight: 500;}
.product-form-right-main-in-config-selector-item-price span {font-size: 10px;}

.product-form-right-main-in-config-selector-item-link {width: 60px; height: 20px; top: 35px; right: 3%; background: rgb(82, 74, 68); text-align: center; position: absolute;}
.product-form-right-main-in-config-selector-item-link span {line-height: 20px; font-size: 11px; font-weight: 300; letter-spacing: 1px; color: rgb(255,255,255); display: block;}
.product-form-right-main-in-config-selector-item-link a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; z-index: 3; cursor: pointer;}



.product-form-right-main-in-config-selector-variants {width: 100%; background: rgb(230, 230, 230); display: none; overflow: hidden; position: relative;}

.product-form-right-main-in-config-selector-variants-item {width: 93%; padding: 8px 4% 8px 3%; display: flex; gap: 0px 5px; position: relative;}
.product-form-right-main-in-config-selector-variants-item:hover {background: rgba(0,0,0,0.05);}
.product-form-right-main-in-config-selector-variants-item:first-child {padding-top: 11px;}
.product-form-right-main-in-config-selector-variants-item:last-child {padding-bottom: 11px;}

.product-form-right-main-in-config-selector-variants-item-input {}
.product-form-right-main-in-config-selector-variants-item-input input {cursor: pointer;}

.product-form-right-main-in-config-selector-variants-item-data {flex-grow: 1;}
.product-form-right-main-in-config-selector-variants-item-data label {font-size: 15px; letter-spacing: 0.5px; font-weight: 300; display: block; cursor: pointer;}

.product-form-right-main-in-config-selector-variants-item-price {}
.product-form-right-main-in-config-selector-variants-item-price strong {font-size: 15px; color: rgb(30, 190, 123); letter-spacing: -0.2px; font-weight: 500;}
.product-form-right-main-in-config-selector-variants-item-price span {font-size: 10px;}







.product-form-right-main-in-config-note {width: 100%; margin: 0px auto 15px; display: inline-block; position: relative;}
.product-form-right-main-in-config-note-title {width: 100%; font-size: 14px; padding: 5px 0px 5px; letter-spacing: 0.5px; cursor: pointer; position: relative;}
.product-form-right-main-in-config-note-title i {padding-left: 2px;}
.product-form-right-main-in-config-note-input {width: 100%; display: none; position: relative;}
.product-form-right-main-in-config-note-input textarea {width: 96%; height: 80px; font-size: 14px; padding: 2%; border: none; position: relative; box-shadow: 0px 0px 0px 1px rgb(234, 234, 234); font-family: 'Poppins', sans-serif;}




.product-form-right-main-in-bot {width: 100%; display: inline-block; position: relative;}
.product-form-right-main-in-bot-btn {width: 100%; font-size: 18px; padding: 15px 0px; color: rgb(255,255,255); background: rgb(30, 190, 123); font-weight: 300; letter-spacing: 1px; text-align: center; text-transform: uppercase; cursor: pointer; position: relative;}
.product-form-right-main-in-bot-btn div {display: inline-block;}
.product-form-right-main-in-bot-btn i {font-size: 28px; margin: -1px 15px 0px 0px; float: left;}
.product-form-right-main-in-bot-btn span {}
.product-form-right-main-in-bot-btn:hover {box-shadow: 0px 0px 0px 6px rgba(30, 190, 123, 0.2);}
















/* PRODUCT - HELP */
.product-form-help {width: 100%; margin: 50px 0px 0px; position: relative;}
.product-form-help-in {min-height: 100px; margin: 0px; background: rgb(235, 255, 246); box-shadow: 0px 0px 0px 1px rgba(5, 104, 57, 0.3); position: relative;}

.product-form-help-in-icon {width: 25%; right: 0%; top: 50%; transform: translateY(-50%); text-align: center; position: absolute;}
.product-form-help-in-icon i {font-size: 80px;}
.product-form-help-in-icon i:before {color: rgb(61, 119, 91);}
.product-form-help-in-icon i:after {color: rgba(210, 170, 103, 0.5); opacity: 0.8;}

.product-form-help-in-data {max-width: 400px; padding: 15px 20% 10px 25px; position: relative;}
.product-form-help-in-data-title {font-size: 20px; color: rgb(43, 43, 45); letter-spacing: 0.5px; font-weight: 500;}
.product-form-help-in-data-text {font-size: 13px; line-height: 17px; margin: 10px auto; letter-spacing: 0.5px; opacity: 0.75;}
.product-form-help-in-data-contact {width: 100%; display: inline-block;}
.product-form-help-in-data-contact div {margin: 0px 25px 0px 0px; float: left; position: relative;}
.product-form-help-in-data-contact div i {font-size: 18px; margin: 3px 7px 0px 0px; color: rgb(5, 104, 57); float: left;}
.product-form-help-in-data-contact div span {}
.product-form-help-in-data-contact div a {}
















.product-form-middle-form {width: 100%; display: inline-block; position: relative;}

/* PRODUCT - MIDDLE */
.product-form-middle {width: 65%; margin: 50px auto 0px; float: left; position: relative;}
.product-form-middle-in {width: 100%; position: relative;}

.product-form-middle-in-tabber {width: 100%; margin: 0px auto 25px; display: flex; justify-content: space-between; column-gap: 25px; position: relative;}
.product-form-middle-in-tabber-item {height: 50px; background: rgb(244, 244, 244); border-bottom: solid 3px rgb(5, 104, 57); flex-grow: 4; text-align: center; cursor: pointer;}
.product-form-middle-in-tabber-item:hover {background: rgb(238, 238, 238); }
.product-form-middle-in-tabber-item div {display: inline-block; margin: auto;}
.product-form-middle-in-tabber-item div i {font-size: 25px; margin: 13px 15px 0px 0px; color: rgb(82, 74, 68); float: left;}
.product-form-middle-in-tabber-item div span {font-size: 17px; line-height: 50px; letter-spacing: 0.5px; color: rgb(100, 100, 100);}
.product-form-middle-in-tabber-item div span b {padding-left: 8px; color: rgb(228, 157, 38);}
.pp-tab-active {background: rgb(58, 58, 60) !important;}
.pp-tab-active i {color: rgb(255, 255, 255) !important;}
.pp-tab-active span {color: rgb(255,255,255) !important;}

.product-form-middle-in-tabbss {width: 100%; position: relative;}

.product-form-middle-in-tabb {width: 100%; display: none; position: relative;}
.product-form-middle-in-tabb:nth-child(1) {display: block;}
.product-form-middle-in-tabb-in {width: 100%; position: relative;}



.product-text {font-size: 17px; font-weight: 300; letter-spacing: 0.5px;}
.product-text strong {font-size: 17px;}
.product-text table {width: 100% !important; }
.product-text img {width: auto !important; max-width: 100% !important; height: auto !important;}

.product-text , .product-text p , .product-text span {font-size: 17px !important; line-height: 26px !important; font-family: 'Poppins', sans-serif !important;}

.product-text__is-empty {padding: 100px 0px; background: rgb(251, 251, 251); display: flex; gap: 20px; flex-direction: column; justify-content: center; align-items: center;}
.product-text__is-empty i {font-size: 70px; opacity: 0.2;}
.product-text__is-empty span {letter-spacing: 1px; font-weight: 300; opacity: 0.5;}






.product-text-params {width: 100%; position: relative;}
.product-text-params {font-size: 16px !important; text-align: left !important;}

.product-text-params h2 , .product-text-params h3 {font-size: 20px !important; color: rgb(247, 147, 56) !important; letter-spacing: 1px;} 
.product-text-params strong , .product-text-params b {}
.product-text-params sub , .product-text-params sup {font-size: 11px !important;}

.product-text-params table {width: 100% !important; border-collapse: collapse !important;}
.product-text-params table tr {}
.product-text-params table tr:nth-child(odd) {background: rgb(249, 249, 249);}
.product-text-params table tr:hover {background: rgb(240, 240, 240);}
.product-text-params table tr th , .product-text-params table tr td {padding: 5px 0px 5px !important; border: none !important; border-bottom: 1px solid rgb(234, 234, 234) !important; background: transparent !important;}
.product-text-params table tr th {width: 50% !important; font-weight: 600 !important;}
.product-text-params table tr td {width: 50% !important; font-weight: 400 !important;}




.product-form-middle-in-tabb-in-docs {width: 80%; padding: 50px 10%; background: rgb(245,245,245); display: inline-block; position: relative;}
.product-form-middle-in-tabb-in-doc {width: 100%; min-height: 50px; padding: 15px 0px; border-bottom: solid 1px rgb(222,222,222); display: flex; align-items: center; position: relative;}
.product-form-middle-in-tabb-in-doc:last-child {border-bottom: none;}
.product-form-middle-in-tabb-in-doc:hover {background: rgb(255,255,255);}
.product-form-middle-in-tabb-in-doc-icon {width: 60px; text-align: center;}
.product-form-middle-in-tabb-in-doc-icon i {font-size: 25px; color: rgb(247, 147, 56);}
.product-form-middle-in-tabb-in-doc-title {font-size: 17px; letter-spacing: 0.5px;}
.product-form-middle-in-tabb-in-doc a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; z-index: 9; cursor: pointer;}

.product-form-middle-in-tabb-in-docs-empty {width: 100%; padding: 30px 0px; text-align: center; position: relative;}
.product-form-middle-in-tabb-in-docs-empty-icon {width: 100%;   padding: 0px 0px 30px; position: relative;}
.product-form-middle-in-tabb-in-docs-empty-icon i {font-size: 70px; opacity: 0.25;}
.product-form-middle-in-tabb-in-docs-empty-text {width: 100%; letter-spacing: 0.5px; opacity: 0.75;position: relative;}

.product-form-middle-in-tabb-in-params {width: 80%; padding: 3% 10%; background: rgb(245,245,245); display: inline-block; position: relative;}
.product-form-middle-in-tabb-in-param {width: 100%; padding: 10px 0px; border-bottom: solid 1px rgb(222,222,222); display: inline-block; position: relative;}
.product-form-middle-in-tabb-in-param:last-child {border-bottom: none;}
.product-form-middle-in-tabb-in-param:hover {background: rgb(255,255,255);}
.product-form-middle-in-tabb-in-param-title {width: 50%; letter-spacing: 0.5px; font-weight: 500; float: left; position: relative;}
.product-form-middle-in-tabb-in-param-data {width: 50%; letter-spacing: 0.5px; font-weight: 300; float: left; position: relative;}

.product-form-middle-in-tabb-in-faqs {width: 100%; position: relative;}
.product-form-middle-in-tabb-in-faq {width: 100%; padding: 0px 0px 20px; position: relative;}
.pp-faq-active {}
.product-form-middle-in-tabb-in-faq-title {font-size: 18px; padding: 15px 10px 15px 60px; letter-spacing: 0.5px; font-weight: 500; background: rgb(242,242,242); cursor: pointer; position: relative;}
.product-form-middle-in-tabb-in-faq-title i {font-size: 22px; top: 16px; left: 25px; color: rgb(241, 89, 39); position: absolute;}
.product-form-middle-in-tabb-in-faq-title:hover {background: rgb(230,230,230);}
.product-form-middle-in-tabb-in-faq-data {max-height: 0px; padding: 0px 60px; margin: auto; font-weight: 300; letter-spacing: 0.5px; transition: all 0.5s; overflow: hidden; text-align: justify;}
.pp-faq-active .product-form-middle-in-tabb-in-faq-data {max-height: 999px; padding: 15px 60px 20px;}




/* PRODUCT - MICROS */
.product-form-micros {width: 33%; margin: 50px auto 0px 2%; top: 160px; float: left; position: sticky;}
.product-form-micros-in {width: 100%; position: relative;}
.product-form-micros-in-item {width: 100%; margin: 0px auto 12px; position: relative;}










/* NEXT PREV */
.next-prev-holder {width: 100%; margin: 4% auto 5%; display: inline-block; position :relative;}
.next-prev {width: 49%; max-width: 330px; height: 50px; background: rgb(234, 234, 234); position: relative;}
.next-prev {opacity: 0.6; transition: all 0.2s;}
.next-prev-btn {width: 20%; height: 50px; font-size: 38px; cursor: pointer; position: absolute;}
.this-prev {float: left;}
.this-next {float: right;}
.next-prev-form-text {width: 82%; height: 50px; line-height: 52px; font-size: 16px; letter-spacing: 1px; white-space: nowrap; text-transform: uppercase;}
.next-prev a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3;}
.this-prev .next-prev-form {}
.this-prev .next-prev-btn {left: 0px;}
.this-prev .next-prev-form-text {text-align: left; float: right;}
.this-next .next-prev-form {}
.this-next .next-prev-btn {right: 0px;}
.this-next .next-prev-form-text {text-align: right; float: left;}
.next-prev:hover {opacity: 1; background: rgb(5, 104, 57);}
.next-prev:hover .next-prev-form-text {color: rgb(255,255,255);}
.next-prev:hover .next-prev-btn i {color: rgb(255,255,255) !important;}













/* PRODUCT RELATED KATALOG */
.product-form-related-katalog {width: 100%; position: relative;}
.product-form-related-katalog:before {width: 100vw; height: 100%; left: -100%; right: -100%; top: 0%; bottom: 0%; background: rgb(244, 244, 244); margin: auto; position: absolute; content:'';}
.product-form-related-katalog-in {width: 106%; padding: 35px 0px; margin: 0% 0% 0% -3%; display: flex; position: relative;}

.product-form-related-katalog-in-items {display: flex; flex-wrap: wrap; gap: 17px 0%; justify-content: center; position: relative;}

.product-form-related-katalog-in-item {width: 16.66%; height: 80px; display: flex; align-items: center; transition: all 0.5s; position: relative;}
.product-form-related-katalog-in-item:hover {background: rgb(234,234,234);}
.product-form-related-katalog-in-item-icon {width: 60px; height: 80px; display: flex; justify-content: center; align-items: center;  background: rgb(244, 244, 244); transition: all 0.5s;}
.product-form-related-katalog-in-item-icon i {font-size: 34px; color: rgb(5, 104, 57);}
.product-form-related-katalog-in-item-icon img {width: 80px; height: 80px; object-fit: contain; mix-blend-mode: multiply; opacity: 1; transition: all 0.5s;}
.product-form-related-katalog-in-item-icon .lazyloaded {opacity: 1;}
.product-form-related-katalog-in-item:hover .product-form-related-katalog-in-item-icon {background: rgb(234,234,234);}

.product-form-related-katalog-in-item-title {width: auto; font-size: 17px; line-height: 20px; letter-spacing: 0.1px; color: rgb(20, 63, 80); flex-grow: 1; font-weight: 500; text-align: left;}
.product-form-related-katalog-in-item-title {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.product-form-related-katalog-in-item a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; cursor: pointer; z-index: 3;}






/* KONFIG */
.pro-konfig-form {width: 100%; position: relative;}

.pro-konfig-form-top {width: 100%; height: 50px; margin: 10px auto 20px; background: rgb(222,222,222); cursor: pointer; position: relative;}
.pro-konfig-form-top-icon {width: 23%; height: 100%; left: 0px; top: 0px; text-align: center; position: absolute;}
.pro-konfig-form-top-icon i {font-size: 30px; line-height: 50px; color: rgb(30, 190, 123);}
.pro-konfig-form-top-text {width: 80%; height: 100%; line-height: 50px; left: 20%; top: 0px; text-align: left; white-space: nowrap; position: absolute;}
.pro-konfig-form-top-text span {letter-spacing: 1px; word-spacing: 2px; white-space: nowrap;}


.pro-konfig-form-main {width: 96%; max-height: 0px; margin: 0px 2%; position: relative; overflow: hidden; transition: all 0.3s;}
.pro-konfig-form-main-active {max-height: 999px; transition: all 3s;}


.pro-konfig-form-main-item {width: 100%; min-height: 55px; margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px solid rgba(192, 192, 192, 0.2); display: inline-block; position: relative;}
.pro-konfig-form-main-item:last-child {border-bottom: none;}

.pro-konfig-form-main-item-title {width: 60%; padding: 6px 0px 3px; float: left;}
.pro-konfig-form-main-item-title i {font-size: 17px; padding: 0px 6px 0px 0px; color: rgb(30, 190, 123);}
.pro-konfig-form-main-item-title span {font-size: 17px; letter-spacing: 1px; font-weight: 500;}



.pro-konfig-form-main-item-input {width: 20%; top: 1px; right: -6px; position: absolute;}

.pro-konfig-form-main-item-input-input {width: 65%; height: 30px;float: left; box-shadow: 0px 0px 0px 1px rgba(109, 110, 113, 0.2);}
.pro-konfig-form-main-item-input-input input {width: 90%; height: 22px; padding: 4px 1%; text-align: center; border: none !important; font-family: 'Montserrat', sans-serif;}

.pro-konfig-form-main-item-input-unit {width: 35%; height: 30px; text-align: center; float: left;}
.pro-konfig-form-main-item-input-unit span {height: 30px; line-height: 30px; font-size: 13px; letter-spacing: 1px;}

.pro-konfig-form-main-item-price {width: 20%; font-size: 14px; text-align: right; top: 38px; right: -1px; position: absolute;}
.pro-konfig-form-main-item-price span {font-size: 15px; padding-right: 2px; color: rgb(94, 187, 70); font-weight: 600;}

.pro-konfig-form-main-item-text {width: 80%; float: left;}
.pro-konfig-form-main-item-text span {font-size: 11px; line-height: 13px; letter-spacing: 0.5px; opacity: 0.5; display: inline-block;}



.pro-konfig-form-main-item-select {width: 100%; height: 40px; margin: 5px auto 0px; background: rgb(247, 247, 247); box-shadow: inset 0px 0px 0px 1px silver; cursor: pointer; float: left; position: relative;}

.pro-konfig-form-main-item-select-input  {width: 100%; height: 40px; position: relative; z-index: 1;}
.pro-konfig-form-main-item-select-input select {height: 40px; width: 100%; padding: 0px 0px 0px 2%; border: none !important; background: transparent !important; cursor: pointer;}
.pro-konfig-form-main-item-select-input select {font-size: 16px; letter-spacing: 1px; font-family: 'Montserrat', sans-serif;}


.pro-konfig-form-main-item-select-price {font-size: 13px; top: 10px; right: 5%; position: absolute; z-index: 9; pointer-events: none;}
.pro-konfig-form-main-item-select-price span {font-size: 18px; padding-right: 2px; color: rgb(94, 187, 70); font-weight: 600;}
















.product-add-button-form {height: 60px; width: 100%; bottom: 0px; position: sticky; overflow: hidden; z-index: 9; box-shadow: 0px -10px 20px 0px rgb(255, 255, 255);}
.product-add-button {width: 100%; height: 44px; padding: 8px 0px; background: rgb(238, 238, 238); box-shadow: 0px -5px 26px -5px white;}
.product-add-button-i {width: 8%; font-size: 17px; padding: 11px 8px 0px 0px; color: rgb(113, 113, 113); text-align: center; float: right;}
.product-add-button-q {width: 12%; padding: 4px 0px; text-align: center; float: right;}
.product-add-button-q input {text-align: center; padding-right: 3px !important;}
.product-add-button button {height: 44px; margin: 0px 0px 0px 8px; padding: 0px 60px; background: rgb(30, 190, 123); color: white; display: inline; border: none; cursor: pointer; text-align: center;}
.product-add-button button:hover {opacity: 0.75;}
.product-add-button button {font-size: 22px; line-height: 44px; font-family: 'Open Sans', sans-serif; font-weight: 200; letter-spacing: 2px; text-transform: uppercase;}
.product-add-button button i {font-size: 26px; margin-right: 8px;}

.pab-fixed {bottom: 0px; position: fixed; z-index: 1;}




.product-ratings {width: 100%; display: inline-block;}
.product-ratings-form {width: 90%; padding: 5%; display: inline-block; background: whitesmoke;}
.product-ratings-title {color: rgb(89, 89, 89);font-size: 16px;letter-spacing: 0.5px; margin-top: 2%;background: rgb(225, 225, 225);padding: 15px 5%;width: 90%;text-transform: uppercase;font-weight: 400;letter-spacing: 0.5px;display: inline-block;}
.product-ratings-title i {margin-right: 10px;}

.product-ratings-form-self {width: 100%; padding: 15px 0px; margin-bottom: 20px; background: rgb(234, 234, 234); display: inline-block; position: relative;}
.product-ratings-form-self i {color: rgb(30, 190, 123); font-size: 33px; height: 33px; width: 33px; left: 4%; top: 0px; bottom: 0px; margin: auto; position: absolute;}
.product-ratings-form-self-text {width: 85%; padding-left: 15%; font-weight: 300; letter-spacing: 0.4px;}
.product-ratings-form-self-text span {font-weight: 600;}


.product-ratings-form-post-add {text-align: center; margin: 30px auto 45px;}
.product-ratings-form-post-add div {background: rgb(0, 0, 0); padding: 1.8% 5%; color: white;cursor: pointer;display: inline; text-transform: uppercase;font-size: 15px;}
.product-ratings-form-post-add div i {margin-right: 5px;}
.product-ratings-form-post-add:hover {opacity: 0.75;}

.product-ratings-form-post {width: 100%; display: none;}
.product-ratings-form-post-top {float: left; width: 50%; margin-bottom: 2%;}
.product-ratings-form-post-top input {padding: 9px; height: 20px; width: 85%; font-family: 'Titillium Web', sans-serif;}
.product-ratings-form-post-top img {height: 40px;}
.product-ratings-form-post-text {width: 100%; display: inline-block;}
.product-ratings-form-post-text textarea {width: 96%; padding: 2%; font-family: 'Titillium Web', sans-serif;}
.product-ratings-form-post-send button {margin: 2% 0px 2%; padding: 1.7% 6%; font-size: 15px; color: white; text-transform: uppercase; border: none; cursor: pointer;}
.product-ratings-form-post-send:hover {opacity: 0.8;}

.clasificacion {height: 36px;margin-top: 2px;unicode-bidi: bidi-override;direction: rtl;width: 220px;-webkit-user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.clasificacion input[type="radio"] {display: none;}
.clasificacion label {color: rgb(128, 128, 128);font-size: 22px; user-select: none;}
.clasificacion input[type="radio"]:checked ~ label {color: orange;}
.clasificacion input[type="radio"]:hover ~ label {color: orange; cursor: pointer;}

.product-ratings-form-item {padding-bottom: 2%; margin: 2% auto; border-bottom: 1px solid rgb(215, 215, 215);}
.product-ratings-form-item:last-child {margin-bottom: 0px; border-bottom: 0px;}
.product-ratings-form-item-head {font-size: 15px;}
.product-ratings-form-item-head .fa-star {color: orange;}
.product-ratings-form-item-head .fa-star-o {opacity: 0.5;}
.product-ratings-form-item-head span {font-size: 13px; opacity: 0.7;}
.product-ratings-form-item-text {margin-top: 1%;font-size: 15px;}
.product-ratings-form-item-author {display: none;}
.product-ratings-form-empty {margin: 2% auto 10%; text-align: center; font-size: 15px; opacity: 0.6; letter-spacing: 0.2px;}





.product-action-price {font-size: 12px; padding: 2px 5px; background: rgb(134, 206, 102); font-weight: 300; right: 15px; top: 15px; position: absolute; z-index: 3; box-shadow: 0px 3px 5px 2px rgb(255, 255, 255); pointer-events: none; letter-spacing: 0.6px; transform: rotate(15deg); color: white;}
.in-p-price {font-size: 14px; top: -5px; right: -18px; left: auto; transform: rotate(15deg); box-shadow: 0px 0px 10px 1px rgb(255, 255, 255);}




.product-add-extra {width: 100%; padding-top: 2px; display: inline-block; border-top: 1px solid rgb(236, 236, 236); position: relative;}
.product-add-extra table {width: 100%;}
.product-add-extra table tbody {font-size: 14px;color: rgb(75, 75, 75);}
.product-add-extra table tbody tr {position: relative;}
.product-add-extra table tbody td {padding: 6px 0px 6px 3px;}
.product-add-extra table tbody td strong {letter-spacing: 0.5px; font-weight: 500;}
.product-add-extra table tbody td input:hover {cursor: pointer; opacity: 1;}
.product-add-extra table tbody td input:not(:checked) {opacity: 0.5;}

.p-a-e-t {}
.p-a-e-t i {color: rgb(216, 163, 129); font-size: 25px; float: left; margin-top: -2px; margin-right: 8px;margin-bottom: -4px; margin-left: 5px;}
.p-a-e-p {text-align: right;}
.p-a-e-i {width: 7%;padding-left: 3px !important;padding-right: 3px !important;text-align: center;}

.p-a-e-t .extra-hint {background: white; padding: 3% 3% 3% 16%; position: absolute; top: 100%; box-shadow: 0px 5px 10px -5px black; z-index: 3; width: 77%; margin: auto;left: 0px;right: 0px; border-top: 2px solid rgb(0, 0, 0);}
.p-a-e-t .extra-hint {line-height: 17px; font-size: 13px; color: rgb(95, 95, 95); opacity: 0; transform: scale(1,0); transform-origin: center top;}
.p-a-e-t .extra-hint:before {width: 40px; height: 40px; font-size: 40px; line-height: 40px; opacity: 0.4; content: '\f05a'; position: absolute; top: 0px; bottom: 0px; left: 5%; margin: auto; font-family: FFAA LIGHT;}
.p-a-e-tr:hover .extra-hint {opacity: 1; transform: scale(1);}



.pro-color-form {width: 100%; display: inline-block; margin-bottom: 25px;}
.pro-color-form-title {font-size: 16px; margin-bottom: 5px; letter-spacing: 0.5px; font-weight: 300;}
.pro-color-container {width: 29px; height: 28px; margin: 1% 1% 3%; cursor: pointer;font-size: 22px;user-select: none;background-color:white;text-align:center; border-radius: 50%; display:block;position: relative; float: left; border: 1px solid silver;}
.pro-color-container input {position: absolute; opacity: 0; cursor: pointer;}
.pro-color-colors {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; display: block; border-radius: 50%; transition: all 0.2s;}
.pro-color-container:hover input ~ .pro-color-colors {box-shadow: 0px 0px 3px 0px rgb(0, 0, 0);}
.pro-color-container input:checked ~ .pro-color-colors {box-shadow: 0px 0px 0px 3px rgb(30, 190, 123);}
.pro-color-container input:disabled ~ .pro-color-colors {opacity:0.25; cursor: no-drop; transition: all 0.3s; box-shadow: 0px 0px 0px 2px red;}
.pro-color-container input:disabled ~ .pro-color-colors-title {opacity: 0.5; color: red; cursor: no-drop;}


.pro-color-colors:after {font-size: 20px; line-height: 26px; color: white; width: 26px; height: 26px; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; content: "\f00c"; font-family: 'Font Awesome 5 Pro'; position: absolute; display: none; text-align: center; text-shadow: 2px 0px 0px rgb(0, 0, 0),0px 2px 0px rgb(0, 0, 0),-1px 0px 0px rgb(0, 0, 0);}
.pro-color-container input:checked ~ .pro-color-colors:after {display: block;}
.pro-color-container .pro-color-colors:after {}

.pro-color-colors-title {font-size: 11px; line-height: 10px; top: 38px; left: 1px; position: absolute; opacity: 0;}

.pro-color-container:hover .pro-color-colors-title {opacity: 1;}



.pro-color-container-1 {width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; position: absolute !important; padding: 0px !important; border-radius: 50%;}
.pro-color-container-2 {width: 100% !important; height: 50% !important; left: 0px !important; top: 0px !important; position: absolute !important; padding: 0px !important; border-radius: 50%;}
.pro-color-container-3 {width: 50% !important; height: 50% !important; right: 0px !important; top: 0px !important; position: absolute !important; padding: 0px !important; border-radius: 50%;}
.pcc-disabled {opacity: 0.25; cursor: no-drop; transition: all 0.3s;}
.pcc-disabled:hover {opacity: 0.15;}



.pro-variants-form {width: 100%; display: inline-block; margin-bottom: 25px;}
.pro-variants-form-title {font-size: 16px; margin-bottom: 5px; letter-spacing: 0.5px; font-weight: 300;}
.pro-variant-container {width: 31%; margin: 1%; font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color:rgb(240, 240, 240);text-align:center; display:block;position: relative; float: left; cursor: pointer; }
.pro-variant-container input {position: absolute; opacity: 0; cursor: pointer;}
.pro-variant-item {width: 96%; padding: 4% 2%; font-size: 18px; position: relative; display: table; transition: all 0.2s;}
.pro-variant-item-img {}
.pro-variant-item-img img {width: auto; height: 100%; transition: all 0.5s;}
.pro-variant-item-img img:hover {opacity: 0.5; transform: scale(1.2);}
.pro-variant-item-text {font-size: 15px;}
.pro-variant-container input:checked ~ .pro-variant-item {box-shadow: 0px 0px 0px 2px rgb(30, 190, 123);}



.product-variants-table {width: 100%; padding: 50px 0px 50px;}
.product-variants-table table {width: 100%;}
.product-variants-table table th, .product-variants-table table td {padding: 11px 5px;}
.product-variants-table table th {font-size: 12px; padding: 9px 5px; letter-spacing: 0.6px; font-weight: 600; color: rgb(66, 66, 66); background: rgb(225, 225, 225);}
.product-variants-table table tr th:last-child {width: 1%; text-align: center;}
.product-variants-table table td {font-size: 14px; letter-spacing: 0.2px; font-weight: 400;}
.product-variants-table table tr td:last-child {width: 1%; text-align: center;}
.product-variants-table table tr:nth-child(odd) td {background: rgb(247, 247, 247);}
.product-variants-table table tr td i {font-size: 16px; color: rgb(43, 84, 168); padding: 5px 10px; margin: -5px auto; cursor: pointer; float: right;}
.product-variants-table table tr td i:hover {opacity: 0.7;}
.product-variants-table table tr:hover td {background: rgb(227, 227, 227);}







.product-about-brand {width: 100%; padding-top: 15px; display: table;}
.product-about-brand-logo {width: 20%; position: relative; display: table-cell;}
.product-about-brand-logo img {max-width: 90%; max-height: 90%; left: 0px; top: 0px; bottom: 0px; margin: auto; position: absolute;}
.product-about-brand-text {width: 80%; position: relative; display: table-cell;}
.product-about-brand-text {font-size: 12px; opacity: 0.6; text-align: justify;}


#new-basket-price {width: 100%;margin: 10px auto; padding: 15px 0px;text-align: center;text-transform: uppercase;font-size: 17px;font-weight: 300;color: rgb(120, 120, 120);border-top: 1px solid rgb(139, 166, 175); display: none; position: relative;}
#new-basket-price span {color: rgb(47, 49, 61); font-weight: 600; font-family: Arial;}




.product-add-box-shadow {display: none; background: rgba(221, 221, 221, 0.9); left: 0px; right: 0px; top: 0px; bottom: 0px; position: fixed; z-index:15; cursor: pointer;}
.product-add-box {display: none; width: 600px; top: 25vh; left: 0px; right: 0px; margin: auto; position: fixed; z-index:99; background: white; box-shadow: 0px 5px 50px -26px rgb(0, 0, 0);overflow: hidden;}
.product-add-box-title {font-size: 18px;text-transform: uppercase;font-weight: 400; padding: 15px 0px;color: white;text-align: center; letter-spacing: 1px;}
.product-add-box-title i {font-size: 22px; margin-right: 15px; opacity: 0.8;}
.product-add-box-text {text-align: justify; padding: 30px;}
.product-add-box-text-btns {padding: 0px 0px 20px; display: inline-block;width: 100%;}
.product-add-box-text-btn {color: #FFF; width: 40%; background: rgb(51, 51, 51); text-transform: uppercase; text-align: center; cursor: pointer; overflow: hidden;}
.product-add-box-text-btn a {color: white; display: block; padding: 15px 0px;}
.product-add-box-text-btn a:hover {text-decoration: none;}
.product-add-box-text-btn:hover {opacity: 0.8;}
.product-add-box-text-btns .con {float: left; margin-left: 30px;}
.product-add-box-text-btns .con a {color: rgb(255, 255, 255);}
.product-add-box-text-btns .end {float: right; margin-right: 30px;}
.new-cart-text {background: rgb(240, 240, 240);text-align: center;text-transform: uppercase;font-size: 15px;font-weight: 400;color: rgb(62, 62, 62);padding: 16px 0px;letter-spacing: 0.3px;}
.new-cart-text span {color: rgb(148, 193, 31); padding: 0px 5px; font-weight: 600; font-size: 19px;}

.new-cart-related {margin: 20px 2%; display: inline-block; width: 96%;}
.new-cart-related-head {text-transform: uppercase; margin-bottom: 15px; font-size: 12px; line-height: 14px; color: rgb(109, 110, 113);}

.new-cart-related-item {float: left; width: 18%; margin: 1%;}
.new-cart-related-item img {width: 100%; border-bottom: 2px solid rgb(139, 166, 175); padding-bottom: 5px;}
.new-cart-related-item-title {color: rgb(38, 38, 38); font-size: 12px; margin-top: 2px;}
.new-cart-related-item:hover {opacity: 0.8;}







#swiper-related {}
.product-related {width: 100%; margin: 8% auto 70px; position: relative; display: inline-block;}
.product-related-title {font-size: 28px; margin: 0px auto 20px; padding: 0px 0px 20px; color: rgb(5, 104, 57); font-weight: 500; text-align: center; text-transform: uppercase; letter-spacing: 0px; word-spacing: 3px; border-bottom: 1px solid rgb(234,234,234);}
.related-item {width: 98%; margin: 10px 10px !important; float: none !important; display: inline-block;}

.product-related-item .web-content-products-item {width: 98%; margin: 1% 1%;}

.product-related .products-related-btn {width: 30px; height: 30px; top: 5px; position: absolute; text-align: center; cursor: pointer;} 
.product-related .products-related-btn i {font-size: 30px; width: 30px; text-align: center;}
.product-related .ps-rel-next {right: 0px;}
.product-related .ps-rel-prev {left: 0px;}
.product-related .swiper-button-next.swiper-button-disabled, .product-related .swiper-button-prev.swiper-button-disabled {opacity: 0.15;}
.product-related .swiper-pagination {width: 100%; bottom: -55px;}
.product-related .swiper-pagination .swiper-pagination-bullet {width: 14px; height: 14px; margin: 0px 4px; border: transparent;}
.product-related .swiper-pagination  .swiper-pagination-bullet-active {background: rgb(5, 104, 57);}


.product-info-box {width: 100%; display: inline-block; margin-top: 30px;}
.product-info-box-head {width: 100%; display: table;}
.product-info-box-head-item {background: rgb(230, 230, 230); padding: 10px 0px; border-left: 5px solid white; text-align: center; display: table-cell; min-width: 5%; cursor: pointer;}
.product-info-box-head-item:first-child {border: none;}
.product-info-box-head-item i {padding-right: 5px;}
.p-i-b-h-i-active {background: rgb(72, 161, 183); color: white;}
.product-info-box-tabs {width: 100%; display: inline-block; margin-top: 15px;}
.product-info-box-tab {width: 94%; margin: auto; display: none;}

.product-docs {}
.product-docs div {margin: 3%; display: block;}
.product-docs div i {font-size: 19px; margin-right: 5px;}
.product-docs div a {font-size: 17px; letter-spacing: 0.1px;}

.product-parameters {}
.product-parameters table {border: none; margin: 0px; padding: 0px;}
.product-parameters table tr:nth-child(even){background: rgb(246, 246, 246);}
.product-parameters table td {width: 50%; border-bottom: 1px solid silver; padding: 10px 12px; margin: 0px;}








.product-buy-also {width: 100%; margin: 50px 0px -5px; position: relative;}
.product-buy-also-in {width: 100%; display: table; position: relative;}
.product-buy-also-in-icon {width: 25%; background: black; float: left;}
.product-buy-also-in-icon-i {width: 38%; height: 115px; text-align: center; float: left;}
.product-buy-also-in-icon-i i {font-size: 80px; line-height: 110px; color: white;}
.product-buy-also-in-icon-text {width: 62%; height: 115px; background: rgba(255, 255, 255, 0.1); color: white; text-align: center; float: right;}
.product-buy-also-in-icon-text-title {font-size: 26px; line-height: 34px; letter-spacing: 4px; padding-top: 12px; font-weight: 600; text-transform: uppercase;}
.product-buy-also-in-icon-text-subtitle {font-size: 14px; letter-spacing: 1px; font-weight: 200;}


.product-buy-also-in-items {width: 74%; margin: 0px 0px 0px 26%; display: table; position: relative;}
.product-buy-also-in-items div {height: 50px; width: 18.8%; margin: 0px 1.5% 1.5% 0px; box-shadow: inset 0px 0px 1px 1px rgb(216, 163, 129); text-transform: uppercase; text-align: center; float: left;}
.product-buy-also-in-items div:nth-child(5n+5) {margin-right: 0px;}
.product-buy-also-in-items div a {font-size: 15px; line-height: 50px; letter-spacing: 1px; display: block;}