/* CSS Document */ /*----------------------------------------------------------------------------- Prototype Version: 2.4 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-Black.eot'); src: local('Heebo Black'), local('Heebo-Black'), url('../fonts/Heebo-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-Black.woff2') format('woff2'), url('../fonts/Heebo-Black.woff') format('woff'), url('../fonts/Heebo-Black.ttf') format('truetype'), url('../fonts/Heebo-Black.svg#Heebo-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap;} @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-Bold.eot'); src: local('Heebo Bold'), local('Heebo-Bold'), url('../fonts/Heebo-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-Bold.woff2') format('woff2'), url('../fonts/Heebo-Bold.woff') format('woff'), url('../fonts/Heebo-Bold.ttf') format('truetype'), url('../fonts/Heebo-Bold.svg#Heebo-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;} @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-ExtraBold.eot'); src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'), url('../fonts/Heebo-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-ExtraBold.woff2') format('woff2'), url('../fonts/Heebo-ExtraBold.woff') format('woff'), url('../fonts/Heebo-ExtraBold.ttf') format('truetype'), url('../fonts/Heebo-ExtraBold.svg#Heebo-ExtraBold') format('svg'); font-weight: 800; font-style: normal; font-display: swap;} @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-Medium.eot'); src: local('Heebo Medium'), local('Heebo-Medium'), url('../fonts/Heebo-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-Medium.woff2') format('woff2'), url('../fonts/Heebo-Medium.woff') format('woff'), url('../fonts/Heebo-Medium.ttf') format('truetype'), url('../fonts/Heebo-Medium.svg#Heebo-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap;} @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-Light.eot'); src: local('Heebo Light'), local('Heebo-Light'), url('../fonts/Heebo-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-Light.woff2') format('woff2'), url('../fonts/Heebo-Light.woff') format('woff'), url('../fonts/Heebo-Light.ttf') format('truetype'), url('../fonts/Heebo-Light.svg#Heebo-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap;} @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-Regular.eot'); src: local('Heebo Regular'), local('Heebo-Regular'), url('../fonts/Heebo-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-Regular.woff2') format('woff2'), url('../fonts/Heebo-Regular.woff') format('woff'), url('../fonts/Heebo-Regular.ttf') format('truetype'), url('../fonts/Heebo-Regular.svg#Heebo-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;} @font-face {font-family: 'Heebo'; src: url('../fonts/Heebo-SemiBold.eot'); src: local('Heebo SemiBold'), local('Heebo-SemiBold'), url('../fonts/Heebo-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Heebo-SemiBold.woff2') format('woff2'), url('../fonts/Heebo-SemiBold.woff') format('woff'), url('../fonts/Heebo-SemiBold.ttf') format('truetype'), url('../fonts/Heebo-SemiBold.svg#Heebo-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap;} :root{ --body-font: 'Heebo'; --body-color:#000000; --button-color: #FFB145; --white-color:#ffffff; --teal-green:#45EBC5; --dark-grey:#212121; --footer-color:#1A1A1A; --grey-color:#A9A9A9; } /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;} blockquote, q {quotes: none;} blockquote {margin:60px 0; padding:5px 22px 5px 0; font-size:18px; font-weight:700; color: var(--body-color); line-height:25px; letter-spacing:0; border-right:2px solid var(--body-color);} br {height: 0;} ul, ol, dl, li {margin:0; padding:0;} ul, ol {margin:0 15px 0 0;} html, body{ border:none; -webkit-text-size-adjust:none;} ul {list-style-type: none} ul li {position: relative;} ul li:before { position: absolute; right: -15px; top: 12px; width: 6px; height:6px; background-color:var(--body-color); border-radius: 50%; content: ""; } /* 2. Define Base Typography ------------------------------------------------------------------------------*/ body{padding: 0;margin: 0;font-family: var(--body-font); font-size:18px; font-weight:300; color:var(--body-color); line-height:26px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden;text-align: start; direction: rtl;} *, *:after, *:before {box-sizing: border-box;} .bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;} .bg-cover > img {opacity: 0; width: 100%;} /* Create the Default Headers */ h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--body-font); color: var(--title-color); font-weight:300;line-height:1; } /* Specific Header Settings */ h1,.h1 {font-size:130px;} h2,.h2 {font-size:60px;} h3,.h3 {font-size:50px;} h4,.h4 {font-size:40px;} h5,.h5 {font-size:32px;} h6,.h6 {font-size:25px;} /* Create the Default Paragraphs */ p {margin-bottom:20px;} p:last-child {margin-bottom: 0;} /* Other Typo */ strong {font-weight:700;} hr {border:0 var(--body-color) solid; border-top-width: 2px; clear: both; height: 0;} ol {list-style: decimal;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {max-width: 100%; border: 0; border-style: none; height: auto;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color: var(--body-color); text-decoration:underline;transition: 0.5s; display: inline-block;} /* 5. Forms ------------------------------------------------------------------------------*/ #full_wrapper {overflow: hidden;} .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {margin:0; padding:15px 30px; border-radius:5px; background: linear-gradient(90deg, #1B7BAC 0%, #45EBC5 100%); background-size: 102% 100%; border:0;display: inline-flex; align-items: center; vertical-align: middle; font-family: var(--body-font); font-weight:500;color: var(--white-color); font-size:22px; line-height:1; outline: none;box-shadow:none;text-align: center;text-decoration: none;-webkit-transition: 0.4s all;transition: 0.4s all; position: relative;z-index: 1; text-transform: none; letter-spacing:0; cursor: pointer; transform: none;} .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-size: 200% 200%;} .button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {padding:14px 30px; background:transparent; color: var(--body-color); border:1px solid #E8E8E8;} .button.button-border:hover, a.button.button-border:hover, button.button-border:hover, html input[type="button"].button-border:hover, input[type="reset"].button-border:hover, input[type="submit"].button-border:hover {background:rgba(27,123,172,1); border-color: transparent;color: var(--white-color);} input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {margin: 0 0 0 0; padding:16px 22px; font-family: var(--body-font); border-radius:5px; background-color:var(--white-color); border:1px solid #E9E9E9; display: inline-block; vertical-align: middle; font-weight:300;color:var(--black-color); font-size:14px; line-height:21px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0; width: 100%; text-align: right;} select {padding:21px 22px 21px;} .button.no-rotate:hover span img {transform: none;} .form__row--half {width:calc(50% - 4px);} textarea {height:116px; resize: none;} input::-webkit-input-placeholder {color:var(--body-color);opacity:1;} input:-moz-placeholder {color:var(--body-color); opacity:1;} input::-moz-placeholder {color: var(--body-color); opacity:1;} input:-ms-input-placeholder {color:var(--body-color);opacity:1;} textarea::-webkit-input-placeholder {color:var(--body-color); opacity:1;} textarea:-moz-placeholder {color:var(--body-color); opacity:1;} textarea::-moz-placeholder {color:var(--body-color); opacity:1;} textarea:-ms-input-placeholder {color:var(--body-color);opacity:1;} /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: start; font-weight: normal;} /* 7. Framework ------------------------------------------------------------------------------*/ /* container */ .container{max-width:1614px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;} .row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;} .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-12 {max-width: 100%;} .col-11 {max-width: 91.66666667%;} .col-10 {max-width: 83.33333333%;} .col-9 {max-width: 75%;} .col-8 {max-width: 66.66666667%;} .col-7 {max-width: 58.33333333%;} .col-6 {max-width: 50%;} .col-5 {max-width: 41.66666667%;} .col-4 {max-width: 33.33333333%;} .col-3 {max-width: 25%;} .col-2 {max-width: 16.66666667%;} .col-1 {max-width: 8.33333333%;} .flex{ display:flex;} .wrap{flex-wrap:wrap;} .justify-content-start{justify-content:flex-start;} .justify-content-center{justify-content:center;} .justify-content-end{justify-content:flex-end;} .justify-content-between{justify-content:space-between;} .align-items-start{align-items: flex-start;} .align-items-center{align-items: center;} .align-items-end{align-items: flex-end;} .row-reverse{flex-direction: row-reverse;} .text-center{text-align: center;} .text-left{text-align: start;} .text-right{text-align: end;} .font-light {font-weight: 300;} .no-pbottom {padding-bottom: 0 !important;} .header {position: fixed; top: 0; left: 0; padding:22px 0; width: 100%; z-index: 9;} .header .container {padding: 0 120px; max-width:100%;} .header__inner {padding:18px 36px; display: flex; align-items: center; justify-content: space-between; position: relative; background-color:rgba(0,0,0,0.45);} .header__logo, .header__logo a {line-height: 0;} .header__left {display: flex; align-items: center;} .header__left a {line-height: 0;} .header__cart {position: relative; line-height: 0;} .header__cart a span {position: absolute; top:-4px; right:-10px; display: flex; align-items: center; justify-content: center; color: var(--white-color); font-size:10px; width:16px; height:16px; border:1px solid var(--white-color); border-radius:50%; background-color: var(--body-color);} .mini__cart {padding:20px 25px 25px 25px; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; max-width:550px; width:100%; height:100%; background-color: var(--white-color); transform: translateX(-100%); transition: all 0.5s; z-index: 9;} .cart-is-open .mini__cart {transform: none;} .mini__cart-head {margin: 0 0 10px 0; padding:0 0 15px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom:1px solid #EAEAEA;} .mini__logo {width:103px;} .mini__logo img {width:100%;} .mini__close {width:30px; height:30px; border:2px solid #C2C2C2; border-radius:50%; position: relative; cursor: pointer;} .mini__close::before {content: ""; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:2px; height:65%; background-color:#C2C2C2; transform: rotate(45deg);} .mini__close::after {content: ""; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:2px; height:65%; background-color:#C2C2C2; transform: rotate(-45deg);} .mini__cart-list {line-height: normal; flex: 1; overflow: auto;} .mini__cart-item {padding:20px 0; display: flex; flex-wrap: wrap; border-bottom:1px solid #EAEAEA; position: relative;} .mini__cart-item:last-child {border-bottom: 0;} .mini__cart-remove {position: absolute; top:5px; right:.0; display: flex; align-items: center; justify-content:center; width:20px; height:20px; background-color:#EB4548; border-radius:50%;} .mini__cart-img {width:120px; height:120px; border:1px solid #D8D8D8; border-radius:15px;} .mini__cart-img img {width:100%; height:100%; object-fit: contain;} .mini__cart-content {padding: 0 25px 0 0; flex:1; font-size:16px; line-height:24px;} .mini__cart-content p {margin-bottom:7px;} .mini__cart-title {margin: 0 0 2px 0; font-size:22px; font-weight:400;} .mini__cart-info {display: flex; align-items: center; justify-content: space-between;} .mini__cart-price {font-size:15px;} .mini__cart-price .price del {display: none;} .mini__cart-price .price ins {text-decoration: none;} .mini__cart-price .woocommerce-Price-amount.amount {font-size:15px; font-weight:300;} .mini__cart-bottom {margin:10px 0 0 0; line-height: 1;} .mini__cart-total {padding:15px 0 15px 0; display: flex; font-size:20px; font-weight:700; align-items: center; justify-content: space-between; border-top: 1px solid #EAEAEA;} .mini__cart-button {padding:15px 0 0 0; display: flex; align-items: center; justify-content: space-between;} .mini__cart-button .button {width:calc(50% - 7px);font-size:22px; font-weight:500; justify-content: center; line-height: 1;} .mini__cart-button .button.button-border {border-color:rgba(0,0,0,0.58);} .header__user {margin-right:25px;} .header__nav ul {margin: 0; padding: 0; display: flex; align-items: center; list-style-type: none;} .header__nav ul li {margin: 0; padding:0 21px;} .header__nav ul li::before {display: none;} .header__nav ul li a {font-size:18px; font-weight:400; color: var(--white-color); text-decoration: none;} .header__nav > ul > li > a {padding:19px 0;} .header__nav > ul > li > a:hover, .header__nav > ul > li.current-menu-item > a {color: var(--teal-green);} .header__nav li:hover > ul.submenu, .header__nav li.open > ul.submenu {opacity: 1; visibility: visible; pointer-events: all;} .header__nav ul.submenu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 87.865vw; padding: 18px 0 0 0; flex-wrap: wrap; align-items:initial; background-color: transparent; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.5s;} .header__nav ul.submenu:before {position: absolute; left: 0; top: 18px; width: 100%; bottom: 0; content: ""; background-color: #fff; border-radius:12px;} .header__nav ul.submenu li.mega-menu-col {padding-left:40px; padding-right:40px; padding-top:40px; padding-bottom:40px; width: 33.33%; display: flex ; flex-direction: column; border-left:1px solid #E3E3E3;} .header__nav ul.submenu li.mega-menu-col:last-child {border-left: 0;} .header__toggle {padding:0; height:30px; width:30px; margin: 0 25px 0 0; display:none; align-items: center; justify-content: center; border-radius:0; background: transparent; box-shadow: none;} .header__toggle span { width: 100%; background-color: var(--white-color); height: 2px; position: relative; } .header__toggle span::after, .header__toggle span::before { content: ''; position: absolute; left: 0; top: -12px; background-color: var(--white-color); width: 100%; height: 100%; transition: 0.4s ease all; } .header__toggle span::before { top: auto; bottom: -10px; } .header__toggle span::after { top: -10px; } .header__toggle.active span {background-color: transparent;} .header__toggle.active span::before {transform: rotate(-45deg); bottom: 0;} .header__toggle.active span::after {transform: rotate(45deg); top: 0;} .mega-menu-content {max-width: 352px; width:100%; font-size:16px;} .mega-menu-content .button {margin-top:10px;} .mega-menu-title {margin: 0 0 6px 0; font-size: 22px; font-weight:500; color: var(--body-color);} .mega-menu-col2 ul {flex-direction: column;} .mega-menu-col2 ul li {margin-bottom:26px;} .mega-menu-col2 ul li:last-child {margin-bottom: 0;} .mega-menu-col2 ul li a {display: flex; flex-wrap: wrap; width:100%;} .mega-menu-col2 ul li a .mega-menu-img {width:117px; height:117px; border:1px solid #E5E5E5; border-radius:15px;} .mega-menu-col2 ul li a .mega-menu-img img {width:100%; height:100%; object-fit: contain;border-radius:15px; } .mega-menu-col2 ul li a .mega-menu-info {padding: 0 17px 0 0; flex: 1; color: var(--body-color); font-size:16px; font-weight:300;} .mega-menu-col3 ul {flex-direction: column; align-items: flex-start;} .mega-menu-col3 ul li {line-height:42px;} .mega-menu-col3 ul li a {font-size:18px; font-weight:500; color: var(--body-color);} .banner {margin: 0; padding:315px 0 80px 0; position: relative;z-index: 1;} .banner__img { padding: 0 0 0 0; position: absolute; line-height: 0; width: 100%; height: 100%; top: 0; } .banner__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .banner .container { position: relative; top: 0; left: 0; right: 0; transform: none; max-width: 1438px; will-change: transform; } .banner__inner {max-width: 798px; width:100%; font-size:25px; line-height:37px; font-weight:300; color: var(--white-color);} .banner__inner h1 {margin: 0 0 30px 0;} .banner__buttons {padding:40px 0 0 0; display: flex; align-items: center;} .banner__buttons .button {margin:0 0 0 24px;} .banner__buttons .button.button-border {color:var(--white-color); border:1px solid rgba(255,255,255,0.1);} .products {padding:80px 0; position: relative;} .products__shape {position: absolute; top: -60px; right: 0; pointer-events: none;width: 19.2vw;} .products__head {text-align: center;} .products__head span {display: block; font-size:25px; font-weight:300; color:var(--grey-color); margin:0 0 2px 0;} .products__head h2 {font-weight:300;} .banner__contact-form {margin:140px 0 0 0; padding:33px; background-color:rgba(0,0,0,.45); border-radius:15px;backdrop-filter: blur(4px); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);} .banner__contact-form-title {margin: 0 0 20px 0; display: flex; align-items: center; font-size:16px; color: var(--white-color);} .banner__contact-form-title strong {margin: 0 0 0 25px; padding: 0 0 0 25px; color: var(--white-color); font-size:30px; font-weight:300; border-left:1px solid var(--white-color);} .banner__contact-form form {margin: 0 -5px 0 0; padding: 0 0 0 111px; display: flex; flex-wrap: wrap; position: relative;} .banner__contact-form .form-btn {position: absolute; left: 0; top: 0;} .banner__contact-form .form-btn input[type="submit"] {padding:16px 30px;font-size: 23px;} .banner__contact-form .form-row {padding:0 5px; width: 33.33%;} .products .container {max-width: 100%; padding-left: 5.808vw; padding-right: 5.808vw;} .all-product {margin: 0 calc(1.6vw + 21px); position: relative; z-index: 2;} .all-product a {position: absolute; left: 0; bottom:-60px; display: flex; align-items: center; text-decoration: none; } .all-product a:hover {color: var(--teal-green);} .all-product a svg {margin:-1px 7px 0 0;} .all-product a svg path {transition: all 0.5s;} .all-product a:hover svg path {fill: var(--teal-green);} .products__slider {margin:0 1.6vw; padding:128px 0 0 0;} .home_products-grid {display: flex; flex-wrap: wrap;} .products__slider .swiper-slide {padding:0 21px 30px; width:25%;height: auto; display: flex ; flex-direction: column; transition: all 0.4s;} .products__slide {padding:38px 25px; display: flex; flex-direction: column; flex-grow: 1; background-color: var(--white-color); border-radius:15px; box-shadow:0px 4px 14px rgba(0,0,0,0.15);transition: margin 0.4s;} .products__slide-inner {display: flex ; flex-direction: column; flex-grow: 1; transform: none; transition:transform 0.4s;} .products__slide-logo {margin: 0 auto 20px; max-width:93px; width: 100%; line-height: 0; transition: max-width 0.4s;} .products__slide-logo img {width:100%;} .products__slide-img {margin: 0 auto 20px; max-width:188px; height:164px; width: 100%; border-radius:15px; transition: max-width 0.4s, height 0.4s;} .products__slide-img img {width: 100%; height: 100%; object-fit: contain; border-radius:15px;} .products__slide-info {margin: 0 auto; max-width:313px; padding: 0 0 20px 0; text-align: center; font-size:16px; line-height: 1.5; transition: transform 0.4s; will-change: transform; backface-visibility: hidden;} .products__slide-info h3 {margin: 0 0 7px 0; font-size:25px; font-weight:400; line-height: 1.4;} .products__slide-actions {margin:auto 0 0 0; text-align: center;} .products__slide-actions .button {font-size:20px; padding:12px 30px;} /*.products__slider .swiper-wrapper:hover .swiper-slide {width:20.2vw;} .products__slider .swiper-wrapper .swiper-slide:hover {width:23.82vw;}*/ .products__slider .swiper-slide:hover .products__slide {margin: -66px 0 0 0;} /* .products__slider .swiper-slide:hover .products__slide-logo {max-width:110px;} */ .products__slider .swiper-slide:hover .products__slide-img {max-width: 270px; height:230px;} /* .products__slider .swiper-slide:hover .products__slide-info {transform: scale(1.1);} */ .products__slider .swiper-button-next, .products__slider .swiper-button-prev {width:87px; height: 87px; margin: 0; top:calc(50% + 64px - 88px); background-color: rgba(255,255,255,0.13); box-shadow: 0px 4px 4px rgba(0,0,0,0.07); border-radius:50%; transition: all 0.4s;} .products__slider .swiper-button-next:after, .products__slider .swiper-button-prev:after {display: none;} .products__slider .swiper-button-next svg, .products__slider .swiper-button-prev svg {width: auto; height: auto;} .products__slider .swiper-button-next svg {transform: none;} .products__slider .swiper-button-next {left: 0;} .products__slider .swiper-button-prev {right: 0;} .products__slider .swiper-button-next:hover, .products__slider .swiper-button-prev:hover {background-color: rgba(27,123,172,1);} .products__slider .swiper-pagination {margin:30px 0 0 0; position: relative; top: 0; bottom: 0; line-height: 0;} .products__slider .swiper-pagination-bullet {width:30px; height: 5px; border-radius: 0; transition: all 0.5s;} .products__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#1B7BAC; width: 140px;} .our-product__shape {position: absolute; top: -27%; left: 0; pointer-events: none;width: 18vw;} .key-features {padding:90px 0 168px 0; position: relative;} .key-features .our-product__shape {top: -20%;} .key-features__shape {position: absolute; right: 0; bottom: 0; pointer-events: none;width: 23.07vw} .key-features .container {position: relative;} .key-features__head {text-align: center;} .key-features__head span {display: block; font-size:25px; font-weight:300; color:var(--grey-color); margin:0 0 2px 0;} .key-features__head h2 {font-weight:300;} .key-features__inner {padding:210px 0 0 0; display: flex; flex-wrap: wrap;} .key-features__item {margin: 0; padding: 0 17px; max-width:25%; width: 100%; display: flex ; flex-direction: column;} .key-features__item-inner {padding:1px 35px 54px; display: flex ; flex-direction: column; flex-grow: 1; font-size:18px; font-weight:300; background-color: var(--white-color); box-shadow:0px 4px 17px rgba(0,0,0,0.10); text-align: center; transition: all 0.4s;} .key-features__icon {margin:-95px auto 65px; padding: 0; display: flex; align-items: center; justify-content: center; width:190px; height: 190px; border-radius:50%; background-color: var(--dark-grey); transition: all 0.4s;} .key-features__icon svg path {transition: all 0.4s;} .key-features__item-inner h3 {margin: 0 0 25px 0; font-size:22px; font-weight:500; transition: all 0.4s;} .key-features__link {padding:35px 0 0 0; margin-top: auto;} .key-features__link a {font-size:22px; text-decoration: none;} .key-features__item-inner:hover {background-color:#212121; color: var(--white-color);} .key-features__item-inner:hover .key-features__icon {background-color: var(--white-color);} .key-features__item-inner:hover .key-features__icon svg path {fill: var(--dark-grey);} .key-features__item-inner:hover .key-features__link a {color: var(--teal-green);} .product-about {position: relative;} .p-about__inner {display: flex; flex-wrap: wrap;} .p-about__right {padding:120px 0 120px 100px; display: flex; align-items: center; width: 50%; background-image: url('../images/about-right-bg.png'); background-repeat: no-repeat; background-position: center; background-size:cover; background-color:#181818; position: relative;} .p-about__right::before {position: absolute; content: ""; top:0; left:0; right:0; bottom:0; background: linear-gradient(180deg, #181818 9.98%, rgba(0, 0, 0, 0) 100%);} .p-about__right-inner {margin-right: auto; max-width:554px; width:100%; color: var(--white-color); font-size:20px; line-height:1.45; position: relative;} .p-about__right-inner span {display: block; font-size:25px; font-weight:300; color:var(--teal-green);} .p-about__right-inner h2 {margin: 0 0 34px 0; padding: 0 0 0 40px; position: relative;} .p-about__right-inner h2::before {position: absolute; content: ""; top:8px; right:-36px; width:16px; height: 48px; background-color: var(--white-color);} .p-about__right-inner ul {margin-bottom:20px;} .p-about__right-inner ul li {margin: 0 0 10px 0;} .p-about__right-inner ul li::before {background-color: var(--white-color);} .p-about__right-inner .button {margin-top:50px; padding-left:49px; padding-right:49px; font-size:20px; font-weight:400;} .p-about__left {padding:120px 130px 120px 0; display: flex; align-items: center; width: 50%;position: relative;} .p-about__left-shape {position: absolute; left: 0; top:50%; transform: translateY(-50%); pointer-events: none;} .p-about__inner:nth-child(odd) .p-about__left-shape {display: none;} .p-about__inner:nth-child(odd) .p-about__left-shape img {transform: scaleX(-1);} .p-about__left-img {max-width:700px; width:100%; position: relative;} .p-about__inner:nth-child(odd) .p-about__left-img {margin-right: -200px; max-width: calc(700px + 200px);} .p-about__inner:nth-child(even) {flex-direction: row-reverse; } .p-about__inner:nth-child(even) .p-about__right {padding: 120px 100px 120px 0;} .p-about__inner:nth-child(even) .p-about__left {padding: 120px 0 120px 130px; justify-content: flex-end;} .p-about__inner:nth-child(even) .p-about__right-inner {margin-left: auto; margin-right: 0;} .p-about__inner:nth-child(even) .p-about__left-shape {display: block; left: auto; right: 0;} .p-about__right-icon {margin:50px -7px 0; display: flex; align-items: center;} .p-about__icon-item {margin: 0 7px; display: flex; align-items: center; justify-content: center; width:51px; height:51px; border:1px solid var(--white-color); border-radius:50%;} .faq {padding:114px 0 215px; background-size:cover; background-position: center; background-repeat: no-repeat; position: relative;} .faq::before {position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #181818; opacity: 0.96; mix-blend-mode: multiply;} .faq .container {max-width: 1500px; position: relative;} .faq__inner {display: flex; flex-wrap: wrap; justify-content: space-between;} .faq__right {max-width:35.8%; width:100%; color: var(--white-color); font-size:22px; font-weight:400; color: #D0D0D0; line-height: 36px; letter-spacing:0.33px;} .faq__right span {display: block; font-size:25px; font-weight:300; color:var(--teal-green);letter-spacing:0;} .faq__right h2 {margin: 0 0 70px 0; position: relative; letter-spacing: 0;} .faq__right h2::before {position: absolute; content: ""; top:6px; right:-36px; width:16px; height: 48px; background-color: var(--white-color);} .faq__right .button {margin-top:50px; padding:21px 46px; font-weight:500; font-size:18px;} .faq__left {max-width:53.4%; width:100%;} .faq__item {border-bottom:1px solid #D0D0D0;} .faq__item h3 {padding:40px 20px 40px 50px; color: var(--white-color); font-size:30px; line-height: 1.2; font-weight:400; letter-spacing:-1.2px; position: relative; cursor: pointer; } .faq__item h3 span {position: absolute; top: calc(50% - 12.5px); left:15px; width:25px; height: 25px;} .faq__item h3 span::before {position: absolute; content: ""; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:2px; height: 18px; background-color: var(--white-color); border-radius:2px; transition: all 0.5s;} .faq__item h3 span::after {position: absolute; content: ""; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width:18px; height:2px; background-color: var(--white-color); border-radius:2px;} .faq__item-content {color: var(--white-color); font-size: 20px; line-height: 1.5; padding: 0 20px 20px 20px; display: none;} .faq__item h3.active span::before {transform: rotate(90deg);} .review {padding:168px 0 242px 0; position: relative;} .review::before {position: absolute; content: ""; left: 0; right: 0; top: 0; bottom:262px; background-color:#0a0909; display: none;} .review .container {padding-left:140px; padding-right:140px; max-width:100%; position: relative;} .review__head {padding: 0 36px 50px 0; max-width:470px; width:100%; /*color: var(--white-color);*/} .review__head span {margin: 0 0 8px 0; display: block; font-size:25px; font-weight:300; color:var(--teal-green);letter-spacing:0;} .review__head h2 {margin: 0 0 0 0; position: relative; letter-spacing: 0;} .review__head h2::before {position: absolute; content: ""; top:3px; right:-36px; width:16px; height: 48px; background-color: var(--body-color);} .review__slider {padding: 0 22px; margin: 0 -22px;} .review__slider .swiper-wrapper {display: flex;} .review__slider .swiper-slide {padding:22px 0; display: flex; flex-direction: column; height: auto;} .review__slide {padding:62px; display: flex; flex-direction: column; flex-grow: 1; background-color: var(--white-color); border-radius:12px; font-size:15px; font-weight:400; line-height:28px; color:#181A20; box-shadow:5px 10px 22px rgba(0,0,0,0.15);} .review__slide-head {margin: 0 0 35px 0; display: flex; flex-wrap: wrap; align-items: center;} .review__slide-img {width:60px; height:60px; border-radius:50%;} .review__slide-img img {width:100%; height:100%; object-fit: cover; border-radius:50%;} .review__slide-info {padding: 0 20px 0 0; flex: 1; font-size:13px; font-weight:400; color:#717171; line-height: 1;} .review__slide-info h3 {margin: 0 0 5px 0; font-size:14px; font-weight:600; line-height: 1; color:#181A20;} .review__slider .swiper-pagination {margin:10px 0 0 0; position: relative; line-height:14px;bottom: 0; top: 0;} .review__slider .swiper-pagination-bullet {background-color:#C0C0C0; opacity: 1; transition: all 0.4s;} .review__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#222222; transform: scale(1.1);} .review {overflow: hidden;} .review .our-blog__shape-top {top:-60px; transform: rotate(180deg) rotateY(180deg);} .our-blog {padding:134px 0 70px 0; position: relative; overflow: hidden;} .our-blog .container {max-width: 1600px; position: relative;} .our-blog__shape-top {position: absolute; top:-45%; left: 0;width: 25.1vw;} .our-blog__shape-bottom {position: absolute; bottom: 0; right: 0;width: 20.7vw;} .our-blog__head {padding:0; max-width:554px; width:100%; font-size:20px; line-height: 1.45;} .our-blog__head span {margin: 0 0 8px 0; display: block; font-size:25px; font-weight:300; color:#1B7BAC;letter-spacing:0;} .our-blog__head h2 {margin: 0 0 34px 0; padding: 0 0 0 20px; position: relative; letter-spacing: 0;} .our-blog__head h2::before {position: absolute; content: ""; top:4px; right:-36px; width:16px; height: 48px; background-color:#2F2F2F;} .our-blog__head p {max-width: 554px;} .our-blog__grid {margin: 0 auto; padding:105px 0 0 0; max-width:1398px; width:100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(auto, auto);} .our-blog__grid .our-blog__item:nth-child(1), .our-blog__grid .our-blog__item:nth-child(2) {grid-row: span 2;} .our-blog__item {padding:17px; position: relative;} .our-blog__item-img {padding:69.445% 0 0 0; position: relative;} .our-blog__item-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius:15px;} .our-blog__date {position: absolute; font-size:13px; line-height:1.5; color: var(--white-color); left: 14px; bottom:-35px; width:70px; height: 70px; border-radius:8px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(0deg,rgba(33, 33, 33, 1) 1%, rgba(86, 86, 86, 1) 100%);} .our-blog__date span {font-size:20px; font-weight:600; line-height:1.5; } .our-blog__item-info {padding:20px 28px 0 36px;} .our-blog__item-info span {display: block; font-size:16px; line-height: 24px; font-weight:400; color:#717171; margin:0 0 10px 0;} .our-blog__item-info h3 {font-size:18px; font-weight:600; line-height: 24px; color:#181A20;} .our-blog__item .overlink {position: absolute; top: 17px; left:17px; right:17px; bottom: 17px;} .our-blog__grid .our-blog__item:nth-child(n+3) {display: flex; flex-wrap: wrap;} .our-blog__grid .our-blog__item:nth-child(n+3) .our-blog__date {display: none;} .our-blog__grid .our-blog__item:nth-child(n+3) .our-blog__item-img {padding: 46.25% 0 0 0; max-width: 236px; width:100%;} .our-blog__grid .our-blog__item:nth-child(n+3) .our-blog__item-info {padding:14px 15px 14px 0; display: flex; flex-direction: column; flex: 1;} .our-blog__bottom-date {margin-top: auto;display: block; font-size: 16px; line-height: 24px; font-weight: 400; color: #717171;} .all-blog {text-align: center; padding:120px 0 0 0;} .all-blog .button.button-border {font-weight:300; padding:20px 30px;} .all-blog .button.button-border:hover {color: var(--white-color); } .blog-banner {position: relative;} .blog-banner__img {padding:48.819% 0 0 0; position: relative;} .blog-banner__img::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.2); z-index: 1;} .blog-banner__img img {position: absolute; top: 0; left: 0; width:100%; height: 100%; object-fit: cover;} .blog-banner .container {position: absolute; top:50%; left: 0; right: 0; transform: translateY(-50%); z-index: 2;} .b-banner__inner {text-align: center; color: var(--white-color); font-size:35px; line-height:1.45;} .b-banner__inner h1 {font-weight:900; font-size:70px;line-height: 1.4;} .blog-main {padding:75px 0 105px 0; position: relative;} .blog__shape { position: absolute; top:130px; right: 0; width: 20.7vw; pointer-events: none;} .blog-main .container {max-width:1394px;} .blog-list {display: flex; flex-wrap: wrap;} .blog-list .our-blog__item {padding:20px 20px; max-width: 33.33%;} .blog-list .our-blog__item-img {border:1px solid #DFDFDF;border-radius: 15px; max-width: 100% !important; padding: 69.445% 0 0 0 !important;} .load-more {padding:85px 0 0; text-align: center;} .load-more .button {padding:21px 55px; font-size:18px; color:var(--body-color);} .load-more .button:before {content: ""; background-color: #fff; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: -1; border-radius: 3px; transition: all 0.5s;} .load-more .button:hover:before {background-color: transparent;} .load-more .button:hover {color: var(--white-color);} .contact-banner {position: relative;} .contact-banner__img {position: absolute; top: 0; left: 0; width:100%; height:100%;} .contact-banner__img::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.2); z-index: 1;} .contact-banner__img::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 100%); z-index: 1;} .contact-banner__img img {width:100%; height: 100%; object-fit: cover;} .contact-banner .container {padding-top:227px; padding-bottom:360px; position: relative; z-index: 2;} .c-banner__inner {margin:0 auto; max-width:760px; width:100%; text-align: center; color: var(--white-color); font-size:35px; line-height:1.45;} .c-banner__inner h1 {font-weight:900; font-size:70px;line-height: 1.4;} .contact-banner .blog__shape {top: 100%;} .contact-main {margin:-265px 0 0 0; padding: 0 0 70px 0; position: relative; z-index:2; overflow: hidden;} .contact-main .container {max-width:1180px;} .c-main__inner {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .c-main__right {max-width: 350px; width:100%;} .c-main__right h2 {margin: 0 0 15px 0; color: var(--white-color);} .c-main__right .footer__social {margin-bottom:70px;} .c-main__item {margin: 0 0 33px 0;} .c-main__item a {display: flex; align-items: center; text-decoration: none;} .c-main__item-icon {display: flex; align-items: center; justify-content: center; width:64px; height: 64px; background-color: var(--body-color); border-radius:50%;} .c-main__item-content {padding:5px 23px 0 0; flex: 1; font-size:22px; line-height:30px;} .c-main__item-content strong {font-weight:700; display: block;} .c-main__left {padding:75px 75px 65px 76px; max-width:698px; width:100%; font-size:16px; background-color: var(--white-color); border:1px solid #E9E9E9; border-radius:20px; box-shadow:0px 4px 17px rgba(0,0,0,0.15);} .c-main__left h2, .c-main__left p {text-align: center;} .c-form {padding:15px 0 0 0;} .form__row {margin: 0 0 22px 0;} .form__btn, .form__btn p {text-align:left; position: relative;} .form__btn input {min-width:160px;} .product-banner {padding:158px 0 45px 0; background-color:#181818; background-image: url('../images/product-banner-bg.png'); background-size:cover; background-repeat: no-repeat;} .product-banner .container {max-width:100%; padding-left:140px; padding-right:140px;} .product-banner .container > p {margin: 0; color:#A9A9A9; font-size:25px; line-height:1.3;} .product-banner h1 {color: var(--white-color); font-size:60px; font-weight:900;} .breadcrumb {padding:15px 0;} .breadcrumb .container {max-width:100%; padding-left:140px; padding-right:140px;} .page-template-cart-page .breadcrumb .container {max-width:1345px; padding-left:15px; padding-right:15px;} .page-template-checkout-page .breadcrumb .container {max-width:1366px; padding-left:15px; padding-right:15px;} .page-template-checkout-page .woocommerce-order .container {max-width:1366px; } .page-template-checkout-page .woocommerce-order { padding: 0 0 50px 0; } .breadcrumb__inner ul {margin: 0 -11px; padding: 0; display: flex; align-items: center; list-style-type: none;} .breadcrumb__inner ul li {padding: 0 11px; line-height: 1;} .breadcrumb__inner ul li::before {display: none;} .breadcrumb__inner ul li a, .breadcrumb__inner ul li span {text-decoration: none; font-size:13px; color:#C0C0C0; position: relative;} .breadcrumb__inner ul li a::after {content: ""; top: 3px; left: -13px; position: absolute; width:8px; height:8px; border-left:2px solid #C0C0C0; border-bottom:2px solid #C0C0C0; transform: rotate(45deg);} .breadcrumb__inner ul li span {color: var(--body-color);} .product-ordering {display:flex; align-items: center; justify-content: space-between;} .product-ordering p {margin: 0; font-size:16px;} .product-sort {position: relative;} .product-sort span {position: absolute; top:7px; right:15px; pointer-events: none; z-index: 2; font-size:16px; font-weight:400; color:#666666;} .product-sort select {padding:6px 15px 6px 15px; font-weight:400; font-size:16px; font-weight:400;color:#666666; width:255px; text-indent:55px;} .product-list {padding: 0 0 110px 0;} .product-list .container {max-width:100%; padding-left:135px; padding-right:135px;} .product__inner {margin:0 -15px; display:flex; flex-wrap:wrap;} .product__item {padding:25px 15px 25px; width: 25%; height: auto; display: flex ; flex-direction: column; transition: all 0.4s;} .product__item-inner {padding:22px 36px; display: flex; flex-direction: column; flex-grow: 1; background-color: var(--white-color); border-radius: 15px; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15); transition: margin 0.4s; position: relative;} .product__tag {position: absolute; left:17px; top:17px; padding:8px 15px; border-radius:5px; color: var(--white-color); font-size:16px; line-height:1; font-weight:400; z-index: 2;} .product__sale {background-color:#F39B1E;} .product__new {background-color:#45EBC5; color:var(--body-color);} .product__item-img {margin: 0 auto 20px; padding:72.10% 0 0 0; width:100%; position: relative; border-radius:15px;} .product__item-img a {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 15px;} .product__item-img img {position: absolute; top: 0; left: 0; width:100%; height:100%; object-fit: cover; border-radius:15px;} .product__item-info {margin: 0 auto; max-width: 313px; padding: 0 0 25px 0; text-align: center; font-size: 16px; line-height: 1.5; transition: transform 0.4s; will-change: transform; backface-visibility: hidden;} .product__item-info .price ins {text-decoration: none;} .product__item-info .price del {text-decoration: none;} .product__item-info .price del .woocommerce-Price-amount {text-decoration: line-through; color:#666666;} .product__item-title {margin: 0 0 7px 0; font-size: 25px; font-weight: 400; line-height: 1.4;} .product__item-price {font-size:20px; font-weight:700; color:#141414;} .product__item-actions {margin:auto -18px 0; display: flex; align-items: center; justify-content: space-between;} .product__item-actions .button {font-size:18px; font-weight:400; padding:14px 10px; width: calc(50% - 6px); justify-content: center; margin: 0 !important;} .product__item-actions .button.button-border {padding:13px 10px;} .product__item-actions .button.button-border:hover {color:var(--white-color);} .product-list .load-more .button {padding:21px 30px;} .product__item-info .woocommerce-loop-product__title{ margin: 0 0 7px 0; font-size: 25px; font-weight: 400; line-height: 1.4; } .product-main .container {max-width:1396px; width:100%;} .product-main__inner {padding:5px 0 0 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;} .product-main__gallery {max-width:606px; width:100%; position: relative;} .product-main__info {max-width:722px; width:100%;} .product-main__info-inner {max-width:586px; width:100%;} .product-main__gallery .product__tag {position: absolute; left:100px; top:22px;} .product__wishlist {position: absolute; left: 0; width:52px; height:52px; display: flex; align-items: center; justify-content: center; background-color:#F2F2F2; border-radius:8px;} .product__wishlist .tinv-wishlist {padding: 0;} .product__wishlist a {line-height: 0;} .product__gallery {margin:0 0 13px 0; width: calc(100% - 72px); border:1px solid #E5E5E5;} .product__gallery .swiper-slide {padding:93.61% 0 0 0; position: relative;} .product__gallery .swiper-slide img {position: absolute; top: 0; left: 0; width:100%; height:100%; object-fit:cover;} .product__gallery-thumb {margin:0; width: calc(100% - 72px);} .product__gallery-thumb .swiper-slide {padding:18.8% 0 0 0; position: relative;} .product__gallery-thumb .swiper-slide img {position: absolute; top: 0; left: 0; width:100%; height:100%; object-fit:cover; border-radius:8px;} .product__gallery-next, .product__gallery-prev {position: absolute; left: 0; bottom:0; width:52px; height:52px; display: flex; align-items: center; justify-content: center; background-color:#F2F2F2; border-radius:8px; cursor: pointer;} .product__gallery-next {bottom:72px;} .product__gallery-prev {transform: scale(-1);} .product-our {margin: 0 0 15px 0; font-size:16px; color: #8F8F8F; line-height: 1;} h1.product_title.entry-title{margin: 0 0 20px 0;font-size: 36px;letter-spacing: -0.18px;font-weight: 400;} .product-main__info-inner h2 {margin: 0 0 20px 0; font-size:36px; letter-spacing:-0.18px; font-weight:400;} .product__price {margin: 0 0 17px 0; padding: 0 0 28px 0; display: flex; align-items: center; justify-content: space-between; border-bottom:1px dashed #A3A3A3;} .product__price .price {margin: 0; display: flex; flex-direction: row-reverse; align-items: center;} .product__price .price ins {text-decoration: none;} .product__price .price ins {margin: 0 0 0 10px; font-size:28px; font-weight:700; color:#141414;} .product__price .price ins .woocommerce-Price-amount {font-size:28px; font-weight:700; color:#141414;} .product__price .price del {margin:0; font-size:18px; font-weight:400; color:#666666;} .product__price .price del .woocommerce-Price-amount {font-size:18px; font-weight:400; color:#666666;} .product__ratings {display: flex; align-items: center;} .product__ratings span {padding: 0 0 0 22px; font-size:20px; color:#666666; font-weight:400; position: relative;} .product__ratings span::before {position: absolute; content: ""; left:9px; top:10px; width:6px; height:6px; background-color:#E0E0E0; border-radius:50%;} .product__rating {display: flex; align-items: center; font-size:24px; color:#141414; font-weight:700;} .product__rating img {margin: 0 6px 0 0;} .product__description {margin: 0 0 40px 0; max-width:520px; width:100%; font-weight:400; color:#666666; font-size:16px; line-height:21px;} .product__description a {text-decoration: none;} .product__description h3 {margin: 0 0 10px 0; font-size:20px; font-weight:700; color:#292929;} .product__colors {margin: 0 0 35px 0; color:#8F8F8F; font-size:20px; font-weight:500;} .product__colors span {color: #292929;} .product__color {margin:0 -7px; display: flex; flex-wrap: wrap;} .product__color-item {margin: 0 7px; width:75px;} .product__color-item label {display: block; width:100%; height:40px; position: relative; border-radius:8px;} .product__color-item label input {position: absolute; left: 0; top: 0; width:100%; height:100%; border-radius:8px; background-color: var(--color); appearance: none; cursor: pointer; border:1px solid #EBEBEB;} .product__color-item label input:checked {border-color: var(--teal-green);} .product__buttons {margin: 0 0 35px 0; display: flex;gap: 0 20px;} .product__buttons .cart {flex: 1; display: flex;} .product__quantity {width:72px; } .product__quantity input[type="number"] {font-size:20px; font-weight:400; text-align: center;} .product__quantity input[type="number"]::-webkit-outer-spin-button, .product__quantity input[type="number"]::-webkit-inner-spin-button {appearance: none;} .product__buttons .button {font-size:20px;} .product__buttons form .button {flex: 1; justify-content: center;} .product__whatsapp {display: inline-flex; align-items: center; text-decoration: none; font-size:16px; font-weight:700; color: var(--body-color);} .product__whatsapp img {margin: 0 0 0 5px;} .product__tab {padding:50px 0 35px 0; background-image: url('../images/faq-line.png'); background-repeat: repeat-x; background-position: right bottom;} .product__tab-faq {max-width:784px; width:100%;} .product__tab-link {margin: 0 0 70px 0;} .product__tab-link ul {margin: 0; padding: 0 33px; display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; border-bottom:1px solid rgba(0,0,0,0.1);} .product__tab-link ul li {padding:24px 0; font-size:20px; color: rgba(0, 0, 0, 0.6); font-weight:400; flex: 1; text-align: center; position: relative; cursor: pointer;} .product__tab-link ul li.activelink {color: var(--body-color);} .product__tab-link ul li::before {display: none;} .product__tab-link ul li::after {content: ""; position: absolute; left: 0; bottom:-1.5px; background-color: var(--body-color); height:2px; width:100%; opacity: 0;} .product__tab-link ul li.activelink::after {opacity: 1;} .product__tab-faq .faq__item h3 {color: var(--body-color);} .product__tab-faq .faq__item h3 span::before, .product__tab-faq .faq__item h3 span::after {background-color: var(--body-color);} .product__tab-faq .faq__item-content {color: var(--body-color);} .product__tab-item.active {display: block;} .product__tab-item {display: none;} .product__tab-detail {max-width:654px; width:100%; font-size:20px;} .product__tab-detail h3 {margin: 0 0 20px 0; font-size:30px; font-weight:400;} .product__tab-detail ul {margin: 0;} .product__tab-detail ul li {margin: 0 0 25px 0; padding: 0 30px 0 0; background-image: url('../images/listtype.svg'); background-position: right -3px; background-repeat: no-repeat;} .product__tab-detail ul li::before {display: none;} .product__tab-desc {max-width:950px; width:100%; font-size:20px;} .product__tab-desc p:not(:last-child) {margin-bottom:30px;} .review-about {padding:88px 0 85px 0;} .review-about::before {position: absolute; content: ""; left: 0; right: 0; top: 0; bottom:262px; background-color:#0a0909; display: block;} .review-about .review__head {color: var(--white-color);} .review-about .review__head h2::before {background-color:var(--white-color);} .about-banner .blog-banner__img::before {background-color: rgba(0, 0, 0, 0.48);} .smart-security__text {position: absolute; padding:53px 95px 26px 30px; left:130px; bottom:48px; width:100%; font-size:28px; line-height:45px; font-weight:500; color: var(--white-color); background-color:rgba(28,28,28,0.93); border-radius:26px; box-shadow:0px 4px 4px rgba(0,0,0,0.25); background-image: url('../images/quote-img.svg'); background-repeat: no-repeat; background-position: calc(100% - 29px) 21px;} .smart-security {padding:120px 0 67px 0; position: relative;} .smart-security .products__shape {top:10px;} .smart-security .container {max-width:1670px; width:100%;} .smart-security__inner {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .smart-security__right {max-width:676px; width:100%;} .smart-security__right h2 {margin: 0 0 58px 0; position: relative;} .smart-security__right h2::before {position: absolute; content: ""; top: 6px; right: -36px; width: 16px; height: 48px; background-color: var(--body-color)} .smart-security__left {max-width:645px; width:100%; position: relative;} .smart-security__shape {position: absolute; top: 36px; left:16px; width:722px;} .smart-security__img {padding:129.5% 0 0 0; position: relative;} .smart-security__img > img {position: absolute; left: 0; top: 0; width:100%; height:100%; object-fit: cover; border-radius:5px;} .heart-security__left h2 {margin: 0 0 48px 0;} .heart-security__left h2::before { position: absolute; content: ""; top: 6px; right: -36px; width: 16px; height: 48px; background-color:#1B7BAC; } .heart-security {padding:67px 0 175px 0;} .heart-security .container {max-width:1546px;} .heart-security__inner {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .heart-security__right {max-width:623px; width:100%; position: relative;} .heart-security__left {max-width:676px; width:100%; position: relative;} .heart-security-img {width:100%; position: relative;} .heart-security__left h3 {margin: 0 0 20px 0; font-size:24px; font-weight:800;} .heart-security__left ul {margin: 0;} .heart-security__left ul li {margin: 0 0 25px 0; padding: 0 30px 0 0; font-size:20px; background-image: url('../images/listtype.svg'); background-position: right -3px; background-repeat: no-repeat;} .heart-security__left ul li::before {display: none;} .heart-security__left p strong {font-weight:500;} .heart-security__left .button {padding:21px 20px; font-size: 18px; color: var(--body-color); width:260px; justify-content: center;} .heart-security__left .button:before { content: ""; background-color: #fff; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: -1; border-radius: 3px; transition: all 0.5s; } .heart-security__left .button:hover {color: var(--white-color);} .heart-security__left .button:hover:before {background-color: transparent;} .heart-security__shape {position: absolute; top:50%; right:-30px; transform: translateY(-50%);} .what-we {padding:0 0 0 0; position: relative; overflow: hidden;} .what-we .container {max-width:1590px;} .what-we__shape {position: absolute; left: -40px; bottom: -60px; width: 48.609%; line-height: 0;} .what-we__bg {position:absolute; top:135px; left: 0; width:100%; bottom: 0; background-color:#181818;} .what-we__bg img {width:100%; height:100%; object-fit: cover;} .what-we__bg::before {position: absolute; top: 0; left: 0; width:100%; height:100%; content: ""; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 1%, rgba(24, 24, 24, 1) 100%);} .what-we__inner {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .what-we__right {padding:300px 0 186px 0; max-width:648px; font-size:20px; font-weight:300; line-height:1.45; width:100%; color: var(--white-color);} .what-we__right h2 {margin: 0 0 25px 0; color: var(--white); position: relative;} .what-we__right h2::before { position: absolute; content: ""; top: 6px; right: -36px; width: 16px; height: 48px; background-color: var(--teal-green); } .what-we__right h3 {margin:0 0 20px 0; padding:15px 0 0 0; font-size:24px; font-weight:700;} .what-we__right p {margin-bottom:40px; max-width:633px;} .what-we__right ul li {margin: 0 0 25px 0;} .what-we__right ul li::before {background-color: var(--white-color);} .what-we__right ul li:last-child {margin-bottom: 0;} .what-we__left {line-height: 0; max-width:621px; width:100%;} .what-next {padding:160px 0; position: relative;} .what-next__right-shape {position: absolute; top:0; right: 0; width:24.375vw;} .what-next__left-shape {position: absolute; top:0; left: 0; width:24.375vw;} .what-next__content {text-align: center;} .what-next__content > p {font-size: 25px; font-weight: 300; color: var(--grey-color); margin: 0 0 8px 0;} .what-next__content span { display: block; } .what-next__content h2 {margin: 0 0 22px 0; font-weight: 300; } .custom_checkout {padding:25px 0 92px 0;} .custom_checkout,body.woocommerce-checkout .wd-page-content.main-page-wrapper{background-color:#FFF;} .custom_checkout .wrapper{max-width:1396px;margin: 0 auto; padding: 0 15px; display: flex;flex-wrap: wrap;justify-content: space-between;} .custom_checkout .left_col{width:393px;padding:0 0 17px 0; background-color: var(--dark-grey); border-radius:21px;} .delivery_summary{border-radius:21px;overflow: hidden;} .delivery_summary .total_paid{display: flex;justify-content: space-between;align-items: center;background-color: #323232;padding:30px 30px; margin: 0;} .delivery_summary .total_paid li{color: #fff;font-size:24px;font-weight:500;line-height:24px;} .delivery_summary .total_paid li strong, .delivery_summary .total_paid li strong .woocommerce-Price-amount.amount {color: #fff;font-size:24px;font-weight:500;line-height:24px;} .delivery_summary .inner{padding: 0 30px 0;} .delivery_summary .cart_content{padding-bottom: 53px;border-bottom: 1px solid #000;} .delivery_summary .mini__cart-list {padding: 0 0 50px 0;} .delivery_summary .cart_item{display: flex;flex-wrap: wrap;padding:11px 0;border-bottom: 1px solid #3A3A3A;} .delivery_summary .cart_item:last-child{border: none;} .delivery_summary .cart_item li:first-child{width: 75px;} .delivery_summary .cart_item .mini__cart-img {width:68px; height:68px; border:0; border-radius:0; background-color: var(--white-color);} .delivery_summary .cart_item .mini__cart-content {padding: 0 12px 0 0; font-size:12px; line-height:1.2; color:#CDCDCD; position: relative;} .delivery_summary .cart_item .mini__cart-title {margin: 0 0 5px 0; padding: 0 0 0 90px; font-size:16px; font-weight:500; line-height: 1.2; color:#fff;} .delivery_summary .cart_item .mini__cart-price {position: absolute; top: -1px; left: 0; color:#fff;} .delivery_summary .cart_item .mini__cart-price .woocommerce-Price-amount.amount {color: var(--white-color); font-size:17px; font-weight:400;} .coupon_code{border-bottom:1px solid #000;padding: 27px 0 22px;} .coupon_code .colin{position: relative;} .coupon_code .in{background-color: #fff;border: 1px solid #000;border-radius: 25px;width: 100%;height: 50px;padding: 0 23px 0 125px;font-size: 16px;color: #A4A5AE;} .coupon_code .in::placeholder{color: #A4A5AE;} .coupon_code .in:focus{border-color:#6231D6;} .coupon_code .sub{border-radius: 25px;background-color: #6231D6;color:#fff;font-size: 18px;line-height: 24px;font-weight: 500;width: 124px;height: 50px;text-align: center;position: absolute;top: 0;left: 0;cursor: pointer;} .coupon_code .sub:hover{background-color: #000;} .delivery_summary .shop_table{width: 100%;margin-top: 10px;} .delivery_summary .shop_table tr{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .delivery_summary .shop_table tr th, .delivery_summary .shop_table tr td{width: 50%;color: #6E6E6E;font-size: 18px;line-height: 24px;font-weight: 400;padding: 8px 0;} .delivery_summary .shop_table tr th+td, .delivery_summary .shop_table tr td+td{text-align: left;} .delivery_summary .shop_table .order-total th, .delivery_summary .shop_table .order-total td{text-align: right;color: #010101;font-size: 20px;font-weight: bold;border-top: 0px solid #000;line-height: 27px;padding: 14px 0;} .delivery_summary .shop_table .order-total td{text-align: left;} .custom_checkout .right_col{width:950px;padding:28px 85px 25px;background-color: #fff; border:1px solid #E5E5E5; border-radius:20px;} .express_payment{width: 100%;padding:16px 58px 17px;position: relative;border-radius: 5px;border: 1px solid #000;} .express_payment span{color: #252C59; font-size: 14px; line-height: 19px; font-weight: 400; padding: 0 5px; background-color: #fff; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; display: block; width: fit-content;} .express_payment ul{display: flex;justify-content: space-between;align-items: center;} .express_payment ul li{width:150px;height:36px;border-radius: 3px;background-color: #EFEFEF;} .express_payment ul li:nth-child(2){background-color: #FFB92D;} .express_payment ul li:nth-child(3){background-color: #000000;} .express_payment ul li a{width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;} .checkout_form{margin-top:0;} .checkout_form h2{display: none;} .checkout_coupon {padding:24px 0 10px 0; display: flex; flex-wrap: wrap; position: relative; border-top:1px solid #3A3A3A;} .checkout_coupon .form-row {margin: 0; width: 100%;} .checkout_coupon .form-row input {padding:13px 15px 13px 140px; border-radius: 0; background-color: #303030; border: 0; color: var(--white-color); font-size: 16px; border-radius:50px;} .checkout_coupon .form-row input::-webkit-input-placeholder {color:var(--white-color);opacity:1;} .checkout_coupon .form-row input:-moz-placeholder {color:var(--white-color); opacity:1;} .checkout_coupon .form-row input::-moz-placeholder {color: var(--white-color); opacity:1;} .checkout_coupon .form-row input:-ms-input-placeholder {color:var(--white-color);opacity:1;} .checkout_coupon .form-row button {padding:15px 26px; border-radius: 0; background: var(--teal-green); color: #181818; font-weight: 400; font-size: 16px; white-space: nowrap; border-radius:50px; line-height:17px;} .checkout_coupon .form-row-last {position: absolute; top:24px; left: 0; width: auto;} .delivery_summary .cart-subtotal, .delivery_summary .subtotal, .delivery_summary .order-total, .delivery_summary .cart-discount {padding:17px 0; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #3A3A3A;} .delivery_summary .cart-subtotal div, .delivery_summary .subtotal div, .delivery_summary .order-total div, .delivery_summary .cart-discount div {font-size:16px; font-weight:500; color: var(--white-color);} .delivery_summary .cart-subtotal div .woocommerce-Price-amount, .delivery_summary .subtotal div .woocommerce-Price-amount, .delivery_summary .order-total div .woocommerce-Price-amount, .delivery_summary .cart-discount div .woocommerce-Price-amount {font-size:20px; font-weight:500; color: var(--teal-green);} .delivery_summary .order-total {border-bottom:0;} .cart-discount div .woocommerce-remove-coupon {margin: 0 0 0 5px; color: var(--white-color); text-decoration: none;} .coupon-info h3 strong {margin-right: auto;} .coupon-info h3 .remove-coupon {margin: 0 0 0 3px;} .checkout_step_form{margin-bottom: 5px;} .checkout_step_form .title{margin: 0 -85px; background-color:#FAFAFA;display: flex;justify-content: space-between;align-items: center;padding:11px 35px 11px;} .checkout_step_form .title h3{color: #AC795A;font-size: 25px;line-height: 33px;font-weight: 700;position: relative;display: flex;align-items: center;} .checkout_step_form .title h3 img{position: absolute; top: -3px; right: -3px; opacity: 0;} .checkout_step_form .title h3 span{width: 39px;height: 39px;border-radius: 50%;background-color:transparent;color: #fff;font-size:20px;text-align: center;font-weight:600;display: flex;justify-content: center;align-items: center;margin-left: 10px; border:2px solid #C7C7C7;} .checkout_step_form .title .editing_details{display: flex;align-items: center;color: #000;font-size:13px;line-height:20px;font-weight:500;display: none; text-decoration: none;} .checkout_step_form .title .editing_details img{margin-left: 5px; height: 16px; width: 16px;} .checkout_step_form.done .title h3 img{width: 16px;height: 16px;background-color: #fff; border-radius: 50%;} .checkout_step_form .inner{padding: 17px 0;} .checkout_step_form .inner .colin{display: flex;flex-wrap: wrap;justify-content: space-between;} .checkout_step_form .inner .colin .col{width:calc(50% - 6px); margin-bottom:15px;} .checkout_step_form .inner .col p{color:#363636;font-size: 14px;line-height: 20px;position: relative;font-weight:400;margin-bottom: 10px;} .checkout_step_form .inner .in::placeholder{color: #000;} .checkout_step_form .inner .in:focus{border-color: var(--teal-green);} .checkout_step_form .delivery_radio_col {display: flex;align-items:center;margin-bottom: 20px;} .checkout_step_form .delivery_radio_col label{color:#dec3b2;font-size: 17px;line-height: 22px;position: relative;font-weight:400;cursor: pointer;} .checkout_step_form .delivery_radio_col label:not(:last-child){border-left: 1px solid #E2E1DF;padding-left: 15px;margin-left: 15px;} .checkout_step_form .delivery_radio_col label input{opacity:0;position: absolute;left: 0;} .checkout_step_form .delivery_radio_col label span{padding-right: 22px;position: relative;color: #D4D2F2;} .checkout_step_form .delivery_radio_col label span::after, .checkout_step_form .delivery_radio_col label span::before{content:'';width: 16px;height: 16px;border: 1px solid #ECEBFE;border-radius: 50%;right: 0;top: 3px;position: absolute;} .checkout_step_form .delivery_radio_col label span::before{background-color: #dec3b2; width: 10px; height: 10px; top: 6px; right: 3px;opacity: 0;} .checkout_step_form .delivery_radio_col label input:checked+span{color: #dec3b2;} .checkout_step_form .delivery_radio_col label input:checked+span::before{opacity: 1;} .checkout_step_form .delivery_radio_col label input:checked+span::after{border-color: #dec3b2;} .checkbox_col.delivery_box{border-top: 1px solid #ECEBFE;border-bottom: 1px solid #ECEBFE;padding: 13px 0;margin-bottom: 13px;} .checkbox_col{display: flex;flex-wrap: wrap;align-items: center;} .checkbox_col p{color: #9B9B9B;font-size: 12px;line-height: 17px;font-weight: 400;} .checkbox_col label{color:#363636;font-size: 14px;line-height: 20px;position: relative;font-weight:400;cursor: pointer;} .checkbox_col label:not(:last-child){padding-left: 13px;} .checkbox_col label input{opacity:0;position: absolute;left: 0;} .checkbox_col label span{padding-right: 22px;position: relative;} .checkbox_col label span::after, .checkbox_col label span::before{content:'';width: 16px;height: 16px;border: 1px solid #ECEBFE;border-radius:3px;right: 0;top: 1px;position: absolute;} .checkbox_col label span::before{background-image: url(../images/check.png);background-repeat: no-repeat;background-position: center;opacity: 0;} .checkbox_col label input:checked+span::before, .checkbox_col label input:checked+span::after{opacity: 1;border-color: #dec3b2;} .payment_via_col .radio_col{margin-bottom: 11px;} .payment_via_col label{color:#AC795A;font-size: 15px;line-height: 20px;position: relative;font-weight:400;cursor: pointer;} .payment_via_col label:not(:last-child){border-left: 1px solid #E2E1DF;padding-left: 15px;margin-left: 15px;} .payment_via_col label input{opacity:0;position: absolute;left: 0;} .payment_via_col label span{position: relative;border: 1px solid #ECEBFE;border-radius: 3px;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 10px 27px 10px 10px;} .payment_via_col label span::after, .payment_via_col label span::before{content:'';width: 12px;height: 12px;border: 1px solid #ECEBFE;border-radius: 50%;right:9px;top: 16px;position: absolute;} .payment_via_col label span::before{background-color: #dec3b2; width: 8px; height: 8px; top: 18px; right: 11px;opacity: 0;} .payment_via_col label input:checked+span{color: #dec3b2;} .payment_via_col label input:checked+span::before{opacity: 1;} .payment_via_col label input:checked+span::after{border-color: #dec3b2;} .checkout_step_form.step2 .inner .in{} .checkout_step_form.step2 .inner .colin .col{width:calc(33.33% - 4px);} .checkout_step_form.step2 .inner .colin .col_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;} .checkout_step_form.step2 .inner .colin .col_wrap .col{width:calc(33.33% - 4px);} .checkout_step_form.step2 .inner .colin .col_wrap .col .in{text-align: center;} .checkout_step_form .inner .save_data, .checkout_step_form .inner .sub{display: block;font-size:17px;line-height: 24px;font-weight: 700;background-color:var(--teal-green);border-radius:30px;margin: 0 auto;margin-left: 0;color: #000;text-align: center;width:fit-content;padding:15px 54px;cursor: pointer; text-decoration: none;} .checkout_step_form .inner .save_data:hover, .checkout_step_form .inner .sub:hover{background-color:rgba(27,123,172,1); color: var(--white-color);} .checkout_step_form:not(.done) .title h3{color: rgba(0,0,0,0.5);} .checkout_step_form:not(.done) .title h3 span { color:#9C9C9C;} .checkout_step_form .inner{display: none;} .checkout_step_form.open {opacity: 1;filter: grayscale(0);} .checkout_step_form.done .title h3, .checkout_step_form.open .title h3 {color: rgba(0,0,0,1); } .checkout_step_form.done .title h3 span, .checkout_step_form.open .title h3 span { color:#000; border-color: var(--teal-green);} .checkout_step_form.done .title h3 {color: rgba(0,0,0,0.5);} .checkout_step_form.done .title h3 span {color:#9C9C9C; border-color: #C7C7C7;} .checkout_step_form.done .title h3 img{opacity:1; z-index: 1;} .checkout_step_form.done .title h3 span{} .checkout_step_form.done .title .editing_details{display: flex;} .wd-shipping-progress-bar .elementor-widget-container {display:none !important;} .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text{display: none !important;} h2.custom-empty-cart-message{text-align: center;} .empty-cart-button a {background-color: #000; color: #FFF;} .empty-cart-button a:hover {color: #000; background-color: #FFF;} .woocommerce-checkout .wd-content-layout.wrapper,.woocommerce-checkout .wd-content-layout {max-width: 1416px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start;} .ywgc_have_code{display: none;} .checkout_step_form .wd-shipping-progress-bar{display: none;} .checkout_step_form .inner .col{width:calc(50% - 5.5px);} .checkout_step_form .inner .woocommerce-billing-fields__field-wrapper,.checkout_step_form .inner .woocommerce-shipping-fields__field-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between; gap:0;} /*.woocommerce-shipping-fields .shipping_address {display: block !important;padding: 0 !important;margin: 0 !important;border: none !important;}*/ h3#ship-to-different-address{display: none !important;} .form-row.form-group.col-4{width:calc(33.33% - 6px); padding-left: 0;padding-right: 0;max-width: none; margin-bottom:15px;} .woocommerce #customer_details .form-row.form-group.col-1{ border: none !important;padding: 0 !important;margin: 0 0 15px 0 !important;width:calc(11.11% - 8px) !important; max-width: none;} #shipping_country_field,.woocommerce-billing-fields h3{display: none !important;} p#shipping_custom_notes_field{width: 100%; padding: 0;} #shipping_custom_notes {height:66px;} small.note {color: #9B9B9B; font-size: 12px; line-height: 17px; font-weight: 400; padding-right: 12px;} #shipping_workplace_field span.optional{display: none;} #shipping_workplace_field label.checkbox, #shipping_workplace2_field label.checkbox, #shipping_workplace3_field label.checkbox {color: #363636; font-size: 14px; line-height: 20px; position: relative; font-weight: 400; cursor: pointer;} .woocommerce-additional-fields label[for="order_comments"]{display: none;} .woocommerce-additional-fields{padding-left: 0 !important ; padding-right: 0 !important ; border-top: 0; border-bottom: 0px solid #ECEBFE !important ; border-left:0 !important ; border-right:0 !important ; margin-bottom: 20px;} .e-coupon-box p.e-woocommerce-coupon-nudge.e-checkout-secondary-title,.e-coupon-anchor label.e-coupon-anchor-description,.woocommerce-form-coupon-toggle{display: none !important;} .e-coupon-anchor{display: block !important;} .payment_via_col #payment{border: 0 !important;padding: 0 !important;} .payment_box.payment_method_grow-wallet-payment.hide_box{display: none !important;} .payment_via_col label:not(:last-child),.woocommerce-privacy-policy-text:not(:last-child){border: 0 !important;} .woocommerce-terms-and-conditions-wrapper{border: 0 !important;} #place_order {display: block; font-size: 17px; line-height: 24px !important; font-weight: 700; background-color:var(--teal-green) !important; border-radius:30px !important; margin:20px auto 0; margin-left: 0; color: #000 !important; text-align: center; width: fit-content; padding:15px 54px !important; cursor: pointer; background-image: none !important;} #place_order:hover{background-color: rgba(27, 123, 172, 1) !important; color: var(--white-color);} h3#order_review_heading{display: none !important;} .checkout_step_form .title h3{margin-bottom: 0 !important;} .delivery_summary table.shop_table.cart-table{margin: 16px; width: 90%;} .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box {border: 0 !important;} .elementor-widget-wd_checkout_coupon_form{display:none} #customer_details span.error{padding: 5px; color: #ED6869 !important; display: none !important;} #customer_details .checkout_step_form .inner .form-row.form-group.col .woocommerce-input-wrapper.errorfield input.in.form-control{border-color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield input::-webkit-input-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield input:-moz-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield input::-moz-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield input:-ms-input-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield textarea::-webkit-input-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield textarea:-moz-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield textarea::-moz-placeholder {color: #ED6869 !important; } .woocommerce-input-wrapper.errorfield textarea:-ms-input-placeholder {color: #ED6869 !important; } .empty-cart-button a {background-color: #000; color: #FFF;} .empty-cart-button a:hover{color: #000; background-color: #FFF;} #shipping_method { margin: 0 -17px 23px; display: flex; align-items: center; } #shipping_method li { padding: 0 17px; border-left: 1px solid #EAEAEA; } #shipping_method li:last-child { border-left: 0; } #shipping_method li label {position: relative; padding: 0 22px 0 0;} #shipping_method li > input {position: absolute; right: 0; top: 0; width:16px; height:16px; border-radius:50%; opacity: 0;} #shipping_method li::before {display: none;} #shipping_method li label::before {position: absolute; top:5px; right: 0; width:16px; height:16px; border-radius:50%; border:1px solid var(--teal-green); content: ""; pointer-events: none;} #shipping_method li label::after {content: ""; position: absolute; top:8px; right:3px; width:10px; height:10px; border-radius:50%; background-color:var(--teal-green); opacity: 0; pointer-events: none;} #shipping_method li input:checked + label::after {opacity:1;} #shipping_workplace_field .checkbox, #shipping_workplace2_field .checkbox, #shipping_workplace3_field .checkbox {position: relative; padding: 0 22px 0 0;} #shipping_workplace_field .checkbox input, #shipping_workplace2_field .checkbox input, #shipping_workplace3_field .checkbox input {position: absolute; right: 0; top: 0; width:16px; height:16px; border-radius:50%; opacity: 0;} #shipping_workplace_field .checkbox::before, #shipping_workplace2_field .checkbox::before, #shipping_workplace3_field .checkbox::before {position: absolute; top:3px; right: 0; width:16px; height:16px; border-radius:3px; border:1px solid var(--teal-green); content: ""; pointer-events: none;} #shipping_workplace_field .checkbox::after, #shipping_workplace2_field .checkbox::after, #shipping_workplace3_field .checkbox::after {position: absolute; content: ""; top: 7px; right: 3px; width: 10px; height: 5px; border-left:2px solid var(--teal-green); border-bottom:2px solid var(--teal-green); transform: rotate(-45deg); opacity: 0;} #shipping_workplace_field .checkbox:has(input:checked)::after, #shipping_workplace2_field .checkbox:has(input:checked)::after, #shipping_workplace3_field .checkbox:has(input:checked)::after {opacity: 1;} #payment input[type='radio']:after,#payment input[type='radio']:checked:after{ top: -5px; left: 1px;} ul.variation li span.item-variation-value p{font-size: 14px;} .cart-product-label-link span.cart-product-label{font-size: 16px;} .wd-checkout-prod-title>*:not(:is(.cart-product-label-link,.cart-product-label,.product-quantity)){margin-top: 0px;} #order_comments_field{display: none;} .yith_wc_product_shipping_method.step2 .woocommerce-shipping-fields,.yith_wc_product_shipping_method.step2 .woocommerce-shipping-fields,.yith_wc_product_shipping_method.step2 .shipping_address{display:inline;} .meshulam_loader .inside_loader{border-top: 16px solid #AC795A ;} .woocommerce-account-fields p.create-account{display: none !important;} .woocommerce-checkout-payment ul {margin: 0;} .wc_payment_methods li {margin: 0 0 10px 0; padding:14px 20px; border:1px solid var(--teal-green); border-radius:9px; position: relative;} .wc_payment_methods li input { position: absolute; top: 19px; right: 20px; width: 16px; height: 16px; opacity: 0;} .wc_payment_methods li label {color:#2B2B2B; font-size:18px; font-weight:600; padding-right: 22px; padding-left: 0 !important;} .wc_payment_methods li label::before {position: absolute; top:5px; right:0px; width:16px; height:16px; border-radius:50%; border:1px solid var(--teal-green); content: ""; pointer-events: none;} .wc_payment_methods li label::after {content: ""; position: absolute; top:8px; right:3px; width:10px; height:10px; border-radius:50%; background-color:var(--teal-green); opacity: 0; pointer-events: none;} .wc_payment_methods li input:checked + label::after {opacity: 1;} .payment_box { font-size: 16px; padding: 0 22px 0 0;} .hidden {display: none;} .cart-main {padding:30px 0 152px 0; position: relative; overflow: hidden;} .cart-main .container {max-width: 1345px; position: relative;} .cart-page-section {display: flex; flex-wrap: wrap; justify-content: space-between;} .right-cl {max-width:892px; width:100%;} .left-cl {padding:35px 35px 30px 35px; max-width:393px; width:100%; background-color: var(--dark-grey);} .left-cl h2 {margin: 0 0 40px 0; font-size:32px; font-weight:600; color: var(--white-color); text-align: center;} .mobile-cart-content {display: none;} .wc-empty-cart-message {margin: 0 0 10px 0; text-align: center;} .return-to-shop {text-align: center;} .cart-table-part .shop_table {width:100%;} .cart-table-part .shop_table thead {background-color:#181818;} .cart-table-part .shop_table thead th {padding:15px 30px; color: var(--white-color); font-size:16px; font-weight:500;text-align: right;} .cart-table-part .shop_table thead th.product-quantity {text-align: center;} .cart-product {display: flex; align-items: center;} .cart-product .image {min-width: 68px; height:68px;} .cart-product .image img {width:100%; height:100%; object-fit: contain;} .cart-product-info {padding: 0 5px 0 0;} .cart-product-info h3 {font-size:16px; font-weight:500; color: var(--body-color); line-height:1.5;} .cart-product-info .product-our {margin: 0;} .cart-table-part .product-price {padding:0 30px; font-size:16px; font-weight:400; color: var(--body-color);} .cart-table-part .product-price .woocommerce-Price-amount.amount {font-size:16px; font-weight:400;} .cart-table-part .product-subtotal {padding:0 30px; font-size:16px; font-weight:400; color: var(--body-color);} .cart-table-part .product-subtotal .woocommerce-Price-amount.amount {font-size:16px; font-weight:400; color:#9F9F9F;} .woocommerce-cart-form__cart-item td {padding-top:5px; padding-bottom:5px;} .product-quantity .cart-counts a {display: none;} .product-quantity .cart-counts .quantity {margin: 0 auto; width:32px;} .product-quantity .cart-counts .quantity input {padding:5px 0; text-align: center; color: var(--body-color); border-color: #9F9F9F;} .product-quantity .cart-counts .quantity input::-webkit-outer-spin-button, .product-quantity .cart-counts .quantity input::-webkit-inner-spin-button {display: none;} .product-remove-main .product-remove h4 {display: none;} .product-remove-main .product-remove a {width:14px; height:15px; background-image:url('../images/product-remove.svg'); background-position: center; background-repeat: no-repeat;} .cart-table-part .shop_table thead th.product-remove {padding: 0;} .cart-summary-part h3 {padding:28px 0; display: flex; align-items: center; color: var(--white-color); justify-content: space-between; font-size:16px; font-weight:500;} .cart-summary-part h3 strong, .cart-summary-part h3 strong .woocommerce-Price-amount.amount {color:#CCCCCC; font-weight:400; font-size:16px;} .cart-summary-part .coupon {padding:28px 0; display: flex; border-top:1px solid #3A3A3A; border-bottom:1px solid #3A3A3A;} .cart-summary-part .coupon input { padding:13px 15px; border-radius:0; background-color: #303030; border: 0; color: var(--white-color); font-size:16px;} .cart-summary-part .coupon input::-webkit-input-placeholder {color:var(--white-color);opacity:1;} .cart-summary-part .coupon input:-moz-placeholder {color:var(--white-color); opacity:1;} .cart-summary-part .coupon input::-moz-placeholder {color: var(--white-color); opacity:1;} .cart-summary-part .coupon input:-ms-input-placeholder {color:var(--white-color);opacity:1;} .cart-summary-part .coupon button {padding:13px 26px; border-radius:0; background: var(--teal-green); color:#181818; font-weight:400; font-size:16px; white-space:nowrap;} .cart-summary-part .cart-btn .button {padding: 19px 30px; width:100%; justify-content: center; font-size:20px; font-weight:400; border-radius:15px;} .cart-summary-part .cart-btn .button:before { content: ""; background-color: var(--dark-grey); position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: -1; border-radius: 3px; transition: all 0.5s; border-radius:13px;} .cart__shape {position: absolute; bottom:-30px; left: 0; pointer-events: none; width:16vw;} #shipping_workplace_field, #shipping_workplace2_field, #shipping_workplace3_field {margin-bottom:5px;} #order_comments_field textarea {height: 66px;} .wpcf7 form .wpcf7-response-output {border: 0 !important;} #shipping_workplace3_field { margin-left: auto; margin-right: 15px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { color: #dc3232; } .wpcf7 form.sent .wpcf7-response-output { border-color:var(--teal-green); } .coupon-message {font-size: 16px; font-weight:400;} .woocommerce-checkout-review-order .coupon-message {position: relative; margin-top: 0; color: var(--teal-green);} .woocommerce-order-overview, .woocommerce-table--order-details {margin: 0 0 3em; padding: 0; list-style: none;} .woocommerce-order-overview {list-style: none; margin: 2em 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: flex-start; direction: rtl;} .woocommerce-order-overview li {background:var(--dark-grey); border: 1px solid #e0e0e0; border-radius: 10px; padding: 12px 18px; min-width: 180px; flex: 1 1 auto; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 1.6; text-align: right;} .woocommerce-order-overview li {display: flex; flex-direction: column; gap: 4px;} .woocommerce-order-overview li strong {font-weight: 600; color: #fff; font-size: 15px;} .woocommerce-order-overview__total strong {font-size: 16px; color: #fff;} .woocommerce-order-overview__total .woocommerce-Price-amount.amount {color: #fff; font-size: 15px;} @media (max-width: 600px) { .woocommerce-order-overview {flex-direction: column;} .woocommerce-order-overview li {width: 100%;} } .woocommerce table.order_details { width: 100%; margin: 0 0 2em; border-collapse: collapse; border-spacing: 0; } .woocommerce table.order_details th, .woocommerce table.order_details td { padding: 12px 15px; text-align: right; border: 1px solid #c5c5c5; } .woocommerce table.order_details td.woocommerce-table__product-name {background-color:#efefef;} .woocommerce table.order_details td .woocommerce-Price-amount.amount {font-size:18px;font-weight: 600;} .woocommerce table.order_details th { background: #efefef; font-weight: 600; text-transform: none; } .woocommerce table.order_details th.woocommerce-table__product-table {background-color: transparent;} .woocommerce table.order_details tfoot th { font-weight: 600; } .woocommerce table.order_details tfoot td {text-align: right;} .woocommerce-customer-details {margin-top: 3em; padding-top: 1em; border-top: 1px solid #c5c5c5;} .woocommerce-account .woocommerce {padding:50px 0;} .woocommerce-columns--addresses { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem; direction: rtl; } .woocommerce-column {flex: 1 1 45%; background: #efefef; border: 1px solid #c5c5c5; border-radius: 10px; padding: 20px 24px; box-sizing: border-box; max-width: none;} .woocommerce-column__title {font-size: 1.1rem; font-weight: 700; margin-bottom: 0.75em; border-bottom: 1px solid #c5c5c5; padding-bottom: 0.4em; color: #111; text-align: right;} .woocommerce-column address {margin: 0; font-style: normal; line-height: 1.7; color: #000; font-size: 0.95rem;} .woocommerce-customer-details--phone, .woocommerce-customer-details--email {margin: 0.3em 0; font-size: 0.95rem; color: #000;} .woocommerce-customer-details--email {font-style: italic;} .woocommerce-notice.woocommerce-thankyou-order-received {padding: 10px 15px; background-color: var(--teal-green); border-radius: 10px; text-align: center;} h2.woocommerce-order-details__title {margin: 0 0 10px 0; font-weight: 600;} .woocommerce-account { direction: rtl; color: #333; font-size: 15px; line-height: 1.6; } .woocommerce-account .woocommerce {display: flex; flex-wrap: wrap; gap: 2rem;} .woocommerce-MyAccount-navigation {flex: 0 0 240px; background:var(--dark-grey); border: 1px solid #c5c5c5; border-radius: 10px; padding: 20px; box-sizing: border-box;} .woocommerce-MyAccount-navigation ul {list-style: none; margin: 0; padding: 0;} .woocommerce-MyAccount-navigation li {margin-bottom:5px;} .woocommerce-MyAccount-navigation li a {display: block; padding: 10px 14px; border-radius: 8px; color: #fff; text-decoration: none; font-weight: 500; transition: all 0.3s ease;} .woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li.is-active a {background-color:var(--teal-green); color: #fff;} .woocommerce-MyAccount-content {flex: 1; background: #fff; border: 1px solid #e2e2e2; border-radius: 10px; padding: 24px; box-sizing: border-box; min-height: 300px; overflow: auto;} .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 {font-weight: 600; font-size: 1.2rem; margin-bottom: 1em; color: #111;} .woocommerce table.my_account_orders {width: 100%; border-collapse: collapse; margin-bottom:0;min-width: 700px;} .woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td {border: 1px solid #e5e5e5; padding: 12px 15px; text-align: right;} .woocommerce table.my_account_orders th {background:#efefef; font-weight: 600;} .woocommerce table.my_account_orders th a {text-decoration: none;} .woocommerce table.my_account_orders td a.button { color: #fff; padding: 6px 10px; border-radius: 6px; text-decoration: none; font-size: 14px;} .woocommerce-address-fields__field-wrapper {margin-bottom:15px;} .woocommerce-address-fields__field-wrapper { margin-bottom: 15px; display: flex ; flex-wrap: wrap; justify-content: space-between; } .woocommerce-address-fields__field-wrapper .form-row { width: 100%; } .woocommerce-address-fields__field-wrapper .form-row.col-4 {width: calc(50% - 15px); max-width: calc(50% - 15px); padding: 0;} .woocommerce-address-fields__field-wrapper #shipping_workplace3_field { margin-right: 0; } .woocommerce-EditAccountForm fieldset {margin: 0 0 20px 0;} .tinv-wishlist {padding: 50px 0 50px 0;} .tinv-wishlist .return-to-shop {text-align: right;} .tinv-wishlist .product-action button.button { min-width: 140px; justify-content: center; padding: 15px 20px;} table.tinvwl-table-manage-list {width:100%;} table.tinvwl-table-manage-list thead {background-color:#181818;} table.tinvwl-table-manage-list thead th {padding:15px 30px; color: var(--white-color); font-size:16px; font-weight:500;text-align: right;} .tinvwl-table-manage-list button.button {font-size: 18px; justify-content: center;} .tinv-wishlist .tinvwl-table-manage-list .product-remove button {background: transparent; padding: 0;} .tinv-wishlist .tinvwl-table-manage-list .product-remove button {background: transparent; padding: 0;} .tinvwl-input-group .form-control {height: 48px; padding: 12px 22px 12px;} .tinv-wishlist {padding: 40px 0 20px;} .tinv-header {margin: 0 0 20px 0 !important;} .tinv-header h2 {font-weight: 500; font-size: 40px;} .tinv-wishlist table td a, .tinv-wishlist table th a {text-decoration: none;} .wishlist_item .product-price ins {text-decoration: none;} .wishlist_item .product-price .woocommerce-Price-amount.amount {font-size:18px; font-weight:400;} .tinv-wishlist table td, .tinv-wishlist table th {padding: 10px !important;} .page-not-found, .thank-you {padding:200px 0 70px; display: flex; align-items: center; justify-content: center; text-align: center;} .page-not-found__inner, .thank-you__inner {max-width: 600px; margin: auto; font-size: 1.2rem;} .page-not-found__title, .thank-you__title {font-size: 8rem; font-weight: bold; margin-bottom: 1rem; font-family: var(--body-color), var(--poppins-font);} .page-not-found__inner .button, .thank-you__inner .button {margin-top: 5px; font-size:22px; } .thank-you__inner {max-width: 630px;} .thank-you__title {font-size:5rem;} .u-columns.woocommerce-Addresses.col2-set.addresses { display: flex; flex-wrap: wrap; } .u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address {max-width: 30%;} .default__section {padding:30px 0 50px;} .default__section .container {max-width: 1366px;} .default__bread .breadcrumb .container {max-width: 1366px; padding-left:15px; padding-right:15px;} .contact-main-home {margin:0; padding:198px 0 120px 0; background-color: var(--footer-color); background-image: url('../images/contact-main-home.png'); background-repeat: no-repeat; background-position: left top; background-size:cover;} .contact-main-home .c-main__left {background: rgba(44,44,44,0.5); border:0;color: var(--white-color);} .contact-main-home .c-main__item a {color: var(--white-color);} .contact-main-home .c-main__item-icon {background-color: transparent; border:1px solid var(--white-color);} .contact-main-home .c-main__item-icon svg path {fill: var(--white-color);} .product__content {padding:150px 0 140px 0; position: relative;} .product__content .container {max-width:1390px; position: relative;} .product__content-shape {position: absolute; right: 0; top: 0; pointer-events: none; width: 23.07vw; } .product__content h2 { margin: 0 0 50px 0; position: relative; letter-spacing: 0; } .product__content h2::before {position: absolute; content: ""; top: 3px; right: -36px; width: 16px; height: 48px; background-color: var(--body-color);} .product__content-row {display: flex; flex-wrap: wrap; justify-content: space-between;} .product__content-col {max-width: calc(50% - 75px); width:100%; font-size:20px; line-height:29px;} .form-checkbox .wpcf7-list-item { margin: 0; } .form-checkbox p {text-align: start;} .form-checkbox .wpcf7-list-item label { padding: 0 30px 0 0; position: relative; } .form-checkbox .wpcf7-list-item label input { position: absolute; top: 3px; right: 0; width: 20px; height: 20px; opacity: 0; cursor: pointer;} .form-checkbox .wpcf7-list-item label input span:before { position: absolute; top: 0; right: 0; width: 20px; height: 20px; border: 1px solid var(--teal-green); content: ""; } .form-checkbox .wpcf7-list-item label span:before {content: ""; width: 20px; height: 20px; border: 1px solid var(--teal-green); display: block; position: absolute; top: 3px; right: 0; border-radius: 3px; pointer-events: none;} .form-checkbox {margin: 10px 0 0 0; padding: 0 5px 0 0; color: var(--white-color);} .form-checkbox a {color: var(--white-color);} .form-checkbox .wpcf7-list-item label span:after { content: ""; width: 11px; height: 6px; border-left: 2px solid var(--teal-green); border-bottom: 2px solid var(--teal-green); display: block; position: absolute; top: 8px; right: 4px; border-radius: 0; transform: rotate(-45deg); opacity: 0; pointer-events: none;} .form-checkbox .wpcf7-list-item label input:checked + span:after {opacity: 1;} .contact-main:not(.contact-main-home) .form-checkbox, .contact-main:not(.contact-main-home) .form-checkbox a { color: var(--dark-grey); } .contact-main:not(.contact-main-home) .form-checkbox .wpcf7-list-item label input {top: 2px;} .contact-main:not(.contact-main-home) .form-checkbox .wpcf7-list-item label span:before { border-color: var(--dark-grey); top: 2px;} .contact-main:not(.contact-main-home) .form-checkbox .wpcf7-list-item label span:after { border-color: var(--dark-grey); top: 7px;} @media (max-width:767px) { .woocommerce-account .woocommerce {flex-direction: column;} .woocommerce-MyAccount-navigation {width: 100%;} .woocommerce-MyAccount-content {width: 100%;} .tinv-header h2 {font-size: 28px;} } @media (max-width:767px) { .woocommerce-columns--addresses {flex-direction: column;} .woocommerce-column {width: 100%;} .tinv-wishlist .product-thumbnail img { margin: 0 auto; max-width: 150px; } .tinv-wishlist table td, .tinv-wishlist table th {padding:5px !important;} .tinvwl-table-manage-list button.button {padding: 15px 25px;} } .footer {position: relative; background-color:#1A1A1A;} .footer .container {max-width:1670px;} .footer__inner {padding:115px 0 88px; display: flex; flex-wrap: wrap; justify-content: space-between;} .footer__left {max-width:422px; width:100%; color:#DBDBDB; font-size:20px; line-height:40px; } .footer__left a {color:#DBDBDB; text-decoration:none;} .footer__logo {margin: 0 0 45px 0; width:250px;} .footer__logo, .footer__logo a {line-height: 0;} .footer__social {padding:15px 0 0 0;} .footer__social ul {margin: 0 -10px; padding: 0; display: flex; flex-wrap: wrap;} .footer__social ul li {padding: 0 10px;} .footer__social ul li::before {display: none;} .footer__social ul li a {display: flex; align-items: center; justify-content: center; width:50px; height:50px; border:1px solid rgba(255,255,255,0.25); border-radius:50%; line-height: 0; transition: all 0.4s;} .footer__right {display: flex; flex-wrap: wrap; justify-content: space-between; flex: 1;} .footer__menu-title {font-size:20px; font-weight:500; color:#D0D0D0; line-height:40px;} .footer__menu ul {margin: 0; padding: 0;} .footer__menu ul li {margin: 0; padding: 0;} .footer__menu ul li::before {display: none;} .footer__menu ul li a {font-size:20px; font-weight:300; text-decoration: none; color:#D0D0D0; line-height:40px;} .footer__menu ul li a:hover {color: var(--teal-green);} .footer__copy {padding:18px 0 18px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top:1px solid rgba(255,255,255,0.13);} .footer__copy p {margin: 0; font-size:13px; font-weight:300; text-decoration: none; color:#D0D0D0;} .footer__copy p a {color:#B4984B; text-decoration: none;}