/* Target: #DC001B Searchfor: #BC0C16 */ .dax-reg { font-family: ff-dax-pro, sans-serif; font-weight: 400; font-style: normal; } .dax-med { font-family: ff-dax-pro, sans-serif; font-weight: 600; font-style: normal; } .dax-wide-reg { font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; font-style: normal; } .dax-wide-med { font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-style: normal; } [class*='col-'],.owl-item { border: 0px solid red } .container { border: 0px solid green } /*MAIN STYLES*/ body { font-family: ff-dax-pro, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: 0px; color:#7A7380; overflow-x: hidden; } /* body.tax-product_cat,body.page-id-546{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='180' height='120' id='Ebene_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 60 40'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-2 %7B fill: %23e8e0d666; %7D .cls-3 %7B fill: url(%23Rs6_3); %7D %3C/style%3E%3Cpattern id='Rs6_3' x='0' y='0' width='60' height='40' patternTransform='translate(330 3826)' patternUnits='userSpaceOnUse' viewBox='0 0 60 40'%3E%3Crect class='cls-1' width='60' height='40' /%3E%3Cpath class='cls-2' d='m26.42,45.18c0,.48.47.89,1.24.89.66,0,1.23-.25,1.51-.42l.6,1.26c-.72.37-1.51.58-2.66.58-1.92,0-3.14-1.16-3.14-2.44,0-2.46,3.47-1.78,3.47-3.36,0-.53-.58-.96-1.33-.96-.69,0-1.38.27-1.78.47-1.18.56-3.36,2.72-3.36,2.72v.03c1.74.2,2.85,1.2,2.85,2.59,0,1.89-1.46,3.14-4.58,3.14-1.37,0-2.65-.25-3.51-.58v-7.12c0-1.41,1.15-2.56,2.56-2.56h0v4.55h.03s3.7-3.39,5.39-4.17c.56-.31,1.62-.58,2.75-.58,2.19,0,3.55,1.18,3.55,2.54,0,2.5-3.58,1.93-3.58,3.44Zm-7.41-.77c-.29,0-.56.03-.73.07v3.7c.22.09.54.18.95.18,1.43,0,2-.63,2-1.93s-.72-2.02-2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m.87,41.75c0-1.36,1.36-2.54,3.55-2.54,1.13,0,2.19.28,2.75.58,1.69.78,5.39,4.17,5.39,4.17h.03v-4.55s0,0,0,0c1.41,0,2.56,1.15,2.56,2.56v7.12c-.86.34-2.13.58-3.51.58-3.11,0-4.58-1.26-4.58-3.14,0-1.39,1.11-2.38,2.85-2.59v-.03s-2.18-2.16-3.36-2.72c-.41-.2-1.1-.47-1.78-.47-.75,0-1.33.44-1.33.96,0,1.58,3.47.91,3.47,3.36,0,1.29-1.23,2.44-3.14,2.44-1.16,0-1.94-.22-2.66-.58l.6-1.26c.28.18.85.42,1.51.42.77,0,1.24-.41,1.24-.89,0-1.51-3.58-.94-3.58-3.44Zm8.77,4.68c0,1.3.57,1.93,2,1.93.41,0,.73-.09.95-.18v-3.7c-.18-.04-.44-.07-.73-.07-1.51,0-2.22.77-2.22,2.02Z' /%3E%3Cpath class='cls-2' d='m60.12,37.98c0,1.36-1.36,2.54-3.55,2.54-1.13,0-2.19-.28-2.75-.58-1.69-.78-5.39-4.17-5.39-4.17h-.03v4.55h0c-1.41,0-2.56-1.15-2.56-2.56v-7.12c.86-.34,2.13-.58,3.51-.58,3.11,0,4.58,1.26,4.58,3.14,0,1.39-1.11,2.38-2.85,2.59v.03s2.18,2.16,3.36,2.72c.41.2,1.1.47,1.78.47.75,0,1.33-.44,1.33-.96,0-1.58-3.47-.91-3.47-3.36,0-1.29,1.23-2.44,3.14-2.44,1.16,0,1.94.22,2.66.58l-.6,1.26c-.28-.18-.85-.42-1.51-.42-.77,0-1.24.41-1.24.89,0,1.51,3.58.94,3.58,3.44Zm-8.77-4.68c0-1.3-.57-1.93-2-1.93-.41,0-.73.09-.95.18v3.7c.18.04.44.07.73.07,1.51,0,2.22-.77,2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m34.58,34.54c0-.48-.47-.89-1.24-.89-.66,0-1.23.25-1.51.42l-.6-1.26c.72-.37,1.51-.58,2.66-.58,1.92,0,3.14,1.16,3.14,2.44,0,2.46-3.47,1.78-3.47,3.36,0,.53.58.96,1.33.96.69,0,1.38-.27,1.78-.47,1.18-.56,3.36-2.72,3.36-2.72v-.03c-1.74-.2-2.85-1.2-2.85-2.59,0-1.89,1.46-3.14,4.58-3.14,1.37,0,2.65.25,3.51.58v7.12c0,1.41-1.15,2.56-2.56,2.56h0v-4.55s-.03,0-.03,0c0,0-3.7,3.39-5.39,4.17-.56.31-1.62.58-2.75.58-2.19,0-3.55-1.18-3.55-2.54,0-2.5,3.58-1.93,3.58-3.44Zm7.41.77c.29,0,.56-.03.73-.07v-3.7c-.22-.09-.54-.18-.95-.18-1.43,0-2,.63-2,1.93s.72,2.02,2.22,2.02Z' /%3E%3Cpath class='cls-2' d='m56.54,25.03c0,.48.47.89,1.24.89.66,0,1.23-.25,1.51-.42l.6,1.26c-.72.37-1.51.58-2.66.58-1.92,0-3.14-1.16-3.14-2.44,0-2.46,3.47-1.78,3.47-3.36,0-.53-.58-.96-1.33-.96-.69,0-1.38.27-1.78.47-1.18.56-3.36,2.72-3.36,2.72v.03c1.74.2,2.85,1.2,2.85,2.59,0,1.89-1.46,3.14-4.58,3.14-1.37,0-2.65-.25-3.51-.58v-7.12c0-1.41,1.15-2.56,2.56-2.56h0v4.55h.03s3.7-3.39,5.39-4.17c.56-.31,1.62-.58,2.75-.58,2.19,0,3.55,1.18,3.55,2.54,0,2.5-3.58,1.93-3.58,3.44Zm-7.41-.77c-.29,0-.56.03-.73.07v3.7c.22.09.54.18.95.18,1.43,0,2-.63,2-1.93s-.72-2.02-2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m31,21.59c0-1.36,1.36-2.54,3.55-2.54,1.13,0,2.19.28,2.75.58,1.69.78,5.39,4.17,5.39,4.17h.03v-4.55s0,0,0,0c1.41,0,2.56,1.15,2.56,2.56v7.12c-.86.34-2.13.58-3.51.58-3.11,0-4.58-1.26-4.58-3.14,0-1.39,1.11-2.38,2.85-2.59v-.03s-2.18-2.16-3.36-2.72c-.41-.2-1.1-.47-1.78-.47-.75,0-1.33.44-1.33.96,0,1.58,3.47.91,3.47,3.36,0,1.29-1.23,2.44-3.14,2.44-1.16,0-1.94-.22-2.66-.58l.6-1.26c.28.18.85.42,1.51.42.77,0,1.24-.41,1.24-.89,0-1.51-3.58-.94-3.58-3.44Zm8.77,4.68c0,1.3.57,1.93,2,1.93.41,0,.73-.09.95-.18v-3.7c-.18-.04-.44-.07-.73-.07-1.51,0-2.22.77-2.22,2.02Z' /%3E%3Cpath class='cls-2' d='m30,18.13c0,1.36-1.36,2.54-3.55,2.54-1.13,0-2.19-.28-2.75-.58-1.69-.78-5.39-4.17-5.39-4.17h-.03v4.55h0c-1.41,0-2.56-1.15-2.56-2.56v-7.12c.86-.34,2.13-.58,3.51-.58,3.11,0,4.58,1.26,4.58,3.14,0,1.39-1.11,2.38-2.85,2.59v.03s2.18,2.16,3.36,2.72c.41.2,1.1.47,1.78.47.75,0,1.33-.44,1.33-.96,0-1.58-3.47-.91-3.47-3.36,0-1.29,1.23-2.44,3.14-2.44,1.16,0,1.94.22,2.66.58l-.6,1.26c-.28-.18-.85-.42-1.51-.42-.77,0-1.24.41-1.24.89,0,1.51,3.58.94,3.58,3.44Zm-8.77-4.68c0-1.3-.57-1.93-2-1.93-.41,0-.73.09-.95.18v3.7c.18.04.44.07.73.07,1.51,0,2.22-.77,2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m4.46,14.7c0-.48-.47-.89-1.24-.89-.66,0-1.23.25-1.51.42l-.6-1.26c.72-.37,1.51-.58,2.66-.58,1.92,0,3.14,1.16,3.14,2.44,0,2.46-3.47,1.78-3.47,3.36,0,.53.58.96,1.33.96.69,0,1.38-.27,1.78-.47,1.18-.56,3.36-2.72,3.36-2.72v-.03c-1.74-.2-2.85-1.2-2.85-2.59,0-1.89,1.46-3.14,4.58-3.14,1.37,0,2.65.25,3.51.58v7.12c0,1.41-1.15,2.56-2.56,2.56h0v-4.55s-.03,0-.03,0c0,0-3.7,3.39-5.39,4.17-.56.31-1.62.58-2.75.58-2.19,0-3.55-1.18-3.55-2.54,0-2.5,3.58-1.93,3.58-3.44Zm7.41.77c.29,0,.56-.03.73-.07v-3.7c-.22-.09-.54-.18-.95-.18-1.43,0-2,.63-2,1.93s.72,2.02,2.22,2.02Z' /%3E%3Cpath class='cls-2' d='m26.42,5.18c0,.48.47.89,1.24.89.66,0,1.23-.25,1.51-.42l.6,1.26c-.72.37-1.51.58-2.66.58-1.92,0-3.14-1.16-3.14-2.44,0-2.46,3.47-1.78,3.47-3.36,0-.53-.58-.96-1.33-.96-.69,0-1.38.27-1.78.47-1.18.56-3.36,2.72-3.36,2.72v.03c1.74.2,2.85,1.2,2.85,2.59,0,1.89-1.46,3.14-4.58,3.14-1.37,0-2.65-.25-3.51-.58V1.97c0-1.41,1.15-2.56,2.56-2.56h0V3.96h.03S22.01.57,23.7-.21c.56-.31,1.62-.58,2.75-.58,2.19,0,3.55,1.18,3.55,2.54,0,2.5-3.58,1.93-3.58,3.44Zm-7.41-.77c-.29,0-.56.03-.73.07v3.7c.22.09.54.18.95.18,1.43,0,2-.63,2-1.93s-.72-2.02-2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m.87,1.75c0-1.36,1.36-2.54,3.55-2.54,1.13,0,2.19.28,2.75.58,1.69.78,5.39,4.17,5.39,4.17h.03V-.59s0,0,0,0c1.41,0,2.56,1.15,2.56,2.56v7.12c-.86.34-2.13.58-3.51.58-3.11,0-4.58-1.26-4.58-3.14,0-1.39,1.11-2.38,2.85-2.59v-.03s-2.18-2.16-3.36-2.72c-.41-.2-1.1-.47-1.78-.47-.75,0-1.33.44-1.33.96,0,1.58,3.47.91,3.47,3.36,0,1.29-1.23,2.44-3.14,2.44-1.16,0-1.94-.22-2.66-.58l.6-1.26c.28.18.85.42,1.51.42.77,0,1.24-.41,1.24-.89,0-1.51-3.58-.94-3.58-3.44Zm8.77,4.68c0,1.3.57,1.93,2,1.93.41,0,.73-.09.95-.18v-3.7c-.18-.04-.44-.07-.73-.07-1.51,0-2.22.77-2.22,2.02Z' /%3E%3Cpath class='cls-2' d='m.12,37.98c0,1.36-1.36,2.54-3.55,2.54-1.13,0-2.19-.28-2.75-.58-1.69-.78-5.39-4.17-5.39-4.17h-.03v4.55h0c-1.41,0-2.56-1.15-2.56-2.56v-7.12c.86-.34,2.13-.58,3.51-.58,3.11,0,4.58,1.26,4.58,3.14,0,1.39-1.11,2.38-2.85,2.59v.03s2.18,2.16,3.36,2.72c.41.2,1.1.47,1.78.47.75,0,1.33-.44,1.33-.96,0-1.58-3.47-.91-3.47-3.36,0-1.29,1.23-2.44,3.14-2.44,1.16,0,1.94.22,2.66.58l-.6,1.26c-.28-.18-.85-.42-1.51-.42-.77,0-1.24.41-1.24.89,0,1.51,3.58.94,3.58,3.44Zm-8.77-4.68c0-1.3-.57-1.93-2-1.93-.41,0-.73.09-.95.18v3.7c.18.04.44.07.73.07,1.51,0,2.22-.77,2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m-3.46,25.03c0,.48.47.89,1.24.89.66,0,1.23-.25,1.51-.42l.6,1.26c-.72.37-1.51.58-2.66.58-1.92,0-3.14-1.16-3.14-2.44,0-2.46,3.47-1.78,3.47-3.36,0-.53-.58-.96-1.33-.96-.69,0-1.38.27-1.78.47-1.18.56-3.36,2.72-3.36,2.72v.03c1.74.2,2.85,1.2,2.85,2.59,0,1.89-1.46,3.14-4.58,3.14-1.37,0-2.65-.25-3.51-.58v-7.12c0-1.41,1.15-2.56,2.56-2.56h0v4.55h.03s3.7-3.39,5.39-4.17c.56-.31,1.62-.58,2.75-.58,2.19,0,3.55,1.18,3.55,2.54,0,2.5-3.58,1.93-3.58,3.44Zm-7.41-.77c-.29,0-.56.03-.73.07v3.7c.22.09.54.18.95.18,1.43,0,2-.63,2-1.93s-.72-2.02-2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m60.12-2.02c0,1.36-1.36,2.54-3.55,2.54-1.13,0-2.19-.28-2.75-.58-1.69-.78-5.39-4.17-5.39-4.17h-.03V.32h0c-1.41,0-2.56-1.15-2.56-2.56v-7.12c.86-.34,2.13-.58,3.51-.58,3.11,0,4.58,1.26,4.58,3.14,0,1.39-1.11,2.38-2.85,2.59v.03s2.18,2.16,3.36,2.72c.41.2,1.1.47,1.78.47.75,0,1.33-.44,1.33-.96,0-1.58-3.47-.91-3.47-3.36,0-1.29,1.23-2.44,3.14-2.44,1.16,0,1.94.22,2.66.58l-.6,1.26c-.28-.18-.85-.42-1.51-.42-.77,0-1.24.41-1.24.89,0,1.51,3.58.94,3.58,3.44Zm-8.77-4.68c0-1.3-.57-1.93-2-1.93-.41,0-.73.09-.95.18v3.7c.18.04.44.07.73.07,1.51,0,2.22-.77,2.22-2.02Z' /%3E%3Cpath class='cls-2' d='m34.58-5.46c0-.48-.47-.89-1.24-.89-.66,0-1.23.25-1.51.42l-.6-1.26c.72-.37,1.51-.58,2.66-.58,1.92,0,3.14,1.16,3.14,2.44,0,2.46-3.47,1.78-3.47,3.36,0,.53.58.96,1.33.96.69,0,1.38-.27,1.78-.47,1.18-.56,3.36-2.72,3.36-2.72v-.03c-1.74-.2-2.85-1.2-2.85-2.59,0-1.89,1.46-3.14,4.58-3.14,1.37,0,2.65.25,3.51.58V-2.24c0,1.41-1.15,2.56-2.56,2.56h0v-4.55s-.03,0-.03,0c0,0-3.7,3.39-5.39,4.17-.56.31-1.62.58-2.75.58-2.19,0-3.55-1.18-3.55-2.54,0-2.5,3.58-1.93,3.58-3.44Zm7.41.77c.29,0,.56-.03.73-.07v-3.7c-.22-.09-.54-.18-.95-.18-1.43,0-2,.63-2,1.93s.72,2.02,2.22,2.02Z' /%3E%3Cpath class='cls-2' d='m.12-2.02C.12-.66-1.24.52-3.43.52c-1.13,0-2.19-.28-2.75-.58-1.69-.78-5.39-4.17-5.39-4.17h-.03V.32h0c-1.41,0-2.56-1.15-2.56-2.56v-7.12c.86-.34,2.13-.58,3.51-.58,3.11,0,4.58,1.26,4.58,3.14,0,1.39-1.11,2.38-2.85,2.59v.03s2.18,2.16,3.36,2.72c.41.2,1.1.47,1.78.47.75,0,1.33-.44,1.33-.96,0-1.58-3.47-.91-3.47-3.36,0-1.29,1.23-2.44,3.14-2.44,1.16,0,1.94.22,2.66.58l-.6,1.26c-.28-.18-.85-.42-1.51-.42-.77,0-1.24.41-1.24.89C-3.46-3.95.12-4.52.12-2.02Zm-8.77-4.68c0-1.3-.57-1.93-2-1.93-.41,0-.73.09-.95.18v3.7c.18.04.44.07.73.07,1.51,0,2.22-.77,2.22-2.02Z' /%3E%3C/pattern%3E%3C/defs%3E%3Cg id='Ebene_1-2'%3E%3Crect class='cls-3' width='60' height='40' /%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; } */ .tax-product_cat .info, .page-id-546 .info{ background-color: transparent; } b, strong { font-weight: 600 } a video{ width:100%; height:auto; margin-bottom: -3px; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s } a, a:hover { color: #312C36; text-decoration: none; } a.disabled{ color: #aaa; } p, ul { margin-bottom: 20px; } p + h1, p+ h2, p+ h3, p+ h4 { margin-top: 60px; } h1, h2, h3, h4, h5, h6 { font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; margin-bottom: 20px; position: relative; } h2,.h2 { font-size: 27px; line-height: 1.25; color: #5A5360; margin-bottom: 35px; margin-left: 20px } #thestory h2 { font-size: 23px; line-height: 1.25; margin-bottom: 35px; margin-left: 20px } h2::before, .h2::before { content: ''; display: inline-block; width: 3px; height: 115%; background-color: rgb(110, 104, 115); left: -20px; top: -3px; position: absolute; } h2.text-nocase { text-transform: none } .single-product-info h2, .single-product-info .h2 { font-size: 21px; text-transform: inherit; color: #514a57; margin-bottom: 35px; margin-left: 0px; margin-top: 67px } .stock-location{ font-size:14px; text-transform: uppercase; } .stock-location-ov{ font-size:12px; text-transform: uppercase; } .stock-location-ov2{ font-size:10px; text-transform: none; } .variation_description { max-width: 163px; } .smaller{ font-size:14px } .no-gutters { margin-right: 0; margin-left: 0; > .col, > [class*="col-"] { padding-right: 0; padding-left: 0; } } .thintext { font-weight: 300 !important; } .text-red{ color:#dc001b } #thestory { font-size: 16px; } h2.text-red::before { content: ''; display: inline-block; width: 3px; height: 100%; background-color: #dc001b; left: -20px; top: -3px; position: absolute; } @media (min-width: 768px) { .singleinfo { margin-top: -63px; } } @media (min-width: 992px) { .offset-h2,.related h2 { position: relative; left: -22px; } } @media (min-width: 1700px) { .extra-padding-story{ padding:50px 75px; } } @media (max-width: 991px) { .carousel-info h2{ font-size: 16px; text-transform: inherit; color: #514a57; margin-bottom: 25px; margin-left: 0px } .carousel-info .p-price::before,.carousel-info .p-price::after { width: 22px; } .carousel-info .p-price{ padding: 0px 37px; } .carousel-info .btn-rs{ min-width: 150px; } } .stockswitcher{ position: fixed; padding: 5px 15px; background-color: #ddd; top: 165px; right: 40px; border-radius: 20px; z-index: 1000; } .stockswitcher h4{ margin-bottom: 0px; font-family: ff-dax-pro, sans-serif; font-size: 11px; } /*FOOTER*/ footer { background: url(../img/FOOTER-Adam_and_Eve_D9CDC4.jpg); background-size: cover; background-position: bottom center; padding: 50px 0px; color: #18101D; font-size: 13px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; } footer a { color: #18101D } footer a:hover { color: #dc001b; text-decoration: none; } footer .a{ fill:#34273e; -webkit-transition: fill linear .1s; transition: fill linear .1s } footer .b{fill:#fff;} footer a:hover .a{fill:#dc001b;} footer a:hover .b{fill:#fff;} footer a.footer-logo:hover svg path{ fill:#dc001b; -webkit-transition: fill linear .1s; transition: fill linear .1s } .shadowfooter { -webkit-box-shadow: 0 -.5rem 1rem rgba(0,0,0,.15) !important; box-shadow: 0 -.5rem 1rem rgba(0,0,0,.15) !important; } .f-wrapper { /* padding:50px 0px; height: 100%; */ } .footer-bg { background-color: transparent; } footer ul { list-style: none; margin: 0px; padding: 0px; } footer ul li { margin: 0px; padding: 5px 0px; } .row.display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.display-flex > [class*='col-'] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .logo-col { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; width: 100% } .footer-logo { } footer input { margin: 0px; padding: 5px; } .footer-logo img {} footer label { display: inline-block; margin-bottom: 5px; } @media (max-width: 991px) { footer { background: url(../img/Footer_mobile.jpg); background-size: cover; background-position: bottom center; } } @media (min-width: 992px) { html { position: relative; min-height: 100%; } footer { position: absolute; width: 100%; bottom: 0px; height: 352.5px; /* Set the fixed height of the footer here */ } body{ margin-bottom: 352.5px;; /* Margin bottom by footer height */ } } /*COLORS*/ .bg-yellow{ background-color: #EED35D; color:#fff; } .acf-required { color: #DC001B!important; } .bg1{ background-color: #F2EBD6; } .bg1 .btn-bg{ background-color: #E0C13C; border-color: #E0C13C; color:#fff; min-width: 180px; } .bg1 .btn-bg:hover{ background-color: #E0C13C; border-color: #E0C13C; color:#fff; } .bg2{ background-color: #DDE2D5; } .bg2 .btn-bg{ background-color: #AEB5A4; border-color: #AEB5A4; color:#fff; min-width: 180px; } .bg2 .btn-bg:hover{ background-color:#AEB5A4; border-color: #AEB5A4; color:#fff; } .bg3{ background-color: #DECDC2; } .bg3 .btn-bg{ background-color: #C49F88; border-color: #C49F88; color:#fff; min-width: 180px; } .bg3 .btn-bg:hover{ background-color: #C49F88; border-color: #C49F88; color:#fff; } .bg4{ background-color: #D7D3DB; } .bg4 .btn-bg{ background-color: #A9A5AD; border-color: #A9A5AD; color:#fff; min-width: 180px; } .bg4 .btn-bg:hover{ background-color: #A9A5AD; border-color: #A9A5AD; color:#fff; } .btn-primary:focus, .btn-primary.focus { background-color: #34273E; border-color: #34273E; color: #fff !important; -webkit-box-shadow: none!important; box-shadow: none!important; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { background-color: #34273E; border-color: #34273E; color: #fff !important; -webkit-box-shadow: none!important; box-shadow: none!important; } .single-product-info h2 span, .single-product-info .h2 span{ color: #82746B } .single-product-info h2 a,.single-mobile-info h2 a, .single-product-info .h2 a,.single-mobile-info .h2 a{ color: #dc001b } h3 { font-size: 28px; color: #312838; margin-bottom: 20px } h3::before { content: ''; display: inline-block; width: 3px; height: 100%; background-color: #DC001B; left: -20px; top: 0px; position: absolute; } h3 span { color: #34273EB3; } h4 { font-size: 15px; color: #312838; } h4.mysidebar-title { margin: 30px 0px 10px; text-transform: uppercase; } .btn,.woocommerce-MyAccount-navigation li a{ font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-size:11px!important; text-transform: uppercase; border-radius: 0px!important; padding: 0.375rem 0.75rem; } .button{ font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-size:11px!important; text-transform: uppercase; border-radius: 0px!important; padding: 0.375rem 0.75rem !important; background-color: #655449!important; border-color: #655449!important; color:#fff!important; min-width: auto; } /**/ .btn-overImage{ background-color: #fff; border-color: #DC001B; color:#DC001B !important; min-width: 160px; } a:hover .btn-overImage{ background-color: #dc001b; border-color: #dc001b; color:#fff !important; min-width: 160px; } .btn-overImage-prod{ background-color: #fff; border-color: #fff; color:#312838 !important; min-width: auto; } .btn-rs{ background-color: #655449; border-color: #655449; color:#fff !important; min-width: 250px; } .single-product-info .btn-rs{ min-width: 110px !important; } .btn-rs:hover{ background-color: #18101D; border-color: #18101D; color:#fff; } .btn-rs-dark,.btn-rs-dark:hover{ background-color: #34273E; border-color: #34273E; color:#fff !important; } .btn-rs-red1{ background-color: #dc001b; border-color: #dc001b; color:#fff !important; } .btn-rs-red1:hover{ background-color: #fff; border-color: #dc001b; color:#dc001b !important; } .home .btn-rs-red1:hover{ background-color: #fff; border-color: #dc001b; color:#dc001b !important; } .form-row .btn-rs-dark,.form-row .btn-rs-red1{ min-width: 160px } .woocommerce-MyAccount-navigation li a{ font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; text-align: center; font-size:11px!important; text-transform: uppercase; border-radius: 0px!important; padding: 0.375rem 0.75rem !important; background-color: #655449!important; border-color: #655449!important; min-width: 200px!important; color:#fff !important; display: inline-block; min-width: 250px; background-color: #34273E !important; border-color: #34273E !important; color: #fff !important; padding: 0.594rem 0.75rem !important; margin-bottom: 10px; } .btn-rs-light{ background-color: #82746B; border-color: #82746B; color:#fff; min-width: 250px; } .btn-rs-light:hover{ background-color: #82746B; border-color: #82746B; color:#fff; } .btn-rs-red{ background-color: #dc001b; border-color: #dc001b; color:#fff; min-width: 100%; } .btn-rs-red:hover{ background-color: #fff; border-color: #fff; color:#dc001b; } .st-button.text-center { position: absolute; bottom: 25px; width: 100%; left: 0px; z-index: 111; } .btn-over-image { position: relative; } .woof_reset_search_form{ background-color: #34273E!important; border-color: #34273E!important; color:#fff!important; font-family: ff-dax-pro-wide, sans-serif!important; font-weight: 500!important; font-size:11px!important; text-transform: uppercase!important; border-radius: 0px!important; padding: 0.375rem 0.75rem!important; line-height: 1.5!important; min-width: 160px; margin-top: 10px!important } .btn-small,.btn-small-mb { background-color: #E5E3E3; padding: 4px 16px; border-radius: 20px; border:1px solid #E5E3E3; text-transform: uppercase; margin: 0px 10px 0px 5px; font-weight: 600; letter-spacing: 0.2px; font-size: 11px; } .btn-small.active,.btn-small-mb.active { border:1px solid #dc001b; color: #dc001b } .btn-small-mb.showText.highlight { background-color: #dc001b; color: #fff; border: 1px solid #dc001b; } /*END - MAIN STYLES */ /*HELPERS */ button:focus { outline: none; outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; -webkit-box-shadow: none; box-shadow: none; outline: none; } .no-padding { padding: 0px } .green { color: #359800CC } .small-bg div { max-width: 100%; } .site-button { position: absolute; z-index: 100; top: calc(50vH - 60px); background-color: #34273E; color: #fff; padding: 1px 15px 9px; width: 112px; height: 30px; text-align: center; cursor:pointer; } .site-button a, .site-button a:hover { text-transform: uppercase; color: #fff; text-decoration: none; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; position: relative; } .site-button.left-button { background-color: #DC001B; } .site-button.left-button a span { pointer-events: none; position: absolute; background-color: rgba(52, 39, 62, 0.6) !important; padding:20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 47px; left: -23px; opacity: 0; -webkit-transition: opacity easeout 1s; transition: opacity easeout 1s; } .site-button.left-button:hover a span { opacity: 1; } .site-button.right-button a span { pointer-events: none; position: absolute; background-color: rgba(52, 39, 62, 0.6) !important; padding:20px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 43px; left: -14px; opacity: 0; -webkit-transition: opacity easeout 1s; transition: opacity easeout 1s; } .site-button.right-button:hover a span { opacity: 1; } .left-button { left: 0%; -webkit-transform: rotate(-90deg) translate(0px, -41px); transform: rotate(-90deg) translate(0px, -41px); } .right-button { right: 0%; -webkit-transform: rotate(90deg) translate(0px, -41px); transform: rotate(90deg) translate(0px, -41px); } /*NAV START*/ #mainnav { background-color: rgb(255, 255, 255); -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; padding: 0px 0px; z-index: 1037; /*z-index: 9999;*/ } #mainnav.bg-trans { background-color: rgba(52, 39, 62, 0.6)!important; } #mainnav:hover { background-color: #18101D; } #mainnav:hover .dropdown-menu { background-color: #18101D; } .modal-open #mainnav{ z-index: 1057; background-color: #fff !important } .post-type-archive-magazine.modal-open #mainnav{ z-index: 200; background-color: #fff !important } .modal-open .meta-navi a { } #logo { position: relative; } .logo { display: block; /* padding: 5px; background-color: #c3071c; */ } #rugstar-logo { fill: #dc001b; height: 70px; -webkit-transition: fill 0.25s linear; transition: fill 0.25s linear; } #mainnav.bg-trans:hover #rugstar-logo { fill: #dc001b; } #mainnav:hover #rugstar-logo { fill: #18101D; } .modal-open #rugstar-logo { fill: #dc001b!important; } #mainnav .nav-link { font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; color: #312C36; /*border-left: 1px solid #312C36;*/ display: block; padding: 10px 0px 10px 15px; margin-right: 10px; text-transform: uppercase; font-size: 14px; /* -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; */ position: relative; } #mainnav .nav-link.nav-link-brain { padding: 6px 0px 6px 15px; } #mainnav .nav-link.nav-link-brain:hover svg path{ fill:#fff; } #mainnav .nav-link::before{ content: ""; display: inline-block; width:1px; height:38.2px; background-color: #312C36; position: absolute; left:0px; top:0px; } #mainnav.bg-trans .nav-link, #mainnav:hover .nav-link { color: #fff; } #mainnav.bg-trans .nav-link.nav-link-brain svg path, #mainnav:hover .nav-link.nav-link-brain svg path{ fill: #fff; } #mainnav.bg-trans .nav-link::before, #mainnav:hover .nav-link::before { background-color: #fff; } #mainnav .active > .nav-link { /* background-color: #D9CDC4;*/ background-color: #dc001b; color:#fff } #mainnav .active > .nav-link.nav-link-brain svg path { fill: #fff; } #mainnav.bg-trans .active > .nav-link { background-color: rgba(86,68,103,0.5)!important; } #mainnav li:hover > .nav-link, #mainnav .dropdown-sub:hover > .nav-link, .nav-link[aria-expanded="true"] { /* background-color: #D9CDC4;*/ background-color: #dc001b; color: #fff } #mainnav.bg-trans li:hover > .nav-link { /* background-color: rgba(86,68,103,0.5)!important;*/ background-color: #dc001b !important; } #mainnav.bg-trans .dropdown-sub:hover > .nav-link { background-color: rgba(86,68,103,0.5)!important; } #mainnav.bg-trans .dropdown-sub.active > .nav-link { background-color: rgba(86,68,103,0.5)!important; } #mainnav .dropdown-sub.storycat a { width: auto; padding-right: 5px } .nav-link[aria-expanded="true"] { background-color: rgba(86,68,103,0.5)!important; } .dropdown-item.active, .dropdown-item:active { background-color: transparent; } .navbar-toggler { padding: 19px 0px; position: relative; z-index: 1111; border: none; } .navbar-toggler:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } #mainnav.bg-trans .navbar-toggler-icon, #mainnav:hover .navbar-toggler-icon, #NavModal .navbar-toggler-icon1{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(49, 44, 54, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .modal-open #mainnav .navbar-toggler-icon, .modal-open #mainnav:hover .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(220,0,27, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .meta-navi-wrapper { position: absolute; z-index: 1; left: -360px; bottom: 0px; } @media (max-width: 575px) { .meta-navi-wrapper { position: absolute; z-index: 1; left: -100px; bottom: 0px; } h3 { font-size: 22px; } } @media (max-width: 350px) { .meta-navi-wrapper { position: absolute; z-index: 1; left: -151px; bottom: 0px; } } .meta-navi a,.modal-open #mainnav:hover .meta-navi a { margin: 0px 5px; font-size: 11px; color: #312C36; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; display: inline-block; text-transform: uppercase; } a.wishlist_products_counter.top_wishlist-heart.wishlist-counter-with-products{} a.wishlist_products_counter.top_wishlist-heart.wishlist-counter-with-products::before{display: none} .wishlist_products_counter_number { position: absolute; width: 15px; height: 15px; border-radius: 50%; background-color: #DC001B; top: -2px; right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; z-index: -1; font-size: 10px; line-height: 1; } div.wishlist_products_counter{ min-width:90px !important; border: 0px solid green; left: 0px !important; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; } a.wishlist_products_counter{ left: 5px !important; } div.wishlist_products_counter:hover{ /*background-color: rgba(86,68,103,0.5) !important;*/ background-color: #D9CDC4; } .bg-trans div.wishlist_products_counter:hover{ background-color: rgba(86,68,103,0.5) !important; } div.wishlist_products_counter .wishlist_products_counter_number, div.wishlist_products_counter .wishlist_products_counter_text { min-height: 15px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; z-index: 111; } .wishlist_products_counter_number2 { color:#DC001B } #mainnav.bg-trans .meta-navi a, #mainnav:hover .meta-navi a { color: #fff; } svg#profile { width: 15px; top: -4px; position: relative; } svg#profile .b { stroke: #312C36; } svg#profile .d { fill: #312C36; } #mainnav.bg-trans svg#profile .b, #mainnav:hover svg#profile .b { stroke: #fff; } .logged-in svg#profile .b{ stroke: #DC001B!important; } .logged-in svg#profile .d { fill: #DC001B!important; } #mainnav.bg-trans svg#profile .d, #mainnav:hover svg#profile .d { fill: #fff; } .mnav { width: 100%; background-color: #fff; margin-top: 30px; } .mnav div.container { text-align: left; padding: 60px 40px; } .nav-top-image{ margin: 90px 0px 20px } #NavModal ul{ list-style: none; margin:0px; padding: 0px; z-index: 2; } #NavModal ul li{ margin:0px; padding: 0px; } #NavModal ul li a{ margin: 0px 22px; padding: 10px 0px; display: block; border-bottom: 1px solid #dc001b; } .main-link { margin-top: 20px; margin-bottom: 10px; } .sub-link { padding-left: 20px; font-size: 14px; } .main-link a, .sub-link a { color: #82746B; } .navfont { font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-size: 14px; line-height: 1.5em; } @media (max-width: 991px) { #NavModal .modal-content{ margin-top: 100px; padding-bottom: 130px; } nav .dropdown-menu { display:block!important; } .nav-drill { margin-top: 0px; } .nav-is-toggled .nav-drill { -webkit-transform: translateX(0); transform: translateX(0); } .nav-is-toggled::after { opacity: 1; visibility: visible; } .nav-drill { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 100; top: 0; right: 0; width: 100%; height: 100vh; background-color: #fff; overflow-y: visible; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: 0.45s; transition: 0.45s; } .nav-items { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .nav-item:not(:last-child) { border-bottom: solid 0px #fff; } .nav-link { display: block; padding: 0.875em 1em; background-color: #fff; font-size: 20px; line-height: 1.5em; font-weight: 300; } .nav-expand-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; } .nav-expand-content .nav-item:not(:last-child) { border-bottom: solid 0px #fff; } .nav-expand-content .nav-link { background-color: #fff; } .nav-expand-content .nav-back-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff !important; } .nav-expand-content .nav-back-link span{ background: url(../img/arrow-mnav-red-back.svg); background-size: cover; width:17px; height:20px; display: inline-block; } .nav-expand-content .nav-back-link::before { /* content: "chevron_left"; margin-right: 0.5em; font-family: "Material Icons"; */ } .nav-expand-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav-expand-link::after { /* content: "chevron_right"; -webkit-box-flex: 0; flex: 0 1 auto; font-family: "Material Icons"; */ } .nav-expand.active > .nav-expand-content { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; } .nav-expand .nav-expand-content { background-color: #fff; } .nav-expand .nav-expand-content .nav-link { background-color: #fff; } .nav-expand .nav-expand-content .nav-expand-content { background-color: #fff; } .nav-expand .nav-expand-content .nav-expand-content .nav-link { background-color: #fff; } .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content { background-color: #84e9d9; } .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color: #84e9d9; } .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content { background-color: #59e1cb; } .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color: #59e1cb; } } @media (min-width: 992px) { #myNav { margin-top: 0px } #mainnav .nav-link { display: inline-block; } #mainnav .nav-link { width: 104px; } #mainnav .dropdown-sub .nav-link#dropdown1-1,#mainnav .dropdown-sub .nav-link#dropdown1-2{ width: 205px; } #mainnav .dropdown-sub .nav-link#dropdown1-2a,#mainnav .dropdown-sub .nav-link#dropdown1-3,#mainnav .dropdown-sub .nav-link#dropdown1-4{ width: 145px; } .sub-dropdown{height:70.2px;z-index: 1} #mainnav.bg-trans .dropdown .dropdown-sub:hover > .nav-link { /* background-color: rgba(52, 39, 62, 0.4)!important;*/ background-color: #dc001b !important; padding-bottom: 26px; } #mainnav.bg-trans .dropdown .dropdown-sub.dropdown-sub-outlet:hover > .nav-link{ /*background-color: rgba(52, 39, 62, 0.4) !important;*/ background-color: #dc001b !important; padding-bottom: 10px; } } @media (min-width: 1200px) { #mainnav .dropdown-sub .nav-link#dropdown1-1,#mainnav .dropdown-sub .nav-link#dropdown1-2{ width: 225px; } #mainnav .dropdown-sub .nav-link#dropdown1-2a,#mainnav .dropdown-sub .nav-link#dropdown1-3,#mainnav .dropdown-sub .nav-link#dropdown1-4{ width: 180px; } #mainnav .dropdown-sub.storycat a { padding-right: 26px } } @media (min-width: 1400px) { #mainnav .nav-link { width: 147.5px; } #mainnav .dropdown-sub .nav-link#dropdown1-1,#mainnav .dropdown-sub .nav-link#dropdown1-2{ width: 237px; } #mainnav .dropdown-sub .nav-link#dropdown1-2a,#mainnav .dropdown-sub .nav-link#dropdown1-3,#mainnav .dropdown-sub .nav-link#dropdown1-4{ width: 237px; } #mainnav .dropdown-sub.storycat a { padding-right: 50px } } .dropdown-menu { width: 100%; top: 70px; left: 0; min-width: auto; padding: 0 0; margin: 0 0 0; font-size: 1rem; background-color: rgb(52, 39, 62); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 0px; color: #fff; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; } .storynavlink{ width:150px !important; padding-right:20px !important; } @media (min-width: 1400px) { .storynavlink{ width:220px !important; } } #mainnav.bg-trans .dropdown-menu { background-color: rgba(52, 39, 62, 0.4); } #mainnav.bg-trans .dropdown-menu.dropdown-menu-sub{ background-color: rgba(52, 39, 62, 0.64); } #mainnav:not(.bg-trans):hover .dropdown-sub:hover .dropdown-menu-sub { margin-top: -16px; padding-top: 30px; } .dropdown-sub { padding: 0px; margin: 16px 0px; } .dropdown-toggle::after { display: none; } .dropdown-item:hover, .dropdown-item:focus { color: #fff; text-decoration: none; background-color: transparent; } .dropdown-menu-sub { padding: 10px 16px; width: calc(100% - 10px); left: 0px; top:54px; background-color: #dc001b !important; /* -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; */ } .dropdown-menu-sub li a { font-size: 13px; line-height: 20px; color: #312C36; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; } .dropdown-menu-sub li a:hover { color: #d9cdc4; } .dropdown-menu-sub .smallline{ border-top:0.5px solid white; width:50px } #mainnav:hover .dropdown-menu-sub li a { color: #ffffff } #mainnav:hover .dropdown-menu-sub li a:hover { color: #d9cdc4; } .dropdown-menu-sub .dropdown-item { display: block; width: 100%; padding: 0px 0px; } .dropdown-sub:hover .dropdown-menu-sub { background-color: aquamarine } #searchform{ display: inline-block;position: relative; top:0px } .search-field:focus-visible { outline: 0; } #searchsubmit{ background: url(../img/search.svg); background-size: 12px 12px; width: 16px !important; height: 16px !important; display: inline-block; position: relative; border: 0px; top: 4px; background-repeat: no-repeat; left: -4px; } @-moz-document url-prefix() { #searchsubmit{ top: -2px; } } #mainnav:hover #searchsubmit,#mainnav.bg-trans #searchsubmit { background: url(../img/search-2.svg); background-size: 11px 11px; background-repeat: no-repeat; } @media (max-width: 991px) { .startpagegrid > div:last-of-type{ /* display: none */ } } .search,.search h4{font-size:16px} .search-field2 { border: none; border-bottom: 1px solid #eee; } #searchsubmit2{ background: url(../img/search.svg); background-size: 18px 18px; width: 18px !important; height: 18px !important; display: inline-block; position: relative; border: 0px; top: -6px; background-repeat: no-repeat; left: -8px; margin: 5px auto } #mainnav:hover #searchform .search-field:focus,#mainnav.bg-trans #searchform .search-field:focus { background-color: transparent; color: #fff; } #searchform .search-field{ width: 130px; font-size: 11px; color: #312C36; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; border: none; background-color: transparent; border-bottom: 1px dotted #312C36 } #mainnav:hover #searchform .search-field,#mainnav.bg-trans #searchform .search-field{ color: #fff!important; border-bottom: 1px dotted #fff } .form-group { margin-bottom: 15px; } #mainnav:hover #searchform .search-field::-webkit-input-placeholder { color: #fff; opacity: 1 } #mainnav:hover #searchform .search-field:-ms-input-placeholder { color: #fff; opacity: 1 } #mainnav:hover #searchform .search-field::placeholder { color: #fff; opacity: 1 } .bg-trans #searchform .search-field{ color: #fff; } #searchform .search-field:focus{ background-color: white; color: #312C36; } ::-webkit-input-placeholder { /* Edge */ color: #312C36; opacity: 1 } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #312C36; opacity: 1 } ::placeholder { color: #312C36; opacity: 1 } .bg-trans ::-webkit-input-placeholder { /* Edge */ color: #fff; opacity: 1 } .bg-trans :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; opacity: 1 } .bg-trans ::placeholder { color: #fff; opacity: 1 } @media (max-width: 991px) { #logo { position: relative; top: 0px; right: -20px; /* */ } .logo { margin-right: 20px } .nav-container { position: relative; } .navbar-nav > li { margin-bottom: 5px } .dropdown-item { padding: 5px 0px 5px 5px } #myNav { position: relative; top: 16px; padding-bottom: 20px; } .navbar-expand-lg > .container { } } @media (min-width: 992px) { .dropdown .dropdown-menu:first-child{ height:70.2px; } .dropdown-sub { display: inline-block; width: auto; } .navbar-nav > li { padding: 16px 0px } .navbar-nav li.dropdown:hover > .dropdown-menu { display: block; z-index: 1005; } } /*Nav ENd*/ .secondaryColor { background-color: #FCF8F6; } .secondaryColor, .section-small-bg { color: #82746B; } .secondaryColor h2, .section-small-bg h2 { color: #655449; } .secondaryColor h2 span, .section-small-bg h2 span{ color: #82746B; } .secondaryColor h2::before, .section-small-bg h2::before { background-color: #655449; } .carousel-section,.startcontent { margin-top: 70px; } .c-button { position: relative; z-index: 111; top:15px; width:50%; } .mybreadcrumb-section { margin-top: 70px; font-size: 10px; color: #aea9b2; padding: 15.2px 0px; } .mybreadcrumb { border-left: 1px solid #312C36; height: 38.2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-left: 10px; } .mybreadcrumb-section a { color: #aea9b2; font-size: 11px; margin: 0px 5px; display: inline-block; position: relative; top: 1.5px } .mybreadcrumb-section a.active { color: #312C36; } section { padding: 50px 0px } .home section:first-of-type { margin-top: 0px; } .shopsection { padding: 15px 0px } .c-top-image { position: relative; margin: 140px 0px 70px; height: calc(100vH - 140px); /* background-size: cover !important; background-position: center center !important; */ } .page-id-546 .parallax-mirror, .term-contemporary-modern .parallax-mirror, .term-contemporary-classic .parallax-mirror, .term-rug-sculptures .parallax-mirror{ -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; height: calc(100vH - 140px) !important; top: 70px !important; } @media (max-width: 991px) { .c-top-image { margin: 70px 0px 70px; height: calc(100vH - 70px); } .page-id-546 .parallax-mirror, .term-contemporary-modern .parallax-mirror, .term-contemporary-classic .parallax-mirror, .term-rug-sculptures .parallax-mirror{ height: calc(100vH - 70px) !important; top: 70px !important; } } @media (max-width: 450px) { .c-top-image { margin: 70px 0px 40px; height: calc(65vH - 70px); } .page-id-546 .parallax-mirror, .term-contemporary-modern .parallax-mirror, .term-contemporary-classic .parallax-mirror, .term-rug-sculptures .parallax-mirror{ height: calc(65vH - 70px) !important; top:0px !important; } } #shop-grid .item { margin-bottom: 40px; display: inline-block } .anzItems { position: absolute; right: 0px; top: 0px; font-size: 14px; } .mybadges{ position: absolute; right:-15px; top: 30px; display:grid; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; justify-items: end; } .mybadges-single{ position: absolute; left:0px; top: 30px; display:grid; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-items: start; } .itsnew { position: relative; background-color: #7A7380; z-index: 111; color: #fff; border-radius: 15px; font-family: ff-dax-pro-wide, sans-serif; font-size: 12px; font-weight: 500; display: block; height: 30px; max-width: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px 10px; margin: 0px 0px 3px; } .itsuniq { color: #dc001b; background-color: #fff; border: 1px solid #dc001b; } .single-product .itsnew { right:auto; left:8px } .itstuft { background-color: #768f5b; max-width: inherit; } .techbadge2{ background-color: #b77221; max-width: inherit; } .comingsoon { background-color: #427dbb; width: 100px; } .owl-new{ right: -15px; } .sku-reihe i{ font-style: normal; -webkit-transition: color ease 0.5s; transition: color ease 0.5s } .sku-reihe span{ display:none } .sku-reihe:hover span{ display: inline } #home-section,#home-section-portrait { background-size: cover!important; background-position: center center!important; min-height: 100vh; padding: 0px; margin-top: 0px !important; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (orientation: landscape) { #home-section{ display: -webkit-box; display: -ms-flexbox; display: flex } #home-section-portrait{ display: none } } @media (orientation: portrait) { #home-section{ display: none } #home-section-portrait{ display: -webkit-box; display: -ms-flexbox; display: flex } } #collection-section { padding: 0px; margin-top: 0px !important; position: relative } #coll-carousel .carousel-item { min-height: 100vh; width: 100%; background-size: cover!important; background-position: center center!important; } #collection-story-wrapper{margin: 0px 15px} .page-top-section { margin-top: 70px; } .text-to-top { margin-bottom: 28%; } .text-to-bottom { margin-top: 28%; } .line-seperator { border-bottom: 1px solid #DC001B; max-width: 90%; margin: auto auto; } .blocks-story,.blocks-carousel{ margin: 30px 0px } .blocks-story + .section-no-margin-top{ margin-top: -30px } @media (max-width: 767px) { .line-seperator { max-width: 100%; margin: 12px 12px; border: 0px; background-color: #DC001B; height: 7px; } /* .blocks-story,.blocks-carousel{ margin: 0px 0px } */ } @media (max-width: 991px) { #coll-carousel .carousel-item { min-height: 70vh; } .carousel-section,.startcontent { margin-top: 90px; } .collection-first { margin-top: 90px!important; } } /****************/ .cookie-notice-container { padding: 30px 30px; } .cookie-notice-container #cn-notice-text { display: block; font-size:12px; margin-bottom:15px } #cn-close-notice{ display: none } .collection-first { margin-top: 70.2px } @media (min-width: 992px) { .collection-first { margin-top: 140.4px } .carousel-section{ margin-top: 140px; } } @media (min-width: 768px) { .startcontent { margin-top: 140px; } } .carousel { border: 1px solid #D5D4D7; } #godown,#godown2 { position: absolute; bottom: calc(50% - 35px);; left: calc(50% - 35px); z-index: 11; width:70px; height: 70px; background: url(../img/b-down.svg) ; background-size: cover } #godown:hover,#godown2:hover,#godown3:hover { background: url(../img/b-down-hover.svg) ; background-size: cover } .home #godown, .home #godown2,.single #godown, .single #godown2 { position: absolute; bottom: calc(14% - 35px);; left: calc(50% - 35px); z-index: 11; width:70px; height: 70px; background: url(../img/b-down1.svg) ; background-size: cover } #godown3 { position: fixed; bottom: 25px; left: calc(50% - 35px); z-index: 110; width:70px; height: 70px; background: url(../img/b-down-dl.svg) ; background-size: cover; display: none } #godown3:hover { background: url(../img/b-down-dl-hover.svg) ; background-size: cover } #to-top-link{ position:fixed; z-index: 1000; right: 0px; bottom:40px; -webkit-transform: rotate(270deg); transform: rotate(270deg); font-size: 12px; font-weight: 600; padding: 5px 15px!important; border-radius: 20px; color: #dc001b; background-color:#fff; border:1px solid #dc001b; -webkit-transition: opacity ease-in-out 0.5s; transition: opacity ease-in-out 0.5s; } #to-top-link:hover{ background-color: #dc001b; color:#fff; } #to-top-link::after{ content:""; width: 13px; height: 15px; display: inline-block; position: relative; top:2px; margin-left: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23dc001b;stroke-linejoin:round;%7D.b,.c%7Bstroke:none;%7D.c%7Bfill:%23dc001b;%7D%3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(13) rotate(90)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z'/%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z'/%3E%3C/g%3E%3C/svg%3E"); } #to-top-link:hover::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;stroke-linejoin:round;%7D.b,.c%7Bstroke:none;%7D.c%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(13) rotate(90)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z'/%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z'/%3E%3C/g%3E%3C/svg%3E"); } #back-link{ position:fixed; z-index: 1000; left: 20px; bottom:20px; color: #dc001b; background-color:#fff; font-size: 12px; font-weight: 600; padding: 5px 15px!important; border:1px solid #dc001b; border-radius: 20px; -webkit-transition: opacity ease-in-out 0.5s; transition: opacity ease-in-out 0.5s; } #back-link:hover{ background-color: #dc001b; color:#fff; } #back-link::before{ content:""; width: 13px; height: 15px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='13 -15 13 15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23dc001b;stroke-linejoin:round;%7D.b,.c%7Bstroke:none;%7D.c%7Bfill:%23dc001b;%7D%3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(13) rotate(270)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z'/%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z'/%3E%3C/g%3E%3C/svg%3E"); position: relative; top:2px; margin-right: 8px; } #back-link:hover::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='13 -15 13 15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;stroke-linejoin:round;%7D.b,.c%7Bstroke:none;%7D.c%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(13) rotate(270)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z'/%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z'/%3E%3C/g%3E%3C/svg%3E"); } .invisible-button{opacity:0} .coll-extra-text{ font-size: 13px; color:#dc001b } .full-carousel { /* margin: 30px 0px 60px; padding: 0px; */ } .carousel-section .container {} .carousel-control-next { opacity: 1!important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: 15px } .carousel-control-prev { opacity: 1!important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 15px } .carousel-control-prev-icon, .carousel-control-next-icon { width: 36px; height: 36px; } .carousel-control-next-icon { background-image: url(../img/btn-red-next.svg); } .carousel-control-prev-icon { background-image: url(../img/btn-red-prev.svg); } .carousel-control-next:hover .carousel-control-next-icon { background-image: url(../img/btn-red-next.svg); } .carousel-control-prev:hover .carousel-control-prev-icon { background-image: url(../img/btn-red-prev.svg); } .carousel-indicators { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 0; margin-right: 0px; margin-left: 0px; bottom: -30px; } .carousel-indicators li { background-color: #fff; opacity: 1; width: 6.5px; height: 6.5px; border-radius: 50%; border: 1px solid #fff; margin-left: 3px; margin-right: 3px; } .carousel-indicators .active { background-color: #312C36; border: 1px solid #312C36; } #coll-carousel .carousel-title { left: 10px; } .collection-first .carousel-title { /* position: absolute; left: 75px; bottom: 50px; z-index: 11; min-width: 280px; */ } .carousel-title { position: absolute; left: 20px; bottom: 15px; z-index: 11; } .carousel-title h1{ font-family: ff-dax-pro-wide, sans-serif; font-weight: 600; font-size: 27px; letter-spacing: 0; color: #FFFFFF; margin: 0px; padding-left: 15px; display: inline-block; } .carousel-title h1::before{ content: ''; display: inline-block; width: 8px; height: 100%; background-color: #fff; left: 0px; top: 0px; position: absolute; /* -webkit-box-shadow: 0px 3px 6px #00000099; box-shadow: 0px 3px 6px #00000099; */ } .new-carousel-title { position: absolute; width:100%; left: 0px; bottom: 40px; z-index: 11; } .new-carousel-title h1{ font-family: ff-dax-pro, sans-serif; font-weight: 700; font-size: 42px; letter-spacing: 0; color: #FFFFFF; margin: 0px; padding-left: 30px; display: inline-block; } .new-carousel-title h1::before { content: ''; display: inline-block; width: 9px; height: 100%; background-color: #fff; left: 0px; top: 0px; position: absolute; /* -webkit-box-shadow: 0px 3px 6px #00000099; box-shadow: 0px 3px 6px #00000099; */ } @media (min-width: 576px) { .new-carousel-title h1{ font-size: 47px; } } @media (min-width: 768px) { .new-carousel-title h1{ font-size: 55px; } } @media (min-width: 992px) { .new-carousel-title h1{ font-size: 65px; } } @media (min-width: 1200px) { .new-carousel-title h1{ font-size: 85px; } } .myCont{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .myCont .single-product{ padding-left: 20px } .single-product-info.carousel-info { margin-left: 20px; font-size: 16px; padding-right: 40px; } @media (max-width: 1600px) { .single-product-info.carousel-info .mag-text { margin-left: 0px!important; font-size: 12px!important; padding-right: 20px!important; } } .myCont .btn-rs { min-width: 130px; } .woocommerce-product-gallery__image a:hover{ cursor: -webkit-zoom-in; cursor: zoom-in} .woocommerce-product-gallery{max-width: 410px;} .woocommerce-product-gallery__image--placeholder { border: 1px solid #D5D4D7; } .flex-control-nav.flex-control-thumbs { list-style: none; margin: 35px 0px 0px 0px; padding: 0px; } .flex-control-nav.flex-control-thumbs li{ display: inline-block; margin: 0px 10px 10px 0px; width: 80px; cursor: pointer; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .flex-control-nav.flex-control-thumbs li:hover{ background-color: rgba(238, 0, 0, 0.98); } .woocommerce img:hover, .woocommerce-page img:hover { mix-blend-mode: multiply; } .video_icon_img:hover, #image-src img { mix-blend-mode: normal!important; } .flex-viewport { border: 1px solid #D5D4D7; } .snapshot-image:hover{ cursor: -webkit-zoom-in; cursor: zoom-in; } .snaptitle{position:relative; left:-15px} .myshadow{ -webkit-box-shadow: 0 0.9rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.9rem 1rem rgba(0, 0, 0, 0.15) !important; } .navshadow{ -webkit-box-shadow: 0px 10px 23px #82746B; box-shadow: 0px 10px 23px #82746B; } .owl-theme.owl-carousel-startblock .cb.cb-prev, .owl-theme.owl-carousel-textlinks .cb.cb-prev { display:none } /*STORY*/ .textover { position: absolute; width: 100%; height: 38px; bottom: 10px; background-color: aqua; } .moimage .overlay { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; width:100%; height: 100%; position: absolute; background-color: #eed35d; z-index: 1; } .moimage .overlay img { -webkit-transform: scale(0.95); transform: scale(0.95); } .scaledImage { -webkit-transform: scale(0.95); transform: scale(0.95); } .moimage:hover .overlay{ opacity: 1} .story-teaser-card { height: auto; position: relative; -webkit-transition: background-color linear 0.3s; transition: background-color linear 0.3s } .teaser-text { width:100%; z-index: 11; padding:40px; bottom: 0px; font-size: 27px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; -webkit-transition: color linear 0.3s; transition: color linear 0.3s } .story-teaser-card .teaser-text-normal { color: #DC001B; } @media (max-width: 575px) { .story-teaser-card .teasertext-block { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size:24px; } } @media (max-width: 350px) { .story-teaser-card .teasertext-block { font-size:22px } } .pad1{ padding:2px!important } .story-text{ width:100%; z-index: 11; padding:30px 20px 0px; font-size:16px; position: relative; } .singlestory-story-text { padding:30px 30px 0px; position: absolute !important; top: 0px; height: 98%; overflow-y: hidden; margin-bottom: 0px; } .singlestory-text-card .story-text-textlink a{ color:#DC001B } .story-text-normal h3,.story-text h3, h3.product-carousel-title { color:#DC001B;font-size: 28px} .singlestory-text-card{ height: 100%; position: relative; } .singlestory-text-card a{ color:inherit } .story-text.extrapadding{ padding:60px; } .story-text img{ max-width:100%; height:auto } .story-text-card { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px; justify-items: center; width: 100%; max-width: 700px; margin: auto; color: #82746B; } .story-text-card a{color: inherit;} .story-text-card h2{color: #655449;} .story-section img{ width:100%;height:auto} .showmore-btn,.showmore-btn-textlinks,.showmore-btn-shop { font-size: 11px; text-transform: uppercase; margin-top: 0px; position: relative; top: -15px; color:#dc001b!important; } .overlay-text{display: none} .overlay img { position: absolute; z-index: 1; } .overlay span.btn { position: relative; z-index: 2; } .singlestory-text-card.singlestory-text-card-carousel .story-text{ margin-bottom: 30px; } .story-main-link { position: absolute; z-index: 11; bottom: 25px; text-align: center; width: 100%; } .singlestory-text-card.singlestory-text-card-carousel .story-text.story-text-textlink{ position: absolute !important; top:0px; height: 95%; overflow-y: hidden; margin-bottom: 0px; } .scrollinside { position: absolute; z-index: 23; bottom: 20px; left: calc(50% - 15px); display:none; width:30px; height:30px; border-radius: 50%; color: #dc001b; background-color: #fff; border: 1px solid #dc001b; } .single .scrollinside{ top: 90%; } .text-storyblock .scrollinside{ top: 93%; } .singlestory-text-card:hover .scrollinside,.text-block-story:hover .scrollinside{ display:-webkit-box; display:-ms-flexbox; display:flex; } .product-carousel-title.text-red { margin-left: 50px; } /* touchscreens */ @media (max-width: 767px) { .scrollinside{ display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; bottom: -10px; } } .scrollinside::after { content: ""; width: 15px; height: 13px; display: inline-block; position: relative; top: 9px; left: 7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13'%3E%3Cdefs%3E%3Cstyle%3E .a %7B fill: %23dc001b; stroke-linejoin: round; %7D .b, .c %7B stroke: none; %7D .c %7B fill: %23dc001b; %7D %3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(15,13) rotate(180)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z' /%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z' /%3E%3C/g%3E%3C/svg%3E");} .single .g-1,.single .gy-1 { --bs-gutter-y: 3px; } .single .g-1, .single .gx-1 { --bs-gutter-x: 3px; } .single-image{ background-size: cover!important; background-position: center!important; } .single-text { overflow: hidden; } .story-text-box { padding: 50px; overflow-y: scroll; height: 96%; } .shadowinset .story-text-box { padding: 30px; overflow-y: hidden; height: 100%; } .shadowinset { -webkit-box-shadow: inset 0 -1rem 1rem rgba(0,0,0,.15) !important; box-shadow: inset 0 -1rem 1rem rgba(0,0,0,.15) !important; } .story-text-box h3{ color: #dc001b } .ratio-story-portrait{ --bs-aspect-ratio: 125% } .ratio-story-landscape{ --bs-aspect-ratio: 62.3% } @media (max-width: 1199px) { .ratio-story-landscape{ --bs-aspect-ratio: 125% } } @media (min-width: 576px) { .position-sm-absolute { position: absolute !important; } .centerBox { font-size: 31px; } .singlestory-text-card.singlestory-text-card-carousel .story-text{ position: absolute !important; top:0px; height: 82%; overflow-y: auto; margin-bottom: 0px; } .textlink-section .singlestory-text-card.singlestory-text-card-carousel .story-text{ height: 95%; } .story-text{ padding:50px; } .story-text.story-text-normal { padding: 30px; } .tl-imagewrapper{ padding: 20px 20px 20px; } } @media (min-width: 992px) { .story-text-card { } .story-text-card h2{ font-size:20px; } .story-text-card p{ font-size:16px; /*font-size: 0.93vw;*/ } .singlestory-text-card .story-text{ position: absolute !important; top:0px; height: 97%; overflow-y: hidden; } } @media (min-width: 1200px) { .position-sm-absolute { position: absolute !important; } .singlestory-text-card .story-text{ /*font-size: 0.93vw;*/ } .teaser-text { font-size: 22px; } /**/ } @media (min-width: 1400px) { .story-text-card h2{ font-size:23px; } .story-text-card p{ font-size:16px; } .singlestory-text-card .story-text{ /*font-size: 0.96vw;*/ } .teaser-text { font-size: 27px; } .product-carousel-title.text-red { margin-left: 30px; } } @media (min-width: 1700px) { .story-text-card h2{ font-size:27px; } .story-text-card p{ font-size:17px; } .story-text,.story-text-box{ font-size:17px; } .singlestory-text-card .story-text{ font-size: 17px; } } @media (min-width: 576px) { .singlestory-text-card.singlestory-text-card-carousel .story-text,.story-text-box { font-size: clamp(13px, 2.25vw, 17px) !important; } .story-text-normal h3, .story-text h3,.story-text-box h3,h3.product-carousel-title { font-size: clamp(23px, 4.0vw, 28px) !important; } .teaser-text-normal { font-size: clamp(16px, 2.8vw, 23px) !important; } } @media (min-width: 768px) { .singlestory-text-card.singlestory-text-card-carousel .story-text,.story-text-box { font-size: clamp(13px, 1.6vw, 17px) !important; } .story-text-normal h3, .story-text h3,.story-text-box h3,h3.product-carousel-title { font-size: clamp(23px, 3.0vw, 28px) !important; } .teaser-text-normal { /*font-size: clamp(16px, 2.05vw, 28px) !important;*/ font-size: clamp(13px, 1.7vw, 28px) !important } } @media (min-width: 1200px) { .singlestory-text-card.singlestory-text-card-carousel .story-text,.story-text-box { font-size: clamp(13px, 1.03vw, 17px) !important; } .story-text-normal h3, .story-text h3,.story-text-box h3,h3.product-carousel-title { font-size: clamp(23px, 1.9vw, 35px) !important; } .teaser-text-normal { font-size: clamp(16px, 1.34vw, 35px) !important; } } .textlinks-block{ margin-bottom: 30px; } .story-text-textlink{ padding: 30px 20px 20px; } .story-text-textlink h3,.story-text-normal h3,.story-text-box h3 { margin: 0px 0px 30px 25px; } @media (max-width: 767px) { .story-text-textlink h3,.story-text-normal h3{ margin: 0px 0px 30px 20px; } .story-text-textlink{ padding: 30px 20px 20px; } .tl-imagewrapper{ padding: 20px 30px 30px; } } @media (min-width: 1200px) and (max-width: 1399px){ .story-text-textlink h3,.story-text-normal h3{ margin: 0px 0px 30px 20px; } .story-text-textlink{ padding: 40px 20px 20px; } .tl-imagewrapper{ padding: 20px 20px 20px; } } @media (min-width: 1400px) { .story-text-textlink{ padding: 40px 30px 20px; } .story-text-textlink h3 ,.story-text-normal h3,.story-text-box h3{ margin: 0px 0px 30px 0px; } .shadowinset .story-text-box { padding: 40px; } } @media (min-width: 992px) { .singlestory-story-text { padding: 40px!important; } } .onsale{display: none} .var-detail{white-space: nowrap} /* Collection-Story*/ .img-fluid.collection-story-image { width: 100%; } .textcontent-story h2{ position: relative; left: -22px; } .text-col{ display:-webkit-box; display:-ms-flexbox; display:flex; } /*WISHLIST*/ .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt { float: none; } .b-drag{ width: 34px!important; height: 35px; display: inline-block; background: url(../img/drag.svg) no-repeat; margin:2px 5px 0px; cursor: -webkit-grab; cursor: grab; } .b-drag:before{ display: none!important; } .b-delete{ width: 37px; height: 37px; display: inline-block; background: url(../img/close.svg) no-repeat; margin:0px 5px } .b-delete-but { border: 0px solid green !important; margin: 0px !important; float: left; padding-top: 0px!important; } .def-wishlist .tinvwl-rename-button{ display: none } .manage-sel-actions .tinvwl-to-left { display: none } .tinv-wishlist .product-thumbnail img { max-width: 80px; } .tinv-wishlist tfoot .tinvwl-to-right { float: right; } .tinvwl-table-manage-lists thead, .thead-light { background-color: #D9CDC4; } .tinv-wishlist .wishlist-name .tinvwl-rename-button { font-size:12px; } .tinv-wishlist .tinv-modal button i, .tinv-wishlist .tinv-modal .tinvwl-button i { line-height: 0.8; } .wishlist_item { background-color: #FCF8F6; } .tinv-wishlist tfoot .tinvwl-to-right .tinv-create-list>a.button { text-align: center; } .tinv-wishlist .button{ background-color: #34273E!important; border-color: #34273E!important; color: #fff !important; padding: 0.594rem 0.75rem !important; top: -1px; } .tinv-wishlist .tinv-modal .tinv-modal-inner.estimate-inner { max-width: 750px; padding: 40px; } .tinv-wishlist .tinv-modal .tinv-modal-inner { position: relative; margin: 0 auto; background-color: #fff; } .tinv-wishlist .estimate-dialogbox form textarea { width: 100%; } .tinv-wishlist .wishlist-name { width: 70%!important; } .tinv-create-list { } .tinv-modal-inner label{ display: block; } .woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button { display: inline-block; } .wishlist-privacy select, .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .tinvwl-input-group .form-control { top: -6px; } @media only screen and (max-width: 768px){ .tinv-wishlist .navigation-button.tinvwl-btns-count-1>li { width: auto; } } .tinv-wishlist th { color:#34273e; border: 0px ; } .tinvwl-table-manage-lists thead, .thead-light { background-color: #FCF8F6; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .tinv-wishlist .product-action .button .tinvwl-txt { display: inline-block; } } .ftinvwl.ftinvwl-times{ width:37px; height: 37px; background: url(../img/close.svg); background-size: cover; } .ftinvwl-times::before { content: ""!important; } .tinv-wishlist .tinv-modal .tinv-close-modal { display: inline-block; position: absolute; top: 17px; right: 14px; width: 37px; height: 37px; line-height: 37px; font-size: 12px; text-align: center; border-radius: 50%; border-bottom: 0; background-color: transparent; } .tinv-wishlist .product-remove button { width:41px; height: 41px; } .tinv-wishlist .social-buttons li a.social { width: 1.5em; height: 1.5em; } .tinv-wishlist .social-buttons>span { margin-right: 27px; margin-top: 6px; } .border-top-3{ border-top:3px solid #8d6f55 !important } .wishlist_products_counter .widget_wishlist { /* display: block !important; opacity: 1 !important; */ top: 31px !important; min-width: 342px !important; background-color: #fff8f4; -webkit-box-shadow: 1px 2px 19px 1px rgba(0,0,0,.1); box-shadow: 1px 2px 19px 1px rgba(0,0,0,.1); } .widget_wishlist .tinv_mini_wishlist_list ul.product_list_widget { list-style: none; margin: 0; padding: 20px 0px; } .mini_wishlist_item { margin: 0px 0px; padding: 15px 0px!important; border-bottom: 1px solid #ddd; } .mini_wishlist_item img{ width:100%; height: auto; } .mini_wishlist_item a{ color:#312C36!important; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; font-family: ff-dax-pro, sans-serif; font-size: 14px; font-weight: 400!important; text-transform: none; } .tinv_mini_wishlist_list a.button{ padding: 0.7em 1em !important; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #D5D4D7; } .activstock{ color:#DC001B; } .woof_submit_search_form{ float: none !important; padding: 9px 12px !important; min-width:112px !important; } .woof_color_term_000000[checked="checked"] span{ color: rgb(188, 12, 22)} a.wishlist_products_counter { text-decoration: none; position: relative; } @media (max-width: 1024px) { .tinv-wishlist .social-buttons { /*text-align: right!important;*/ } } @media (max-width: 767px) { .tinv-wishlist .social-buttons span{ display: block; clear: both; margin: 20px auto; text-align: center!important; } .tinv-wishlist .social-buttons ul{ /* clear: both; text-align: center!important; */ } } @media (max-width: 575px) { .carousel-control-prev-icon, .carousel-control-next-icon { display: none; } .product-date { margin-bottom: 30px; } } @media (max-width: 419px) { .carousel-title h1 { font-size: 22px; } .carousel-title h1::before { width: 4px; } } @media (min-width: 420px) { .carousel-title h1 { font-size: 27px; } .carousel-title h1::before { width: 6px; } #coll-carousel .carousel-title h1 { /* font-size: 40px; */ } } @media (min-width: 768px) { .carousel-title h1 { font-size: 37px; padding-left: 30px; } .carousel-title h1:before { width: 7px; } .carousel-title { left: 40px; bottom: 30px; } #coll-carousel .carousel-title { left:10px; } /* #coll-carousel .carousel-title h1 { font-size: 60px; padding-left: 30px; } */ #godown, #godown2 { left: calc(50% - 50px); width: 100px; height: 100px; bottom:170px } } @media (min-width: 992px) { .carousel-title h1 { font-size: 47px; } #coll-carousel .carousel-title h1 { /* font-size: 80px; */ } .carousel-title { left: 50px; bottom: 35px; } #coll-carousel .carousel-title { left:50px; } #godown, #godown2 { left: calc(50% - 50px); width: 100px; height: 100px; } } @media (min-width: 1200px) { .carousel-title { left: 75px; bottom: 50px; } #coll-carousel .carousel-title { left:90px; } } .section-small-bg { position: relative; } .small-bg { position: absolute; height: 100%; width: 100%; z-index: -1; top: 0px; left: auto; right: auto; } .small-bg-right { position: absolute; height: 100%; width: 100%; z-index: -1; top: 0px; left: auto; right: 0; } .small-bg-left { position: absolute; height: 100%; width: 100%; z-index: -1; top: 0px; left: 0; right: auto; } .small-bg-right .short-bg, .small-bg-left .short-bg { background-color: #FCF8F6; } @media (min-width: 992px) { .small-bg-right .short-bg { position: absolute; right: 0px; width: 100%; } .small-bg-left .short-bg { position: absolute; left: 0px; width: 100%; } .section-small-bg .textcol { margin-top: 70px; margin-left: 20px; } } .item { margin-bottom: 10px; display: block; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; position: relative; /*overflow: hidden;*/ } .owl-stage .item { margin-bottom: 0px; } .item .itembutton { position: absolute; width: 100%; top: 49%; opacity:0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 111; } .item:not(.no-red-link):hover .itembutton, .item.hover:not(.no-red-link) .itembutton{ opacity:1 } .item img, .product-gallery img { border: 1px solid #D5D4D7; -webkit-transition: opacity 2s ease-in-out ; -webkit-transition: opacity 0.4s ease-in-out ; transition: opacity 0.4s ease-in-out ; } .grid-item.item img{ border: 0px solid #D5D4D7; } .item:not(.no-red-link):hover , .item.hover:not(.no-red-link) { /* text-decoration: none; background-color: rgba(238, 0, 0, 0.98); */ } .item:not(.no-red-link):hover .overImage, .item.hover:not(.no-red-link) .overImage { opacity:0 } .item:hover img, .item.hover img { /*opacity:0.8;*/ /*mix-blend-mode: multiply;*/ opacity:1; mix-blend-mode: normal; } .grid-item{ margin-bottom:0.01px} .griditem-nohover{} .overImage { position: absolute; top: -110%; left: 2.5%; width: 45%; height: 90%; opacity: 1; -webkit-transition: opacity linear .3s; transition: opacity linear .3s } .active .overImage { -webkit-animation: mymove 8s infinite; animation: mymove 8s infinite; } @-webkit-keyframes mymove { 0% {top: -110%;} 15% {top: -110%;} 25% {top: 5%;} 50% {top: 5%;} 75% {top: 5%;} 85% {top: 110%;} 100% {top: 110%;} } @keyframes mymove { 0% {top: -110%;} 15% {top: -110%;} 25% {top: 5%;} 50% {top: 5%;} 75% {top: 5%;} 85% {top: 110%;} 100% {top: 110%;} } .overImage img{ border:0px } .overlay-wrapper{position: relative;} .overlay-wrapper .overlay{ opacity: 0; z-index: 100; position: absolute; width: 100%; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear } .item:hover .overlay-wrapper .overlay,.item.hover .overlay-wrapper .overlay{ opacity:1; } .item:hover .maincat h3 { color:#dc001b } .item:hover .maincat h3::before { background-color: #dc001b; } .info { padding: 20px; background-color: #fff; } .info h3 { font-size: 21px; margin-bottom: 0px; } .info h3::before { width: 2px; top: -5px; height: 135%; } h3.product-carousel-title-cat{ font-size: 21px; margin-left:20px } h3.product-carousel-title-cat::before { width: 2px; top: -5px; height: 135%; } .pGrid { margin: 40px -20px 0px; } .coll-item { margin-bottom: 60px } .coll-item h4 { font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; margin: 0px } .coll-item h4 span { font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; color: #706777; } .coll-item .info { padding: 16px 0px; font-size: 15px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; color: #706777; line-height: 19px; } .download-item{ margin-bottom:10px; } .openLightbox{ cursor: -webkit-zoom-in!important; cursor: zoom-in!important; } .info-overlay{ opacity: 0; -webkit-transition:opacity ease-in-out 0.2s; transition:opacity ease-in-out 0.2s } .download-item:hover .info-overlay{ opacity: 1; } .shareItems { padding-top: 3px; } .shareItems img{ border:0px; width:24px; } .shopitem { margin-bottom: 15px; display: block; } @media (max-width: 767px) { .shopitem { margin-bottom: 35px; } } @media (max-width: 575px) { .shopitem { margin-bottom: 35px; } .info.maincat h3 { font-size: 16px; margin-bottom: 0px; } } .shopitem .info { padding: 10px 0px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; position: relative; } .put-hidden,.put-top,.put-bottom,.put-new{ position: absolute; top: -30px; background-color: #fff; font-size: 11px; z-index: 700; text-transform: uppercase; padding: 0.375rem 0.75rem; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .put-hidden { right: 10px; } .put-bottom { right: 65px; } .put-top { right: 102px; } .put-new { right: 143px; } .shopitem:hover .put-hidden, .shopitem:hover .put-top, .shopitem:hover .put-bottom, .shopitem:hover .put-new{ opacity: 1 } .shopitem .info h4 { color: #716778; margin-bottom: 5px; } .shopitem .info h4 span { color: #312838; } .shopitem .info .rugtype{ font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-size:12px; color: #716778; margin-bottom: 15px } .shopitem .price { font-size: 15px; color: #857D8B; margin-bottom: 16px; position: relative; padding-left: 75px } .shopitem .price::before { content: ''; position: absolute; top: 8px; left: 0px; width: 64px; height: 2px; background-color: #716778; display: inline-block; margin-right: 10px; } .shopitem .price::after { content: 'incl. 19% VAT'; position: absolute; bottom: -10px; left: 75px; display: inline-block; margin-right: 10px; font-size: 10px; text-transform: uppercase; } .single-price::after { content: 'INKL. 19% VAT'; position: absolute; bottom: -12px; left: 59px; display: inline-block; margin-right: 10px; font-size: 10px; text-transform: uppercase; } .single-price-net::after { content: 'NET PRICE'; position: absolute; bottom: -12px; left: 59px; display: inline-block; margin-right: 10px; font-size: 10px; text-transform: uppercase; } .single-price-net-project::after { content: 'NET PROJECT PRICE'; position: absolute; bottom: -12px; left: 59px; display: inline-block; margin-right: 10px; font-size: 10px; text-transform: uppercase; } .instock-green { text-align: right; color: #6C9158; font-family: ff-dax-pro, sans-serif; font-weight: 400; font-size: 16px; } .instock-red { text-align: right; color: #DC001B; font-family: ff-dax-pro, sans-serif; font-weight: 400; font-size: 16px; } .coming-soon{color: #DC001B;} .product-text { font-size: 14px } .product-gallery-display { text-align: center; } .product-gallery-display img { max-width: 410px; width: 100% } .product-gallery-thumbnails { max-width: 410px; margin: 38px auto 0px; } .product-gallery-thumbnails span { display: inline-block; margin-right: 8px; } .product-gallery-thumbnails img { max-width: 68px } .p-price { margin: 10px 0px 30px; position: relative; padding: 0px 57px; display: inline-block; font-family: ff-dax-pro-wide, sans-serif; font-size: 16px; color: #34273EB3; } .p-price::before { content: ""; width: 42px; height: 2px; background-color: #34273EB3; position: absolute; left: 0px; top: 9px } .p-price::after { content: ""; width: 42px; height: 2px; background-color: #34273EB3; position: absolute; right: 0px; top: 9px } .p-price-2 { margin-bottom: 40px; position: relative; padding-left: 55px; display: inline-block; font-size: 21px; font-weight: 500; margin-right: 40px; color: #706777; font-family: ff-dax-pro-wide, sans-serif; } .p-price-2::before { content: ""; width: 43px; height: 2px; background-color: #706777; position: absolute; left: 0px; top: 12px; } .p-price-2 i { display: inline-block !important; font-style: normal; position: absolute; left: 5px; font-size: 18px; top: 4px; } .p-price-2 span { position: absolute; bottom: -15px; right: 0px; font-size: 12px; color: #34273E66; } .p-price-2extra { margin-bottom: 5px; position: relative; padding-left: 55px; display: inline-block; font-size: 21px; font-weight: 500; margin-right: 40px; color: #706777; font-family: ff-dax-pro-wide, sans-serif; } .p-price-2extra::before { content: ""; width: 165px; height: 2px; background-color: #706777; position: absolute; left: 0px; top: 12px; } .p-price-2extra span { position: absolute; bottom: -15px; right: 0px; font-size: 12px; color: #34273E66; } .is-on-sale .p-price-2 { margin-bottom: 40px; position: relative; padding-left: 55px; display: inline-block; font-size: 21px; margin-right: 40px; color: #DC001B; font-family: ff-dax-pro-wide, sans-serif; } .is-on-sale .p-price-2::before { display: none } .is-on-sale .sale-label { position: absolute; left: 0px; top: 6px; } .stock-info { display: inline-block; border-left: 2px solid #DC001B; font-size: 16px; padding: 11px 0px 0px 25px; height: 48px; color:#DC001B; } .stock-info.green { display: inline-block; border-left: 2px solid #6C9158; font-size: 16px; padding: 11px 0px 0px 25px; height: 48px; color:#6C9158; } @media (max-width: 575px) { .stock-info,.stock-info.green { display: block; } } .shopitem.variation .price::before{ width: 153px; } .shopitem.variation .p-price-2{ padding-left: 0px; color: #DC001B; font-size: 18px; margin-right: 15px; } .shopitem.variation .p-price-2.normalcolor{ color:#857D8B; top: -15px; } .shopitem.variation .p-price-2::before{ display: none } .shopitem.variation .stock-info{ display: inline-block; border-left: 2px solid #6C9158; font-size: 15px; padding: 11px 0px 0px 15px; height: 42px; color:#6C9158; } .shopitem.variation .stock-info.stock-info-outlet{ padding: 2px 0px 0px 15px; } .sale-label{font-size: 13px; font-weight: 500; display: block} .variation-size{font-size: 13px; font-weight: 500; color:#34273E66; margin:-4px 0px 10px} ol.wp-paginate{ display: inline-block; background-color: #f7f7f7; font-size: 12px; font-weight: 600; padding: 5px 15px!important; border-radius: 20px; } ol.wp-paginate li { line-height: inherit!important; } .wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current { border: 0px solid #efecee!important; border-radius: 0px!important; color: #312C36; } .wp-paginate .title { color: #312C36; margin-right: 4px; text-transform: uppercase; font-weight: bold; } .wp-paginate .prev { background: url("../img/arrow-nav-white1-left.svg") !important; background-size: cover !important; width:13px; height: 15px; display: inline-block; color:transparent!important; position: relative; top:3px; margin: 0px 5px; } .wp-paginate .next { background: url("../img/arrow-nav-white1-right.svg") !important; background-size: cover !important; width:13px; height: 15px; display: inline-block; color:transparent!important; position: relative; top:3px; margin: 0px 5px; } .wp-paginate.wpp-modern-grey .current { opacity: 1!important; color: #DC001B !important; } .wp-paginate .gap { color: #312C36 !important; margin-right: 4px; } .p-price-3 { margin-bottom: 40px; position: relative; padding-left: 20px; display: inline-block; font-size: 20px; color: #359800; } .p-price-3::before { content: ""; width: 2px; height: 55px; background-color: #359800; position: absolute; left: 0px; top: -10px; } table { font-size: 16px; color: #82746B; } table a{ font-size: 16px; color: #82746B; } table th { min-width: 120px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; color: #312838E6; } table td, table th { padding-bottom: 8px; vertical-align: top; } table td p { margin-bottom: 0px } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25); } .btn-var-select{ display: block; font-size: 16px; } .btn-var-select i{ font-family: ff-dax-pro-wide, sans-serif; font-size: 13px; font-style:normal } .btn-var-select::before{ content:""; background: url(../img/sel-down.svg); background-size: cover; width:15px; height: 14px; display: inline-block; margin-right: 15px; position: relative; top:2px } .var-select{ padding: 0px; margin: 10px 0px 0px; list-style: none; } .var-select li{ padding: 0px; margin: 0px 0px 8px -8px; padding: 6px 8px; } .var-select li:hover { background-color: #eee; } .var-select li a { font-size: 14px!important; line-height:1.1 } .var-select li a .thesize i { font-size: 11px!important; font-family: ff-dax-pro-wide, sans-serif; font-style: normal; } .var-select li a .thesize{ /* display: inline-block; width:150px; */ } .var-select li a .thestock{ margin-top: 1.5px; } .var-select li.green-bg{ background-color: #6C915822; } .var-select li a .thestock.green{ color:#6C9158; } .var-select li a .thestock.red{ color:#DC001B; } #var-display{ display: none } .open-list,.open-list:hover{ background-color:green; display: inline-block; color:#fff; font-weight:bold; position: absolute; right:0px; bottom:0px; z-index: 1000; padding:1px 4px /**/ } #extraLabel { background-color: #feede5; padding: 15px; color: #e37132; font-size: 14px; display: none; } #extraLabelValue{ color:#312838E6; font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-size: 16px; margin-top: 5px } #extraLabelValue p{ margin: 0px} #extraLabel-uniq { background-color: #fff; padding: 15px; font-size: 14px; color: #dc001b; border: 1px solid #dc001b; } .sku{text-align: right;font-size: 14px;margin-top: 10px} .side-navi { padding: 0px; margin: 0px; list-style: none; } .side-navi li { border-bottom: 1px solid #707070; padding: 0px 0px; } .side-navi li a { font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; font-size: 13px; display: block; padding: 14.5px 0px; } .side-navi li:hover { /*background-color: #FCF8F6;*/ } .topfilter { margin: 30px 0px ; font-size: 12px; color: #838086; position: relative; } .topfilter-outlet { margin: 30px 0px 0px; font-size: 12px; color: #838086; position: relative; } .woocommerce .woocommerce-result-count { margin: 0 0 0px; float: none; font-size:11px; text-align: right } .woocommerce .outlet-topfilter-count .woocommerce-result-count { margin: 0 0 0px; float: none; position: absolute; right: 4px; bottom: auto; } @media (max-width: 767px) { .woocommerce .woocommerce-result-count { bottom: -20px; } } .tabfilter{ font-size:20px } .topfilter span { text-transform: uppercase; } .topfilter span.tplabel { text-transform: uppercase; margin-right: 15px; } .topfilter .f-item { margin: 0px 4px } .topfilter a.f-item { color: #838086; } .topfilter a.f-item.current{ color: #312C36; } .topfilter b { color: #312C36; } .woocommerce-ordering { display: inline-block; float: none!important; margin:0px; } .showfilter_old{position: absolute;left:0px;top:4px; z-index:1000} .showfilter img { position: relative; top: -2px; } .sticky-filter{display:none; margin-top:20px} @media (min-width: 768px) { .sticky-filter{ display:block; margin-top:4px} .showfilter{display:none} } .coll-ov { margin-top: 10px } @media (max-width: 575px) { h2 { font-size: 22px; } body { font-size: 16px; } } @media (min-width: 576px) { .mybreadcrumb-section .container {} } @media (min-width: 992px) { body {} section { padding: 80px 0px } .sticky-filter { /* position: -webkit-sticky; position: sticky; */ top: 180px; -ms-flex-item-align: start; align-self: flex-start; height: auto; padding-right: 30px; } .right-lg-Col { padding-left: 50px } .left-lg-Col { padding-right: 50px } .textcontent { padding-left: 22px } .textcontent2 { padding-left: 40px } } @media (min-width: 1200px) { .sticky-filter { padding-right: 0px; } } @media (min-width: 1400px) { .sticky-filter { padding-right: 30px; } } .col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 20px; padding-left: 20px; } .col-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 576px) { .col-sm-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 768px) { .col-md-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-lg-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-xl-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } .col-4dot4, .col-sm-4dot4, .col-md-4dot4, .col-lg-4dot4, .col-xl-4dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 20px; padding-left: 20px; } .col-4dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } @media (min-width: 576px) { .col-sm-4dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (min-width: 768px) { .col-md-4dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (min-width: 992px) { .col-lg-4dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (min-width: 1200px) { .col-xl-4dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media (max-width: 991px) { .container { max-width: inherit } h2 {} h2::before {} } /*HELPERS END */ @media (max-width: 575px) { .container { padding: 0px 12px; } } @media (min-width: 1200px) { .container { max-width: 1100px } .small-bg div { max-width: calc(1100px + 200px) } } @media (min-width: 1400px) { .container { max-width: 1300px; } .small-bg div { max-width: calc(1300px + 200px) } } @media (min-width: 1500px) { .container { max-width: 1350px; } .small-bg div { max-width: calc(1350px + 200px) } } @media (min-width: 1700px) { } .see-all{ background-color: #D9CDC4; display: block; } .overlay_all{ position: absolute; width:100%; height: 100%; padding: 10px; font-size:22px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; word-break: break-all; text-align: center; } .overlay_all div { width:100% } @media (max-width: 479px) { .shopitem .info h4 { font-size: 12px; word-wrap: break-word; } .shopitem .price { font-size: 12px !important; margin-bottom: 16px; padding-left: 25px; } .shopitem .price::before { top: 7px; left: 0px; width: 19px; height: 1px; } .shopitem .price::after { bottom: -13px; left: 23px; font-size: 10px; } .shopitem .info .rugtype { font-size: 10px; } .shopitem.variation .p-price-2{ font-size: 12px; } .shopitem.variation .stock-info { display: inline-block; border-left: 2px solid #6C9158; font-size: 11px; padding: 11px 0px 0px 15px; height: 42px; color: #6C9158; } .shopitem.variation .price::before { width: 123px; } .shopitem.variation .stock-info { display: none} .instock-red,.instock-green { font-size: 12px; } .itsnew { right: 6px; top: -10px; border-radius: 15px; font-size: 11px; font-weight: 500; height: 20px; width: 44px; } .comingsoon { height: 20px; width: 94px; } .overlay_all{ font-size:18px } } /*SELECTBOX*/ /**/ .woocommerce .woocommerce-ordering { margin: 1px 0 0px; } .selectboxit-container * { font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; font-size: 12px; } .woocommerce-ordering .selectboxit-text { text-indent: 0px; font-size: 12px; } .woocommerce-ordering { margin-top: -8px; color: #312C36 } .woocommerce-ordering .selectboxit-btn { background: none; border: 0px; } .woocommerce-ordering .selectboxit-container .selectboxit { border-radius: 0px !important; width: 112px !important; } .woocommerce-ordering .selectboxit-container span, .woocommerce-ordering .selectboxit-container .selectboxit-options a { height: 15px; line-height: inherit; display: block; } .woocommerce-ordering .selectboxit .selectboxit-arrow-container .selectboxit-arrow { top: 40%; } .selectboxit-option .selectboxit-option-anchor { padding: 0 2px; } .selectboxit .selectboxit-option-icon-container { } .selectboxit-container .selectboxit-option-icon { display: none; } .woocommerce-ordering .selectboxit-btn.selectboxit-enabled:hover, .woocommerce-ordering .selectboxit-btn.selectboxit-enabled:focus, .woocommerce-ordering .selectboxit-btn.selectboxit-enabled:active { color: inherit; background-color: transparent; } .woocommerce-ordering .selectboxit-container .selectboxit-options { margin: 0; padding: 0px 0px 0px 0px; border-radius: 0px; position: absolute; } .woocommerce-ordering .selectboxit-list { background-color: #ffffff; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; overflow-x: hidden; overflow-y: hidden; } .woocommerce-ordering .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { background: none; background-color: #fff; background-repeat: repeat-x; color: inherit } .woocommerce-ordering .selectboxit-option-first, .woocommerce-ordering .selectboxit-option-last { border-top-right-radius: 0px; border-top-left-radius: 0px; } .woocommerce-ordering .selectboxit-option, .woocommerce-ordering .selectboxit-optgroup-header { text-indent: 4px; } .dropdown-menu-type-2 { padding: 16px 20px; } .woof { position: relative; top: -8px; line-height: 19px } .irs{margin-top: 10px} .irs-from, .irs-to, .irs-single { color:#7A7380!important; border-radius: 0px!important; background: none!important } .irs-slider { width: 17px!important; height: 17px!important; top: 20px!important; } .irs-slider.to { background: url(../img/slider-left.svg)!important; background-size: cover!important } .irs-slider.from { background: url(../img/slider-right.svg)!important; background-size: cover!important } .chosen-container.chosen-container-single { display: none; } .woof_block_html_items.woof_closed_block { display: none; } .woof h4 { margin-bottom: 0px; font-size: 14px; color: #312C36; text-transform: uppercase; font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; } .woof .woof_container_inner_collections h4{ font-size: 15px; } .woof label { margin-bottom: 0px; font-size: 13px; color: #5A5360C9; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; padding: 0px } .woof_front_toggle { position: absolute; right: 0px; font-size: 25px; top: -10px; color: #555F66; font-family: ff-dax-pro, sans-serif; font-weight: 400; width:100%; text-align: right; } .woof_front_toggle:hover { text-decoration: none; } .woof_container { border-bottom: 0.5px solid #dfdfdf; padding: 14.6px 0px; margin-bottom: 0px } ul.woof_list { margin: 4px 0 !important; padding: 0px 0px } ul.woof_list.woof_list_checkbox{ margin: 5px 0 !important; padding: 0px 0px } .woof_list li { list-style: none !important; padding: 0 0 0px 0 !important; margin: 0 0 0px 0 !important; } .woof_list > li { list-style: none !important; padding: 0 0 0px 0 !important; margin: 0 0 0px 0 !important; } .woof_block_html_items li{ padding: 0 0 0px 8px !important; position: relative; } .woof_block_html_items .woof_list_radio > li { padding: 0 0 0px 0px !important; position: relative; } .woof_container_product_cat .woof_list_checkbox > li:last-of-type > label, .woof_container_product_cat .woof_list_radio > li:last-of-type > label, .woof_childs_list_li > label{ text-transform: uppercase; color: #34273E; } .woof_checkbox_label,.woof_radio_label { margin-left: 0px; } .woof_radio_term_reset_visible { display: none!important; } .woof input[type=checkbox], .woof input[type=radio]{ position: absolute; left:-9999px } .woof input.woof_checkbox_instock[type=checkbox]{ position: relative; left:0px; top:1px } .woof input.woof_meta_checkbox[type=checkbox]{ position: relative; left:0px; top:1px } .woof input.woof_checkbox_instock[type=checkbox] + label { text-transform: uppercase; color:#312C36; font-size:12px } .woof input.woof_meta_checkbox[type=checkbox] + label { text-transform: uppercase; color:#312C36; font-size:12px } .woof input[type=checkbox]:checked + label,.woof input[type=radio]:checked + label { color: #DC001B; } .woof input[type="checkbox"]:checked + .woof_childs_list_opener span.woof_is_closed, .woof input[type="radio"]:checked + .woof_childs_list_opener span.woof_is_closed { background: url(../img/arrow-red-down.png); background-size: cover; width: 10px; height: 11.5px; } .woof_childs_list { margin: 0px 0 10px 0px !important; padding: 0px 0px; } .woof_color_term{ border-radius: 50% !important; width:18px; height: 18px; border: 0px solid #dfdfdf; background-size: cover !important; } .woof_color_term.checked { border:0px solid #DC001B; } .woof_childs_list_opener span.woof_is_closed { background: url(../img/arrow-white-right.png); background-size: cover; width: 10px; height: 11.5px; } .woof_childs_list_opener span.woof_is_opened { background: url(../img/arrow-red-down.png); background-size: cover; width: 11.5px; height: 10px; } .woof_childs_list_opener span { top: -2px; position: relative; } .woof_childs_list_opener { position: absolute; right: 2px; top: 3px; } ul.woof_list_color.woof_color_title_col li { white-space: nowrap; display: inline-block; width: 47.0%; } .woof_container_inner_style ul li{ display: inline-block; width: 47%; white-space: nowrap; } ul.woof_list_color.woof_color_title_col li .woof_color_title { display: inline-block; height: 26px; padding: 1px; vertical-align: top; font-size: 13px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; } .filter-title{ color: #312C36; font-size: 12px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px } .woof_products_top_panel { font-size:12px; line-height:12px } .woof_products_top_panel li { background-color: #F7F7F7; padding: 8px 14px; margin: 0 5px 5px 0 !important; border-radius: 15px; } .woof_products_top_panel li a{ } .woof_products_top_panel li a span { background: url(../img/close-filter.svg); background-repeat: no-repeat; padding-left: 15px; background-position: left; background-size: 9px 9px; color:#706777; font-size:11px; display: inline-block; } .woof_products_top_panel li span { padding-right: 0px; } .woof_products_top_panel li span:hover { background-size: 9px 9px; } .woof_color_title span, span.woof_checkbox_count{ color:#d7d6d9; font-size: 10px; } .selectboxit-option-anchor span.c-value{ color:#d7d6d9; font-size: 10px; display: inline!important; } /*MODAL*/ #snapshot-modal{ z-index: 3500 } #image-src { max-width: 100vH; max-height: 100vH; margin: auto; } #image-src img { max-height: 90vH; width: auto; } .modal-fullscreen #iframe-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: inherit; flex-direction: inherit; } .modal-backdrop.show { opacity: 1; background-color: #303030; } .modal-backdrop.show { opacity: 1; background-color: #fff; } .closeMag{ position: absolute; z-index: 100; top:20px; right:20px; width:37px; height:37px; background: url(../img/close-red.svg); } .pointer svg path{ fill:#ff0000!important; } #modalcontent { margin-top:10%; border: 0px solid grey; color:#82746B; } .post-type-archive-magazine.modal-open #exampleModal{ padding-right:0px!important } @media (min-width: 992px) { #NavModal{display:none!important} .modal-backdrop{display:none!important} } @media (max-width: 991px) { .modal-open #mainnav{ background-color: #fff; } } .woof_container_product_cat{ } .woof_container_product_cat .selectboxit-container * { } .selectboxit-container .selectboxit { width:100%!important; border: none !important; } .selectboxit-container .selectboxit-options { width:100%!important; margin: 11px 0px 0px; border-radius: 0px; border:0px; max-height: 300px!important; position: relative; z-index: 1010; } .selectboxit-option.selectboxit-option-first { /*display: none;*/ } .woof_block_html_items .selectboxit-container li { padding: 0 0 0px 0px!important; position: relative; } .woof_block_html_items .selectboxit-container li a{ font-weight: 500; font-size:13px; text-transform: uppercase; color:#34273E } .woof_block_html_items .selectboxit-container li.woof-padding-1 { padding: 0 0 0px 3px!important; position: relative; } .woof_block_html_items .selectboxit-container li.woof-padding-1 a{ font-weight: 400!important; font-size:13px; text-transform: none; color:#5A5360C9; } .woof_container_product_cat .selectboxit-btn{ background: none; background-color: #fff; border-radius: 0px !important; border: 0px; } .woof_container_product_cat .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { background-color: #fff; color: #312C36; } .woof_container_product_cat .selectboxit-text { text-indent: 0px; color: #312C36; font-size: 15px; font-weight: 500; max-width:inherit!important } .woof_container_product_cat .selectboxit-arrow-container { width:13px; height:15px; top:0px; background: url(../img/arrow-white-right.png); background-size:cover; } .woof_container_product_cat .selectboxit.open .selectboxit-arrow-container { width:15px; height:13px; top:0px; background: url(../img/arrow-red-down.png); background-size:cover; } .woof_container_product_cat .selectboxit .selectboxit-arrow-container .selectboxit-arrow { display: none; margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; } .woof_container_product_cat .selectboxit .selectboxit-option-icon-container { margin-left: 0px; display: none } .woof_container_product_cat .selectboxit-container { width:100%!important; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; font-size: 13px; } .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 18px; line-height: 18px; display: block; } .label-info2 { width: 100%; } .label-info2 .info2 { width: 90px; text-align: center; font-size:11px } .woof_list > li.size-group{ font-size:13px; text-transform: capitalize; font-family: ff-dax-pro-wide, sans-serif; font-weight: 400; margin-top:10px!important; margin-bottom:5px!important } .woof_list > li.size-group:first-of-type{ margin-top:0px!important } select.woof_select.woof_select_product_cat { display: none } .alert-warning { color: #856404; display: none } .alert { background-color: #fcf8f6; border-color: #dc001b; color: #dc001b; } [id^="bg-showmore-hidden"] { display: none; padding-top: 0px; padding-bottom: 15px; } button.bg-showmore-plg-button { background: #655449; border-color: #655449; color: #fff !important; min-width: 250px; font-family: ff-dax-pro-wide, sans-serif; font-weight: 500; font-size: 11px !important; text-transform: uppercase; border-radius: 0px !important; padding: 0.375rem 0.75rem; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } button.bg-showmore-plg-button:active { position: relative; top: 0px; border-top: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; } button.bg-showmore-plg-button:focus { background: #655449; border: 1px solid transparent; } button.bg-showmore-plg-button:hover { background: #18101D; border-color: #18101D; color: #fff; } @media (min-width: 992px) { [id^="bg-showmore-hidden"] { display: block; padding-top: 0px; padding-bottom: 15px; } button.bg-showmore-plg-button,a.bg-showmore-plg-link { display: none;} } .owl-carousel-wrapper{ position: relative; } .owl-carousel .owl-stage { overflow:hidden } .owl-theme-control{ position: absolute; bottom:10px; width:100%; background-color: rgba(0,0,0,0.4); z-index: 11; margin: 0px; bottom: calc(50% - 18px); } .owl-theme-control .owl-nav [class*="owl-"],.owl-theme-control .owl-nav [class*="owl-"]:hover { background: none; padding: 0px; border-radius: 0px; border: 0px; } .owl-theme .owl-nav { margin-top: 0px; bottom: calc(50% - 18px); position: absolute; width:100% } .owl-carousel-cp2.owl-theme .owl-nav { bottom: 18px; } .owl-carousel-wrapper .owl-theme .custom-nav { position: relative; } .owlcp1 .owl-prev,.owlcp1 .owl-next, .owlcp2 .owl-prev,.owlcp2 .owl-next{ pointer-events: none; pointer-events: } span.cb{ display: inline-block; width: 37px; height: 37px; } .cb-prev{ background: url(../img/btn-gr-prev.svg) } .owl-prev:hover .cb-prev{ background: url(../img/btn-gr-prev-hover.svg) } .cb-next{ background: url(../img/btn-gr-next.svg) } .owl-next:hover .cb-next{ background: url(../img/btn-gr-next-hover.svg) } .owlcp1 .cb-prev{ background: url(../img/btn-wh-prev.svg)!important } .owlcp1 .owl-prev:hover .cb-prev{ background: url(../img/btn-wh-prev-hover.svg)!important } .owlcp1 .cb-next{ background: url(../img/btn-wh-next.svg)!important } .owlcp1 .owl-next:hover .cb-next{ background: url(../img/btn-wh-next-hover.svg)!important } .owlcp2 .cb-prev{ background: url(../img/btn-red-prev.svg)!important } .owlcp2 .owl-prev:hover .cb-prev{ background: url(../img/btn-wh-prev-hover.svg)!important } .owlcp2 .cb-next{ background: url(../img/btn-red-next.svg)!important } .owlcp2 .owl-next:hover .cb-next{ background: url(../img/btn-wh-next-hover.svg)!important } .cp-item{cursor: pointer} .owl-prev { position: absolute; left: -54px; top:-37px } .owl-next { position: absolute; right: -54px; top:-37px } .no-navigation .owl-nav{ display:none } .owl-theme-cp1 .owl-prev { left: 34px; } .owl-theme-cp1 .owl-next { right: 34px; } .owl-carousel-startblock .owl-prev,.owl-carousel-products .owl-prev,.owl-carousel-products-3 .owl-prev,.owl-carousel-storyblock .owl-prev,.owl-carousel-videos .owl-prev { left: 25px; } .owl-carousel-startblock .owl-next,.owl-carousel-products .owl-next,.owl-carousel-products-3 .owl-next,.owl-carousel-storyblock .owl-next,.owl-carousel-videos .owl-next { right: 25px; } .owl-carousel-startblock .cb-prev,.owl-carousel-products .cb-prev,.owl-carousel-products-3 .cb-prev,.owl-carousel-storyblock .cb-prev,.owl-carousel-videos .cb-prev{ background: url(../img/btn-red-prev.svg)!important } .owl-carousel-startblock .owl-prev:hover .cb-prev,.owl-carousel-products .owl-prev:hover .cb-prev,.owl-carousel-products-3 .owl-prev:hover .cb-prev,.owl-carousel-storyblock .owl-prev:hover .cb-prev,.owl-carousel-videos .owl-prev:hover .cb-prev{ background: url(../img/btn-wh-prev-hover.svg)!important } .owl-carousel-startblock .cb-next,.owl-carousel-products .cb-next,.owl-carousel-products-3 .cb-next,.owl-carousel-storyblock .cb-next,.owl-carousel-videos .cb-next{ background: url(../img/btn-red-next.svg)!important } .owl-carousel-startblock .owl-next:hover .cb-next,.owl-carousel-products .owl-next:hover .cb-next,.owl-carousel-products-3 .owl-next:hover .cb-next,.owl-carousel-storyblock .owl-next:hover .cb-next,.owl-carousel-videos .owl-next:hover .cb-next{ background: url(../img/btn-wh-next-hover.svg)!important } .owl-carousel-textlinks .owl-prev { left: 25px; } .owl-carousel-textlinks .owl-next { right: 25px; } .owl-carousel-textlinks .cb-prev{ background: url(../img/btn-red-prev.svg)!important } .owl-carousel-textlinks .owl-prev:hover .cb-prev{ background: url(../img/btn-wh-prev-hover.svg)!important } .owl-carousel-textlinks .cb-next{ background: url(../img/btn-red-next.svg)!important } .owl-carousel-textlinks .owl-next:hover .cb-next{ background: url(../img/btn-wh-next-hover.svg)!important } .carousel-control-next-icon { background-image: url(../img/btn-red-next.svg); } .owl-carousel-c1.owl-theme .owl-nav { margin: auto auto; bottom: -40px; position: relative; width: 100px; background-color: antiquewhite; height: auto; } .owl-carousel-c1.owl-theme .owl-nav .owl-prev { left: 0px; } .owl-carousel-c1.owl-theme .owl-nav .owl-next { right: 0px; } .owl-theme-cp1 .cb-prev{ background: url(../img/btn-wh-prev.svg) } .owl-theme-cp1 .owl-prev:hover .cb-prev{ background: url(../img/btn-wh-prev-hover.svg) } .owl-theme-cp1 .cb-next{ background: url(../img/btn-wh-next.svg) } .owl-theme-cp1 .owl-next:hover .cb-next{ background: url(../img/btn-wh-next-hover.svg) } .owl-theme .owl-nav [class*="owl-"]:hover { background: none; } .owl-theme .owl-dots { text-align: right; position: absolute; width: 100%; bottom: -38px; } .owl-theme .owl-nav.disabled + .owl-dots { } .owl-theme .owl-dots .owl-dot span { width: 8.5px; height: 8.5px; margin: 0px 3px; background: #fff; display: block; border-radius: 50%; border: 1px solid #D5D4D7; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #D5D4D7; } .owl-carousel-startblock.owl-theme .owl-nav .disabled, .owl-carousel-textlinks.owl-theme .owl-nav .disabled{ opacity: 0; cursor: default; } @media (max-width: 991px) { .owl-theme .owl-next, .owl-theme .owl-prev { display: none!important } .owl-carousel-c1.owl-theme .owl-next, .owl-carousel-c1.owl-theme .owl-prev { display: inline-block!important } .owl-carousel-startblock.owl-theme .owl-next, .owl-carousel-startblock.owl-theme .owl-prev { display: inline-block!important } .owl-carousel-videos.owl-theme .owl-next, .owl-carousel-videos.owl-theme .owl-prev { display: inline-block!important } } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel-c1.owl-theme .owl-nav.disabled{ display: block;} .owl-carousel-cp2 + .owl-theme-control{ bottom: 15px; } .owl-theme.owl-carousel-cp2 .owl-dots { text-align: center; position: absolute; width: 100%; bottom: 26px; } .owl-carousel-mag1 + .owl-theme-control { /* bottom:-72px */ } .owl-carousel-mag1.owl-theme .owl-dots { text-align: center; bottom: -67px; } .section-small-bg .cb-prev, .secondaryColor .cb-prev, .owl-carousel-mag1 + .owl-theme-cp1 .cb-prev{ background: url(../img/btn-gr-prev.svg) } .section-small-bg .owl-prev:hover .cb-prev, .secondaryColor .owl-prev:hover .cb-prev, .owl-carousel-mag1 + .owl-theme-cp1 .owl-prev:hover .cb-prev{ background: url(../img/btn-gr-prev-hover.svg) } .section-small-bg .cb-next, .secondaryColor .cb-next, .owl-carousel-mag1 + .owl-theme-cp1 .cb-next{ background: url(../img/btn-gr-next.svg) } .section-small-bg .owl-next:hover .cb-next, .secondaryColor .owl-next:hover .cb-next, .owl-carousel-mag1 + .owl-theme-cp1 .owl-next:hover .cb-next{ background: url(../img/btn-gr-next-hover.svg) } .owl-carousel-mag1.owl-theme .owl-dots .owl-dot span { background: #fff; border: 1px solid #82746B; } .owl-carousel-mag1.owl-theme .owl-dots .owl-dot.active span { background: #82746B; border: 1px solid #82746B; } #BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark { background: rgba(0,0,0,.2)!important; } #BorlabsCookieBox>div:not(._brlbs-block-content) { position: fixed!important; width: 100%; z-index: 999999; } #BorlabsCookieBox ._brlbs-bar, #BorlabsCookieBox ._brlbs-box { background-color: #34273E!important; color:#fff!important; } #BorlabsCookieBox p { font-size: 14px!important; } #BorlabsCookieBox ._brlbs-manage,#BorlabsCookieBox ._brlbs-refuse { margin-top:5px; display:inline-block; font-size: 14px!important; } /*LOGIN*/ .page-template-default .woocommerce { padding: 0px; background-color: transparent; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 0px solid #d3ced2; padding: 0px; margin: 0 0; } .woocommerce form .form-row label { line-height: 2; display: block; width: 100%; margin-bottom: 0px; } .woocommerce form .form-row span { font-style: normal; font-size:12px; margin-top: 5px } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { position: absolute; right: .7em; top: 3px; cursor: pointer; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 0.575rem 0.75rem ; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; width: auto; padding: .618em 1em; font-weight: 500; left: auto; color: #fff!important; background-color: #ebe9eb; border: 0; display: inline-block; background-image: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; min-width: 150px } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none!important; padding:0px; margin: 0px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li{ margin-bottom: 5px } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{ color:#DC001B; } .profile-btn{ margin-left:5px!important; position: relative; top:2px; } .pswp__bg { background-color: #FCF8F6 } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,0); } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__ui--idle .pswp__top-bar { opacity: 0!important; display:none; background-color: rgba(0,0,0,0); } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.0); } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 1; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { } .pswp__button--arrow--right::before { right: 22px; width: 37px; height: 37px; background: url(../img/btn-br-next.svg)!important; opacity: 1; } .pswp__button--arrow--right:hover::before { background: url(../img/btn-br-next-hover.svg)!important; } .pswp__button--arrow--left::before { left: 27px; width: 37px; height: 37px; background: url(../img/btn-br-prev.svg)!important; } .pswp__button--arrow--left:hover::before { background: url(../img/btn-br-prev-hover.svg)!important; } .pswp__button--arrow--left, .pswp__button--arrow--right, button.pswp__button.pswp__button--close { visibility: visible!important; } button.pswp__button.pswp__button--close { top: 20px; right: 20px; width:37px; height:37px; background: url(../img/close.svg)!important; background-position: 0px 0px; } .pswp--supports-fs .pswp__button--fs { display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: none; } .pswp__counter { display: none; } .pswp__caption{display: none} .left-text-content { margin-top: 7pxv; } .my_pswp__caption { display: block; min-height: 84px; } .pswp__caption__center { text-align: left; max-width: 600px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; height: 84px; top: 16px; position: relative; } .pswp__caption__center span{ color:#5A5360 } .pswp__ui--idle .pswp__top-bar { opacity: 1 !important; display: block; background-color: rgba(0,0,0,0); } .nickx-slider-for,#nickx-gallery { max-width: 510px !important;/**/ } a.nickx-popup { font-size: 25px; line-height: 0; color: #eee; } a.nickx-popup:hover { opacity: 1; color: #ddd; } a.nickx-popup.fa-search::before { display: none!important } #nickx-gallery .slick-slide { margin: 0px; padding: 0px 3px; } img.video_icon_img { height: 35px; width: 35px; } .nickx-slider-for i { display: none !important } #product_video_iframe { position: relative; z-index: 2000; } .slick-active a.nickx-popup { width:100%; height: 100%; cursor: -webkit-zoom-in; cursor: zoom-in; } :focus { outline: -webkit-focus-ring-color auto 0px; outline: none; } .slick-list.draggable { min-height: auto !important; } .fancybox-bg { background-color: #FCF8F6; } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-toolbar button{ display: none!important } .fancybox-toolbar button.fancybox-button--close{ display: block!important; top: 20px; right: 20px; width: 37px; height: 37px; background: url(https://www.rugstar.com/wp-content/themes/rugstar/css/../img/close.svg) !important; background-position: 0 0; } .fancybox-toolbar button svg,.fancybox-button svg{ display: none!important } .fancybox-button--arrow_right{ right: 22px !important; width: 37px !important; height: 37px !important; background: url(https://www.rugstar.com/wp-content/themes/rugstar/css/../img/btn-br-next.svg) !important; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; opacity: 1; padding: 0px !important; } .fancybox-button--arrow_left{ left: 22px !important; width: 37px !important; height: 37px !important; background: url(https://www.rugstar.com/wp-content/themes/rugstar/css/../img/btn-br-prev.svg) !important; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; opacity: 1; padding: 0px !important; } .fancybox-iframe, .fancybox-video { width: auto!important; margin: auto; } .fancybox-slide--video .fancybox-content { background: #000; margin: auto; width: auto !important; } .fancybox-slide--video .fancybox-content{ background: transparent; } .fancybox__content > .f-button.is-close-btn { position: fixed; top: 20px; right: 20px; --f-button-width: 37px; --f-button-height: 37px; opacity: 1; } .f-button svg { width: 37px; height: 37px; stroke: #fff; stroke-width: 1px; stroke-linecap: inherit; stroke-linejoin: inherit; } .f-button.is-next { --f-button-width: 50px; --f-button-height: 50px; opacity: 1; } .f-button.is-next svg,.f-button.is-prev svg{ width: 50px; height: 50px; opacity: 1; stroke: #fff; stroke-width: 1px; stroke-linecap: inherit; stroke-linejoin: inherit; } @media (max-width: 992px) { .fancybox-slide--video .fancybox-content { height: 75% !important; } .fancybox-iframe, .fancybox-video { width: 100% !important; } .no-mobile-view{display: none} .btn { /* margin-bottom: 10px; */ } } #BorlabsCookieBox ._brlbs-bar .container { max-height: 100vh; overflow: auto !important; width: inherit!important; max-width: inherit !important; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .centerBox { font-family: ff-dax-pro, sans-serif; font-weight: 400; color: #fff; position: absolute; /* width:80%;*/ /*top: 20%;*/ } .centerBox { text-align: left; -webkit-text-stroke: 1.3px #fff; -webkit-text-fill-color: #dc001b; font-size: 130px !important; color: #dc001b; font-weight: 700; line-height: 1.1 } .centerBox-single { z-index: 1; position: absolute; top: 40%; text-align: center; margin: auto; width: 100%; } @media (max-width: 1400px) { .centerBox { font-size: 110px !important; /*top: 17%;*/ } } @media (max-width: 992px) { .centerBox { font-size: 75px !important; /*width:80%; top: 20%;*/ -webkit-text-stroke: 1px #fff; } } @media (max-width: 575px) { .centerBox { font-size: 55px !important; /*top: 28%;*/ } } @media (max-width: 400px) { .centerBox { font-size: 42px !important; } } @media (max-width: 360px) { .centerBox { font-size: 36px !important; /*top: 25%;*/ } } .var-select li { position: relative } .ruglocations { font-size: 11px; position: absolute; top: 0px; left: 185px; width: 270px; z-index: 1000; } .ruglocation-single { margin: -10px auto 20px; font-size: 14px; } .table-selection-rug tr:first-of-type{ background-color: #6C915822 } .b-drag-list { width: 16px; height: 16px; display: inline-block; background: url(../img/drag.svg) no-repeat; margin: 2px 5px 0px; cursor: -webkit-grab; cursor: grab; background-size: cover; } .var-select li .ruglocations span { font-size: 10px !important; line-height: 1.1; } table.table-selection-rug td, table.table-selection-rug th { padding-bottom: 2px; vertical-align: top; } /* @media (min-width: 993px) { #mainnav { padding-top: 30px; } .nav-container { padding-bottom: 30px; } .dropdown-menu { top: 130px; } } */ .slick-slider{ overflow: visible; } .slick-prev,.slick-prev:hover { left: -35px; width:30px; height:30px; overflow: hidden; background: url(../img/prev.svg)!important; background-size: cover!important; opacity:1!important; z-index: 11; } .slick-next,.slick-next:hover { right: -35px; width:30px; height:30px; overflow: hidden; background: url(../img/next.svg)!important; background-size: cover!important; opacity:1!important; z-index: 11; } @media (max-width: 991px) { .slick-prev,.slick-prev:hover { left: 15px; background: url(../img/prev-w.svg)!important; background-size: cover!important; } .slick-next,.slick-next:hover { right: 15px; background: url(../img/next-w.svg)!important; background-size: cover!important; } } .slick-prev:before, .slick-next:before { color: #aaa; font-size: 25px; display: none } .slick-next::before { content: "\f105"; } .slick-prev::before { content: "\f104"; } .breadcrumbs { font-size: 11px; font-weight: 300; color: #000; } .breadcrumbs a{ color: #dc001b } /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/ .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); -webkit-box-shadow: 10px 2px 8px rgba(0,0,0,.15) !important; box-shadow: 10px 2px 8px rgba(0,0,0,.15) !important; } .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; } .modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; } /*Left*/ .modal.left.fade .modal-dialog{ left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.show .modal-dialog{ left: 0; } /*Right*/ .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0; } /* ----- MODAL STYLE ----- */ .modal-content { border-radius: 0; border: none; } .modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA; } .modal-dialog { background-color: #ffffff; } .modal-backdrop.show { opacity: 0; background-color: #000000; } .modal-content { } .modal-open #mainnav .navbar-toggler-icon, .modal-open #mainnav:hover .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23DC001B' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E"); } .my-phone-nav { font-size: 20px; line-height: 1.5em; font-weight: 300; } .my-phone-nav ul li{ position: relative; } #NavModal .my-phone-nav ul li a.openItem{ position: absolute; display: inline-block; width: 51px; height: 51px; top: 0px; right: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23dc001b;stroke-linejoin:round;%7D.b,.c%7Bstroke:none;%7D.c%7Bfill:%23dc001b;%7D%3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(13) rotate(90)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z'/%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; border: 0px; border-left: 1px dotted #dc001b; } .my-phone-nav ul li a.openItem[aria-expanded="true"]{ -webkit-transform: rotate(90deg); transform: rotate(90deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23dc001b;stroke-linejoin:round;%7D.b,.c%7Bstroke:none;%7D.c%7Bfill:%23dc001b;%7D%3C/style%3E%3C/defs%3E%3Cg class='a' transform='translate(13) rotate(90)'%3E%3Cpath class='b' d='M 14.13429927825928 12.5 L 0.8657020330429077 12.5 L 7.500000476837158 1.00054931640625 L 14.13429927825928 12.5 Z'/%3E%3Cpath class='c' d='M 7.500000476837158 2.001115798950195 L 1.731413841247559 12 L 13.26858711242676 12 L 7.500000476837158 2.001115798950195 M 7.500000476837158 0 L 15 13 L 9.5367431640625e-07 13 L 7.500000476837158 0 Z'/%3E%3C/g%3E%3C/svg%3E"); border-left: 0px dotted #dc001b !important; border-bottom: 1px dotted #dc001b !important; } .ph-subnav li a{ font-size: 16px; padding-left: 20px !important; } .sl-overlay { z-index: 1039; } #sb_instagram .sbi_photo { height: auto !important; background: none !important; } #sb_instagram .sbi_photo img { display: block !important; } #sb_instagram.sbi_medium .sbi_link .svg-inline--fa.fa-play, #sb_instagram.sbi_medium .sbi_playbtn { position: absolute; top: auto; left: 20px; bottom: 10px; } .sbi_carousel_vid_first .sbi_playbtn, .sbi_link .svg-inline--fa.fa-play, .sbi_type_video .sbi_playbtn { position: absolute; top: auto; left: 30px; bottom: 10px; font-size:20px !important; } .sbi_carousel .owl-nav{ margin-top: 0px; bottom: calc(50% - 18px); position: absolute; width: 100%; } .sbi_carousel .owl-nav button{ background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .sbi_carousel .owl-nav .owl-next { right: 25px; } .sbi_carousel .owl-nav .owl-prev { left: 25px; } .sbi_carousel .owl-nav .cb-next { background: url(../img/btn-red-next.svg) !important; } .sbi_carousel .owl-nav .cb-prev { background: url(../img/btn-red-prev.svg) !important; } .sbi-theme:not(.sbi-modern, .sbi-overlap) #sb_instagram .sbi_hover_bottom, .sbi-theme:not(.sbi-modern, .sbi-overlap) #sb_instagram .sbi_hover_top, .sbi-theme:not(.sbi-modern, .sbi-overlap)#sb_instagram .sbi_hover_bottom, .sbi-theme:not(.sbi-modern, .sbi-overlap)#sb_instagram .sbi_hover_top { pointer-events: none; } .fillred { fill: #DC001B; } .fillwhite { fill: #fff; } /* .sbi_lightbox .sbi_meta * { color: #333 !important; font-size: 14px; margin-right: 5px; } .sbi_lightbox .sbi_meta{ float: left; margin: 10px 0 0 0; } .sbi_lightbox .sbi_meta span { margin-right: 15px; } */ section.product-carousel{ } .product-carousel-title { color: #DC001B; margin: 50px 0px 20px 50px; } @media (min-width: 576px) { .product-carousel-title { margin: 50px 0px 20px 60px; } } @media (min-width: 1400px) { .product-carousel-title { margin: 50px 0px 20px 40px; } } .p-link-overlay { opacity:0; -webkit-transition:opacity ease-out .3s; transition:opacity ease-out .3s; position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; background-color: rgba(255,0,0,0.5); left: 0; top: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 20px; color: #fff; background: rgb(255,0,0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,0,0)), color-stop(25%, rgba(255,0,0,0)), to(rgba(220,0,27,1))); background: linear-gradient(180deg, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 25%, rgba(220,0,27,1) 100%); z-index: 3; } .p-link:hover .p-link-overlay{ opacity:1; } .p-link-overlay.nomocolor { background:none; } .topinfo-red { background-color: #fff; color: #dc001b; padding: 10px 15px; border:1px solid #dc001b; font-size:16px; } @media (max-width: 1500px) { .topinfo-red { font-size:14px; } } @media (max-width: 1400px) { .topinfo-red { font-size:13px; } } @media (max-width: 767px) { .topinfo-red { font-size:13px; padding: 0px; border:0px solid #dc001b; } } .coll-title{ margin-left:28px; } @media (max-width: 575px) { .coll-title { width: auto; } } .pro-image{ position: relative; } .pmo{ position: absolute; top:0px; left: 0px; width:100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: 2; } .pro-image:hover .pmo{ opacity: 1; } @-webkit-keyframes kenburns1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns1 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kenburns2 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes kenburns2 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes kenburns3 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(90px, 0px); transform: scale(1.2) translate(90px, 0px); } } @keyframes kenburns3 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(90px, 0px); transform: scale(1.2) translate(90px, 0px); } } @-webkit-keyframes kenburns4 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(-90px, 0px); transform: scale(1.2) translate(-90px, 0px); } } @keyframes kenburns4 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(-90px, 0px); transform: scale(1.2) translate(-90px, 0px); } } @media (max-width: 767px) { @-webkit-keyframes kenburns3 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(45px, 0px); transform: scale(1.2) translate(45px, 0px); } } @keyframes kenburns3 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(45px, 0px); transform: scale(1.2) translate(45px, 0px); } } @-webkit-keyframes kenburns4 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(-45px, 0px); transform: scale(1.2) translate(-45px, 0px); } } @keyframes kenburns4 { 0% { -webkit-transform: scale(1.2) translate(0px ,0px); transform: scale(1.2) translate(0px ,0px); } 100% { -webkit-transform: scale(1.2) translate(-45px, 0px); transform: scale(1.2) translate(-45px, 0px); } } } .lds-ellipsis { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #DC001B; -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; -webkit-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; -webkit-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; -webkit-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; } @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(24px, 0); transform: translate(24px, 0); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(24px, 0); transform: translate(24px, 0); } } /* .fancybox__backdrop { background: rgba(255,255,255,0.8); } */