
/* 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%; position: relative;}


.product-slider {width: 100%; height: 750px; height: calc(80vh - 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: 90px; position: absolute;}
.gallery-top-slide {}
.gallery-top-slide img {width: 100%; height: 100%; display: block; object-fit: contain;}
.gallery-top-slide a {width: 100%; height: 100%; display: block; position: absolute; z-index: 9;}


.gallery-thumbs {height: 80px; width: 100% !important; left: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 9;}
.gallery-thumbs .swiper-wrapper {}
.gallery-thumbs .swiper-slide {width: 18%; height: 100%; opacity: 0.5; cursor: pointer;}
.gallery-thumbs .swiper-slide { height: 80px;}
.gallery-thumbs .swiper-slide img {width: 100%; height: 100%; display: block; object-fit: contain;}

.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(168, 139, 96); color: rgb(255, 255, 255); white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 300; display: inline-block; border-radius: 20px; overflow: hidden;}
.product-slider-tags .p-tag-novinka {background: rgb(62, 193, 89);}



.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 {width: 100%;margin: 10px auto;background: rgb(248, 248, 248);padding: 15px 0px;border-top: 1px solid rgb(26, 26, 24); position: relative; display: inline-block;}
.product-vernost span {font-weight: 600;}
.product-vernost b {color: rgb(210, 171, 103);}
.product-vernost-icon {width: 8%; padding-left: 3%; font-size: 30px; height: 30px; color: rgb(236, 0, 140); float: left; text-align: center;}
.product-vernost-hint {width: 46%; font-size: 12px; line-height: 15px; height: 30px; margin-right: 4%; font-weight: 400; color: rgb(0, 0, 0); text-transform: uppercase; float: left; text-align: center;}
.product-vernost-points {width: 38%; float: left;}
.product-vernost-points div { font-size: 13px; line-height: 15px; height: 30px; font-weight: 600;color: rgb(0, 0, 0); float: left; text-transform: uppercase;}
.product-vernost-points div b {color: rgb(236, 0, 140); font-size: 30px; line-height: 25px; font-weight: 600; }
.product-vernost-points-1 {text-align: center; width: 50%;}
.product-vernost a {width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; 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: 15px; width: 100%; display: inline-block;}
.product-form-right-box-top-title h2 {font-size: 48px; line-height: 60px; margin: 0px 0px 10px; padding: 0px; letter-spacing: 1px; color: rgb(141, 198, 63); font-weight: 700;}
.product-form-right-box-top-title h2 {background: linear-gradient(90deg,rgb(142, 186, 39) 0%, rgb(11, 129, 79) 50%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;}

.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(247, 147, 56); float: left;}

.product-form-right-box-top-text {width: 100%; font-size: 13px; margin: 15px auto; color: rgb(123, 123, 123); letter-spacing: 0.3px; position: relative;}
.product-form-right-box-top-text span {font-weight: 600; color: rgb(142, 186, 39); cursor: pointer;}





.product-price {width: 100%; margin: 15px auto; border-top: 1px solid rgb(236, 236, 236); padding-top: 15px; display: inline-block;}
.product-price-info {float: left;width: 50%;}
.product-price-info-1 {font-size: 15px; opacity: 0.9; height: 19px; color: red;}
.product-price-info-1 span {text-decoration: line-through; font-weight: 600;}
.product-price-info-2 {height: 20px; font-size: 12px; opacity: 0.9; font-weight: 600;}
.product-price-info-3 {color: rgb(30, 190, 123); margin-top: 10px; opacity: 0.9; font-weight: 600;height: auto;}
.product-price-price {font-size: 18px; color: rgb(30, 190, 123); width: 50%; letter-spacing: 2px; font-weight: 900; text-align: right; position: relative; float: right;}
#pro_price {font-size: 32px;}

.product-price-price-old {font-size: 12px; color: rgb(180, 180, 180); margin-top: -1px; width: 50%; text-align: right; position: relative; float: right;}
.product-price-price-old span {font-size: 14px; color: rgb(48, 48, 48);}

.product-price-text {width: 88%; padding: 2% 2% 2% 10%; margin-bottom: 20px; border: 1px dashed rgb(0, 73, 150); background: rgba(41, 170, 226, 0.05); position: relative;}
.product-price-text {font-size: 15px; line-height: 20px; font-weight: 600;}
.product-price-text i {font-size: 30px; width: 30px; height: 30px; left: 3%; top: 0px; bottom: 0px; margin: auto; position: absolute;}



.product-variants {margin: 0px auto 25px; width: 100%;}
.product-variants-title {font-size: 16px; background: rgb(31, 41, 62); padding: 14px 3%; letter-spacing: 1px; color: white; text-transform: uppercase;}
.product-variants-title i {font-size: 26px; margin: -4px 15px 0px 9px; color: rgb(0, 128, 198); float: left;}
.product-variants table {width: 100%; margin-top: 5px; border-collapse: collapse !important;}
.product-variants table thead {font-size: 9px;font-weight: 400;color: gray;width: 100%; background: rgb(246, 246, 246);}
.product-variants table thead th {padding: 4px 0px 4px 3px;}
.product-variants table tbody {font-size: 14px;}
.product-variants table tbody tr {}
.product-variants table tbody td {padding: 5px 0px 5px 3px; position: relative;}
.product-variants-img {text-align: center;}
.product-variants-price {width: 6%; padding-left: 3px !important; padding-right: 3px !important; text-align: center;}
.product-variants-price input {cursor: pointer;}


.var-item:hover {box-shadow: 0px 0px 1px 1px rgb(251, 224, 219); background: rgba(251, 224, 219, 0.3);}
.var-active, .var-active:hover {box-shadow: 0px 0px 0px 1px rgba(30, 190, 123, 0.43); background: rgba(30, 190, 123, 0.08);}
.var-color-active {box-shadow: 0px 0px 0px 1px rgba(30, 190, 123, 0.43);}











/* PRODUCT - HELP */
.product-form-help {width: 100%; margin: 50px 0px 0px; position: relative;}
.product-form-help-in {min-height: 100px; margin: 0px; background: rgb(249, 249, 249); 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(11, 129, 79);}
.product-form-help-in-icon i:after {color: rgb(187, 159, 124); 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(142, 186, 39); letter-spacing: 0.5px; font-weight: 600;}
.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: 4px 10px 0px 0px; color: rgb(11, 129, 79); 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 2px rgb(141, 198, 63); 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);}
.pp-tab-active {background: linear-gradient(90deg,rgb(142, 186, 39) 0%, rgb(11, 129, 79) 50%) !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-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 {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: 180px; 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: 24%; height: 50px; background: rgb(234, 234, 234); position: relative;}
.next-prev {opacity: 0.6; filter: grayscale(100%); 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; filter: grayscale(0%);}


















/* 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: 100%; max-width: 1400px; padding: 35px 0px; margin: 0% auto; display: flex; position: relative;}

.product-form-related-katalog-in-items {display: flex; flex-wrap: wrap; flex-grow: 2;}

.product-form-related-katalog-in-item {width: 33%; height: 100px; display: flex; align-items: center; transition: all 0.5s; position: relative;}
.product-form-related-katalog-in-item:hover {background: rgba(0,0,0,0.05);}
.product-form-related-katalog-in-item-icon {width: 25%; padding: 0% 0% 0% 5%; text-align: center;}
.product-form-related-katalog-in-item-icon i {font-size: 36px; color: rgb(141, 198, 63); transition: all 0.5s;}
.product-form-related-katalog-in-item:hover i {transform: scale(1.2);}
.product-form-related-katalog-in-item-title {width: 70%; font-size: 17px; line-height: 20px; letter-spacing: 0.5px; color: rgb(11, 129, 79); font-weight: 600; text-align: left;}
.product-form-related-katalog-in-item a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; cursor: pointer; z-index: 3;}

.product-form-related-katalog-in-data {width: 350px; position: relative;}
.product-form-related-katalog-in-data-icon {width: 100%; text-align: center; transition: all 0.5s;}
.product-form-related-katalog-in-data:hover .product-form-related-katalog-in-data-icon {transform: translateY(-5px);}
.product-form-related-katalog-in-data-icon i {font-size: 150px;}
.product-form-related-katalog-in-data-icon i:before {color: rgb(139, 185, 40);}
.product-form-related-katalog-in-data-icon i:after {color: rgb(255, 255, 255); text-shadow: 8px 10px 20px rgb(134, 134, 134);}
.product-form-related-katalog-in-data-title {width: 100%; font-size: 15px; padding: 15px 0px 0px; text-align: center;}
.product-form-related-katalog-in-data-title span {opacity: 0.5; font-weight: 300;}
.product-form-related-katalog-in-data-title i {padding-left: 8px; color: rgb(141, 198, 63);}
.product-form-related-katalog-in-data 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%; position: relative; overflow: hidden;}
.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: 'Poppins', sans-serif; font-weight: 400; 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 50px; position: relative; display: inline-block;}
.product-related-title {font-size: 32px; font-weight: 600; margin: 0px auto 15px; padding: 0px 0px 12px; color: rgb(187, 159, 124); text-align: center; letter-spacing: 1px; word-spacing: 2px; border-bottom: 1px solid rgb(195, 195, 195);}
.product-related-title span {background: linear-gradient(90deg,rgb(142, 186, 39) 0%, rgb(11, 129, 79) 50%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;}


.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: 10px; 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: -45px;}
.product-related .swiper-pagination .swiper-pagination-bullet {margin: 4px; border: transparent;}
.product-related .swiper-pagination  .swiper-pagination-bullet-active {background: rgb(247, 147, 56);}


.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;}








