Submit
Path:
~
/
home
/
getwphos
/
www
/
techniquetechs
/
wp-content
/
themes
/
plexify
/
assets
/
css
/
File Content:
style.css
@charset "UTF-8"; /* @media (min-width: $xxxl_min) { .d-xxxl-block{ display: block; } } */ @keyframes headerSlideDown { 0% { margin-top: -80px; } 100% { margin-top: 0; } } @keyframes pxl_fadeIn { from { opacity: 0; } to { opacity: 1; } } .pxl_fadeIn { animation-name: pxl_fadeIn; } @keyframes pxl_fadeInDown { from { opacity: 0; transform: translate3d(0, var(--pxl-animation-distance, -35px), 0); } to { opacity: 1; transform: none; } } .pxl_fadeInDown { animation-name: pxl_fadeInDown; } @keyframes pxl_fadeInLeft { from { opacity: 0; transform: translate3d(var(--pxl-animation-distance, -35px), 0, 0); } to { opacity: 1; transform: none; } } .pxl_fadeInLeft { animation-name: pxl_fadeInLeft; } @keyframes pxl_fadeInRight { from { opacity: 0; transform: translate3d(var(--pxl-animation-distance, 35px), 0, 0); } to { opacity: 1; transform: none; } } .pxl_fadeInRight { animation-name: pxl_fadeInRight; } @keyframes pxl_fadeInUp { from { opacity: 0; transform: translate3d(0, var(--pxl-animation-distance, 35px), 0); } to { opacity: 1; transform: none; } } .pxl_fadeInUp { animation-name: pxl_fadeInUp; } @keyframes pxl_rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .pxl_rotateIn { animation-name: pxl_rotateIn; } @keyframes pxl_rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .pxl_rotateInDownLeft { animation-name: pxl_rotateInDownLeft; } @keyframes pxl_rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .pxl_rotateInDownRight { animation-name: pxl_rotateInDownRight; } @keyframes pxl_rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .pxl_rotateInUpLeft { animation-name: pxl_rotateInUpLeft; } @keyframes pxl_rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .pxl_rotateInUpRight { animation-name: pxl_rotateInUpRight; } @keyframes pxl_zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .pxl_zoomIn { animation-name: pxl_zoomIn; } @keyframes pxl-animation-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } } @keyframes pxl-animation-pulse-grow { to { transform: scale(1.1); } } @keyframes pxl-animation-pulse-shrink { to { transform: scale(0.9); } } @keyframes pxl-animation-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes pxl-animation-pop { 50% { transform: scale(1.2); } } @keyframes pxl-animation-bob { 0% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(-8px); } } @keyframes pxl-animation-bob-float { 100% { transform: translateY(-8px); } } @keyframes fadeInOutCustom { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 0; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutInCustom { 0% { opacity: 1; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translate(100%, -100%); } 50% { opacity: 0; -webkit-transform: translate(-100%, 100%); } 51% { opacity: 1; } } @keyframes toBottomFromtop { 49% { -webkit-transform: translate(-100%, 100%); } 50% { opacity: 0; -webkit-transform: translate(100%, -100%); } 51% { opacity: 1; } } @keyframes toleftFromright { 49% { -webkit-transform: translateX(100%); } 50% { opacity: 0; -webkit-transform: translateX(-100%); } 51% { opacity: 1; } } @keyframes pxl-xspin { 0% { transform: translateY(-10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes pxl-wide-menu-underline { 0% { background-size: 100% 100%; background-position-x: 100%; } 100% { background-size: 0 100%; background-position-x: 100%; } } @keyframes pxl-wide-menu-underline-hover { 0% { background-position-x: 0; background-size: 0 100%; } 100% { background-position-x: 0; background-size: 100% 100%; } } @-webkit-keyframes Bottomup { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes Bottomup { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes Bottomup { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } @keyframes icon-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 60% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } } @keyframes ani2 { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 100% { -webkit-mask-position: 0 0; mask-position: 0 0; } } @keyframes ani { 0% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @-webkit-keyframes pxlFadeInUp { from { opacity: 0; transform: translate3d(0, 40px, 0); } to { opacity: 1; transform: none; } } @keyframes pxlFadeInUp { from { opacity: 0; transform: translate3d(0, 40px, 0); } to { opacity: 1; transform: none; } } @keyframes rotateText { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate-line { 100% { transform: translate(-50%, -50%) rotate(1turn); } } @keyframes slideLoading { 0% { transform: scale(1); } 50% { opacity: 3; transform: scale(2); } 100% { transform: scale(1); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes reverse-rotate { 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes loader-5 { 0% { opacity: 0.1; transform: rotate(0deg) scale(0.5); } 100% { opacity: 1; transform: rotate(360deg) scale(1.2); } } @keyframes icon-bounce_footer { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 60% { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } } @keyframes pxlkeywordrotatingin { 0% { transform: translateY(65%) rotateX(-95deg); opacity: 0; } to { transform: translateY(0) rotateX(0); opacity: 1; } } @keyframes pxlkeywordrotatingout { 0% { transform: translate(-50%, -50%) rotateX(0); opacity: 1; } to { transform: translate(-50%, -115%) rotateX(95deg); opacity: 0; } } @keyframes loaderAnim { 100% { opacity: 1; transform: scale3d(0.5, 0.5, 1); } } @keyframes dash { from { stroke-dashoffset: 3000px; } to { stroke-dashoffset: 0%; } } @keyframes elementor-animation-buzz { 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-3px) rotate(-2deg); } } *, *:before, *:after { outline: none; box-sizing: inherit; } ::-moz-selection { background-color: var(--primary-color); color: #fff; } ::selection { background-color: var(--primary-color); color: rgba(25, 27, 29, 0.4); } html { -webkit-text-size-adjust: 100%; box-sizing: border-box; } @media (max-width: 1199px) { html { overflow-x: hidden; } } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: inherit; } } hr { box-sizing: content-box; height: 0; overflow: visible; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bold; } small, .small { font-size: 0.875em; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } p { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } dfn, cite, em, i { font-style: italic; } pre { font-size: 14px; overflow: auto; background: #f5f5f5; padding: 15px; font-family: monospace, monospace; font-size: 1em; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } code, kbd, tt, var { font-size: 12px; } code { padding: 2px 4px; color: #c7254e; border-radius: 4px; display: inline-block; vertical-align: top; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } mark { background: #fff9c0; } big { font-size: 125%; } a { background-color: transparent; text-decoration: none; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } img, video, iframe, svg { max-width: 100%; vertical-align: top; } figure { margin: 0 0 30px 0; } figcaption { display: block; } form label { color: var(--body-color); max-width: 100%; margin-bottom: 5px; } label { display: block; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; height: auto; line-height: normal; width: auto; margin-right: 10px; } input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { border: none; } button, input, optgroup, select, textarea { max-width: 100%; font-family: inherit; font-size: 100%; line-height: inherit; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } :root { --button-color: #191B1D; --bg-loader: #ffffff; } body.dark-mode { --heading-color: #ffffff; --border-color: rgba(255, 255, 255, 0.1); --bgdarkmode-color: #191B1D; --bg-loader: #000000; } body { margin: 0; font-family: var(--body-font-family); font-size: var(--body-font-size); color: var(--body-color); line-height: var(--body-line-height); letter-spacing: var(--body-letter-spacing); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-weight: normal; } @media (max-width: 575px) { body { font-size: 16px; } } body.overflow-x-clip { overflow-x: clip; } body::-webkit-scrollbar { width: 10px; } body::-webkit-scrollbar-track { border-radius: 0; background-color: #fafafa; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -khtml-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } body::-webkit-scrollbar-thumb { background: #c8c8c8; border-radius: 7px; border: 2px solid transparent; background-clip: padding-box; } body::-webkit-scrollbar-thumb:hover { background: #7d7d7d; border: 0; } body:before, body:after { content: ""; position: fixed; top: 0; left: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body:before { bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.4); z-index: 999999; opacity: 0; visibility: hidden; cursor: progress; } body:after { width: 0; height: 3px; background: rgba(255, 255, 255, 0.7); z-index: 9999999; opacity: 1; } body.loading:before { opacity: 1; visibility: visible; } body.loading:after { -webkit-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards; -khtml-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards; -moz-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards; -ms-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards; -o-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards; animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards; } body.loaded:after { -webkit-animation: progress-loaded 0.5s ease-out forwards; -khtml-animation: progress-loaded 0.5s ease-out forwards; -moz-animation: progress-loaded 0.5s ease-out forwards; -ms-animation: progress-loaded 0.5s ease-out forwards; -o-animation: progress-loaded 0.5s ease-out forwards; animation: progress-loaded 0.5s ease-out forwards; } a { text-decoration: none; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; font-family: var(--heading-font-family); color: var(--heading-color); line-height: var(--heading-line-height); font-weight: var(--heading-font-weight); letter-spacing: var(--heading-letter-spacing); text-transform: var(--heading-text-transform); } .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; font-family: var(--heading-font-family); color: var(--heading-color); line-height: var(--heading-line-height); font-weight: var(--heading-font-weight); letter-spacing: var(--heading-letter-spacing); } a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h4, a:hover .h4-1, a:hover .h5, a:hover .h6 { color: var(--link-color-hover); } h1, .h1, .size-h1 { font-size: var(--heading-font-size-h1); } @media (max-width: 1599px) { h1, .h1, .size-h1 { font-size: 60px; } } @media (max-width: 1199px) { h1, .h1, .size-h1 { font-size: calc(1.375rem + 1.5vw); } } @media (max-width: 991px) { h1, .h1, .size-h1 { font-size: 1.7rem; } } @media (max-width: 767px) { h1, .h1, .size-h1 { font-size: 36px; } } h2, .h2, .size-h2 { font-size: var(--heading-font-size-h2); } @media (max-width: 1599px) { h2, .h2, .size-h2 { font-size: 50px; } } @media (max-width: 1199px) { h2, .h2, .size-h2 { font-size: calc(1.325rem + .9vw); } } @media (max-width: 991px) { h2, .h2, .size-h2 { font-size: 1.5rem; } } @media (max-width: 767px) { h2, .h2, .size-h2 { font-size: 22px; } } h3, .h3, .size-h3 { font-size: var(--heading-font-size-h3); } @media (max-width: 1199px) { h3, .h3, .size-h3 { font-size: calc(1.3rem + .6vw); } } h4, .h4, .size-h4 { font-size: var(--heading-font-size-h4); } @media (max-width: 1199px) { h4, .h4, .size-h4 { font-size: calc(1.275rem + .3vw); } } h5, .h5, .size-h5 { font-size: var(--heading-font-size-h5); } h6, .h6, .size-h6 { font-size: var(--heading-font-size-h6); } img { max-width: 100%; height: auto; } ul, ol { list-style-position: inside; padding-left: 0; padding-right: 0; margin-top: 0; } ul ul, ul ol, ol ul, ol ol { padding-left: 15px; } [dir="rtl"] ul ul, [dir="rtl"] ul ol, [dir="rtl"] ol ul, [dir="rtl"] ol ol { padding-left: 0; padding-right: 15px; } ul.list-unstyled, ul.unstyled, ol.list-unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } ul.list-unstyled ul, ul.list-unstyled ol, ul.unstyled ul, ul.unstyled ol, ol.list-unstyled ul, ol.list-unstyled ol, ol.unstyled ul, ol.unstyled ol { list-style: none; } ul.horizontal, ol.horizontal { display: flex; flex-wrap: wrap; margin: -5px; } ul.horizontal > li, ol.horizontal > li { padding: 5px; flex: 0 0 auto; width: auto; max-width: 100%; } table { width: 100%; max-width: 100%; border: 1px solid #e0e0e0; border-spacing: 0; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } table th, table td { padding: 8px; border: 1px solid #e0e0e0; border-top: 0; border-left: 0; text-align: start; vertical-align: middle; } table th:last-child, table td:last-child { border-right: 0; } table + * { margin-top: 20px; } table tbody tr:last-child th, table tbody tr:last-child td { border-bottom: 0; } img { height: auto; max-width: 100%; vertical-align: top; } img.image-fit, img.img-fit { height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; -moz-object-fit: cover; -ms-filter-object-fit: cover; -webkit-object-fit: cover; } img.alignleft[alt="Image Alignment 150x150"], img.alignright[alt="Image Alignment 150x150"] { clear: both; } a { color: var(--link-color); text-decoration: none; } a:hover { color: var(--link-color-hover); } a:hover, a:active, a:focus { text-decoration: none; } p, ul, ol, dl, dt, dd, blockquote, address { margin: 0 0 10px; } .p:last-child, p:last-child { margin-bottom: 0; } .dropcap { width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; margin-right: 0.5rem; color: var(--primary-color); background-color: var(--primary-color); border-radius: 6px; } blockquote { padding: 24px; margin: 15px 0; background-color: var(--primary-color); font-size: 16px; line-height: 1.2; color: var(--heading-color); border-radius: 6px; text-align: center; overflow: hidden; } [dir="rtl"] blockquote.has-text-align-right { text-align: left; } blockquote cite { font-family: var(--heading-font-family); font-size: 14px; line-height: 26px; font-weight: 600; font-style: inherit; background: transparent; text-transform: uppercase; color: var(--second-color); position: relative; display: block; background: transparent; box-shadow: none; padding: 0; margin-top: 20px; } .text-start { text-align: start; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-white { color: #fff; } .txt-secondary { color: var(--second-color); } .txt-dark { color: #000000; } .text-uppercase { text-transform: uppercase; } .pxl-gradient { position: relative; } .pxl-gradient .text-gradient { background: linear-gradient(264.53deg, #2DA7FF 4.86%, #45D675 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pxl-gradient::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px; background: linear-gradient(264.53deg, #2DA7FF 4.86%, #45D675 100%); } .label { padding: 4px 15px; font-weight: 500; border-radius: 4px; font-size: 75%; } .mt-15 { margin-top: 1.5rem; } .mr-025 { margin-right: 0.25rem; } .mr-05 { margin-right: 0.5rem; } .mr-1 { margin-right: 1rem; } .ml-025 { margin-left: 0.25rem; } .ml-05 { margin-left: 0.5rem; } .ml-1 { margin-left: 1rem; } .mb-0 { margin-bottom: 0; } .mb-05 { margin-bottom: 0.5rem; } .mb-1 { margin-bottom: 1rem; } .bg-light { background-color: #f8f9fa; } .fw-500 { font-weight: 500; } [dir="rtl"] .rtl-flip { -webkit-transform: scaleX(-1); -khtml-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .custom-phone { font-family: var(--heading-font-family); font-size: 30px; font-weight: 700; letter-spacing: 0.05em; } @media (max-width: 480px) { .d-xxs-none { display: none; } } .d-flex-column { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } .d-flex-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .d-flex-wrap > * { flex-shrink: 0; max-width: 100%; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .min-h-100vh { min-height: 100vh !important; } .text-primary { color: var(--primary-color); } .text-second { color: var(--second-color); } .overflow-hidden { overflow: hidden !important; } @media (max-width: 575px) { .overflow-hidden-xs { overflow: hidden !important; } } .bg-image { background-size: cover; background-position: 50%; background-repeat: no-repeat; } .scale-hover { overflow: hidden; } .scale-hover img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); } .scale-hover .parallax-inner { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); } .scale-hover:hover img { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-hover:hover .parallax-inner { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .scale-hover1 { overflow: hidden; } .scale-hover1 img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); } .scale-hover1 .parallax-inner { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1); } .scale-hover1:hover img { -webkit-transform: scale(1.1); -khtml-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .scale-hover1:hover .parallax-inner { -webkit-transform: scale(1.1) !important; -khtml-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; -o-transform: scale(1.1) !important; transform: scale(1.1) !important; } .icon-hover:hover .pxl-icon i, .icon-hover:hover .pxl-icon span, .icon-hover:hover svg { -webkit-animation: pulse 500ms linear 0s; -khtml-animation: pulse 500ms linear 0s; -moz-animation: pulse 500ms linear 0s; -ms-animation: pulse 500ms linear 0s; -o-animation: pulse 500ms linear 0s; animation: pulse 500ms linear 0s; } .icon-hover1:hover .pxl-icon i, .icon-hover1:hover .pxl-icon span, .icon-hover1:hover svg { -webkit-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); -khtml-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); -moz-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); -ms-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); -o-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1); } .hover-underline a, a.hover-underline { position: relative; } .hover-underline a:after, a.hover-underline:after { content: ""; height: 1px; position: absolute; bottom: 2px; left: 0; width: 0; border-bottom: 1px solid; transition: all 350ms; } .hover-underline a:hover, a.hover-underline:hover { color: inherit; } .hover-underline a:hover:after, a.hover-underline:hover:after { width: 100%; } .bypostauthor { display: block; } .alignleft, .alignright, .aligncenter { margin-top: 6px; margin-bottom: 45px; } .alignleft { display: inline; float: left; margin-right: 35px; } .alignright { display: inline; float: right; margin-left: 35px; clear: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .sticky { display: block; } .pxl-sticky { position: sticky !important; position: -webkit-sticky !important; top: 35px; z-index: 1; } .list-style-none { list-style: none; } .italic { font-style: italic; } .no-padding { padding: 0 !important; } .text-underline { text-decoration: underline; } .relative { position: relative; } .absolute { position: absolute; } .absoluted { position: absolute; z-index: 1; } .pxl-absoluted { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .pxl-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .pos-fixed, .pos-fix { position: fixed; } .img-cover, .object-fit { -o-object-fit: cover; object-fit: cover; } .img-cover-center { object-fit: cover; object-position: center; } .transition, .pxl-transition { -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-invisible { visibility: hidden; } .font-body { font-family: var(--body-font-family) !important; } .font-heading { font-family: var(--heading-font-family); } .pxl-heading { color: var(--heading-color); font-weight: var(--heading-font-weight); margin-top: 0; } .text-heading { color: var(--heading-color); } .empty-none:empty { display: none !important; } .overflow-x { overflow-x: clip; } .mix-mode-screen { mix-blend-mode: screen; } .mix-mode-luminosity { mix-blend-mode: luminosity; } .clearfix::after, .clearfix::before { display: block; clear: both; content: ""; } .pxl-spin { -webkit-animation: pxl-spin 2s linear infinite; -khtml-animation: pxl-spin 2s linear infinite; -moz-animation: pxl-spin 2s linear infinite; -ms-animation: pxl-spin 2s linear infinite; -o-animation: pxl-spin 2s linear infinite; animation: pxl-spin 2s linear infinite; } .pxl-transforms { -webkit-transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0)); transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0)); -webkit-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x); -ms-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x); transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x); -webkit-transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s); transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s); -o-transition: transform var(--pxl-transform-transition-duration, 0.4s); transition: transform var(--pxl-transform-transition-duration, 0.4s); transition: transform var(--pxl-transform-transition-duration, 0.4s), -webkit-transform var(--pxl-transform-transition-duration, 0.4s); } .pxl-ken-burns { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 10s; -o-transition-duration: 10s; transition-duration: 10s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .pxl-ken-burns--out { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .pxl-ken-burns--active { -webkit-transition-duration: 20s; -o-transition-duration: 20s; transition-duration: 20s; } .pxl-ken-burns--active.pxl-ken-burns--out { -webkit-animation: pxl-ken-burns-out 30s linear infinite; -khtml-animation: pxl-ken-burns-out 30s linear infinite; -moz-animation: pxl-ken-burns-out 30s linear infinite; -ms-animation: pxl-ken-burns-out 30s linear infinite; -o-animation: pxl-ken-burns-out 30s linear infinite; animation: pxl-ken-burns-out 30s linear infinite; } .pxl-ken-burns--active.pxl-ken-burns--in { -webkit-animation: pxl-ken-burns-in 30s linear infinite; -khtml-animation: pxl-ken-burns-in 30s linear infinite; -moz-animation: pxl-ken-burns-in 30s linear infinite; -ms-animation: pxl-ken-burns-in 30s linear infinite; -o-animation: pxl-ken-burns-in 30s linear infinite; animation: pxl-ken-burns-in 30s linear infinite; } .pxl-ken-burns--active.pxl-ken-burns--in-out { -webkit-animation: pxl-ken-burns-in-out 60s linear infinite; -khtml-animation: pxl-ken-burns-in-out 60s linear infinite; -moz-animation: pxl-ken-burns-in-out 60s linear infinite; -ms-animation: pxl-ken-burns-in-out 60s linear infinite; -o-animation: pxl-ken-burns-in-out 60s linear infinite; animation: pxl-ken-burns-in-out 60s linear infinite; } .pxl-divider.animated .pxl-divider-separator { transform: scaleX(0); transform-origin: 0 100%; transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.vertical .pxl-divider-separator, .pxl-divider.animated.vertical-dashed .pxl-divider-separator { transform: scaleY(0); transform-origin: 100% 0; transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.center .pxl-divider-separator { transform-origin: 50% 100%; } .pxl-divider.animated.reversal .pxl-divider-separator { transform-origin: 100% 100%; } .pxl-divider.animated.slow .pxl-divider-separator { transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.normal .pxl-divider-separator { transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.fast .pxl-divider-separator { transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.pxl-animated .pxl-divider-separator { transform: scale(1); } .cursor-map-target:hover .pxl-map-wrap { opacity: 1; } .pxl-map-wrap { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: opacity 0.3s, visibility 0.3s; -khtml-transition: opacity 0.3s, visibility 0.3s; -moz-transition: opacity 0.3s, visibility 0.3s; -ms-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .pxl-map-wrap .pxl-map-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pxl-map-wrap.active { opacity: 1; visibility: visible; z-index: 999999; } .pxl-map-wrap.active .pxl-map-content { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-map-wrap.clicked { -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 991px) { .pxl-map-wrap.clicked { -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .pxl-bg-parallax { position: relative; overflow: hidden; } .parallax-inner { background-repeat: no-repeat; background-size: cover; } .pxl-split-text { font-kerning: none; -webkit-text-rendering: optimizeSpeed; text-rendering: optimizeSpeed; -webkit-transform: translateZ(0); transform: translateZ(0); } .pxl-split-text .split-line { overflow: hidden; } [class*=" pxl-hover-target-"]:not(.item-image) { cursor: pointer; } .pxl-transition img { -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-anm-gsap:not(.gsap-method-from):not([class*=" anm-assign-for-"]) { opacity: var(--pxl_from_opacity, 1); } .pxl-animated { animation-duration: var(--pxl-animation-duration, 1.25s); } .pxl_title_split_text { opacity: var(--title_opacity, 1); } .pxl_subtitle_split_text { opacity: var(--subtitle_opacity, 1); } .pxl-hover-anm:active .pulse, .pxl-hover-anm:focus .pulse, .pxl-hover-anm:hover .pulse { animation-name: pxl-animation-pulse; animation-duration: var(--animation-duration, 1s); animation-timing-function: linear; animation-iteration-count: infinite; } .pxl-hover-anm:active .pulse-grow, .pxl-hover-anm:focus .pulse-grow, .pxl-hover-anm:hover .pulse-grow { animation-name: pxl-animation-pulse-grow; animation-duration: var(--animation-duration, 300ms); animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } .pxl-hover-anm:active .pulse-shrink, .pxl-hover-anm:focus .pulse-shrink, .pxl-hover-anm:hover .pulse-shrink { animation-name: pxl-animation-pulse-shrink; animation-duration: var(--animation-duration, 300ms); animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } .pxl-hover-anm:active .push, .pxl-hover-anm:focus .push, .pxl-hover-anm:hover .push { animation-name: pxl-animation-push; animation-duration: var(--animation-duration, 300ms); animation-timing-function: linear; animation-iteration-count: 1; } .pxl-hover-anm:active .pop, .pxl-hover-anm:focus .pop, .pxl-hover-anm:hover .pop { animation-name: pxl-animation-pop; animation-duration: var(--animation-duration, 300ms); animation-timing-function: linear; animation-iteration-count: 1; } .pxl-hover-anm:active .bob, .pxl-hover-anm:focus .bob, .pxl-hover-anm:hover .bob { animation-name: pxl-animation-bob-float, pxl-animation-bob; animation-duration: var(--animation-duration, 300ms), 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } .pxl-hover-anm:active .fade-in-out, .pxl-hover-anm:focus .fade-in-out, .pxl-hover-anm:hover .fade-in-out { animation: fadeInOutCustom var(--animation-duration, 8s) infinite linear alternate; } .pxl-hover-anm:active .fade-out-in, .pxl-hover-anm:focus .fade-out-in, .pxl-hover-anm:hover .fade-out-in { animation: fadeOutInCustom var(--animation-duration, 8s) infinite linear alternate; } .color-primary { color: var(--primary-color); } .color-heading { color: var(--heading-color); } body.dark-mode { background-color: var(--bgdarkmode-color); } .scale-hover-x { overflow: hidden; } .scale-hover-x img { -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.03) translateX(-3px); transform: scale(1.03) translateX(-3px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .scale-hover-x:hover img { -webkit-transform: scale(1.03) translateX(3px); transform: scale(1.03) translateX(3px); } .scale-hover-x-left { overflow: hidden; } .scale-hover-x-left img { -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .scale-hover-x-left:hover img { -webkit-transform: scale(1.03) translateX(-5px); transform: scale(1.03) translateX(-5px); } .pxl-draw-from-top img, .pxl-draw-from-top .parallax-inner { clip-path: inset(0 0 100% 0); -webkit-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -khtml-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -moz-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -ms-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -o-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); } .pxl-draw-from-top.pxl-animated img, .pxl-draw-from-top.pxl-animated .parallax-inner { clip-path: inset(0 0 0 0); } .pxl-draw-from-left img, .pxl-draw-from-left .parallax-inner { clip-path: inset(0 100% 0 0); -webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1); -khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1); -moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1); -ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1); -o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1); transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1); } .pxl-draw-from-left.pxl-animated img, .pxl-draw-from-left.pxl-animated .parallax-inner { clip-path: inset(0 0 0 0); } .pxl-draw-from-right img, .pxl-draw-from-right .parallax-inner { clip-path: inset(0 0 0 100%); -webkit-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -khtml-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -moz-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -ms-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); -o-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1); } .pxl-draw-from-right.pxl-animated img, .pxl-draw-from-right.pxl-animated .parallax-inner { clip-path: inset(0 0 0 0); } .pxl-move-from-left { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .pxl-move-from-left img, .pxl-move-from-left .parallax-inner { transform-origin: 50% 50%; transition: 2s cubic-bezier(0.5, 0.5, 0, 1); -webkit-transform: scale(1.5) translate(-150px, 0px); -khtml-transform: scale(1.5) translate(-150px, 0px); -moz-transform: scale(1.5) translate(-150px, 0px); -ms-transform: scale(1.5) translate(-150px, 0px); -o-transform: scale(1.5) translate(-150px, 0px); transform: scale(1.5) translate(-150px, 0px); } .pxl-move-from-left.pxl-animated { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .pxl-move-from-left.pxl-animated img, .pxl-move-from-left.pxl-animated .parallax-inner { -webkit-transform: scale(1) translate(0px, 0px); -khtml-transform: scale(1) translate(0px, 0px); -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -o-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } .pxl-move-from-right { clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); } .pxl-move-from-right img, .pxl-move-from-right .parallax-inner { transform-origin: 50% 50%; transition: 2s cubic-bezier(0.5, 0.5, 0, 1); -webkit-transform: scale(1.5) translate(150px, 0px); -khtml-transform: scale(1.5) translate(150px, 0px); -moz-transform: scale(1.5) translate(150px, 0px); -ms-transform: scale(1.5) translate(150px, 0px); -o-transform: scale(1.5) translate(150px, 0px); transform: scale(1.5) translate(150px, 0px); } .pxl-move-from-right.pxl-animated { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } .pxl-move-from-right.pxl-animated img, .pxl-move-from-right.pxl-animated .parallax-inner { -webkit-transform: scale(1) translate(0px, 0px); -khtml-transform: scale(1) translate(0px, 0px); -moz-transform: scale(1) translate(0px, 0px); -ms-transform: scale(1) translate(0px, 0px); -o-transform: scale(1) translate(0px, 0px); transform: scale(1) translate(0px, 0px); } .pxl-skew-in { visibility: hidden; } .pxl-skew-in.pxl-animated { visibility: visible; -webkit-animation-name: pxl_skew_in; animation-name: pxl_skew_in; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s !important; animation-duration: 1s !important; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pxl-skew-in-right { visibility: hidden; } .pxl-skew-in-right.pxl-animated { visibility: visible; -webkit-animation-name: pxl_skew_in_right; animation-name: pxl_skew_in_right; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s !important; animation-duration: 1s !important; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pxl-zoom-in img { -webkit-transform: scale(0.4); -khtml-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all 800ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 800ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 800ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 800ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 800ms cubic-bezier(0.4, 0, 1, 1); transition: all 800ms cubic-bezier(0.4, 0, 1, 1); } .pxl-zoom-in.pxl-animated img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-zoom-out img { -webkit-transform: scale(2); -khtml-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53); -khtml-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53); -moz-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53); -ms-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53); -o-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53); transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53); } .pxl-zoom-out.pxl-animated img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-border-animated .pxl-border-anm { position: absolute; transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-border-animated .pxl-border-anm.bt { top: 0; left: 0; transform: scaleX(0); transform-origin: 0 0; } .pxl-border-animated .pxl-border-anm.br { top: 0; right: 0; transform: scaleY(0); transform-origin: 100% 0; } .pxl-border-animated .pxl-border-anm.bb { left: 0; bottom: 0; transform: scaleX(0); transform-origin: 0 100%; } .pxl-border-animated .pxl-border-anm.bl { top: 0; left: 0; transform: scaleY(0); transform-origin: 0 0; } .pxl-border-animated.num-3 .pxl-border-anm.br, .pxl-border-animated.num-3 .pxl-border-anm.bb, .pxl-border-animated.num-4 .pxl-border-anm.br, .pxl-border-animated.num-4 .pxl-border-anm.bb { transition-delay: 1s; } .pxl-border-animated.pxl-animated .pxl-border-anm { transform: scale(1); } .animation-superstar { position: relative; display: inline-block; } .animation-superstar svg { animation: bounceShake 1.5s ease-in-out infinite; } .animation-superstar::before, .animation-superstar::after { content: ""; position: absolute; width: 20px; height: 20px; background-color: #FF921D; -webkit-mask: url('data:image/svg+xml;utf8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.91093 4.2861L10.9297 0.582974C11.225 0.311099 11.6391 0.207974 12.0266 0.312661C12.4141 0.417349 12.7219 0.712661 12.8422 1.09547L14.4687 6.3111L19.2328 8.98766C19.5828 9.18454 19.8078 9.54704 19.8297 9.9486C19.85 10.3486 19.6641 10.733 19.3375 10.9658L14.8797 14.1252L13.8062 19.483C13.7266 19.8767 13.4516 20.2033 13.0766 20.347C12.7016 20.4908 12.2797 20.433 11.9562 20.1924L7.57499 16.9298L2.14687 17.5642C1.74843 17.6111 1.35312 17.4502 1.09999 17.1377C0.846867 16.8252 0.771869 16.4049 0.901557 16.0252L2.64999 10.8486L0.368745 5.88297C0.201557 5.51891 0.232806 5.09235 0.451556 4.75641C0.670306 4.41891 1.04687 4.21735 1.44843 4.22204L6.91093 4.2861Z" fill="%23FF921D"/></svg>') no-repeat center / contain; mask: url('data:image/svg+xml;utf8,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.91093 4.2861L10.9297 0.582974C11.225 0.311099 11.6391 0.207974 12.0266 0.312661C12.4141 0.417349 12.7219 0.712661 12.8422 1.09547L14.4687 6.3111L19.2328 8.98766C19.5828 9.18454 19.8078 9.54704 19.8297 9.9486C19.85 10.3486 19.6641 10.733 19.3375 10.9658L14.8797 14.1252L13.8062 19.483C13.7266 19.8767 13.4516 20.2033 13.0766 20.347C12.7016 20.4908 12.2797 20.433 11.9562 20.1924L7.57499 16.9298L2.14687 17.5642C1.74843 17.6111 1.35312 17.4502 1.09999 17.1377C0.846867 16.8252 0.771869 16.4049 0.901557 16.0252L2.64999 10.8486L0.368745 5.88297C0.201557 5.51891 0.232806 5.09235 0.451556 4.75641C0.670306 4.41891 1.04687 4.21735 1.44843 4.22204L6.91093 4.2861Z" fill="%23FF921D"/></svg>') no-repeat center / contain; opacity: 0; top: 0; } .animation-superstar::before { left: calc(50% + 10px); } .animation-superstar::after { left: calc(50% - 20px); } .animation-superstar:hover::before { animation: explode 0.5s ease-out infinite; } .animation-superstar:hover::after { animation: explode 0.5s ease-out infinite; animation-delay: 0.2s; } @media (max-width: 1199px) { .animation-superstar svg { animation: none; } } @keyframes bounceShake { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-20px) rotate(-10deg); } 50% { transform: translateY(0) rotate(10deg); } 75% { transform: translateY(-10px) rotate(-5deg); } } @keyframes explode { 0% { transform: scale(0.7); opacity: 1; } 100% { transform: scale(2) translateY(-30px); opacity: 0; } } .elementor-column.pxl-border-column-anm > .elementor-element-populated { border-width: 0 !important; } .elementor-element.pxl-border-wg-anm > .elementor-widget-container { border-width: 0 !important; position: relative; } .pxl-scroll-top-footer { cursor: pointer; } .pxl-scroll-top-footer i, .pxl-scroll-top-footer svg { animation: icon-bounce_footer 2s linear 0s infinite; } .elementor-animation-buzz img:hover { animation-name: elementor-animation-buzz; animation-duration: 0.15s; animation-timing-function: linear; animation-iteration-count: infinite; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { --pxl-gutter-x: 30px; width: 100%; padding-right: calc(var(--pxl-gutter-x, 15px) * .5); padding-left: calc(var(--pxl-gutter-x, 15px) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; } } @media (min-width: 1350px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1350px; } } .row { --pxl-gutter-x: 30px; --pxl-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--pxl-gutter-y) * -1); margin-right: calc(var(--pxl-gutter-x) * -.5); margin-left: calc(var(--pxl-gutter-x) * -.5); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--pxl-gutter-x) * .5); padding-left: calc(var(--pxl-gutter-x) * .5); margin-top: var(--pxl-gutter-y); } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } @media (min-width: 576px) { .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 768px) { .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 992px) { .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 1200px) { .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 1400px) { .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } .col { flex: 1 0 0%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } } @media (min-width: 1600px) { .col-xxl { flex: 1 0 0%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } } .d-inline { display: inline; } .d-inline-block { display: inline-block; } .d-block { display: block; } .d-grid { display: grid; } .d-table { display: table; } .d-table-row { display: table-row; } .d-table-cell { display: table-cell; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .d-none { display: none; } .flex-fill { flex: 1 1 auto; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1 { flex-grow: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1 { flex-shrink: 1; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .justify-content-evenly { justify-content: space-evenly; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .order-first { order: -1; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-last { order: 6; } .text-start { text-align: left; } .text-end { text-align: right; } .text-center { text-align: center; } @media (min-width: 576px) { .d-sm-inline { display: inline; } .d-sm-inline-block { display: inline-block; } .d-sm-block { display: block; } .d-sm-grid { display: grid; } .d-sm-table { display: table; } .d-sm-table-row { display: table-row; } .d-sm-table-cell { display: table-cell; } .d-sm-flex { display: flex; } .d-sm-inline-flex { display: inline-flex; } .d-sm-none { display: none; } .flex-sm-fill { flex: 1 1 auto; } .flex-sm-row { flex-direction: row; } .flex-sm-column { flex-direction: column; } .flex-sm-row-reverse { flex-direction: row-reverse; } .flex-sm-column-reverse { flex-direction: column-reverse; } .flex-sm-grow-0 { flex-grow: 0; } .flex-sm-grow-1 { flex-grow: 1; } .flex-sm-shrink-0 { flex-shrink: 0; } .flex-sm-shrink-1 { flex-shrink: 1; } .flex-sm-wrap { flex-wrap: wrap; } .flex-sm-nowrap { flex-wrap: nowrap; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-sm-start { justify-content: flex-start; } .justify-content-sm-end { justify-content: flex-end; } .justify-content-sm-center { justify-content: center; } .justify-content-sm-between { justify-content: space-between; } .justify-content-sm-around { justify-content: space-around; } .justify-content-sm-evenly { justify-content: space-evenly; } .align-items-sm-start { align-items: flex-start; } .align-items-sm-end { align-items: flex-end; } .align-items-sm-center { align-items: center; } .align-items-sm-baseline { align-items: baseline; } .align-items-sm-stretch { align-items: stretch; } .align-content-sm-start { align-content: flex-start; } .align-content-sm-end { align-content: flex-end; } .align-content-sm-center { align-content: center; } .align-content-sm-between { align-content: space-between; } .align-content-sm-around { align-content: space-around; } .align-content-sm-stretch { align-content: stretch; } .align-self-sm-auto { align-self: auto; } .align-self-sm-start { align-self: flex-start; } .align-self-sm-end { align-self: flex-end; } .align-self-sm-center { align-self: center; } .align-self-sm-baseline { align-self: baseline; } .align-self-sm-stretch { align-self: stretch; } .order-sm-first { order: -1; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-last { order: 6; } .text-sm-start { text-align: left; } .text-sm-end { text-align: right; } .text-sm-center { text-align: center; } } @media (min-width: 768px) { .d-md-inline { display: inline; } .d-md-inline-block { display: inline-block; } .d-md-block { display: block; } .d-md-grid { display: grid; } .d-md-table { display: table; } .d-md-table-row { display: table-row; } .d-md-table-cell { display: table-cell; } .d-md-flex { display: flex; } .d-md-inline-flex { display: inline-flex; } .d-md-none { display: none; } .flex-md-fill { flex: 1 1 auto; } .flex-md-row { flex-direction: row; } .flex-md-column { flex-direction: column; } .flex-md-row-reverse { flex-direction: row-reverse; } .flex-md-column-reverse { flex-direction: column-reverse; } .flex-md-grow-0 { flex-grow: 0; } .flex-md-grow-1 { flex-grow: 1; } .flex-md-shrink-0 { flex-shrink: 0; } .flex-md-shrink-1 { flex-shrink: 1; } .flex-md-wrap { flex-wrap: wrap; } .flex-md-nowrap { flex-wrap: nowrap; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-md-start { justify-content: flex-start; } .justify-content-md-end { justify-content: flex-end; } .justify-content-md-center { justify-content: center; } .justify-content-md-between { justify-content: space-between; } .justify-content-md-around { justify-content: space-around; } .justify-content-md-evenly { justify-content: space-evenly; } .align-items-md-start { align-items: flex-start; } .align-items-md-end { align-items: flex-end; } .align-items-md-center { align-items: center; } .align-items-md-baseline { align-items: baseline; } .align-items-md-stretch { align-items: stretch; } .align-content-md-start { align-content: flex-start; } .align-content-md-end { align-content: flex-end; } .align-content-md-center { align-content: center; } .align-content-md-between { align-content: space-between; } .align-content-md-around { align-content: space-around; } .align-content-md-stretch { align-content: stretch; } .align-self-md-auto { align-self: auto; } .align-self-md-start { align-self: flex-start; } .align-self-md-end { align-self: flex-end; } .align-self-md-center { align-self: center; } .align-self-md-baseline { align-self: baseline; } .align-self-md-stretch { align-self: stretch; } .order-md-first { order: -1; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-last { order: 6; } .text-md-start { text-align: left; } .text-md-end { text-align: right; } .text-md-center { text-align: center; } } @media (min-width: 992px) { .d-lg-inline { display: inline; } .d-lg-inline-block { display: inline-block; } .d-lg-block { display: block; } .d-lg-grid { display: grid; } .d-lg-table { display: table; } .d-lg-table-row { display: table-row; } .d-lg-table-cell { display: table-cell; } .d-lg-flex { display: flex; } .d-lg-inline-flex { display: inline-flex; } .d-lg-none { display: none; } .flex-lg-fill { flex: 1 1 auto; } .flex-lg-row { flex-direction: row; } .flex-lg-column { flex-direction: column; } .flex-lg-row-reverse { flex-direction: row-reverse; } .flex-lg-column-reverse { flex-direction: column-reverse; } .flex-lg-grow-0 { flex-grow: 0; } .flex-lg-grow-1 { flex-grow: 1; } .flex-lg-shrink-0 { flex-shrink: 0; } .flex-lg-shrink-1 { flex-shrink: 1; } .flex-lg-wrap { flex-wrap: wrap; } .flex-lg-nowrap { flex-wrap: nowrap; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-lg-start { justify-content: flex-start; } .justify-content-lg-end { justify-content: flex-end; } .justify-content-lg-center { justify-content: center; } .justify-content-lg-between { justify-content: space-between; } .justify-content-lg-around { justify-content: space-around; } .justify-content-lg-evenly { justify-content: space-evenly; } .align-items-lg-start { align-items: flex-start; } .align-items-lg-end { align-items: flex-end; } .align-items-lg-center { align-items: center; } .align-items-lg-baseline { align-items: baseline; } .align-items-lg-stretch { align-items: stretch; } .align-content-lg-start { align-content: flex-start; } .align-content-lg-end { align-content: flex-end; } .align-content-lg-center { align-content: center; } .align-content-lg-between { align-content: space-between; } .align-content-lg-around { align-content: space-around; } .align-content-lg-stretch { align-content: stretch; } .align-self-lg-auto { align-self: auto; } .align-self-lg-start { align-self: flex-start; } .align-self-lg-end { align-self: flex-end; } .align-self-lg-center { align-self: center; } .align-self-lg-baseline { align-self: baseline; } .align-self-lg-stretch { align-self: stretch; } .order-lg-first { order: -1; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-last { order: 6; } .text-lg-start { text-align: left; } .text-lg-end { text-align: right; } .text-lg-center { text-align: center; } } @media (min-width: 1200px) { .d-xl-inline { display: inline; } .d-xl-inline-block { display: inline-block; } .d-xl-block { display: block; } .d-xl-grid { display: grid; } .d-xl-table { display: table; } .d-xl-table-row { display: table-row; } .d-xl-table-cell { display: table-cell; } .d-xl-flex { display: flex; } .d-xl-inline-flex { display: inline-flex; } .d-xl-none { display: none; } .flex-xl-fill { flex: 1 1 auto; } .flex-xl-row { flex-direction: row; } .flex-xl-column { flex-direction: column; } .flex-xl-row-reverse { flex-direction: row-reverse; } .flex-xl-column-reverse { flex-direction: column-reverse; } .flex-xl-grow-0 { flex-grow: 0; } .flex-xl-grow-1 { flex-grow: 1; } .flex-xl-shrink-0 { flex-shrink: 0; } .flex-xl-shrink-1 { flex-shrink: 1; } .flex-xl-wrap { flex-wrap: wrap; } .flex-xl-nowrap { flex-wrap: nowrap; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-xl-start { justify-content: flex-start; } .justify-content-xl-end { justify-content: flex-end; } .justify-content-xl-center { justify-content: center; } .justify-content-xl-between { justify-content: space-between; } .justify-content-xl-around { justify-content: space-around; } .justify-content-xl-evenly { justify-content: space-evenly; } .align-items-xl-start { align-items: flex-start; } .align-items-xl-end { align-items: flex-end; } .align-items-xl-center { align-items: center; } .align-items-xl-baseline { align-items: baseline; } .align-items-xl-stretch { align-items: stretch; } .align-content-xl-start { align-content: flex-start; } .align-content-xl-end { align-content: flex-end; } .align-content-xl-center { align-content: center; } .align-content-xl-between { align-content: space-between; } .align-content-xl-around { align-content: space-around; } .align-content-xl-stretch { align-content: stretch; } .align-self-xl-auto { align-self: auto; } .align-self-xl-start { align-self: flex-start; } .align-self-xl-end { align-self: flex-end; } .align-self-xl-center { align-self: center; } .align-self-xl-baseline { align-self: baseline; } .align-self-xl-stretch { align-self: stretch; } .order-xl-first { order: -1; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-last { order: 6; } .text-xl-start { text-align: left; } .text-xl-end { text-align: right; } .text-xl-center { text-align: center; } } @media (min-width: 1600px) { .d-xxl-inline { display: inline; } .d-xxl-inline-block { display: inline-block; } .d-xxl-block { display: block; } .d-xxl-grid { display: grid; } .d-xxl-table { display: table; } .d-xxl-table-row { display: table-row; } .d-xxl-table-cell { display: table-cell; } .d-xxl-flex { display: flex; } .d-xxl-inline-flex { display: inline-flex; } .d-xxl-none { display: none; } .flex-xxl-fill { flex: 1 1 auto; } .flex-xxl-row { flex-direction: row; } .flex-xxl-column { flex-direction: column; } .flex-xxl-row-reverse { flex-direction: row-reverse; } .flex-xxl-column-reverse { flex-direction: column-reverse; } .flex-xxl-grow-0 { flex-grow: 0; } .flex-xxl-grow-1 { flex-grow: 1; } .flex-xxl-shrink-0 { flex-shrink: 0; } .flex-xxl-shrink-1 { flex-shrink: 1; } .flex-xxl-wrap { flex-wrap: wrap; } .flex-xxl-nowrap { flex-wrap: nowrap; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-xxl-start { justify-content: flex-start; } .justify-content-xxl-end { justify-content: flex-end; } .justify-content-xxl-center { justify-content: center; } .justify-content-xxl-between { justify-content: space-between; } .justify-content-xxl-around { justify-content: space-around; } .justify-content-xxl-evenly { justify-content: space-evenly; } .align-items-xxl-start { align-items: flex-start; } .align-items-xxl-end { align-items: flex-end; } .align-items-xxl-center { align-items: center; } .align-items-xxl-baseline { align-items: baseline; } .align-items-xxl-stretch { align-items: stretch; } .align-content-xxl-start { align-content: flex-start; } .align-content-xxl-end { align-content: flex-end; } .align-content-xxl-center { align-content: center; } .align-content-xxl-between { align-content: space-between; } .align-content-xxl-around { align-content: space-around; } .align-content-xxl-stretch { align-content: stretch; } .align-self-xxl-auto { align-self: auto; } .align-self-xxl-start { align-self: flex-start; } .align-self-xxl-end { align-self: flex-end; } .align-self-xxl-center { align-self: center; } .align-self-xxl-baseline { align-self: baseline; } .align-self-xxl-stretch { align-self: stretch; } .order-xxl-first { order: -1; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-last { order: 6; } .text-xxl-start { text-align: left; } .text-xxl-end { text-align: right; } .text-xxl-center { text-align: center; } } .clipped-bg-pinned { position: absolute; width: 100%; height: 100%; overflow: hidden; } .clipped-bg { position: absolute; z-index: 0; width: 100%; height: 100%; display: block; overflow: hidden; clip-path: inset(0% 5% 0% 5%); -webkit-transform: scale(0.9); transform: scale(0.9); } .scrollbar-track { position: absolute; opacity: 0; z-index: 1; background: rgba(222, 222, 222, 0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.5s 0.5s ease-out; transition: opacity 0.5s 0.5s ease-out; } .scrollbar-track-y { top: 0; right: 0; width: 8px; height: 100%; } .scrollbar-thumb { position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: rgba(0, 0, 0, 0.5); border-radius: 4px; } .elementor-editor-active .pxl-draw-from-top img, .elementor-editor-active .pxl-draw-from-top .parallax-inner { clip-path: inset(0 0 0 0); } .elementor-editor-active .pxl-draw-from-left img, .elementor-editor-active .pxl-draw-from-left .parallax-inner { clip-path: inset(0 0 0 0); } .elementor-editor-active .pxl-draw-from-right img, .elementor-editor-active .pxl-draw-from-right .parallax-inner { clip-path: inset(0 0 0 0); } .elementor-editor-active .pxl-skew-in, .elementor-editor-active .pxl-skew-in-right { visibility: visible; } .elementor-editor-active .pxl-move-from-left, .elementor-editor-active .pxl-move-from-right { clip-path: none; } .elementor-editor-active .pxl-move-from-left img, .elementor-editor-active .pxl-move-from-right img { -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .elementor-editor-active .pxl-invisible { visibility: visible; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .dialog-type-lightbox { z-index: 99999; } body.admin-bar .dialog-type-lightbox { position: fixed; } .elementor-lightbox .dialog-lightbox-close-button { z-index: 99; } .pxl-loader { background: var(--bg-loader); height: 100vh; position: fixed; width: 100%; z-index: 999999; top: 0; left: 0; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-loader.style-1 .loading-spinner { margin: -45px auto 0 auto; width: 90px; height: 90px; top: 50%; position: relative; text-align: center; } .pxl-loader.style-2 .loading-spinner { margin: -20px auto 0 auto; width: 40px; height: 40px; top: 50%; position: relative; text-align: center; -webkit-animation: sk-rotate 2s infinite linear; animation: sk-rotate 2s infinite linear; } .pxl-loader.style-2 .loading-dot1, .pxl-loader.style-2 .loading-dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; border-radius: 100%; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .pxl-loader.style-2 .loading-dot1 { background-color: var(--primary-color); } .pxl-loader.style-2 .loading-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; background-color: var(--heading-color); } .pxl-loader.style-3 .loading-2dot-rotate { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; display: inline-block; color: inherit; vertical-align: middle; pointer-events: none; } .pxl-loader.style-3 .loading-3 { width: 20px; height: 20px; background-color: #77b80f; box-shadow: 3em 0px 0px #77b80f; border-radius: 50%; animation: loader-5 1s ease-in-out infinite alternate; } .pxl-loader.style-4 { background: var(--heading-color); } .pxl-loader.style-4 .loading-dot-spinner { position: absolute; width: 60px; height: 60px; border-radius: 50%; opacity: 0.4; background: var(--third-color); animation: loaderAnim 0.7s linear infinite alternate forwards; margin: -30px 0 0 -30px; top: 50%; left: 50%; } body.dark-mode .pxl-loader.style-4 { background: #000; } .pxl-swiper-initialized .pxl-swiper-loader { display: none; } .pxl-swiper-loader { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 1; } .pxl-swiper-loader > * { max-width: 100%; } .pxl-swiper-loader .five-dots { display: flex; column-gap: 10px; z-index: 1; } .pxl-swiper-loader .five-dots .dot { width: 10px; height: 10px; background: #ffffff; border-radius: 100%; display: inline-block; animation: slideLoading 1s infinite; } @media (max-width: 1199px) { .pxl-swiper-loader .five-dots .dot { width: 8px; height: 8px; } } @media (max-width: 767px) { .pxl-swiper-loader .five-dots .dot { width: 5px; height: 5px; } } .swiper-filter-wrap { margin-bottom: 60px; column-gap: 40px; row-gap: 5px; } @media (max-width: 1199px) { .swiper-filter-wrap { margin-bottom: 40px; column-gap: 30px; } } @media (max-width: 991px) { .swiper-filter-wrap { column-gap: 30px; } } .swiper-filter-wrap .filter-item { font-family: var(--heading-font-family); font-size: 18px; line-height: 1.444; font-weight: 500; color: var(--heading-color); cursor: pointer; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } @media (max-width: 1199px) { .swiper-filter-wrap .filter-item { font-size: 16px; } } .pxl-swiper-loader .five-dots .dot:nth-child(1) { animation-delay: 0.1s; background: #c1bfbf; } .pxl-swiper-loader .five-dots .dot:nth-child(2) { animation-delay: 0.2s; background: #c1bfbfbf; } .pxl-swiper-loader .five-dots .dot:nth-child(3) { animation-delay: 0.3s; background: #c1bfbf8c; } .pxl-swiper-loader .five-dots .dot:nth-child(4) { animation-delay: 0.4s; background: #c1bfbf59; } .pxl-swiper-loader .five-dots .dot:nth-child(5) { animation-delay: 0.5s; background: #c1bfbf45; } .pxl-swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: visible; z-index: 0; } .pxl-swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: transform 0.4s linear; -khtml-transition: transform 0.4s linear; -moz-transition: transform 0.4s linear; -ms-transition: transform 0.4s linear; -o-transition: transform 0.4s linear; transition: transform 0.4s linear; -webkit-box-sizing: content-box; box-sizing: content-box; } .pxl-swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .non-swiper-slide { display: none; } .swiper-container-multirow-column > .pxl-swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-multirow-column > .pxl-swiper-wrapper .pxl-swiper-slide { height: calc((100% - 40px) / 2); } .swiper-container-multirow-row > .pxl-swiper-wrapper { flex-wrap: wrap; flex-direction: row; } .swiper-container-multirow-row > .pxl-swiper-wrapper .pxl-swiper-slide { height: calc((100% - 40px) / 2); } .swiper-container-vertical > .pxl-swiper-wrapper { flex-direction: column; } .swiper-slide img { display: block; } .swiper-container-cube .swiper-cube-shadow { display: none; opacity: 0; visibility: hidden; } .pxl-swiper-arrows.custom { display: flex; } .pxl-swiper-arrow { font-size: 20px; width: auto; height: auto; display: flex; align-items: center; justify-content: center; z-index: 2; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-swiper-arrow:hover { color: var(--primary-color); } .pxl-swiper-arrow .pxl-icon { line-height: 1; } .pxl-swiper-arrow .pxl-icon span { -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-swiper-arrow svg { width: 1em; height: 1em; -webkit-transition: fill 0.3s ease; -khtml-transition: fill 0.3s ease; -moz-transition: fill 0.3s ease; -ms-transition: fill 0.3s ease; -o-transition: fill 0.3s ease; transition: fill 0.3s ease; } .pxl-swiper-arrow svg path { -webkit-transition: stroke 0.3s ease; -khtml-transition: stroke 0.3s ease; -moz-transition: stroke 0.3s ease; -ms-transition: stroke 0.3s ease; -o-transition: stroke 0.3s ease; transition: stroke 0.3s ease; } .pxl-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-swiper-arrow-prev .cmli-noun-arrow { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .nav-in-vertical .pxl-swiper-arrow, .nav-out-vertical .pxl-swiper-arrow { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .nav-in-vertical .pxl-swiper-arrow-prev { left: 30px; } .nav-in-vertical .pxl-swiper-arrow-next { right: 30px; } .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev { opacity: 0; -webkit-transform: translate(50px, -50%); -khtml-transform: translate(50px, -50%); -moz-transform: translate(50px, -50%); -ms-transform: translate(50px, -50%); -o-transform: translate(50px, -50%); transform: translate(50px, -50%); -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next { opacity: 0; -webkit-transform: translate(-50px, -50%); -khtml-transform: translate(-50px, -50%); -moz-transform: translate(-50px, -50%); -ms-transform: translate(-50px, -50%); -o-transform: translate(-50px, -50%); transform: translate(-50px, -50%); -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .nav-out-vertical .pxl-swiper-arrow-prev { left: -23px; } @media (max-width: 1199px) { .nav-out-vertical .pxl-swiper-arrow-prev { left: 15px; opacity: 0; -webkit-transform: translate(-50px, -50%); -khtml-transform: translate(-50px, -50%); -moz-transform: translate(-50px, -50%); -ms-transform: translate(-50px, -50%); -o-transform: translate(-50px, -50%); transform: translate(-50px, -50%); -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } } .nav-out-vertical .pxl-swiper-arrow-next { right: -23px; } @media (max-width: 1199px) { .nav-out-vertical .pxl-swiper-arrow-next { right: 15px; opacity: 0; -webkit-transform: translate(50px, -50%); -khtml-transform: translate(50px, -50%); -moz-transform: translate(50px, -50%); -ms-transform: translate(50px, -50%); -o-transform: translate(50px, -50%); transform: translate(50px, -50%); -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } } .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-prev { opacity: 0; -webkit-transform: translate(50px, -50%); -khtml-transform: translate(50px, -50%); -moz-transform: translate(50px, -50%); -ms-transform: translate(50px, -50%); -o-transform: translate(50px, -50%); transform: translate(50px, -50%); -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-next { opacity: 0; -webkit-transform: translate(-50px, -50%); -khtml-transform: translate(-50px, -50%); -moz-transform: translate(-50px, -50%); -ms-transform: translate(-50px, -50%); -o-transform: translate(-50px, -50%); transform: translate(-50px, -50%); -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } @media (max-width: 1199px) { .pxl-swiper-slider:hover .nav-in-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-in-vertical .pxl-swiper-arrow-next, .pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-out-vertical .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-in-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-in-vertical .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-out-vertical .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-out-vertical .pxl-swiper-arrow-next { opacity: 1; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .pxl-swiper-slider:hover .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:hover .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-in-vertical.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-out-vertical.arrow-on-hover .pxl-swiper-arrow-next { opacity: 1; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .enable-cursor .pxl-swiper-arrow.cursor-arrow-prev { height: 100%; background-color: transparent; cursor: none; } @media (min-width: 1200px) { .enable-cursor .pxl-swiper-arrow.cursor-arrow-prev { width: calc((100vw - 1170px)/2) !important; left: calc((100vw - 1170px)/-2) !important; } } .enable-cursor .pxl-swiper-arrow.cursor-arrow-prev:before { display: none; } .enable-cursor .pxl-swiper-arrow.cursor-arrow-prev span { display: none; } .enable-cursor .pxl-swiper-arrow.cursor-arrow-prev.swiper-button-disabled { cursor: not-allowed; } .enable-cursor .pxl-swiper-arrow.cursor-arrow-next { right: 0; width: 104px; height: 120%; background-color: transparent; cursor: none; } @media (min-width: 1200px) { .enable-cursor .pxl-swiper-arrow.cursor-arrow-next { width: calc((100vw - 1170px)/2) !important; right: calc((100vw - 1170px)/-2) !important; } } .enable-cursor .pxl-swiper-arrow.cursor-arrow-next:before { display: none; } .enable-cursor .pxl-swiper-arrow.cursor-arrow-next span { display: none; } .enable-cursor .pxl-swiper-arrow.cursor-arrow-next.swiper-button-disabled { cursor: not-allowed; } .pxl-swiper-dots.style-bullets { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; column-gap: 5px; row-gap: 5px; padding-bottom: 1px; } .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet { flex: 0 0 8px; width: 8px; height: 8px; line-height: 8px; text-align: center; cursor: pointer; position: relative; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.25s linear; -khtml-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:before { content: ""; width: 8px; height: 8px; background-color: var(--second-color); display: block; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.25s linear; -khtml-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; flex: 0 0 30px; background-color: transparent; } .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:hover:before, .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before { width: 30px; height: 8px; border-radius: 6px; background-color: var(--primary-color); left: 4px; } .pxl-swiper-dots.style-bullets-number { position: relative; z-index: 1; width: auto; height: auto; } .pxl-swiper-dots.style-bullets-number .swiper-pagination-custom { font-size: 24px; font-weight: 300; color: #fff; } .pxl-swiper-dots-color-mode-white .pxl-swiper-dots.style-bullets-number .pxl-swiper-pagination-bullet:after { background-color: #bababa; } .pxl-swiper-dots-color-mode-white .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:before { background-color: #bababa; } .pxl-swiper-dots-color-mode-white .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:after { background-color: #fff; } .pxl-swiper-dots-color-mode-white .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots-color-mode-white .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); -khtml-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); -ms-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); -o-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); } .pxl-swiper-dots-color-mode-white-primary .pxl-swiper-dots.style-bullets-number .pxl-swiper-pagination-bullet:after { background-color: #bababa; } .pxl-swiper-dots-color-mode-white-primary .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:before { background-color: #bababa; } .pxl-swiper-dots-color-mode-white-primary .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:after { background-color: var(--primary-color); } .pxl-swiper-dots-color-mode-white-primary .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots-color-mode-white-primary .pxl-swiper-dots.style-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-box-shadow: 0px 0px 0px 1px rgba(var(--primary-color-rgb), 0.4); -khtml-box-shadow: 0px 0px 0px 1px rgba(var(--primary-color-rgb), 0.4); -moz-box-shadow: 0px 0px 0px 1px rgba(var(--primary-color-rgb), 0.4); -ms-box-shadow: 0px 0px 0px 1px rgba(var(--primary-color-rgb), 0.4); -o-box-shadow: 0px 0px 0px 1px rgba(var(--primary-color-rgb), 0.4); box-shadow: 0px 0px 0px 1px rgba(var(--primary-color-rgb), 0.4); } .pxl-swiper-pagination-progressbar { background: #fff; width: 100%; max-width: 544px; height: 4px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -80px; } @media (max-width: 1199px) { .pxl-swiper-pagination-progressbar { bottom: -50px; } } .pxl-swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--primary-color); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #969ea3; font-size: 14px; font-style: normal; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input:-moz-placeholder, textarea:-moz-placeholder { color: #969ea3; font-size: 14px; font-style: normal; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input::-moz-placeholder, textarea::-moz-placeholder { color: #969ea3; font-size: 14px; font-style: normal; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #969ea3; font-size: 14px; font-style: normal; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input[type="search"]::-webkit-input-placeholder { color: #969ea3; font-size: 14px; font-style: italic; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input[type="search"]:-moz-placeholder { color: #969ea3; font-size: 14px; font-style: italic; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input[type="search"]::-moz-placeholder { color: #969ea3; font-size: 14px; font-style: italic; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input[type="search"]:-ms-input-placeholder { color: #969ea3; font-size: 14px; font-style: italic; font-weight: normal; opacity: 1; text-overflow: ellipsis; } input:-internal-autofill-selected { background-color: white !important; background-image: none !important; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; height: 30px; margin-top: 15px; cursor: pointer; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } input[type="number"] { -moz-appearance: textfield; } .pxl-input-number-spin { width: 19px; height: 25px; background: #fff; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; position: absolute; top: 12px; right: 20px; } [dir="rtl"] .pxl-input-number-spin { left: 20px; right: auto; } .pxl-input-number-spin-inner { cursor: pointer; width: 19px; height: 12.5px; position: relative; display: block; } .pxl-input-number-spin-inner:before { content: ""; width: 0; height: 0; position: absolute; top: 50%; left: 50%; border-style: solid; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pxl-input-number-spin-inner.pxl-input-number-spin-up:before { border-width: 0 3.5px 4px 3.5px; border-color: transparent transparent var(--primary-color) transparent; } .pxl-input-number-spin-inner.pxl-input-number-spin-down:before { border-width: 4px 3.5px 0 3.5px; border-color: var(--primary-color) transparent transparent transparent; } input::-webkit-calendar-picker-indicator { opacity: 0; cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; text-align: start; padding: 0; margin: 0; } input::-webkit-datetime-edit { text-align: start; width: 100%; } input[type="search" i]::-webkit-search-cancel-button { opacity: 0; display: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .select2-container.select2-container--default .select2-selection--single { background-color: transparent; border: none; border-bottom: 2px solid #383B3F; color: var(--heading-color); padding: 0; line-height: 1.3333333333; height: 50px; font-size: 18px; font-weight: 300; text-align: start; outline: none; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } @media (max-width: 767px) { input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .select2-container.select2-container--default .select2-selection--single { height: 48px; } } input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, input[type="range"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="color"]::placeholder, textarea::placeholder, select::placeholder, .select2-container.select2-container--default .select2-selection--single::placeholder { font-size: 18px; font-weight: 300; line-height: 1.3333333333; color: var(--body-color); } input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, input[type="range"]:hover, input[type="range"]:focus, input[type="range"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:hover, input[type="month"]:focus, input[type="month"]:active, input[type="week"]:hover, input[type="week"]:focus, input[type="week"]:active, input[type="time"]:hover, input[type="time"]:focus, input[type="time"]:active, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="color"]:hover, input[type="color"]:focus, input[type="color"]:active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, select:active, .select2-container.select2-container--default .select2-selection--single:hover, .select2-container.select2-container--default .select2-selection--single:focus, .select2-container.select2-container--default .select2-selection--single:active { background-color: transparent; border-bottom-color: var(--heading-color); } [dir="rtl"] input[type="text"], [dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"], [dir="rtl"] input[type="password"], [dir="rtl"] input[type="search"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="number"], [dir="rtl"] input[type="range"], [dir="rtl"] input[type="date"], [dir="rtl"] input[type="month"], [dir="rtl"] input[type="week"], [dir="rtl"] input[type="time"], [dir="rtl"] input[type="datetime"], [dir="rtl"] input[type="datetime-local"], [dir="rtl"] input[type="color"], [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] .select2-container.select2-container--default .select2-selection--single { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="date"] { width: 100%; } select { width: 100%; height: 50px; line-height: 46px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/select-arrow.png); background-position: calc(100% - 18px) 50%; background-repeat: no-repeat; background-size: 10px; padding-right: 30px; } [dir="rtl"] select { background-position: 10px 50%; padding-right: 22px; padding-left: 30px; } textarea { box-sizing: border-box; display: block; width: 100%; max-width: 100%; height: 110px; min-height: 110px; line-height: normal; resize: none; } input, select, textarea { vertical-align: top; position: relative; } .pxl-select form { position: relative; background-color: #fff; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .pxl-select select { height: 50px; line-height: 37px; font-size: 15px; background-color: transparent; position: relative; z-index: 99; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .pxl-select i { position: absolute; right: 14px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); } .pxl-custom-checkbox, .pxl-custom-radio { position: relative; margin-right: 5px; width: 17px; height: 17px; display: inline-block; } [dir="rtl"] .pxl-custom-checkbox, [dir="rtl"] .pxl-custom-radio { margin-right: 0; margin-left: 5px; } .pxl-custom-checkbox input[type="checkbox"], .pxl-custom-checkbox .pxl-checkmark, .pxl-custom-radio input[type="checkbox"], .pxl-custom-radio .pxl-checkmark { width: 17px; height: 17px; display: inline-block; padding: 0; margin: 0; } .pxl-custom-checkbox input, .pxl-custom-radio input { opacity: 0; } .pxl-custom-checkbox input:checked + .pxl-checkmark:after, .pxl-custom-radio input:checked + .pxl-checkmark:after { opacity: 1; } .pxl-custom-checkbox .pxl-checkmark, .pxl-custom-radio .pxl-checkmark { position: absolute; top: 0; left: 0; border: 2px solid rgba(25, 27, 29, 0.1); -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .pxl-custom-checkbox .pxl-checkmark:after, .pxl-custom-radio .pxl-checkmark:after { content: ""; background-color: var(--primary-color); position: absolute; top: 3px; left: 3px; width: 7px; height: 7px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; opacity: 0; } .pxl-custom-checkbox + label, .pxl-custom-radio + label { display: inline-block; } .pxl-custom-radio input:checked + .pxl-checkmark { border-color: var(--primary-color); } .pxl-custom-radio input:checked + .pxl-checkmark:after { background-color: var(--primary-color); } .pxl-custom-radio .pxl-checkmark { margin-top: 3px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .pxl-custom-radio .pxl-checkmark:after { background-color: rgba(25, 27, 29, 0.1); -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; opacity: 1; } .pxl-custom-checkbox { -webkit-transform: translate(0, 3px); -khtml-transform: translate(0, 3px); -moz-transform: translate(0, 3px); -ms-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px); } .ui-timepicker-container ul { list-style: none; } .ui-timepicker-container .ui-menu-item { font-size: 13px; } .wpcf7-form .wpcf7-form-control-wrap { display: block; } .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: none; } .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid { border-color: #faab04 !important; } .wpcf7-form label { font-size: 16px; color: var(--heading-color); margin-bottom: 8px; } .wpcf7-form label + br { display: none; } .wpcf7-form .control-item { margin-bottom: 15px; } .wpcf7-form .wpcf7-textarea { height: 248px; } @media (max-width: 767px) { .wpcf7-form .wpcf7-textarea { height: 186px; } } .wpcf7-form button[type="submit"] { min-width: 193px; } .wpcf7-form button[type="submit"] .pxli-spinner { font-size: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wpcf7-form.submitting button[type="submit"] .pxli-spinner { display: none; } .wpcf7-form.submitting button[type="submit"] .pxl-icon:before { color: #fff; content: ""; -webkit-animation: pxl-spin 2s linear infinite; -khtml-animation: pxl-spin 2s linear infinite; -moz-animation: pxl-spin 2s linear infinite; -ms-animation: pxl-spin 2s linear infinite; -o-animation: pxl-spin 2s linear infinite; animation: pxl-spin 2s linear infinite; } .contact-form-main .message { margin-bottom: 30px; } @media (max-width: 991px) { .contact-form-main .form-check { margin-bottom: 10px; } } .wpcf7 form.wpcf7-form .wpcf7-response-output { position: absolute; color: var(--heading-color); padding: 0; margin: 0; border: 0; font-style: italic; font-size: 14px; line-height: 1.5; } .wpcf7 form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #398f14; } .wpcf7 form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { color: #f13c3c; } .contact-form-main + .wpcf7-response-output { bottom: -30px; } .wpcf7 .form-check { display: block; } .pxl-search-form-popup { max-width: 750px; margin: 0 auto; } .pxl-search-popup-inner .cat-search-wrap { flex: 0 0 173px; width: 173px; max-width: 173px; } .pxl-search-popup-inner .text-search-wrap { position: relative; } .pxl-search-popup-inner .text-search-wrap .search-field { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; padding-left: 0; padding-right: 48px; border: 0; color: #fff; background-color: transparent; border-bottom: 1px solid #fff; } .pxl-search-popup-inner .text-search-wrap .search-field:hover, .pxl-search-popup-inner .text-search-wrap .search-field:focus, .pxl-search-popup-inner .text-search-wrap .search-field:active { border-color: var(--primary-color) !important; background-color: transparent; } .pxl-search-popup-inner .text-search-wrap input::-webkit-input-placeholder { color: #fff; } .pxl-search-popup-inner .text-search-wrap .search-submit { width: 48px; padding: 0; margin: 0; position: absolute; top: 0; bottom: 0; right: 15px; background: transparent; border: 0; font-size: 20px; color: #fff; } .pxl-search-popup-inner .text-search-wrap .search-submit:hover { color: var(--primary-color); } .pxl-search-popup-inner .text-search-wrap .pxl-svg { position: absolute; right: 16px; top: 50%; margin-top: -8px; } .pxl-search-popup-inner .text-search-wrap .search-submit:hover .pxl-svg path { fill: var(--primary-color); } #pxl-search-popup-normal .pxl-search-popup-inner .text-search-wrap .search-submit { right: 0; } .search-no-results .pxl-content-area .pxl-search-form .pxl-search-field { border: 1px solid rgba(25, 27, 29, 0.1); } .search-no-results .pxl-content-area .pxl-search-form .pxl-search-field:hover, .search-no-results .pxl-content-area .pxl-search-form .pxl-search-field:focus, .search-no-results .pxl-content-area .pxl-search-form .pxl-search-field:active { border-color: var(--primary-color); } #ui-datepicker-div { position: absolute; top: -9999px; z-index: 10001 !important; } .ui-datepicker-header { position: relative; } .ui-datepicker-header .ui-corner-all { text-align: center; cursor: pointer; position: absolute; top: 50%; padding: 0; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transform: translateY(-50%); } .ui-datepicker-header .ui-corner-all:before { content: ""; font-family: "pxli"; position: absolute; top: 50%; font-size: 20px; line-height: 1; margin-top: -10px; } .ui-datepicker-header .ui-corner-all span { display: none; } .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 35px; } @media (max-width: 1199px) { .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 30px; } } @media (max-width: 575px) { .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 20px; } } .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before { left: 0; } .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 35px; } @media (max-width: 1199px) { .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 30px; } } @media (max-width: 575px) { .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 20px; } } .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before { right: 0; content: ""; } .ui-datepicker-header .ui-state-disabled { color: #b7b7b7; } .ui-datepicker-calendar { margin: 0; width: 100%; } .ui-datepicker-calendar th { text-align: center; } .ui-datepicker-calendar td { text-align: center; } .ui-datepicker-calendar td.ui-state-disabled { color: #b7b7b7; } .ui-datepicker { background-color: #fff; border: 1px solid rgba(200, 200, 200, 0.6); } @media (min-width: 576px) { .ui-datepicker .ui-datepicker-group { flex: 0 0 50%; width: 50%; display: inline-block; } .ui-datepicker .ui-datepicker-group + .ui-datepicker-group { border-left: 1px solid rgba(200, 200, 200, 0.6); } } .ui-datepicker .ui-datepicker-header { position: relative; background-color: #f2f3f3; width: 100%; padding: 20px 35px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; } .ui-datepicker .ui-datepicker-header > * { max-width: 100%; } @media (max-width: 1199px) { .ui-datepicker .ui-datepicker-header { padding: 20px 30px; } } @media (max-width: 575px) { .ui-datepicker .ui-datepicker-header { padding: 15px 20px; } } .ui-datepicker .ui-datepicker-header .ui-corner-all { color: #111; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ui-datepicker .ui-datepicker-header .ui-corner-all:hover { color: var(--second-color); } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 18px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; color: var(--heading-color); text-transform: uppercase; } @media (max-width: 575px) { .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 16px; } } .ui-datepicker .ui-datepicker-calendar { padding: 10px 20px 20px 20px; border: 0; } @media (max-width: 1199px) { .ui-datepicker .ui-datepicker-calendar { padding: 20px 15px; } } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-calendar { padding: 20px 10px; } } .ui-datepicker .ui-datepicker-calendar th { border: 0; font-size: 18px; font-weight: 400; text-transform: capitalize; letter-spacing: 0.05em; color: #111111; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-calendar th { font-size: 16px; } } .ui-datepicker .ui-datepicker-calendar td { padding: 4px; border: 0; font-size: 16px; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-calendar td { font-size: 14px; } } .ui-datepicker .ui-datepicker-calendar td > span, .ui-datepicker .ui-datepicker-calendar td > a { width: 34px; height: 34px; background: transparent; display: inline-flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .ui-datepicker .ui-datepicker-calendar td > span, .ui-datepicker .ui-datepicker-calendar td > a { width: 32px; height: 32px; } } .ui-datepicker .ui-datepicker-calendar td > span { border: 1px solid #b7b7b7; color: #b7b7b7; } .ui-datepicker .ui-datepicker-calendar td > a { border: 1px solid #111111; } .ui-datepicker .ui-datepicker-calendar td > a.ui-state-highlight { color: #fff; } .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td > a:hover { color: #fff; background-color: var(--second-color); border-color: var(--second-color); } .ui-datepicker .ui-datepicker-calendar td.unavailable > a { color: #fff; background-color: #b95c47; border-color: #b95c47; } .ui-datepicker .ui-datepicker-calendar td.unavailable > a.ui-state-highlight { color: #fff; background-color: #b95c47; border-color: #b95c47; } .ui-datepicker .ui-datepicker-calendar td.unavailable > a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td.unavailable > a:hover { color: #fff; background-color: #b95c47; border-color: #b95c47; } .nice-select { border: 2px solid #383B3F; border-radius: 0; padding: 0 40px 0 24px; height: 50px; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; background-color: transparent; color: var(--heading-color); -webkit-transition: border-color 0.3s ease, background-color 0.3s ease; -khtml-transition: border-color 0.3s ease, background-color 0.3s ease; -moz-transition: border-color 0.3s ease, background-color 0.3s ease; -ms-transition: border-color 0.3s ease, background-color 0.3s ease; -o-transition: border-color 0.3s ease, background-color 0.3s ease; transition: border-color 0.3s ease, background-color 0.3s ease; } .nice-select:hover, .nice-select:focus, .nice-select:active { background-color: transparent; border-color: var(--heading-color); } .nice-select:after { position: absolute; font-size: 18px; line-height: 1; margin-top: 1px; font-style: normal; font-family: "pxli"; content: ""; right: 20px; top: 50%; color: var(--heading-color); transform: translate(-50%, -50%); display: flex; align-items: center; } .nice-select span.current { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 55px; font-size: 16px; font-weight: 500; color: #969ea3; } .nice-select .option { text-overflow: ellipsis; overflow: hidden; } .nice-select .list { max-height: 330px; overflow: auto; background-color: #fff; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 1px solid #e4e4e4; box-sizing: border-box; margin-top: 1px; opacity: 0; overflow: hidden; padding: 15px 0; pointer-events: none; position: absolute; top: 100%; left: -1px; right: -1px; z-index: 9; color: inherit; border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -khtml-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -moz-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -ms-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -o-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); } .nice-select .list .selected { color: #222; } .nice-select .list .option { font-size: 16px; padding: 8px 16px 8px 24px; cursor: pointer; line-height: normal; list-style: none; outline: none; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -khtml-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -moz-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -ms-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -o-transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); transition: all 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .nice-select .list .option.selected { font-weight: 500; } .nice-select .list .option.disabled { background-color: transparent; color: #999; cursor: default; } .nice-select .list .option:hover, .nice-select .list .option:focus { color: var(--link-color-hover); } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; background-color: transparent; border-color: var(--heading-color); } .nice-select.open .list, .nice-select.open .list.open { margin-top: -1px; border-color: var(--primary-color); border-top-color: rgba(25, 27, 29, 0.1); min-width: 100%; overflow: auto; opacity: 1; pointer-events: auto; -webkit-animation: pxlFadeInDown 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -khtml-animation: pxlFadeInDown 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -moz-animation: pxlFadeInDown 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -ms-animation: pxlFadeInDown 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); -o-animation: pxlFadeInDown 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); animation: pxlFadeInDown 0.2s cubic-bezier(0.4, 0.5, 0.6, 0.7); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .form-check { padding-top: 7px; display: flex; } .form-check .form-check-input { width: 20px; height: 20px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: var(--second-color); border: none; cursor: pointer; margin-top: 3px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; position: relative; text-align: center; line-height: 1; color: var(--heading-color); display: inline-flex; align-items: center; justify-content: center; float: left; } .form-check .form-check-input:after { content: ""; font-family: "pxli"; font-size: 10px; color: var(--heading-color); opacity: 0; } .form-check .form-check-input:checked[type=checkbox]:after { opacity: 1; } .form-check .form-check-label { cursor: pointer; color: var(--heading-color); text-transform: inherit; flex: 1; } .bordered.form-check-input { border: 1px solid #e4e4e4; background-color: transparent; transition: all 400ms ease-in-out 0s; } .bordered.form-check-input[type=checkbox] { border-radius: 0; } .label-for-checkbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .label-for-checkbox input[type="checkbox"] { border: 1px solid rgba(25, 27, 29, 0.1); border-radius: 0; width: 18px; height: 18px; background-color: #fff; cursor: pointer; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; transition: all 400ms ease-in-out 0s; background-position: center; } .label-for-checkbox input[type="checkbox"]:checked { border-color: var(--second-color); background-color: var(--second-color); color: #fff; background-image: url("../images/checked.png"); background-size: 9px; background-position: center; background-repeat: no-repeat; } .pxl-mailchimp .mc4wp-form { position: relative; } .pxl-mailchimp .mc4wp-form input { height: 40px; padding-bottom: 19px; border-bottom-color: #ffffff; color: var(--body-color); } .pxl-mailchimp .mc4wp-form input:hover, .pxl-mailchimp .mc4wp-form input:focus, .pxl-mailchimp .mc4wp-form input:active { border-bottom-color: var(--primary-color); } .pxl-mailchimp .mc4wp-form .pxl-button-icon { position: absolute; right: 0; top: 0; padding-top: 0; padding-right: 3px; background-color: transparent; } .pxl-mailchimp .mc4wp-form .pxl-button-icon i { color: var(--primary-color); font-size: 20px; } .pxl-mailchimp .mc4wp-form .pxl-button-icon:hover { background-color: transparent; } .pxl-mailchimp .mc4wp-form .pxl-button-icon:hover i { animation: toTopFromBottom 0.4s forwards; } .pxl-mailchimp .mc4wp-form p { margin-bottom: 0; } .pxl-cf7-wrap .contact-info { display: flex; gap: 20px; } @media (max-width: 575px) { .pxl-cf7-wrap .contact-info { flex-direction: column; gap: 0; } } .pxl-cf7-wrap .wpcf7-form-control-wrap { margin-top: 16px; } @media (max-width: 575px) { .pxl-cf7-wrap .wpcf7-form-control-wrap { margin-top: 10px; } } .pxl-cf7-wrap p { margin-bottom: 0; } .pxl-cf7-wrap label { margin-bottom: 24px; } .pxl-cf7-wrap .contact-mess { height: 150px; padding-top: 7px; } .pxl-cf7-wrap .btn-primary { margin-top: 17px; gap: 3px; } .pxl-cf7-wrap .btn-primary i { font-size: 20px; } .pxl-cf7-wrap .btn-primary:hover i::before { animation: toTopFromBottom 0.4s forwards; } .pxl-cf7-wrap .wpcf7-form button[type="submit"] { min-width: 152px; } .contact-seo br { display: none; } .contact-seo .wpcf7-form-control-wrap { margin-top: 26px; } .contact-seo .wpcf7-form-control-wrap:first-child { margin-top: 0; } .contact-seo .wpcf7-form-control-wrap .contact-mess { padding-top: 18px; } .contact-seo button[type="submit"].pxl-btn { width: 100%; height: 50px; border-radius: 10px; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; outline: none; text-decoration: none; vertical-align: bottom; } .button:hover, .button:active, .button:focus, button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { cursor: pointer; } .button:visited, button:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited { text-decoration: none; } .button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; outline-offset: 0; } .btn, button, .button, input[type="submit"], input[type="button"], .pxl-btn { position: relative; display: inline-flex; align-items: center; font-family: var(--heading-font-family); font-size: 16px; font-weight: 500; color: #191B1D; line-height: 1.5; letter-spacing: 0px; padding: 12px 20px; background-color: var(--primary-color); outline: none; cursor: pointer; vertical-align: top; text-align: center; text-transform: none; text-decoration: none; justify-content: center; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; overflow: hidden; -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); } .btn:active, .btn:hover, .btn:focus, button:active, button:hover, button:focus, .button:active, .button:hover, .button:focus, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:active, input[type="button"]:hover, input[type="button"]:focus, .pxl-btn:active, .pxl-btn:hover, .pxl-btn:focus { outline: medium none; text-decoration: none; color: #ffffff; background-color: var(--heading-color); } .btn.default:active, .btn.default:hover, .btn.default:focus, button.default:active, button.default:hover, button.default:focus, .button.default:active, .button.default:hover, .button.default:focus, input[type="submit"].default:active, input[type="submit"].default:hover, input[type="submit"].default:focus, input[type="button"].default:active, input[type="button"].default:hover, input[type="button"].default:focus, .pxl-btn.default:active, .pxl-btn.default:hover, .pxl-btn.default:focus { background-color: var(--primary-color); color: #191B1D; } .btn.primary, button.primary, .button.primary, input[type="submit"].primary, input[type="button"].primary, .pxl-btn.primary { --pxl-btn-color: #fff; --pxl-btn-bg-color: var(--primary-color); --pxl-btn-border-color: var(--primary-color); --pxl-btn-color-hover: #fff; --pxl-btn-bg-color-hover: var(--primary-color); --pxl-btn-border-color-hover: var(--primary-color); } .btn.primary-light, button.primary-light, .button.primary-light, input[type="submit"].primary-light, input[type="button"].primary-light, .pxl-btn.primary-light { --pxl-btn-color: var(--primary-color); --pxl-btn-bg-color: var(--primary-subtle-color); --pxl-btn-border-color: var(--primary-subtle-color); } .btn.second, .btn.secondary, button.second, button.secondary, .button.second, .button.secondary, input[type="submit"].second, input[type="submit"].secondary, input[type="button"].second, input[type="button"].secondary, .pxl-btn.second, .pxl-btn.secondary { --pxl-btn-color: #738594; --pxl-btn-bg-color: var(--second-color); --pxl-btn-border-color: var(--second-color); --pxl-btn-color-hover: #fff; --pxl-btn-bg-color-hover: var(--primary-color); --pxl-btn-border-color-hover: var(--primary-color); } .btn.second-light, button.second-light, .button.second-light, input[type="submit"].second-light, input[type="button"].second-light, .pxl-btn.second-light { --pxl-btn-color: #6c757d; --pxl-btn-bg-color: #f3f6fa; --pxl-btn-border-color: #f3f6fa; --pxl-btn-color-hover: #fff; } .btn.outline, button.outline, .button.outline, input[type="submit"].outline, input[type="button"].outline, .pxl-btn.outline { --pxl-btn-border-color: #6c757d; } .btn.btn-outline, .btn.btn-alt, button.btn-outline, button.btn-alt, .button.btn-outline, .button.btn-alt, input[type="submit"].btn-outline, input[type="submit"].btn-alt, input[type="button"].btn-outline, input[type="button"].btn-alt, .pxl-btn.btn-outline, .pxl-btn.btn-alt { color: var(--primary-color); background-color: transparent; border-color: var(--primary-color); } .btn.btn-outline:active, .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-alt:active, .btn.btn-alt:hover, .btn.btn-alt:focus, button.btn-outline:active, button.btn-outline:hover, button.btn-outline:focus, button.btn-alt:active, button.btn-alt:hover, button.btn-alt:focus, .button.btn-outline:active, .button.btn-outline:hover, .button.btn-outline:focus, .button.btn-alt:active, .button.btn-alt:hover, .button.btn-alt:focus, input[type="submit"].btn-outline:active, input[type="submit"].btn-outline:hover, input[type="submit"].btn-outline:focus, input[type="submit"].btn-alt:active, input[type="submit"].btn-alt:hover, input[type="submit"].btn-alt:focus, input[type="button"].btn-outline:active, input[type="button"].btn-outline:hover, input[type="button"].btn-outline:focus, input[type="button"].btn-alt:active, input[type="button"].btn-alt:hover, input[type="button"].btn-alt:focus, .pxl-btn.btn-outline:active, .pxl-btn.btn-outline:hover, .pxl-btn.btn-outline:focus, .pxl-btn.btn-alt:active, .pxl-btn.btn-alt:hover, .pxl-btn.btn-alt:focus { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .btn.btn-block, button.btn-block, .button.btn-block, input[type="submit"].btn-block, input[type="button"].btn-block, .pxl-btn.btn-block { width: 100%; text-align: center; justify-content: center; } .btn.btn-fullwidth, button.btn-fullwidth, .button.btn-fullwidth, input[type="submit"].btn-fullwidth, input[type="button"].btn-fullwidth, .pxl-btn.btn-fullwidth { width: 100%; text-align: center; justify-content: center; } .btn.btn-fullwidth.border-3px, button.btn-fullwidth.border-3px, .button.btn-fullwidth.border-3px, input[type="submit"].btn-fullwidth.border-3px, input[type="button"].btn-fullwidth.border-3px, .pxl-btn.btn-fullwidth.border-3px { border-radius: 3px !important; } .btn.btn-round, button.btn-round, .button.btn-round, input[type="submit"].btn-round, input[type="button"].btn-round, .pxl-btn.btn-round { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .btn.text-justify, button.text-justify, .button.text-justify, input[type="submit"].text-justify, input[type="button"].text-justify, .pxl-btn.text-justify { display: block; } .btn[disabled], button[disabled], .button[disabled], input[type="submit"][disabled], input[type="button"][disabled], .pxl-btn[disabled] { opacity: 0.5; cursor: not-allowed; } .btn.pxl-btn-round, button.pxl-btn-round, .button.pxl-btn-round, input[type="submit"].pxl-btn-round, input[type="button"].pxl-btn-round, .pxl-btn.pxl-btn-round { padding: 30px; width: 129px; height: 129px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: transparent; font-weight: 500; font-size: 18px; line-height: 20px; color: #000000; text-transform: capitalize; border: 1px solid var(--primary-color); transition: all 300ms linear 0s; } .btn.pxl-btn-round > *, button.pxl-btn-round > *, .button.pxl-btn-round > *, input[type="submit"].pxl-btn-round > *, input[type="button"].pxl-btn-round > *, .pxl-btn.pxl-btn-round > * { max-width: 100%; } .btn.pxl-btn-round::before, button.pxl-btn-round::before, .button.pxl-btn-round::before, input[type="submit"].pxl-btn-round::before, input[type="button"].pxl-btn-round::before, .pxl-btn.pxl-btn-round::before { content: ""; position: absolute; width: 101%; height: 101%; background: var(--primary-color); -webkit-mask: url("../images/nature-sprite.png"); mask: url("../images/nature-sprite.png"); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; border: none; -webkit-animation: ani2 0.5s steps(22) forwards; -khtml-animation: ani2 0.5s steps(22) forwards; -moz-animation: ani2 0.5s steps(22) forwards; -ms-animation: ani2 0.5s steps(22) forwards; -o-animation: ani2 0.5s steps(22) forwards; animation: ani2 0.5s steps(22) forwards; } .btn.pxl-btn-round:hover, .btn.pxl-btn-round:focus, button.pxl-btn-round:hover, button.pxl-btn-round:focus, .button.pxl-btn-round:hover, .button.pxl-btn-round:focus, input[type="submit"].pxl-btn-round:hover, input[type="submit"].pxl-btn-round:focus, input[type="button"].pxl-btn-round:hover, input[type="button"].pxl-btn-round:focus, .pxl-btn.pxl-btn-round:hover, .pxl-btn.pxl-btn-round:focus { border-color: var(--primary-color); } .btn.pxl-btn-round:hover::before, .btn.pxl-btn-round:focus::before, button.pxl-btn-round:hover::before, button.pxl-btn-round:focus::before, .button.pxl-btn-round:hover::before, .button.pxl-btn-round:focus::before, input[type="submit"].pxl-btn-round:hover::before, input[type="submit"].pxl-btn-round:focus::before, input[type="button"].pxl-btn-round:hover::before, input[type="button"].pxl-btn-round:focus::before, .pxl-btn.pxl-btn-round:hover::before, .pxl-btn.pxl-btn-round:focus::before { -webkit-animation: ani 0.7s steps(22) forwards; -khtml-animation: ani 0.7s steps(22) forwards; -moz-animation: ani 0.7s steps(22) forwards; -ms-animation: ani 0.7s steps(22) forwards; -o-animation: ani 0.7s steps(22) forwards; animation: ani 0.7s steps(22) forwards; } .btn.pxl-btn-round:hover .pxl-icon, .btn.pxl-btn-round:focus .pxl-icon, button.pxl-btn-round:hover .pxl-icon, button.pxl-btn-round:focus .pxl-icon, .button.pxl-btn-round:hover .pxl-icon, .button.pxl-btn-round:focus .pxl-icon, input[type="submit"].pxl-btn-round:hover .pxl-icon, input[type="submit"].pxl-btn-round:focus .pxl-icon, input[type="button"].pxl-btn-round:hover .pxl-icon, input[type="button"].pxl-btn-round:focus .pxl-icon, .pxl-btn.pxl-btn-round:hover .pxl-icon, .pxl-btn.pxl-btn-round:focus .pxl-icon { overflow: hidden; } .btn.pxl-btn-round:hover .pxl-icon span, .btn.pxl-btn-round:hover .pxl-icon svg, .btn.pxl-btn-round:focus .pxl-icon span, .btn.pxl-btn-round:focus .pxl-icon svg, button.pxl-btn-round:hover .pxl-icon span, button.pxl-btn-round:hover .pxl-icon svg, button.pxl-btn-round:focus .pxl-icon span, button.pxl-btn-round:focus .pxl-icon svg, .button.pxl-btn-round:hover .pxl-icon span, .button.pxl-btn-round:hover .pxl-icon svg, .button.pxl-btn-round:focus .pxl-icon span, .button.pxl-btn-round:focus .pxl-icon svg, input[type="submit"].pxl-btn-round:hover .pxl-icon span, input[type="submit"].pxl-btn-round:hover .pxl-icon svg, input[type="submit"].pxl-btn-round:focus .pxl-icon span, input[type="submit"].pxl-btn-round:focus .pxl-icon svg, input[type="button"].pxl-btn-round:hover .pxl-icon span, input[type="button"].pxl-btn-round:hover .pxl-icon svg, input[type="button"].pxl-btn-round:focus .pxl-icon span, input[type="button"].pxl-btn-round:focus .pxl-icon svg, .pxl-btn.pxl-btn-round:hover .pxl-icon span, .pxl-btn.pxl-btn-round:hover .pxl-icon svg, .pxl-btn.pxl-btn-round:focus .pxl-icon span, .pxl-btn.pxl-btn-round:focus .pxl-icon svg { animation: none; } .btn.pxl-btn-round span, .btn.pxl-btn-round .pxl-icon, button.pxl-btn-round span, button.pxl-btn-round .pxl-icon, .button.pxl-btn-round span, .button.pxl-btn-round .pxl-icon, input[type="submit"].pxl-btn-round span, input[type="submit"].pxl-btn-round .pxl-icon, input[type="button"].pxl-btn-round span, input[type="button"].pxl-btn-round .pxl-icon, .pxl-btn.pxl-btn-round span, .pxl-btn.pxl-btn-round .pxl-icon { z-index: 1; } .btn.btn-third, button.btn-third, .button.btn-third, input[type="submit"].btn-third, input[type="button"].btn-third, .pxl-btn.btn-third { background-color: var(--heading-color); color: #A9DE59; border-radius: 10px; font-size: 20px; font-weight: 700; padding: 15px 26px; } .btn.btn-third .pxl-button-text, button.btn-third .pxl-button-text, .button.btn-third .pxl-button-text, input[type="submit"].btn-third .pxl-button-text, input[type="button"].btn-third .pxl-button-text, .pxl-btn.btn-third .pxl-button-text { position: relative; } .btn.btn-third .pxl-button-text::before, button.btn-third .pxl-button-text::before, .button.btn-third .pxl-button-text::before, input[type="submit"].btn-third .pxl-button-text::before, input[type="button"].btn-third .pxl-button-text::before, .pxl-btn.btn-third .pxl-button-text::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; transition-timing-function: ease, ease; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); white-space: nowrap; } .btn.btn-third .pxl-button-text > span, button.btn-third .pxl-button-text > span, .button.btn-third .pxl-button-text > span, input[type="submit"].btn-third .pxl-button-text > span, input[type="button"].btn-third .pxl-button-text > span, .pxl-btn.btn-third .pxl-button-text > span { white-space: nowrap; display: inline-block; padding: 0; opacity: 0; -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; transition-timing-function: ease, ease; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); line-height: normal; } .btn.btn-third.icon-ps-right .pxl-icon::before, button.btn-third.icon-ps-right .pxl-icon::before, .button.btn-third.icon-ps-right .pxl-icon::before, input[type="submit"].btn-third.icon-ps-right .pxl-icon::before, input[type="button"].btn-third.icon-ps-right .pxl-icon::before, .pxl-btn.btn-third.icon-ps-right .pxl-icon::before { content: ""; position: absolute; left: 0; height: 30px; width: 1px; background-color: rgba(255, 255, 255, 0.2); top: 50%; transform: translateY(-50%); } .btn.btn-third .pxl-icon, button.btn-third .pxl-icon, .button.btn-third .pxl-icon, input[type="submit"].btn-third .pxl-icon, input[type="button"].btn-third .pxl-icon, .pxl-btn.btn-third .pxl-icon { font-size: 24px; color: #F1F18C; position: relative; } .btn.btn-third .pxl-icon svg, button.btn-third .pxl-icon svg, .button.btn-third .pxl-icon svg, input[type="submit"].btn-third .pxl-icon svg, input[type="button"].btn-third .pxl-icon svg, .pxl-btn.btn-third .pxl-icon svg { width: 24px; height: 24px; fill: #F1F18C; } .btn.btn-third:hover .pxl-button-text::before, button.btn-third:hover .pxl-button-text::before, .button.btn-third:hover .pxl-button-text::before, input[type="submit"].btn-third:hover .pxl-button-text::before, input[type="button"].btn-third:hover .pxl-button-text::before, .pxl-btn.btn-third:hover .pxl-button-text::before { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .btn.btn-third:hover .pxl-button-text span, button.btn-third:hover .pxl-button-text span, .button.btn-third:hover .pxl-button-text span, input[type="submit"].btn-third:hover .pxl-button-text span, input[type="button"].btn-third:hover .pxl-button-text span, .pxl-btn.btn-third:hover .pxl-button-text span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn.btn-third:not(:hover) .pxl-button-text > span, button.btn-third:not(:hover) .pxl-button-text > span, .button.btn-third:not(:hover) .pxl-button-text > span, input[type="submit"].btn-third:not(:hover) .pxl-button-text > span, input[type="button"].btn-third:not(:hover) .pxl-button-text > span, .pxl-btn.btn-third:not(:hover) .pxl-button-text > span { transition-delay: 0s !important; } .btn.btn-third.icon-ps-right .pxl-icon, button.btn-third.icon-ps-right .pxl-icon, .button.btn-third.icon-ps-right .pxl-icon, input[type="submit"].btn-third.icon-ps-right .pxl-icon, input[type="button"].btn-third.icon-ps-right .pxl-icon, .pxl-btn.btn-third.icon-ps-right .pxl-icon { padding-left: 15px; margin-left: 15px; } .btn.btn-third.icon-ps-right:hover .pxl-icon, button.btn-third.icon-ps-right:hover .pxl-icon, .button.btn-third.icon-ps-right:hover .pxl-icon, input[type="submit"].btn-third.icon-ps-right:hover .pxl-icon, input[type="button"].btn-third.icon-ps-right:hover .pxl-icon, .pxl-btn.btn-third.icon-ps-right:hover .pxl-icon { transition: all 0.45s ease-in-out; } .btn.btn-lg, button.btn-lg, .button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, .pxl-btn.btn-lg { --pxl-btn-padding-y: 18px; --pxl-btn-padding-x: 24px; min-height: 62px; font-size: 16px; } .btn.btn-md, button.btn-md, .button.btn-md, input[type="submit"].btn-md, input[type="button"].btn-md, .pxl-btn.btn-md { --pxl-btn-padding-y: 10px; --pxl-btn-padding-x: 24px; min-height: 45px; font-size: 14.4px; } .btn.btn-sm, button.btn-sm, .button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, .pxl-btn.btn-sm { --pxl-btn-padding-y: 8px; --pxl-btn-padding-x: 8px; font-size: 12px; } .btn.btn-dash, button.btn-dash, .button.btn-dash, input[type="submit"].btn-dash, input[type="button"].btn-dash, .pxl-btn.btn-dash { border: 1px dashed var(--primary-color); } .btn.btn-primary, button.btn-primary, .button.btn-primary, input[type="submit"].btn-primary, input[type="button"].btn-primary, .pxl-btn.btn-primary { display: inline-flex; overflow: hidden; z-index: 1; transition: all 0.4s ease-in-out; white-space: nowrap; } .btn.btn-primary span, button.btn-primary span, .button.btn-primary span, input[type="submit"].btn-primary span, input[type="button"].btn-primary span, .pxl-btn.btn-primary span { display: inline-block; pointer-events: none; } .btn.btn-primary:hover, .btn.btn-primary:focus, button.btn-primary:hover, button.btn-primary:focus, .button.btn-primary:hover, .button.btn-primary:focus, input[type="submit"].btn-primary:hover, input[type="submit"].btn-primary:focus, input[type="button"].btn-primary:hover, input[type="button"].btn-primary:focus, .pxl-btn.btn-primary:hover, .pxl-btn.btn-primary:focus { background-color: var(--primary-color); color: #191B1D; } .btn.btn-secondary, button.btn-secondary, .button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, .pxl-btn.btn-secondary { width: auto; height: 48px; position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; color: #fff; border-radius: 40px; font-size: 16px; background-color: var(--heading-color); font-family: var(--body-font-family); font-weight: 500; text-transform: uppercase; z-index: 1; } .btn.btn-secondary .su-button-effect, button.btn-secondary .su-button-effect, .button.btn-secondary .su-button-effect, input[type="submit"].btn-secondary .su-button-effect, input[type="button"].btn-secondary .su-button-effect, .pxl-btn.btn-secondary .su-button-effect { position: absolute; width: 0; height: 0; border-radius: 50%; background-color: var(--primary-color); transition: width 0.4s ease-in-out, height 0.4s ease-in-out; transform: translate(-50%, -50%); z-index: -1; } .btn.btn-secondary:hover, button.btn-secondary:hover, .button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, .pxl-btn.btn-secondary:hover { background-color: #fff; color: var(--heading-color); } .btn.btn-secondary:hover .su-button-effect, button.btn-secondary:hover .su-button-effect, .button.btn-secondary:hover .su-button-effect, input[type="submit"].btn-secondary:hover .su-button-effect, input[type="button"].btn-secondary:hover .su-button-effect, .pxl-btn.btn-secondary:hover .su-button-effect { width: 225%; height: calc(var( --btn-secondary-width) * 2.25); } .btn.btn-secondary.icon-ps-right:hover .pxl-icon span, button.btn-secondary.icon-ps-right:hover .pxl-icon span, .button.btn-secondary.icon-ps-right:hover .pxl-icon span, input[type="submit"].btn-secondary.icon-ps-right:hover .pxl-icon span, input[type="button"].btn-secondary.icon-ps-right:hover .pxl-icon span, .pxl-btn.btn-secondary.icon-ps-right:hover .pxl-icon span { animation: none; } .btn.btn-secondary.icon-ps-right:hover svg, button.btn-secondary.icon-ps-right:hover svg, .button.btn-secondary.icon-ps-right:hover svg, input[type="submit"].btn-secondary.icon-ps-right:hover svg, input[type="button"].btn-secondary.icon-ps-right:hover svg, .pxl-btn.btn-secondary.icon-ps-right:hover svg { animation: none; } .btn .pxl-icon, button .pxl-icon, .button .pxl-icon, input[type="submit"] .pxl-icon, input[type="button"] .pxl-icon, .pxl-btn .pxl-icon { display: inline-flex; font-size: 20px; transition: all 300ms ease-in-out 0s; } .btn svg, button svg, .button svg, input[type="submit"] svg, input[type="button"] svg, .pxl-btn svg { width: 20px; height: 20px; transition: all 300ms ease-in-out 0s; } .btn.icon-ps-left, button.icon-ps-left, .button.icon-ps-left, input[type="submit"].icon-ps-left, input[type="button"].icon-ps-left, .pxl-btn.icon-ps-left { flex-direction: row-reverse; } .btn.icon-ps-left .pxl-icon, button.icon-ps-left .pxl-icon, .button.icon-ps-left .pxl-icon, input[type="submit"].icon-ps-left .pxl-icon, input[type="button"].icon-ps-left .pxl-icon, .pxl-btn.icon-ps-left .pxl-icon { margin-right: 5px; } .btn.icon-ps-right .pxl-icon, button.icon-ps-right .pxl-icon, .button.icon-ps-right .pxl-icon, input[type="submit"].icon-ps-right .pxl-icon, input[type="button"].icon-ps-right .pxl-icon, .pxl-btn.icon-ps-right .pxl-icon { margin-left: 5px; } .btn.icon-ps-right:hover .pxl-icon, button.icon-ps-right:hover .pxl-icon, .button.icon-ps-right:hover .pxl-icon, input[type="submit"].icon-ps-right:hover .pxl-icon, input[type="button"].icon-ps-right:hover .pxl-icon, .pxl-btn.icon-ps-right:hover .pxl-icon { overflow: hidden; } .btn.icon-ps-right:hover .pxl-icon span, button.icon-ps-right:hover .pxl-icon span, .button.icon-ps-right:hover .pxl-icon span, input[type="submit"].icon-ps-right:hover .pxl-icon span, input[type="button"].icon-ps-right:hover .pxl-icon span, .pxl-btn.icon-ps-right:hover .pxl-icon span { animation: toTopFromBottom 0.4s forwards; } .btn.icon-ps-right:hover svg, button.icon-ps-right:hover svg, .button.icon-ps-right:hover svg, input[type="submit"].icon-ps-right:hover svg, input[type="button"].icon-ps-right:hover svg, .pxl-btn.icon-ps-right:hover svg { animation: toTopFromBottom 0.4s forwards; } .btn.btn-outline:hover .pxl-icon span, button.btn-outline:hover .pxl-icon span, .button.btn-outline:hover .pxl-icon span, input[type="submit"].btn-outline:hover .pxl-icon span, input[type="button"].btn-outline:hover .pxl-icon span, .pxl-btn.btn-outline:hover .pxl-icon span { animation: none; } .btn.btn-outline:hover svg, button.btn-outline:hover svg, .button.btn-outline:hover svg, input[type="submit"].btn-outline:hover svg, input[type="button"].btn-outline:hover svg, .pxl-btn.btn-outline:hover svg { animation: none; } .pxl-readmore { position: relative; display: inline-flex; align-items: center; font-weight: 500; column-gap: 8px; color: var(--heading-color); } .pxl-readmore .pxl-icon { color: var(--pxl-icon-color, var(--pxl-color)); display: inline-flex; } .pxl-readmore svg { width: 1em; height: 1em; fill: var(--pxl-icon-color, var(--pxl-color)); } .pxl-readmore:hover { color: var(--pxl-color-hover, var(--link-color-hover)); } .pxl-readmore:hover .pxl-icon { color: var(--pxl-icon-color-hover, var(--pxl-color-hover)); } .pxl-readmore:hover svg { fill: var(--pxl-icon-color-hover, var(--pxl-color-hover)); } .dark-mode .pxl-btn-round:hover { color: var(--primary-color); } .dark-mode .btn-third.icon-ps-right .pxl-icon::before { background-color: rgba(0, 0, 0, 0.2); } @media (min-width: 1200px) { .header-height { height: 130px; } .pxl-header-transparent, .pxl-header-transparent-sticky { position: absolute; left: 0; right: 0; z-index: 2; } } #pxl-header { -webkit-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s; } .header-type-df { position: relative; padding: 15px 0; } .header-type-df.h-fixed { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 999; -webkit-transition: 0.6s cubic-bezier(0.3, 0.4, 0.5, 1); -khtml-transition: 0.6s cubic-bezier(0.3, 0.4, 0.5, 1); -moz-transition: 0.6s cubic-bezier(0.3, 0.4, 0.5, 1); -ms-transition: 0.6s cubic-bezier(0.3, 0.4, 0.5, 1); -o-transition: 0.6s cubic-bezier(0.3, 0.4, 0.5, 1); transition: 0.6s cubic-bezier(0.3, 0.4, 0.5, 1); -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); } .pxl-header-sticky { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 999; opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -khtml-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -moz-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -ms-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -o-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; } .pxl-header-sticky.h-fixed { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transform: translateY(0%); -khtml-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); } .pxl-header-sticky.pxl-header-rotate-x { -webkit-transition: all 0.3s ease-out !important; -khtml-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; -webkit-transform: perspective(300px) rotateX(-90deg); transform: perspective(300px) rotateX(-90deg); -webkit-transform-origin: top; -khtml-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .pxl-header-sticky.pxl-header-rotate-x.h-fixed { -webkit-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg); } .pxl-header-main-sticky { z-index: 1; /* &.h-reverse{ @include transition( all 0.45s ease-out !important); } */ } .pxl-header-main-sticky.h-fixed { position: fixed; z-index: 999; /* background-color: #fff; */ -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -webkit-animation: 0.45s ease-out headerSlideDown; -khtml-animation: 0.45s ease-out headerSlideDown; -moz-animation: 0.45s ease-out headerSlideDown; -ms-animation: 0.45s ease-out headerSlideDown; -o-animation: 0.45s ease-out headerSlideDown; animation: 0.45s ease-out headerSlideDown; } .pxl-header-transparent-sticky { z-index: 1; } .pxl-header-transparent-sticky.h-fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 99; -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -webkit-animation: 0.5s ease-out headerSlideDown; -khtml-animation: 0.5s ease-out headerSlideDown; -moz-animation: 0.5s ease-out headerSlideDown; -ms-animation: 0.5s ease-out headerSlideDown; -o-animation: 0.5s ease-out headerSlideDown; animation: 0.5s ease-out headerSlideDown; } /* .sticky-direction-scroll-down{ .pxl-header-main-sticky{ &.h-fixed{ @include animation(0.45s ease-out 0s normal forwards 1 running headerSlideDown); } } } */ .pxl-header-fixed-top { width: 100%; position: fixed; left: 0; top: 0; background-color: transparent; box-sizing: border-box; z-index: 99; -webkit-transition: background 0.4s ease-in-out 0.3s; transition: background 0s ease-in-out 0s; } .admin-bar { /* .pxl-header-sticky { top: 32px; @media screen and (max-width: 782px) { top: 46px; } @media screen and (max-width: 600px) { top: 0; } } .h-fixed{ top: 32px; @media screen and (max-width: 782px) { top: 46px; } @media screen and (max-width: 600px) { top: 0; } } */ } .admin-bar .pxl-header-fixed-top { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .pxl-header-fixed-top { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar .pxl-header-fixed-top { top: 0; } } @media (max-width: 1199px) { .pxl-header-mobile-transparent, .pxl-header-mobile-transparent-sticky { position: absolute; left: 0; right: 0; z-index: 1; } } .pxl-header-mobile-sticky { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; opacity: 0; z-index: 999; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -khtml-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -moz-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -ms-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; -o-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important; } .pxl-header-mobile-sticky.mh-fixed { opacity: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transform: translateY(0%); -khtml-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); } .pxl-header-mobile-sticky.pxl-header-mobile-rotate-x { -webkit-transition: all 0.3s ease-out !important; -khtml-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; -webkit-transform: perspective(300px) rotateX(-90deg); transform: perspective(300px) rotateX(-90deg); -webkit-transform-origin: top; -khtml-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .pxl-header-mobile-sticky.pxl-header-mobile-rotate-x.mh-fixed { -webkit-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg); } .pxl-header-mobile-main-sticky { z-index: 1; -webkit-transition: all 0.3s ease-out !important; -khtml-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } .pxl-header-mobile-main-sticky.mh-fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 99; -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -webkit-animation: 0.5s ease-out headerSlideDown; -khtml-animation: 0.5s ease-out headerSlideDown; -moz-animation: 0.5s ease-out headerSlideDown; -ms-animation: 0.5s ease-out headerSlideDown; -o-animation: 0.5s ease-out headerSlideDown; animation: 0.5s ease-out headerSlideDown; } .pxl-header-mobile-transparent-sticky { z-index: 1; } .pxl-header-mobile-transparent-sticky.mh-fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 99; -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -webkit-animation: 0.5s ease-out headerSlideDown; -khtml-animation: 0.5s ease-out headerSlideDown; -moz-animation: 0.5s ease-out headerSlideDown; -ms-animation: 0.5s ease-out headerSlideDown; -o-animation: 0.5s ease-out headerSlideDown; animation: 0.5s ease-out headerSlideDown; } .pxl-header-mobile-fixed-top { width: 100%; position: fixed; left: 0; top: 0; background-color: transparent; box-sizing: border-box; z-index: 99; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3 ease; } .logged-in { /* .pxl-header-mobile-sticky, .pxl-header-mobile-main-sticky, .pxl-header-mobile-transparent-sticky{ &.mh-fixed{ top: 32px; @media screen and (max-width: 782px) { top: 46px; } @media screen and (max-width: 600px) { top: 0; } } } */ } .logged-in .pxl-header-mobile-fixed-top { top: 32px; } @media screen and (max-width: 782px) { .logged-in .pxl-header-mobile-fixed-top { top: 46px; } } .header-mobile-nav { padding-top: 5px; padding-bottom: 5px; display: flex; align-items: center; } .menu-mobile-toggle-nav { display: inline-block; width: 32px; min-width: 32px; height: 22px; position: relative; text-decoration: none; cursor: pointer; } @media (max-width: 575px) { .menu-mobile-toggle-nav { height: 18px; min-width: 25px; } } .menu-mobile-toggle-nav span { position: absolute; right: 0; height: 2px; background-color: var(--primary-color); border-radius: 2px; -webkit-transition: width 0.3s linear 0s, background-color 0.3s ease; -khtml-transition: width 0.3s linear 0s, background-color 0.3s ease; -moz-transition: width 0.3s linear 0s, background-color 0.3s ease; -ms-transition: width 0.3s linear 0s, background-color 0.3s ease; -o-transition: width 0.3s linear 0s, background-color 0.3s ease; transition: width 0.3s linear 0s, background-color 0.3s ease; } .menu-mobile-toggle-nav span:nth-child(1) { width: 24px; top: 0; bottom: auto; } @media (max-width: 575px) { .menu-mobile-toggle-nav span:nth-child(1) { width: 18px; } } .menu-mobile-toggle-nav span:nth-child(2) { width: 32px; top: 10px; bottom: auto; } @media (max-width: 575px) { .menu-mobile-toggle-nav span:nth-child(2) { width: 25px; top: 8px; } } .menu-mobile-toggle-nav span:nth-child(3) { width: 18px; top: auto; bottom: 0; } @media (max-width: 575px) { .menu-mobile-toggle-nav span:nth-child(3) { width: 12px; } } .menu-mobile-toggle-nav:hover span { background-color: var(--second-color); } .menu-mobile-toggle-nav:hover span:nth-child(1) { width: 32px; } @media (max-width: 575px) { .menu-mobile-toggle-nav:hover span:nth-child(1) { width: 25px; } } .menu-mobile-toggle-nav:hover span:nth-child(2) { width: 18px; } @media (max-width: 575px) { .menu-mobile-toggle-nav:hover span:nth-child(2) { width: 12px; } } .menu-mobile-toggle-nav:hover span:nth-child(3) { width: 24px; } @media (max-width: 575px) { .menu-mobile-toggle-nav:hover span:nth-child(3) { width: 18px; } } .pxl-anchor-icon.menu-style-1 { display: inline-flex; align-items: center; justify-content: center; position: relative; text-decoration: none; cursor: pointer; padding: 17px 32px 16px; background-color: #fff; border-radius: 50px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pxl-anchor-icon.menu-style-1 .box-icon { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-around; width: 28px; min-width: 28px; height: 12px; } @media (max-width: 575px) { .pxl-anchor-icon.menu-style-1 .box-icon { width: 24px; min-width: 24px; } } .pxl-anchor-icon.menu-style-1 .box-icon span { position: relative; height: 2px; background-color: var(--heading-color); -webkit-transition: width 0.3s linear 0s, background-color 0.3s ease; -khtml-transition: width 0.3s linear 0s, background-color 0.3s ease; -moz-transition: width 0.3s linear 0s, background-color 0.3s ease; -ms-transition: width 0.3s linear 0s, background-color 0.3s ease; -o-transition: width 0.3s linear 0s, background-color 0.3s ease; transition: width 0.3s linear 0s, background-color 0.3s ease; } .pxl-anchor-icon.menu-style-1 .box-icon span:nth-child(1) { width: 19px; } @media (max-width: 575px) { .pxl-anchor-icon.menu-style-1 .box-icon span:nth-child(1) { width: 15px; } } .pxl-anchor-icon.menu-style-1 .box-icon span:nth-child(2) { width: 28px; } @media (max-width: 575px) { .pxl-anchor-icon.menu-style-1 .box-icon span:nth-child(2) { width: 24px; } } .pxl-anchor-icon.menu-style-1:hover .box-icon span:nth-child(1) { width: 28px; } @media (max-width: 575px) { .pxl-anchor-icon.menu-style-1:hover .box-icon span:nth-child(1) { width: 24px; } } .pxl-anchor-icon.menu-style-1:hover .box-icon span:nth-child(2) { width: 19px; } @media (max-width: 575px) { .pxl-anchor-icon.menu-style-1:hover .box-icon span:nth-child(2) { width: 15px; } } @media (max-width: 1199px) { .pxl-header-mobile .header-main-mobile { position: relative; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02); -khtml-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02); -ms-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02); -o-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.02); background-color: #fff; } .pxl-header-mobile .mobile-menu-toggle .bars { line-height: 1; cursor: pointer; } .pxl-header-mobile .mobile-menu-toggle .bars span { width: 30px; height: 3px; background-color: var(--second-color); display: block; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-header-mobile .mobile-menu-toggle .bars span:nth-child(2) { margin: 7px 0; } .pxl-header-mobile .mobile-menu-toggle .bars:hover span { background-color: var(--primary-color); } .header-mobile-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .header-mobile-content > * { max-width: 100%; } } .logo-default { display: block; } .logo-default.logo-desktop img { max-width: var(--logo-width); } .logo-default.logo-mobile { padding-top: 20px; padding-bottom: 20px; } .logo-default.logo-mobile img { max-width: var(--logo-mobile_width); } .pxl-primary-menu { padding: 0; margin: 0; list-style: none; margin-left: -20px; margin-right: -20px; display: flex; flex-wrap: wrap; } .pxl-primary-menu ul, .pxl-primary-menu ol { list-style: none; padding: 0; margin: 0; } .pxl-primary-menu li { position: relative; padding: 0; flex: 0 0 100%; width: 100%; max-width: 100%; } .pxl-primary-menu li:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: perspective(500px) rotateY(0); -khtml-transform: perspective(500px) rotateY(0); -moz-transform: perspective(500px) rotateY(0); -ms-transform: perspective(500px) rotateY(0); -o-transform: perspective(500px) rotateY(0); transform: perspective(500px) rotateY(0); } .pxl-primary-menu > li { flex: 0 0 auto; width: auto; margin: 0 20px; display: inline-flex; } .pxl-primary-menu > li:after { content: ""; width: 100%; height: 20px; position: absolute; left: 0; bottom: -12px; z-index: 2; } .pxl-primary-menu > li > a { color: var(--heading-color); font-size: 20px; font-weight: 400; font-family: var(--heading-font-family); line-height: 50px; letter-spacing: 0px; position: relative; display: inline-flex; align-items: center; } .pxl-primary-menu > li > a .pxl-icon { width: 10px; height: auto; font-size: 14px; display: inline-flex; position: absolute; top: 50%; left: -18px; opacity: 0; -webkit-transform: scaleY(0) translateY(-50%); -khtml-transform: scaleY(0) translateY(-50%); -moz-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); -o-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-primary-menu > li > a svg { width: 24px; height: auto; display: inline-flex; position: absolute; top: 50%; left: -24px; opacity: 0; -webkit-transform: scaleY(0) translateY(-50%); -khtml-transform: scaleY(0) translateY(-50%); -moz-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); -o-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; fill: var(--second-color); } .pxl-primary-menu > li > a::before { content: ""; position: absolute; background-color: var(--primary-color); left: 0; bottom: calc(50% - 8px); transform: translateY(50%); height: 4px; width: 0; transition: all 350ms ease-in-out 0s; z-index: -1; } .pxl-primary-menu > li > a:hover::before { width: 100%; } .pxl-primary-menu > li.active > a, .pxl-primary-menu > li.active > .main-menu-toggle, .pxl-primary-menu > li.current-menu-item > a, .pxl-primary-menu > li.current-menu-item > .main-menu-toggle, .pxl-primary-menu > li.current-menu-ancestor > a, .pxl-primary-menu > li.current-menu-ancestor > .main-menu-toggle, .pxl-primary-menu > li:hover > a, .pxl-primary-menu > li:hover > .main-menu-toggle { color: var(--heading-color); } .pxl-primary-menu > li.active > a .pxl-icon, .pxl-primary-menu > li.active > a svg, .pxl-primary-menu > li.current-menu-item > a .pxl-icon, .pxl-primary-menu > li.current-menu-item > a svg, .pxl-primary-menu > li.current-menu-ancestor > a .pxl-icon, .pxl-primary-menu > li.current-menu-ancestor > a svg, .pxl-primary-menu > li:hover > a .pxl-icon, .pxl-primary-menu > li:hover > a svg { opacity: 1; -webkit-transform: scaleY(1) translateY(-50%); -khtml-transform: scaleY(1) translateY(-50%); -moz-transform: scaleY(1) translateY(-50%); -ms-transform: scaleY(1) translateY(-50%); -o-transform: scaleY(1) translateY(-50%); transform: scaleY(1) translateY(-50%); } .pxl-primary-menu > li.active > a::before, .pxl-primary-menu > li.current-menu-item > a::before, .pxl-primary-menu > li.current-menu-ancestor > a::before, .pxl-primary-menu > li:hover > a::before { width: 100%; } .pxl-primary-menu > li.pxl-megamenu.current-menu-item:before, .pxl-primary-menu > li.pxl-megamenu.current-menu-ancestor:before { width: 0; height: 0; -webkit-transition: width 0.8s ease 0s, height 0.3s ease 0.3s; -khtml-transition: width 0.8s ease 0s, height 0.3s ease 0.3s; -moz-transition: width 0.8s ease 0s, height 0.3s ease 0.3s; -ms-transition: width 0.8s ease 0s, height 0.3s ease 0.3s; -o-transition: width 0.8s ease 0s, height 0.3s ease 0.3s; transition: width 0.8s ease 0s, height 0.3s ease 0.3s; } .pxl-primary-menu > li.pxl-megamenu.current-menu-item:hover:before, .pxl-primary-menu > li.pxl-megamenu.current-menu-ancestor:hover:before { width: 100%; height: 4px; } .pxl-primary-menu > li > .main-menu-toggle { line-height: 1; align-self: center; margin-left: 8px; font-weight: normal; color: var(--heading-color); font-size: 15px; margin-bottom: -2px; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-primary-menu > li > .main-menu-toggle:before { font-family: "pxli"; content: ""; } [dir="rtl"] .pxl-primary-menu > li > .main-menu-toggle { margin-left: 0; margin-right: 8px; } .pxl-primary-menu > li > .sub-menu { left: -15px; } [dir="rtl"] .pxl-primary-menu > li > .sub-menu { left: auto; right: -15px; } .pxl-primary-menu > li.active > a, .pxl-primary-menu > li.active > .main-menu-toggle, .pxl-primary-menu > li:hover > a, .pxl-primary-menu > li:hover > .main-menu-toggle { color: var(--heading-color); } .pxl-primary-menu > li.active > a .pxl-menu-title:after, .pxl-primary-menu > li.active > .main-menu-toggle .pxl-menu-title:after, .pxl-primary-menu > li:hover > a .pxl-menu-title:after, .pxl-primary-menu > li:hover > .main-menu-toggle .pxl-menu-title:after { background: var(--heading-color); } .pxl-primary-menu > li.active:before, .pxl-primary-menu > li:hover:before { background-color: var(--heading-color); } .pxl-primary-menu .sub-menu:not(.pxl-mega-menu) { padding: 15px; } .pxl-primary-menu .sub-menu { width: 230px; color: var(--heading-color); background-color: #FFFFFF; background-repeat: repeat-x; background-position: top left; position: absolute; top: calc(100% + 10px); left: 100%; z-index: 99; opacity: 0; visibility: hidden; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transform: perspective(500px) rotateY(20deg); -khtml-transform: perspective(500px) rotateY(20deg); -moz-transform: perspective(500px) rotateY(20deg); -ms-transform: perspective(500px) rotateY(20deg); -o-transform: perspective(500px) rotateY(20deg); transform: perspective(500px) rotateY(20deg); transform-origin: -50% 0%; -webkit-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09); -khtml-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09); -moz-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09); -ms-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09); -o-box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09); box-shadow: 0px 10px 40px 0px rgba(27, 26, 26, 0.09); -webkit-transition: transform 0.25s cubic-bezier(0, 0, 0.76, 1), opacity 0.25s cubic-bezier(0, 0, 0.76, 1); -khtml-transition: transform 0.25s cubic-bezier(0, 0, 0.76, 1), opacity 0.25s cubic-bezier(0, 0, 0.76, 1); -moz-transition: transform 0.25s cubic-bezier(0, 0, 0.76, 1), opacity 0.25s cubic-bezier(0, 0, 0.76, 1); -ms-transition: transform 0.25s cubic-bezier(0, 0, 0.76, 1), opacity 0.25s cubic-bezier(0, 0, 0.76, 1); -o-transition: transform 0.25s cubic-bezier(0, 0, 0.76, 1), opacity 0.25s cubic-bezier(0, 0, 0.76, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.76, 1), opacity 0.25s cubic-bezier(0, 0, 0.76, 1); } .pxl-primary-menu .sub-menu.back { left: auto; right: 100%; } [dir="rtl"] .pxl-primary-menu .sub-menu { left: auto; right: 100%; } [dir="rtl"] .pxl-primary-menu .sub-menu.back { right: auto; left: 100%; } .pxl-primary-menu .sub-menu a { -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .pxl-primary-menu .sub-menu li { padding: 0; } .pxl-primary-menu .sub-menu li:last-child a { border-bottom: 0; } .pxl-primary-menu .sub-menu li > .main-menu-toggle { line-height: 1; align-self: center; position: absolute; top: 50%; right: 15px; font-size: 15px; color: var(--body-color) !important; opacity: 1; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .pxl-primary-menu .sub-menu li > .main-menu-toggle:before { font-family: "pxli"; content: ""; } .pxl-primary-menu .sub-menu li > a { display: block; font-size: 16px; line-height: 1.5; font-weight: 400; padding: 14px 20px 14px 10px; color: var(--heading-color); background-color: transparent; border-bottom: 1px solid #e4e8ec; } .pxl-primary-menu .sub-menu li > a span { position: relative; } .pxl-primary-menu .sub-menu li > a span::before { content: ""; position: absolute; background-color: var(--primary-color); left: 0; bottom: 3px; height: 4px; width: 0; transition: all 350ms ease-in-out 0s; z-index: -1; } .pxl-primary-menu .sub-menu li > a:hover span:before { width: 100%; } .pxl-primary-menu .sub-menu li:hover > .sub-menu { top: -15px; } .pxl-primary-menu .sub-menu li:hover > .main-menu-toggle { color: var(--heading-color); } .pxl-primary-menu .sub-menu li.active > a, .pxl-primary-menu .sub-menu li.current-menu-item > a, .pxl-primary-menu .sub-menu li.current-menu-ancestor > a { background-color: transparent; } .pxl-primary-menu .sub-menu li.active > a span:before, .pxl-primary-menu .sub-menu li.current-menu-item > a span:before, .pxl-primary-menu .sub-menu li.current-menu-ancestor > a span:before { width: 100%; } .pxl-primary-menu .pxl-parent-menu-icon { float: right; } .pxl-primary-menu .pxl-parent-menu-icon:before { margin-left: 5px; } [dir="rtl"] .pxl-primary-menu .pxl-parent-menu-icon:before { margin-left: 0; margin-right: 5px; } [dir="rtl"] .pxl-primary-menu .pxl-parent-menu-icon { float: left; } .style-vr .pxl-primary-menu { margin-left: 0; margin-right: 0; padding: 0 30px; } .style-vr .pxl-primary-menu > li { margin: 0; flex: 0 0 100%; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .style-vr .pxl-primary-menu > li > * { max-width: 100%; } .style-vr .pxl-primary-menu > li > .main-menu-toggle { position: absolute; top: 50%; margin-top: -10px; right: 30px; font-size: 16px; } .style-vr .pxl-primary-menu > li > .main-menu-toggle:before { content: ""; } .style-vr .pxl-primary-menu > li > a { font-weight: normal; line-height: 60px; letter-spacing: 0.04em; text-transform: uppercase; } .style-vr .pxl-primary-menu > li.active > a, .style-vr .pxl-primary-menu > li.active > .main-menu-toggle, .style-vr .pxl-primary-menu > li.current-menu-item > a, .style-vr .pxl-primary-menu > li.current-menu-item > .main-menu-toggle, .style-vr .pxl-primary-menu > li.current-menu-ancestor > a, .style-vr .pxl-primary-menu > li.current-menu-ancestor > .main-menu-toggle, .style-vr .pxl-primary-menu > li:hover > a, .style-vr .pxl-primary-menu > li:hover > .main-menu-toggle { color: var(--heading-color); font-weight: 700; } .style-vr .pxl-primary-menu > li > .sub-menu { left: 0; right: 0; } [dir="rtl"] .style-vr .pxl-primary-menu > li > .sub-menu { left: 0; } .style-vr .pxl-primary-menu .sub-menu { top: 100%; left: 0; right: 0; width: 100%; text-align: center; padding: 30px 30px; } .style-vr .pxl-primary-menu .sub-menu a:hover { padding-left: 0; } .pxl-navigation .align-items-center { justify-content: end; } li.pxl-megamenu { position: static; } .pxl-mega-menu { max-width: var(--megamenu-max-width); } @media (min-width: 1200px) { .pxl-mega-menu { left: 50% !important; padding: 0; overflow: hidden; border-radius: 8px; -webkit-box-shadow: 0px 10px 20px 0px rgba(27, 26, 26, 0.3); -khtml-box-shadow: 0px 10px 20px 0px rgba(27, 26, 26, 0.3); -moz-box-shadow: 0px 10px 20px 0px rgba(27, 26, 26, 0.3); -ms-box-shadow: 0px 10px 20px 0px rgba(27, 26, 26, 0.3); -o-box-shadow: 0px 10px 20px 0px rgba(27, 26, 26, 0.3); box-shadow: 0px 10px 20px 0px rgba(27, 26, 26, 0.3); -webkit-transform: translate(-50%, 20px) !important; -khtml-transform: translate(-50%, 20px) !important; -moz-transform: translate(-50%, 20px) !important; -ms-transform: translate(-50%, 20px) !important; -o-transform: translate(-50%, 20px) !important; transform: translate(-50%, 20px) !important; } } @media (max-width: 1199px) { .pxl-mega-menu .elementor-section { background-image: none !important; background-color: transparent !important; } .pxl-mega-menu .elementor-background-overlay { background-image: none !important; background-color: transparent !important; } } .pxl-mega-menu .pxl-heading-wrap .heading-title { display: inline-flex; } .pxl-primary-menu li:hover > .sub-menu.pxl-mega-menu { -webkit-transform: translate(-50%, 0) !important; -khtml-transform: translate(-50%, 0) !important; -moz-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; -o-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; } .pxl-primary-menu .sub-menu.pxl-mega-menu { width: 100%; background-color: #fff; } .sub-menu.pxl-mega-menu { width: 100%; } .sub-menu.pxl-mega-menu .elementor-container .elementor-container { max-width: 100% !important; } @media (min-width: 1200px) { .header-main-menu .sub-menu.pxl-mega-menu { padding-left: 35px; padding-right: 35px; } .pxl-primary-menu .sub-menu.pxl-mega-menu a:not(.pxl-btn) { border-bottom: 0; overflow: visible; } .pxl-primary-menu .sub-menu.pxl-mega-menu a:not(.pxl-btn):before { display: none; } .pxl-primary-menu .sub-menu.pxl-mega-menu a:not(.pxl-btn):hover { background-color: transparent; } .pxl-primary-menu .sub-menu.pxl-mega-menu .current-menu-item > a:not(.pxl-btn), .pxl-primary-menu .sub-menu.pxl-mega-menu .current-menu-ancestor > a:not(.pxl-btn) { background-color: transparent; } } .pxl-nav-menu-mobile ul, .pxl-nav-menu-mobile ol { list-style: none; padding: 0; margin: 0; } .pxl-nav-menu-mobile ul li, .pxl-nav-menu-mobile ol li { position: relative; padding: 0; } .pxl-mobile-menu { padding: 0; margin: 0; list-style: none; } .pxl-mobile-menu > li { color: var(--link-color); position: relative; } .pxl-mobile-menu > li > a { padding: 10px 0; color: var(--link-color); font-family: var(--heading-font-family); font-size: 18px; font-weight: 500; display: inline-block; text-transform: capitalize; background-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .pxl-mobile-menu .menu-item:hover > a, .pxl-mobile-menu .menu-item:active > a, .pxl-mobile-menu .current-menu-item > a, .pxl-mobile-menu .current-menu-ancestor > a { color: #191B1D; background-color: transparent; } .pxl-mobile-menu .menu-item:active { color: var(--primary-color); } .pxl-mobile-menu .menu-item:active > a { color: var(--primary-color); background-color: transparent; } .pxl-mobile-menu .sub-menu { display: none; list-style: none; } .pxl-mobile-menu .sub-menu .menu-item { position: relative; color: var(--heading-color); } .pxl-mobile-menu .sub-menu .menu-item > a { padding: 5px 15px; display: inline-block; color: var(--heading-color); font-size: 16px; font-weight: 500; background-color: transparent; font-family: var(--heading-font-family); text-transform: capitalize; position: relative; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .pxl-mobile-menu .sub-menu .menu-item:hover, .pxl-mobile-menu .sub-menu .current-menu-item, .pxl-mobile-menu .sub-menu .current-menu-ancestor { color: var(--heading-color); } .pxl-mobile-menu .sub-menu .menu-item:hover > a, .pxl-mobile-menu .sub-menu .current-menu-item > a, .pxl-mobile-menu .sub-menu .current-menu-ancestor > a { color: var(--heading-color); background-color: transparent; } .pxl-mobile-menu .sub-menu .menu-item:active { color: var(--heading-color); } .pxl-mobile-menu .sub-menu .menu-item:active > a { color: var(--heading-color); background-color: transparent; } .pxl-mobile-menu .sub-menu .pxl-heading-wrap { display: none; } .pxl-mobile-menu .main-menu-toggle { cursor: pointer; display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 18px; position: absolute; right: -6px; text-align: center; top: 13px; background-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-border-radius: 4px 4px 0 4px; -khtml-border-radius: 4px 4px 0 4px; -moz-border-radius: 4px 4px 0 4px; -ms-border-radius: 4px 4px 0 4px; -o-border-radius: 4px 4px 0 4px; border-radius: 4px 4px 0 4px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .pxl-mobile-menu .main-menu-toggle:before { content: ""; font-family: "pxli"; } .pxl-mobile-menu .main-menu-toggle.open:before { content: ""; font-family: "pxli"; } .pxl-mobile-menu .sub-menu .main-menu-toggle { top: 5px; } .pxl-nav-menu-inner.style-2 ul { list-style: none; padding: 0; margin: 0; margin-left: -25px; margin-right: -25px; display: flex; flex-wrap: wrap; } @media (max-width: 1199px) { .pxl-nav-menu-inner.style-2 ul { margin-left: -15px; margin-right: -15px; } } @media (max-width: 575px) { .pxl-nav-menu-inner.style-2 ul { justify-content: center; } } .pxl-nav-menu-inner.style-2 ul li { position: relative; padding: 0; } .pxl-nav-menu-inner.style-2 ul > li { flex: 0 0 auto; width: auto; margin: 0 25px; display: inline-flex; } @media (max-width: 1199px) { .pxl-nav-menu-inner.style-2 ul > li { margin: 0 15px; } } .pxl-nav-menu-inner.style-2 ul > li > a { text-transform: uppercase; display: inline-block; color: #7e7e7e; font-size: 14px; letter-spacing: 0.1em; } @media (max-width: 1199px) { .pxl-nav-menu-inner.style-2 ul > li > a { letter-spacing: 0; } } .pxl-nav-menu-inner.style-2 ul > li.active > a, .pxl-nav-menu-inner.style-2 ul > li.active > .main-menu-toggle, .pxl-nav-menu-inner.style-2 ul > li.current-menu-item > a, .pxl-nav-menu-inner.style-2 ul > li.current-menu-item > .main-menu-toggle, .pxl-nav-menu-inner.style-2 ul > li.current-menu-ancestor > a, .pxl-nav-menu-inner.style-2 ul > li.current-menu-ancestor > .main-menu-toggle, .pxl-nav-menu-inner.style-2 ul > li:hover > a, .pxl-nav-menu-inner.style-2 ul > li:hover > .main-menu-toggle { color: #fff; } @media (min-width: 1200px) { .pxl-canvas-menu { padding: 0; margin: 0; list-style: none; } .pxl-canvas-menu ul, .pxl-canvas-menu ol { list-style: none; padding: 0; margin: 0; } .pxl-canvas-menu > li { position: relative; } .pxl-canvas-menu > li > a { padding: 10px 0; font-size: 40px; font-family: var(--heading-font-family); letter-spacing: 0.02em; font-weight: 700; position: relative; color: var(--heading-color); } .pxl-canvas-menu > li > a .pxl-menu-title { position: relative; } .pxl-canvas-menu > li > a .pxl-menu-title:after { content: ""; width: 0; height: 1px; background-color: var(--heading-color); position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-canvas-menu > li > a:active .pxl-menu-title:after, .pxl-canvas-menu > li > a:hover .pxl-menu-title:after { width: 100%; } .pxl-canvas-menu > li.current-menu-parent > a, .pxl-canvas-menu > li.current-menu-ancestor > a { color: var(--second-color); } .pxl-canvas-menu > li.current-menu-parent > a .pxl-menu-title:after, .pxl-canvas-menu > li.current-menu-ancestor > a .pxl-menu-title:after { background-color: var(--second-color); } .pxl-canvas-menu .sub-menu { display: none; list-style: none; padding: 8px 0 18px 3px; } .pxl-canvas-menu .sub-menu .menu-item { position: relative; color: var(--heading-color); } .pxl-canvas-menu .sub-menu .menu-item > a { padding: 2px 15px; display: inline-block; color: var(--heading-color); font-size: 18px !important; position: relative; } .pxl-canvas-menu .sub-menu .menu-item > a:before { position: absolute; content: ""; height: 5px; width: 5px; top: 50%; left: 0; background-color: var(--second-color); margin-top: -2.5px; border-radius: 50%; } .pxl-canvas-menu .sub-menu .menu-item:hover, .pxl-canvas-menu .sub-menu .menu-item:active, .pxl-canvas-menu .sub-menu .current-menu-item, .pxl-canvas-menu .sub-menu .current-menu-ancestor { color: var(--second-color); } .pxl-canvas-menu .sub-menu .menu-item:hover > a, .pxl-canvas-menu .sub-menu .menu-item:active > a, .pxl-canvas-menu .sub-menu .current-menu-item > a, .pxl-canvas-menu .sub-menu .current-menu-ancestor > a { color: var(--second-color); } .pxl-canvas-menu .pxl-mega-menu .elementor-section { padding: 0; } .pxl-canvas-menu .pxl-mega-menu .elementor-section .elementor-column { width: 100% !important; } .pxl-canvas-menu .pxl-mega-menu .elementor-section .elementor-column > .elementor-element-populated { padding: 0 !important; } .pxl-canvas-menu .pxl-mega-menu .hide-in-canvas-menu { display: none; } } @media (min-width: 1200px) and (max-width: 1599px) { .pxl-canvas-menu > li > a { font-size: 32px; } } @media (min-width: 1200px) and (min-width: 1200px) { .pxl-canvas-menu .pxl-mega-menu { width: auto; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transform: translate(0, 0) !important; -khtml-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } } .pxl-page-title-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(2, 13, 22, 0.5); z-index: -1; } .pxl-pagetitle.layout-df { background-color: rgba(2, 13, 22, 0.75); background-position: center 80%; background-repeat: no-repeat; background-size: auto; position: relative; padding-top: 80px; padding-bottom: 80px; color: #fff; overflow: hidden; } .pxl-pagetitle.layout-df .main-title { font-size: 60px; line-height: 1.31818182em; color: #f4f5f7; margin-bottom: 8px; word-wrap: break-word; position: relative; text-align: center; } @media (max-width: 1599px) { .pxl-pagetitle.layout-df .main-title { font-size: 54px; } } @media (max-width: 1399px) { .pxl-pagetitle.layout-df .main-title { font-size: 50px; } } @media (max-width: 1199px) { .pxl-pagetitle.layout-df .main-title { font-size: 42px; } } @media (max-width: 991px) { .pxl-pagetitle.layout-df .main-title { font-size: 38px; } } @media (max-width: 767px) { .pxl-pagetitle.layout-df .main-title { font-size: 36px; } } @media (max-width: 575px) { .pxl-pagetitle.layout-df .main-title { font-size: 32px; } } .pxl-pagetitle.layout-df .sub-title { color: #f8f9fa; text-align: center; max-width: 746px; } .pxl-pagetitle.layout-df.pxl-animate .pxl-page-title .main-title:after { clip-path: inset(0 0 0 0); } .pxl-pagetitle.layout-df .pxl-breadcrumb { display: flex; flex-wrap: wrap; margin-top: 60px; margin-bottom: -50px; } .pxl-pagetitle.layout-df .pxl-breadcrumb .breadcrumb-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .pxl-pagetitle.layout-df .pxl-breadcrumb .breadcrumb-inner > * { max-width: 100%; } .pxl-pagetitle.layout-df .pxl-breadcrumb .br-item { flex: 0 0 auto; max-width: 100%; color: #fff; display: inline-flex; align-items: center; } .pxl-pagetitle.layout-df .pxl-breadcrumb .br-item a { color: #fff; } .pxl-pagetitle.layout-df .pxl-breadcrumb .br-item:last-child .br-divider { display: none !important; } .pxl-pagetitle.layout-df .pxl-breadcrumb .br-divider { font-size: 14px; margin: 0 12px; display: inline-flex; } @media (max-width: 767px) { .pxl-pagetitle.layout-df .pxl-breadcrumb .br-divider { font-size: 12px; } } .pxl-pagetitle.layout-df .pxl-breadcrumb .br-item + .br-item::before { display: none; } .pxl-pt-wrap .main-title { font-size: 60px; line-height: 1.31818182em; color: #f4f5f7; margin-bottom: 8px; word-wrap: break-word; position: relative; text-align: center; } @media (max-width: 1599px) { .pxl-pt-wrap .main-title { font-size: 54px; } } @media (max-width: 1399px) { .pxl-pt-wrap .main-title { font-size: 50px; } } @media (max-width: 1199px) { .pxl-pt-wrap .main-title { font-size: 42px; } } @media (max-width: 991px) { .pxl-pt-wrap .main-title { font-size: 38px; } } @media (max-width: 767px) { .pxl-pt-wrap .main-title { font-size: 36px; } } @media (max-width: 575px) { .pxl-pt-wrap .main-title { font-size: 32px; } } .pxl-pt-wrap .sub-title { color: #f8f9fa; text-align: center; max-width: 746px; } .pxl-brc-wrap { display: flex; flex-wrap: wrap; } .pxl-brc-wrap .breadcrumb-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .pxl-brc-wrap .breadcrumb-inner > * { max-width: 100%; } .pxl-brc-wrap .br-item { flex: 0 0 auto; max-width: 100%; font-size: 20px; line-height: 1.3; color: #fff; display: inline-flex; align-items: center; } @media (max-width: 1199px) { .pxl-brc-wrap .br-item { font-size: 18px; } } @media (max-width: 767px) { .pxl-brc-wrap .br-item { font-size: 16px; } } .pxl-brc-wrap .br-item a { color: #fff; } .pxl-brc-wrap .br-item:last-child .br-divider { display: none !important; } .pxl-brc-wrap .br-divider { font-size: 14px; margin: 0 12px; display: inline-flex; } @media (max-width: 767px) { .pxl-brc-wrap .br-divider { font-size: 12px; } } .pxl-brc-wrap .br-divider svg { width: 14px; height: auto; fill: #fff; } .pxl-brc-wrap .br-item + .br-item::before { display: none; } .pxl-page { position: relative; overflow-x: clip; } .pxl-main { background-color: var(--content-bg-color); } .pxl-main:not(.page-builder-el) { /* padding-top: 120px; padding-bottom: 130px; @media (max-width: $lg_max){ padding-top: 100px; padding-bottom: 110px; } @media (max-width: $sm_max){ padding-top: 80px; padding-bottom: 90px; } */ padding-top: 80px; padding-bottom: 80px; } body.blog .pxl-main, body.archive .pxl-main, body.single-post .pxl-main, body.search-results .pxl-main { /* padding-top: 120px; padding-bottom: 130px; @media (max-width: $lg_max){ padding-top: 100px; padding-bottom: 110px; } @media (max-width: $sm_max){ padding-top: 80px; padding-bottom: 90px; } */ padding-top: 130px; padding-bottom: 130px; } @media (max-width: 1199px) { body.blog .pxl-main, body.archive .pxl-main, body.single-post .pxl-main, body.search-results .pxl-main { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { body.blog .pxl-main, body.archive .pxl-main, body.single-post .pxl-main, body.search-results .pxl-main { padding-top: 80px; padding-bottom: 80px; } } /* body.single-post{ .pxl-main{ padding-top: 0; padding-bottom: 80px; } } */ body.side-panel-open.pos-full::-webkit-scrollbar { height: 0; width: 0; background-color: transparent; } body.side-panel-open.pos-full::-webkit-scrollbar-track { border-radius: 0; } body.side-panel-open.pos-full::-webkit-scrollbar-thumb { border-radius: 0; background-color: transparent; } @media (min-width: 1200px) { .has-sidebar .content-blog .pxl-content-main { padding-right: 20px; } } @media (max-width: 991px) { .pxl-sidebar-area { margin-top: 80px; } } @media (max-width: 767px) { .pxl-sidebar-area { margin-top: 80px; } } .pxl-entry-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .pxl-entry-content > * { max-width: 100%; } .pxl-entry-content > div { width: 100%; max-width: 100%; box-sizing: border-box; flex-shrink: 0; } .pxl-content-wrap { --bs-gutter-x: 30px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .pxl-content-wrap .pxl-content-area { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } @media (min-width: 992px) { .pxl-content-wrap .pxl-content-area { width: 66.66666667%; } } .pxl-content-wrap .pxl-sidebar-area { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } @media (min-width: 992px) { .pxl-content-wrap .pxl-sidebar-area { width: 33.33333333%; } } @media (min-width: 992px) { .pxl-content-wrap.no-sidebar .pxl-content-area { flex: 0 0 auto; width: 100%; } } .error404 .pxl-main { padding-top: 0; padding-bottom: 0; } .error404 .page-404-wrap { background-color: #fff; background-repeat: no-repeat; background-size: cover; position: relative; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; height: 100vh; background-position: center bottom; padding-left: 15px; padding-right: 15px; } .error404 .page-404-wrap .page-404-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 115px; height: 100%; } @media (max-width: 1800px) { .error404 .page-404-wrap .page-404-content { padding-left: 65px; } } @media (max-width: 1599px) { .error404 .page-404-wrap .page-404-content { padding-left: 35px; } } @media (max-width: 991px) { .error404 .page-404-wrap .page-404-content { padding-left: 15px; } } @media (max-width: 1199px) { .error404 .page-404-wrap .img-404 { max-width: 30vw; } } @media (max-width: 767px) { .error404 .page-404-wrap .img-404 { max-width: 40vw; } } .error404 .page-404-wrap .title { font-size: 90px; line-height: 1.125; margin-bottom: 15px; margin-top: 8px; letter-spacing: 0; font-weight: 400; } @media (max-width: 1599px) { .error404 .page-404-wrap .title { font-size: 60px; } } @media (max-width: 1199px) { .error404 .page-404-wrap .title { font-size: 50px; } } @media (max-width: 991px) { .error404 .page-404-wrap .title { font-size: 40px; } } @media (max-width: 767px) { .error404 .page-404-wrap .title { font-size: 30px; } } .error404 .page-404-wrap .img-404-layer { margin-bottom: 20px; max-width: 35vw; } .error404 .page-404-wrap .desc { font-size: 26px; line-height: 1.3846153846; max-width: 920px; margin-bottom: 40px; margin-left: auto; margin-right: auto; color: var(--heading-color); } @media (max-width: 1599px) { .error404 .page-404-wrap .desc { max-width: 750px; } } @media (max-width: 1199px) { .error404 .page-404-wrap .desc { font-size: 20px; } } @media (max-width: 575px) { .error404 .page-404-wrap .desc { font-size: 16px; } } .pxl-archive-post { margin-bottom: 48px; } .pxl-archive-post:last-child { margin-bottom: 0; } .pxl-archive-post .post-featured { position: relative; overflow: hidden; margin-bottom: 35px; } .pxl-archive-post .post-content { position: relative; } .pxl-archive-post .post-category { margin-bottom: 30px; row-gap: 5px; } .pxl-archive-post .post-category a { background-color: #d4eee3; padding: 4px 15px; font-weight: 500; border-radius: 4px; font-size: 75%; color: #27a974; } .pxl-archive-post .pxli-thumbtack { width: 32px; height: 32px; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; background: var(--second-color); border-radius: 50%; margin-right: 3px; text-align: center; line-height: 32px; position: relative; top: -4px; } .pxl-archive-post .archive-feature + .post-content > .post-category { padding-top: 5px; } .pxl-archive-post .post-title { position: relative; margin-bottom: 12px; word-wrap: break-word; } .pxl-archive-post .post-excerpt { margin-top: 0; } .pxl-archive-post .post-readmore { margin-top: 24px; } .pxl-archive-post .feature-video iframe, .pxl-archive-post .feature-audio iframe { width: 100% !important; height: auto !important; aspect-ratio: 1.7777777778; border-radius: 20px; } .pxl-archive-post.type-services .archive-feature img { width: 100%; } .pxl-archive-post.type-services .post-content .post-category { margin-bottom: 0; padding-top: 0; } .pxl-single-page p:last-child { clear: both; } .pxl-single-page p:last-child img[class*="align"] { margin-bottom: 0; } .content-post .elementor-widget-image { overflow: hidden; } .content-post .elementor-widget-pxl_video { overflow: hidden; } .pxl-single-post .post-head { position: relative; margin-top: -152px; border-radius: 16px; background-color: #fff; padding: 24px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); margin-bottom: 80px; } @media (max-width: 767px) { .pxl-single-post .post-head { margin-bottom: 50px; } } .pxl-single-post .post-head .post-author { padding: 8px 16px; } .pxl-single-post .post-head .author-avatar img { width: 48px; border-radius: 50%; } .pxl-single-post .post-category a { padding: 4px 15px; font-weight: 500; border-radius: 4px; font-size: 75%; color: var(--third-color); } .pxl-single-post .post-category a:hover { color: var(--primary-color); background-color: var(--primary-color); } .pxl-single-post .post-title { font-size: 70px; margin-bottom: 22px; text-align: center; } @media (max-width: 991px) { .pxl-single-post .post-title { font-size: 60px; } } @media (max-width: 767px) { .pxl-single-post .post-title { font-size: 43px; margin-bottom: 10px; } } @media (max-width: 575px) { .pxl-single-post .post-title { font-size: 36px; } } .pxl-single-post .post-featured { position: relative; overflow: hidden; margin-bottom: 73px; margin-top: 98px; } .pxl-single-post .post-featured img { width: 100%; max-height: 800px; object-fit: cover; } @media (max-width: 991px) { .pxl-single-post .post-featured { margin-bottom: 50px; margin-top: 50px; } } @media (max-width: 767px) { .pxl-single-post .post-featured { margin-top: 30px; } .pxl-single-post .post-featured img { min-height: 400px; } } .pxl-single-post .content-inner { color: var(--body-color); } .pxl-single-post .content-inner > p:first-child > iframe { margin-top: 8px; } .pxl-single-post .post-author { justify-content: center; } .pxl-single-post .post-author .post-date, .pxl-single-post .post-author .author-name { font-weight: 500; font-size: 16px; line-height: 35px; text-transform: uppercase; color: var(--body-color); } .pxl-single-post .post-author .author-name { position: relative; margin-left: 25px; } .pxl-single-post .post-author .author-name a { width: fit-content; color: var(--body-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--body-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-single-post .post-author .author-name a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-single-post .post-author .author-name a:hover { color: inherit; } .pxl-single-post .post-author .author-name::before { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%) rotate(35deg); width: 1px; height: 15px; background-color: var(--body-color); } .pxl-single-post .sidebar-sticky-wrap { position: -webkit-sticky; position: sticky; top: 30px; -webkit-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -khtml-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -moz-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -ms-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -o-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); } .pxl-single-post .post-shares { position: absolute; height: 100%; left: -201px; } @media (max-width: 1399px) { .pxl-single-post .post-shares { left: -120px; } } @media (max-width: 1199px) { .pxl-single-post .post-shares { position: relative; left: 0; margin-bottom: 25px; } } @media (max-width: 575px) { .pxl-single-post .post-shares { margin-bottom: 15px; } } .pxl-single-post .post-shares .mb-05 { font-weight: 400; font-size: 14px; line-height: 2.5em; color: var(--body-color); margin-bottom: 4px; } @media (max-width: 1199px) { .pxl-single-post .post-shares .mb-05 { line-height: 1em; } } .pxl-single-post .post-shares .social-share { font-weight: 400; font-size: 16px; line-height: 2.5em; color: var(--heading-color); text-transform: uppercase; } .pxl-single-post .post-shares .social-share a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; background-size: 0% 90%; } .pxl-single-post .post-shares .social-share a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-single-post .post-shares .social-share a:hover { background-size: 100% 90%; } @media (max-width: 1199px) { .pxl-single-post .post-shares .social-share { display: flex; gap: 15px; } } .pxl-single-post .post-tags > span { font-weight: 400; font-size: 16px; line-height: 35px; } .pxl-single-post .post-boxfooter { max-width: 1350px; margin-left: auto; margin-right: auto; padding: 0 15px; } .post-author-summary { border: 1px solid rgba(25, 27, 29, 0.1); border-radius: 6px; padding: 24px; margin-top: 30px; } .post-author-summary .post-author { margin-bottom: 16px; } .post-author-summary .author-avatar img { width: 48px; border-radius: 50%; } .post-author-summary .author-role { margin-top: 2px; } .post-author-summary .author-desc { margin-bottom: 16px; } .post-author-summary .author-social .social-item a { color: #455873; font-size: 20px; } .post-author-summary .author-social .social-item a:hover { color: var(--primary-color); } .post-footer { margin-top: 58px; border-top: 1px solid rgba(25, 27, 29, 0.1); padding-top: 11px; } .post-shares .social-item a span { margin-right: 4px; } .post-tags-inner { gap: 26px; padding-left: 12px; } @media (max-width: 575px) { .post-tags-inner { padding-left: 15px; } } .post-tags-inner a { font-weight: 400; font-size: 16px; line-height: 35px; width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; background-size: 0% 95%; } .post-tags-inner a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .post-tags-inner a:hover { color: var(--heading-color); background-size: 100% 95%; } .post-author-info .author-avatar img { flex-shrink: 0; max-width: 75px; border-radius: 7px; margin-right: 24px; overflow: hidden; } .post-author-info .author-description .title-socials { margin-bottom: 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .post-author-info .author-description .title-socials > * { max-width: 100%; } .post-author-info .author-description .title-socials small { display: block; font-size: 14px; font-weight: normal; } .post-author-info .author-description .title-socials .author-name { font-size: 18px; letter-spacing: -0.03em; color: var(--second-color); font-weight: 500; } .post-author-info .author-description .title-socials .author-name a { color: inherit; } .post-author-info .author-description .title-socials .author-name a:hover { color: var(--link-color); } .post-like-area { border-radius: 0.375rem; padding: 1rem; } .post-like-area .btn-group { border-radius: 0.375rem; } .post-like-area .pxl-like-trigger { border-top-right-radius: 0; border-bottom-right-radius: 0; } .post-like-area .pxl-dislike-trigger { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .post-single-1 { max-width: 100%; padding: 0; } .post-single-1 .pxl-content-wrap.no-sidebar .pxl-content-area .post-box-content { position: relative; max-width: 905px; margin: auto; padding: 0 15px; } .post-single-1 .pxl-content-wrap.no-sidebar .pxl-content-area.layout-2 .post-box-content-title { max-width: 1158px; margin: auto; padding: 0 15px; } .post-single-1 .pxl-content-wrap.no-sidebar .pxl-content-area.layout-3 .post-box-content-title { max-width: 917px; margin: auto; padding: 0 15px; } .post-single-1 .pxl-content-wrap.has-sidebar { padding: 0 30px; } .pxl-related-post { margin-top: 120px; } @media (max-width: 991px) { .pxl-related-post { margin-top: 100px; } } @media (max-width: 767px) { .pxl-related-post { margin-top: 80px; } } @media (max-width: 575px) { .pxl-related-post { margin-top: 60px; } } .pxl-related-post .related-title { font-weight: 600; font-size: 70px; line-height: 1; color: var(--heading-color); margin-bottom: 0; } @media (max-width: 991px) { .pxl-related-post .related-title { font-size: 60px; width: 100%; margin-bottom: 15px; } } @media (max-width: 767px) { .pxl-related-post .related-title { font-size: 43px; } } @media (max-width: 575px) { .pxl-related-post .related-title { font-size: 36px; } } .pxl-related-post .description-related { padding-left: 10px; } @media (max-width: 991px) { .pxl-related-post .description-related { width: 50%; padding-left: 15px; } } @media (max-width: 575px) { .pxl-related-post .description-related { width: 100%; } } .pxl-related-post .related-des { font-weight: 400; font-size: 20px; line-height: 1.5em; color: #888888; max-width: 360px; display: flex; } @media (max-width: 575px) { .pxl-related-post .related-des { font-size: 16px; } } .pxl-related-post .button-more { display: flex; justify-content: end; } .pxl-related-post .button-more .pxl-btn-round::before { z-index: -1; } @media (max-width: 991px) { .pxl-related-post .button-more { width: 50%; } .pxl-related-post .button-more .pxl-btn-round { padding: 5px; width: 95px; height: 95px; } } @media (max-width: 575px) { .pxl-related-post .button-more { width: 100%; justify-content: start; margin-top: 25px; } .pxl-related-post .button-more .pxl-btn-round { font-size: 16px; line-height: 18px; width: 85px; height: 85px; } } .pxl-related-post .ralated-box-title { align-items: center; margin-bottom: 50px; } @media (max-width: 991px) { .pxl-related-post .ralated-box-title { align-items: start; } } .pxl-related-post .grid-item-inner .item-featured { overflow: hidden; } .pxl-related-post .grid-item-inner .item-featured img { min-height: 470px; object-fit: cover; max-height: 470px; width: 100%; -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.03) translateX(-3px); transform: scale(1.03) translateX(-3px); } @media (max-width: 575px) { .pxl-related-post .grid-item-inner .item-featured img { min-height: 400px; max-height: 400px; } } .pxl-related-post .grid-item-inner .item-featured:hover img { -webkit-transform: scale(1.03) translateX(3px); transform: scale(1.03) translateX(3px); } .pxl-related-post .grid-item-inner .item-content { margin-top: 22px; } .pxl-related-post .grid-item-inner .item-title { margin-bottom: 0; display: -webkit-box; max-height: 35px*em; font-size: 28px; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -khtml-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-related-post .grid-item-inner .item-title > * { display: -webkit-box; max-height: 35px*em; font-size: 28px; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -khtml-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-related-post .grid-item-inner .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; background-size: 0% 90%; } .pxl-related-post .grid-item-inner .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-related-post .grid-item-inner .item-title a:hover { background-size: 100% 90%; } @media (max-width: 575px) { .pxl-related-post .grid-item-inner .item-title { display: -webkit-box; max-height: 27.5px*em; font-size: 22px; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -khtml-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-related-post .grid-item-inner .item-title > * { display: -webkit-box; max-height: 27.5px*em; font-size: 22px; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -khtml-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } } .pxl-related-post .grid-item-inner .item-meta { font-weight: 500; font-size: 16px; line-height: 35px; color: var(--body-color); text-transform: capitalize; } .pxl-related-post .grid-item-inner .item-meta .item-name { margin-left: 5px; } .pxl-related-post .grid-item-inner .item-meta .item-name > a { width: fit-content; color: var(--body-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--body-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-related-post .grid-item-inner .item-meta .item-name > a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-related-post .grid-item-inner .item-meta .item-date { margin-right: 5px; } .pxl-content-area.layout-2 .post-title { text-transform: uppercase; } .pxl-content-area.layout-2 .post-author .author-name::before { background-color: var(--second-color); } .pxl-content-area.layout-2 .post-shares .mb-05 { color: var(--second-color); font-family: var(--body-font-family); text-transform: capitalize; } .pxl-content-area.layout-2 .post-tags-inner a { background-position-y: -6px; } .pxl-content-area.layout-2 .pxl-related-post { margin-top: 150px; } @media (max-width: 991px) { .pxl-content-area.layout-2 .pxl-related-post { margin-top: 110px; } } @media (max-width: 767px) { .pxl-content-area.layout-2 .pxl-related-post { margin-top: 90px; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .pxl-related-post { margin-top: 70px; } } .pxl-content-area.layout-2 .pxl-related-post .related-title { font-size: 60px; font-weight: 400; line-height: 70px; text-transform: uppercase; } @media (max-width: 991px) { .pxl-content-area.layout-2 .pxl-related-post .related-title { max-width: 560px; } } @media (max-width: 767px) { .pxl-content-area.layout-2 .pxl-related-post .related-title { font-size: 43px; line-height: 53px; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .pxl-related-post .related-title { font-size: 36px; line-height: 46px; } } .pxl-content-area.layout-2 .pxl-related-post .description-related { padding-left: 32px; display: flex; justify-content: center; } @media (max-width: 991px) { .pxl-content-area.layout-2 .pxl-related-post .description-related { padding-left: 15px; width: 70%; justify-content: start; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .pxl-related-post .description-related { width: 100%; } } .pxl-content-area.layout-2 .pxl-related-post .related-des { color: var(--body-color); } .pxl-content-area.layout-2 .pxl-related-post .button-more .pxl-btn-round { font-weight: 400; font-family: var(--body-font-family); padding: 31.5px; } @media (max-width: 991px) { .pxl-content-area.layout-2 .pxl-related-post .button-more .pxl-btn-round { padding: 12px; } } @media (max-width: 991px) { .pxl-content-area.layout-2 .pxl-related-post .button-more { width: 30%; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .pxl-related-post .button-more { width: 100%; } } .pxl-content-area.layout-2 .pxl-related-post .item-featured { border-radius: 20px; overflow: hidden; } @media (max-width: 575px) { .pxl-content-area.layout-2 .pxl-related-post .item-featured { border-radius: 12px; } } .pxl-content-area.layout-2 .pxl-related-post .ralated-box-title { margin-bottom: 64px; } .pxl-content-area.layout-2 .pxl-related-post .grid-item-inner .item-title { font-weight: 500; font-family: var(--body-font-family); text-transform: none; } .pxl-content-area.layout-2 .pxl-related-post .grid-item-inner .item-meta { text-transform: uppercase; } .pxl-content-area.layout-2 .pxl-related-post .grid-item-inner .item-content { margin-top: 0; } .pxl-content-area.layout-2 .pxl-related-post .grid-item-inner:hover .pxl-readmore { transform: translateX(0) rotate(0); opacity: 1; } .pxl-content-area.layout-2 .pxl-related-post .box-content-button { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; } .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore { width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; opacity: 0; transform: translateX(-100%) rotate(-360deg); transition: all 0.5s ease-out; } .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore .pxl-icon { overflow: hidden; } .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore i { font-size: 24px; color: var(--heading-color); } .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore:hover { color: initial; } .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore:hover i { animation: toTopFromBottom 0.4s forwards; } @media (max-width: 575px) { .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore { width: 50px; height: 50px; } } .pxl-content-area.layout-2 .pxl-related-post .pxl-swiper-slide:nth-child(even) .grid-item-inner { margin-top: 70px; } @media (max-width: 767px) { .pxl-content-area.layout-2 .pxl-related-post .pxl-swiper-slide:nth-child(even) .grid-item-inner { margin-top: 0; } } .pxl-content-area.layout-3 .post-title { text-transform: capitalize; font-weight: 500; } .pxl-content-area.layout-3 .post-author .author-name::before { background-color: var(--second-color); } .pxl-content-area.layout-3 .post-tags-inner a { background-position-y: -6px; } .pxl-content-area.layout-3 .pxl-related-post .related-title { font-weight: 500; } .pxl-content-area.layout-3 .pxl-related-post .button-more .pxl-btn-round { padding: 31px; } @media (max-width: 991px) { .pxl-content-area.layout-3 .pxl-related-post .button-more .pxl-btn-round { padding: 12px; } } .pxl-content-area.layout-3 .pxl-related-post .item-featured { border-radius: 20px; overflow: hidden; } @media (max-width: 575px) { .pxl-content-area.layout-3 .pxl-related-post .item-featured { border-radius: 12px; } } body.dark-mode .pxl-content-area.layout-2 .pxl-related-post .box-content-button .pxl-readmore i { color: #191B1D; } .single-next-prev-nav { position: relative; margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(25, 27, 29, 0.1); } .single-next-prev-nav .divider { width: 30px; padding: 0 15px; } .single-next-prev-nav .nav-inner { display: inline-block; position: relative; } .single-next-prev-nav .nav-inner > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } @media (min-width: 576px) { .single-next-prev-nav .nav-label-wrap { margin-bottom: 15px; } } .single-next-prev-nav .nav-label { color: var(--heading-color); position: relative; line-height: 1; display: inline-block; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .single-next-prev-nav .nav-icon { font-weight: 700; font-size: 17px; margin-top: -4px; display: inline-block; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .single-next-prev-nav .prev .nav-icon { margin-right: 7px; } .single-next-prev-nav .prev .nav-img { margin-right: 20px; } @media (max-width: 575px) { .single-next-prev-nav .prev .nav-img { margin-right: 15px; } } .single-next-prev-nav .next .nav-icon { margin-left: 7px; } .single-next-prev-nav .next .nav-img { margin-left: 20px; } @media (max-width: 575px) { .single-next-prev-nav .next .nav-img { margin-left: 15px; } } .single-next-prev-nav .nav-img { overflow: hidden; position: relative; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .single-next-prev-nav .nav-img img { width: 60px; border-radius: 6px; } @media (max-width: 575px) { .single-next-prev-nav .nav-img img { width: 50px; } } @media (max-width: 480px) { .single-next-prev-nav .nav-img img { width: 40px; } } .single-next-prev-nav .nav-title { font-style: normal; font-weight: 700; font-size: 16px; line-height: 1.5; color: var(--link-color); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); display: block; display: -webkit-box; max-height: 48px; font-size: 16px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .single-next-prev-nav .nav-title > * { display: block; display: -webkit-box; max-height: 48px; font-size: 16px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .single-next-prev-nav .nav-next-prev:hover .nav-icon { color: var(--second-color); } .single-next-prev-nav .nav-next-prev:hover .nav-label { color: var(--second-color); } .single-next-prev-nav .nav-next-prev:hover .nav-img { opacity: 0.8; } .single-next-prev-nav .nav-next-prev:hover .nav-title { color: var(--second-color); } .posts-pagination { padding-top: 80px; } .posts-pagination:empty { display: none; } .posts-pagination .pagination-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: -5px; align-items: center; } .posts-pagination .pagination-inner > * { max-width: 100%; } .posts-pagination .page-numbers, .posts-pagination .post-page-numbers { flex: 0 0 auto; margin: 5px 2.5px; padding: 0.6rem 0.9rem; vertical-align: top; text-align: center; font-size: 15px; line-height: 1; font-weight: 500; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000000; border-radius: 2px; } .posts-pagination .page-numbers:hover, .posts-pagination .post-page-numbers:hover { background-color: var(--heading-color); color: var(--primary-color); } .posts-pagination .page-numbers.current, .posts-pagination .post-page-numbers.current { background: var(--heading-color); color: var(--primary-color); } .posts-pagination.page-links { justify-content: start; } .pxl-grid .posts-pagination { padding-top: 50px; } .content-blog .pagination-inner { justify-content: center; } .comment-list-wrap .navigation { justify-content: flex-end; } .pxl-entry-content + .navigation.page-links { margin-top: 0; } .navigation.page-links { margin-top: 26px; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .navigation.page-links > * { max-width: 100%; } .navigation.page-links .post-nav-links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .navigation.page-links .post-nav-links > * { max-width: 100%; } .navigation.page-links .post-nav-links .post-page-numbers:first-child { margin-left: 5px; } .navigation.page-links .post-page-numbers { flex: 0 0 auto; margin: 5px 2.5px; padding: 0.6rem 0.9rem; vertical-align: top; text-align: center; font-size: 15px; line-height: 1; font-weight: 500; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000000; border-radius: 2px; } .navigation.page-links .post-page-numbers:hover { background-color: var(--heading-color); color: var(--primary-color); } .navigation.page-links .post-page-numbers.prev:hover, .navigation.page-links .post-page-numbers.next:hover { background-color: transparent; } .navigation.page-links .post-page-numbers.current { background: var(--heading-color); color: var(--primary-color); } .pxl-load-more { margin-top: 73px; } @media (max-width: 767px) { .pxl-load-more { margin-top: 50px; } } .pxl-load-more .btn-grid-loadmore { min-width: 156px; } .pxl-load-more .btn-grid-loadmore { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .pxl-load-more .btn-grid-loadmore > * { max-width: 100%; } .pxl-load-more .pxl-icon { opacity: 1; visibility: visible; -webkit-transition: all 0.1s ease; -khtml-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .pxl-load-more .btn-text { display: inline-block; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s ease; -khtml-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } .pxl-load-more .loading .pxli-rotate { visibility: visible; -webkit-animation: spin 1s infinite linear; -khtml-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /* Sticky Sidebar */ .sidebar-sticky .sidebar-sticky-wrap { position: -webkit-sticky; position: sticky; top: 30px; -webkit-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -khtml-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -moz-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -ms-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); -o-transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); transition: all 0.55s cubic-bezier(0.39, 0.58, 0.57, 1); } @media (min-width: 992px) { .sidebar-sticky .sidebar-area-wrap, .sidebar-sticky .elementor-widget-sidebar { position: -webkit-sticky; position: sticky; top: 70px; } } .pxl-widget-title { margin-bottom: 25px; } .elementor-widget-sidebar .widget, .pxl-sidebar-area .widget { position: relative; background-color: #fff; border: 1px solid rgba(25, 27, 29, 0.1); padding: 0 16px 24px 16px; border-radius: 6px; } .elementor-widget-sidebar .widget ul, .elementor-widget-sidebar .widget ol, .pxl-sidebar-area .widget ul, .pxl-sidebar-area .widget ol { list-style: none; margin: 0; } .elementor-widget-sidebar .widget ul ul, .elementor-widget-sidebar .widget ul ol, .elementor-widget-sidebar .widget ol ul, .elementor-widget-sidebar .widget ol ol, .pxl-sidebar-area .widget ul ul, .pxl-sidebar-area .widget ul ol, .pxl-sidebar-area .widget ol ul, .pxl-sidebar-area .widget ol ol { padding-left: 15px; } [dir="rlt"] .elementor-widget-sidebar .widget ul ul, [dir="rlt"] .elementor-widget-sidebar .widget ul ol, [dir="rlt"] .elementor-widget-sidebar .widget ol ul, [dir="rlt"] .elementor-widget-sidebar .widget ol ol, [dir="rlt"] .pxl-sidebar-area .widget ul ul, [dir="rlt"] .pxl-sidebar-area .widget ul ol, [dir="rlt"] .pxl-sidebar-area .widget ol ul, [dir="rlt"] .pxl-sidebar-area .widget ol ol { padding-left: 0; padding-right: 15px; } .elementor-widget-sidebar .widget.widget_search, .pxl-sidebar-area .widget.widget_search { border: none; padding: 0; background-color: transparent; } .elementor-widget-sidebar .widget-title, .pxl-sidebar-area .widget-title { color: #fff; font-weight: 600; padding: 12px 16px; margin-left: -16px; margin-right: -16px; margin-bottom: 24px; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; } .elementor-widget-sidebar .widget-title span, .pxl-sidebar-area .widget-title span { position: relative; } .elementor-widget-sidebar .widget-title a, .pxl-sidebar-area .widget-title a { color: inherit; } .elementor-widget-sidebar .widget-title:before, .pxl-sidebar-area .widget-title:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: 0; background-color: var(--heading-color); border-top-left-radius: 6px; border-top-right-radius: 6px; } .elementor-widget-sidebar .widget + .widget, .pxl-sidebar-area .widget + .widget { margin-top: 40px; } .elementor-widget-sidebar p:empty, .pxl-sidebar-area p:empty { display: none; } .elementor-widget-sidebar .wp-caption .wp-caption-text, .pxl-sidebar-area .wp-caption .wp-caption-text { text-align: center; } .widget_archive, .widget_categories, .widget_pages, .widget_nav_menu, .widget_product_categories, .woocommerce-widget-layered-nav, .woocommerce-widget-layered-nav-list, .widget_layered_nav_filters { margin-bottom: 0; padding-bottom: 8px !important; } .widget_archive .widget-title, .widget_categories .widget-title, .widget_pages .widget-title, .widget_nav_menu .widget-title, .widget_product_categories .widget-title, .woocommerce-widget-layered-nav .widget-title, .woocommerce-widget-layered-nav-list .widget-title, .widget_layered_nav_filters .widget-title { margin-bottom: 8px; } .widget_archive .widget-content > ul, .widget_categories .widget-content > ul, .widget_pages .widget-content > ul, .widget_nav_menu .widget-content > ul, .widget_product_categories .widget-content > ul, .woocommerce-widget-layered-nav .widget-content > ul, .woocommerce-widget-layered-nav-list .widget-content > ul, .widget_layered_nav_filters .widget-content > ul { overflow: hidden; } .widget_archive .widget-content > ul > li:last-child a:after, .widget_categories .widget-content > ul > li:last-child a:after, .widget_pages .widget-content > ul > li:last-child a:after, .widget_nav_menu .widget-content > ul > li:last-child a:after, .widget_product_categories .widget-content > ul > li:last-child a:after, .woocommerce-widget-layered-nav .widget-content > ul > li:last-child a:after, .woocommerce-widget-layered-nav-list .widget-content > ul > li:last-child a:after, .widget_layered_nav_filters .widget-content > ul > li:last-child a:after { display: none; } .widget_pages .widget-content > ul, .widget_meta .widget-content > ul, .widget_nav_menu .widget-content > ul { overflow: hidden; } .widget_pages .widget-content > ul > li:last-child a:after, .widget_meta .widget-content > ul > li:last-child a:after, .widget_nav_menu .widget-content > ul > li:last-child a:after { display: none; } .widget_pages .widget-content > div, .widget_meta .widget-content > div, .widget_nav_menu .widget-content > div { overflow: hidden; } .widget_pages .widget-content > div > ul > li:last-child a:after, .widget_meta .widget-content > div > ul > li:last-child a:after, .widget_nav_menu .widget-content > div > ul > li:last-child a:after { display: none; } .widget_pages li, .widget_meta li, .widget_nav_menu li { position: relative; } @media (max-width: 575px) { .widget_pages li, .widget_meta li, .widget_nav_menu li { margin-left: 0; margin-right: 0; padding: 5px 0; } } .widget_pages a, .widget_meta a, .widget_nav_menu a { display: flex; flex-wrap: wrap; align-items: center; position: relative; font-size: 18px; line-height: 24px; font-weight: 600; padding: 18px 0 18px 0; -webkit-transform: translateX(-22px); -khtml-transform: translateX(-22px); -moz-transform: translateX(-22px); -ms-transform: translateX(-22px); -o-transform: translateX(-22px); transform: translateX(-22px); } @media (max-width: 1199px) { .widget_pages a, .widget_meta a, .widget_nav_menu a { font-size: 16px; padding: 15px 0 15px 0; } } @media (max-width: 575px) { .widget_pages a, .widget_meta a, .widget_nav_menu a { padding: 12px 0 12px 0; } } .widget_pages a:before, .widget_meta a:before, .widget_nav_menu a:before { content: ""; font-family: "pxli"; font-size: 12px; width: 12px; display: inline-block; margin-right: 10px; opacity: 0; color: var(--second-color); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .widget_pages a:after, .widget_meta a:after, .widget_nav_menu a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; min-width: 800px; border-top: 1px solid rgba(25, 27, 29, 0.6); -webkit-transform: translateX(-30%); -khtml-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } .widget_pages a:hover, .widget_meta a:hover, .widget_nav_menu a:hover { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .widget_pages a:hover:before, .widget_meta a:hover:before, .widget_nav_menu a:hover:before { opacity: 1; } .widget_pages .children, .widget_meta .children, .widget_nav_menu .children { padding-left: 15px; } .pxl-list-item, .wc-layered-nav-term { position: relative; } .pxl-list-item a, .wc-layered-nav-term a { display: flex; flex-wrap: wrap; align-items: center; position: relative; font-weight: 600; padding: 16px 0 16px 0; } @media (max-width: 575px) { .pxl-list-item a, .wc-layered-nav-term a { padding: 12px 0 12px 0; } } .pxl-list-item a > .count, .wc-layered-nav-term a > .count { margin-left: 4px; } .pxl-list-item a:after, .wc-layered-nav-term a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; min-width: 800px; border-top: 1px solid rgba(25, 27, 29, 0.6); -webkit-transform: translateX(-30%); -khtml-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } .pxl-list-item a:hover, .wc-layered-nav-term a:hover { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pxl-list-item a:hover:before, .wc-layered-nav-term a:hover:before { opacity: 1; } .pxl-list-item a .title, .wc-layered-nav-term a .title { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-list-item a .title:hover, .wc-layered-nav-term a .title:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-list-item.current-cat a:before, .wc-layered-nav-term.current-cat a:before { opacity: 1; font-size: 14px; margin-right: 10px; } .pxl-list-item .pxl-menu-toggle, .wc-layered-nav-term .pxl-menu-toggle { width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: 12px; right: -8px; cursor: pointer; z-index: 2; } .pxl-list-item .pxl-menu-toggle:hover, .wc-layered-nav-term .pxl-menu-toggle:hover { color: var(--link-color-hover); } [dir="rtl"] .pxl-list-item .pxl-menu-toggle, [dir="rtl"] .wc-layered-nav-term .pxl-menu-toggle { right: auto; left: 0; } .pxl-list-item .pxl-menu-toggle.open:before, .wc-layered-nav-term .pxl-menu-toggle.open:before { content: ""; } .pxl-list-item .children, .wc-layered-nav-term .children { padding-left: 15px; } .widget_nav_menu .menu-item { position: relative; } .widget_nav_menu .menu-item .pxl-menu-toggle { width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: 6px; right: 0; cursor: pointer; z-index: 2; font-size: 13px; margin-top: 4px; } .widget_nav_menu .menu-item .pxl-menu-toggle:hover { color: var(--link-color-hover); } [dir="rtl"] .widget_nav_menu .menu-item .pxl-menu-toggle { right: auto; left: 0; } .widget_nav_menu .menu-item .pxl-menu-toggle.open:before { content: ""; } .widget_nav_menu .menu-item .sub-menu { display: none; margin-top: 5px; padding-left: 0; } .pxl-widget-inner > * { position: relative; z-index: 1; } .pxl-widget-inner > .pxl-wg-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; z-index: 0; } .woocommerce-product-search, .pxl-search-form { position: relative; } .woocommerce-product-search [type="search"], .pxl-search-form [type="search"] { padding-right: 50px; background-color: transparent; border-color: rgba(25, 27, 29, 0.1); } .woocommerce-product-search [type="submit"], .pxl-search-form [type="submit"] { padding: 0; margin: 0; position: absolute; top: 0; right: 0; width: 48px; height: 48px; line-height: 1; border-color: transparent; color: var(--heading-color); font-size: 14px; background-color: transparent; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } [dir="rtl"] .woocommerce-product-search [type="submit"], [dir="rtl"] .pxl-search-form [type="submit"] { right: auto; left: 6px; } .woocommerce-product-search [type="submit"] span, .pxl-search-form [type="submit"] span { margin: 0; } .woocommerce-product-search [type="submit"] svg, .pxl-search-form [type="submit"] svg { width: 14px; height: auto; fill: var(--heading-color); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .woocommerce-product-search [type="submit"]:active, .woocommerce-product-search [type="submit"]:hover, .woocommerce-product-search [type="submit"]:focus, .pxl-search-form [type="submit"]:active, .pxl-search-form [type="submit"]:hover, .pxl-search-form [type="submit"]:focus { color: var(--primary-color); } .woocommerce-product-search [type="submit"]:active svg, .woocommerce-product-search [type="submit"]:hover svg, .woocommerce-product-search [type="submit"]:focus svg, .pxl-search-form [type="submit"]:active svg, .pxl-search-form [type="submit"]:hover svg, .pxl-search-form [type="submit"]:focus svg { fill: var(--heading-color); } .woocommerce-product-search:hover [type="submit"], .pxl-search-form:hover [type="submit"] { border-color: transparent; } table.wp-calendar-table { border-spacing: 0; } table.wp-calendar-table caption { margin-bottom: 15px; color: var(--heading-color); } table.wp-calendar-table th, table.wp-calendar-table td { text-align: center; border-right: 0; padding: 5px; position: relative; } table.wp-calendar-table th a, table.wp-calendar-table td a { color: #fff; display: block; } table.wp-calendar-table th a:before, table.wp-calendar-table td a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--primary-color); z-index: -1; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } table.wp-calendar-table th:hover a:before, table.wp-calendar-table td:hover a:before { background-color: var(--primary-color); } .widget_calendar .wp-calendar-nav { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; } .widget_pxl_recent_posts .pxl-post-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; position: relative; align-items: center; } .widget_pxl_recent_posts .pxl-post-item > * { max-width: 100%; } .widget_pxl_recent_posts .pxl-post-item + .pxl-post-item { padding-top: 16px; margin-top: 16px; border-top: 1px solid rgba(25, 27, 29, 0.6); } .widget_pxl_recent_posts .pxl-post-img { flex-shrink: 0; } .widget_pxl_recent_posts .pxl-post-img img { width: 70px; transition: all 0.25s linear; border-radius: 6px; } .widget_pxl_recent_posts .pxl-list-content { padding-left: 16px; } .widget_pxl_recent_posts .pxl-wg-post-title { font-weight: 500; margin-top: 5px; margin-bottom: 0; display: block; display: -webkit-box; max-height: 42px; font-size: 14px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .widget_pxl_recent_posts .pxl-wg-post-title > * { display: block; display: -webkit-box; max-height: 45px; font-size: 15px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .widget_pxl_recent_posts .pxl-wg-post-title > *:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .widget_pxl_recent_posts .post-date { font-size: 14px; } .widget_media_gallery #gallery-1 { margin: -5px; } .widget_media_gallery #gallery-1 .gallery-item { float: none; padding: 5px; margin: 0; width: 33.333333%; } .widget_media_gallery #gallery-1 .gallery-item a { position: relative; display: block; overflow: hidden; } .widget_media_gallery #gallery-1 .gallery-item a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(var(--primary-color-rgb), 0.8); opacity: 0; visibility: hidden; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .widget_media_gallery #gallery-1 .gallery-item a:after { content: ""; font-family: "pxli"; position: absolute; top: 50%; left: 50%; font-size: 16px; margin-top: -8px; margin-left: -8px; color: #fff; line-height: 1; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .widget_media_gallery #gallery-1 .gallery-item a:hover:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .widget_media_gallery #gallery-1 .gallery-item a:hover:after { transition-delay: 0.3s; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .widget_media_gallery #gallery-1 img { border: 0; } .widget_nav_menu.horizontal .menu { display: flex; flex-wrap: wrap; margin: -8px; } .widget_nav_menu.horizontal .menu li { flex: 0 0 auto; width: auto; max-width: 100%; padding: 8px; } .widget_nav_menu.horizontal .menu li a { padding: 0; display: inline-block; border-bottom: 1px solid transparent; } .widget_nav_menu.horizontal .menu li a:hover { border-color: var(--second-color); } .widget_nav_menu.horizontal .menu li:after { content: ""; width: 4px; height: 4px; display: inline-block; margin-left: 8px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } [dir="rtl"] .widget_nav_menu.horizontal .menu li:after { margin-left: 0; margin-right: 8px; } .widget_nav_menu.horizontal .menu li:last-child:after { display: none; } .widget_nav_menu.horizontal .sub-menu { display: none; } .widget_recent_comments li { padding: 5px 0; } .widget_recent_comments a:not([class]) { color: var(--heading-color); } .widget_recent_entries a { font-size: 18px; font-family: var(--heading-font-family); padding: 2px 0; display: block; } .widget_recent_entries li:first-child a { padding-top: 0; } .widget_recent_entries li:last-child a { padding-bottom: 0; } .widget_rss .rss-widget-feed { display: inline-flex; } .widget_rss li .rsswidget { font-size: 125%; } .widget_rss li .rss-date { font-style: italic; margin-bottom: 10px; display: block; } .widget_rss li .rssSummary { margin-bottom: 10px; } .widget_rss li cite { font-weight: 700; color: var(--heading-color); } .widget_rss .rss-widget-icon { vertical-align: middle; } .tagcloud { display: flex; flex-wrap: wrap; gap: 12px; } .tagcloud > a { flex: 0 0 auto; background-color: var(--body-color); display: inline-flex; font-size: 14px !important; padding: 8px; overflow: hidden; border-radius: 0.375rem; position: relative; } .tagcloud > a:after { background-color: rgba(255, 255, 255, 0.76); content: ""; height: 150px; left: -75px; position: absolute; top: -35px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .tagcloud > a:hover:after { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25; } .pxl-author-info.widget { border: 0; padding: 0 24px 24px 24px; position: relative; } @media (max-width: 1199px) { .pxl-author-info.widget { padding: 0 20px 24px 20px; } } .pxl-author-info.widget:before { content: ""; position: absolute; top: 64px; left: 0; right: 0; bottom: 0; background-color: #f1f5f8; border-radius: 6px; } .pxl-author-info.widget .content-inner { text-align: center; position: relative; } .pxl-author-info.widget .content-inner:hover .image-wrap { -webkit-transform: scale(1.02); -khtml-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); border-color: transparent; } .pxl-author-info.widget .content-inner:hover .image-wrap img { box-shadow: 0px 0px 48px 0px rgba(var(--second-color-rgb),0.3); -webkit-transform: scale(1.02); -khtml-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .pxl-author-info.widget .image-wrap { width: 203px; height: 203px; border-radius: 50%; display: inline-block; margin-left: auto; margin-right: auto; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } @media (max-width: 1199px) { .pxl-author-info.widget .image-wrap { width: 180px; height: 180px; } } .pxl-author-info.widget .image-wrap img { border-radius: 50%; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-author-info.widget .author-name { font-size: 16px; font-weight: 600; text-transform: uppercase; margin-top: 24px; margin-bottom: 4px; } .pxl-author-info.widget .author-desc { margin-bottom: 16px; padding-top: 24px; margin-top: 16px; border-top: 1px solid #dae5ee; } @media (max-width: 991px) { .pxl-author-info.widget .author-desc { max-width: 570px; margin-left: auto; margin-right: auto; } } .pxl-author-info.widget .author-social { margin: -5px; } .pxl-author-info.widget .author-social .social-item { margin: 5px; } .pxl-author-info.widget .author-social .social-item a { width: 43px; height: 43px; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 15px; line-height: 26px; color: var(--primary-color); position: relative; } .pxl-author-info.widget .author-social .social-item a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: var(--second-color); opacity: 0; -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pxl-author-info.widget .author-social .social-item a .pxl-icon { position: relative; } .pxl-author-info.widget .author-social .social-item a:hover { color: #fff; } .pxl-author-info.widget .author-social .social-item a:hover:before { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .widget_archive select, .widget_categories select { padding-left: 20px; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .custom-logo-link { display: inline-block; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { padding-top: 12px; text-align: center; font-size: 14px; line-height: 1.5; letter-spacing: 0.025em; color: #707070; font-style: italic; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 0px; overflow: hidden; position: absolute; width: 0px; word-wrap: normal; visibility: hidden; opacity: 0; display: none; } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } .gallery { margin-left: -10px; margin-right: -10px; margin-bottom: 25px; margin-top: 28px; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1em; padding: 0 10px; width: 50%; } .gallery-item .gallery-icon { overflow: hidden; } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; margin-top: 8px; } .wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { display: flex; } .wp-block-gallery.alignfull { margin-bottom: 20px; } .wp-block-gallery.alignfull .blocks-gallery-caption { margin-bottom: 20px; } .wp-block-gallery.alignleft { margin-right: 20px; } #primary:not(.content-has-sidebar) .wp-block-gallery.alignfull { width: 100vw; } #primary:not(.content-has-sidebar) .wp-block-gallery.alignfull .blocks-gallery-grid { position: relative; left: calc(-12.5% - 128px); width: calc(125% + 150px); max-width: calc(125% + 150px); } .gallery-columns-1 .gallery-item { width: 100%; } @media (min-width: 480px) { .gallery-columns-3 .gallery-item { width: 33.333333%; } } @media (min-width: 480px) { .gallery-columns-4 .gallery-item { width: 25%; } } .gallery-columns-5 .gallery-caption { display: none; } @media (min-width: 480px) { .gallery-columns-5 .gallery-item { width: 25%; } } @media (min-width: 768px) { .gallery-columns-5 .gallery-item { width: 20%; } } .gallery-columns-6 .gallery-caption { display: none; } @media (min-width: 480px) { .gallery-columns-6 .gallery-item { width: 25%; } } @media (min-width: 768px) { .gallery-columns-6 .gallery-item { width: 16.66%; } } .gallery-columns-7 .gallery-caption { display: none; } @media (min-width: 480px) { .gallery-columns-7 .gallery-item { width: 25%; } } @media (min-width: 768px) { .gallery-columns-7 .gallery-item { width: 14.28%; } } .gallery-columns-8 .gallery-caption { display: none; } @media (min-width: 480px) { .gallery-columns-8 .gallery-item { width: 25%; } } @media (min-width: 768px) { .gallery-columns-8 .gallery-item { width: 12.5%; } } .gallery-columns-9 .gallery-caption { display: none; } @media (min-width: 480px) { .gallery-columns-9 .gallery-item { width: 25%; } } @media (min-width: 768px) { .gallery-columns-9 .gallery-item { width: 11.11%; } } .gallery-caption { display: block; } .wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { display: flex; } .elementor-lightbox .elementor-swiper-button [class*=" eicon-"], .elementor-lightbox .elementor-swiper-button [class^=eicon] { font-family: "pxli"; } .elementor-lightbox .elementor-swiper-button .eicon-chevron-right:before { content: ""; } .elementor-lightbox .elementor-swiper-button .eicon-chevron-left:before { content: ""; } .comment-list-wrap { margin-top: 30px; padding-top: 65px; border-top: 1px solid rgba(25, 27, 29, 0.1); position: relative; } .comments-title { font-style: normal; margin: 0 0 38px 0; } .commentlist { list-style: none; padding: 0; margin: 0; } .commentlist .comment { padding-top: 28px; margin-top: 24px; border-top: 1px solid rgba(25, 27, 29, 0.6); } .commentlist > .comment:first-child, .commentlist > .review:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .commentlist > .comment:not(:last-child) > .children, .commentlist > .review:not(:last-child) > .children { margin-bottom: 0; } .commentlist .comment-avatar img { border: 2px solid var(--second-color); border-radius: 50%; } @media (max-width: 1399px) { .commentlist .comment-avatar img { max-width: 60px; } } @media (max-width: 991px) { .commentlist .comment-avatar img { max-width: 60px; } } @media (max-width: 575px) { .commentlist .comment-avatar img { max-width: 40px; } } .commentlist .comment-content .comment-content-head { row-gap: 15px; } .commentlist .comment-content .comment-title { position: relative; font-family: var(--heading-font-family); font-size: 16px; line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 8px; } @media (max-width: 767px) { .commentlist .comment-content .comment-title { font-size: 14px; margin-bottom: 5px; } } .commentlist .comment-content .comment-title a { color: inherit; } .commentlist .comment-content .comment-title a:hover { color: var(--link-color-hover); } .commentlist .comment-content .comment-date { line-height: 1; } .commentlist .comment-content .comment-meta { font-size: 12px; color: #333; } @media (max-width: 480px) { .commentlist .comment-content .comment-meta { margin-top: 10px; } } .commentlist .comment-text-wrap { margin-top: 28px; } @media (max-width: 1199px) { .commentlist .comment-text-wrap { margin-top: 24px; } } @media (max-width: 575px) { .commentlist .comment-text-wrap { margin-top: 16px; } } .commentlist .children { list-style: none; padding: 0 0 0 60px; margin: 0; } [dir="rtl"] .commentlist .children { padding: 0 60px 0 0; } @media (max-width: 1399px) { .commentlist .children { padding: 0 0 0 35px; } [dir="rtl"] .commentlist .children { padding: 0 35px 0 0; } } @media (max-width: 575px) { .commentlist .children { padding: 0 0 0 20px; } [dir="rtl"] .commentlist .children { padding: 0 20px 0 0; } } .commentlist .comment-reply-link { font-size: 14px; line-height: 1.5; position: relative; display: inline-flex; padding: 5px 15px; background-color: var(--heading-color); border-radius: 0.375rem; color: var(--primary-color); display: inline-flex; align-items: center; column-gap: 5px; overflow: hidden; } .commentlist .comment-reply-link:after { background-color: rgba(255, 255, 255, 0.76); content: ""; height: 150px; left: -75px; position: absolute; top: -35px; transform: rotate(35deg); transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0; } .commentlist .comment-reply-link .reply-icon { margin-right: 2px; color: var(--primary-color); font-size: 10px; -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .commentlist .comment-reply-link:hover:after { left: 120%; transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25; } .comments-pagination { margin-top: 24px; } .comment-respond { position: relative; background-color: #FAFAFA; padding: 50px 53px 50px 50px; margin-top: 77px; } @media (max-width: 767px) { .comment-respond { margin-top: 50px; padding: 30px; } } @media (max-width: 575px) { .comment-respond { padding: 25px; } } .comment-respond .comment-reply-title { font-style: normal; color: var(--heading-color); margin: 0; font-weight: 500; font-size: 70px; } .comment-respond .comment-reply-title small { font-size: 60%; } @media (max-width: 991px) { .comment-respond .comment-reply-title { font-size: 60px; margin-bottom: 10px; } } @media (max-width: 767px) { .comment-respond .comment-reply-title { font-size: 43px; } } @media (max-width: 575px) { .comment-respond .comment-reply-title { font-size: 36px; } } .comment-respond .comment-form .text-heading { margin-bottom: 0; display: block; color: var(--body-color); font-weight: 300; line-height: 3.5em; margin-bottom: 28px; } @media (max-width: 991px) { .comment-respond .comment-form .text-heading { line-height: 1.5em; } } .comment-respond .comment-form .comment-form-author { padding-right: 10px; } @media (max-width: 767px) { .comment-respond .comment-form .comment-form-author { padding-right: 15px; } } .comment-respond .comment-form .comment-form-email { padding-left: 10px; } @media (max-width: 767px) { .comment-respond .comment-form .comment-form-email { padding-left: 15px; } } .comment-respond .comment-form .comment-text { font-weight: 400; font-size: 16px; color: var(--heading-color); margin-bottom: 9px; } .comment-respond .comment-form .pxl-comment-form-rating .comment-form-field { margin-top: 0; } .comment-respond .comment-form input[type=checkbox] { display: none; } .comment-respond .comment-form input[type=checkbox] + label:before { content: ""; font-family: "pxli"; border: 1px solid #c8c8c8; border-radius: 0; color: var(--heading-color); background-color: transparent; display: inline-block; width: 15px; height: 15px; margin-right: 10px; vertical-align: bottom; color: transparent; transition: 0.2s; position: relative; top: -4px; font-size: 10px; text-align: center; line-height: 12px; } .comment-respond .comment-form input[type=checkbox]:checked + label:before { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .comment-respond .comment-form input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa; } .comment-respond .comment-form .comment-form-comment textarea { height: 150px; } @media (max-width: 1199px) { .comment-respond .comment-form .comment-form-comment textarea { height: 120px; } } .comment-respond .comment-form .comment-author-email { margin-bottom: 40px; } @media (max-width: 767px) { .comment-respond .comment-form .comment-author-email { gap: 20px; margin-bottom: 20px; } } .comment-respond .comment-form-cookies-consent { padding-top: 30px; flex-wrap: wrap; margin-bottom: 15px; display: none; } .comment-respond .form-submit { margin: 50px 0 0; } .comment-respond .form-submit i { margin-left: 5px; font-size: 20px; overflow: hidden; } .comment-respond .form-submit .btn-primary:hover i::before { animation: toTopFromBottom 0.4s forwards; } .logged-in-as { margin-bottom: 28px; line-height: 3.5em; } @media (max-width: 991px) { .logged-in-as { line-height: 1.5em; } } @media (max-width: 575px) { .logged-in-as { font-size: 16px; } } .logged-in-as a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .logged-in-as a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .logged-in-as a:hover { color: var(--heading-color); } #cancel-comment-reply-link { padding-left: 15px; color: var(--second-color); font-weight: normal; } [dir="rtl"] #cancel-comment-reply-link { padding-left: 0; padding-right: 15px; } p.no-comments { margin-top: 30px; color: red; } .rating-container { display: inline-block; height: 18px; vertical-align: top; font-size: 0; unicode-bidi: bidi-override; direction: rtl; } .rating-container * { font-size: 17px; } .rating-container > input { display: none; } .rating-container > input + label { font-family: "pxli"; line-height: 1; } .rating-container > input + label:before { display: inline-block; content: ""; color: #000; } .rating-container > input:checked ~ label:before, .rating-container > input + label:hover ~ label:before, .rating-container > input + label:hover:before, .pxl-rating-icon-filled:before { content: ""; color: var(--second-color); } .rating-container:hover > input + label:before, .pxl-rating-icon-empty:before { content: ""; color: #000; text-shadow: none; } .rating-container:hover > input + label:hover ~ label:before, .rating-container:hover > input + label:hover:before { content: ""; color: var(--second-color); } .pxl-rating-icon-filled, .pxl-rating-icon-empty { font-family: "pxli"; display: inline-block; overflow: hidden; width: 1em; white-space: nowrap; cursor: pointer; margin: 0; } .pxl-rating-icon-empty { z-index: -1; } .phb-review-form .phb-review-reply-title { text-transform: uppercase; } .phb-review-form .phb-stars { margin-bottom: 8px; } .phb-review-form .phb-stars:hover a { color: var(--second-color); } .phb-review-form .phb-stars .stars { display: flex; } .phb-review-form .phb-stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; color: #111111; } .phb-review-form .phb-stars a:after { content: ""; width: 100%; height: 100%; position: absolute; right: -5px; } .phb-review-form .phb-stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "pxli"; content: ""; text-indent: 0; } .phb-review-form .phb-stars a:hover ~ a { color: #111111; } .phb-review-form .phb-stars.selected a.active { color: var(--second-color); } .phb-review-form .phb-stars.selected a.active ~ a { color: #111111; } .phb-review-form .phb-stars.selected a:not(.active) { color: var(--second-color); } .phb-review-form .phb-stars.selected:hover a { color: var(--second-color); } .phb-review-form .phb-stars.selected:hover a.active ~ a { color: var(--second-color); } .phb-review-form .phb-stars.selected a:hover ~ a { color: #111111 !important; } .phb-review-form .phb-review-fields .row > div { margin-bottom: 15px; } .phb-review-form .phb-review-fields textarea { margin-bottom: 30px; } .woocommerce-Reviews .comment-title { column-gap: 20px; } .pxl-content-area.layout-2 .comment-respond { border-radius: 30px; padding: 35px 53px 50px 50px; } @media (max-width: 767px) { .pxl-content-area.layout-2 .comment-respond { padding: 35px 30px 50px; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .comment-respond { padding: 30px 25px 35px; } } .pxl-content-area.layout-2 .comment-respond .comment-reply-title { font-family: var(--body-font-family); text-transform: none; } .pxl-content-area.layout-2 .comment-respond .comment-form .text-heading { line-height: 2.3em; margin-bottom: 43px; } @media (max-width: 991px) { .pxl-content-area.layout-2 .comment-respond .comment-form .text-heading { line-height: 1.5em; margin-bottom: 35px; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .comment-respond .comment-form .text-heading { font-size: 16px; margin-bottom: 30px; } } .pxl-content-area.layout-2 .comment-respond .comment-form textarea { padding-top: 13px; } @media (max-width: 991px) { .pxl-content-area.layout-2 .comment-respond .comment-form textarea { padding-top: 5px; } } .pxl-content-area.layout-2 .comment-respond .form-submit .btn-primary { border-radius: 40px; background-color: var(--heading-color); text-transform: uppercase; color: #fff; } .pxl-content-area.layout-2 .logged-in-as { line-height: 2.3em; margin-bottom: 43px; } @media (max-width: 991px) { .pxl-content-area.layout-2 .logged-in-as { line-height: 1.5em; margin-bottom: 35px; } } @media (max-width: 575px) { .pxl-content-area.layout-2 .logged-in-as { font-size: 16px; margin-bottom: 30px; } } .pxl-content-area.layout-3 .comment-respond { border-radius: 30px; padding: 35px 53px 50px 50px; } @media (max-width: 767px) { .pxl-content-area.layout-3 .comment-respond { padding: 35px 30px 50px; } } @media (max-width: 575px) { .pxl-content-area.layout-3 .comment-respond { padding: 30px 25px 35px; } } .pxl-content-area.layout-3 .comment-respond .comment-reply-title { font-family: var(--body-font-family); text-transform: none; } .pxl-content-area.layout-3 .comment-respond .comment-form .text-heading { line-height: 2.3em; margin-bottom: 43px; } @media (max-width: 991px) { .pxl-content-area.layout-3 .comment-respond .comment-form .text-heading { line-height: 1.5em; margin-bottom: 35px; } } @media (max-width: 575px) { .pxl-content-area.layout-3 .comment-respond .comment-form .text-heading { font-size: 16px; margin-bottom: 30px; } } .pxl-content-area.layout-3 .comment-respond .comment-form textarea { padding-top: 13px; } .pxl-content-area.layout-3 .comment-respond .form-submit .btn-primary { border-radius: 15px; background-color: var(--primary-color); text-transform: capitalize; color: #fff; padding: 14px 32px 12px; } .pxl-content-area.layout-3 .logged-in-as { line-height: 2.3em; margin-bottom: 43px; } @media (max-width: 991px) { .pxl-content-area.layout-3 .logged-in-as { line-height: 1.5em; margin-bottom: 35px; } } @media (max-width: 575px) { .pxl-content-area.layout-3 .logged-in-as { font-size: 16px; margin-bottom: 30px; } } .dark-mode .comment-respond { background-color: transparent; border: 1px solid var(--border-color); } .dark-mode .pxl-content-area.layout-2 .commentlist .comment-reply-link { background-color: transparent; border: 1px solid var(--heading-color); } .dark-mode .pxl-content-area.layout-2 .form-submit .btn-primary { background-color: transparent; border: 1px solid var(--heading-color); } .dark-mode .pxl-content-area.layout-3 .commentlist .comment-reply-link { background-color: transparent; border: 1px solid var(--heading-color); } .pxl-scroll-top { position: fixed; z-index: 99; bottom: 24px; right: 30px; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--heading-color); opacity: 0; visibility: hidden; border: 1.2px solid var(--heading-color); } @media (max-width: 1199px) { .pxl-scroll-top { height: 40px; width: 40px; line-height: 40px; } } .pxl-scroll-top .pxl-scroll-progress-circle { position: absolute; top: 50%; left: auto; right: auto; z-index: -1; transform: translateY(-50%); } .pxl-scroll-top .pxl-scroll-progress-circle path { fill: none; stroke: var(--primary-color); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .pxl-scroll-top span { font-size: 16px; color: var(--primary-color); position: relative; top: -1px; position: relative; -webkit-animation: icon-bounce 2s linear 0s infinite; -khtml-animation: icon-bounce 2s linear 0s infinite; -moz-animation: icon-bounce 2s linear 0s infinite; -ms-animation: icon-bounce 2s linear 0s infinite; -o-animation: icon-bounce 2s linear 0s infinite; animation: icon-bounce 2s linear 0s infinite; } .pxl-scroll-top:hover span { -webkit-animation: Bottomup 0.6s forwards; -khtml-animation: Bottomup 0.6s forwards; -moz-animation: Bottomup 0.6s forwards; -ms-animation: Bottomup 0.6s forwards; -o-animation: Bottomup 0.6s forwards; animation: Bottomup 0.6s forwards; } .pxl-scroll-top.on { bottom: 44px; opacity: 1; visibility: visible; } [dir="rtl"] .pxl-scroll-top { right: auto; left: 20px; } .dark-mode .pxl-scroll-top span { color: #000; } .dark-mode .pxl-scroll-top .pxl-scroll-progress-circle path { stroke: #000; } .pxl-footer.pxl-footer-fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: -1; } .pxl-footer.pxl-footer-absoluted { position: absolute; left: 0; right: 0; bottom: 0; } .pxl-footer.footer-type-df a { color: #616277; } .pxl-footer.footer-type-df a:hover { color: #616277; } .pxl-footer-bottom { border-top: 1px solid #e0e1e6; padding-top: 24px; padding-bottom: 24px; color: #616277; font-size: 14px; } .pxl-copyright-text a { font-weight: 700; } .footer-bottom { color: #616277; font-size: 14px; } .footer-bottom .elementor-widget-text-editor a { color: #616277; } .pxl-footer .pxl-primary-menu > li > a span:before { display: none; } .pxl-page-overlay { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; cursor: none; -webkit-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65); -khtml-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65); -moz-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65); -ms-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65); -o-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65); transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65); } .pxl-page-overlay.active { opacity: 1; visibility: visible; } @media (max-width: 991px) { .pxl-page-overlay.active-mobile { opacity: 1; visibility: visible; } } .admin-bar .pxl-hidden-template { top: 32px; height: calc(100% - 32px); } @media screen and (max-width: 782px) { .admin-bar .pxl-hidden-template { top: 46px; height: calc(100% - 46px); } } .pxl-hidden-template { display: flex; flex-direction: column; position: fixed; top: 0; height: 100%; width: 100%; z-index: -1; padding: 0; background: var(--tpl-bg-color); right: 0; will-change: transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; opacity: 0; max-height: 100vh; overflow-y: auto; scrollbar-width: none; } .pxl-hidden-template .pxl-panel-header .panel-header-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; } .pxl-hidden-template .pxl-panel-header .panel-header-inner > * { max-width: 100%; } .pxl-hidden-template .pxl-panel-content { position: relative; flex: 1; } .pxl-hidden-template::-webkit-scrollbar { height: 0; width: 0; background-color: transparent; } .pxl-hidden-template::-webkit-scrollbar-track { border-radius: 0; } .pxl-hidden-template::-webkit-scrollbar-thumb { border-radius: 0; background-color: transparent; } .pxl-hidden-template:hover::-webkit-scrollbar { width: 0; height: auto; background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .pxl-hidden-template:hover::-webkit-scrollbar-thumb { background-color: rgba(48, 48, 48, 0.1); } .pxl-close { position: absolute; border-radius: 50%; width: 34px; height: 34px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 50%; background-color: transparent; z-index: 1; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-close:before, .pxl-close:after { content: ""; position: absolute; height: 2px; width: 50%; top: 50%; left: 25%; margin-top: -1px; background-color: #191B1D; transform-origin: 50% 50%; opacity: 1; -webkit-transition: transform ease 0.25s; -khtml-transition: transform ease 0.25s; -moz-transition: transform ease 0.25s; -ms-transition: transform ease 0.25s; -o-transition: transform ease 0.25s; transition: transform ease 0.25s; } .pxl-close:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .pxl-close:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .pxl-close:hover:before, .pxl-close:hover:after { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pxl-panel-content .menu-main-container-wrap { padding: 0; min-height: calc(100% - 50px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } .pxl-panel-content .menu-main-container-wrap > * { max-width: 100%; } .pxl-hidden-template.el-builder.pxl-user-login .elementor-column-gap-default > .elementor-column.elementor-element > .elementor-element-populated, .pxl-hidden-template.el-builder.pxl-side-mobile .elementor-column-gap-default > .elementor-column.elementor-element > .elementor-element-populated { padding: 0; } .pxl-hidden-template.el-builder.pxl-user-login .elementor-section-boxed .elementor-inner-section > .elementor-column-gap-default, .pxl-hidden-template.el-builder.pxl-side-mobile .elementor-section-boxed .elementor-inner-section > .elementor-column-gap-default { margin: 0; } .pxl-hidden-template.pos-full { -webkit-transition: all 0.5s linear 0s; -khtml-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; clip-path: inset(0 100% 0 100%); } .pxl-hidden-template.pos-full .pxl-close { top: 40px; right: 50px; width: 40px; height: 40px; } .pxl-hidden-template.pos-full .pxl-close:before, .pxl-hidden-template.pos-full .pxl-close:after { height: 1px; width: 100%; left: 0; } @media (max-width: 991px) { .pxl-hidden-template.pos-full .pxl-close { top: 30px; right: 30px; width: 20px; height: 20px; } } .pxl-hidden-template.pos-full.open { clip-path: inset(0 0 0 0); } .pxl-hidden-template.pxl-user-login .pxl-close:before, .pxl-hidden-template.pxl-user-login .pxl-close:after { background-color: var(--primary-color); } .pxl-hidden-template.pxl-side-mobile { background-color: var(--primary-color); } .pxl-hidden-template.pxl-side-mobile .pxl-close { top: 34px; right: 20px; } @media (max-width: 575px) { .pxl-hidden-template.pxl-side-mobile .pxl-close { right: 10px; } } .pxl-hidden-template.pxl-side-mobile .pxl-close:before, .pxl-hidden-template.pxl-side-mobile .pxl-close:after { background-color: var(--second-color); } .pxl-hidden-template.pxl-side-mobile .pxl-mobile-menu .main-menu-toggle { color: var(--second-color); } .pxl-hidden-template.mobile-panel-df { padding: 30px 30px 30px 30px; } .pxl-hidden-template.mobile-panel-df .pxl-logo { max-width: 165px; margin-bottom: 32px; } .pxl-hidden-template.pxl-hidden-sidebar .pxl-close { top: 22px; right: 15px; } @media (max-width: 575px) { .pxl-hidden-template.pxl-hidden-sidebar .pxl-close { top: 15px; right: 15px; } } .pxl-hidden-template.pos-left { width: 100%; max-width: 300px; right: auto; left: 0; -webkit-transform: translate(-100%, 0); -khtml-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media (max-width: 575px) { .pxl-hidden-template.pos-left { width: 90%; } } .pxl-hidden-template.pos-left.pxl-hidden-sidebar { max-width: 490px; } .pxl-hidden-template.pos-left .pxl-close { right: 20px; top: 20px; } @media (max-width: 575px) { .pxl-hidden-template.pos-left .pxl-close { right: 15px; top: 10px; } } .pxl-hidden-template.pos-right { width: 100%; max-width: 500px; right: 0; left: auto; background-color: #fff; -webkit-transform: translate(100%, 0); -khtml-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media (max-width: 575px) { .pxl-hidden-template.pos-right { width: 90%; } } .pxl-hidden-template.pos-right .pxl-hidden-template-wrap { position: relative; padding: 64px 52px; } @media (max-width: 575px) { .pxl-hidden-template.pos-right .pxl-hidden-template-wrap { padding: 48px 15px; } } @media (max-width: 480px) { .pxl-hidden-template.pos-right .pxl-hidden-template-wrap { padding: 48px 0; } } .pxl-hidden-template.pos-right .pxl-close { width: 40px; height: 40px; position: absolute; top: 0; right: 0; outline: none; border-radius: 0; opacity: 1; color: #fff; display: flex; justify-content: center; background-image: none; background: var(--primary-color); z-index: 1; } .pxl-hidden-template.pos-right .pxl-close:before, .pxl-hidden-template.pos-right .pxl-close:after { width: 50%; background-color: #fff; left: 50%; margin-left: -10px; } .pxl-hidden-template.pos-top { width: 100%; max-height: 280px; left: 0; right: 0; -webkit-transform: translate(0, -100%); -khtml-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .pxl-hidden-template.pos-top .pxl-panel-header { padding: 0; position: absolute; top: 30px; right: 30px; z-index: 1; } .pxl-hidden-template.pos-top .pxl-close { top: 10px; right: 10px; } .pxl-hidden-template.pos-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; } @media (max-width: 767px) { .pxl-hidden-template.pos-center { left: 15px; right: 15px; width: calc(100% - 30px); } } .pxl-hidden-template.pos-center .pxl-hidden-template-wrap { width: 100%; max-width: 870px; position: relative; border-radius: 10px; overflow: hidden; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0.6); -khtml-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); max-height: 90vh; overflow-y: auto; scrollbar-width: none; } @media (max-width: 1199px) { .pxl-hidden-template.pos-center .pxl-hidden-template-wrap { max-width: 670px; } } .pxl-hidden-template.pos-center .pxl-hidden-template-wrap::-webkit-scrollbar { height: 0; width: 0; background-color: transparent; } .pxl-hidden-template.pos-center .pxl-hidden-template-wrap::-webkit-scrollbar-track { border-radius: 0; } .pxl-hidden-template.pos-center .pxl-hidden-template-wrap::-webkit-scrollbar-thumb { border-radius: 0; background-color: transparent; } .pxl-hidden-template.pos-center .pxl-hidden-template-wrap:hover::-webkit-scrollbar { width: 0; height: auto; background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .pxl-hidden-template.pos-center .pxl-hidden-template-wrap:hover::-webkit-scrollbar-thumb { background-color: rgba(48, 48, 48, 0.1); } .pxl-hidden-template.pos-center .pxl-panel-header { padding: 0; position: absolute; top: 15px; right: 15px; z-index: 1; } .pxl-hidden-template.pos-center .pxl-close { top: 15px; right: 15px; } .pxl-hidden-template.pos-center.open .pxl-hidden-template-wrap { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-hidden-template.pos-full .pxl-panel-header { padding: 0; position: absolute; top: 30px; right: 30px; z-index: 1; } .pxl-hidden-template.pos-full .pxl-hidden-template-wrap { -webkit-transform: scale(0.6); -khtml-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-hidden-template.pos-full .pxl-panel-content { padding: 0; } .pxl-hidden-template.pos-full.open .pxl-hidden-template-wrap { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-hidden-template.pos-custom { width: 100%; max-width: 447px; top: var(--hd-top-offset); right: var(--hd-right-offset); bottom: var(--hd-bottom-offset); left: var(--hd-left-offset); -webkit-transform: translate(100%, 0); -khtml-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media (max-width: 1199px) { .pxl-hidden-template.pos-custom { top: var(--hd-top-offset-mobile); right: var(--hd-right-offset-mobile); bottom: var(--hd-bottom-offset-mobile); left: var(--hd-left-offset-mobile); } } @media (max-width: 575px) { .pxl-hidden-template.pos-custom { width: 90%; } } .pxl-hidden-template.pos-custom .pxl-close { background-color: var(--second-color); } .pxl-hidden-template.open { -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; z-index: 99999; } .pxl-side-menu { width: 100%; max-width: 400px; left: auto; right: 0; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .pxl-side-menu .pxl-panel-header { padding: 30px 40px 0 40px; position: relative; z-index: 1; } .pxl-side-menu .pxl-panel-content { padding: 0 25px 40px; } .pxl-popup-menu > .pxl-panel-content > .container > div.elementor { max-width: 25%; } .pxl-popup-menu .elementor-section, .pxl-popup-menu .elementor-section .elementor-container, .pxl-popup-menu .elementor-column, .pxl-popup-menu .elementor-column-wrap, .pxl-popup-menu .elementor-widget-wrap, .pxl-popup-menu .elementor-widget { position: static; } .admin-bar .pxl-side-cart { height: auto; top: 50%; } .phb-review-form-wrap .pxl-hidden-template-wrap { background-color: #fff; } .elementor-editor-active .pxl-primary-menu > li > .sub-menu { display: none; } .elementor-editor-active .pxl-header-sticky { display: none; } .elementor-editor-active .pxl-header-mobile-sticky { display: none; } .elementor-editor-active .pxl-scroll-top { opacity: 1; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .elementor-editor-active .pxl-footer.pxl-footer-absoluted { bottom: 314px; } .elementor-lightbox .swiper-zoom-container > canvas, .elementor-lightbox .swiper-zoom-container > img, .elementor-lightbox .swiper-zoom-container > svg { object-fit: cover; -o-object-fit: cover; } .pxl-shape-divider-mask .pxl-shape-divider { width: 100%; height: 25px; overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; mask-image: var(--ss-mask-url); -webkit-mask-image: var(--ss-mask-url); -ms-mask-image: var(--ss-mask-url); -o-mask-image: var(--ss-mask-url); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; -webkit-mask-position: center top; -ms-mask-position: center top; -o-mask-position: center top; mask-position: center top; } @media (min-width: 768px) { .elementor-editor-active .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty { margin: 0; } } .dark-mode .elementor-edit-area-active, .dark-mode .elementor-edit-area-active .e-con { --heading-color: #ffffff; } .dark-mode .e-con { --border-color: rgba(255, 255, 255, 0.1); } .e-con { --border-color: rgba(25, 27, 29, 0.1); } .elementor-editor-active .pxl-border-animated .pxl-border-anm.bb { transform: scale(1); } .pxl-heading-wrap { /* .pxl-typed{ text-decoration-thickness: 3px !important; text-underline-offset: 6px; } */ } .pxl-heading-wrap .heading-title { margin: var(--pxl-mt, 0) var(--pxl-mr, 0) var(--pxl-mb, 0) var(--pxl-ml, 0); } .pxl-heading-wrap .heading-subtitle { margin: var(--pxl-mt, 0) var(--pxl-mr, 0) var(--pxl-mb, 0) var(--pxl-ml, 0); } .pxl-heading-wrap .heading-highlight { position: relative; } @media (max-width: 575px) { .pxl-heading-wrap .heading-highlight { display: block; } } .pxl-heading-wrap .heading-highlight.typewrite { display: inline-flex; white-space: nowrap; position: relative; } .pxl-heading-wrap .heading-highlight.typewrite .pxl-item--text { position: absolute; top: 0; left: 0; opacity: 0; background-color: var(--heading-color); color: #E5DEED; border-radius: 130px; text-transform: uppercase; padding: 0 20px; } .pxl-heading-wrap .heading-highlight.typewrite .pxl-item--text:not(.is-active) { animation: pxlkeywordrotatingout 0.8s cubic-bezier(0.86, 0, 0.07, 1) both; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pxl-heading-wrap .heading-highlight.typewrite .pxl-item--text.is-active { position: relative; opacity: 1; animation: pxlkeywordrotatingin 0.8s cubic-bezier(0.86, 0, 0.07, 1) both; } .pxl-heading-wrap .pxl-image--highlight { position: relative; } .pxl-cursor-circle { --circle-size: 40px; position: fixed; height: var(--circle-size); width: var(--circle-size); border: 1px solid var(--heading-color); border-radius: 100%; top: calc(var(--circle-size) / 2 * -1); left: calc(var(--circle-size) / 2 * -1); pointer-events: none; z-index: 1000; } @media (max-width: 1199px) { .pxl-cursor-circle { display: none !important; } } .pxl-text-editor a { text-decoration-thickness: 1px !important; text-underline-offset: 3px; } .pxl-text-editor p { color: inherit; } .pxl-text-editor.pxl-text-truncate { font-size: var(--truncate-font-size); line-height: var(--truncate-line-height); max-height: calc(var(--truncate-font-size) * var(--truncate-line-height) * var(--truncate-line)); overflow: hidden; display: -webkit-box; -webkit-line-clamp: var(--truncate-line); -webkit-box-orient: vertical; } .pxl-icon-list-wg .list-item { column-gap: 10px; } .pxl-icon-list-wg .list-item a { color: inherit; } .pxl-icon-list-wg .list-item:after { position: absolute; bottom: 0; width: 100%; margin: auto; } .pxl-icon-list-wg .pxl-icon { font-size: 15px; position: relative; top: var(--icon-vertical-offset, initial); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-icon-list-wg .pxl-icon i, .pxl-icon-list-wg .pxl-icon svg { width: 1em; height: 1em; position: relative; display: block; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-icon-list-wg .pxl-icon .icon-text { display: block; line-height: 1; } .pxl-icon-list-wg .item-title { margin-bottom: 0; } .pxl-icon-list-wg .item-title a { color: inherit; } .pxl-icon-list-wg .item-text { margin-bottom: 0; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-icon-list-wg.icon-type-bullet .list-item:before { content: ""; width: 6px; height: 6px; border-radius: 6px; display: inline-flex; background-color: var(--heading-color); position: absolute; left: 0; top: 9px; } .pxl-icon-list-wg.icon-type-bullet .list-item .item-text { margin-left: 15px; } .pxl-block-quote-wrap .quote-icon svg { width: 1em; height: 1em; } .pxl-block-quote-wrap .blockquote-footer { margin-top: 26px; margin-bottom: 10px; font-size: 16px; font-weight: 500; color: var(--primary-color); } .pxl-block-quote-wrap .blockquote-footer:before { content: "— "; } .pxl-icon-wg .pxl-icon { font-size: var(--font-size, 16px); display: inline-flex; color: var(--color); } .pxl-icon-wg .pxl-icon i { position: relative; display: block; } .pxl-icon-wg .pxl-icon svg { width: 1em; height: 1em; position: relative; display: block; fill: var(--color); } .pxl-icon-wg .icon-inner:hover .pxl-icon { color: var(--color-hover, var(--color)); } .pxl-icon-wg .icon-inner:hover .pxl-icon svg { fill: var(--color-hover, var(--color)); } .pxl-icon-wg .icon-inner[data-elementor-open-lightbox="yes"] { cursor: pointer; } .pxl-image-wg.bg-image { height: 100%; background-image: var(--pxl-image-bg); background-size: cover; background-repeat: no-repeat; } .pxl-image-wg.pxl-bg-parallax { height: 100%; } .pxl-image-wg .parallax-inner { background-image: var(--pxl-image-bg); } .pxl-shape-wg { height: 100%; } .pxl-counter-wg .counter-number { display: inline-flex; font-size: 40px; font-weight: 500; color: var(--heading-color); } .pxl-counter-wg .counter-title { display: inline; } .pxl-post-category .item-image { overflow: hidden; margin-bottom: 12px; width: max-content; border-radius: 50%; } .pxl-post-category .item-image img { border-radius: 50%; transform: scale(1) rotate(0); transition: all 350ms ease-in-out 0s; } @media (max-width: 575px) { .pxl-post-category .item-image img { max-width: 120px; max-height: 120px; } } .pxl-post-category .item-category { display: block; font-weight: 500; font-size: 20px; line-height: 1.75em; color: var(--heading-color); } .pxl-post-category .item-category .item-count { color: var(--body-color); font-weight: 400; font-size: 16px; } .pxl-post-category .item-category a { color: inherit; } .pxl-post-category .item-inner { display: flex; flex-direction: column; align-items: center; } .pxl-post-category .item-inner:hover img { transform: scale(1.05) rotate(-15deg); } .pxl-accordion .ac-content { display: none; } .pxl-accordion.style1 .ac-title { font-size: 28px; line-height: 95px; font-weight: 400; justify-content: space-between; color: var(--heading-color); gap: 20px; } .pxl-accordion.style1 .ac-title-wrap { border-bottom: 1px solid var(--border-color); cursor: pointer; } .pxl-accordion.style1 .ac-item:last-child .ac-title-wrap { border-bottom: none; } .pxl-accordion.style1 .ac-item:last-child .ac-content { border-bottom: none; border-top: 1px solid var(--border-color); } .pxl-accordion.style1 .ac-item.active .pxl-plus-minus::after { transform: rotate(-90deg); } .pxl-accordion.style1 .ac-content { font-weight: 300; font-size: 24px; line-height: 35px; padding: 19px 0px 30px; border-bottom: 1px solid var(--border-color); max-width: 875px; } .pxl-accordion.style1 .pxl-plus-minus { display: flex; align-items: center; justify-content: center; position: relative; width: 22px; height: 22px; } .pxl-accordion.style1 .pxl-plus-minus::before, .pxl-accordion.style1 .pxl-plus-minus::after { content: ""; position: absolute; border-radius: 4px; background-color: #494949; transition: all 350ms ease-in 0s; } .pxl-accordion.style1 .pxl-plus-minus::before { width: 22px; height: 4px; } .pxl-accordion.style1 .pxl-plus-minus::after { width: 4px; height: 22px; } @media (max-width: 575px) { .pxl-accordion.style1 .pxl-plus-minus { width: 18px; height: 18px; } .pxl-accordion.style1 .pxl-plus-minus::before { width: 18px; height: 2px; } .pxl-accordion.style1 .pxl-plus-minus::after { width: 2px; height: 18px; } } .pxl-accordion.style2 .pxl-plus-minus { position: relative; display: flex; align-items: center; } .pxl-accordion.style2 .pxl-plus-minus::before { position: absolute; content: ""; font-family: "pxli"; left: 0; font-size: 24px; color: var(--heading-color); transition: all 350ms ease-in-out 0s; } .pxl-accordion.style2 .ac-item { background-color: #fff; border-radius: 20px; padding: 20px 46px 19px 40px; margin-top: 15px; } .pxl-accordion.style2 .ac-item.active .pxl-plus-minus::before { transform: rotate(90deg); } .pxl-accordion.style2 .ac-item:first-child { margin-top: 0; } .pxl-accordion.style2 .ac-title { font-size: 24px; font-weight: 500; justify-content: space-between; color: var(--heading-color); cursor: pointer; } .pxl-accordion.style2 .ac-content { padding-top: 15px; margin-top: 15px; border-top: 1px solid #ECECDE; } .pxl-widget-divider .pxl-divider { background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .pxl-pricing-single .pricing-price { font-size: 55px; font-weight: 600; line-height: 46px; color: var(--heading-color); display: flex; align-items: baseline; transition: all 250ms ease-in 0s; } .pxl-pricing-single .pricing-price .price-suffix { font-size: 18px; color: var(--body-color); font-weight: 400; margin-left: 10px; transition: all 250ms ease-in 0s; } @media (max-width: 575px) { .pxl-pricing-single .pricing-price .price-suffix { font-size: 16px; } } .pxl-pricing-single .pricing-title { font-size: 28px; font-weight: 500; margin-top: 16px; margin-bottom: 8px; transition: all 250ms ease-in 0s; } .pxl-pricing-single .desc { font-size: 18px; line-height: 24px; max-width: 245px; transition: all 250ms ease-in 0s; } @media (max-width: 575px) { .pxl-pricing-single .desc { font-size: 16px; line-height: 22px; } } .pxl-pricing-single .item-feature { display: flex; align-items: center; gap: 10px; margin-top: 11px; } .pxl-pricing-single .item-feature .pxl-icon { display: inline-flex; } .pxl-pricing-single .item-feature .pxl-icon i { color: var(--primary-color); font-size: 20px; transition: all 250ms ease-in 0s; } .pxl-pricing-single .item-feature .pxl-icon svg { fill: var(--primary-color); width: 20px; height: 20px; transition: all 250ms ease-in 0s; } .pxl-pricing-single .item-feature .item-text { font-size: 16px; transition: all 250ms ease-in 0s; } .pxl-pricing-single .item-feature:first-child { margin-top: 0; } .pxl-pricing-single .pricing-feature { margin-top: 32px; } .pxl-pricing-single .pricing-button { margin-top: 37px; } .pxl-pricing-single .pricing-button a { width: 100%; max-width: 232px; transition: all 300ms ease-in-out 0s; } .pxl-pricing-single .brand { text-transform: uppercase; font-size: 12px; font-weight: 600; background-color: var(--heading-color); color: #fff; padding: 5px 16px; position: absolute; top: 0; right: 0; transition: all 300ms ease-in-out 0s; opacity: 0; transform: translateY(0); } .pxl-pricing-single .box-item { transition: all 300ms ease-in-out 0s; } .pxl-pricing-single .inner-item { position: relative; padding: 86px 32px 0 40px; transition: all 300ms ease-in-out 0s; background-repeat: no-repeat; background-position: right; } @media (max-width: 575px) { .pxl-pricing-single .inner-item { padding: 60px 30px 0 30px; } } .pxl-pricing-single .inner-item:hover { background-color: var(--primary-color); background-image: url(../images/bg-overlay.png); transition: all 300ms ease-in-out 0s; } .pxl-pricing-single .inner-item:hover .brand { opacity: 1; transform: translateY(-10px); } .pxl-pricing-single .inner-item:hover .price-suffix { color: var(--heading-color); } .pxl-pricing-single .inner-item:hover .desc { color: var(--heading-color); } .pxl-pricing-single .inner-item:hover .pxl-icon i { color: rgba(0, 0, 0, 0.1); } .pxl-pricing-single .inner-item:hover .pxl-icon svg { fill: rgba(0, 0, 0, 0.1); } .pxl-pricing-single .inner-item:hover .item-text { color: var(--heading-color); } .pxl-pricing-single .inner-item:hover .btn-primary { background-color: var(--heading-color); color: #fff; } .pxl-pricing-single .inner-item:hover .box-item { transform: translateY(-42px); } @media (max-width: 575px) { .pxl-pricing-single .inner-item:hover .box-item { transform: translateY(-30px); } } .pxl-pricing-single.highlight-none .brand { display: none; } .pxl-tabs .tabs-content { position: relative; } .pxl-tabs .tabs-content .tab-content { display: none; } .pxl-tabs .tabs-content .tab-content.active { display: block; } .pxl-tabs.layout-1 .tabs-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 20px; } .pxl-tabs.layout-1 .tabs-title > * { max-width: 100%; } .pxl-tabs.layout-1 .tab-title { font-size: 18px; line-height: 24px; text-transform: capitalize; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to left, var(--body-color), var(--body-color) 50%, var(--heading-color) 50%); background-size: 200% 100%; background-position: 100%; transition: all 0.35s ease-in-out; cursor: pointer; position: relative; padding: 0 15px 14px; } .pxl-tabs.layout-1 .tab-title::after { content: ""; position: absolute; bottom: 1px; left: 0; right: 0; height: 3px; background: var(--primary-color); opacity: 0; transform: scaleX(0); transition: all 300ms ease-in-out; z-index: 1; } .pxl-tabs.layout-1 .tab-title.active { background-position: 0%; } .pxl-tabs.layout-1 .tab-title.active::after { opacity: 1; transform: scaleX(1); } .pxl-tabs.layout-2 { position: relative; } .pxl-tabs.layout-2 .tabs-title { flex-direction: column; position: absolute; bottom: 73px; right: 0; z-index: 1; text-align: end; gap: 26px; } .pxl-tabs.layout-2 .tab-title { --body-tabs-color: #D9D9D9; font-size: 20px; line-height: 24px; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, var(--heading-color), var(--heading-color) 50%, var(--body-tabs-color) 50%); background-size: 200% 100%; background-position: -100%; transition: all 0.4s ease-in-out; cursor: pointer; } .pxl-tabs.layout-2 .tab-title:hover { background-position: 0%; } .pxl-tabs.layout-2 .tab-title.active { background-position: 0%; } .pxl-location-wrap .map-area { margin-top: 40px; } .pxl-location-wrap .map-area .map-wrapper { position: relative; } .pxl-location-wrap .map-area .location-wrap { position: absolute; -webkit-transform: translate(-50%, -100%); -khtml-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); cursor: pointer; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-location-wrap .tt-top-left .box-inner, .pxl-location-wrap .tt-top-right .box-inner { bottom: 100%; right: 50%; } .pxl-location-wrap .pxl-ttip { position: relative; display: inline-block; } .pxl-location-wrap .pxl-ttip .box-inner { position: absolute; pointer-events: none; background: var(--heading-color); padding: 10px 30px 10px 10px; z-index: 10; -webkit-transform: translate(50%, -16px); -khtml-transform: translate(50%, -16px); -moz-transform: translate(50%, -16px); -ms-transform: translate(50%, -16px); -o-transform: translate(50%, -16px); transform: translate(50%, -16px); gap: 15px; width: max-content; border-radius: 8px; transition: all 300ms ease-in-out 0s; } .pxl-location-wrap .pxl-ttip .box-inner::before { content: ""; position: absolute; background: 0 0; border: 7px solid transparent; z-index: 10; margin-bottom: 0; top: auto; bottom: -14px; transition: 0.3s; left: auto; right: 50%; transform: translateX(50%); border-top-color: var(--heading-color); } .pxl-location-wrap .pxl-ttip:hover .box-inner { -webkit-transform: translate(50%, -16px) scale(1.05); -khtml-transform: translate(50%, -16px) scale(1.05); -moz-transform: translate(50%, -16px) scale(1.05); -ms-transform: translate(50%, -16px) scale(1.05); -o-transform: translate(50%, -16px) scale(1.05); transform: translate(50%, -16px) scale(1.05); } .pxl-location-wrap .pxl-ttip:hover .box-inner::before { transform: translateX(50%) scale(0.7); } @media (max-width: 991px) { .pxl-location-wrap .pxl-ttip .box-inner { opacity: 0 !important; padding: 10px; } .pxl-location-wrap .pxl-ttip:hover .box-inner { opacity: 1 !important; } } @media (max-width: 767px) { .pxl-location-wrap .pxl-ttip .box-inner { flex-direction: column; gap: 8px; } } .pxl-location-wrap .map-marker { width: 15px; height: 15px; background-color: var(--heading-color); transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s; border-radius: 50%; position: relative; border: 5px solid var(--primary-color); box-shadow: 0px 0px 30px var(--primary-color); } .pxl-location-wrap .title-location { display: flex; flex-direction: column; justify-content: center; } .pxl-location-wrap .item-image img { border-radius: 4px; } @media (max-width: 991px) { .pxl-location-wrap .item-image img { width: 60px; height: 70px; object-fit: cover; } } @media (max-width: 767px) { .pxl-location-wrap .item-image img { width: 100%; } } .pxl-location-wrap .item-title { font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 23px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 991px) { .pxl-location-wrap .item-title { margin-bottom: 10px; } } @media (max-width: 767px) { .pxl-location-wrap .item-title { font-size: 16px; } } .pxl-location-wrap .item-number, .pxl-location-wrap .item-email { color: #fff; font-size: 14px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 767px) { .pxl-location-wrap .item-number, .pxl-location-wrap .item-email { font-size: 12px; } } .pxl-location-wrap .item-email { margin-top: 3px; } .pxl-video-player .btn-video-wrap { flex-direction: column; cursor: pointer; } .pxl-video-player .pxl-video-btn { width: 60px; height: 60px; border-radius: 50%; background-color: var(--primary-color); display: flex; align-items: center; justify-content: center; } .pxl-video-player .pxl-video-btn > span { font-size: 14px; color: #000000; } .pxl-video-player .video-text { font-size: 18px; color: var(--heading-color); margin-top: 14px; } .pxl-video-player.btn-style-style-1 .pxl-video-btn { position: relative; overflow: hidden; background-color: transparent; border: 1px solid var(--primary-color); transition: all 300ms ease-in-out 0s; } .pxl-video-player.btn-style-style-1 .pxl-video-btn::before { content: ""; position: absolute; width: 101%; height: 101%; background: var(--primary-color); -webkit-mask: url("../images/nature-sprite.png"); mask: url("../images/nature-sprite.png"); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; border: none; -webkit-animation: ani2 0.5s steps(22) forwards; -khtml-animation: ani2 0.5s steps(22) forwards; -moz-animation: ani2 0.5s steps(22) forwards; -ms-animation: ani2 0.5s steps(22) forwards; -o-animation: ani2 0.5s steps(22) forwards; animation: ani2 0.5s steps(22) forwards; } .pxl-video-player.btn-style-style-1 .pxl-video-btn:hover::before { -webkit-animation: ani 0.7s steps(22) forwards; -khtml-animation: ani 0.7s steps(22) forwards; -moz-animation: ani 0.7s steps(22) forwards; -ms-animation: ani 0.7s steps(22) forwards; -o-animation: ani 0.7s steps(22) forwards; animation: ani 0.7s steps(22) forwards; } .pxl-video-player.btn-style-style-1 .pxl-video-btn span, .pxl-video-player.btn-style-style-1 .pxl-video-btn svg { z-index: 1; } .pxl-circle-text { display: flex; justify-content: center; } .pxl-circle-text .pxl-scroll-down { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; z-index: 1; } .pxl-circle-text .item-inner { padding: 1px; overflow: hidden; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-flex; } .pxl-circle-text .pxl-item-inner { background-color: #fff; position: relative; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 200px; height: 200px; display: inline-flex; align-items: center; text-align: center; justify-content: center; } .pxl-circle-text .pxl-item-inner::before { --color-circle-border: rgba(25, 27, 29, 0.2); --animation-duration-border: 5s; content: ""; z-index: -2; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); background-repeat: no-repeat; background-position: 0 0; background-image: conic-gradient(rgba(0, 0, 0, 0), var(--color-circle-border), rgba(0, 0, 0, 0) 75%); animation: rotate-line var(--animation-duration-border) linear infinite; } .pxl-circle-text .pxl-item-inner .pxl-rotate { --animation-duration-text: 10s; position: relative; width: 100%; height: 100%; animation: rotateText var(--animation-duration-text) linear infinite; } .pxl-circle-text .pxl-item-inner .pxl-rotate .text { font-size: 18px; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); letter-spacing: 5.5px; } .pxl-circle-text .pxl-item-inner .pxl-rotate .text text { fill: var(--heading-color); position: relative; } .pxl-circle-text .pxl-item-inner .pxl-icon-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-130deg); line-height: 1; } .pxl-circle-text .pxl-item-inner .pxl-icon-center svg, .pxl-circle-text .pxl-item-inner .pxl-icon-center i { color: var(--heading-color); transform: rotate(130deg); } .pxl-circle-text .pxl-item-inner .pxl-icon-center i { font-size: 40px; } .pxl-circle-text .pxl-item-inner .pxl-icon-center svg { width: 40px; height: 40px; } .pxl-circle-text .pxl-item-inner .pxl-meta-content { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-48%, -48%); } .pxl-group-image .inner-item { display: flex; align-items: center; justify-content: center; } .pxl-group-image .inner-item .item-image { position: absolute; top: 0; bottom: 0; border-radius: 10px; overflow: hidden; display: flex; } .pxl-group-image .inner-item .item-image img { object-fit: cover; } .pxl-group-image .inner-item:first-child .item-image { position: relative; top: 0 !important; bottom: 0 !important; z-index: 2; } .pxl-group-image .inner-item:nth-child(even) .item-image { z-index: 1; top: 40px; } @media (max-width: 575px) { .pxl-group-image .inner-item:nth-child(even) .item-image { top: 20px; } } .pxl-group-image .inner-item:nth-child(odd) .item-image { top: 90px; } @media (max-width: 575px) { .pxl-group-image .inner-item:nth-child(odd) .item-image { top: 40px; } } .pxl-heading-scroll-effect { --heading-color-1: rgba(25, 27, 29, 0.2); } .pxl-heading-scroll-effect .heading-text { margin-bottom: 0; } .pxl-heading-scroll-effect .heading-text div { background-clip: text; color: transparent; background: linear-gradient(to right, var(--heading-color) 50%, var(--heading-color-1) 50%) no-repeat; -webkit-background-clip: text; background-clip: text; background-size: 200% 100%; background-position-x: 100%; transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.75s; } .pxl-text-trail { position: relative; overflow: hidden; height: 780px; } .pxl-text-trail .box-inner { position: absolute; display: flex; justify-content: center; align-items: center; background-position: left; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: -80px; } .pxl-text-trail .item-text { position: absolute; top: 0; left: 0; opacity: 0; will-change: transform; font-size: 40px; font-family: var(--heading-font-family); line-height: 45px; color: var(--heading-color); text-transform: uppercase; padding: 11.5px 30px; background-color: var(--primary-color); border-radius: 50px; } .pxl-tabs-slip .pxl-tabs--content { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: max-content; } .pxl-tabs-slip .pxl-item--content { overflow: hidden; position: relative; transform-origin: bottom; max-width: 100% !important; width: 100% !important; left: 0 !important; } .pxl-tabs-slip .pin-spacer { width: 100% !important; } .pxl-tabs-slip.style-1 .pxl-tabs--content { gap: 21px; } .pxl-fancybox-wrap.layout-1 .fancybox-inner { text-align: center; height: 408px; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 59px 22px 49px; background-color: var(--primary-color); border-radius: 20px; position: relative; overflow: hidden; transition: all 350ms ease-in-out 0s; } @media (max-width: 575px) { .pxl-fancybox-wrap.layout-1 .fancybox-inner { height: 350px; padding: 35px 20px 35px; } } .pxl-fancybox-wrap.layout-1 .fancybox-inner::before { content: ""; position: absolute; width: 361px; height: 361px; right: -153px; top: -146px; background-repeat: no-repeat; background-position: left bottom; background-image: url(../images/circle-service-2.png); background-size: cover; } @media (max-width: 767px) { .pxl-fancybox-wrap.layout-1 .fancybox-inner::before { width: 290px; height: 290px; right: -100px; top: -120px; } } .pxl-fancybox-wrap.layout-1 .fancybox-inner::after { content: ""; position: absolute; background-color: #E5DEED; width: 20px; height: 20px; border-radius: 50%; left: 50%; bottom: 0; transform: translate(-50%, 50%); } .pxl-fancybox-wrap.layout-1 .fancybox-inner:hover { background-color: var(--heading-color); } .pxl-fancybox-wrap.layout-1 .fancybox-inner:hover::before { animation: reverse-rotate 0.8s forwards; background-image: url(../images/circlehover-service-2.png); } .pxl-fancybox-wrap.layout-1 .fancybox-inner:hover .item-number { color: var(--primary-color); } .pxl-fancybox-wrap.layout-1 .fancybox-inner:hover .title { color: var(--primary-color); } .pxl-fancybox-wrap.layout-1 .item-number { font-size: 50px; color: var(--heading-color); position: relative; z-index: 1; transition: all 350ms ease-in-out 0s; } @media (max-width: 767px) { .pxl-fancybox-wrap.layout-1 .item-number { font-size: 43px; } } @media (max-width: 575px) { .pxl-fancybox-wrap.layout-1 .item-number { font-size: 36px; } } .pxl-fancybox-wrap.layout-1 .pxl-fancybox-content { position: relative; z-index: 1; } .pxl-fancybox-wrap.layout-1 .title { font-size: 24px; color: var(--heading-color); margin-bottom: 11px; transition: all 350ms ease-in-out 0s; } @media (max-width: 575px) { .pxl-fancybox-wrap.layout-1 .title { font-size: 20px; } } .pxl-fancybox-wrap.layout-1 .desc { color: var(--second-color); display: -webkit-box; max-height: 1296px*px; font-size: 18px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -khtml-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-fancybox-wrap.layout-1 .desc > * { display: -webkit-box; max-height: 1296px*px; font-size: 18px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -khtml-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } @media (max-width: 575px) { .pxl-fancybox-wrap.layout-1 .desc { font-size: 16px; line-height: 22px; } } .pxl-fancybox-wrap.layout-2 .title { font-size: 24px; line-height: 30px; font-weight: 500; max-width: 387px; margin-bottom: 2px; } .pxl-fancybox-wrap.layout-2 .desc { font-size: 17px; line-height: 24px; font-weight: 500; } .pxl-fancybox-wrap.layout-2 .pxl-icon i { font-size: 100px; } .pxl-fancybox-wrap.layout-2 .pxl-icon svg { min-width: 100px; } .pxl-fancybox-wrap.layout-2 .fancybox-inner { align-items: center; column-gap: 35px; row-gap: 20px; background-color: #fff; border-radius: 20px; padding: 44px 58px 44px 54px; transition: all 350ms ease-in-out 0s; border: 1px solid transparent; height: 200px; } .pxl-fancybox-wrap.layout-2 .fancybox-inner:hover { border-bottom: 4px solid; border-color: #8CC633; } @media (max-width: 575px) { .pxl-fancybox-wrap.layout-2 .fancybox-inner { flex-direction: column; align-items: start; height: auto; } } .pxl-team.layout-1 .inner-item { display: inline-block; background-color: #fff; padding: 5px; border-radius: 6px; text-align: center; } .pxl-team.layout-1 .inner-item .item-image { border-radius: 4px; overflow: hidden; } .pxl-team.layout-1 .inner-item .item-name { font-size: 14px; line-height: 20px; font-family: var(--heading-font-family); color: var(--heading-color); margin-bottom: 0; margin-top: 5px; } .pxl-chart.layout-1 .inner-item { display: flex; gap: 10px; height: 177px; } .pxl-chart.layout-1 .item-chart { display: flex; height: 100%; gap: 10px; align-items: end; } .pxl-chart.layout-1 .item-chart-1, .pxl-chart.layout-1 .item-chart-2 { height: 100%; width: 35px; display: inline-block; border-radius: 8px; } @media (max-width: 575px) { .pxl-chart.layout-1 .item-chart-1, .pxl-chart.layout-1 .item-chart-2 { border-radius: 4px; } } .pxl-chart.layout-1 .item-chart-1 { background-color: var(--primary-color); } .pxl-chart.layout-1 .item-chart-2 { background-color: #ECECDE; } .pxl-chart.layout-1 .item-month { font-size: 14px; font-weight: 500; line-height: 20px; position: relative; top: 1px; } .pxl-chart.layout-2 .location-wrap { position: absolute; -webkit-transform: translate(-50%, -100%) scale(0.6); -khtml-transform: translate(-50%, -100%) scale(0.6); -moz-transform: translate(-50%, -100%) scale(0.6); -ms-transform: translate(-50%, -100%) scale(0.6); -o-transform: translate(-50%, -100%) scale(0.6); transform: translate(-50%, -100%) scale(0.6); opacity: 0; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1; } .pxl-chart.layout-2 .chart-marker { width: 45px; height: 45px; background-color: #fff; font-size: 18px; line-height: 24px; font-weight: 500; color: var(--heading-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1); } .pxl-chart.layout-2 .chart-marker::before, .pxl-chart.layout-2 .chart-marker::after { content: ""; position: absolute; width: 100%; height: 10px; } .pxl-chart.layout-2 .chart-marker::before { top: -10px; } .pxl-chart.layout-2 .chart-marker::after { bottom: -10px; } .pxl-chart.layout-2 .item-title { position: absolute; font-size: 16px; line-height: 1.5; color: var(--heading-color); font-weight: 700; text-transform: uppercase; left: 50%; top: -10px; transform: translate(-50%, -100%); padding: 7px 15px 6px; background-color: #fff; border-radius: 8px; -webkit-transition: all 400ms ease-in-out 0s; -khtml-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } @media (max-width: 991px) { .pxl-chart.layout-2 .item-title { opacity: 0; } } @media (max-width: 767px) { .pxl-chart.layout-2 .item-title { font-size: 14px; padding: 7px 10px 6px; } } @media (max-width: 575px) { .pxl-chart.layout-2 .item-title { font-size: 12px; padding: 4px 8px 3px; border-radius: 4px; } } .pxl-chart.layout-2 .item-des { position: absolute; min-width: 250px; font-size: 16px; line-height: 1.5; color: var(--heading-color); font-weight: 500; background-color: #fff; padding: 18px 20px 17px; border-radius: 10px; left: 50%; bottom: 0; transform: translate(-50%, 100%); opacity: 0; clip-path: inset(0 0 100% 0); -webkit-transition: all 400ms ease-in-out 0s; -khtml-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } @media (max-width: 767px) { .pxl-chart.layout-2 .item-des { font-size: 14px; } } @media (max-width: 575px) { .pxl-chart.layout-2 .item-des { font-size: 12px; padding: 14px 15px 13px; } } .pxl-chart.layout-2 .pxl-ttip:hover { z-index: 3; } .pxl-chart.layout-2 .pxl-ttip:hover .item-des { clip-path: inset(0 0 0 0); opacity: 1; transform: translate(-50%, calc(100% + 6px)); } .pxl-chart.layout-2 .pxl-ttip:hover .item-title { background-color: #A9DE59; } @media (max-width: 991px) { .pxl-chart.layout-2 .pxl-ttip:hover .item-title { opacity: 1; } } .pxl-chart.layout-2 .map-wrapper svg { width: 100%; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(1) { transition-delay: 0s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(2) { transition-delay: 0.2s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(3) { transition-delay: 0.4s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(4) { transition-delay: 0.6s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(5) { transition-delay: 0.8s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(6) { transition-delay: 1s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(7) { transition-delay: 1.2s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(8) { transition-delay: 1.4s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(9) { transition-delay: 1.6s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active > *:nth-child(10) { transition-delay: 1.8s; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active svg .path-chart { stroke-dasharray: 3000px; stroke-dashoffset: 3000px; animation: dash 2s linear forwards; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active .location-wrap { -webkit-transform: translate(-50%, -100%) scale(1); -khtml-transform: translate(-50%, -100%) scale(1); -moz-transform: translate(-50%, -100%) scale(1); -ms-transform: translate(-50%, -100%) scale(1); -o-transform: translate(-50%, -100%) scale(1); transform: translate(-50%, -100%) scale(1); opacity: 1; } .pxl-chart.layout-2 .map-wrapper.pxl-animated-waypoint.active .location-wrap.pxl-ttip:hover { transition-delay: 0s; } .pxl-login-wrap .pu-form-heading { text-align: center; margin-bottom: 29px; } .pxl-login-wrap .form-title { color: #24262B; font-size: 28px; font-weight: 600; line-height: 100%; margin-bottom: 14px; } @media (max-width: 575px) { .pxl-login-wrap .form-title { font-size: 24px; } } .pxl-login-wrap .form-desc { color: #505050; text-align: center; font-size: 16px; font-weight: 400; line-height: 100%; } .pxl-login-wrap .pu-form-item { margin-bottom: 30px; } @media (max-width: 575px) { .pxl-login-wrap .pu-form-item { margin-bottom: 25px; } } .pxl-login-wrap .pu-form-item:last-child { margin-bottom: 0; } .pxl-login-wrap .pu-form-item .lbl { color: #24262B; font-family: var(--heading-font-family); font-size: 16px; font-weight: 500; line-height: 100%; margin-bottom: 10px; } .pxl-login-wrap .pu-form-item input { color: var(--heading-color); font-family: var(--heading-font-family); font-size: 15px; font-weight: 400; line-height: 100%; background: #F3F3F3; border: none; padding-left: 24px; padding-right: 24px; } .pxl-login-wrap .pu-form-item input::placeholder { color: #666; font-size: 15px; font-weight: 400; } .pxl-login-wrap .pu-button-action { margin-top: 44px; margin-bottom: 0; display: flex; align-items: center; justify-content: center; gap: 15.5px; flex-wrap: wrap; } @media (max-width: 575px) { .pxl-login-wrap .pu-button-action { margin-top: 35px; } } .pxl-login-wrap .pu-button-action .pxl-btn { color: #fff; font-size: 16px; font-weight: 600; line-height: 20px; text-transform: uppercase; padding: 15px 35px; background: var(--heading-color); transition: all 300ms ease-in-out 0s; } .pxl-login-wrap .pu-button-action .pxl-btn:hover { background-color: var(--primary-color); color: var(--heading-color); } .pxl-login-wrap .pu-button-action .pu-link-form > a { color: #24262B; font-family: var(--heading-font-family); font-size: 16px; font-weight: 600; line-height: 50px; text-transform: uppercase; border: 1px solid #24262B; padding: 12px 35px; transition: all 300ms ease-in-out 0s; } .pxl-login-wrap .pu-button-action .pu-link-form > a:hover { background-color: var(--primary-color); color: var(--heading-color); border-color: var(--primary-color); } .pxl-login-wrap.login-form .remember-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; } .pxl-login-wrap.login-form .remember-wrap > a { color: var(--heading-color); font-size: 15px; font-weight: 400; line-height: 100%; } .pxl-login-wrap.login-form .label-for-checkbox { cursor: pointer; margin-bottom: 0; } .pxl-login-wrap.login-form .label-for-checkbox input { border-radius: 1px; border: 2px solid #D7D7D7; } .pxl-login-wrap.login-form .label-for-checkbox span { color: #24262B; font-size: 15px; font-weight: 400; line-height: 100%; position: relative; top: -1px; } .pxl-login-wrap.login-form .box-login-button { display: flex; align-items: center; justify-content: center; margin-top: 35px; gap: 14px; } .pxl-login-wrap.login-form .pu-button-action { margin-top: 0; } .pxl-login-wrap.login-form .pu-link-form > a { color: #24262B; font-family: var(--heading-font-family); font-size: 16px; font-weight: 600; line-height: 50px; text-transform: uppercase; border: 1px solid #24262B; padding: 12px 35px; transition: all 300ms ease-in-out 0s; } .pxl-login-wrap.login-form .pu-link-form > a:hover { background-color: var(--primary-color); color: var(--heading-color); border-color: var(--primary-color); } .pxl-login-wrap.login-form .pu-form-item.pu-login-pass { margin-bottom: 14px; } .pxl-frontend-form button[type="submit"] { min-width: 186px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-frontend-form button[type="submit"] .btn-text { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-frontend-form button[type="submit"] .pxli-spinner { font-size: 16px; position: absolute; top: 50%; left: 50%; margin-top: -7.5px; margin-left: -7.5px; line-height: 1; opacity: 0; visibility: hidden; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-frontend-form button[type="submit"].loading .btn-text { opacity: 0; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .pxl-frontend-form button[type="submit"].loading .pxli-spinner { font-size: inherit; opacity: 1; visibility: visible; -webkit-animation: spin 1s infinite linear; -khtml-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .pu-error { position: relative; display: block; width: 100%; margin-bottom: 0; } .pu-error .tt-text { position: absolute; top: 7px; right: 0; pointer-events: none; display: inline-block; padding: 5px 20px; font-size: 13px; line-height: 1.5; z-index: 2; pointer-events: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background: #e15a58; } .pu-error .tt-text:before { content: ""; position: absolute; background: 0 0; z-index: 1000001; margin-bottom: 0; top: auto; left: auto; right: 6px; top: -12px; bottom: auto; transition: 0.3s; border-bottom-color: #e15a58; } .field-checkbox .pu-error .tt-text { left: 0; right: auto; } .field-checkbox .pu-error .tt-text:before { left: 0; right: auto; } .pu-password-strength.short { color: #ff030b; } .pu-password-strength.bad { color: #ff9800; } .pu-password-strength.good { color: #b0c017; } .pu-password-strength.strong { color: #5ed640; } .pu-password-hint { font-size: 13px; color: #ff030b; } .pxl-login-reg-form .pxl-login-form { display: none; } .pxl-login-reg-form .pxl-login-form.active { display: block; } .pxl-login-reg-form .pxl-register-form { display: none; } .pxl-login-reg-form .pxl-register-form.active { display: block; } .dark-mode .pxl-cursor-circle { border: 2px solid var(--heading-color); } .grid-filter-wrap { row-gap: 10px; column-gap: 42px; margin-bottom: 60px; } @media (max-width: 1199px) { .grid-filter-wrap { column-gap: 30px; margin-bottom: 40px; } } .grid-filter-wrap .filter-item { position: relative; color: var(--heading-color); display: inline-block; font-family: var(--heading-font-family); font-weight: 500; font-size: 18px; text-transform: capitalize; cursor: pointer; padding-bottom: 10px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1199px) { .grid-filter-wrap .filter-item { padding-bottom: 5px; } } @media (max-width: 767px) { .grid-filter-wrap .filter-item { font-size: 16px; padding-bottom: 0; } } .grid-filter-wrap .filter-item:before { content: ""; width: 0; height: 2px; background-color: var(--second-color); position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); transform-origin: center; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .grid-filter-wrap .filter-item.active, .grid-filter-wrap .filter-item:hover { color: var(--second-color); } .grid-filter-wrap .filter-item.active:before, .grid-filter-wrap .filter-item:hover:before { width: 100%; left: 50%; } .pxl-post-grid.layout-post-1 .item-title { margin-bottom: 0; font-size: 28px; line-height: 1.25em; max-height: 70px*em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pxl-post-grid.layout-post-1 .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-grid.layout-post-1 .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-post-grid.layout-post-1 .item-title { font-size: 22px; } } .pxl-post-grid.layout-post-1 .item-meta { font-size: 16px; line-height: 35px; font-weight: 500; text-transform: capitalize; } .pxl-post-grid.layout-post-1 .item-meta a { width: fit-content; color: var(--body-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--body-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-grid.layout-post-1 .item-meta a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-post-grid.layout-post-1 .item-meta .pxl-dash { position: relative; display: inline-block; width: 10px; height: 1px; background-color: var(--body-color); top: -5px; margin: 0 6px; } .pxl-post-grid.layout-post-1 .pxl-readmore { width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; opacity: 0; transform: translateX(-100%) rotate(-360deg); transition: all 0.5s ease-out; } .pxl-post-grid.layout-post-1 .pxl-readmore .pxl-icon { overflow: hidden; } .pxl-post-grid.layout-post-1 .pxl-readmore i { font-size: 24px; color: var(--heading-color); } .pxl-post-grid.layout-post-1 .pxl-readmore:hover { color: initial; } .pxl-post-grid.layout-post-1 .pxl-readmore:hover i { animation: toTopFromBottom 0.4s forwards; } @media (max-width: 767px) { .pxl-post-grid.layout-post-1 .pxl-readmore { width: 50px; height: 50px; } } .pxl-post-grid.layout-post-1 .item-content { margin-top: 22px; display: flex; justify-content: space-between; gap: 15px; } @media (max-width: 575px) { .pxl-post-grid.layout-post-1 .post-image img { min-height: 400px; width: 100%; } } .pxl-post-grid.layout-post-1 .grid-item-inner:hover .pxl-readmore { transform: translateX(0) rotate(0); opacity: 1; } .pxl-service-grid.layout-services-1 .service-icon svg { width: 60px; height: 60px; fill: var(--heading-color); -webkit-transition: all 350ms ease-in 0s; -khtml-transition: all 350ms ease-in 0s; -moz-transition: all 350ms ease-in 0s; -ms-transition: all 350ms ease-in 0s; -o-transition: all 350ms ease-in 0s; transition: all 350ms ease-in 0s; } @media (max-width: 575px) { .pxl-service-grid.layout-services-1 .service-icon svg { width: 40px; height: 40px; } } .pxl-service-grid.layout-services-1 .item-content { margin-top: 30px; } @media (max-width: 575px) { .pxl-service-grid.layout-services-1 .item-content { margin-top: 20px; } } .pxl-service-grid.layout-services-1 .item-title { font-size: 24px; line-height: 20px; margin-bottom: 19px; } .pxl-service-grid.layout-services-1 .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-service-grid.layout-services-1 .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-service-grid.layout-services-1 .item-title { font-size: 20px; margin-bottom: 12px; } } .pxl-service-grid.layout-services-1 .item-excerpt { font-size: 18px; line-height: 20px; max-width: 295px; } @media (max-width: 575px) { .pxl-service-grid.layout-services-1 .item-excerpt { font-size: 16px; } } .pxl-service-grid.layout-services-1 .pxl-readmore { font-size: 16px; font-weight: 500; color: var(--heading-color); border: 1px solid var(--border-color); padding: 11px 19px; gap: 6px; margin-top: 37px; position: relative; -webkit-transition: all 250ms linear 0s; -khtml-transition: all 250ms linear 0s; -moz-transition: all 250ms linear 0s; -ms-transition: all 250ms linear 0s; -o-transition: all 250ms linear 0s; transition: all 250ms linear 0s; } .pxl-service-grid.layout-services-1 .pxl-readmore::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-color: var(--primary-color); transform-origin: bottom left; -webkit-transition: all 250ms linear 0s; -khtml-transition: all 250ms linear 0s; -moz-transition: all 250ms linear 0s; -ms-transition: all 250ms linear 0s; -o-transition: all 250ms linear 0s; transition: all 250ms linear 0s; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: -1; } .pxl-service-grid.layout-services-1 .pxl-readmore i { font-size: 20px; } .pxl-service-grid.layout-services-1 .pxl-readmore .pxl-icon { overflow: hidden; } .pxl-service-grid.layout-services-1 .pxl-readmore:hover { border-color: var(--primary-color); } .pxl-service-grid.layout-services-1 .pxl-readmore:hover::before { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-service-grid.layout-services-1 .pxl-readmore:hover i { animation: toTopFromBottom 0.4s forwards; } @media (max-width: 575px) { .pxl-service-grid.layout-services-1 .pxl-readmore { margin-top: 25px; } } .pxl-service-grid.layout-services-1 .pxl-divider { display: block; background-color: var(--border-color); width: 100%; height: 1px; margin: 20px 0; position: relative; } .pxl-service-grid.layout-services-1 .pxl-divider::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--heading-color); transition: all 350ms ease-in 0s; } @media (max-width: 575px) { .pxl-service-grid.layout-services-1 .pxl-divider { max-width: 300px; } } .pxl-service-grid.layout-services-1 .service-category { gap: 5px; } .pxl-service-grid.layout-services-1 .service-category a { color: var(--heading-color); font-size: 14px; line-height: 20px; font-weight: 500; text-transform: uppercase; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); padding: 1px 8px; transition: all 350ms ease 0s; } .pxl-service-grid.layout-services-1 .service-category a:hover { background-color: var(--primary-color); } .pxl-service-grid.layout-services-1 .grid-item-inner:hover .pxl-divider::before { width: 100%; } .pxl-service-grid.layout-services-1 .grid-item-inner:hover svg { transform: scale(1.03) translateY(3px); } .pxl-service-grid.layout-services-2 .item-content { display: flex; gap: 24px; padding: 53px 36px 42px 45px; border-bottom: 1px solid #ECECDE; } @media (max-width: 575px) { .pxl-service-grid.layout-services-2 .item-content { flex-direction: column; padding: 40px 25px 35px 25px; gap: 17px; } } .pxl-service-grid.layout-services-2 .item-title { font-size: 24px; line-height: 35px; margin-bottom: 3px; } .pxl-service-grid.layout-services-2 .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-service-grid.layout-services-2 .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-service-grid.layout-services-2 .item-title { font-size: 22px; line-height: 30px; } } .pxl-service-grid.layout-services-2 .item-excerpt { max-width: 374px; font-size: 16px; line-height: 1.5; font-size: 16px; line-height: 1.5; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .pxl-service-grid.layout-services-2 .grid-item-inner { background-color: #fff; border-radius: 20px; overflow: hidden; } .pxl-service-grid.layout-services-2 .grid-item-inner:hover .item-number { color: var(--primary-color); } .pxl-service-grid.layout-services-2 .item-category { display: flex; padding: 21px 36px 22px 45px; gap: 29px; } @media (max-width: 575px) { .pxl-service-grid.layout-services-2 .item-category { padding: 21px 20px 22px 25px; gap: 20px; flex-wrap: wrap; } } .pxl-service-grid.layout-services-2 .item-number { font-size: 95px; font-weight: 700; color: var(--third-color); line-height: 35px; position: relative; top: 17px; transition: all 350ms ease-in-out 0s; } @media (max-width: 1199px) { .pxl-service-grid.layout-services-2 .item-number { font-size: 75px; } } @media (max-width: 575px) { .pxl-service-grid.layout-services-2 .item-number { font-size: 55px; top: 0; } } .pxl-service-grid.layout-services-2 .service-category { gap: 11px; } .pxl-service-grid.layout-services-2 .service-category > a { border-radius: 8px; border: 2px solid var(--third-color); font-size: 14px; font-weight: 500; padding: 5px 13px; color: var(--body-color); transition: all 350ms ease-in-out 0s; } .pxl-service-grid.layout-services-2 .service-category > a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--heading-color); } @media (max-width: 575px) { .pxl-service-grid.layout-services-2 .service-icon svg { width: 80px; height: 80px; } } .pxl-team-list .item-image { position: absolute; width: 300px; height: 350px; top: 0; left: 0; pointer-events: none; opacity: 0; } .pxl-team-list .reveal-image { position: relative; background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; } .pxl-team-list .item-name { margin-bottom: 0; font-size: 40px; line-height: 1.75em; transition: all 300ms ease-in-out 0s; } .pxl-team-list .item-position { font-size: 18px; } .pxl-team-list .item-box-title { align-items: baseline; gap: 10px; } .pxl-team-list .inner-item { border-bottom: 1px solid var(--border-color); position: relative; } .pxl-team-list .inner-item:first-child { border-top: 1px solid var(--border-color); } .pxl-team-list .inner-item::before, .pxl-team-list .inner-item::after { content: ""; position: absolute; height: 0; width: 100%; left: 50%; transform: translateX(-50%); background-color: var(--primary-color); transition: height 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1; } .pxl-team-list .inner-item::before { bottom: 50%; } .pxl-team-list .inner-item::after { top: 50%; } .pxl-team-list .inner-item:hover::before, .pxl-team-list .inner-item:hover::after { height: 50%; } .pxl-team-list .inner-item:hover .item-position { color: rgba(0, 0, 0, 0.7); } .pxl-team-list .inner-item:hover .pxl-button-more > a { color: var(--heading-color); } .pxl-team-list .inner-item:hover .pxl-button-more > a span { color: var(--heading-color); } .pxl-team-list .inner-item:hover .item-social > * { opacity: 1; transform: translateY(0px); } .pxl-team-list .box-item { max-width: 1350px; margin: 0 auto; justify-content: space-between; align-items: center; padding: 26px 15px; } @media (max-width: 991px) { .pxl-team-list .box-item { flex-wrap: wrap; gap: 20px; } .pxl-team-list .box-item .pxl-button-more { width: 100%; } } .pxl-team-list .pxl-button-more > a { font-size: 18px; line-height: 24px; font-weight: 400; color: var(--body-color); display: inline-flex; align-items: center; gap: 5px; overflow: hidden; } .pxl-team-list .pxl-button-more > a i { font-size: 20px; } .pxl-team-list .pxl-button-more > a span { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; color: var(--body-color); } .pxl-team-list .pxl-button-more > a span:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-team-list .pxl-button-more > a:hover i { animation: toTopFromBottom 0.4s forwards; } @media (max-width: 575px) { .pxl-team-list .pxl-button-more > a { font-size: 16px; } .pxl-team-list .pxl-button-more > a i { font-size: 17px; } } .pxl-team-list .item-social { display: flex; gap: 10px; } .pxl-team-list .item-social > * { opacity: 0; transform: translateY(10px); transition: all 250ms ease-in; } .pxl-team-list .item-social > *:nth-child(1) { transition-delay: 120ms; } .pxl-team-list .item-social > *:nth-child(2) { transition-delay: 150ms; } .pxl-team-list .item-social > *:nth-child(3) { transition-delay: 180ms; } .pxl-team-list .item-social > *:nth-child(4) { transition-delay: 210ms; } @media (max-width: 767px) { .pxl-team-list .item-social > * { opacity: 1; transform: translateY(0); } } .pxl-team-list .item-social a { border: 1px solid var(--heading-color); border-radius: 6px; width: 40px; height: 40px; align-items: center; display: flex; justify-content: center; transition: all 300ms ease-in-out; } .pxl-team-list .item-social a:hover { background-color: var(--heading-color); } .pxl-team-list .item-social a:hover i { color: var(--primary-color); } @media (max-width: 575px) { .pxl-team-list .item-social a { width: 30px; height: 30px; } .pxl-team-list .item-social a i { font-size: 14px; } } .pxl-team-list .item-social i { font-size: 16px; color: var(--heading-color); } .pxl-service-list.layout-services-list-1 .item-title { font-size: 30px; margin-bottom: 10px; } .pxl-service-list.layout-services-list-1 .item-title > a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-service-list.layout-services-list-1 .item-title > a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-service-list.layout-services-list-1 .item-title { font-size: 22px; margin-bottom: 6px; } } .pxl-service-list.layout-services-list-1 .meta-item { font-size: 14px; font-weight: 500; color: var(--heading-color); opacity: 0.4; text-transform: uppercase; } .pxl-service-list.layout-services-list-1 .item-content { display: flex; justify-content: space-between; align-items: center; margin-top: 17px; } .pxl-service-list.layout-services-list-1 .pxl-button-more { min-width: 80px; height: 50px; background-color: var(--primary-color); border-radius: 40px; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateX(-100%) scale(0.5); transition: all 350ms ease-in-out 0s; } .pxl-service-list.layout-services-list-1 .pxl-button-more i { font-size: 20px; color: var(--heading-color); } .pxl-service-list.layout-services-list-1 .pxl-button-more:hover i { animation: toleftFromright 0.4s forwards; } @media (max-width: 575px) { .pxl-service-list.layout-services-list-1 .pxl-button-more { min-width: 60px; height: 42px; border-radius: 20px; } .pxl-service-list.layout-services-list-1 .pxl-button-more i { font-size: 16px; } } @media (max-width: 767px) { .pxl-service-list.layout-services-list-1 .item-featured img { width: 100%; height: 400px; max-height: 400px; object-fit: cover; } } .pxl-service-list.layout-services-list-1 .grid-item-inner:hover .pxl-button-more { opacity: 1; transform: translateX(0) scale(1); } .pxl-service-list.layout-services-list-2 .item-content { display: flex; gap: 24px; padding: 53px 36px 42px 45px; border-bottom: 1px solid #ECECDE; } @media (max-width: 575px) { .pxl-service-list.layout-services-list-2 .item-content { flex-direction: column; padding: 40px 25px 35px 25px; gap: 17px; } } .pxl-service-list.layout-services-list-2 .item-title { font-size: 24px; line-height: 35px; margin-bottom: 3px; } .pxl-service-list.layout-services-list-2 .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-service-list.layout-services-list-2 .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-service-list.layout-services-list-2 .item-title { font-size: 22px; line-height: 30px; } } .pxl-service-list.layout-services-list-2 .item-excerpt { max-width: 374px; font-size: 16px; line-height: 1.5; font-size: 16px; line-height: 1.5; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .pxl-service-list.layout-services-list-2 .grid-item-inner { background-color: #fff; border-radius: 20px; } .pxl-service-list.layout-services-list-2 .item-category { display: flex; padding: 21px 36px 22px 45px; gap: 29px; } @media (max-width: 575px) { .pxl-service-list.layout-services-list-2 .item-category { padding: 21px 20px 22px 25px; gap: 20px; flex-wrap: wrap; } } .pxl-service-list.layout-services-list-2 .item-number { font-size: 95px; font-weight: 700; color: var(--third-color); line-height: 35px; position: relative; top: 17px; transition: all 350ms ease-in-out 0s; } @media (max-width: 767px) { .pxl-service-list.layout-services-list-2 .item-number { font-size: 75px; } } @media (max-width: 575px) { .pxl-service-list.layout-services-list-2 .item-number { font-size: 55px; top: 0; } } .pxl-service-list.layout-services-list-2 .service-category { gap: 11px; } .pxl-service-list.layout-services-list-2 .service-category > a { border-radius: 8px; border: 2px solid var(--third-color); font-size: 14px; font-weight: 500; padding: 5px 13px; color: var(--body-color); transition: all 350ms ease-in-out 0s; } .pxl-service-list.layout-services-list-2 .service-category > a:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--heading-color); } .pxl-service-list.layout-services-list-2 .list-item { overflow: hidden; } .pxl-service-list.layout-services-list-2 .list-item.active .item-number, .pxl-service-list.layout-services-list-2 .list-item:hover .item-number { color: var(--primary-color); } @media (max-width: 575px) { .pxl-service-list.layout-services-list-2 .service-icon svg { width: 80px; height: 80px; } } .dark-mode .pxl-post-grid.layout-post-1 .pxl-readmore { background-color: var(--heading-color); } .dark-mode .pxl-post-grid.layout-post-1 .pxl-readmore i { color: #000000; } .dark-mode .pxl-load-more .btn-grid-loadmore { color: #000000; } .dark-mode .pxl-service-grid .pxl-readmore:hover { color: #191B1D; } .dark-mode .pxl-service-grid .service-category a:hover { color: #191B1D; } .dark-mode .pxl-team-list .pxl-button-more > a span { background-image: linear-gradient(transparent calc(100% - 1px), #191B1D 1px); } .pxl-post-list.layout-post-list-1 .post-image img { width: 100%; object-fit: cover; } @media (max-width: 767px) { .pxl-post-list.layout-post-list-1 .post-image img { max-height: 450px; } } .pxl-post-list.layout-post-list-1 .item-content { background-color: #FAFAFA; padding: 35px 50px 50px; } @media (max-width: 575px) { .pxl-post-list.layout-post-list-1 .item-content { font-size: 30px; padding: 25px 20px 30px; } } .pxl-post-list.layout-post-list-1 .item-title { font-size: 45px; line-height: 50px; margin-bottom: 9px; } .pxl-post-list.layout-post-list-1 .item-title a { color: inherit; position: relative; transition: all 300ms ease-in-out; text-decoration: underline transparent 2px; } .pxl-post-list.layout-post-list-1 .item-title a:hover { text-decoration: underline var(--heading-color) 2px; } @media (max-width: 767px) { .pxl-post-list.layout-post-list-1 .item-title { font-size: 40px; line-height: 45px; } } @media (max-width: 575px) { .pxl-post-list.layout-post-list-1 .item-title { font-size: 32px; line-height: 37px; } } .pxl-post-list.layout-post-list-1 .item-excerpt { font-size: 18px; line-height: 24px; max-width: 350px; } @media (max-width: 575px) { .pxl-post-list.layout-post-list-1 .item-excerpt { font-size: 16px; line-height: 22px; } } .pxl-post-list.layout-post-list-1 .item-post-metas { display: flex; justify-content: space-between; margin-top: 3px; } @media (max-width: 575px) { .pxl-post-list.layout-post-list-1 .item-post-metas { margin-top: 12px; } } .pxl-post-list.layout-post-list-1 .item-post-metas .meta-item { color: var(--body-color); font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; } .pxl-post-list.layout-post-list-1 .item-post-metas .meta-item a { width: fit-content; color: var(--body-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--body-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-list.layout-post-list-1 .item-post-metas .meta-item a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-post-list.layout-post-list-1 .item-post-metas .post-author { position: relative; margin-left: 30px; } .pxl-post-list.layout-post-list-1 .item-post-metas .post-author::before { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%) rotate(35deg); width: 1px; height: 15px; background-color: var(--body-color); } .pxl-post-list.layout-post-list-1 .pxl-button-more { width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .pxl-post-list.layout-post-list-1 .pxl-button-more i { font-size: 24px; } .pxl-post-list.layout-post-list-1 .pxl-button-more:hover { color: initial; } .pxl-post-list.layout-post-list-1 .pxl-button-more:hover i { animation: toTopFromBottom 0.4s forwards; } @media (max-width: 575px) { .pxl-post-list.layout-post-list-1 .pxl-button-more { width: 45px; height: 45px; } .pxl-post-list.layout-post-list-1 .pxl-button-more i { font-size: 20px; } } .pxl-post-list.layout-post-list-2 .list-item { background-color: #292D32; } .pxl-post-list.layout-post-list-2 .item-title { font-size: 35px; line-height: 41px; font-weight: 500; color: #fff; margin-bottom: 18px; display: -webkit-box; max-height: 2870px*px; font-size: 35px; line-height: 41px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-post-list.layout-post-list-2 .item-title > * { display: -webkit-box; max-height: 2870px*px; font-size: 35px; line-height: 41px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-post-list.layout-post-list-2 .item-title a { color: inherit; position: relative; transition: all 300ms ease-in-out; text-decoration: underline transparent 2px; } .pxl-post-list.layout-post-list-2 .item-title a:hover { text-decoration: underline #fff 2px; } @media (max-width: 767px) { .pxl-post-list.layout-post-list-2 .item-title { display: -webkit-box; max-height: 2100px*px; font-size: 30px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-post-list.layout-post-list-2 .item-title > * { display: -webkit-box; max-height: 2100px*px; font-size: 30px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } } .pxl-post-list.layout-post-list-2 .item-excerpt { font-size: 18px; line-height: 24px; max-width: 318px; } @media (max-width: 575px) { .pxl-post-list.layout-post-list-2 .item-excerpt { font-size: 16px; line-height: 22px; } } .pxl-post-list.layout-post-list-2 .item-content { padding: 35px 15px 45px 60px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 1199px) { .pxl-post-list.layout-post-list-2 .item-content { padding: 35px 15px 45px 45px; gap: 20px; } } @media (max-width: 767px) { .pxl-post-list.layout-post-list-2 .item-content { padding: 30px 15px 35px 45px; } } @media (max-width: 575px) { .pxl-post-list.layout-post-list-2 .item-content { padding: 30px 35px 30px 35px; } } .pxl-post-list.layout-post-list-2 .item-post-metas .meta-item { color: var(--body-color); font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; } .pxl-post-list.layout-post-list-2 .item-post-metas .meta-item a { width: fit-content; color: var(--body-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--body-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-list.layout-post-list-2 .item-post-metas .meta-item a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-post-list.layout-post-list-2 .item-post-metas .post-author { position: relative; margin-left: 30px; } .pxl-post-list.layout-post-list-2 .item-post-metas .post-author::before { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%) rotate(35deg); width: 1px; height: 15px; background-color: var(--body-color); } .pxl-post-list.layout-post-list-2 .item-featured { padding: 10px 25px 10px 31px; } .pxl-post-list.layout-post-list-2 .item-featured img { width: 100%; } @media (max-width: 575px) { .pxl-post-list.layout-post-list-2 .item-featured { padding: 15px 35px 20px 35px; } } .pxl-swiper-slider:not(.pxl-swiper-initialized) .pxl-swiper-slider-wrap { visibility: hidden; } .pxl-history-carousel.layout-1 { position: relative; user-select: none; } .pxl-history-carousel.layout-1 .content-item { text-align: center; } .pxl-history-carousel.layout-1 .item-title { font-size: 28px; font-weight: 600; margin-bottom: 12px; } @media (max-width: 575px) { .pxl-history-carousel.layout-1 .item-title { font-size: 24px; } } .pxl-history-carousel.layout-1 .item-des { font-weight: 500; max-width: 378px; margin: 0 auto; display: -webkit-box; max-height: 2592px*px; font-size: 18px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; -khtml-line-clamp: 6; -moz-line-clamp: 6; -ms-line-clamp: 6; -o-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-history-carousel.layout-1 .item-des > * { display: -webkit-box; max-height: 2592px*px; font-size: 18px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; -khtml-line-clamp: 6; -moz-line-clamp: 6; -ms-line-clamp: 6; -o-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } @media (max-width: 575px) { .pxl-history-carousel.layout-1 .item-des { font-size: 16px; line-height: 22px; max-width: 330px; } } .pxl-history-carousel.layout-1 .pxl-button-more { margin-top: 52px; } @media (max-width: 575px) { .pxl-history-carousel.layout-1 .pxl-button-more { margin-top: 35px; } } .pxl-history-carousel.layout-1 .pxl-button-more .pxl-icon { display: flex; overflow: hidden; } .pxl-history-carousel.layout-1 .pxl-button-more .btn-primary { gap: 5px; } .pxl-history-carousel.layout-1 .pxl-button-more .btn-primary:hover i { animation: toTopFromBottom 0.4s forwards; } .pxl-history-carousel.layout-1 .item-inner { display: flex; flex-direction: column; align-items: center; } .pxl-history-carousel.layout-1 .pxl-swiper-container { padding: 35px 24px; } .pxl-history-carousel.layout-1 .item-slide { position: absolute; top: 64.5%; left: 50%; transform: translate(-50%, -50%); transition: width 1s, height 1s; display: flex; justify-content: center; align-items: center; padding: 0; overflow: hidden; width: 460px; height: auto; } .pxl-history-carousel.layout-1 .pxl-swiper-wrapper { position: relative; top: 0; left: 0; overflow: visible; z-index: 2; height: 1580px; margin-bottom: -927px; } @media (max-width: 1199px) { .pxl-history-carousel.layout-1 .pxl-swiper-wrapper { margin-bottom: -966px; } } @media (max-width: 991px) { .pxl-history-carousel.layout-1 .pxl-swiper-wrapper { margin-bottom: -986px; } } @media (max-width: 767px) { .pxl-history-carousel.layout-1 .pxl-swiper-wrapper { height: 1500px; margin-bottom: -1050px; } .pxl-history-carousel.layout-1 .pxl-swiper-wrapper .item-slide:nth-child(even) .item-image { opacity: 0 !important; transition: all 300ms ease-in-out 0s; } } .pxl-history-carousel.layout-1 .box-pev-next { position: absolute; z-index: 10; left: 50%; bottom: 146px; transform: translate(-50%, 0); text-align: center; } @media (max-width: 767px) { .pxl-history-carousel.layout-1 .box-pev-next { bottom: 0; } } .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next { font-size: 12px; font-weight: 500; line-height: 2; text-transform: uppercase; position: relative; background: white; padding: 0 6px; display: inline-block; border-radius: 4px; } .pxl-history-carousel.layout-1 .box-pev-next .text-pev-next::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); width: 158px; height: 1px; background: linear-gradient(90deg, rgba(25, 27, 29, 0) 0%, rgba(25, 27, 29, 0.4) 50.5%, rgba(25, 27, 29, 0) 100%); z-index: -1; } .pxl-history-carousel.layout-1 .pxl-swiper-arrow { width: auto; height: auto; font-size: 44px; background-color: transparent; color: var(--heading-color); } .pxl-history-carousel.layout-1 .pxl-swiper-dots { display: flex; justify-content: center; margin-top: 20px; } .pxl-history-carousel.layout-1 .thumb-item { width: auto !important; transform: scale(0.5); opacity: 0; } .pxl-history-carousel.layout-1 .thumb-item .item-year { font-size: 18px; line-height: 30px; color: var(--body-color); } @media (max-width: 575px) { .pxl-history-carousel.layout-1 .thumb-item .item-year { font-size: 16px; } } .pxl-history-carousel.layout-1 .thumb-item.active { opacity: 1; transform: scale(1); } .pxl-history-carousel.layout-1 .thumb-item.active .item-year { font-size: 28px; color: var(--heading-color); } @media (max-width: 575px) { .pxl-history-carousel.layout-1 .thumb-item.active .item-year { font-size: 24px; } } .pxl-history-carousel.layout-1 .thumb-item:has(+ .thumb-item.active), .pxl-history-carousel.layout-1 .thumb-item.active + .thumb-item { opacity: 1; transform: scale(1); transition: all 300ms ease-in-out 0s; } .pxl-history-carousel.layout-1 .pxl-thumbs-wrapper { gap: 25px; } .pxl-history-carousel.layout-1 .pxl-swiper-thumbs { max-width: 200px; } .pxl-history-carousel.layout-1 .pxl-swiper-slider-thumbs { margin-top: 14px; } .pxl-history-carousel.layout-1 .pxl-carousel-inner { padding-top: 78px; } @media (max-width: 991px) { .pxl-history-carousel.layout-1 .pxl-carousel-inner { padding-top: 30px; } } @media (max-width: 575px) { .pxl-history-carousel.layout-1 .pxl-carousel-inner { padding-top: 0; } } .pxl-post-carousel.layout-post-1 .item-title { margin-bottom: 0; font-size: 28px; line-height: 1.25em; max-height: 70px*em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pxl-post-carousel.layout-post-1 .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-carousel.layout-post-1 .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-post-carousel.layout-post-1 .item-title { font-size: 22px; } } .pxl-post-carousel.layout-post-1 .item-meta { font-size: 16px; line-height: 35px; font-weight: 500; text-transform: capitalize; } .pxl-post-carousel.layout-post-1 .item-meta a { width: fit-content; color: var(--body-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--body-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-carousel.layout-post-1 .item-meta a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-post-carousel.layout-post-1 .item-meta .pxl-dash { position: relative; display: inline-block; width: 10px; height: 1px; background-color: var(--body-color); top: -5px; margin: 0 6px; } .pxl-post-carousel.layout-post-1 .pxl-readmore { width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; opacity: 0; transform: translateX(-100%) rotate(-360deg); transition: all 0.5s ease-out; } .pxl-post-carousel.layout-post-1 .pxl-readmore .pxl-icon { overflow: hidden; } .pxl-post-carousel.layout-post-1 .pxl-readmore i { font-size: 24px; color: var(--heading-color); } .pxl-post-carousel.layout-post-1 .pxl-readmore:hover { color: initial; } .pxl-post-carousel.layout-post-1 .pxl-readmore:hover i { animation: toTopFromBottom 0.4s forwards; } @media (max-width: 767px) { .pxl-post-carousel.layout-post-1 .pxl-readmore { width: 50px; height: 50px; } } .pxl-post-carousel.layout-post-1 .item-inner { margin-top: 22px; display: flex; justify-content: space-between; gap: 15px; } .pxl-post-carousel.layout-post-1 .item-featured img { width: 100%; } @media (max-width: 575px) { .pxl-post-carousel.layout-post-1 .item-featured img { min-height: 400px; object-fit: cover; } } .pxl-post-carousel.layout-post-1 .item-inner-wrap:hover .pxl-readmore { transform: translateX(0) rotate(0); opacity: 1; } .pxl-post-carousel.layout-post-1 .pxl-swiper-slide:nth-child(odd) .item-inner-wrap { margin-top: 70px; } @media (max-width: 991px) { .pxl-post-carousel.layout-post-1 .pxl-swiper-slide:nth-child(odd) .item-inner-wrap { margin-top: 0; } } .pxl-service-carousel.layout-services-1 .service-icon svg { width: 60px; height: 60px; -webkit-transition: all 350ms ease-in 0s; -khtml-transition: all 350ms ease-in 0s; -moz-transition: all 350ms ease-in 0s; -ms-transition: all 350ms ease-in 0s; -o-transition: all 350ms ease-in 0s; transition: all 350ms ease-in 0s; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-1 .service-icon svg { width: 40px; height: 40px; } } .pxl-service-carousel.layout-services-1 .item-inner { margin-top: 30px; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-1 .item-inner { margin-top: 20px; } } .pxl-service-carousel.layout-services-1 .item-title { font-size: 24px; line-height: 20px; margin-bottom: 19px; } .pxl-service-carousel.layout-services-1 .item-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-service-carousel.layout-services-1 .item-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-1 .item-title { font-size: 20px; margin-bottom: 12px; } } .pxl-service-carousel.layout-services-1 .item-excerpt { max-width: 295px; color: #4B4B4B; font-size: 18px; line-height: 20px; max-height: 1080px*px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-1 .item-excerpt { font-size: 16px; } } .pxl-service-carousel.layout-services-1 .pxl-readmore { font-size: 16px; font-weight: 500; color: var(--heading-color); border: 1px solid rgba(25, 27, 29, 0.1); padding: 11px 19px; gap: 6px; margin-top: 37px; position: relative; -webkit-transition: all 250ms linear 0s; -khtml-transition: all 250ms linear 0s; -moz-transition: all 250ms linear 0s; -ms-transition: all 250ms linear 0s; -o-transition: all 250ms linear 0s; transition: all 250ms linear 0s; } .pxl-service-carousel.layout-services-1 .pxl-readmore::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-color: var(--heading-color); transform-origin: bottom left; -webkit-transition: all 250ms linear 0s; -khtml-transition: all 250ms linear 0s; -moz-transition: all 250ms linear 0s; -ms-transition: all 250ms linear 0s; -o-transition: all 250ms linear 0s; transition: all 250ms linear 0s; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: -1; } .pxl-service-carousel.layout-services-1 .pxl-readmore i { font-size: 20px; } .pxl-service-carousel.layout-services-1 .pxl-readmore .pxl-icon { overflow: hidden; } .pxl-service-carousel.layout-services-1 .pxl-readmore:hover { color: #fff; } .pxl-service-carousel.layout-services-1 .pxl-readmore:hover::before { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-service-carousel.layout-services-1 .pxl-readmore:hover i { color: var(--primary-color); animation: toTopFromBottom 0.4s forwards; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-1 .pxl-readmore { margin-top: 25px; } } .pxl-service-carousel.layout-services-1 .pxl-divider { display: block; background-color: rgba(25, 27, 29, 0.1); width: 100%; height: 1px; margin: 20px 0; position: relative; } .pxl-service-carousel.layout-services-1 .pxl-divider::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--heading-color); transition: all 350ms ease-in 0s; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-1 .pxl-divider { max-width: 300px; } } .pxl-service-carousel.layout-services-1 .service-category { gap: 5px; } .pxl-service-carousel.layout-services-1 .service-category a { color: var(--heading-color); font-size: 14px; line-height: 20px; font-weight: 500; text-transform: uppercase; border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); padding: 1px 8px; transition: all 350ms ease 0s; } .pxl-service-carousel.layout-services-1 .service-category a:hover { background-color: var(--primary-color); } .pxl-service-carousel.layout-services-1 .item-inner-wrap:hover .pxl-divider::before { width: 100%; } .pxl-service-carousel.layout-services-1 .item-inner-wrap:hover svg { transform: scale(1.03) translateY(3px); } .pxl-service-carousel.layout-services-2 .item-title { font-weight: 400; text-transform: capitalize; max-width: 270px; display: -webkit-box; max-height: 3600px*px; font-size: 40px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; margin-bottom: 12px; } .pxl-service-carousel.layout-services-2 .item-title > * { display: -webkit-box; max-height: 3600px*px; font-size: 40px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } @media (max-width: 767px) { .pxl-service-carousel.layout-services-2 .item-title { display: -webkit-box; max-height: 2800px*px; font-size: 35px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-service-carousel.layout-services-2 .item-title > * { display: -webkit-box; max-height: 2800px*px; font-size: 35px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } } @media (max-width: 575px) { .pxl-service-carousel.layout-services-2 .item-title { display: -webkit-box; max-height: 1960px*px; font-size: 28px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-service-carousel.layout-services-2 .item-title > * { display: -webkit-box; max-height: 1960px*px; font-size: 28px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -khtml-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } } .pxl-service-carousel.layout-services-2 .item-title a { color: inherit; transition: all 350ms ease-in-out; text-decoration: underline transparent 2px; } .pxl-service-carousel.layout-services-2 .item-title a:hover { text-decoration: underline var(--heading-color) 2px; } .pxl-service-carousel.layout-services-2 .item-excerpt { display: -webkit-box; max-height: 90px; font-size: 20px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -khtml-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-service-carousel.layout-services-2 .item-excerpt > * { display: -webkit-box; max-height: 90px; font-size: 20px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -khtml-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } @media (max-width: 575px) { .pxl-service-carousel.layout-services-2 .item-excerpt { display: -webkit-box; max-height: 72px; font-size: 16px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -khtml-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-service-carousel.layout-services-2 .item-excerpt > * { display: -webkit-box; max-height: 72px; font-size: 16px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -khtml-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } } .pxl-service-carousel.layout-services-2 .pxl-swiper-slide { border-right: 1px solid #C9BCD9; transition: all 350ms ease-in-out; } .pxl-service-carousel.layout-services-2 .pxl-swiper-slide:hover { border-color: transparent; border-radius: 20px; } .pxl-service-carousel.layout-services-2 .item-inner { padding: 42px 44px 50px 50px; border-radius: 20px; min-height: 526px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: all 350ms ease-in-out; } @media (max-width: 767px) { .pxl-service-carousel.layout-services-2 .item-inner { padding: 30px 25px 30px 25px; min-height: 450px; } } @media (max-width: 575px) { .pxl-service-carousel.layout-services-2 .item-inner { padding: 30px 25px 30px 25px; min-height: 400px; border-radius: 12px; } } .pxl-service-carousel.layout-services-2 .item-inner::before { content: ""; position: absolute; width: 360px; height: 360px; left: 0; bottom: -104px; background-repeat: no-repeat; background-position: left bottom; } @media (max-width: 767px) { .pxl-service-carousel.layout-services-2 .item-inner::before { width: 250px; height: 250px; background-size: cover; } } .pxl-service-carousel.layout-services-2 .item-inner:hover { background-color: var(--primary-color); } .pxl-service-carousel.layout-services-2 .item-inner:hover::before { animation: sk-rotate 0.8s forwards; background-image: url(../images/circle-service-2.png); } .pxl-service-carousel.layout-services-2 .item-inner:hover .btn-secondary { background-color: var(--heading-color); padding: 0px 30px; border-radius: 50px; } @media (max-width: 767px) { .pxl-service-carousel.layout-services-2 .item-inner:hover .btn-secondary { padding: 0px 15px; } } .pxl-service-carousel.layout-services-2 .item-inner:hover .btn-secondary .pxl-icon { transform: rotate(90deg); } .pxl-service-carousel.layout-services-2 .item-inner:hover .btn-secondary i { color: var(--primary-color); } .pxl-service-carousel.layout-services-2 .service-readmore { display: flex; justify-content: end; } .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary { height: 60px; min-width: 119px; transition: all 350ms ease-in-out; align-items: center; justify-content: center; overflow: hidden; background-color: transparent; } @media (max-width: 767px) { .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary { height: 52px; min-width: 90px; } } .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary .pxl-icon { transform: rotate(60deg); transition: all 350ms ease-in-out; } .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary i { color: var(--heading-color); font-size: 71px; transition: all 350ms ease-in-out; } @media (max-width: 767px) { .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary i { font-size: 50px; } } .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary:hover { background-color: #E5DEED; } .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary:hover .su-button-effect { background-color: #E5DEED; } .pxl-service-carousel.layout-services-2 .service-readmore .btn-secondary:hover i { color: var(--heading-color); } .pxl-logo-marquee1 { position: relative; overflow: hidden; } .pxl-logo-marquee1 .pxl-flex-middle { display: flex; flex-wrap: wrap; align-items: center; } .pxl-logo-marquee1 .pxl-item--marquee { justify-content: center; display: flex; flex-wrap: wrap; opacity: 0; } .pxl-logo-marquee1 .pxl-logo-hidden { flex-wrap: nowrap; opacity: 0; visibility: hidden; white-space: nowrap; } .pxl-logo-marquee1 .pxl-logo-hidden-wrap { overflow: hidden; } .pxl-logo-marquee1 .pxl-logo-active { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pxl-logo-marquee1 .pxl-logo-active .pxl-item--marquee { position: absolute; top: 0; bottom: 0; margin: auto; padding: 0; width: max-content; } .pxl-logo-marquee1 .pxl-item--logo { display: inline-flex; justify-content: center; align-items: center; width: 100%; text-align: center; margin: 0 50px; font-size: 220px; line-height: 1; background: linear-gradient(180deg, rgba(45, 45, 44, 0.18) -11.27%, rgba(45, 45, 44, 0) 79.58%); -webkit-background-clip: text; color: transparent; } @media (max-width: 1199px) { .pxl-logo-marquee1 .pxl-item--logo { font-size: 180px; } } @media (max-width: 991px) { .pxl-logo-marquee1 .pxl-item--logo { font-size: 140px; margin: 0 35px; } } @media (max-width: 767px) { .pxl-logo-marquee1 .pxl-item--logo { font-size: 100px; margin: 0 20px; } } @media (max-width: 575px) { .pxl-logo-marquee1 .pxl-item--logo { font-size: 60px; } } .pxl-logo-marquee1 .pxl-item--inner { flex-wrap: nowrap; display: inline-flex; width: 100%; } .pxl-testimonial-carousel.layout-1 .item-inner .item-image { border-radius: 50%; overflow: hidden; border: 2px solid #fff; transition: all 350ms ease-in-out 0s; } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap { max-width: 405px; margin: 38px auto 31px; user-select: none; } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide { transition: transform 0.25s ease, left 0.25s ease; } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide .item-image { transform: scale(0.5073); } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-active .item-info-wrap { opacity: 1; } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-active .item-info-wrap > * { opacity: 1; transform: translateY(0); } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-active .item-image { transform: scale(1); } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-prev .item-image, .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-swiper-slide.swiper-slide-next .item-image { transform: scale(0.7971); } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .custom-next-after-prev { transform: translateX(17px); } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .custom-prev-before-next { transform: translateX(-17px); } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .item-name { font-size: 16px; line-height: 25px; font-weight: 600; color: #fff; text-transform: capitalize; margin-bottom: -3px; } .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .item-position { color: rgba(255, 255, 255, 0.5); font-size: 14px; font-weight: 500; text-transform: uppercase; } .pxl-testimonial-carousel.layout-1 .item-info-wrap { margin-top: 6px; display: flex; flex-direction: column; white-space: nowrap; opacity: 0; transition: all 350ms ease-in-out 0s; } .pxl-testimonial-carousel.layout-1 .item-info-wrap > * { opacity: 0; transform: translateY(10px); transition: all 350ms ease-in-out 0s; } .pxl-testimonial-carousel.layout-1 .item-info-wrap > *:nth-child(1) { transition-delay: 120ms; } .pxl-testimonial-carousel.layout-1 .item-info-wrap > *:nth-child(2) { transition-delay: 180ms; } .pxl-testimonial-carousel.layout-1 .item-description { max-width: 395px; font-weight: 300; color: var(--heading-color); display: -webkit-box; max-height: 3960px*px; font-size: 22px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; -khtml-line-clamp: 6; -moz-line-clamp: 6; -ms-line-clamp: 6; -o-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } .pxl-testimonial-carousel.layout-1 .item-description > * { display: -webkit-box; max-height: 3960px*px; font-size: 22px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; -khtml-line-clamp: 6; -moz-line-clamp: 6; -ms-line-clamp: 6; -o-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; -khtml-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-1 .swiper-slide-thumb-active .thumbs-wrap { opacity: 1; } } .pxl-testimonial-carousel.layout-1 .thumbs-wrap { background-color: #fff; border-radius: 30px; justify-content: space-between; overflow: hidden; gap: 20px; } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-1 .thumbs-wrap { flex-direction: column; opacity: 0; transition: all 350ms ease-in-out 0s; } } .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-image { overflow: hidden; } .pxl-testimonial-carousel.layout-1 .thumbs-wrap img { -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.05) translateX(-3px); transform: scale(1.05) translateX(-3px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-1 .thumbs-wrap img { width: 100%; max-height: 300px; object-fit: cover; } } .pxl-testimonial-carousel.layout-1 .thumbs-wrap:hover img { -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-content { display: flex; flex-direction: column; justify-content: space-between; padding: 42px 0 38px 40px; gap: 20px; } @media (max-width: 767px) { .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-content { padding: 30px 0 25px 25px; } } @media (max-width: 767px) { .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-content { padding: 30px 20px 10px 20px; } } .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-name-position { flex-direction: column; } .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-name { font-size: 24px; line-height: 35px; font-weight: 600; color: var(--heading-color); text-transform: capitalize; } .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-position { color: #666666; font-size: 14px; text-transform: uppercase; } .pxl-testimonial-carousel.layout-1 .content-title { font-size: 55px; line-height: 58px; color: #ffffff; max-width: 502px; margin: 0 auto; text-align: center; text-transform: capitalize; } .pxl-testimonial-carousel.layout-2 { background-color: #fff; border-radius: 25px; padding: 46px 34px 60px 34px; height: 480px; } @media (max-width: 767px) { .pxl-testimonial-carousel.layout-2 { padding: 40px 15px 55px 15px; height: 450px; } } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 { height: auto; gap: 20px; flex-direction: column-reverse; padding: 40px 10px 55px 10px; } } .pxl-testimonial-carousel.layout-2 .item-rating { font-size: 22px; } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 .item-rating { font-size: 18px; } } .pxl-testimonial-carousel.layout-2 .item-rating i { color: #F9BC2F; } .pxl-testimonial-carousel.layout-2 .item-rating-star { margin-bottom: 10px; } .pxl-testimonial-carousel.layout-2 .item-des { font-weight: 300; color: var(--heading-color); max-width: 488px; display: inline-block; font-size: 28px; line-height: 40px; max-height: 6720px*px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } @media (max-width: 767px) { .pxl-testimonial-carousel.layout-2 .item-des { font-size: 24px; line-height: 35px; } } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 .item-des { font-size: 20px; line-height: 30px; } } .pxl-testimonial-carousel.layout-2 .thumbs-image { margin-bottom: 15px; } .pxl-testimonial-carousel.layout-2 .thumbs-image img { border-radius: 50%; } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 .thumbs-image img { width: 50px; height: 50px; } } .pxl-testimonial-carousel.layout-2 .thumbs-content .thumbs-name { font-size: 20px; font-weight: 700; color: var(--heading-color); margin-bottom: -2px; } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 .thumbs-content .thumbs-name { font-size: 18px; } } .pxl-testimonial-carousel.layout-2 .thumbs-content .thumbs-position { font-size: 14px; font-weight: 500; } .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-wrap { border-right: 1px solid var(--third-color); } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-wrap { width: 100%; border: none; } } .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs { display: flex; flex-direction: column; justify-content: space-between; gap: 35px; padding-left: 40px; } @media (max-width: 767px) { .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs { padding-left: 20px; } } @media (max-width: 575px) { .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs { width: 100%; padding-left: 15px; } } .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs .thumb-item .thumbs-content { opacity: 0; transition: opacity 300ms ease-in-out; } .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs .thumb-item.swiper-slide-thumb-active .thumbs-content { opacity: 1; } .pxl-clients.layout-2 .pxl-swiper-slider-wrap::before { content: ""; position: absolute; background: linear-gradient(90deg, #1F2E07 0%, rgba(31, 46, 7, 0) 30%, rgba(31, 46, 7, 0) 70%, #1F2E07 100%); left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .pxl-wheel-carousel.layout-1 { display: flex; justify-content: center; } .pxl-wheel-carousel.layout-1 .box-inner { position: relative; width: 717px; height: 717px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .pxl-wheel-carousel.layout-1 .box-inner::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 3px; background: linear-gradient(-90deg, #8CC633 0%, #ECECDE 75%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; border-radius: 50%; } .pxl-wheel-carousel.layout-1 .inner-item { width: 100%; height: 100%; z-index: 1; position: relative; } .pxl-wheel-carousel.layout-1 .item-content { display: inline-block; } .pxl-wheel-carousel.layout-1 .pxl-wheel-icon { overflow: visible; z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: transparent; } .pxl-wheel-carousel.layout-1 .box-wheel { width: 50px; height: 50px; color: #979797; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; z-index: 1; background-color: #F5F7EE; opacity: 0; transition: opacity 0.4s ease-in-out; font-weight: bold; cursor: pointer; } .pxl-wheel-carousel.layout-1 .box-wheel.active { background-color: var(--primary-color); color: #fff; } .pxl-wheel-carousel.layout-1 .box-wheel.active, .pxl-wheel-carousel.layout-1 .box-wheel.next, .pxl-wheel-carousel.layout-1 .box-wheel.prev { opacity: 1; } .pxl-wheel-carousel.layout-1 .box-image-title { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 494px; text-align: center; } .pxl-wheel-carousel.layout-1 .box-image-title::after { content: ""; position: absolute; width: 311px; height: 311px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(236, 236, 222, 0.5) 100%); top: -58px; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: -1; } @media (max-width: 575px) { .pxl-wheel-carousel.layout-1 .box-image-title::after { content: none; } } .pxl-wheel-carousel.layout-1 .box-image-title .box-image { position: relative; width: auto; height: auto; overflow: hidden; margin-bottom: 21px; } @media (max-width: 575px) { .pxl-wheel-carousel.layout-1 .box-image-title .box-image img { width: 70px; height: 70px; } } .pxl-wheel-carousel.layout-1 .box-image-title .item-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(0.8); transition: all 0.3s ease-in-out; } .pxl-wheel-carousel.layout-1 .box-image-title .item-image.active { opacity: 1; transform: scale(1); position: relative; } .pxl-wheel-carousel.layout-1 .box-image-title .item-title { font-size: 60px; line-height: 80px; text-transform: none; margin: auto; } .dark-mode .pxl-history-carousel .box-pev-next .text-pev-next { background: #191B1D; } .dark-mode .pxl-service-carousel.layout-services-2 .item-inner:hover::before { background-image: url(../images/img-brandingdark5.png); } .pxl-sliders-wrap { position: relative; height: 100%; } .pxl-sliders-wrap:not(.pxl-swiper-initialized) .pxl-slider-wrapper { visibility: hidden; } .pxl-slider-container { margin-left: auto; margin-right: auto; position: relative; overflow: visible; z-index: 0; } .pxl-slider-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .pxl-slider-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; overflow: hidden; /* .pxl-elementor-animate{ visibility: hidden; &.animated{ visibility: visible; } } */ } .pxl-slider-item > div { width: 100%; } .pxl-slider-item .pxl-slide-bg { width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .pxl-slider-item .pxl-btn { position: relative; z-index: 1; } .effect-fade .pxl-slider-item:not(.swiper-slide-active) { z-index: -1; } .effect-fade .pxl-slider-item.swiper-slide-active { z-index: 1; } .pxl-slide-bg { background-image: var(--slide-bg-lazy); } .pxl-slider-container:hover .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev, .pxl-slider-container:focus .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev { opacity: 1; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pxl-slider-container:hover .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next, .pxl-slider-container:focus .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next { opacity: 1; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pxl-slider-arrow-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; z-index: 2; } .pxl-slider-arrow-wrap > * { max-width: 100%; } .pxl-slider-arrow-wrap.pos-absolute.wrap { position: absolute; } .pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-prev { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-next { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .pxl-slider-arrow-wrap.pos-df { margin-top: 30px; } .pxl-slider-arrow-wrap.pos-df.wrap { justify-content: center; } .pxl-slider-arrow-wrap.separate { margin-top: 0; justify-content: space-between; } .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev { opacity: 0; -webkit-transform: translateX(-100%); -khtml-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next { opacity: 0; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .pxl-slider-arrow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; z-index: 2; text-align: center; cursor: pointer; position: relative; } .pxl-slider-arrow > * { max-width: 100%; } .pxl-slider-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-slider-arrow .arrow-text { font-size: 16px; position: relative; } .pxl-slider-arrow .pxl-icon { font-size: 25px; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; z-index: 2; text-align: center; background-color: transparent; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } @media (max-width: 1199px) { .pxl-slider-arrow .pxl-icon { width: 50px; height: 50px; font-size: 20px; } } @media (max-width: 575px) { .pxl-slider-arrow .pxl-icon { width: 40px; height: 40px; font-size: 18px; } } .pxl-slider-arrow .pxl-icon svg { width: 1em; height: 1em; -webkit-transition: fill 0.3s ease; -khtml-transition: fill 0.3s ease; -moz-transition: fill 0.3s ease; -ms-transition: fill 0.3s ease; -o-transition: fill 0.3s ease; transition: fill 0.3s ease; } .pxl-slider-arrow .pxl-icon svg path { -webkit-transition: fill 0.3s ease; -khtml-transition: fill 0.3s ease; -moz-transition: fill 0.3s ease; -ms-transition: fill 0.3s ease; -o-transition: fill 0.3s ease; transition: fill 0.3s ease; } .pxl-slider-dots.style-bullets { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; column-gap: 10px; margin: 0 2px; } .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet { width: 23px; height: 23px; line-height: 23px; text-align: center; cursor: pointer; position: relative; background-color: transparent; opacity: 1; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.25s linear; -khtml-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:before { content: ""; width: 5px; height: 5px; background: #cccccc; display: block; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.25s linear; -khtml-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover, .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet.swiper-pagination-bullet-active { -webkit-box-shadow: 0px 0px 0px 1px var(--primary-color); -khtml-box-shadow: 0px 0px 0px 1px var(--primary-color); -moz-box-shadow: 0px 0px 0px 1px var(--primary-color); -ms-box-shadow: 0px 0px 0px 1px var(--primary-color); -o-box-shadow: 0px 0px 0px 1px var(--primary-color); box-shadow: 0px 0px 0px 1px var(--primary-color); } .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover:before, .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--primary-color); } .pxl-slide-item-wrap.full-screen { height: 100vh; } .pxl-slide-item-wrap.full-screen .slide-content-wrap > div { height: 100vh; } .pxl-ttip { position: relative; display: inline-block; } .pxl-ttip:hover .tt-txt { visibility: visible; opacity: 1; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .tt-txt { font-size: 0; opacity: 0; visibility: hidden; border-radius: 3px; } .tt-txt:before { content: ""; position: absolute; background: 0 0; border: 6px solid transparent; z-index: 1000001; margin-bottom: 0; left: calc(50% - 6px); top: auto; bottom: -12px; transition: 0.3s; } .pxl-ttip .tt-txt { position: absolute; pointer-events: none; display: inline-block; background: #1b1b1b; color: #fff; padding: 8px 10px 8px 10px; font-size: 14px; line-height: 1; white-space: nowrap; background: #1b1b1b; z-index: 1000000; pointer-events: none; -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .tt_top .tt-txt, .tt-top .tt-txt { bottom: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .tt_top .tt-txt:before, .tt-top .tt-txt:before { border-top-color: #1b1b1b; } .tt_top:hover .tt-txt, .tt-top:hover .tt-txt { -webkit-transform: translate(-50%, -8px); -khtml-transform: translate(-50%, -8px); -moz-transform: translate(-50%, -8px); -ms-transform: translate(-50%, -8px); -o-transform: translate(-50%, -8px); transform: translate(-50%, -8px); } .tt-top-left .tt-txt, .tt-top-right .tt-txt { bottom: 100%; left: 50%; } .tt-top-left .tt-txt:before, .tt-top-right .tt-txt:before { border-top-color: #1b1b1b; } .tt-top-left:hover .tt-txt, .tt-top-right:hover .tt-txt { -webkit-transform: translate(0, -8px); -khtml-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -ms-transform: translate(0, -8px); -o-transform: translate(0, -8px); transform: translate(0, -8px); } .tt-top-left .tt-txt { -webkit-transform: translate(-100%, 0); -khtml-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); margin-left: 12px; } .tt-top-left .tt-txt:before { left: auto; right: 6px; } .tt-top-left:hover .tt-txt { -webkit-transform: translate(-100%, -8px); -khtml-transform: translate(-100%, -8px); -moz-transform: translate(-100%, -8px); -ms-transform: translate(-100%, -8px); -o-transform: translate(-100%, -8px); transform: translate(-100%, -8px); } .tt-top-right .tt-txt { -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-left: -12px; } .tt-top-right .tt-txt:before { left: 6px; right: auto; } .tt-top-right:hover .tt-txt { -webkit-transform: translate(0, -8px); -khtml-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -ms-transform: translate(0, -8px); -o-transform: translate(0, -8px); transform: translate(0, -8px); } .tt-left .tt-txt { left: auto; right: 100%; bottom: 50%; margin-bottom: -14px; } .tt-left .tt-txt:before { border-left-color: #1b1b1b; margin-right: -11px; margin-bottom: -6px; right: 0; bottom: 50%; left: auto; } .tt-left:hover .tt-txt { -webkit-transform: translate(-8px, 0); -khtml-transform: translate(-8px, 0); -moz-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); -o-transform: translate(-8px, 0); transform: translate(-8px, 0); } .tt-right .tt-txt { left: 100%; bottom: 50%; margin-bottom: -14px; } .tt-right .tt-txt:before { border-right-color: #1b1b1b; margin-left: -11px; margin-bottom: -6px; left: 0; bottom: 50%; } .tt-right:hover .tt-txt { -webkit-transform: translate(8px, 0); -khtml-transform: translate(8px, 0); -moz-transform: translate(8px, 0); -ms-transform: translate(8px, 0); -o-transform: translate(8px, 0); transform: translate(8px, 0); } .tt-bottom .tt-txt { top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .tt-bottom .tt-txt:before { border-bottom-color: #1b1b1b; top: -12px; bottom: auto; } .tt-bottom:hover .tt-txt { -webkit-transform: translate(-50%, 8px); -khtml-transform: translate(-50%, 8px); -moz-transform: translate(-50%, 8px); -ms-transform: translate(-50%, 8px); -o-transform: translate(-50%, 8px); transform: translate(-50%, 8px); } .tt-bottom-left .tt-txt, .tt-bottom-right .tt-txt { top: 100%; left: 50%; } .tt-bottom-left .tt-txt:before, .tt-bottom-right .tt-txt:before { border-bottom-color: #1b1b1b; top: -12px; bottom: auto; } .tt-bottom-left:hover .tt-txt, .tt-bottom-right:hover .tt-txt { -webkit-transform: translate(0, 8px); -khtml-transform: translate(0, 8px); -moz-transform: translate(0, 8px); -ms-transform: translate(0, 8px); -o-transform: translate(0, 8px); transform: translate(0, 8px); } .tt-bottom-left .tt-txt { -webkit-transform: translate(-100%, 100%); -khtml-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); margin-left: 12px; } .tt-bottom-left .tt-txt:before { left: auto; right: 6px; } .tt-bottom-left:hover .tt-txt { -webkit-transform: translate(-100%, 8px); -khtml-transform: translate(-100%, 8px); -moz-transform: translate(-100%, 8px); -ms-transform: translate(-100%, 8px); -o-transform: translate(-100%, 8px); transform: translate(-100%, 8px); } .tt-bottom-right .tt-txt { -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-left: -12px; } .tt-bottom-right .tt-txt:before { left: 6px; right: auto; } .tt-bottom-right:hover .tt-txt { -webkit-transform: translate(0, 8px); -khtml-transform: translate(0, 8px); -moz-transform: translate(0, 8px); -ms-transform: translate(0, 8px); -o-transform: translate(0, 8px); transform: translate(0, 8px); } .field-checkbox .pu-error .tt-text { left: 0; right: auto; } .field-checkbox .pu-error .tt-text:before { left: 0; right: auto; } .checkout-payment .form-field { position: relative; } .checkout-payment .form-field .pu-error { position: absolute; bottom: 7px; left: auto; right: 10px; } .checkout-payment .form-field .pu-error .tt-text { min-width: 200px; } .pxl-cursor-icon { position: absolute; width: 24px; height: 24px; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); transform-origin: center; color: #000; font-size: 24px; line-height: 1; transition: transform 0.3s linear, opacity 0.2s linear; display: inline-block; } @media (max-width: 575px) { .pxl-cursor-icon { width: 18px; height: 18px; font-size: 17px; } } .pxl-cursor-icon .pxl-icon { position: relative; width: 100%; height: 100%; display: block; } .pxl-cursor-icon .pxl-icon:before, .pxl-cursor-icon .pxl-icon:after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background-color: var(--second-color); transform-origin: 50% 50%; opacity: 1; -webkit-transition: transform ease 0.25s; -khtml-transition: transform ease 0.25s; -moz-transition: transform ease 0.25s; -ms-transition: transform ease 0.25s; -o-transition: transform ease 0.25s; transition: transform ease 0.25s; } .pxl-cursor-icon .pxl-icon:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .pxl-cursor-icon .pxl-icon:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .pxl-cursor-icon.active { position: fixed !important; opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-cursor-icon.hide { display: none; } .pxl-page-overlay .pxl-cursor-icon .pxl-icon:before, .pxl-page-overlay .pxl-cursor-icon .pxl-icon:after { background-color: #fff; } .pxl-hidden-template .pxl-cursor-icon .pxl-icon:before, .pxl-hidden-template .pxl-cursor-icon .pxl-icon:after { background-color: #fff; } .cursor-img { position: fixed; top: 0; left: 0; width: 120px; height: 120px; pointer-events: none; opacity: 0; } @media (max-width: 1199px) { .cursor-img { width: 100px; height: 100px; } } @media (max-width: 575px) { .cursor-img { width: 80px; height: 80px; } } .cursor-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s; } .cursor-media.active { opacity: 0.8; } .pxl-archive-post:not(.sticky) .pxli-thumbtack { display: none; } body:not(.theme-core) .post-tags-share { justify-content: flex-start; } body:not(.theme-core) .single-next-prev-nav .nav-label-wrap { margin-bottom: 0; } body:not(.theme-core) .single-next-prev-nav .nav-title-wrap { display: none; } body:not(.theme-core) th { font-weight: 500; } .post-password-form { position: relative; } .post-password-form input[type="submit"] { position: absolute; bottom: 0; right: 0; } .pxl-sidebar-area .wp-block-latest-comments li { margin-bottom: 13px; } .wp-block-button { margin-bottom: 20px; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-cover { color: #fff; } [class*="wp-block-"] { margin-bottom: 30px; } [class*="wp-block-"]:first-child { margin-top: 0; } [class*="wp-block-"]:last-child { margin-bottom: 0; } .wp-block-pages-list__item { margin-bottom: 0; } .pxl-sidebar-area [class*="wp-block-"] { margin-top: 0; margin-bottom: 0; } .pxl-sidebar-area [class*="wp-block-"]:first-child { margin-top: 0; } .pxl-sidebar-area [class*="wp-block-"]:last-child { margin-bottom: 0; } .pxl-sidebar-area .wp-block-latest-comments [class*="wp-block-"] { line-height: var(--body-line-height); } .pxl-sidebar-area .widget_block h2 { background-color: var(--primary-color); color: #fff; font-weight: 600; padding: 12px 16px; margin-left: -16px; margin-right: -16px; margin-bottom: 24px; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; font-size: var(--heading-font-size-h5); } .pxl-sidebar-area .widget_block h2:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: var(--primary-color); border-top-left-radius: 7px; border-top-right-radius: 7px; } .pxl-sidebar-area .widget_block ul { margin: 0; } .pxl-sidebar-area .widget_block li > a { padding: 7.5px 0; display: flex; flex-wrap: wrap; align-items: center; position: relative; font-family: var(--heading-font-family); font-size: 16px; line-height: 24px; } .pxl-sidebar-area .widget_block .wp-block-latest-posts__list { margin-bottom: 0; } .wp-block-group.has-background { padding: 15px 20px; } .wp-block-group .wp-block-button + * { padding-top: 15px; } .wp-block-rss { list-style: none; } .wp-block-table .has-fixed-layout { border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .blocks-gallery-caption { margin-bottom: 30px; } .wp-caption.alignright { margin-bottom: 0 !important; } .wp-block-quote br { display: none; } .pxl-sidebar-area .wp-block-latest-comments li { margin-bottom: 20px; } .pxl-sidebar-area .wp-block-latest-comments li:last-child { margin-bottom: 0; } .pxl-sidebar-area .wp-block-latest-comments [class*="wp-block-"] { padding-top: 0; padding-bottom: 0; } .widget_block.widget_search { border: 0; padding: 0; } .wp-block-search__label { display: none; } .wp-block-search__inside-wrapper { position: relative; } .wp-block-search__inside-wrapper .wp-block-search__input { padding-right: 50px; background-color: transparent; border-color: rgba(25, 27, 29, 0.1); } .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0; margin: 0; position: absolute; top: 6px; right: 6px; width: 43px; height: 43px; line-height: 1; border-color: transparent; border-radius: 6px; font-size: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 767px) { .wp-block-search__inside-wrapper .wp-block-search__button { top: 4px; right: 5px; width: 40px; height: 40px; } } [dir="rtl"] .wp-block-search__inside-wrapper .wp-block-search__button { right: auto; left: 6px; } .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-icon):before { content: ""; font-size: 14px; display: inline-block; line-height: 1; font-family: "pxli" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } .wp-block-search__inside-wrapper .wp-block-search__button:active, .wp-block-search__inside-wrapper .wp-block-search__button:hover, .wp-block-search__inside-wrapper .wp-block-search__button:focus { background-color: var(--primary-color); color: #fff; } .wp-block-search__inside-wrapper:active [type="submit"], .wp-block-search__inside-wrapper:hover [type="submit"], .wp-block-search__inside-wrapper:focus [type="submit"] { background-color: var(--primary-color); color: #fff; } ul.wp-block-archives { list-style: none; } blockquote a, .wp-block-quote a { color: var(--second-color); } blockquote a:hover, .wp-block-quote a:hover { color: #fff; } .gx-0 { column-gap: 0px; } .gy-0 { row-gap: 0px; } .row.gx-0 { --bs-gutter-x: 0px; column-gap: 0; } .gx-5 { column-gap: 5px; } .gy-5 { row-gap: 5px; } .row.gx-5 { --bs-gutter-x: 5px; column-gap: 0; } .gx-8 { column-gap: 8px; } .gy-8 { row-gap: 8px; } .row.gx-8 { --bs-gutter-x: 8px; column-gap: 0; } .gx-10 { column-gap: 10px; } .gy-10 { row-gap: 10px; } .row.gx-10 { --bs-gutter-x: 10px; column-gap: 0; } .gx-12 { column-gap: 12px; } .gy-12 { row-gap: 12px; } .row.gx-12 { --bs-gutter-x: 12px; column-gap: 0; } .gx-15 { column-gap: 15px; } .gy-15 { row-gap: 15px; } .row.gx-15 { --bs-gutter-x: 15px; column-gap: 0; } .gx-16 { column-gap: 16px; } .gy-16 { row-gap: 16px; } .row.gx-16 { --bs-gutter-x: 16px; column-gap: 0; } .gx-20 { column-gap: 20px; } .gy-20 { row-gap: 20px; } .row.gx-20 { --bs-gutter-x: 20px; column-gap: 0; } .gx-24 { column-gap: 24px; } .gy-24 { row-gap: 24px; } .row.gx-24 { --bs-gutter-x: 24px; column-gap: 0; } .gx-30 { column-gap: 30px; } .gy-30 { row-gap: 30px; } .row.gx-30 { --bs-gutter-x: 30px; column-gap: 0; } @media (max-width: 1599px) { .gx-xl-0 { column-gap: 0px; } .gy-xl-0 { row-gap: 0px; } .row.gx-xl-0 { --bs-gutter-x: 0px; } .gx-xl-5 { column-gap: 5px; } .gy-xl-5 { row-gap: 5px; } .row.gx-xl-5 { --bs-gutter-x: 5px; } .gx-xl-8 { column-gap: 8px; } .gy-xl-8 { row-gap: 8px; } .row.gx-xl-8 { --bs-gutter-x: 8px; } .gx-xl-10 { column-gap: 10px; } .gy-xl-10 { row-gap: 10px; } .row.gx-xl-10 { --bs-gutter-x: 10px; } .gx-xl-12 { column-gap: 12px; } .gy-xl-12 { row-gap: 12px; } .row.gx-xl-12 { --bs-gutter-x: 12px; } .gx-xl-15 { column-gap: 15px; } .gy-xl-15 { row-gap: 15px; } .row.gx-xl-15 { --bs-gutter-x: 15px; } .gx-xl-16 { column-gap: 16px; } .gy-xl-16 { row-gap: 16px; } .row.gx-xl-16 { --bs-gutter-x: 16px; } .gx-xl-20 { column-gap: 20px; } .gy-xl-20 { row-gap: 20px; } .row.gx-xl-20 { --bs-gutter-x: 20px; } .gx-xl-24 { column-gap: 24px; } .gy-xl-24 { row-gap: 24px; } .row.gx-xl-24 { --bs-gutter-x: 24px; } .gx-xl-30 { column-gap: 30px; } .gy-xl-30 { row-gap: 30px; } .row.gx-xl-30 { --bs-gutter-x: 30px; } } @media (max-width: 1199px) { .gx-lg-0 { column-gap: 0px; } .gy-lg-0 { row-gap: 0px; } .row.gx-lg-0 { --bs-gutter-x: 0px; } .gx-lg-5 { column-gap: 5px; } .gy-lg-5 { row-gap: 5px; } .row.gx-lg-5 { --bs-gutter-x: 5px; } .gx-lg-8 { column-gap: 8px; } .gy-lg-8 { row-gap: 8px; } .row.gx-lg-8 { --bs-gutter-x: 8px; } .gx-lg-10 { column-gap: 10px; } .gy-lg-10 { row-gap: 10px; } .row.gx-lg-10 { --bs-gutter-x: 10px; } .gx-lg-12 { column-gap: 12px; } .gy-lg-12 { row-gap: 12px; } .row.gx-lg-12 { --bs-gutter-x: 12px; } .gx-lg-15 { column-gap: 15px; } .gy-lg-15 { row-gap: 15px; } .row.gx-lg-15 { --bs-gutter-x: 15px; } .gx-lg-16 { column-gap: 16px; } .gy-lg-16 { row-gap: 16px; } .row.gx-lg-16 { --bs-gutter-x: 16px; } .gx-lg-20 { column-gap: 20px; } .gy-lg-20 { row-gap: 20px; } .row.gx-lg-20 { --bs-gutter-x: 20px; } .gx-lg-24 { column-gap: 24px; } .gy-lg-24 { row-gap: 24px; } .row.gx-lg-24 { --bs-gutter-x: 24px; } .gx-lg-30 { column-gap: 30px; } .gy-lg-30 { row-gap: 30px; } .row.gx-lg-30 { --bs-gutter-x: 30px; } } @media (max-width: 991px) { .gx-md-0 { column-gap: 0px; } .gy-md-0 { row-gap: 0px; } .row.gx-md-0 { --bs-gutter-x: 0px; } .gx-md-5 { column-gap: 5px; } .gy-md-5 { row-gap: 5px; } .row.gx-md-5 { --bs-gutter-x: 5px; } .gx-md-8 { column-gap: 8px; } .gy-md-8 { row-gap: 8px; } .row.gx-md-8 { --bs-gutter-x: 8px; } .gx-md-10 { column-gap: 10px; } .gy-md-10 { row-gap: 10px; } .row.gx-md-10 { --bs-gutter-x: 10px; } .gx-md-12 { column-gap: 12px; } .gy-md-12 { row-gap: 12px; } .row.gx-md-12 { --bs-gutter-x: 12px; } .gx-md-15 { column-gap: 15px; } .gy-md-15 { row-gap: 15px; } .row.gx-md-15 { --bs-gutter-x: 15px; } .gx-md-16 { column-gap: 16px; } .gy-md-16 { row-gap: 16px; } .row.gx-md-16 { --bs-gutter-x: 16px; } .gx-md-20 { column-gap: 20px; } .gy-md-20 { row-gap: 20px; } .row.gx-md-20 { --bs-gutter-x: 20px; } .gx-md-24 { column-gap: 24px; } .gy-md-24 { row-gap: 24px; } .row.gx-md-24 { --bs-gutter-x: 24px; } .gx-md-30 { column-gap: 30px; } .gy-md-30 { row-gap: 30px; } .row.gx-md-30 { --bs-gutter-x: 30px; } } @media (max-width: 767px) { .gx-sm-0 { column-gap: 0px; } .gy-sm-0 { row-gap: 0px; } .row.gx-sm-0 { --bs-gutter-x: 0px; } .gx-sm-5 { column-gap: 5px; } .gy-sm-5 { row-gap: 5px; } .row.gx-sm-5 { --bs-gutter-x: 5px; } .gx-sm-8 { column-gap: 8px; } .gy-sm-8 { row-gap: 8px; } .row.gx-sm-8 { --bs-gutter-x: 8px; } .gx-sm-10 { column-gap: 10px; } .gy-sm-10 { row-gap: 10px; } .row.gx-sm-10 { --bs-gutter-x: 10px; } .gx-sm-12 { column-gap: 12px; } .gy-sm-12 { row-gap: 12px; } .row.gx-sm-12 { --bs-gutter-x: 12px; } .gx-sm-15 { column-gap: 15px; } .gy-sm-15 { row-gap: 15px; } .row.gx-sm-15 { --bs-gutter-x: 15px; } .gx-sm-16 { column-gap: 16px; } .gy-sm-16 { row-gap: 16px; } .row.gx-sm-16 { --bs-gutter-x: 16px; } .gx-sm-20 { column-gap: 20px; } .gy-sm-20 { row-gap: 20px; } .row.gx-sm-20 { --bs-gutter-x: 20px; } .gx-sm-24 { column-gap: 24px; } .gy-sm-24 { row-gap: 24px; } .row.gx-sm-24 { --bs-gutter-x: 24px; } .gx-sm-30 { column-gap: 30px; } .gy-sm-30 { row-gap: 30px; } .row.gx-sm-30 { --bs-gutter-x: 30px; } } @media (max-width: 575px) { .gx-xs-0 { column-gap: 0px; } .gy-xs-0 { row-gap: 0px; } .row.gx-xs-0 { --bs-gutter-x: 0px; } .gx-xs-5 { column-gap: 5px; } .gy-xs-5 { row-gap: 5px; } .row.gx-xs-5 { --bs-gutter-x: 5px; } .gx-xs-8 { column-gap: 8px; } .gy-xs-8 { row-gap: 8px; } .row.gx-xs-8 { --bs-gutter-x: 8px; } .gx-xs-10 { column-gap: 10px; } .gy-xs-10 { row-gap: 10px; } .row.gx-xs-10 { --bs-gutter-x: 10px; } .gx-xs-12 { column-gap: 12px; } .gy-xs-12 { row-gap: 12px; } .row.gx-xs-12 { --bs-gutter-x: 12px; } .gx-xs-15 { column-gap: 15px; } .gy-xs-15 { row-gap: 15px; } .row.gx-xs-15 { --bs-gutter-x: 15px; } .gx-xs-16 { column-gap: 16px; } .gy-xs-16 { row-gap: 16px; } .row.gx-xs-16 { --bs-gutter-x: 16px; } .gx-xs-20 { column-gap: 20px; } .gy-xs-20 { row-gap: 20px; } .row.gx-xs-20 { --bs-gutter-x: 20px; } .gx-xs-24 { column-gap: 24px; } .gy-xs-24 { row-gap: 24px; } .row.gx-xs-24 { --bs-gutter-x: 24px; } .gx-xs-30 { column-gap: 30px; } .gy-xs-30 { row-gap: 30px; } .row.gx-xs-30 { --bs-gutter-x: 30px; } } /* @each $breakpoint, $min_width in $grid-breakpoints { @media (min-width: $min_width){ .overflow-hidden-#{$breakpoint}{ overflow: hidden !important; } } } */ /* .elementor-section.pxl-container-margin-auto-yes{ .elementor-column-gap-default{ margin-left: auto; margin-right: auto; } } @each $breakpoint, $max_width in $screen_breakpoints { @media (max-width: $max_width){ .elementor-section.pxl-container-margin-auto-#{$breakpoint}-yes{ .elementor-column-gap-default{ margin-left: auto; margin-right: auto; } } } } @each $breakpoint, $max_width in $screen_breakpoints { @media (max-width: $max_width){ .pxl-bg-mode-#{$breakpoint}-bg-mode{ .bg-inner{ display: block; } } .pxl-bg-mode-#{$breakpoint}-basic{ .bg-inner{ display: none; } } } } */ .pxl-border-anm.bw-no { border-width: 0; } .pxl-border-anm.bw-yes { border-width: var(--bd-width); } @media (max-width: 1599px) { .pxl-border-anm.bw-laptop-no { border-width: 0; } .pxl-border-anm.bw-laptop-yes { border-width: var(--bd-width); } } @media (max-width: 1199px) { .pxl-border-anm.bw-tablet_extra-no { border-width: 0; } .pxl-border-anm.bw-tablet_extra-yes { border-width: var(--bd-width); } } @media (max-width: 991px) { .pxl-border-anm.bw-tablet-no { border-width: 0; } .pxl-border-anm.bw-tablet-yes { border-width: var(--bd-width); } } @media (max-width: 767px) { .pxl-border-anm.bw-mobile_extra-no { border-width: 0; } .pxl-border-anm.bw-mobile_extra-yes { border-width: var(--bd-width); } } @media (max-width: 575px) { .pxl-border-anm.bw-mobile-no { border-width: 0; } .pxl-border-anm.bw-mobile-yes { border-width: var(--bd-width); } } .video-bg-type-background .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-background .static-img { opacity: 0; visibility: hidden; } .video-bg-type-background-only .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-background-only .static-img { display: none; } @media (max-width: 1599px) { .video-bg-type-laptop-static .parallax-inner { background-image: none; } .video-bg-type-laptop-static .static-img { opacity: 1; visibility: visible; display: block; } .video-bg-type-laptop-background .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-laptop-background .static-img { opacity: 0; visibility: hidden; display: block; } .video-bg-type-laptop-background-only .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-laptop-background-only .static-img { display: none; } } @media (max-width: 1199px) { .video-bg-type-tablet_extra-static .parallax-inner { background-image: none; } .video-bg-type-tablet_extra-static .static-img { opacity: 1; visibility: visible; display: block; } .video-bg-type-tablet_extra-background .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-tablet_extra-background .static-img { opacity: 0; visibility: hidden; display: block; } .video-bg-type-tablet_extra-background-only .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-tablet_extra-background-only .static-img { display: none; } } @media (max-width: 991px) { .video-bg-type-tablet-static .parallax-inner { background-image: none; } .video-bg-type-tablet-static .static-img { opacity: 1; visibility: visible; display: block; } .video-bg-type-tablet-background .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-tablet-background .static-img { opacity: 0; visibility: hidden; display: block; } .video-bg-type-tablet-background-only .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-tablet-background-only .static-img { display: none; } } @media (max-width: 767px) { .video-bg-type-mobile_extra-static .parallax-inner { background-image: none; } .video-bg-type-mobile_extra-static .static-img { opacity: 1; visibility: visible; display: block; } .video-bg-type-mobile_extra-background .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-mobile_extra-background .static-img { opacity: 0; visibility: hidden; display: block; } .video-bg-type-mobile_extra-background-only .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-mobile_extra-background-only .static-img { display: none; } } @media (max-width: 575px) { .video-bg-type-mobile-static .parallax-inner { background-image: none; } .video-bg-type-mobile-static .static-img { opacity: 1; visibility: visible; display: block; } .video-bg-type-mobile-background .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-mobile-background .static-img { opacity: 0; visibility: hidden; display: block; } .video-bg-type-mobile-background-only .parallax-inner { background-image: var(--pxl-video-player-bg-url); } .video-bg-type-mobile-background-only .static-img { display: none; } } .pxl-list-style .list-item { width: calc(var(--item-width) - ( var(--item-gap) / 2 )); } .pxl-icon-list--layout--inline .pxl-icon-list-wg { display: flex; flex-direction: row; } .pxl-icon-list--layout--traditional .pxl-icon-list-wg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } @media (max-width: 1599px) { .pxl-icon-list--layout--laptop-inline .pxl-icon-list-wg { display: flex; flex-direction: row; } .pxl-icon-list--layout--laptop-traditional .pxl-icon-list-wg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } } @media (max-width: 1199px) { .pxl-icon-list--layout--tablet_extra-inline .pxl-icon-list-wg { display: flex; flex-direction: row; } .pxl-icon-list--layout--tablet_extra-traditional .pxl-icon-list-wg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } } @media (max-width: 991px) { .pxl-icon-list--layout--tablet-inline .pxl-icon-list-wg { display: flex; flex-direction: row; } .pxl-icon-list--layout--tablet-traditional .pxl-icon-list-wg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } } @media (max-width: 767px) { .pxl-icon-list--layout--mobile_extra-inline .pxl-icon-list-wg { display: flex; flex-direction: row; } .pxl-icon-list--layout--mobile_extra-traditional .pxl-icon-list-wg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } } @media (max-width: 575px) { .pxl-icon-list--layout--mobile-inline .pxl-icon-list-wg { display: flex; flex-direction: row; } .pxl-icon-list--layout--mobile-traditional .pxl-icon-list-wg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; } } body.rtl { direction: rtl; unicode-bidi: embed; text-align: right; } body.rtl .pxl-counter-wg .counter-number { flex-direction: row-reverse; } body.rtl .pxl-btn.btn-third.icon-ps-right .pxl-icon { padding-left: 0; margin-left: 0; padding-right: 15px; margin-right: 15px; } body.rtl .pxl-btn.btn-third.icon-ps-right .pxl-icon::before { left: auto; right: 0; } body.rtl .pxl-btn.icon-ps-right .pxl-icon { margin-left: 0px; margin-right: 5px; } body.rtl .pxl-btn.icon-ps-left .pxl-icon { margin-left: 5px; margin-right: 0px; } body.rtl .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .custom-prev-before-next { transform: translateX(17px); } body.rtl .pxl-testimonial-carousel.layout-1 .pxl-swiper-slider-wrap .custom-next-after-prev { transform: translateX(-17px); } body.rtl .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-content { padding: 42px 40px 38px 0; } @media (max-width: 767px) { body.rtl .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-content { padding: 30px 25px 25px 0; } } @media (max-width: 767px) { body.rtl .pxl-testimonial-carousel.layout-1 .thumbs-wrap .thumbs-content { padding: 30px 20px 10px 20px; } } body.rtl .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-wrap { border-right: none; border-left: 1px solid var(--third-color); } body.rtl .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs { padding-left: 15px; padding-right: 40px; } @media (max-width: 767px) { body.rtl .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs { padding-right: 20px; } } @media (max-width: 575px) { body.rtl .pxl-testimonial-carousel.layout-2 .pxl-swiper-slider-thumbs { padding-right: 15px; } } body.rtl .pxl-post-carousel.layout-post-1 .pxl-readmore { transform: translateX(100%) rotate(-360deg); } body.rtl .pxl-post-carousel.layout-post-1 .item-meta .item-date { unicode-bidi: embed; } body.rtl .pxl-post-list.layout-post-list-1 .item-post-metas .post-author { margin-left: 0; margin-right: 30px; } body.rtl .pxl-post-list.layout-post-list-1 .item-post-metas .post-author::before { left: auto; right: -15px; } body.rtl .pxl-post-list.layout-post-list-2 .item-content { padding: 35px 60px 45px 15px; } @media (max-width: 1199px) { body.rtl .pxl-post-list.layout-post-list-2 .item-content { padding: 35px 45px 45px 15px; } } @media (max-width: 767px) { body.rtl .pxl-post-list.layout-post-list-2 .item-content { padding: 30px 45px 35px 15px; } } @media (max-width: 575px) { body.rtl .pxl-post-list.layout-post-list-2 .item-content { padding: 30px 35px 30px 35px; } } body.rtl .pxl-post-list.layout-post-list-2 .item-post-metas .post-author { margin-left: 0; margin-right: 30px; } body.rtl .pxl-post-list.layout-post-list-2 .item-post-metas .post-author::before { left: auto; right: -15px; } body.rtl .pxl-post-grid.layout-post-1 .item-meta .item-date { unicode-bidi: embed; } body.rtl .comment-respond .form-submit i { margin-left: 0; margin-right: 5px; } body.rtl .pxl-related-post .grid-item-inner .item-meta .item-date { unicode-bidi: embed; margin-right: 0; margin-left: 5px; } body.rtl .pxl-related-post .grid-item-inner .item-meta .item-name { margin-right: 5px; margin-left: 0; } body.rtl .pxl-location-wrap .pxl-ttip .box-inner { padding: 10px 10px 10px 30px; } @media (max-width: 767px) { body.rtl .pxl-location-wrap .pxl-ttip .box-inner { padding: 10px; } } body.rtl .pxl-tabs.layout-2 .tabs-title { text-align: start; } body.rtl .pxl-service-carousel.layout-services-1 .pxl-readmore .pxl-icon { transform: rotate(-90deg); } body.rtl .pxl-service-carousel.layout-services-2 .item-inner::before { left: auto; right: 0; } body.rtl .pxl-mobile-menu .main-menu-toggle { left: -6px; right: auto; } body.rtl .pxl-mailchimp .mc4wp-form .pxl-button-icon { right: auto; left: 0; padding-right: 0; padding-left: 3px; } body.rtl .pxl-service-list.layout-services-list-1 .pxl-button-more { transform: translateX(100%) scale(0.5); } .col2-set { display: flex; flex-wrap: wrap; margin: -15px; } .col2-set .col-1, .col2-set .col-2 { flex: 0 0 100%; max-width: 100%; padding: 15px; } @media (min-width: 769px) { .col2-set .col-1, .col2-set .col-2 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1200px) { .woocommerce-page .container-fluid.gap-70 { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1600px) { .woocommerce-page .container-fluid.gap-70 { padding-left: 75px; padding-right: 75px; } } @media (min-width: 992px) { .woocommerce-page .container-fluid.gap-70 .pxl-content-area { width: 80%; } } @media (min-width: 992px) { .woocommerce-page .container-fluid.gap-70 .sidebar-shop { width: 20%; } } .woocommerce-notices-wrapper { margin-bottom: 35px; } .woocommerce-notices-wrapper:empty { display: none; } .woocommerce-notices-wrapper .woocommerce-message { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; } .woocommerce-error, .woocommerce-info { position: relative; width: 100%; border: 0; color: var(--body-color); background: #f2f2f2; padding: 15px 15px 15px 45px; word-wrap: break-word; list-style: none; } .woocommerce-error:before, .woocommerce-info:before { font-family: "pxli"; font-size: 18px; position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-error a.button, .woocommerce-info a.button { float: right; padding: 0; background-color: transparent; border-color: transparent; color: var(--link-color); margin: 0; position: relative; } .woocommerce-error a.button:after, .woocommerce-info a.button:after { content: ""; width: 100%; height: 2px; background-color: var(--second-color); position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .woocommerce-error a.button:active, .woocommerce-error a.button:hover, .woocommerce-error a.button:focus, .woocommerce-info a.button:active, .woocommerce-info a.button:hover, .woocommerce-info a.button:focus { color: var(--second-color); outline: medium none; text-decoration: none; background-color: transparent; border-color: transparent; } .woocommerce-error { color: #d62a28; } .woocommerce-error:before { color: #d62a28; content: ""; } .woocommerce-info { color: #cf8207; } .woocommerce-info:before { color: #cf8207; content: ""; } .pxl-add-to-cart.loading:before { display: inline-block; content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--second-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-animation: pxl-spin 0.6s linear infinite; -khtml-animation: pxl-spin 0.6s linear infinite; -moz-animation: pxl-spin 0.6s linear infinite; -ms-animation: pxl-spin 0.6s linear infinite; -o-animation: pxl-spin 0.6s linear infinite; animation: pxl-spin 0.6s linear infinite; } .pxl-add-to-cart.loading .pxl-icon { opacity: 0; } .woocommerce-form-track-order { width: 100%; max-width: 750px; margin-right: auto; margin-left: auto; margin-bottom: -30px; } .woocommerce-form-track-order p { text-align: center; margin-bottom: 30px; } .woocommerce-form-track-order .form-row { display: flex; flex-direction: column; text-align: left; margin-bottom: 30px; } .woocommerce-form-track-order .button { width: 100%; } .pxl-content-main.layout-style-3 .pxl-product-related, .pxl-content-main.layout-style-2 .pxl-product-related { max-width: 1320px; padding: 0 15px; margin: 99px auto 0; } @media (max-width: 575px) { .pxl-content-main.layout-style-3 .pxl-product-related, .pxl-content-main.layout-style-2 .pxl-product-related { margin-top: 70px; } } .pxl-content-main.layout-style-3 .pxl-product-related .product-info .product-title { margin-top: 14px; } .pxl-content-main.layout-style-2 .pxl-product-related .pxl-product-grid .onsale, .pxl-content-main.layout-df .pxl-product-related .pxl-product-grid .onsale { background-color: var(--heading-color); color: #fff; padding: 4.5px 10px; font-size: 12px; font-weight: 600; line-height: 100%; text-transform: uppercase; } .pxl-content-main.layout-style-2 .pxl-product-related .product-info .product-title, .pxl-content-main.layout-df .pxl-product-related .product-info .product-title { margin-top: 14px; } .pxl-content-main.layout-df .pxl-product-related { margin-top: 99px; } @media (max-width: 575px) { .pxl-content-main.layout-df .pxl-product-related { margin-top: 70px; } } .pxl-product-related .box-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; } @media (max-width: 575px) { .pxl-product-related .box-title { flex-direction: column; row-gap: 10px; } } .pxl-product-related .ploop-title { color: var(--heading-color); font-size: 28px; font-weight: 600; line-height: 150%; margin-bottom: 0; } .pxl-product-related .related-text { color: var(--heading-color); font-size: 14px; font-weight: 400; line-height: 100%; text-transform: capitalize; display: flex; align-items: center; gap: 11px; } .pxl-product-related .related-text i { font-size: 18px; color: var(--heading-color); position: relative; top: -1px; } .pxl-product-grid .grid-view { row-gap: 40px; } .pxl-product-grid .product-main-img img { min-height: 402px; object-fit: cover; width: 100%; } .pxl-product-grid .onsale { background-color: var(--heading-color); color: #fff; padding: 4.5px 10px; font-size: 12px; font-weight: 600; line-height: 100%; text-transform: uppercase; position: absolute; top: 1.5px; left: 1.5px; } .pxl-product-grid .product-title { margin-top: 14px; } .pxl-product-grid .pxl-loop-product-title { color: var(--heading-color); text-align: center; font-size: 16px; font-weight: 500; line-height: normal; margin-bottom: 4px; } .pxl-product-grid .pxl-loop-product-title a { width: fit-content; color: var(--heading-color); background-position-y: -3px; background-image: linear-gradient(transparent calc(100% - 1px), var(--heading-color) 1px); background-repeat: no-repeat; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-product-grid .pxl-loop-product-title a:hover { color: inherit; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-product-grid .product-rating { justify-content: center; } .pxl-product-grid .product-rating-price { justify-content: center; margin-top: 14px; } .pxl-product-grid .price { display: flex; flex-direction: row-reverse; align-items: center; gap: 11px; font-size: 0; } .pxl-product-grid .price ins .woocommerce-Price-amount bdi { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; text-transform: capitalize; text-decoration: none; } .pxl-product-grid .price del { text-decoration: none; } .pxl-product-grid .woocommerce-Price-amount:last-child bdi { color: #505050; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; text-decoration: line-through; text-transform: capitalize; } .pxl-product-grid .woocommerce-Price-amount bdi { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; text-transform: capitalize; } .pxl-product-grid .product-thumb { position: relative; overflow: hidden; } .pxl-product-grid .product-thumb .thumb-wrap { position: relative; overflow: hidden; } .pxl-product-grid .product-thumb .product-main-img { -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.75, 0.5, 1); -khtml-transition: opacity 0.6s cubic-bezier(0.15, 0.75, 0.5, 1); -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.75, 0.5, 1); -ms-transition: opacity 0.6s cubic-bezier(0.15, 0.75, 0.5, 1); -o-transition: opacity 0.6s cubic-bezier(0.15, 0.75, 0.5, 1); transition: opacity 0.6s cubic-bezier(0.15, 0.75, 0.5, 1); } .pxl-product-grid .product-thumb .product-hover-img { opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.6s ease; -khtml-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .pxl-product-grid .product-thumb .product-hover-img .p-img-hover { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: transform 1s cubic-bezier(0.15, 0.75, 0.5, 1); -khtml-transition: transform 1s cubic-bezier(0.15, 0.75, 0.5, 1); -moz-transition: transform 1s cubic-bezier(0.15, 0.75, 0.5, 1); -ms-transition: transform 1s cubic-bezier(0.15, 0.75, 0.5, 1); -o-transition: transform 1s cubic-bezier(0.15, 0.75, 0.5, 1); transition: transform 1s cubic-bezier(0.15, 0.75, 0.5, 1); height: 100%; width: 100%; object-fit: cover; } .pxl-product-grid .product-thumb:hover .has-hover-img .product-main-img { opacity: 0; } .pxl-product-grid .product-thumb:hover .has-hover-img .product-hover-img { opacity: 1; } .pxl-product-grid .product-thumb:hover .has-hover-img .product-hover-img .p-img-hover { -webkit-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -khtml-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -moz-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -ms-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); -o-transform: scale3d(1.1, 1.1, 1.1) translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } .shop-toolbars { position: relative; margin-bottom: 23px; } @media (max-width: 767px) { .shop-toolbars { margin-bottom: 20px; } } .shop-toolbars > .row { position: relative; } .shop-toolbars .pxl-view-layout { list-style: none; margin: 0; padding: 0; gap: 20px; } .shop-toolbars .pxl-view-layout li { display: inline-flex; } .shop-toolbars .pxl-view-layout a { display: flex; } .shop-toolbars .pxl-view-layout a svg { width: 1em; height: 1em; fill: var(--heading-color); -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .shop-toolbars .pxl-view-layout a i { font-size: 24px; color: var(--heading-color); } .shop-toolbars .number-result { font-family: var(--heading-font-family); color: var(--heading-color); font-weight: 500; row-gap: 10px; flex-wrap: wrap; } @media (max-width: 767px) { .shop-toolbars .number-result { margin-bottom: 10px; } } .shop-toolbars .pxl-toolbar-ordering { position: relative; padding-right: 5px; gap: 20px; } .shop-toolbars .pxl-toolbar-ordering form { min-width: 146px; } @media (max-width: 575px) { .shop-toolbars .pxl-toolbar-ordering { margin-bottom: 10px; } } .shop-toolbars .pxl-result-count { color: var(--heading-color); font-size: 14px; font-weight: 400; line-height: normal; } .shop-toolbars .woocommerce-ordering .nice-select { border: none; border-right: 1px solid #D7D7D7; height: 35px; padding-left: 0; } .shop-toolbars .woocommerce-ordering .nice-select .current { color: var(--heading-color); font-size: 14px; font-weight: 400; line-height: 35px; } .shop-toolbars .woocommerce-ordering .nice-select::after { right: 18px; margin-top: 0; } .shop-toolbars .product-cat-dropdown { border: none; border-right: 1px solid #D7D7D7; height: 35px; padding-left: 0; min-width: 146px; } .shop-toolbars .product-cat-dropdown .current { color: var(--heading-color); font-size: 14px; font-weight: 400; line-height: 35px; } .shop-toolbars .product-cat-dropdown::after { right: 18px; margin-top: 0; } .pxl-active-filters-wrap .pxl-active-filters-inner { display: flex; gap: 10px; } .pxl-active-filters-wrap .pxl-active-filters-inner .link-close svg { width: 16px; height: 16px; color: var(--heading-color); } .pxl-active-filters-wrap .pxl-active-filters-inner .filter-link-text { color: var(--heading-color); font-size: 13px; font-weight: 400; line-height: 120%; text-transform: uppercase; } .pxl-active-filters-wrap .pxl-active-filters-inner > a { border: 1px solid rgba(25, 27, 29, 0.2); padding: 5px 10px; display: flex; align-items: center; justify-content: center; gap: 5px; display: inline-flex; } .pxl-active-filters-wrap .pxl-active-filters-inner > a:last-child { margin-right: 35px; } .woocommerce-pagination { display: flex; justify-content: end; margin-top: 81px; gap: 10px; } .woocommerce-pagination .page-numbers { width: 38px; height: 38px; color: var(--heading-color); font-family: Roboto; font-size: 15px; font-weight: 400; line-height: 18px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; transition: all 300ms ease-in-out 0s; } .woocommerce-pagination .page-numbers.current, .woocommerce-pagination .page-numbers:hover { background-color: var(--primary-color); } .woocommerce-pagination .prev, .woocommerce-pagination .next { width: auto; height: auto; font-family: var(--heading-color); } .woocommerce-pagination .prev:hover, .woocommerce-pagination .next:hover { background-color: transparent; } .pxl-product-grid .grid-view .product-thumb .featured { color: var(--heading-color); font-size: 12px; font-weight: 600; line-height: 100%; text-transform: uppercase; background-color: var(--primary-color); padding: 5px 10px; position: absolute; top: 0; right: 1px; } .pxl-product-grid .grid-view .woosmart-item.wishlist { margin: 0 10px 0 13px; } .pxl-product-grid .grid-view .yith-wcwl-add-to-wishlist-button { border-radius: 2px; background-color: var(--heading-color); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); width: 30px; height: 30px; padding: 7px 5px; } .pxl-product-grid .grid-view .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label { display: none; } .pxl-product-grid .grid-view .yith-wcwl-add-to-wishlist-button svg { color: #fff; width: 18px; height: 18px; } .pxl-product-grid .grid-view .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added svg { fill: #fff; } .pxl-product-grid .grid-view .loop-product-add-cart-wrap > a { border-radius: 2px; background-color: var(--heading-color); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); height: 30px; width: 30px; padding: 7px 5px; color: #fff; display: flex; align-items: center; justify-content: center; } .pxl-product-grid .grid-view .loop-product-add-cart-wrap > a .pxl-icon { font-size: 14px; } .pxl-product-grid .grid-view .loop-product-add-cart-wrap .btn-text { font-size: 0; } .pxl-product-grid .grid-view .quickview { cursor: pointer; } .pxl-product-grid .grid-view .quickview .woosmart-btn { color: #fff; font-size: 13px; font-weight: 500; line-height: normal; border-radius: 2px; background-color: var(--heading-color); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1); padding: 6px 15px; height: 30px; display: flex; align-items: center; } .pxl-product-grid .grid-view .product-foot { position: absolute; bottom: 23px; left: 0; right: 0; z-index: 1; align-items: center; justify-content: center; } .pxl-product-grid .grid-view .product-foot > * { opacity: 0; transform: translateY(10px); transition: 300ms ease-in-out 0s; } .pxl-product-grid .grid-view .product-foot > *:nth-child(1) { transition-delay: 100ms; } .pxl-product-grid .grid-view .product-foot > *:nth-child(2) { transition-delay: 150ms; } .pxl-product-grid .grid-view .product-foot > *:nth-child(3) { transition-delay: 200ms; } .pxl-product-grid .grid-view .product-thumb:hover .product-foot > * { opacity: 1; transform: translateY(0); } .pxl-product-grid .grid-view .flash-list { display: none; } .pxl-product-grid .grid-view .info-list-view { display: none; } .pxl-product-grid .list-view .info-grid-view, .pxl-product-grid .list-view .product-foot { display: none; } .pxl-product-grid .list-view .featured, .pxl-product-grid .list-view .new { display: none; } .pxl-product-grid .list-view .flash-list .onsale { font-size: 12px; font-weight: 600; line-height: 100%; text-transform: uppercase; padding: 5px 10px; } .pxl-product-grid .list-view .info-list-view { padding: 14px 0 32px 30px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; } @media (max-width: 1199px) { .pxl-product-grid .list-view .info-list-view { padding: 0 0 0 30px; } } @media (max-width: 767px) { .pxl-product-grid .list-view .info-list-view { gap: 20px; } } @media (max-width: 575px) { .pxl-product-grid .list-view .info-list-view { padding: 0; } } .pxl-product-grid .list-view .product-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 575px) { .pxl-product-grid .list-view .product-wrap { flex-direction: column; gap: 30px; } } .pxl-product-grid .list-view .product-info { flex: 1 0 0%; } .pxl-product-grid .list-view .pxl-loop-product-title { color: var(--heading-color); font-size: 24px; font-weight: 500; line-height: normal; text-align: left; margin-bottom: -2px; } .pxl-product-grid .list-view .product-title { margin-top: 0; } .pxl-product-grid .list-view .product-title .category { color: #666; font-size: 16px; font-weight: 400; line-height: 100%; text-transform: capitalize; margin-bottom: -2px; } .pxl-product-grid .list-view .box-title-rating > .box { display: flex; justify-content: space-between; gap: 10px 20px; flex-wrap: wrap; } @media (max-width: 767px) { .pxl-product-grid .list-view .box-title-rating > .box { flex-direction: column; } } .pxl-product-grid .list-view .box-title-rating .product-excerpt { color: #505050; font-weight: 300; margin-top: 15px; max-width: 650px; font-size: 17px; line-height: 24px; max-height: 1632px*px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .pxl-product-grid .list-view .box-title-rating .woocommerce-product-rating { flex-direction: column; gap: 2px; } @media (max-width: 767px) { .pxl-product-grid .list-view .box-title-rating .woocommerce-product-rating { align-items: start; } } .pxl-product-grid .list-view .box-title-rating .woocommerce-product-rating .average-rating { display: none; } .pxl-product-grid .list-view .box-title-rating .star-rating { font-size: 16px; width: 84px; } .pxl-product-grid .list-view .foot-info { display: flex; justify-content: space-between; align-items: center; gap: 30px; } @media (max-width: 1199px) { .pxl-product-grid .list-view .foot-info { flex-direction: column; gap: 25px; align-items: start; } } .pxl-product-grid .list-view .foot-info .variations { display: flex; flex-direction: row-reverse; column-gap: 40px; row-gap: 20px; flex-wrap: wrap; } .pxl-product-grid .list-view .foot-info .box-info-price { display: flex; column-gap: 40px; row-gap: 20px; flex-wrap: wrap; align-items: center; } @media (max-width: 767px) { .pxl-product-grid .list-view .foot-info .box-info-price { column-gap: 15px; } } @media (max-width: 767px) { .pxl-product-grid .list-view .foot-info .box-info-price .box-price { width: 100%; } .pxl-product-grid .list-view .foot-info .box-info-price .box-price .product-price { justify-content: start; } } .pxl-product-grid .list-view .foot-info .box-info-price .box-price > span { color: #505050; font-size: 14px; font-weight: 400; line-height: 100%; text-transform: capitalize; margin-bottom: 8.5px; display: flex; } .pxl-product-grid .list-view .foot-info .box-info-price .box-price .price del { display: none; } .pxl-product-grid .list-view .foot-info .box-info-price .box-price .price ins bdi { font-size: 24px; font-weight: 600; text-transform: capitalize; } .pxl-product-grid .list-view .foot-info .box-info-price .reset { display: none; } .pxl-product-grid .list-view .foot-info .box-info-price .loop-product-add-cart-wrap .pxl-add-to-cart { height: 44px; background-color: var(--heading-color); color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; text-transform: capitalize; gap: 10px; display: flex; align-items: center; } .pxl-product-grid .list-view .foot-info .box-info-price .loop-product-add-cart-wrap .pxl-add-to-cart::after { content: ""; font-family: "pxli"; font-size: 20px; } .pxl-product-grid .list-view .foot-info .box-info-price .loop-product-add-cart-wrap .pxl-add-to-cart .pxl-icon { display: none; } .pxl-product-grid .list-view .foot-info .box-info-price .loop-product-add-cart-wrap .pxl-add-to-cart:hover { background-color: var(--primary-color); color: var(--heading-color); } .pxl-product-grid .list-view .foot-info .variation .label { color: #505050; font-size: 14px; font-weight: 400; line-height: normal; text-transform: capitalize; padding: 0; padding-bottom: 4px; } .pxl-product-grid .list-view .foot-info .wpcvs-type-color .wpcvs-term-inner { width: 18px; height: 18px; padding: 0; } .pxl-product-grid .list-view .foot-info .wpcvs-type-color .wpcvs-term-inner .wpcvs-term-color { width: 14px; height: 14px; } .pxl-product-grid .list-view .foot-info .wpcvs-type-color .wpcvs-term-inner span { transform: scale(1); } .pxl-product-grid .list-view .foot-info .wpcvs-type-color .wpcvs-term.wpcvs-selected .wpcvs-term-inner { border: 1px solid rgba(25, 27, 29, 0.2); padding: 0; } .pxl-product-grid .list-view .foot-info .wpcvs-type-color:hover { transform: scale(1); } .pxl-product-grid .list-view .foot-info .wpcvs-type-button .wpcvs-term { width: 30px; min-width: 30px; height: 30px; border-radius: 0; border: 1px solid #D7D7D7; color: var(--heading-color); font-size: 15px; font-weight: 400; text-transform: uppercase; } .pxl-product-grid .list-view .foot-info .wpcvs-type-button .wpcvs-term.wpcvs-selected, .pxl-product-grid .list-view .foot-info .wpcvs-type-button .wpcvs-term:hover { border: 1px solid #F6F6F6; background-color: #F6F6F6; } .pxl-product-grid .list-view .foot-info .box-woo-button { display: flex; gap: 9px; } .pxl-product-grid .list-view .foot-info .pxl-add-to-cart-button { height: 44px; background-color: var(--heading-color); color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; text-transform: capitalize; gap: 10px; min-width: max-content; } .pxl-product-grid .list-view .foot-info .pxl-add-to-cart-button::after { content: ""; font-family: "pxli"; font-size: 20px; } .pxl-product-grid .list-view .foot-info .pxl-add-to-cart-button:hover { background-color: var(--primary-color); color: var(--heading-color); } .pxl-product-grid .list-view .foot-info .woosmart-item.wishlist .yith-add-to-wishlist-button-block { margin: 0; } .pxl-product-grid .list-view .foot-info .woosmart-item.wishlist a { width: 44px; height: 44px; border: 1px solid #505050; border-radius: 1px; display: flex; align-items: center; justify-content: center; } .pxl-product-grid .list-view .foot-info .woosmart-item.wishlist a svg { width: 20px; height: 20px; position: relative; right: -3px; } .pxl-product-grid .list-view .foot-info .woosmart-item.wishlist a span { font-size: 0; } .pxl-product-grid .list-view .product-thumb .product-main-img img { max-width: 298px; min-height: 343px; } @media (max-width: 767px) { .pxl-product-grid .list-view .product-thumb .product-main-img img { max-width: 200px; } } @media (max-width: 575px) { .pxl-product-grid .list-view .product-thumb .product-main-img img { max-width: 300px; } } .product-share-site { position: absolute; right: 15px; height: 100vh; } @media (max-width: 1599px) { .product-share-site { display: none; } } .product-share-site .social-item { padding: 0; writing-mode: vertical-rl; } .product-share-site .social-item a { color: rgba(36, 38, 43, 0.5); font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 1.4px; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, rgba(36, 38, 43, 0.5), rgba(36, 38, 43, 0.5) 50%, var(--heading-color) 50%); background-size: 100% 200%; background-position: bottom; transition: all 0.35s ease-in-out; } .product-share-site .social-item a:hover { background-position: top; } .product-share-site .social-share { flex-direction: column; gap: 40px; } .product-share-site .product-share-wrap { justify-content: center; min-width: 24px; top: 50%; } @media (max-width: 991px) { .admin-bar .sidebar-shop.on-mobile-hidden { top: 32px; height: calc(100% - 32px); } } @media screen and (max-width: 782px) { .admin-bar .sidebar-shop.on-mobile-hidden { top: 46px; height: calc(100% - 46px); } } .container .sidebar-shop .sidebar-area-wrap { padding-left: 0 !important; padding-right: 0 !important; } .pxl-widget .widget-title { position: relative; } .pxl-widget .widget-title > span { display: block; } .pxl-widget .list-style-checkbox li > a { padding: 0 0 0 35px; } .pxl-widget .list-style-checkbox li > a:before, .pxl-widget .list-style-checkbox li > a:after { position: absolute; left: 0; top: 2px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 0px; display: inline-block; opacity: 1; font-weight: 400; transition: all 300ms ease-in-out; } .pxl-widget .list-style-checkbox li > a:before { content: ""; border: 1px solid #c0c0c0; } .pxl-widget .list-style-checkbox li > a:after { border: 0; font-family: "pxli"; content: ""; font-size: 12px; color: var(--link-color); visibility: hidden; opacity: 0; display: inline-block !important; min-width: 0; background-color: transparent; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pxl-widget .list-style-checkbox li > a .term-color { width: 8px; height: 8px; display: inline-block; border-radius: 8px; margin-right: 10px; } .pxl-widget .list-style-checkbox li.active > a:before, .pxl-widget .list-style-checkbox li.chosen > a:before, .pxl-widget .list-style-checkbox li:hover > a:before { border-color: #776c42; } .pxl-widget .list-style-checkbox li.active > a:after, .pxl-widget .list-style-checkbox li.chosen > a:after, .pxl-widget .list-style-checkbox li:hover > a:after { opacity: 1; visibility: visible; } .pxl-widget .enable-scrollable-1 { overflow: hidden; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; overflow-y: auto; scrollbar-width: none; } .pxl-widget .enable-scrollable-1 .tt-txt { display: none; } .pxl-widget .enable-scrollable-1::-webkit-scrollbar { height: 0; width: 4px; border-radius: 0; background-color: #e5e5e5; } .pxl-widget .enable-scrollable-1::-webkit-scrollbar-track { border-radius: 0; } .pxl-widget .enable-scrollable-1::-webkit-scrollbar-thumb { border-radius: 0; background-color: var(--primary-color); } .pxl-widget .enable-scrollable-1:hover::-webkit-scrollbar { background-color: #e5e5e5; } .pxl-widget .enable-scrollable-1:hover::-webkit-scrollbar-thumb { background-color: var(--primary-color); } .pxl-widget .enable-scrollable-1.show-items-count-1 .count { margin-right: 10px; } .pxl-widget .enable-loadmore-1 li { display: none; } .pxl-widget .pxl-toogle-more { position: relative; cursor: pointer; font-size: 14px; letter-spacing: 0.015em; color: var(--link-color); display: inline-flex; align-items: center; margin-top: 8px; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-widget .pxl-toogle-more .pxl-icon { margin-left: 6px; font-size: 10px; padding-top: 3px; } .pxl-widget .pxl-toogle-more:hover { color: #707070; } .pxl-widget .pxl-toogle-more.opened .pxl-icon:before { content: ""; } .pxl-widget .pxl-collapse-toogle { position: absolute; top: 0; right: -5px; font-size: 16px; padding: 5px; cursor: pointer; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-widget.collapsed .pxl-collapse-toogle:before { content: ""; } .widget_layered_nav:not(.pxl-widget-layered-nav).collapsed .widget-title { margin-bottom: 0; } .widget_layered_nav:not(.pxl-widget-layered-nav) .wc-layered-nav-term { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; column-gap: 4px; -webkit-transform: translateX(-22px); -khtml-transform: translateX(-22px); -moz-transform: translateX(-22px); -ms-transform: translateX(-22px); -o-transform: translateX(-22px); transform: translateX(-22px); -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .widget_layered_nav:not(.pxl-widget-layered-nav) .wc-layered-nav-term > * { max-width: 100%; } .widget_layered_nav:not(.pxl-widget-layered-nav) .wc-layered-nav-term a { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .widget_layered_nav:not(.pxl-widget-layered-nav) .wc-layered-nav-term a:before { opacity: 1; } .widget_layered_nav:not(.pxl-widget-layered-nav) .wc-layered-nav-term:hover { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pxl-widget-layered-nav .widget-content { position: relative; } .pxl-widget-layered-nav .pxl-collapse-toogle { position: absolute; top: 0; right: -5px; font-size: 16px; padding: 5px; cursor: pointer; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .pxl-widget-layered-nav .pxl-collapse-toogle.collapsed:before { content: ""; } .pxl-widget-layered-nav .display-inline { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 25px; padding-top: 10px; } .pxl-widget-layered-nav .display-inline > * { max-width: 100%; } .pxl-widget-layered-nav .display-inline .wc-layered-nav-term > a { padding: 0; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pxl-widget-layered-nav .display-inline .wc-layered-nav-term > a:before, .pxl-widget-layered-nav .display-inline .wc-layered-nav-term > a:after { display: none; } .pxl-widget-layered-nav .display-list { overflow: hidden; } .pxl-widget-layered-nav .wc-layered-nav-term { position: relative; } .pxl-widget-layered-nav .wc-layered-nav-term.active > a, .pxl-widget-layered-nav .wc-layered-nav-term.chosen > a, .pxl-widget-layered-nav .wc-layered-nav-term:hover > a { color: var(--link-color-hover); } .pxl-widget-layered-nav .list-style-color { column-gap: 15px; } .pxl-widget-layered-nav .list-style-color .wc-layered-nav-term > a .term-color { height: 28px; width: 28px; padding: 2px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background-color: #ffffff; position: relative; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pxl-widget-layered-nav .list-style-color .wc-layered-nav-term > a .term-color span { display: block; width: 16px; height: 16px; position: relative; border-radius: 50%; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s ease-out; -khtml-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -ms-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .pxl-widget-layered-nav .list-style-color .wc-layered-nav-term > a .title { margin-left: 5px; } .pxl-widget-layered-nav .list-style-color .wc-layered-nav-term > a:hover .term-color { border-color: rgba(25, 27, 29, 0.2); } .pxl-widget-layered-nav .list-style-color .chosen > a .term-color { border-color: rgba(25, 27, 29, 0.2); } .pxl-widget-layered-nav .list-style-image .wc-layered-nav-term > a .term-shape { border: 1px solid transparent; } .pxl-widget-layered-nav .list-style-image .wc-layered-nav-term > a .term-shape span { display: block; width: 28px; height: 28px; background-position: center; position: relative; border-radius: 0; -webkit-transition: transform 0.3s ease-out; -khtml-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -ms-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .pxl-widget-layered-nav .list-style-image .wc-layered-nav-term > a .title { margin-left: 10px; } .pxl-widget-layered-nav .list-style-image .wc-layered-nav-term.chosen > a .term-shape { border-color: #000; } .pxl-widget-layered-nav .show-label-off .wc-layered-nav-term > a .title { display: none; } .pxl-widget-layered-nav .pa_size { column-gap: 10px; } .pxl-widget-layered-nav .pa_size .filter-link { width: 34px; height: 34px; border: 1px solid rgba(25, 27, 29, 0.2); color: #191B1D; font-size: 15px; font-weight: 400; line-height: 18px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .pxl-widget-layered-nav .pa_size .filter-link .title { background-image: none; } .pxl-widget-layered-nav .pa_size .filter-link:hover { background-color: var(--heading-color); border-color: var(--heading-color); } .pxl-widget-layered-nav .pa_size .filter-link:hover .title { color: #fff; } .pxl-widget-layered-nav .pa_size .chosen a { background-color: var(--heading-color); border-color: var(--heading-color); } .pxl-widget-layered-nav .pa_size .chosen a .title { color: #fff; } .sidebar-shop ul.product_list_widget { margin: -20px 0 !important; } ul.product_list_widget { list-style: none outside; padding: 0; } ul.product_list_widget li { padding: 20px 0; position: relative; display: block; clear: both; overflow: hidden; } ul.product_list_widget li + li:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; min-width: 800px; border-top: 1px dashed #e9e4df; -webkit-transform: translateX(-30%); -khtml-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } ul.product_list_widget li .pxl-item-wrap { column-gap: 20px; } @media (max-width: 1199px) { ul.product_list_widget li .pxl-item-wrap { column-gap: 15px; } } ul.product_list_widget li .item-image a { display: flex; border: 1px solid rgba(var(--primary-color-rgb), 0.1); border-radius: 10px; } ul.product_list_widget li img { float: left; width: 90px; border-radius: 10px; } @media (max-width: 1199px) { ul.product_list_widget li img { width: 50px; } } ul.product_list_widget li .item-content { padding-top: 5px; } ul.product_list_widget li .product-title { font-size: 16px; line-height: 24px; font-weight: 500; font-family: var(--heading-font-family); color: var(--heading-color); margin-bottom: 5px; } @media (max-width: 1199px) { ul.product_list_widget li .product-title { margin-bottom: 0; } } ul.product_list_widget li .product-title a { color: inherit; } ul.product_list_widget li .product-title a:hover { color: var(--link-color-hover); } ul.product_list_widget li .quantity, ul.product_list_widget li .amount { font-family: var(--heading-font-family); font-size: 18px; font-weight: 600; color: var(--third-color); } @media (max-width: 1199px) { ul.product_list_widget li .quantity, ul.product_list_widget li .amount { font-size: 16px; } } ul.product_list_widget li .price-rating { column-gap: 15px; } ul.product_list_widget li .reviewer-rating { column-gap: 15px; } ul.product_list_widget li dl { margin: 0; padding-left: 1em; } ul.product_list_widget li dl dt, ul.product_list_widget li dl dd { display: inline-block; float: left; margin-bottom: 1em; } ul.product_list_widget li dl dt { font-weight: 700; padding: 0 0 0.25em; margin: 0 4px 0 0; clear: left; } ul.product_list_widget li dl dd { padding: 0 0 0.25em; } ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .widget_price_filter .price_slider { margin-bottom: 11px; } .widget_price_filter .price_slider_amount button { padding: 0; margin: 0; margin-top: 4px; float: right; border: none; font-family: var(--heading-font-family); font-size: 14px; font-weight: 500; color: var(--heading-color); line-height: 1em; text-transform: capitalize; background-color: transparent; position: relative; border-radius: 0; position: relative; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget_price_filter .price_slider_amount button:after { content: ""; width: 100%; height: 1px; background-color: var(--heading-color); position: absolute; bottom: 0; left: 0; -webkit-transition: background-color 0.3s ease; -khtml-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .widget_price_filter .price_slider_amount button:hover { color: var(--link-color-hover); } .widget_price_filter .price_slider_amount button:hover:after { background-color: var(--link-color-hover); } .widget_price_filter .ui-slider { position: relative; text-align: start; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 12px; border-radius: 2px; border: 3px solid var(--heading-color); background-color: #FFF; cursor: ew-resize; outline: none; top: -4px; } .widget_price_filter .ui-slider .ui-slider-handle + .ui-slider-handle { margin-left: -12px; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; background-color: var(--heading-color); } .widget_price_filter .price_slider_wrapper .ui-widget-content:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: rgba(var(--primary-color-rgb), 0.15); } .widget_price_filter .ui-slider-horizontal { height: 4px; background: rgba(25, 27, 29, 0.2); } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .widget_product_search .woocommerce-product-search { position: relative; } .widget_product_search .woocommerce-product-search [type="submit"] { font-size: 0; } .widget_product_search .woocommerce-product-search [type="submit"]:before { display: inline-block !important; font-family: "pxli"; content: ""; font-size: 16px; line-height: 1; background-color: transparent; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; transition: 0s; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .widget_rating_filter li.wc-layered-nav-rating > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: #707070; } .widget_rating_filter li.wc-layered-nav-rating > a > * { max-width: 100%; } .widget_layered_nav_filters ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; list-style: none; } .widget_layered_nav_filters ul > * { max-width: 100%; } .widget_layered_nav_filters ul li a { background-color: rgba(26, 25, 29, 0.07); display: inline-block; font-size: 13px; padding: 6px 22px; text-transform: uppercase; } @media (max-width: 1199px) { .widget_layered_nav_filters ul li a { padding: 5px 18px; } } .widget_layered_nav_filters ul li a:after { content: ""; font-size: 10px; margin-left: 8px; display: inline-block; } .widget_layered_nav_filters ul li a:hover { color: #fff; background-color: var(--primary-color); } .sidebar-shop .widget_custom_html, .sidebar-shop .widget_product_search, .sidebar-shop .widget_price_filter, .sidebar-shop .woocommerce-widget-layered-nav, .sidebar-shop .widget_product_categories, .sidebar-shop .widget_product_tag_cloud { border: none; padding: 0; border-radius: 0; } .sidebar-shop .widget_custom_html .widget-title, .sidebar-shop .widget_product_search .widget-title, .sidebar-shop .widget_price_filter .widget-title, .sidebar-shop .woocommerce-widget-layered-nav .widget-title, .sidebar-shop .widget_product_categories .widget-title, .sidebar-shop .widget_product_tag_cloud .widget-title { color: var(--heading-color); font-family: Kanit; font-size: 16px; font-weight: 400; line-height: 100%; padding: 0; margin: 0; } .sidebar-shop .widget_custom_html .widget-title::before, .sidebar-shop .widget_product_search .widget-title::before, .sidebar-shop .widget_price_filter .widget-title::before, .sidebar-shop .woocommerce-widget-layered-nav .widget-title::before, .sidebar-shop .widget_product_categories .widget-title::before, .sidebar-shop .widget_product_tag_cloud .widget-title::before { content: none; } .sidebar-shop .widget_price_filter .widget-title { font-weight: 700; margin-bottom: 24px; } .sidebar-shop .widget_price_filter .price_label { display: flex; flex-wrap: wrap; column-gap: 37px; margin-top: 18px; row-gap: 7px; } .sidebar-shop .widget_price_filter .price_label span { color: var(--heading-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize; } .sidebar-shop .widget + .widget { margin-top: 54px; } .sidebar-shop .widget.widget_product_search { margin-top: 25px; } .sidebar-shop .woocommerce-widget-layered-nav .widget-title { margin-bottom: 11px; font-weight: 700; } .sidebar-shop .widget_product_categories .widget-title { font-weight: 700; margin-bottom: 17px; } .sidebar-shop .widget_product_categories .product-categories a { justify-content: space-between; color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 400; line-height: 35px; text-transform: capitalize; padding: 0; } .sidebar-shop .widget_product_categories .product-categories a .title { background-position-y: -8px; } .sidebar-shop .widget_product_categories .product-categories a .count { color: #505050; font-family: Roboto; } .sidebar-shop .widget_product_categories .product-categories a::after { display: none; } .sidebar-shop .widget_product_tag_cloud .widget-title { font-weight: 700; margin-bottom: 21px; } .sidebar-shop .widget_product_tag_cloud .tagcloud { gap: 10px 5px; } .sidebar-shop .widget_product_tag_cloud .tagcloud a { color: var(--heading-color); font-size: 14px; font-weight: 400; line-height: 24px; text-transform: capitalize; border-radius: 0; background-color: #f1f1f1; padding: 8px 15px; } .sidebar-shop .widget_product_tag_cloud .tagcloud a:hover { background-color: var(--heading-color); color: #fff; } .widget_custom_html .widget_text { display: flex; align-items: center; gap: 11px; } .widget_custom_html .widget_text::before { content: ""; font-family: "pxli"; display: inline-flex; transform: rotate(-90deg); color: var(--heading-color); } .widget_product_search .woocommerce-product-search input { background-color: #F1F1F1; border-bottom: none; padding-left: 23px; font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; } .widget_product_search .woocommerce-product-search input::placeholder { font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; color: #666; text-transform: capitalize; } .widget_product_search .woocommerce-product-search button { width: 55px; } .widget_product_search .woocommerce-product-search button:hover { color: var(--heading-color); } .reset-all-sidebar .reset-all { background: #E3FF75; padding: 9.5px 15px; color: var(--heading-color); font-size: 14px; font-weight: 600; line-height: 24px; text-transform: uppercase; display: inline-flex; } .reset-all-sidebar .reset-all.onbottom { margin-top: 64px; } .reset-all-sidebar .reset-all.ontop { margin-bottom: 50px; } .pxl-star-rated { color: #FF9B43; } .woocommerce-product-rating { display: flex; flex-wrap: wrap; line-height: normal; margin: 0; align-items: center; gap: 10px; } .woocommerce-product-rating .average-rating { color: var(--heading-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .woocommerce-product-rating .woocommerce-review-link { color: #505050; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } p.stars { margin: 0; line-height: 1; } p.stars > span { margin-bottom: -15px; display: block; } .star-rating { font-family: "pxli"; color: rgba(80, 80, 80, 0.2); font-size: 14px; white-space: nowrap; position: relative; display: inline-block; width: 75px; height: 24px; line-height: 24px; overflow: hidden; } .star-rating:before { content: ""; display: block; overflow: hidden; } .star-rating > span:before, .star-rating .pxl-star-rated:before { content: ""; display: block; overflow: hidden; } .star-rating > span:before, .star-rating .pxl-star-rated:before, .star-rating[aria-label="Rated 0 out of 5"]:before { color: #FF9B43; } .star-rating .pxl-star-rated, .star-rating > span { position: absolute; top: 0; left: 0; overflow: hidden; height: 24px; } [dir="rtl"] .star-rating .pxl-star-rated, [dir="rtl"] .star-rating > span { left: auto; right: 0; } .star-rating + .woocommerce-review-link { font-size: 14px; color: #707070; margin-left: 8px; } .star-rating + .woocommerce-review-link:hover { color: var(--link-color); } [dir="rtl"] .star-rating + .woocommerce-review-link { margin-left: 0; margin-right: 8px; } .comment-rating .star-rating { font-size: 12px; width: 72px; } .woocommerce-Reviews .comment-meta { margin-bottom: -5px; } .woocommerce-Reviews .pxl-comment-form-rating { margin-bottom: 5px; } @media (max-width: 575px) { .woocommerce-Reviews .pxl-comment-form-rating { margin-bottom: 15px; } } .woocommerce-Reviews p.stars > span { margin-bottom: 0; } .pxl-rating-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .pxl-rating-wrap > * { max-width: 100%; } .review-num { font-size: 14px; line-height: 26px; letter-spacing: 0.08em; color: #707070; line-height: 32px; padding-left: 3px; } p.stars:hover a { color: #FF9B43; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; color: #cccccc; } p.stars a:after { content: ""; width: 100%; height: 100%; position: absolute; right: -5px; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "pxli"; content: ""; text-indent: 0; } p.stars a:hover ~ a { color: #cccccc; } p.stars.selected a.active { color: #FF9B43; } p.stars.selected a.active ~ a { color: #cccccc; } p.stars.selected a:not(.active) { color: #FF9B43; } p.stars.selected:hover a { color: #FF9B43; } p.stars.selected:hover a.active ~ a { color: #FF9B43; } p.stars.selected a:hover ~ a { color: #cccccc !important; } .woosw-btn.woosw-adding:after { display: inline-block; content: "" !important; width: 18px; height: 18px; border-radius: 100%; border: solid 2px var(--second-color); border-top-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-animation: pxl-spin 0.6s linear infinite; -khtml-animation: pxl-spin 0.6s linear infinite; -moz-animation: pxl-spin 0.6s linear infinite; -ms-animation: pxl-spin 0.6s linear infinite; -o-animation: pxl-spin 0.6s linear infinite; animation: pxl-spin 0.6s linear infinite; } .woosw-btn.woosw-adding .pxl-icon, .woosw-btn.woosw-adding svg { display: none; } .woosw-btn.woosw-added:before { margin-right: 0; content: ""; font-family: "pxli"; font-size: 1em; } .woosw-btn.woosw-added .pxl-icon { display: none; } .woosc-btn.woosc-added:before { margin-right: 0; content: ""; font-family: "pxli"; font-size: 1em; } .woosc-btn.woosc-added .pxl-icon, .woosc-btn.woosc-added svg { display: none; } .woosc-area .added_to_cart { margin-left: 10px; } .woosc-area .pxl-product-stock { column-gap: 4px; font-family: var(--heading-font-family); font-weight: 500; color: var(--heading-color); margin-top: 28px; } .woosc-area .pxl-product-stock .label { align-items: center; column-gap: 10px; } .woosc-area .pxl-product-stock svg { width: 22px; height: 22px; } .woosc-area .tr-content { display: none; } #woosq-popup.woosq-popup { max-width: 1320px; max-height: 736px; } @media (min-width: 992px) { #woosq-popup .woosq-product > .product > div { height: 736px; max-height: 736px; } } #woosq-popup .woosq-product > .product .summary .summary-content { padding: 50px 35px; } @media (max-width: 1199px) { #woosq-popup .woosq-product > .product .summary .summary-content { padding: 50px 30px; } } @media (max-width: 575px) { #woosq-popup .woosq-product > .product .summary .summary-content { padding: 30px 25px; } } #woosq-popup .woosq-product .thumbnails { background-color: #fff; max-height: 736px; } #woosq-popup .woosq-product .thumbnails .slick-track { max-height: 736px; } #woosq-popup .woosq-product .thumbnails .slick-arrow { color: #707070; } #woosq-popup .woosq-product .thumbnails .slick-arrow:hover { color: #000; background-color: transparent; } #woosq-popup .woosq-product .thumbnails .slick-arrow:before { font-size: 30px; font-family: "pxli"; } #woosq-popup .woosq-product .thumbnails .slick-arrow.slick-prev { left: 0; } #woosq-popup .woosq-product .thumbnails .slick-arrow.slick-prev:before { content: ""; } #woosq-popup .woosq-product .thumbnails .slick-arrow.slick-next { right: 0; } #woosq-popup .woosq-product .thumbnails .slick-arrow.slick-next:before { content: ""; } #woosq-popup .woosq-product .thumbnails .slick-dots li { width: 30px; height: 30px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #woosq-popup .woosq-product .thumbnails .slick-dots li button { opacity: 1; width: 30px; height: 30px; padding: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #woosq-popup .woosq-product .thumbnails .slick-dots li button:before { display: inline-block; background-color: #707070; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #woosq-popup .woosq-product .thumbnails .slick-dots li:hover, #woosq-popup .woosq-product .thumbnails .slick-dots li.slick-active { width: 56px; } #woosq-popup .woosq-product .thumbnails .slick-dots li:hover button, #woosq-popup .woosq-product .thumbnails .slick-dots li.slick-active button { width: 56px; padding: 0 10px; } #woosq-popup .woosq-product .thumbnails .slick-dots li:hover button:before, #woosq-popup .woosq-product .thumbnails .slick-dots li.slick-active button:before { width: 100%; background-color: var(--primary-color); } #woosq-popup .woosq-product .thumbnails .product-badges { position: absolute; top: 20px; left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; } #woosq-popup .woosq-product .thumbnails .product-badges > div { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; line-height: 24px; padding: 0 10px; min-width: 72px; color: #fff; background-color: var(--second-color); } #woosq-popup .woosq-product .thumbnails .product-badges > div.out-of-stock { background-color: #999999; } #woosq-popup .woosq-product .onsale { color: var(--heading-color); } #woosq-popup .woosq-product .variations_form .pxl-quantity-wrap, #woosq-popup .woosq-product .cart .pxl-quantity-wrap { margin-left: 0; } #woosq-popup .woosq-product .variations_form .product-price, #woosq-popup .woosq-product .cart .product-price { display: none; } #woosq-popup .woosq-product .variations_form .variations { display: flex; flex-direction: column; gap: 25px; margin-bottom: 30px; } #woosq-popup .woosq-product .variations_form .pxl-btn { gap: 5px; } #woosq-popup .woosq-product .variations_form .pxl-btn .pxli { font-size: 19px; } #woosq-popup .woosq-product .product_meta { display: flex; column-gap: 18px; row-gap: 5px; flex-wrap: wrap; } #woosq-popup .woosq-product .product_meta .label { padding: 0 13px 0 0; color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 600; line-height: 24px; text-transform: uppercase; } #woosq-popup .woosq-product .product_meta .posted_in .label, #woosq-popup .woosq-product .product_meta .tagged_as .label { text-transform: capitalize; } #woosq-popup .woosq-product .product_meta .meta-entry { color: var(--heading-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: capitalize; } #woosq-popup .product_title { font-size: 30px; margin-bottom: 0; } @media (max-width: 480px) { #woosq-popup .product_title { font-size: 24px; margin-bottom: 10px; } } #woosq-popup .price { font-size: 20px; font-weight: 600; gap: 5px; margin-top: 15px; } @media (max-width: 1199px) { #woosq-popup .price { font-size: 18px; } } @media (max-width: 991px) { #woosq-popup .price { font-size: 16px; } } #woosq-popup .price del { order: 2; color: #707070; margin-left: 6px; } #woosq-popup .price ins { color: var(--second-color); } #woosq-popup .woocommerce-product-details__short-description { font-size: 14px; line-height: 24px; margin-top: 30px; } #woosq-popup .pxl-variation-row .guide { display: none; } #woosq-popup .reset_variations { display: none !important; } #woosq-popup .pxl-single-woosmart-wrap { display: none; } #woosq-popup .product_meta { margin-bottom: 0; margin-top: 35px; } @media (max-width: 480px) { #woosq-popup .pxl-add-to-cart-wrap > .col { flex: 0 0 100%; width: 100%; } #woosq-popup .pxl-add-to-cart-wrap > .col + .col { margin-top: 10px; } } @media (max-width: 767px) { table.woosw-content-items tr.woosw-content-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } table.woosw-content-items tr.woosw-content-item > * { max-width: 100%; } } table.woosw-content-items tr.woosw-content-item td { padding: 24px; border-left: 0; border-right: 0; } @media (max-width: 767px) { table.woosw-content-items tr.woosw-content-item td { flex: 0 0 100%; width: 100%; padding: 15px; } } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove { text-align: center; } @media (min-width: 1200px) { table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove { width: 88px; } } @media (max-width: 767px) { table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove { position: relative; border-bottom: 0; padding-top: 0; padding-bottom: 0; } } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span { font-size: 0; position: relative; width: 40px; height: 40px; border-radius: 0; border: 1px solid #E0E0E0; color: #E0E0E0; display: inline-flex; justify-content: center; align-items: center; } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:before, table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:after { content: ""; position: absolute; height: 1px; width: 20px; top: 50%; background-color: #707070; transform-origin: 50% 50%; opacity: 1; font-size: 20px; -webkit-transition: transform ease 0.25s; -khtml-transition: transform ease 0.25s; -moz-transition: transform ease 0.25s; -ms-transition: transform ease 0.25s; -o-transition: transform ease 0.25s; transition: transform ease 0.25s; } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:hover { border-color: var(--primary-color); } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:hover:before, table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:hover:after { background-color: var(--primary-color); -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } @media (max-width: 767px) { table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span { position: absolute; top: 15px; right: 15px; } } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--image { padding-left: 0; padding-right: 0; width: 72px; } @media (max-width: 767px) { table.woosw-content-items tr.woosw-content-item td.woosw-content-item--image { padding-left: 15px; } } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--image img { width: 72px; } table.woosw-content-items tr.woosw-content-item .woosw-content-item--title a { font-weight: 500; color: var(--heading-color); } table.woosw-content-items tr.woosw-content-item .woosw-content-item--price { color: var(--primary-color); font-weight: 500; font-size: 20px; line-height: 28px; } table.woosw-content-items tr.woosw-content-item .woosw-content-item--price del { order: 2; padding-left: 6px; font-size: 14px; line-height: 32px; color: #707070; } [dir="rtl"] table.woosw-content-items tr.woosw-content-item .woosw-content-item--price del { padding-left: 0; padding-right: 6px; } table.woosw-content-items tr.woosw-content-item .woosw-content-item--price ins { font-weight: inherit; text-decoration: none; } table.woosw-content-items tr.woosw-content-item .woosw-content-item--time { display: none; } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--actions { text-align: right; } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--actions .woosw-content-item--stock { display: none; } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--actions .btn { min-width: 220px; } @media (max-width: 575px) { table.woosw-content-items tr.woosw-content-item td.woosw-content-item--actions .btn { width: 100%; } } table.woosw-content-items tr.woosw-content-item td.woosw-content-item--actions .pxl-btn-icon { font-size: 14px; margin-left: 4px; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span { font-size: 0; position: relative; width: 40px; height: 40px; border-radius: 0; border: 1px solid #E0E0E0; color: #E0E0E0; display: inline-flex; justify-content: center; align-items: center; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:before, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:after, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:before, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:after { content: ""; position: absolute; height: 1px; width: 20px; top: 50%; background-color: #707070; transform-origin: 50% 50%; opacity: 1; font-size: 20px; -webkit-transition: transform ease 0.25s; -khtml-transition: transform ease 0.25s; -moz-transition: transform ease 0.25s; -ms-transition: transform ease 0.25s; -o-transition: transform ease 0.25s; transition: transform ease 0.25s; } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:before, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:after, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span.removing, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:hover, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span.removing, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:hover { border-color: var(--primary-color); } .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span.removing:before, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span.removing:after, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:hover:before, .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span:hover:after, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span.removing:before, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span.removing:after, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:hover:before, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span:hover:after { background-color: var(--primary-color); -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } @media (max-width: 767px) { .woosw-area .woosw-inner .woosw-content .woosw-content-mid table.woosw-content-items .woosw-content-item .woosw-content-item--remove span, .woosw-list table.woosw-content-items tr.woosw-content-item td.woosw-content-item--remove span { position: absolute; top: 15px; right: 15px; } } .woosw-actions:empty { display: none; } .pxl-wishlist-page .pxl-content-area { margin-bottom: 0; } .woosw-list table.woosw-content-items tr:nth-child(2n) td { background-color: transparent; } .woosw-list table.woosw-content-items tr:hover td { background-color: transparent; } @media (min-width: 768px) { .woosw-area .woosw-inner .woosw-content { width: 100%; max-width: 738px; } } @media (min-width: 992px) { .woosw-area .woosw-inner .woosw-content { width: 100%; max-width: 800px; } } .woosw-area .woosw-inner .woosw-content .woosw-content-top { color: var(--heading-color); background-color: #F2F2F2; } .woosw-area .woosw-inner .woosw-content .woosw-content-bot { color: var(--heading-color); background-color: #F2F2F2; } .woosw-area .woosw-inner .woosw-content .woosw-content-bot a, .woosw-area .woosw-inner .woosw-content .woosw-content-bot span { color: var(--heading-color) !important; text-decoration: none !important; -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 1, 1); } .woosw-area .woosw-inner .woosw-content .woosw-content-bot a:hover, .woosw-area .woosw-inner .woosw-content .woosw-content-bot span:hover { color: var(--primary-color) !important; } .woosw-area .woosw-inner .woosw-content .woosw-content-item--remove span.removing:before { animation: none !important; -webkit-animation: none !important; } .woosw-area .woosw-inner .woosw-content .added_to_cart { margin-left: 10px; } .woosw-list { font-size: 16px; } @media (max-width: 575px) { .woosw-list { display: block; overflow-x: auto; white-space: nowrap; } } .woosw-list table.woosw-items { border-radius: 0; } @media (max-width: 767px) { .woosw-list table.woosw-items { font-size: 14px; } } .woosw-list table.woosw-items tr th, .woosw-list table.woosw-items tr td { padding: 8px 15px; border-color: #d0d0d0; } .woosw-list table.woosw-items .woosw-item .woosw-item--image a { display: block; width: 70px; } .woosw-list table.woosw-items .woosw-item .woosw-item--name a { font-size: 16px; line-height: 24px; font-weight: 400; } .woosw-list table.woosw-items .woosw-item .woosw-item--name a:hover { color: var(--link-color-hover); } .woosw-list table.woosw-items .woosw-item .added_to_cart { position: relative; height: 55px; display: inline-flex; align-items: center; font-family: var(--heading-font-family); font-size: 16px; font-weight: 500; color: #191B1D; line-height: 1.5; letter-spacing: 0px; padding: 18px 34px 18px 34px; background-color: var(--primary-color); outline: none; cursor: pointer; vertical-align: top; text-align: center; text-transform: none; text-decoration: none; justify-content: center; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); } @media (max-width: 991px) { .woosw-list table.woosw-items .woosw-item .added_to_cart { padding: 12px 25px 12px 25px; font-size: 14px; height: 48px; } } .woosw-list table.woosw-items .woosw-item .added_to_cart:active, .woosw-list table.woosw-items .woosw-item .added_to_cart:hover, .woosw-list table.woosw-items .woosw-item .added_to_cart:focus { color: #ffffff; outline: medium none; text-decoration: none; background-color: var(--default-color); } .woosw-list table.woosw-items .woosw-item .added_to_cart, .woosw-list table.woosw-items .woosw-item button, .woosw-list table.woosw-items .woosw-item .button { height: 55px; padding: 12px 35px 12px 35px; display: block; } .woosw-list table.woosw-items .woosw-item .added_to_cart .pxl-icon, .woosw-list table.woosw-items .woosw-item button .pxl-icon, .woosw-list table.woosw-items .woosw-item .button .pxl-icon { display: none; } @media (max-width: 991px) { .woosw-list table.woosw-items .woosw-item .added_to_cart, .woosw-list table.woosw-items .woosw-item button, .woosw-list table.woosw-items .woosw-item .button { height: 48px; } } .woosw-list table.woosw-items .woosw-item .pxl-add-to-cart.loading { font-size: 0; } .woosw-list table.woosw-items .woosw-item .pxl-add-to-cart.added { display: none; } .woosw-list table.woosw-items .woosw-item .woosw-item--stock { display: none; } .woosw-list .woosw-actions { display: none; } .woosw-popup { z-index: 99999; background: rgba(0, 0, 0, 0.4); } .woosw-popup .woosw-popup-inner .woosw-popup-content { width: calc(100% - 40px); max-width: 700px; } .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top { background-color: #000; } .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close { -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:hover { color: #fff; } .woosw-popup .woosw-items .woosw-item .woosw-item-inner { padding: 20px 0; border-top: 1px solid #dedede; position: relative; } @media (max-width: 575px) { .woosw-popup .woosw-items .woosw-item .woosw-item-inner { flex-direction: column; justify-content: start; align-items: start; } } .woosw-popup .woosw-items .woosw-item .woosw-item-inner > div { margin-right: 20px; } @media (max-width: 575px) { .woosw-popup .woosw-items .woosw-item .woosw-item-inner > div { margin-right: 0; margin-bottom: 10px; } } .woosw-popup .woosw-items .woosw-item .woosw-item-inner > div:last-child { margin-right: 0; } @media (max-width: 575px) { .woosw-popup .woosw-items .woosw-item .woosw-item-inner > div:last-child { margin-bottom: 0; } } @media (max-width: 575px) { .woosw-popup .woosw-items .woosw-item .woosw-item--remove { position: absolute; right: 20px; top: 30px; } } .woosw-popup .woosw-items .woosw-item .woosw-item--image { width: 70px; } .woosw-popup .woosw-items .woosw-item .woosw-item--image a { display: block; } .woosw-popup .woosw-items .woosw-item .woosw-item--name a { font-size: 16px; line-height: 24px; font-weight: 400; } .woosw-popup .woosw-items .woosw-item .woosw-item--name a:hover { color: var(--link-color-hover); } @media (max-width: 575px) { .woosw-popup .woosw-items .woosw-item .woosw-item--info, .woosw-popup .woosw-items .woosw-item .woosw-item--actions { width: 100%; } } .woosw-popup .woosw-items .woosw-item .added_to_cart, .woosw-popup .woosw-items .woosw-item button, .woosw-popup .woosw-items .woosw-item .button { position: relative; display: inline-flex; align-items: center; font-family: var(--heading-font-family); font-size: 14px; font-weight: 500; color: #191B1D; line-height: 1.5; letter-spacing: 0px; padding: 10px 20px 10px 20px; min-width: 150px; background-color: var(--primary-color); outline: none; cursor: pointer; vertical-align: top; text-align: center; text-transform: none; text-decoration: none; justify-content: center; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); } .woosw-popup .woosw-items .woosw-item .added_to_cart .tt-txt, .woosw-popup .woosw-items .woosw-item button .tt-txt, .woosw-popup .woosw-items .woosw-item .button .tt-txt { display: none; } .woosw-popup .woosw-items .woosw-item .added_to_cart .pxl-icon, .woosw-popup .woosw-items .woosw-item button .pxl-icon, .woosw-popup .woosw-items .woosw-item .button .pxl-icon { display: none; } .woosw-popup .woosw-items .woosw-item .added_to_cart:active, .woosw-popup .woosw-items .woosw-item .added_to_cart:hover, .woosw-popup .woosw-items .woosw-item .added_to_cart:focus, .woosw-popup .woosw-items .woosw-item button:active, .woosw-popup .woosw-items .woosw-item button:hover, .woosw-popup .woosw-items .woosw-item button:focus, .woosw-popup .woosw-items .woosw-item .button:active, .woosw-popup .woosw-items .woosw-item .button:hover, .woosw-popup .woosw-items .woosw-item .button:focus { color: var(--primary-color); outline: medium none; text-decoration: none; background-color: #191B1D; border-color: #191B1D; } .woosw-popup .woosw-items .woosw-item .pxl-add-to-cart.loading .btn-text { opacity: 0; visibility: hidden; } .woosw-popup .woosw-items .woosw-item .pxl-add-to-cart.added { display: none; } .woosw-popup .woosw-items .woosw-item .woosw-item--stock { display: none; } .woosc-area { z-index: 99 !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner { font-size: 16px; } @media (max-width: 767px) { .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table { font-size: 14px; } } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr th { border: 1px solid #e2e2e2; padding: 15px 15px 15px 15px; font-size: 14px; font-weight: 400; color: #999999; text-transform: uppercase; letter-spacing: 0.05em; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr:nth-child(2n) td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table tbody tr:nth-child(2n) td { background-color: #fff !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table tbody tr td { border: 1px solid #e2e2e2; padding: 12px 15px; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr th.td-label, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr td.td-label, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table tbody tr th.td-label, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table tbody tr td.td-label { background-color: #f2f2f2 !important; font-size: 14px; font-weight: 400; color: #999999; text-transform: uppercase; letter-spacing: 0.05em; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr:hover td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table tbody tr:hover td { background-color: #fff !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table thead tr:hover td.td-label, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table tbody tr:hover td.td-label { background-color: #f2f2f2 !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .added_to_cart, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table button, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .button { position: relative; display: inline-flex; align-items: center; font-family: var(--heading-font-family); font-size: 14px; font-weight: 500; color: #191B1D; line-height: 1.5; letter-spacing: 0px; padding: 10px 20px 10px 20px; min-width: 150px; width: 100%; background-color: var(--primary-color); outline: none; cursor: pointer; vertical-align: top; text-align: center; text-transform: none; text-decoration: none; justify-content: center; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .added_to_cart .tt-txt, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table button .tt-txt, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .button .tt-txt { display: none; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .added_to_cart .pxl-icon, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table button .pxl-icon, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .button .pxl-icon { display: none; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .added_to_cart:active, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .added_to_cart:hover, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .added_to_cart:focus, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table button:active, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table button:hover, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table button:focus, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .button:active, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .button:hover, .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .button:focus { color: #ffffff; outline: medium none; text-decoration: none; background-color: var(--default-color); border-color: var(--default-color); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .pxl-add-to-cart.loading .btn-text { opacity: 0; visibility: hidden; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner table.woosc_table .pxl-add-to-cart.added { display: none; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.shop_attributes { border: 0; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.shop_attributes th { font-size: 14px; font-weight: 400; color: #999999; text-transform: uppercase; letter-spacing: 0.05em; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.shop_attributes th, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.shop_attributes td { border: 0; min-width: 0; } .yith-wcwl-form { width: 923px; max-width: 923px; margin: 0 auto; } .yith-wcwl-form table.wishlist_table { border: none; } .yith-wcwl-form table.wishlist_table tr th { text-align: start; border: none; background-color: transparent; border-bottom: 1px solid rgba(80, 80, 80, 0.2); padding-bottom: 15px; } .yith-wcwl-form table.wishlist_table tr th .nobr { color: #24262B; text-align: center; font-size: 16px; font-weight: 600; line-height: 100%; } .yith-wcwl-form table.wishlist_table .product-remove a { width: 42px; height: 42px; border-radius: 60px; background: #F6F6F6; color: #191B1D; display: flex; align-items: center; justify-content: center; } .yith-wcwl-form table.wishlist_table .product-remove a svg { width: 20px; height: 20px; } .yith-wcwl-form table.wishlist_table .product-thumbnail { width: 129px; padding: 30px 0 30px 22px; } .yith-wcwl-form table.wishlist_table .product-thumbnail a { max-width: 100%; } .yith-wcwl-form table.wishlist_table .product-thumbnail img { height: 140px; object-fit: cover; } .yith-wcwl-form table.wishlist_table .product-name { padding-left: 26px; } .yith-wcwl-form table.wishlist_table .product-name a { color: #191B1D; font-size: 18px; font-weight: 500; line-height: normal; } .yith-wcwl-form table.wishlist_table .product-price del { color: #505050; font-size: 16px; font-weight: 400; line-height: 100%; text-decoration-line: strikethrough; text-transform: capitalize; } .yith-wcwl-form table.wishlist_table .product-price ins { color: #191B1D; font-size: 16px; font-weight: 500; line-height: 100%; text-transform: capitalize; margin-left: 15px; } .yith-wcwl-form table.wishlist_table .product-add-to-cart { padding-right: 0; } .yith-wcwl-form table.wishlist_table .product-add-to-cart a { font-size: 16px; font-style: normal; font-weight: 500; color: #fff; min-width: 164px; text-transform: uppercase; background-color: var(--heading-color); gap: 5px; display: flex !important; height: 48px; align-items: center; justify-content: center; width: 164px; } .yith-wcwl-form table.wishlist_table .product-add-to-cart a .pxl-icon { font-size: 20px; } .yith-wcwl-form table.wishlist_table .product-add-to-cart a .pxl-icon::before { content: ""; } .yith-wcwl-form tbody tr td { border: none; border-bottom: 1px solid rgba(80, 80, 80, 0.2); text-align: start; } .yith-wcwl-form tbody tr:last-child td { border-bottom: 1px solid rgba(80, 80, 80, 0.2); } .yith-wcwl-form .shop_table.mobile .product-remove { height: auto; display: flex; align-items: center; justify-content: center; } .yith-wcwl-form .shop_table.mobile .product-remove a { display: flex; width: 35px; height: 35px; border-radius: 60px; background: #F6F6F6; align-items: center; justify-content: center; } .yith-wcwl-form .shop_table.mobile .product-remove a::before { content: "X"; } .single-product .container { max-width: 100%; padding: 0; } .single-product .pxl-main { padding-top: 0; padding-bottom: 0; } .single-product .pxl-content-main .container-ct { padding-top: 0; padding-bottom: 130px; padding-left: 0; padding-right: 0; } @media (max-width: 1199px) { .single-product .pxl-content-main .container-ct { padding-bottom: 100px; } } @media (max-width: 767px) { .single-product .pxl-content-main .container-ct { padding-bottom: 80px; } } .single-product .pxl-content-main.layout-style-3 .section-image-summary { padding-bottom: 77px; } @media (max-width: 1199px) { .single-product .pxl-content-main.layout-style-3 .section-image-summary { padding-bottom: 50px; } } .single-product .pxl-content-main.layout-style-3 .pxl-single-images { position: relative; user-select: none; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img { position: absolute; inset: 0; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img::before { content: ""; position: absolute; inset: 0; background: rgba(0, 16, 37, 0.6); backdrop-filter: blur(10px); z-index: 1; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img .pxl-swiper-slide { opacity: 0 !important; height: 0%; transition: opacity 400ms ease-in-out 0s; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img .pxl-swiper-slide.swiper-slide-thumb-active { opacity: 1 !important; height: 100%; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img .background-image { background-repeat: no-repeat; width: 100%; height: 100%; background-position: center; background-size: cover; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img .pxl-thumbs-wrapper { width: 100%; height: 100%; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img .pxl-swiper-thumbs { width: 100%; height: 100%; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-box-background-img .pxl-swiper-slider-inner { width: 100%; height: 100%; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner { padding: 114px 81px 66px; z-index: 1; position: relative; } @media (max-width: 1199px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner { padding: 66px 81px 66px; } } @media (max-width: 767px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner { padding: 50px; } } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner { padding: 30px 40px; } } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots { position: absolute; flex-direction: column; top: 50%; left: 30px; row-gap: 19px; align-items: center; margin-top: 0; } @media (max-width: 767px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots { left: 20px; } } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots { left: 15px; row-gap: 12px; } } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet { flex: 0 0 6px; width: 6px; height: 6px; line-height: 6px; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet::before { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; background-color: rgba(255, 255, 255, 0.3); } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet::after { content: ""; position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; border: 1px solid #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(0.5); -webkit-transition: all 0.25s linear; -khtml-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet::after { width: 15px; height: 15px; } } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet:hover::before { left: 50%; background-color: #fff; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active::before { left: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; } .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 1; transform: translate(-50%, -50%) scale(1); } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-3 .pxl-single-images .product-main-img-inner .product-img img { width: 100%; min-height: 400px; object-fit: cover; } } .single-product .pxl-content-main.layout-style-3 .pxl-single-summary { margin-top: 49px; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px; } .single-product .tabs-action { border-bottom: 1px solid #D7D7D7; } .single-product .pxl-wc-tabs { max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px; } .single-product .pxl-wc-tabs .woocommerce-Reviews .woocommerce-Reviews-title { display: none; } .single-product .pxl-wc-tabs .tab-action-inner { row-gap: 10px; background-color: #fff; } .single-product .pxl-wc-tabs .tab-item .tab-link-item { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 500; position: relative; background-color: transparent; min-width: 135px; } .single-product .pxl-wc-tabs .tab-item .tab-link-item::before { content: ""; position: absolute; width: 100%; height: 3px; transform: scale(0); transition: all 300ms ease-in-out 0s; bottom: 0; background-color: var(--heading-color); } .single-product .pxl-wc-tabs .tab-item .tab-link-item:hover::before, .single-product .pxl-wc-tabs .tab-item .tab-link-item:active::before, .single-product .pxl-wc-tabs .tab-item .tab-link-item:focus::before { transform: scale(1); } .single-product .pxl-wc-tabs .tab-item.active .tab-link-item::before { transform: scale(1); } .single-product .pxl-wc-tabs .wc-tabs-panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; padding: 48px 0 0 0; background-color: #fff; display: none; opacity: 0; -webkit-animation: pxlFadeInUp 400ms linear 1 forwards; -khtml-animation: pxlFadeInUp 400ms linear 1 forwards; -moz-animation: pxlFadeInUp 400ms linear 1 forwards; -ms-animation: pxlFadeInUp 400ms linear 1 forwards; -o-animation: pxlFadeInUp 400ms linear 1 forwards; animation: pxlFadeInUp 400ms linear 1 forwards; -webkit-transition: opacity 0.2s linear, top 0.2s linear; -khtml-transition: opacity 0.2s linear, top 0.2s linear; -moz-transition: opacity 0.2s linear, top 0.2s linear; -ms-transition: opacity 0.2s linear, top 0.2s linear; -o-transition: opacity 0.2s linear, top 0.2s linear; transition: opacity 0.2s linear, top 0.2s linear; } .single-product .pxl-wc-tabs .wc-tabs-panel > * { max-width: 100%; } @media (max-width: 1199px) { .single-product .pxl-wc-tabs .wc-tabs-panel { padding: 38px 0 0 0; } } .single-product .pxl-wc-tabs .wc-tabs-panel.wc-tabs-panel--description { text-align: center; } .single-product .pxl-wc-tabs .wc-tabs-panel.active { display: block; } .single-product .pxl-wc-tabs .wc-tabs-panel ul, .single-product .pxl-wc-tabs .wc-tabs-panel ol { list-style: none; } .single-product .product-box-title { display: flex; justify-content: space-between; } @media (max-width: 991px) { .single-product .product-box-title { flex-direction: column-reverse; gap: 15px; } } .single-product .product-box-title .product-ship-returns { display: flex; flex-wrap: wrap; row-gap: 10px; } .single-product .product-box-title .product-ship-returns svg { color: var(--heading-color); } @media (max-width: 575px) { .single-product .product-box-title .product-ship-returns svg { width: 40px; height: 40px; } } .single-product .product-box-title .product-ship-returns .item-text { color: #505050; font-size: 16px; font-weight: 500; max-width: 96px; line-height: 1.4; } .single-product .product-box-title .product-ship-returns .product-shipping, .single-product .product-box-title .product-ship-returns .product-returns { display: flex; justify-content: center; gap: 15px; } @media (max-width: 575px) { .single-product .product-box-title .product-ship-returns .product-shipping, .single-product .product-box-title .product-ship-returns .product-returns { align-items: center; } } .single-product .product-box-title .onsale { color: var(--heading-color); text-transform: capitalize; font-size: 11px; font-style: normal; font-weight: 700; line-height: 13px; background-color: #FF9B43; padding: 0.5px 5px; } .single-product .product-title { color: var(--heading-color); font-size: 35px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 8px; margin-bottom: 0; } @media (max-width: 575px) { .single-product .product-title { font-size: 28px; line-height: 1em; margin-bottom: 7px; } } .single-product .product-short-desc { color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; padding-right: 70px; margin-top: 17px; margin-bottom: 12px; } @media (max-width: 767px) { .single-product .product-short-desc { padding-right: 50px; } } @media (max-width: 575px) { .single-product .product-short-desc { padding-right: 0; } } .single-product .product-price > span { color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 600; line-height: 20px; } .single-product .product-price .product-box-price { display: flex; flex-direction: row-reverse; align-items: center; gap: 18px; margin-top: 18px; justify-content: start; } @media (max-width: 575px) { .single-product .product-price .product-box-price { margin-top: 10px; } } .single-product .product-price .product-box-price ins { color: var(--heading-color); font-size: 24px; font-style: normal; font-weight: 500; line-height: 20px; } .single-product .product-price .product-box-price del { color: #505050; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: strikethrough; } @media (max-width: 575px) { .single-product .cart-form-wrap { flex-direction: column; } } .single-product .pxl-quantity-wrap { margin-left: 92px; } @media (max-width: 575px) { .single-product .pxl-quantity-wrap { margin-left: 0; margin-top: 20px; } } .single-product .pxl-quantity-wrap .quantity-inner { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 7px; } .single-product .pxl-quantity-wrap > span { color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 600; line-height: 20px; } .single-product .pxl-quantity-wrap .quantity-button { display: flex; padding: 11px; height: 40px; width: 40px; justify-content: center; align-items: center; gap: 5px; border: 1px solid #F6F6F6; background: #F6F6F6; color: #000000; font-size: 14px; cursor: pointer; } .single-product .pxl-quantity-wrap .input-text { height: 40px; width: 58px; border: 1px solid #D7D7D7; background: #FFF; color: var(--heading-color); text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 18px; text-transform: uppercase; } .single-product .product-box-cart { margin-top: 46px; display: flex; align-items: center; column-gap: 28px; row-gap: 15px; flex-wrap: wrap; } @media (max-width: 575px) { .single-product .product-box-cart { margin-top: 35px; } } .single-product .product-box-cart .btn-primary { font-size: 16px; font-style: normal; font-weight: 500; color: #fff; min-width: 164px; text-transform: uppercase; background-color: var(--heading-color); gap: 5px; } .single-product .product-box-cart .btn-primary .pxli { font-size: 20px; } .single-product .product-box-cart .yith-add-to-wishlist-button-block { margin: 0; } .single-product .product-box-cart .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button { display: flex; align-items: center; justify-content: center; color: var(--heading-color); text-transform: capitalize; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; background-color: #f6f6f6; gap: 8px; height: 48px; min-width: 198px; transition: all 300ms ease-in-out 0s; } .single-product .product-box-cart .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg { width: 24px; height: 24px; } .single-product .product-box-cart .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:hover { background-color: var(--primary-color); } @media (max-width: 575px) { .single-product .product-box-cart .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button { min-width: 164px; } } .single-product .product-share-meta { margin-top: 30px; border-top: 1px solid #D7D7D7; display: flex; justify-content: space-between; padding-top: 13px; flex-wrap: wrap; gap: 20px; } .single-product .product-share-meta .product_meta { display: flex; column-gap: 18px; row-gap: 5px; flex-wrap: wrap; } .single-product .product-share-meta .product_meta .label { padding: 0 13px 0 0; color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 600; line-height: 24px; text-transform: uppercase; } .single-product .product-share-meta .product_meta .posted_in .label, .single-product .product-share-meta .product_meta .tagged_as .label { text-transform: capitalize; } .single-product .product-share-meta .product_meta .meta-entry { color: var(--heading-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; text-transform: capitalize; } .single-product .product-share-meta .product-share-wrap { padding-right: 5px; } .single-product .product-share-meta .product-share-wrap .label { padding: 0 17px 0 0; color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 600; line-height: 24px; text-transform: capitalize; } .single-product .product-share-meta .product-share-wrap .social-item { display: flex; align-items: center; justify-content: center; padding: 0 10px; } .single-product .product-share-meta .product-share-wrap .pxl-icon { display: flex; } .single-product .product-share-meta .product-share-wrap .pxl-icon i { font-size: 14px; color: var(--heading-color); } .single-product .product-share-meta .product-share-wrap .pxl-icon svg { width: 14px; height: 14px; fill: var(--heading-color); } .single-product .pxl-content-main.layout-style-2 .container-ct { max-width: 1405px; margin: 0 auto; padding: 82px 15px 100px; } @media (max-width: 1199px) { .single-product .pxl-content-main.layout-style-2 .container-ct { padding-top: 60px; } } @media (max-width: 767px) { .single-product .pxl-content-main.layout-style-2 .container-ct { padding: 60px 15px 80px; } } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .container-ct { padding: 50px 15px 80px; } } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item { padding: 0 13px; } @media (max-width: 991px) { .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item { padding: 0 15px; } } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item img { min-height: 351px; object-fit: cover; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item img { min-height: 300px; } } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item.product-main-img-item img { min-height: 491px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item.product-main-img-item img { min-height: 400px; } } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item:nth-child(even) { margin-top: -70px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item:nth-child(even) { margin-top: 0; } } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item:nth-child(odd) { padding-left: 15px; } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item:nth-child(2) { padding-top: 70px; margin-top: 0; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .image-item:nth-child(2) { padding-top: 0; } } .single-product .pxl-content-main.layout-style-2 .pxl-product-grid-gallery .pxl-img-grid-wrapper { row-gap: 26px; } .single-product .pxl-content-main.layout-style-2 .product-price > span { color: #505050; font-weight: 400; } .single-product .pxl-content-main.layout-style-2 .product-price .price { display: flex; flex-direction: row-reverse; align-items: baseline; gap: 18px; margin-top: 9px; justify-content: start; } .single-product .pxl-content-main.layout-style-2 .product-price .price ins { color: var(--heading-color); font-size: 24px; font-style: normal; font-weight: 500; line-height: 20px; } .single-product .pxl-content-main.layout-style-2 .product-price .price del { color: #505050; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: strikethrough; } .single-product .pxl-content-main.layout-style-2 .pxl-quantity-wrap { margin-left: 0; } .single-product .pxl-content-main.layout-style-2 .variations { display: flex; flex-wrap: wrap; column-gap: 42px; row-gap: 20px; margin-top: 39px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .variations { column-gap: 30px; margin-top: 30px; } } .single-product .pxl-content-main.layout-style-2 .variations .pxl-quantity-wrap { display: flex; flex-direction: column; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .variations .pxl-quantity-wrap { margin-top: 0; } } .single-product .pxl-content-main.layout-style-2 .variations .quantity-inner { margin-top: 12px; } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap { margin-top: 37px; display: flex; align-items: center; column-gap: 28px; row-gap: 15px; flex-wrap: wrap; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .cart-form-wrap { margin-top: 30px; align-items: start; flex-direction: row; } } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .btn-primary { font-size: 16px; font-style: normal; font-weight: 500; color: #fff; min-width: 164px; text-transform: uppercase; background-color: var(--heading-color); gap: 5px; } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .btn-primary .pxli { font-size: 20px; } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .yith-add-to-wishlist-button-block { margin: 0; } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button { display: flex; align-items: center; justify-content: center; color: var(--heading-color); text-transform: capitalize; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; background-color: #f6f6f6; gap: 8px; height: 48px; min-width: 198px; transition: all 300ms ease-in-out 0s; } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg { width: 24px; height: 24px; } .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:hover { background-color: var(--primary-color); } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button { min-width: 164px; } } .single-product .pxl-content-main.layout-style-2 .product-share-meta { flex-direction: column; margin-top: 36px; gap: 8px; } .single-product .pxl-content-main.layout-style-2 .product_meta { flex-direction: column; row-gap: 4px; } .single-product .pxl-content-main.layout-style-2 .product-ship-returns { display: flex; flex-wrap: wrap; row-gap: 10px; margin-top: 46px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .product-ship-returns { margin-top: 30px; } } .single-product .pxl-content-main.layout-style-2 .product-ship-returns svg { color: var(--heading-color); } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .product-ship-returns svg { width: 40px; height: 40px; } } .single-product .pxl-content-main.layout-style-2 .product-ship-returns .item-text { color: #505050; font-size: 16px; font-weight: 500; max-width: 96px; line-height: 1.4; } .single-product .pxl-content-main.layout-style-2 .product-ship-returns .product-shipping, .single-product .pxl-content-main.layout-style-2 .product-ship-returns .product-returns { display: flex; justify-content: center; gap: 15px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .product-ship-returns .product-shipping, .single-product .pxl-content-main.layout-style-2 .product-ship-returns .product-returns { align-items: center; } } .single-product .pxl-content-main.layout-style-2 .onsale { color: var(--heading-color); text-transform: capitalize; font-size: 11px; font-style: normal; font-weight: 700; line-height: 13px; background-color: #FF9B43; padding: 0.5px 5px; } .single-product .pxl-content-main.layout-style-2 .product-title { margin-top: 5px; } @media (max-width: 1199px) { .single-product .pxl-content-main.layout-style-2 .product-title { line-height: 1.1em; margin-bottom: 5px; } } .single-product .pxl-content-main.layout-style-2 .pxl-single-summary { padding-left: 48px; padding-top: 44px; } @media (max-width: 991px) { .single-product .pxl-content-main.layout-style-2 .pxl-single-summary { padding-left: 15px; padding-top: 50px; } } .single-product .pxl-content-main.layout-style-2 .woocommerce-product-attributes-item__label { color: var(--heading-color); font-weight: 500; } .single-product .pxl-content-main.layout-style-2 .pxl-wc-tabs { margin-top: 96px; padding: 0; } @media (max-width: 767px) { .single-product .pxl-content-main.layout-style-2 .pxl-wc-tabs { margin-top: 70px; } } .single-product .pxl-content-main.layout-style-2 .product-short-desc { padding-right: 50px; } @media (max-width: 767px) { .single-product .pxl-content-main.layout-style-2 .product-short-desc { padding-right: 20px; } } @media (max-width: 575px) { .single-product .pxl-content-main.layout-style-2 .product-short-desc { padding-right: 0; } } .single-product .pxl-content-main.layout-df .container-ct { max-width: 1321px; margin: 0 auto; padding: 82px 15px 100px; } @media (max-width: 1199px) { .single-product .pxl-content-main.layout-df .container-ct { padding-top: 60px; } } @media (max-width: 767px) { .single-product .pxl-content-main.layout-df .container-ct { padding: 60px 15px 80px; } } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .container-ct { padding: 50px 15px 80px; } } .single-product .pxl-content-main.layout-df .pxl-swiper-slider-thumbs { position: absolute; left: 29px; top: 30px; z-index: 1; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .pxl-swiper-slider-thumbs { left: 15px; top: 20px; } } .single-product .pxl-content-main.layout-df .pxl-swiper-slider-thumbs .thumb-item img { border: 1px solid #D7D7D7; transition: all 300ms ease 0s; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .pxl-swiper-slider-thumbs .thumb-item img { width: 50px; height: 70px; } } .single-product .pxl-content-main.layout-df .pxl-swiper-slider-thumbs .thumb-item.swiper-slide-thumb-active img { border: 2px solid #191B1D; } .single-product .pxl-content-main.layout-df .product-main-img-inner .pxl-swiper-slide img { width: 100%; } .single-product .pxl-content-main.layout-df .product-price > span { color: #505050; font-weight: 400; } .single-product .pxl-content-main.layout-df .product-price .price { display: flex; flex-direction: row-reverse; align-items: baseline; gap: 18px; margin-top: 9px; justify-content: start; } .single-product .pxl-content-main.layout-df .product-price .price ins { color: var(--heading-color); font-size: 24px; font-style: normal; font-weight: 500; line-height: 20px; } .single-product .pxl-content-main.layout-df .product-price .price del { color: #505050; font-size: 18px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: strikethrough; } .single-product .pxl-content-main.layout-df .pxl-quantity-wrap { margin-left: 0; } .single-product .pxl-content-main.layout-df .variations { display: flex; flex-wrap: wrap; column-gap: 42px; row-gap: 20px; margin-top: 39px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .variations { column-gap: 30px; margin-top: 30px; } } .single-product .pxl-content-main.layout-df .variations .pxl-quantity-wrap { display: flex; flex-direction: column; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .variations .pxl-quantity-wrap { margin-top: 0; } } .single-product .pxl-content-main.layout-df .variations .quantity-inner { margin-top: 12px; } .single-product .pxl-content-main.layout-df .cart-form-wrap { margin-top: 37px; display: flex; align-items: center; column-gap: 28px; row-gap: 15px; flex-wrap: wrap; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .cart-form-wrap { margin-top: 30px; align-items: start; flex-direction: row; } } .single-product .pxl-content-main.layout-df .cart-form-wrap .btn-primary { font-size: 16px; font-style: normal; font-weight: 500; color: #fff; min-width: 164px; text-transform: uppercase; background-color: var(--heading-color); gap: 5px; } .single-product .pxl-content-main.layout-df .cart-form-wrap .btn-primary .pxli { font-size: 20px; } .single-product .pxl-content-main.layout-df .cart-form-wrap .yith-add-to-wishlist-button-block { margin: 0; } .single-product .pxl-content-main.layout-df .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button { display: flex; align-items: center; justify-content: center; color: var(--heading-color); text-transform: capitalize; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; background-color: #f6f6f6; gap: 8px; height: 48px; min-width: 198px; transition: all 300ms ease-in-out 0s; } .single-product .pxl-content-main.layout-df .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg { width: 24px; height: 24px; } .single-product .pxl-content-main.layout-df .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:hover { background-color: var(--primary-color); } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .cart-form-wrap .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button { min-width: 164px; } } .single-product .pxl-content-main.layout-df .product-share-meta { flex-direction: column; margin-top: 36px; gap: 8px; } .single-product .pxl-content-main.layout-df .product_meta { flex-direction: column; row-gap: 4px; } .single-product .pxl-content-main.layout-df .product-ship-returns { display: flex; flex-wrap: wrap; row-gap: 10px; margin-top: 46px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .product-ship-returns { margin-top: 30px; } } .single-product .pxl-content-main.layout-df .product-ship-returns svg { color: var(--heading-color); } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .product-ship-returns svg { width: 40px; height: 40px; } } .single-product .pxl-content-main.layout-df .product-ship-returns .item-text { color: #505050; font-size: 16px; font-weight: 500; max-width: 96px; line-height: 1.4; } .single-product .pxl-content-main.layout-df .product-ship-returns .product-shipping, .single-product .pxl-content-main.layout-df .product-ship-returns .product-returns { display: flex; justify-content: center; gap: 15px; } @media (max-width: 575px) { .single-product .pxl-content-main.layout-df .product-ship-returns .product-shipping, .single-product .pxl-content-main.layout-df .product-ship-returns .product-returns { align-items: center; } } .single-product .pxl-content-main.layout-df .onsale { color: var(--heading-color); text-transform: capitalize; font-size: 11px; font-style: normal; font-weight: 700; line-height: 13px; background-color: #FFBE17; padding: 0.5px 5px; } .single-product .pxl-content-main.layout-df .product-title { margin-top: 5px; } @media (max-width: 1199px) { .single-product .pxl-content-main.layout-df .product-title { line-height: 1.1em; margin-bottom: 5px; } } .single-product .pxl-content-main.layout-df .pxl-single-summary { padding-left: 41px; padding-top: 14.5px; } @media (max-width: 991px) { .single-product .pxl-content-main.layout-df .pxl-single-summary { padding-left: 15px; padding-top: 50px; } } .single-product .pxl-content-main.layout-df .woocommerce-product-attributes-item__label { color: var(--heading-color); font-weight: 500; } .single-product .pxl-content-main.layout-df .pxl-wc-tabs { margin-top: 96px; padding: 0; } @media (max-width: 767px) { .single-product .pxl-content-main.layout-df .pxl-wc-tabs { margin-top: 70px; } } .single-product .pxl-content-main.layout-df .product-short-desc { padding-right: 0; } .single-product .pxl-content-main.layout-df .product-main-img .zoom-hover { background-image: var(--zoom-bg-img); background-repeat: no-repeat; width: 100%; overflow: hidden; cursor: none; margin: auto; filter: none !important; } .single-product .pxl-content-main.layout-df .product-main-img .zoom-hover img { transition: opacity 0.5s; display: block; width: 100%; } .single-product .pxl-content-main.layout-df .product-main-img .zoom-hover img:hover { opacity: 0; } .single-product .pxl-variation-row .woo-selected-variation-item-name { display: none; } .single-product .pxl-variation-row .label { padding: 0; } .single-product .pxl-variation-row .label label { color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; margin-bottom: 11px; } .single-product .pxl-variation-row.att-type-color { margin-left: 5px; } .single-product .pxl-variation-row.att-type-color .wpcvs-type-color.rounded .wpcvs-term.wpcvs-selected .wpcvs-term-inner { border: 1px solid rgba(25, 27, 29, 0.2); } .single-product .pxl-variation-row.att-type-color .wpcvs-type-color.rounded .wpcvs-term.wpcvs-selected .wpcvs-term-inner span { transform: scale(1); } .single-product .pxl-variation-row.att-type-color .wpcvs-type-color.rounded .wpcvs-term .wpcvs-term-inner span { width: 16px; height: 16px; } .single-product .pxl-variation-row.att-type-color .wpcvs-type-color.rounded .wpcvs-term .wpcvs-term-inner span:hover { transform: scale(1); } .single-product .pxl-variation-row.att-type-button .wpcvs-type-button .wpcvs-term { width: 34px; min-width: 34px; height: 34px; border-radius: 0; border: 1px solid #D7D7D7; color: var(--heading-color); font-size: 15px; font-weight: 400; text-transform: uppercase; } .single-product .pxl-variation-row.att-type-button .wpcvs-type-button .wpcvs-term.wpcvs-selected, .single-product .pxl-variation-row.att-type-button .wpcvs-type-button .wpcvs-term:hover { border: 1px solid #F6F6F6; background-color: #F6F6F6; } .product-template-default .header-container { max-width: 1350px; } .product-template-default .grouped_form .pxl-grouped-product-list .list-item { margin-bottom: 15px; } .product-template-default .grouped_form .woocommerce-grouped-product-list-item__image { margin-right: 10px; } .product-template-default .nice-select span.current { line-height: 48px; } .container-fluid .pxl-content-wrap.no-sidebar { justify-content: center; } .wpcvs-empty, .wpcvs-terms + select:not(.wpcvs-select), .wpcvs-term.wpcvs-disabled:after, .wpcvs-term.wpcvs-disabled:before { display: none !important; } .wpcvs-terms { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .wpcvs-terms > * { max-width: 100%; } [dir="rtl"] .wpcvs-terms { justify-content: flex-end; } .wpcvs-term { display: inline-flex; cursor: pointer; text-align: center; position: relative; border-width: 1px; border-style: solid; border-color: transparent; align-items: center; justify-content: center; } .wpcvs-term > span { display: block; position: relative; } .wpcvs-type-color { gap: 5px; } .wpcvs-type-color .wpcvs-term { font-size: 0; } .wpcvs-type-color.rounded .wpcvs-term .wpcvs-term-inner, .wpcvs-type-color.wpcvs-style-rounded .wpcvs-term .wpcvs-term-inner { height: 28px; width: 28px; padding: 2px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background-color: #ffffff; position: relative; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wpcvs-type-color.rounded .wpcvs-term .wpcvs-term-inner span, .wpcvs-type-color.wpcvs-style-rounded .wpcvs-term .wpcvs-term-inner span { display: block; width: 22px; height: 22px; position: relative; border-radius: 50%; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s ease-out; -khtml-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -ms-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .wpcvs-type-color.rounded .wpcvs-term.wpcvs-selected .wpcvs-term-inner, .wpcvs-type-color.rounded .wpcvs-term:hover .wpcvs-term-inner, .wpcvs-type-color.wpcvs-style-rounded .wpcvs-term.wpcvs-selected .wpcvs-term-inner, .wpcvs-type-color.wpcvs-style-rounded .wpcvs-term:hover .wpcvs-term-inner { border-color: #dce3de; } .wpcvs-type-color.rounded .wpcvs-term.wpcvs-selected .wpcvs-term-inner span, .wpcvs-type-color.rounded .wpcvs-term:hover .wpcvs-term-inner span, .wpcvs-type-color.wpcvs-style-rounded .wpcvs-term.wpcvs-selected .wpcvs-term-inner span, .wpcvs-type-color.wpcvs-style-rounded .wpcvs-term:hover .wpcvs-term-inner span { -webkit-transform: scale(0.8); -khtml-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .wpcvs-type-color.square .wpcvs-term .wpcvs-term-inner { height: 20px; width: 20px; border-radius: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wpcvs-type-color.square .wpcvs-term .wpcvs-term-inner span { display: inline-block; width: 100%; height: 100%; border-radius: 0; overflow: hidden; } .wpcvs-type-button { gap: 10px; } @media (max-width: 991px) { .wpcvs-type-button { gap: 6px; } } .wpcvs-type-button .wpcvs-term { font-size: 14px; width: auto; min-width: 35px; min-height: 32px; border-color: #707070; background-color: #fff; padding: 2px 15px 0; border-radius: 5px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wpcvs-type-button .wpcvs-term.wpcvs-selected { color: #fff; border-color: var(--primary-color); background-color: var(--primary-color); } .wpcvs-type-button .wpcvs-term.wpcvs-selected > span:before { display: none; } .wpcvs-type-button .wpcvs-term:not(.wpcvs-disabled):hover { color: #fff; border-color: var(--primary-color); background-color: var(--primary-color); } .wpcvs-type-button .wpcvs-term > span { background-color: transparent; } .wpcvs-type-button.black-bg .wpcvs-term.wpcvs-selected { border-color: #000000; background-color: #000000; } .wpcvs-type-button.black-bg .wpcvs-term:not(.wpcvs-disabled):hover { border-color: #000000; background-color: #000000; } .wpcvs-type-image { gap: 10px; } @media (max-width: 991px) { .wpcvs-type-image { gap: 6px; } } .wpcvs-type-image .wpcvs-term { width: 40px; height: 40px; border-color: transparent; border-radius: 5px; overflow: hidden; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wpcvs-type-image .wpcvs-term img { object-fit: cover; height: 100%; } .wpcvs-type-image .wpcvs-term.wpcvs-selected { opacity: 0.5; } .wpcvs-type-image .wpcvs-term:hover { opacity: 0.5; } .wpcvs-type-image .wpcvs-term > span { height: 100%; line-height: 1; } .wpcvs-type-radio .wpcvs-term { display: block; width: calc(100% - 6px); text-align: start; } .wpcvs-type-radio .wpcvs-term > span { padding: 0 20px; border-radius: 2px; } .wpcvs-type-radio .wpcvs-term input[type="radio"] { outline: none; margin-right: 10px; pointer-events: none; } .wpcvs-more { display: inline-block; margin: 6px 3px 0 3px; padding: 3px; height: 42px; line-height: 42px; position: relative; float: left; } .wpcvs-term.wpcvs-selected > span:before { content: "✓"; display: none; width: 16px; height: 16px; border-radius: 10px; background-color: green; color: #ffffff; text-align: center; line-height: 16px; font-size: 10px; position: absolute; top: -10px; right: -10px; z-index: 9; border: 2px solid #ffffff; } .wpcvs-term.wpcvs-disabled { opacity: 0.75; cursor: default; overflow: hidden; } .wpcvs-term.wpcvs-disabled span { position: relative; } .wpcvs-term.wpcvs-disabled span:after { content: ""; position: absolute; left: 50%; top: 50%; margin-top: -1px; width: 60px; height: 1px; background: #999999; -webkit-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); } .wpcvs-tippy-inner .wpcvs-tippy-swatches { display: none; } .wpcvs-tippy-swatches--color, .wpcvs-tippy-swatches--image img { border-radius: 3px; } .cart-list-head { border-bottom: 1px solid rgba(80, 80, 80, 0.2); padding-bottom: 16px; } @media (max-width: 575px) { .cart-list-head { display: none; } } .cart-list-head .product-name { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 600; } .cart-list-head .col-name { display: flex; } .cart-list-head .col-price, .cart-list-head .col-quantity, .cart-list-head .col-subtotal, .cart-list-head .col-remove { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 600; } .cart-list-body { overflow: hidden; } @media (max-width: 575px) { .cart-list-wrapper .cart-item-info { padding-left: 5px; } } @media (max-width: 575px) { .cart-list-wrapper .cart-item-info-inner { row-gap: 7px; } } .cart-list-wrapper .cart-list-item { padding: 20px 0; border-bottom: 1px solid rgba(80, 80, 80, 0.2); } .cart-list-wrapper .cart-list-item .product-thumbnail img { width: 80px; height: 100px; object-fit: cover; } .cart-list-wrapper .cart-list-item .item-name { padding-left: 5px; color: var(--heading-color); font-size: 18px; font-style: normal; font-weight: 500; } @media (max-width: 575px) { .cart-list-wrapper .cart-list-item .item-name { padding-left: 15px; font-size: 16px; } } .cart-list-wrapper .cart-list-item .woocommerce-Price-amount { color: #505050; font-size: 16px; font-style: normal; font-weight: 500; text-transform: capitalize; } .cart-list-wrapper .cart-list-item .pxl-quantity-wrap > span { display: none; } .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .quantity-inner { display: flex; align-items: center; gap: 10px; } @media (max-width: 767px) { .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .quantity-inner { gap: 0; } } .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .quantity-button { width: 30px; height: 30px; background-color: #191B1D; display: flex; justify-content: center; } .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .quantity-button .pxli-minus, .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .quantity-button .pxli-plus { font-size: 12px; color: #fff; display: flex; align-items: center; justify-content: center; } .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .quantity-button .pxli-plus { font-size: 16px; } .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .input-text { width: 42px; height: 30px; border: 1px solid #F1F1F1; background: #F1F1F1; text-align: center; color: #191B1D; font-size: 15px; font-weight: 400; line-height: 18px; } @media (max-width: 767px) { .cart-list-wrapper .cart-list-item .pxl-quantity-wrap .input-text { width: 30px; } } .cart-list-wrapper .cart-list-item .item-subtotal .woocommerce-Price-amount { color: var(--heading-color); font-size: 16px; font-style: normal; font-weight: 500; text-transform: capitalize; } .cart-list-wrapper .cart-list-item .col-remove { padding-left: 0; } @media (max-width: 575px) { .cart-list-wrapper .cart-list-item .col-remove { padding-left: 15px; } } .cart-list-wrapper .cart-list-item .col-remove > a { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 60px; background: #F1F1F1; margin-left: -14px; } @media (max-width: 1199px) { .cart-list-wrapper .cart-list-item .col-remove > a { width: 35px; height: 35px; margin-left: -6px; } } @media (max-width: 767px) { .cart-list-wrapper .cart-list-item .col-remove > a { width: 25px; height: 25px; margin-left: 4px; } } @media (max-width: 575px) { .cart-list-wrapper .cart-list-item .col-remove > a { margin-left: 0; } } .cart-list-wrapper .cart-list-item .col-remove > a svg { color: #191b1d; width: 20px; height: 20px; } @media (max-width: 767px) { .cart-list-wrapper .cart-list-item .col-remove > a svg { width: 15px; height: 15px; } } .form-coupon { margin-top: 39px; } .coupon { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; } .coupon label { font-size: 20px; line-height: 1.5; color: var(--heading-color); margin-bottom: 15px; } @media (max-width: 480px) { .coupon label { margin-bottom: 10px; } } .coupon .pxl-icon { position: absolute; left: 16px; top: 50%; font-size: 20px; margin-top: -10px; color: #000; } @media (max-width: 480px) { .coupon .pxl-icon { display: none; } } .coupon .input-text { background: #F3F3F3; height: 50px; padding: 0 130px 0 24px; max-width: 420px; width: 420px; border: none; } .coupon .input-text:hover, .coupon .input-text:focus, .coupon .input-text:active { background: #F3F3F3; } .coupon .input-text::placeholder { color: #666; font-size: 15px; font-style: normal; font-weight: 400; } @media (max-width: 575px) { .coupon .input-text { width: 100%; } } @media (min-width: 481px) { .coupon .button { position: absolute; top: 0; right: 0; height: 50px; background-color: transparent; color: var(--heading-color); font-size: 15px; font-style: normal; font-weight: 500; text-transform: capitalize; } } @media (max-width: 480px) { .coupon .button { margin-top: 15px; width: 100%; } } .coupon .update-cart { display: inline-flex; height: 48px; padding: 15px; justify-content: center; align-items: center; gap: 5px; min-width: 166px; text-transform: uppercase; background-color: var(--heading-color); color: #fff; } .coupon .update-cart i { font-size: 20px; } .coupon .update-cart:hover { background-color: var(--primary-color); color: var(--heading-color); } .cart-content-right { padding-left: 22px; } @media (max-width: 991px) { .cart-content-right { padding-left: 15px; margin-top: 70px; } } @media (max-width: 575px) { .cart-content-right { margin-top: 50px; } } .cart-content-right .cart_totals { background-color: #191B1D; border: 1px solid #D9D9D9; padding: 35px 30px 30px; } @media (max-width: 575px) { .cart-content-right .cart_totals { padding: 30px 20px 30px; } } .cart-content-right .cart_totals .title-bank { color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; text-transform: capitalize; border: 1px solid #F1F1F1; padding: 14.5px 20px; text-align: center; } .cart-content-right .shipping-cart { border: 0px solid rgba(25, 27, 29, 0.2); background: #FFF; padding: 20px 27px; display: flex; align-items: center; gap: 12px; margin: 21px 0 15px; } .cart-content-right .shipping-cart svg { width: 45px; height: 45px; fill: #ABABAB; } .cart-content-right .shipping-cart .shipping-text { color: #191B1D; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; display: flex; flex-direction: column; gap: 5px; } .cart-content-right .shipping-cart .shipping-text span { color: #505050; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; } .cart-content-right .enjoy-cart { border: 0px solid rgba(25, 27, 29, 0.2); background: #FFF; display: flex; align-items: center; gap: 21px; padding: 18.5px 29px 18.5px 17px; } @media (max-width: 1199px) { .cart-content-right .enjoy-cart { padding: 18.5px 17px 18.5px 17px; } } @media (max-width: 575px) { .cart-content-right .enjoy-cart { padding: 15px; gap: 12px; } } .cart-content-right .enjoy-cart svg { min-width: 50px; height: 50px; } .cart-content-right .enjoy-cart .enjoy-box-text .title { font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; margin-bottom: 4px; } .cart-content-right .enjoy-cart .enjoy-box-text .des { color: #505050; font-style: normal; font-weight: 400; display: flex; font-size: 14px; line-height: 21px; max-height: 882px*px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .cart-content-right .woocommerce-cart-sale-savings { color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; display: flex; gap: 10px; margin-top: 37px; padding-bottom: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .cart-content-right .woocommerce-cart-sale-savings svg { width: 20px; height: 20px; } .cart-content-right .pxl-heading { color: var(--heading-color); font-size: 20px; font-weight: 500; } .cart-content-right .order-total { margin: 24px 0 29px; } .cart-content-right .order-total .lbl { color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } .cart-content-right .order-total .value { color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: 20px; } @media (max-width: 575px) { .cart-content-right .order-total .value { font-size: 20px; } } .cart-content-right .checkout-button { color: #191B1D; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; text-transform: uppercase; width: 100%; height: 50px; } .cart-content-right .checkout-button:hover, .cart-content-right .checkout-button:focus, .cart-content-right .checkout-button:active { background-color: #fff; } .pxl-hidden-template-canvas-cart .pxl-close { background-color: #000; } .pxl-hidden-template-canvas-cart .pxl-title { color: var(--heading-color); line-height: 1.2; font-weight: 500; } .pxl-hidden-template-canvas-cart .pxl-close { font-size: 20px; color: #000; } .pxl-hidden-template-canvas-cart .pxl-close:hover { color: #707070; } .pxl-hidden-template-canvas-cart .mini_cart_item { position: relative; padding-right: 80px; padding-top: 13px; padding-bottom: 13px; } @media (max-width: 1599px) { .pxl-hidden-template-canvas-cart .mini_cart_item { padding-right: 50px; } } @media (max-width: 1199px) { .pxl-hidden-template-canvas-cart .mini_cart_item { padding-right: 35px; } } @media (max-width: 575px) { .pxl-hidden-template-canvas-cart .mini_cart_item { padding-right: 30px; } } .pxl-hidden-template-canvas-cart .mini_cart_item .remove { position: absolute; top: 50%; right: 0; font-size: 12px; margin-top: -10px; color: #707070; } .pxl-hidden-template-canvas-cart .mini_cart_item .remove svg { width: 18px; height: 18px; fill: #707070; -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .pxl-hidden-template-canvas-cart .mini_cart_item .remove:hover { color: var(--heading-color); } .pxl-hidden-template-canvas-cart .mini_cart_item .remove:hover svg { fill: var(--heading-color); } .pxl-hidden-template-canvas-cart .product-thumbnail img { width: 60px; margin-right: 0; border: 1px solid rgba(var(--primary-color-rgb), 0.1); } .pxl-hidden-template-canvas-cart .product-name { margin-bottom: 0; margin-top: -5px; font-size: 16px; line-height: 24px; max-height: 768px*px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pxl-hidden-template-canvas-cart .variation { font-size: 14px; margin-top: 4px; padding-bottom: 4px; line-height: 1; } .pxl-hidden-template-canvas-cart .variation span { margin: 0; padding: 0; position: relative; display: inline-flex; } .pxl-hidden-template-canvas-cart .variation span + span { padding-left: 8px; } .pxl-hidden-template-canvas-cart .variation span + span:before { content: ","; position: absolute; left: 0; } .pxl-hidden-template-canvas-cart .price { font-size: 16px; line-height: 1; color: var(--heading-color); margin-top: 5px; } @media (max-width: 480px) { .pxl-hidden-template-canvas-cart .cart-item-quantify { flex: 0 0 auto; width: 100%; margin-top: 10px; margin-bottom: 10px; } } .pxl-hidden-template-canvas-cart .pxl-quantity-wrap { align-items: center; } .pxl-hidden-template-canvas-cart .pxl-quantity-wrap .label { display: none; } .pxl-hidden-template-canvas-cart .quantity-inner { position: relative; display: inline-block; width: 90px; } .pxl-hidden-template-canvas-cart .quantity-inner input { line-height: 38px; width: 100%; height: 38px; border: 1px solid #dde3dd; font-size: 14px; text-align: center; } .pxl-hidden-template-canvas-cart .quantity-inner .quantity-button { position: absolute; top: 0; width: 38px; height: 38px; line-height: 32px; font-size: 11px; border: 0; cursor: pointer; display: flex; align-items: center; color: var(--body-color); -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .pxl-hidden-template-canvas-cart .quantity-inner .quantity-button:hover { color: #000; } .pxl-hidden-template-canvas-cart .quantity-inner .quantity-up { right: 0; justify-content: center; } .pxl-hidden-template-canvas-cart .quantity-inner .quantity-down { left: 0; z-index: 1; justify-content: center; } .pxl-hidden-template-canvas-cart .quantity-inner:hover input { border-color: #000; } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__total { margin-bottom: 32px; align-items: center; } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__total .total-lbl { font-size: 20px; letter-spacing: 0.015em; } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__total .total-value { font-size: 24px; font-weight: 600; color: var(--heading-color); } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__buttons .button { width: 100%; } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__buttons a:first-child { order: 1; } .pxl-hidden-template-canvas-cart .woocommerce-mini-cart__buttons .checkout { order: 0; margin-bottom: 15px; } .pxl-checkout-content-wrap input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #ccc; background: #fff; cursor: pointer; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; position: relative; text-align: center; line-height: 14px; margin-right: 13px; margin-top: 2px; } .pxl-checkout-content-wrap input[type="checkbox"]:after { content: ""; font-family: "pxli"; font-size: 10px; color: #fff; opacity: 0; } .pxl-checkout-content-wrap input[type="checkbox"]:checked[type=checkbox] { background: var(--primary-color); border-color: var(--primary-color); } .pxl-checkout-content-wrap input[type="checkbox"]:checked[type=checkbox]:after { opacity: 1; } .pxl-checkout-content-wrap input[type="radio"] { width: 20px; height: 20px; border: 1px solid #ccc; background: #fff; cursor: pointer; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; position: relative; text-align: center; line-height: 14px; margin-right: 13px; } .pxl-checkout-content-wrap input[type="radio"]:after { content: ""; font-family: "pxli"; font-size: 10px; color: #fff; opacity: 0; } .pxl-checkout-content-wrap input[type="radio"]:checked[type=radio] { background: var(--primary-color); border-color: var(--primary-color); } .pxl-checkout-content-wrap input[type="radio"]:checked[type=radio]:after { opacity: 1; } .pxl-checkout-content-wrap .content-top-inner { padding-right: 70px; } @media (max-width: 1199px) { .pxl-checkout-content-wrap .content-top-inner { padding-right: 30px; } } @media (max-width: 991px) { .pxl-checkout-content-wrap .content-top-inner { padding-right: 0; } } @media (max-width: 575px) { .pxl-checkout-content-wrap .content-top-inner div + div { margin-top: 20px; } } .pxl-checkout-content-wrap .pxl-heading { font-size: 20px; } .pxl-checkout-content-wrap .customer-details { padding-right: 70px; } @media (max-width: 1199px) { .pxl-checkout-content-wrap .customer-details { padding-right: 30px; } } @media (max-width: 991px) { .pxl-checkout-content-wrap .customer-details { padding-right: 0; } } .pxl-login-form-checkout { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100vh; z-index: -1; padding: 0; background: rgba(0, 0, 0, 0.4); will-change: transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; opacity: 0; scrollbar-width: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .pxl-login-form-checkout { left: 15px; right: 15px; width: calc(100% - 30px); } } .pxl-login-form-checkout .pxl-hidden-template-wrap { width: calc(100% - 40px); max-width: 570px; position: relative; background: transparent; border-radius: 0; overflow: hidden; max-height: 100vh; padding: 35px 50px 65px; overflow-y: auto; border-radius: 20px; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0.6); -khtml-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } @media (max-width: 575px) { .pxl-login-form-checkout .pxl-hidden-template-wrap { padding: 25px 20px 35px; } } .pxl-login-form-checkout .pxl-hidden-template-wrap::-webkit-scrollbar { height: 0; width: 0; background-color: transparent; } .pxl-login-form-checkout .pxl-hidden-template-wrap::-webkit-scrollbar-track { border-radius: 0; } .pxl-login-form-checkout .pxl-hidden-template-wrap::-webkit-scrollbar-thumb { border-radius: 0; background-color: transparent; } .pxl-login-form-checkout .pxl-hidden-template-wrap:hover::-webkit-scrollbar { width: 0; height: auto; background-color: rgba(255, 255, 255, 0.1); border-radius: 0; } .pxl-login-form-checkout .pxl-hidden-template-wrap:hover::-webkit-scrollbar-thumb { background-color: rgba(48, 48, 48, 0.1); } .pxl-login-form-checkout .pxl-panel-header { margin-bottom: 68px; } .pxl-login-form-checkout .pxl-panel-content { position: relative; flex: 1; } .pxl-login-form-checkout .pxl-title { font-size: 30px; color: var(--heading-color); } .pxl-login-form-checkout .pxl-close { font-size: 18px; right: 30px; top: 30px; } .pxl-login-form-checkout .pxl-close:before, .pxl-login-form-checkout .pxl-close:after { background-color: var(--primary-color); } .pxl-login-form-checkout .pxl-close:hover { color: #707070; } .pxl-login-form-checkout.open { height: 100%; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; z-index: 99999; } .pxl-login-form-checkout.open .pxl-hidden-template-wrap { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: #fff; } .woocommerce-form-login .form-fields + .form-fields, .woocommerce-form-register .form-fields + .form-fields { margin-top: 30px; } .woocommerce-form-login .input-text, .woocommerce-form-register .input-text { font-size: 16px; height: 55px; } .woocommerce-form-login .input-text::-webkit-input-placeholder, .woocommerce-form-register .input-text::-webkit-input-placeholder { font-size: 16px; } .woocommerce-form-login .input-text:-moz-placeholder, .woocommerce-form-register .input-text:-moz-placeholder { font-size: 16px; } .woocommerce-form-login .input-text::-moz-placeholder, .woocommerce-form-register .input-text::-moz-placeholder { font-size: 16px; } .woocommerce-form-login .input-text:-ms-input-placeholder, .woocommerce-form-register .input-text:-ms-input-placeholder { font-size: 16px; } .woocommerce-form-login .password-input, .woocommerce-form-register .password-input { position: relative; display: block; } .woocommerce-form-login .show-password-input, .woocommerce-form-register .show-password-input { position: absolute; top: 0; right: 20px; bottom: 0; left: auto; padding: 0 0 0 10px; border: 0; font-size: 18px; color: #707070; display: inline-block; line-height: 55px; cursor: pointer; -webkit-transition: color 0.3s ease; -khtml-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .woocommerce-form-login .show-password-input:before, .woocommerce-form-register .show-password-input:before { content: ""; font-family: "pxli"; } .woocommerce-form-login .show-password-input:hover, .woocommerce-form-register .show-password-input:hover { color: #000; } .woocommerce-form-login .form-actions, .woocommerce-form-register .form-actions { margin-top: 47px; } .woocommerce-form-login .remember-forgot, .woocommerce-form-register .remember-forgot { margin-bottom: 42px; } .woocommerce-form-login .remember-forgot label, .woocommerce-form-register .remember-forgot label { font-size: 16px; color: #000; letter-spacing: 0.015em; margin: 0; } .woocommerce-form-login .remember-forgot .lost_password a, .woocommerce-form-register .remember-forgot .lost_password a { color: #0099cc; font-size: 14px; } .woocommerce-form-login .remember-forgot .lost_password a:hover, .woocommerce-form-register .remember-forgot .lost_password a:hover { color: var(--link-color); } .woocommerce-form-login button[type="submit"], .woocommerce-form-register button[type="submit"] { width: 100%; padding: 14px 35px 14px 35px; } .checkout-content-top { margin-bottom: 45px; } .checkout-content-top .checkout-login-btn-toggle { width: 100%; padding: 14px 16px 14px 16px; text-align: left; justify-content: flex-start; height: 50px; border-color: #d0d0d0; font-size: 14px; text-transform: capitalize; } .checkout-content-top .checkout-login-btn-toggle .pxl-icon { font-size: 16px; margin-right: 15px; } .checkout-content-top .checkout-login-btn-toggle:hover, .checkout-content-top .checkout-login-btn-toggle:active, .checkout-content-top .checkout-login-btn-toggle:focus { border-color: var(--primary-color); } .checkout-content-top form.woocommerce-form-login { display: block !important; } .checkout-content-top form.checkout_coupon { display: block !important; } .checkout-content-top form.checkout_coupon .pxl-icon { position: absolute; left: 16px; top: 50%; font-size: 20px; margin-top: -10px; color: #000; } @media (max-width: 480px) { .checkout-content-top form.checkout_coupon .pxl-icon { display: none; } } .checkout-content-top form.checkout_coupon .input-text { border: 1px solid #d0d0d0; height: 50px; padding-right: 90px; padding-left: 20px; } .checkout-content-top form.checkout_coupon .input-text:hover { border-color: #000; } .checkout-content-top form.checkout_coupon .button { position: absolute; top: 0; right: 0; height: 50px; background-color: transparent; color: #000; padding: 0 24px; font-size: 14px; letter-spacing: 0.05em; border: 0; } .checkout-content-top form.checkout_coupon .button:hover, .checkout-content-top form.checkout_coupon .button:active, .checkout-content-top form.checkout_coupon .button:focus { color: #707070; } .woocommerce-checkout ul.woocommerce-error { margin-bottom: 120px; list-style: none; font-size: 16px; padding: 30px 15px 30px 45px; } .woocommerce-checkout ul.woocommerce-error:before { top: 26px; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .woocommerce-checkout ul.woocommerce-error strong { font-weight: 400; color: var(--heading-color); } .woocommerce-checkout .select2-container .select2-dropdown { border: 1px solid #999; top: 3px; } .pxl-checkout-wrap .form-row { margin-bottom: 20px; } .pxl-checkout-wrap .form-row:last-child { margin-bottom: 0; } .pxl-checkout-wrap input[type="text"], .pxl-checkout-wrap input[type="email"], .pxl-checkout-wrap input[type="url"], .pxl-checkout-wrap input[type="password"], .pxl-checkout-wrap input[type="search"], .pxl-checkout-wrap input[type="tel"], .pxl-checkout-wrap input[type="number"], .pxl-checkout-wrap input[type="range"], .pxl-checkout-wrap input[type="date"], .pxl-checkout-wrap input[type="month"], .pxl-checkout-wrap input[type="week"], .pxl-checkout-wrap input[type="time"], .pxl-checkout-wrap input[type="datetime"], .pxl-checkout-wrap input[type="datetime-local"], .pxl-checkout-wrap input[type="color"], .pxl-checkout-wrap select, .pxl-checkout-wrap .select2-container.select2-container--default .select2-selection--single { height: 55px; } .pxl-checkout-wrap .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .pxl-checkout-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 55px; color: #707070; } .pxl-checkout-wrap .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered { color: #000; } .pxl-checkout-wrap .select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .pxl-checkout-wrap .select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-color: transparent; border-bottom-color: #000; } .pxl-checkout-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { height: 55px; top: 0; right: 15px; width: 15px; line-height: 55px; } .pxl-checkout-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:before { content: ""; font-size: 14px; font-family: "pxli"; } .pxl-checkout-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } @media (min-width: 576px) { .pxl-checkout-wrap .form-row-first { width: 50%; padding-right: 5px; display: inline-block; } .pxl-checkout-wrap .form-row-last { width: 50%; padding-left: 5px; display: inline-block; } } .woocommerce-billing-fields { margin-bottom: 45px; } .woocommerce-account-fields { margin-bottom: 10px; } .woocommerce-account-fields label { color: #000; font-size: 16px; letter-spacing: 0.015em; } .woocommerce-shipping-fields { margin-bottom: 32px; } .woocommerce-shipping-fields .ship-to-different-address label { color: #000; font-size: 16px; letter-spacing: 0.015em; } .woocommerce-additional-fields textarea { height: 130px; } @media (max-width: 991px) { .checkout-col-right { margin-top: 80px; } } .checkout-review-wrap { margin-top: -88px; background-color: #f0f1f4; position: relative; } @media (max-width: 991px) { .checkout-review-wrap { margin-top: 0; } } .checkout-review-wrap .order-review-heading { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0; } .checkout-review-wrap select { background-color: transparent; border-color: transparent; } .checkout-review-wrap .nice-select { background-color: #fff; } .checkout-review-wrap .nice-select span.current { color: var(--body-color); -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .checkout-review-wrap .nice-select:hover span.current { color: #000; } .checkout-review-wrap .checkout-review-inner { padding: 30px 50px 55px 50px; } @media (max-width: 575px) { .checkout-review-wrap .checkout-review-inner { padding: 30px 35px 55px 35px; } } @media (max-width: 480px) { .checkout-review-wrap .checkout-review-inner { padding: 25px 15px 20px 15px; } } .checkout-review-wrap .checkout-review-inner .woocommerce-checkout-review-order-table { position: static !important; } .checkout-review-wrap .checkout-review-inner .blockUI.blockOverlay { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent !important; } .checkout-review-wrap .checkout-review-inner .blockUI.blockOverlay:before { content: ""; position: absolute; top: -10px; left: 0; bottom: -10px; right: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 2; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .checkout-review-wrap .checkout-review-inner .blockUI.blockOverlay:after { content: ""; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; font-size: 24px; line-height: 1; font-family: "pxli"; -webkit-animation: spin 1s infinite linear; -khtml-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; z-index: 3; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .checkout-review-wrap .shop_table { padding-bottom: 25px; } .checkout-review-wrap .review-order-list .cart_item + .cart_item { margin-top: 25px; } .checkout-review-wrap .review-order-list .product-thumbs img { width: 45px; } .checkout-review-wrap .review-order-list .product-name { font-size: 16px; line-height: 24px; color: var(--heading-color); } .checkout-review-wrap .review-order-list .variation { margin-top: 8px; padding-bottom: 4px; line-height: 1; color: #707070; } .checkout-review-wrap .review-order-list .variation span { margin: 0; padding: 0; position: relative; display: inline-flex; } .checkout-review-wrap .review-order-list .variation span + span { padding-left: 8px; } .checkout-review-wrap .review-order-list .variation span + span:before { content: ","; position: absolute; left: 0; } .checkout-review-wrap .review-order-list .product-total { font-size: 16px; line-height: 1.2; color: var(--heading-color); } .checkout-review-wrap .review-order-subtotal-shiping { margin-top: 30px; padding-top: 20px; border-top: 1px solid #d0d0d0; } .checkout-review-wrap .review-order-subtotal-shiping .lbl { font-size: 16px; } .checkout-review-wrap .review-order-subtotal-shiping .value { font-size: 16px; color: #000; } .checkout-review-wrap .review-order-subtotal-shiping .nice-select span.current { font-size: 16px; } .checkout-review-wrap .review-order-subtotal-shiping .cart-subtotal { margin-bottom: 20px; } .checkout-review-wrap .order-total { padding-top: 25px; } .checkout-review-wrap .order-total span.lbl { font-size: 18px; color: #000; text-transform: uppercase; letter-spacing: 0.05em; } .checkout-review-wrap .order-total span.value { font-size: 20px; font-weight: 600; color: #000; letter-spacing: 0.015em; } .checkout-review-wrap .order-total span.value strong { font-weight: 600; } .woocommerce-checkout-payment { padding-top: 25px; border-top: 1px solid #d0d0d0; position: static !important; } .woocommerce-checkout-payment .blockUI.blockOverlay { position: relative !important; display: none !important; } .woocommerce-checkout-payment ul.payment_methods { margin: 0; list-style: none outside; } .woocommerce-checkout-payment ul.payment_methods li { margin: 0; } .woocommerce-checkout-payment ul.payment_methods li + li { margin-top: 15px; } .woocommerce-checkout-payment ul.payment_methods li label { font-size: 16px; letter-spacing: 0.015em; color: #000000; } .woocommerce-checkout-payment ul.payment_methods li .payment_box { font-size: 14px; line-height: 24px; color: #707070; letter-spacing: 0.015em; padding-left: 55px; } .woocommerce-checkout-payment ul.payment_methods li input { margin: 3px 19px 0 0; float: left; } .woocommerce-checkout-payment ul.payment_methods li img { vertical-align: middle; padding: 0; position: relative; max-width: 150px; } .woocommerce-checkout-payment ul.payment_methods li img + img { margin-left: 2px; } .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper { margin-top: 20px; font-size: 14px; line-height: 24px; letter-spacing: 0.015em; margin-top: 30px; padding-top: 25px; border-top: 1px solid #d0d0d0; } .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper a { text-decoration: underline; text-underline-offset: 3px; } .woocommerce-checkout-payment button[type="submit"] { width: 100%; margin-top: 35px; } .pxl-myaccount-login-reg-form input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #ccc; background: #fff; cursor: pointer; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; position: relative; text-align: center; line-height: 14px; margin-right: 13px; } .pxl-myaccount-login-reg-form input[type="checkbox"]:after { content: ""; font-family: "pxli"; font-size: 10px; color: #fff; opacity: 0; } .pxl-myaccount-login-reg-form input[type="checkbox"]:checked[type=checkbox] { background: var(--primary-color); border-color: var(--primary-color); } .pxl-myaccount-login-reg-form input[type="checkbox"]:checked[type=checkbox]:after { opacity: 1; } .pxl-myaccount-login-reg-form .pxl-login-form { width: 100%; max-width: 570px; padding: 40px 50px 65px; border: 1px solid #d0d0d0; display: none; } @media (max-width: 575px) { .pxl-myaccount-login-reg-form .pxl-login-form { padding: 30px 20px 35px; } } .pxl-myaccount-login-reg-form .pxl-login-form.active { display: block; } .pxl-myaccount-login-reg-form .pxl-login-form h3 { font-size: 30px; margin-bottom: 68px; } .pxl-myaccount-login-reg-form .pxl-login-form .form-actions .button { height: 50px; } .pxl-myaccount-login-reg-form .pxl-login-form .form-actions a.create-acc { margin-top: 15px; width: 100%; } .pxl-myaccount-login-reg-form .pxl-register-form { display: none; width: 100%; max-width: 570px; padding: 40px 50px 65px; border: 1px solid #d0d0d0; display: none; } @media (max-width: 575px) { .pxl-myaccount-login-reg-form .pxl-register-form { padding: 30px 20px 35px; } } .pxl-myaccount-login-reg-form .pxl-register-form.active { display: block; } .pxl-myaccount-login-reg-form .pxl-register-form h3 { font-size: 30px; margin-bottom: 68px; } .pxl-myaccount-login-reg-form .pxl-register-form .form-actions .button { width: 100%; height: 50px; } .pxl-myaccount-login-reg-form .pxl-register-form .form-actions a.btn-login { margin-top: 15px; } .pxl-myaccount-login-reg-form .pxl-register-form .woocommerce-privacy-policy-text { margin-top: 20px; font-size: 14px; line-height: 24px; letter-spacing: 0.015em; margin-top: 35px; } .pxl-myaccount-login-reg-form .pxl-register-form .woocommerce-privacy-policy-text a { text-decoration: underline; text-underline-offset: 3px; } .pxl-myaccount-login-reg-form .pxl-register-form .woocommerce-password-strength { margin-top: 8px; color: #d62a28; } .pxl-myaccount-login-reg-form .pxl-register-form .woocommerce-password-hint { color: #cf8207; line-height: 24px; display: block; } .pxl-wc-account-wrap .wc-account-nav { border: 1px solid #d0d0d0; } .pxl-wc-account-wrap .avatar-wrap { padding: 30px 20px 30px 20px; } .pxl-wc-account-wrap .avatar-wrap .profile-preview { display: inline-block; width: 80px; border-radius: 50%; -webkit-box-shadow: 0 18px 29px rgba(0, 0, 0, 0.14); -khtml-box-shadow: 0 18px 29px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 18px 29px rgba(0, 0, 0, 0.14); -ms-box-shadow: 0 18px 29px rgba(0, 0, 0, 0.14); -o-box-shadow: 0 18px 29px rgba(0, 0, 0, 0.14); box-shadow: 0 18px 29px rgba(0, 0, 0, 0.14); } .pxl-wc-account-wrap .avatar-wrap .hello { font-size: 14px; } .pxl-wc-account-wrap .avatar-wrap .full-name { font-size: 20px; margin-top: 3px; } .pxl-wc-account-wrap .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .pxl-wc-account-wrap .woocommerce-MyAccount-navigation li { margin: -1px -1px 0; } .pxl-wc-account-wrap .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 20px; font-size: 16px; font-weight: 500; border-top: 1px solid #d0d0d0; color: inherit; } .pxl-wc-account-wrap .woocommerce-MyAccount-navigation .is-active a, .pxl-wc-account-wrap .woocommerce-MyAccount-navigation a:hover { color: #fff; background: var(--heading-color); border-top-color: var(--heading-color); } @media (max-width: 991px) { .pxl-wc-account-wrap .woocommerce-MyAccount-content { margin-top: 80px; } } .pxl-wc-account-wrap .wc-account-content { font-size: 16px; } .pxl-wc-account-wrap .wc-account-content strong { color: var(--heading-color); } .pxl-wc-account-wrap .wc-account-content h3 { font-size: 20px; } .pxl-wc-account-wrap .wc-account-content table { border-radius: 0; } @media (max-width: 767px) { .pxl-wc-account-wrap .wc-account-content table { font-size: 14px; } } .pxl-wc-account-wrap .wc-account-content table th, .pxl-wc-account-wrap .wc-account-content table td { padding: 8px 15px; border-color: #d0d0d0; } .pxl-wc-account-wrap .wc-account-content table th { font-size: 14px; font-weight: 400; color: #999999; text-transform: uppercase; letter-spacing: 0.05em; } .pxl-wc-account-wrap .wc-account-content table button, .pxl-wc-account-wrap .wc-account-content table .button { padding: 10px 20px 10px 20px; width: 100%; } .pxl-wc-account-wrap .wc-account-content .woocommerce-customer-details { margin-top: 50px; } .pxl-wc-account-wrap .wc-account-content address { font-style: normal; } .pxl-wc-account-wrap .wc-account-content .form-row { margin-bottom: 20px; } .pxl-wc-account-wrap .wc-account-content input[type="text"], .pxl-wc-account-wrap .wc-account-content input[type="email"], .pxl-wc-account-wrap .wc-account-content input[type="url"], .pxl-wc-account-wrap .wc-account-content input[type="password"], .pxl-wc-account-wrap .wc-account-content input[type="search"], .pxl-wc-account-wrap .wc-account-content input[type="tel"], .pxl-wc-account-wrap .wc-account-content input[type="number"], .pxl-wc-account-wrap .wc-account-content input[type="range"], .pxl-wc-account-wrap .wc-account-content input[type="date"], .pxl-wc-account-wrap .wc-account-content input[type="month"], .pxl-wc-account-wrap .wc-account-content input[type="week"], .pxl-wc-account-wrap .wc-account-content input[type="time"], .pxl-wc-account-wrap .wc-account-content input[type="datetime"], .pxl-wc-account-wrap .wc-account-content input[type="datetime-local"], .pxl-wc-account-wrap .wc-account-content input[type="color"], .pxl-wc-account-wrap .wc-account-content select, .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default .select2-selection--single { height: 55px; } .pxl-wc-account-wrap .wc-account-content .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 55px; color: #707070; } .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered { color: #000; } .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-color: transparent; border-bottom-color: #000; } .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { height: 55px; top: 0; right: 15px; width: 15px; line-height: 55px; } .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow:before { content: ""; font-size: 14px; font-family: "pxli"; } .pxl-wc-account-wrap .wc-account-content .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } @media (max-width: 575px) { .pxl-wc-account-wrap .wc-account-content .woocommerce-orders-table { display: block; overflow-x: auto; white-space: nowrap; } } .pxl-wc-account-wrap .wc-account-content .woocommerce-Address .woocommerce-Address-title { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } .pxl-wc-account-wrap .wc-account-content .woocommerce-Address h2, .pxl-wc-account-wrap .wc-account-content .woocommerce-Address h3 { font-size: 20px; margin-bottom: 0; } .pxl-wc-account-wrap .wc-account-content .woocommerce-Address a.edit { color: #707070; } .pxl-wc-account-wrap .wc-account-content .woocommerce-Address a.edit:hover { color: #000; } .pxl-wc-account-wrap .wc-account-content .woocommerce-address-fields button[type="submit"] { margin-top: 30px; width: 100%; } .pxl-wc-account-wrap .wc-account-content .edit-account button[type="submit"] { margin-top: 30px; width: 100%; } .pxl-wc-account-wrap .wc-account-content .edit-account fieldset { margin-top: 50px; padding: 30px; border: 1px solid rgba(25, 27, 29, 0.1); border-radius: 20px; } @media (max-width: 575px) { .pxl-wc-account-wrap .wc-account-content .woosc_list { display: block; overflow-x: auto; white-space: nowrap; } } .pxl-wc-account-wrap .wc-account-content .woosc_list .tr-image img { width: 70px; } .pxl-wc-account-wrap .wc-account-content .woosc_list .tr-content { display: none; } .pxl-wc-account-wrap .wc-account-content .woosc_list .added_to_cart, .pxl-wc-account-wrap .wc-account-content .woosc_list button, .pxl-wc-account-wrap .wc-account-content .woosc_list .button { padding: 12px 35px 12px 35px; display: block; } .pxl-wc-account-wrap .wc-account-content .woosc_list .pxl-add-to-cart.added { display: none; } .pxl-wc-account-wrap .wc-account-content .woosc_list .th-placeholder, .pxl-wc-account-wrap .wc-account-content .woosc_list .td-placeholder { display: none; } @media (max-width: 575px) { .pxl-wc-account-wrap .wc-account-content .woosw-list { display: block; overflow-x: auto; white-space: nowrap; } } .pxl-wc-account-wrap .wc-account-content .woosw-list table.woosw-items tr th, .pxl-wc-account-wrap .wc-account-content .woosw-list table.woosw-items td { padding: 8px 15px; } .pxl-wc-account-wrap .wc-account-content .woosw-list .woosw-item--image img { width: 70px; } .pxl-wc-account-wrap .wc-account-content .woosw-list .added_to_cart, .pxl-wc-account-wrap .wc-account-content .woosw-list button, .pxl-wc-account-wrap .wc-account-content .woosw-list .button { padding: 12px 35px 12px 35px; } .pxl-wc-account-wrap .wc-account-content .woosw-list .pxl-add-to-cart.added { display: none; } .pxl-wc-account-wrap .wc-account-content .woosw-list .woosw-actions { display: none; } .pxl-thankyou { font-size: 16px; } ul.order_details { display: flex; flex-wrap: wrap; column-gap: 50px; list-style: none; margin-bottom: 45px; } @media (max-width: 767px) { ul.order_details { column-gap: 0; } } ul.order_details li { text-transform: uppercase; font-size: 12px; line-height: 1; margin-left: 0; padding-left: 0; list-style-type: none; } @media (max-width: 1199px) { ul.order_details li { border: 0; float: none; margin-bottom: 15px; } } @media (max-width: 767px) { ul.order_details li { flex: 0 0 auto; width: 50%; } } ul.order_details li:last-child { margin-right: 0; padding-right: 0; } ul.order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; margin-top: 5px; color: #000; font-weight: 600; } @media (max-width: 1024px) { ul.order_details li strong { font-weight: 400; } } ul.order_details li:last-of-type { border: none; } .woocommerce-order-details__title, .woocommerce-column__title { margin: 0; position: relative; font-size: 20px; line-height: 1.5; color: var(--heading-color); margin-bottom: 15px; } .wc-bacs-bank-details-account-name { font-weight: bold; } .woocommerce-order-downloads { margin-bottom: 45px; } .woocommerce-order-downloads *:last-child { margin-bottom: 0; } .woocommerce-order-details table { border-radius: 0; } .woocommerce-order-details table th, .woocommerce-order-details table td { padding: 8px 15px; } .woocommerce-order-details table th { font-weight: 400; } .woocommerce-order-details table strong { font-weight: 400; } .woocommerce-order-details tfoot tr:last-child th { font-size: 18px; color: #000; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 0; } .woocommerce-order-details tfoot tr:last-child td { font-size: 20px; font-weight: 600; color: #000; letter-spacing: 0.015em; border-bottom: 0; } .woocommerce-customer-details { margin-top: 80px; } .woocommerce-customer-details address { font-style: normal; margin-bottom: 0; border: 1px solid rgba(25, 27, 29, 0.1); text-align: left; width: 100%; border-radius: 0; padding: 8px 16px; } .woocommerce-customer-details .woocommerce-customer-details--phone, .woocommerce-customer-details .woocommerce-customer-details--email { margin-bottom: 0; } .woocommerce-customer-details .woocommerce-customer-details--phone::before { margin-left: -1.5em; line-height: 1.75; position: absolute; } .woocommerce-customer-details .woocommerce-customer-details--email::before { margin-left: -1.5em; line-height: 1.75; position: absolute; } .wc-item-meta li { display: flex; } .wc-item-meta li .wc-item-meta-label { margin-right: 5px; } /*# sourceMappingURL=style.map */
Edit
Rename
Chmod
Delete
FILE
FOLDER
Name
Size
Permission
Action
lightgallery.min.css
20476 bytes
0644
style.css
651824 bytes
0644
style.map
123426 bytes
0644
N4ST4R_ID | Naxtarrr