/* Theme Name: PPP Author: BUROTIJS - digitale denkers + digitale makers Author URI: https://burotijs.nl/ Description: This is the child theme for the PPP website Version: 1.0 Template: burotijs */ @font-face { font-family: 'DIN2014-CondensedDemi'; src: url('fonts/DIN2014-CondensedDemi.eot'); src: url('fonts/DIN2014-CondensedDemi.eot?#iefix') format('embedded-opentype'), url('fonts/DIN2014-CondensedDemi.woff2') format('woff2'), url('fonts/DIN2014-CondensedDemi.woff') format('woff'), url('fonts/DIN2014-CondensedDemi.ttf') format('truetype'), url('fonts/DIN2014-CondensedDemi.svg#DIN2014-CondensedDemi') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Bold'; src: url('fonts/Inter-Bold.eot'); src: url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Bold.woff2') format('woff2'), url('fonts/Inter-Bold.woff') format('woff'), url('fonts/Inter-Bold.ttf') format('truetype'), url('fonts/Inter-Bold.svg#Inter-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'InterTight-SemiBold'; src: url('fonts/InterTight-SemiBold.eot'); src: url('fonts/InterTight-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/InterTight-SemiBold.woff2') format('woff2'), url('fonts/InterTight-SemiBold.woff') format('woff'), url('fonts/InterTight-SemiBold.ttf') format('truetype'), url('fonts/InterTight-SemiBold.svg#InterTight-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'InterTight-Bold'; src: url('fonts/InterTight-Bold.eot'); src: url('fonts/InterTight-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/InterTight-Bold.woff2') format('woff2'), url('fonts/InterTight-Bold.woff') format('woff'), url('fonts/InterTight-Bold.ttf') format('truetype'), url('fonts/InterTight-Bold.svg#InterTight-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Regular'; src: url('fonts/Inter-Regular.eot'); src: url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Regular.woff2') format('woff2'), url('fonts/Inter-Regular.woff') format('woff'), url('fonts/Inter-Regular.ttf') format('truetype'), url('fonts/Inter-Regular.svg#Inter-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Medium'; src: url('fonts/Inter-Medium.eot'); src: url('fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Medium.woff2') format('woff2'), url('fonts/Inter-Medium.woff') format('woff'), url('fonts/Inter-Medium.ttf') format('truetype'), url('fonts/Inter-Medium.svg#Inter-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-SemiBold'; src: url('fonts/Inter-SemiBold.eot'); src: url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-SemiBold.woff2') format('woff2'), url('fonts/Inter-SemiBold.woff') format('woff'), url('fonts/Inter-SemiBold.ttf') format('truetype'), url('fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueBold'; src: url('fonts/HelveticaNeueBold.eot'); src: url('fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueBold.woff2') format('woff2'), url('fonts/HelveticaNeueBold.woff') format('woff'), url('fonts/HelveticaNeueBold.ttf') format('truetype'), url('fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('fonts/HelveticaNeue.eot'); src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue.woff2') format('woff2'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'GochiHand-Regular'; src: url('fonts/GochiHand-Regular.eot'); src: url('fonts/GochiHand-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/GochiHand-Regular.woff2') format('woff2'), url('fonts/GochiHand-Regular.woff') format('woff'), url('fonts/GochiHand-Regular.ttf') format('truetype'), url('fonts/GochiHand-Regular.svg#GochiHand-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* CSS reset */ * {margin:0px; padding:0px; border:none; outline:none; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-feature-settings: lnum;font-variant-numeric: lining-nums;} html {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-o-text-size-adjust: none;} body {font-size: 16px;color: #2B3F47;font-family: 'Inter-Regular'; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 0px;} img {border:none; outline:none;max-width: 100%;} a,h1,h2,h3,h4,h5,h6,p,div,img {text-decoration:none; padding:0px; margin:0px;font-weight: normal;} ul {list-style-type: none;margin-bottom: 0px;} input,textarea,select,input[type="text"], input[type="email"], input[type="button"], button[type="submit"] {-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-ms-appearance: none;-o-appearance: none;appearance: none;} a:hover, a:focus {text-decoration: none;} p:empty {display: none;} svg {max-width: 100%;} small {font-size: 100%;} picture > img {width: 100%; height: 100%; object-fit: cover; } .custom-object-fit {background-size: cover;background-position: center;background-repeat: no-repeat;} .custom-object-fit > img {opacity: 0;} #tslOverlay {z-index: 999999 !important;} ::-moz-selection { background: #78B22B;color: #ffffff; } ::selection { background: #78B22B; color: #ffffff;} ::-webkit-input-placeholder {color: #ACBEC6 !important;} :-moz-placeholder { /* Firefox 18- */color: #ACBEC6 !important;opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */color: #ACBEC6 !important;opacity: 1;} :-ms-input-placeholder {color: #ACBEC6 !important;} /* End of reset css */ /* Common css */ .contact-list li a > span,.menu-dropdown ul.menu > li > a,.menu-dropdown ul.menu > li > a::before,.menu-header-job-menu-container ul li a span,.header-main-menu ul.menu > li > a,.contact-btn,.address-link span,.footer-menu-part ul.menu > li > a::before,.footer-menu-part ul.menu > li > a, .footer-social-icon a,.menu-privacy-menu-container > ul > li a, .footer-bottom-part p > a, .privacy-menu li a, .footer-sitemap-menu li a, .social-list li a span, .banner-image, .videomodal.modal button.close, .text-link, .cleaning-tip-circle, .breadcrumb-list li a span, .address-box a, body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea, .header-main-menu ul.menu > li > a::after, .header-main-side-menu ul.menu > li > a::after, .main-btn, .product-category-label, .plain-btn-card, .plain-btn-card .icon-wrapper, .plain-btn-card .icon-wrapper path, .product-bottom-slide, .product-image, .cleaning-tip-image img, .cleaning-tip-overview-image img, body input[type="button"], body button[type="submit"], .most-read-item h6 span, .body-text a, .text-link-icon span, .product-sticky-bar, .quick-link-list li a, body .gform_wrapper.gravity-theme .gfield_checkbox label a, body .gform_wrapper.gravity-theme .gfield_radio label a, .main-btn-sm, .single-circle-icon, .search-input, .common-overlay, .promotion-overview-card, .promotion-overview-text .icon-wrapper, .promotion-overview-text .icon-wrapper svg path, .shop-logo-inner-card, .shop-logo-inner-card .icon-wrapper, .shop-logo-inner-card .icon-wrapper svg path,.hamburger-menu span,.hamburger-menu span::before, .hamburger-menu span::after,.header-menu-wrapper, .scroll-to-top, .icon-close svg path, .header-text-link::before,.eco-card h5::before, .eco-card h5::after,.more-usp a,.faq-toggle-part .panel-title a span,.faq-toggle-part .panel-heading a:after,.menu-overlay, .product-sticky-bar, .scroll-to-top, .more-usp .arrow-wrap, .morelink span, .morelink span::before, .shop-title .icon-wrapper, .shop-item-wrapper,.video-close{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} section,h1,h2,h3,h4,h5,h6,p {float: left;width: 100%;} h1,h2,h3,h4,h5,h6{color: #111E23;font-family: 'InterTight-Bold';} h1 {font-size: 64px;line-height: 68px;} h2 {font-size: 44px;line-height: 52px;} h3 {font-size: 36px;line-height: 40px;} h4 {font-size: 26px;line-height: 32px;} h5 {font-size: 22px;line-height: 26px;} h6 {font-size: 18px;line-height: 22px;} p {line-height: 28px;} a {color: #028CC7;} svg{float: left;width: 100%;height: 100%} .h1-lg{font-size: 88px;line-height: 80px;} .h3-sm{font-size: 32px;line-height: 41px;} .h4-sm{font-size: 24px;line-height: 22px;} .h5-sm{font-size: 21px;line-height: 26px;} .h6-sm{font-size: 20px;line-height: 20px;} .row.d-flex {display: flex;flex-wrap: wrap;} .row.d-flex.align-items-center{align-items: center;} .row.d-flex::before,.row.d-flex::after {display: none;} .site-container{float:left;width:100%;min-height: 100vh;overflow: hidden;} .site-inner {float: left; width: 100%; min-height: calc(100vh - 0px); padding-top: 96px;} .link-cover{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11;} a.link-cover{outline: none;} .light-black{color: #2B3F47;} .dark-black{color: #111E23;} .font-din-600{font-family: 'DIN2014-CondensedDemi';} .font-inter-tight-700{font-family: 'InterTight-Bold';} .main-btn-wrapper{float: left;width: auto;} .main-btn{float: left;font-size: 16px; line-height: 24px;font-family: 'Inter-Medium';border-radius: 48px; padding: 12px 32.33px;} .main-btn-sm{display: inline-block;font-size: 15px;line-height: 20px;font-family: 'Inter-Medium';color: #111E23;border-radius: 48px;padding: 9px 23.42px;border: 1px solid #DDE6EA} .green-btn {background-color: #78B22B; color: #ffffff;} .white-btn{background-color: #ffffff;color: #111E23;} .black-btn {background-color: #111E23; color: #ffffff; } .container.md-container{width: 1384px} .main-btn-group .main-btn{margin-right: 16px} .main-btn-group .main-btn:last-child{margin-right: 0!important} .main-btn-vertical-group .main-btn {margin-bottom: 16px; } .main-btn-vertical-group .main-btn:last-child{margin-bottom: 0!important;} /* Header */ .admin-bar header.site-header {top: 32px;} header.site-header {position: absolute; width: 100%; left: 0; top: 0; z-index: 999;} header.site-header .wrap {float: left; width: 100%;} header .title-area {float: left;width: 152px;position: relative;top: 1px} header .custom-logo-link {float: left; width: 100%; } .header-wrapper {width: calc(100% - 152px); padding-left: 48px;padding-right: 47px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;position: relative;} .header-main-menu {float: right; } .menu-main-menu-container {float: left;width:auto } .header-main-menu ul.menu {float: left;width:auto; } .header-main-menu ul.menu > li {float: left;margin-right: 29px; } .header-main-menu ul.menu > li:last-child {margin-right: 0; } .header-main-menu ul.menu > li > a {font-size: 16px; color: #111E23;line-height: 96px; font-family: 'Inter-Medium'; display: inline-block;position:relative;top:0.5px } .header-main-menu ul.menu > li.current-menu-item > a{font-family: 'InterTight-Bold';border-bottom-color: #111E23;} .header-main-part {float: left; width: auto; margin-left: auto; } .header-main-side-part{float: left;width: auto;margin-left: 52px;margin-right: 35.5px} .header-main-side-menu ul.menu {float: left;width:auto; } .header-main-side-menu ul.menu > li {float: left;margin-right: 20px; } .header-main-side-menu ul.menu > li:last-child {margin-right: 0; } .header-main-side-menu ul.menu > li > a {font-size: 14px; color: #637983;line-height: 96px;font-family: 'HelveticaNeue';display: inline-block;position: relative;top: 1px;cursor: pointer;} .header-main-side-menu ul.menu > li.current-menu-item > a{font-family: 'HelveticaNeueBold';border-bottom-color: #111E23;color: #111E23} .single-circle-icon{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 40px;width: 40px;border: 1px solid #DDE6EA;border-radius: 50%;cursor: pointer;} .single-circle-icon .icon-wrapper{float: left;width: 14px;height: 14px;} .header-main-menu ul.menu > li > a::after, .header-main-side-menu ul.menu > li > a::after{content: '';position: absolute;left: 0;bottom: 0;height: 5px;width: 100%;background-color: #2B3F47;opacity: 0} .header-main-menu ul.menu > li.current-menu-item > a::after, .header-main-side-menu ul.menu > li.current-menu-item > a::after{opacity: 1} header .where-to-buy-box{position: absolute;left: 48px; bottom: -180px;z-index: 9} .form-group {float: left; width: 100%; margin-bottom: 0; position: relative; } .search-input{padding: 15.5px 16px 16.5px 15px; border: 1px solid #ACBEC6; width: 100%; border-radius: 8px!important;font-size: 15px; line-height: 22px; } .search-input:focus{box-shadow: 4px 4px 10px 0px #00000026 inset; } .header-search-bar {position: absolute; right: 47px; bottom: -76px; width: 468px; height: 88px; box-shadow: 0px 2px 12px 0px #00000014; padding: 16px 19px; border-radius: 16px; background-color: #ffffff;display: none;} .header-search-bar .form-group .icon-wrapper {position: absolute; right: 17px; top: 0; height: 20px; width: 20px; bottom: 0; margin: auto;cursor: pointer;cursor: pointer;} .header-search-bar .form-group .icon-wrapper img{float: left; width: 100%; height: 100%;} .header-main-menu ul.menu .home-menu {display: none; } .header-text-link {line-height: 96px; font-size: 14px; color: #637983; font-family: 'HelveticaNeue';position: relative;} .header-wrapper .text-link-wrapper {margin-left: auto; margin-right: 90px; } .header-text-link::before {content: ''; position: absolute; left: 0; width: 100%; height: 1px; background-color: #637983; bottom: 0;opacity: 0} .header-text-link:hover::before{opacity: 1} body.scroll-hidden {overflow-y: hidden;} .menu-overlay {position: fixed; background-color: #000; width: 100%; height: 100vh; left: 0; z-index: 1; opacity: 0; pointer-events: none; visibility: hidden; bottom: 0; } body.scroll-hidden .menu-overlay {opacity: 0.6; visibility: visible; pointer-events: auto; } .mobile-home-icon {display: none;} /* Footer */ footer.site-footer {float: left; width: 100%;background-color: #ECF3F5; padding: 139px 0px 99.45px;position: relative;z-index: 1;overflow: hidden;} .footer-wrapper {float: left; width: 100%; } .footer-top-part {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;margin-bottom: 62.5px;} .footer-logo {display: inline-block; width: 188px; } .footer-logo img {float: left; width: 100%; height: 100%; } .footer-middle-part {float: left; width: 100%;margin-bottom: 70px} .footer-bottom-part {width: 100%; display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;} .footer-bottom-left{float: left;width: auto;position: relative; left: -5px;} .footer-bottom-right {float: left; width: auto; position: relative; right: 62px; display: flex; flex-wrap: wrap; align-items: center; top: 2px; } .footer-bottom-part p {float: left; width: auto; font-size: 15px; line-height: 30px; font-family: 'HelveticaNeue'; color: #637983; } .footer-link {float: left; width: auto; } .menu-privacy-menu-container {float: left; width: auto; } .privacy-menu {float: left; width: auto; } .privacy-menu li {float: left; width: auto;margin-right: 24px} .privacy-menu li:last-child{margin-right: 0} .privacy-menu li a{display: inline-block; color: #637983; font-size: 15px; line-height: 15px; font-family: 'HelveticaNeue';border-bottom: 1px solid transparent;} .privacy-menu li a:hover{border-bottom-color: #637983;} .footer-link + p {margin: 0px 24px; } .menu-cookies-menu-container {float: left; width: auto; } .footer-bottom-part p > a{display: inline-block; color: #2B3F47; border-bottom: 1px solid #2B3F47; line-height: 15px; } .footer-bottom-part p > a:hover{border-bottom-color: transparent;} .footer-shape {width: 578px; height: 588px; border: 99px solid #dde6ea80; border-radius: 50%; position: absolute; left: calc(50% - 874px); bottom: -217px; z-index: -1; } .footer-shape::before {content: ''; position: absolute; right: 83px; top: 84px; height: 109px; width: 109px; background-color: #dde6ea80; border-radius: 50%; } .footer-col-sm {float: left; width: 416px;} .footer-col-lg {float: left; width: 808px;margin-top:1px;} .footer-col-lg .footer-col{break-inside: avoid;margin-bottom: 23px;} .footer-col-lg .footer-col p{font-family: 'Inter-Bold';} .footer-col-lg .footer-col .footer-sitemap-menu {margin-top: -7.5px; } .footer-col-lg .footer-col .footer-sitemap-menu li {margin-bottom: 7px; } .footer-col-lg .footer-col .footer-sitemap-menu li:last-child {margin-bottom: 0; } .footer-col-lg .footer-col:nth-child(3), .footer-col-lg .footer-col:nth-child(4){width: 244px;padding-right: 26px;} .footer-col-lg .footer-col:nth-child(1), .footer-col-lg .footer-col:nth-child(2) {width: 276px;padding-right: 26px;} .footer-col-lg .footer-col:nth-child(5), .footer-col-lg .footer-col:nth-child(6){width: 235px; } .footer-col {float: left; width: auto; } .footer-col p {font-family: 'HelveticaNeueBold'; margin-bottom: 15px; } .menu-footer-sitemap-menu-container {float: left; width: 100%; } .footer-sitemap-menu {float: left; width: 100%; } .footer-sitemap-menu li {float: left; width: 100%;margin-bottom: 14px;} .footer-sitemap-menu li:last-child, .social-list li:last-child{margin-bottom: 0px;} .footer-sitemap-menu li a{display: inline; color: #637983; font-family: 'Inter-Regular';line-height: 22px;border-bottom: 1px solid transparent; } .footer-sitemap-menu li a:hover{border-bottom-color: #637983} .social-list {float: left; width: 100%; } .social-col .social-list{margin-top: -2px;} .social-list li {float: left; width: 100%; margin-bottom: 8px; } .social-list li a {display: inline-block; color: #637983; position: relative; padding-left: 27px; } .social-list li a .icon-wrapper {position: absolute; left: 2px; top: 5px; height: 17px; width: 17px; } .social-list li a .icon-wrapper img {float: left; width: 100%; height: 100%; } .social-list li a span {display: inline; line-height: 28px; border-bottom: 1px solid transparent; } .social-list li a:hover span{border-bottom-color: #637983;} .sitemap-col {width: 219px; } .social-col {width: 196px; } .footer-col-group {float: left; width: 100%; margin-bottom: 23.5px; } .footer-col-sm-inner{float: left;width: 100%;margin-bottom: 60.5px} .google-review{float: left;width: 238px;} .google-review img{float: left;width: 100%;height: 100%} /*.footer-product-category-list{float: left;width: 100%;column-count: 3;}*/ .footer-product-category-list {float: left; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 0fr); } /* Footer - Common CTA Section */ .cta-section {margin-bottom: -78px; z-index: 11; position: relative; } .cta-wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; background-color: #2B3F47; border-radius: 16px; padding: 57px 80px 58.5px 80px; } .cta-text{float: left;width: 80%;} .cta-text h3 {margin-bottom: 0.5px; } .cta-text *{color: #ffffff} .cta-wrapper .main-btn-wrapper{position: relative;top: 1px} /* Home Page - Banner Section */ .banner-section {position: relative; } .banner-wrapper{float: left;width: 100%;border-radius: 16px;padding: 136.5px 0px 167.5px;position: relative;} .banner-circle-wrapper {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 1384px; overflow: hidden; border-radius: 16px; } .banner-text-part{float: left;width: 40%;position: relative; z-index: 99;} .banner-text{float: left;width: 100%;position: relative;left: -4px;margin-bottom: 35px;} .banner-text h1, .banner-text h5{color: #ffffff;} .banner-text h1{text-transform: uppercase;} .banner-text h5{margin-bottom: 11px;font-family: 'Inter-Regular';} .banner-image {position: absolute; right: calc(50% - 588px);top: -42px;z-index: 99; width: 677px; height: auto;pointer-events:none } .banner-image img {float: left; width: 100%; height: 100%;} .common-banner-circle{position: absolute; left: 0; right:0; top: 0; bottom:0; margin: auto; background: radial-gradient(53.61% 53.61% at 50% 50%, #2C3F48 62.65%, #05171D 100%); border-radius: 50%;} .banner-circle-list {position: absolute; left: -105px; top: -768px; height: 2110px; width: 2110px;pointer-events:none } .banner-circle-xl {height: 100%; width: 100%; z-index: -1;} .banner-circle-lg {height: 1636px; width: 1636px; opacity: 0.6;} .banner-circle-md {height: 1080px; width: 1080px; opacity: 0.6; z-index: 1;} .banner-circle-xs {height: 320px; width: 320px; z-index: 11;background: radial-gradient(53.61% 53.61% at 50% 50%, #2C3F48 40.1%, #05171D 100%);top: 2px} .banner-circle-sm {height: 100%; width: 100%; z-index: 11; background: radial-gradient(53.61% 53.61% at 50% 50%, #2C3F48 62.65%, #13252C 100%); top: -42px; bottom: initial; right: initial; } .common-banner-circle-outer {height: 660px; width: 660px; position: absolute; left: 0; margin: auto; top: 0; bottom: initial; right: calc(50% - 1208px); overflow: hidden; } /*.home .common-banner-circle{animation: drop 1.7s infinite alternate linear;} .home .banner-circle-sm{animation: none;}*/ .home .banner-circle-list {position: absolute; left: -405px; top: -1068px; height: 2710px; width: 2710px; } .home .banner-circle-xxl {height: 100%; width: 100%; z-index: -11;} .home .banner-circle-xl {height: 2110px; width: 2110px; z-index: -1;} /* Home - Banner Section - Where To Buy DropDown */ .where-to-buy-box{background-color: #ffffff; padding: 16px 19px; border-radius: 16px; box-shadow: 0px 2px 12px 0px #00000014;width: 468px;display:none;} .banner-section .where-to-buy-box{position: absolute; left: 0; bottom: -205.5px;} .plain-btn-card-list {float: left; width: 100%; } .plain-btn-card {float: left; width: 100%; margin-bottom: 8px; position: relative; border: 1px solid #DDE6EA; border-radius: 8px; padding: 16px 16px 14.5px; } .plain-btn-card:last-child {margin-bottom: 0; } .plain-btn-icon {position: absolute; left: 19px; top: 23px; width: 25px; height: 32px; } .plain-btn-icon .icon-wrapper, .plain-btn-icon .icon-wrapper img {float: left; width: auto; height: auto; } .plain-btn-text {float: left; width: 100%; padding: 0px 47px 0px;position: relative; top: -1px;} .plain-btn-text > p {font-size: 18px; line-height: 22px; color: #000000;font-family: 'InterTight-SemiBold';margin-bottom: -1.5px;} .plain-btn-text > span {font-size: 15px; line-height: 22px; font-family: 'Inter-Regular'; } .plain-btn-card > .icon-wrapper {position: absolute; right: 35px; top: 0; bottom: 0; margin: auto; width: 17px; height: 11px; } /* Home Page - Product Slider Section */ .product-slider-section {padding: 120px 0px 121px;overflow: hidden;} .product-slider-wrapper {float: left; width: 100%; } .product-slider-title-part {float: left; width: 100%; text-align: center; margin-bottom: 36px; } .product-slider-title-part h2 {margin-bottom: 0.5px; } .product-slider-title-part p {color: #637983; font-family: 'Inter-Regular'; left: -14.5px; position: relative; } .product-category-item {float: left; width: 104px; display: flex; flex-direction: column; align-items: center;cursor: pointer;} .product-category-label {float: left; width: 64px; height: 64px; border: 12px solid; border-radius: 50%; position: relative; } .product-category-item .product-category-label {margin-bottom: 10px; } .product-category-label > i{position: absolute; right: 8px; top: 9px; height: 8px; width: 8px; border-radius: 50%; } .product-category-item > span {font-size: 15px; line-height: 22px; color: #111E23; font-family: 'Inter-Regular'; display: inline-block; } .product-category-list{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .product-slider-section .product-category-list{margin-bottom: 72px} /* Home - Product Slider */ .product-slider {float: left; width: 100%;margin-bottom: 69px; } .product-slider-card {float: left; width: 192px; margin-right: 12px; position: relative; padding-bottom: 18px; } .product-inner-card {float: left; width: 100%; } .product-image {float: left;width: 130px;height:295px;position: relative;left: 18px;transform-origin: bottom; transform: scale(1); display: flex; flex-wrap: wrap;align-items: flex-end; } .product-image img {max-height: 100%; } .product-sub-title {float: left; width: 100%; padding: 0px 23px 0px 23px; margin-top: 8px; } .product-sub-title h6 {color: #637983; opacity: 0.8; text-transform: uppercase; } .product-sub-title h4 {text-transform: uppercase; } .product-slider .slick-list, .cleaning-tip-slider .slick-list, .product-review-slider .slick-list, .product-tutorial-slider .slick-list{left: calc(50% - 612px); position: relative;} .product-slider .slick-track, .cleaning-tip-slider .slick-track, .product-review-slider .slick-track, .product-tutorial-slider .slick-track{display: flex; flex-wrap: wrap;} .product-bottom-slide {position: absolute; left: 1px; bottom: -8px; width: 192px; height: 0;background-color: #ECF3F5; border-bottom: 8px solid transparent; z-index: -1; border-radius: 8px;opacity: 0; } .product-card:hover .product-bottom-slide{height: 153px;opacity: 1} .product-card:hover .product-image{transform: scale(1.1034);} .product-card::before { content: ''; position: absolute; left: 0; bottom: 75px; height: 92px; background-color: inherit; width: 100%; transform: skewY(-10deg); border-radius: 8px 8px 0px 0px; } .product-bottom-slide::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 60px; background-color: inherit; border-radius: 8px; transform: skewY(-11deg);} /* Home - About Section */ .about-wrapper {float: left; width: 100%; background-color: #009FE3;padding: 80px 0px; border-radius: 16px;position: relative;min-height: 584px} .about-text-part {float: left; width: 50%; position: relative; z-index: 111; } .about-text {float: left; width: 100%; margin-bottom: 61px; } .about-text h3 {text-transform: uppercase; opacity: 0.5; margin-bottom: 6.5px; } .about-text h2 {margin-bottom: 20.5px;max-width: 90%;} .about-text h2, .about-text p {color: #ffffff; } .about-banner {width: 100%; height: 100%; float: left; } .about-banner-outer {position: absolute; right: 0; top: -93.5px; z-index: 111; width: 594px; overflow: hidden; height: 743px; } .about-banner picture {float: left; width: 100%; height: 100%; } .about-banner img {float: left; width: 100%; height: 100%; object-fit: cover; } .about-circle-list {position: absolute; left: -92px; top: -959px; width: 2422px; height: 2406px; } .common-about-circle {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: radial-gradient(53.61% 53.61% at 50% 50%, #009FE3 62.65%, #028CC7 100%); border-radius: 50%; } .about-circle-sm {width: 948px; height: 948px; z-index: 11;left:-4px} .about-circle-md {width: 1636px; height: 1636px;left:-4px;z-index: 1} .about-circle-lg {height: 100%; width: 100%;;} /* Home - Action Section */ .action-section {padding: 119px 0px 0px;} .action-wrapper {float: left; width: 100%; } .action-image {float: left; width: 49.6734%; position: relative; height: 452px; border-radius: 16px;overflow: hidden;} .action-image picture {float: left; width: 100%; height: 100%;background-color: #009FE3} .action-content {float: right;width: 50.3266%;padding: 13.5px 65px 0px 76px;} .action-content .body-text{margin-bottom: 37px;} .action-title {float: left;width: 100%;margin-bottom: 30px;} .action-title h3 {text-transform: uppercase; color: #009FE3; margin-bottom: 6px; } .action-label{position: absolute;left: -55px;top: 16px;margin: 0;background-color: #E73446;color: #ffffff;text-transform: uppercase;font-family: 'DIN2014-CondensedDemi';margin-bottom: 0;font-size: 24px;line-height: 22px;text-align: center;transform: rotate(-45deg);padding: 4px 72.576px;font-weight: normal;} .video-btn{position: absolute; left: 0; top: 0; bottom: 0; right: 8px; margin: auto; height: 100px; width: 100px; box-shadow: 0px 15px 20px -8px #0000001A; border: 2px solid #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #009FE3;cursor: pointer;} .video-btn .icon-wrapper{float: left;width: 40px;height: 40px;position: relative; left: 4px;} /* Home - Logo Slider Section */ .logo-slider-section {padding: 120px 0px 101px; } .logo-slider-wrapper {float: left; width: 100%; } .logo-slider-title {float: left; width: 100%; text-align: center; margin-bottom: 3px; } .logo-slider {float: left; width: 100%;overflow:hidden;} .logo-slider-box{float: left;width: auto;height: auto;max-width: 160px;display: flex; align-items: center;margin-right: 76px} .logo-slider-box img{float: left;width: 100%;height: 100%} .slick-list{float: left; width: 100%; } .logo-slider .slick-track {display: flex;flex-wrap: wrap;align-items: center;} /* Home - Video Overlay */ .videomodal {text-align: center; } .videomodal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; } .videomodal .modal-dialog {width: 85%; max-width: 1224px; margin: 30px auto; display: inline-block; vertical-align: middle; text-align: left; } .videomodal .modal-content {margin-bottom: 30px; background-color: transparent; border: none !important; border-radius: 0; box-shadow: none !important; } .videomodal .modal-content, .video-box {float: left; width: 100%; } .videomodal.modal button.close {position: absolute; top: 10px; right: -10px; opacity: 1; box-shadow: 0px 15px 20px -8px #0000001A; text-shadow: none; width: 60px; height: 60px; background-color: #009FE3; border-radius: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; } .videomodal.modal button.close .icon-wrapper {float: left; width: 25px; height: 25px;} .videomodal .video-box {height: auto; padding-top: 56.25%; position: relative; border-radius: 24px; overflow: hidden; background-color: #000000; box-shadow: 0 10px 40px rgba(0,0,0,0.20); } .videomodal .video-box video {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .videomodal .modal-backdrop {background-color: #003770; } .videomodal .modal-backdrop.in {opacity: 0.8; filter: alpha(opacity=80); } .videomodal .modal-body {float: left; width: 100%; padding-top: 40px; } .modal button.close:hover, .close-video:hover {transform: scale(1.17); } body .modal-backdrop.in {filter: alpha(opacity=80); opacity: .8; } /* Home - Eco Section */ .eco-wrapper {float: left; width: 100%; background: radial-gradient(53.61% 53.61% at 50% 50%, #78B22B 62.65%, #699D28 100%); padding: 112px 0px 123px; border-radius: 16px; position: relative; } .eco-text-part {float: left; width: 50%; position: relative;z-index: 111; } .eco-text {float: left; width: 100%; } .eco-text h3 {text-transform: uppercase;opacity: 0.5;margin-bottom: 4px;} .eco-text h2 {margin-bottom: 20.5px;} .eco-text h2, .eco-text p {color: #ffffff; } .eco-text .body-text {margin-bottom: 33.5px;} .usp-list {float: left;width: calc(100% + 40px);margin-bottom: 36px;} .usp-list li {float: left;width: auto;color: #ffffff;margin-bottom: 12px;padding-left: 28px;position: relative;font-size: 17px;line-height: 24px;font-family: 'Inter-Medium';min-width: 244px;} .usp-list li .icon-wrapper {position: absolute;left: 0px;top: 2px;width: 20px;height: 20px;background-color: #ffffff;border-radius: 50%;} .usp-list li .icon-wrapper img{float: left;width: 100%;height: 100%} .eco-banner-outer {position: absolute; right: calc(50% - 692px); top: 76px; z-index: 111; width: 628px; overflow: hidden; height: 692px; } .eco-banner {width: 692px; height: 100%; border-radius: 50%; overflow: hidden; background-color: #D9D9D9; } .eco-banner picture {float: left; width: 100%; height: 100%; } .eco-label {position: absolute; right: 328px; top: 0; width: 128px; height: 131.49px;z-index: 1111;} .eco-label img {float: left; width: 100%; height: 100%; } .eco-circle-list {position: absolute; left: -94px; top: -737px; width: 2392px; height: 2392px; } .common-eco-circle {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: radial-gradient(53.61% 53.61% at 50% 50%, #78B22B 62.65%, #699D28 100%); border-radius: 50%; } .eco-circle-sm {width: 1166px; height: 1166px; z-index: 11; } .eco-circle-md {width: 1766px; height: 1766px; z-index: 1; } .eco-circle-lg {height: 100%; width: 100%; } /* Home - Cleaning Tip Slider Section */ .cleaning-tip-section {padding: 152px 0px 121px; } .cleaning-tip-wrapper {float: left; width: 100%; } .cleaning-tip-title {display: flex; align-items: flex-end; justify-content: space-between; width: 100%; margin-bottom: 42px; } .cleaning-tip-title h2, .cleaning-tip-title h3{width: 80%;} .text-link {font-size: 16px; line-height: 17px; display: inline-block; border-bottom: 1px solid #028CC7; } .text-link:hover{border-bottom-color: transparent;} .cleaning-tip-title .main-btn-wrapper {position: relative; top: -7px; } /* Home - Cleaning Tip Slider */ .cleaning-tip-slider {float: left; width: 100%;margin-bottom: 68px;} .cleaning-tip-plain-card {float: left; width: 288px;height: 320px;margin-right: 24px;} .cleaning-tip-circle{position: absolute; left: -107px; top: 30px; height: 690px; width: 690px; border-radius: 50%;} .cleaning-tip-plain-inner-card:hover .cleaning-tip-circle {top: -3px; height: 766px; width: 766px; left: -150px; } .cleaning-tip-plain-inner-card{float: left; width: 100%; min-height: 320px;height: 100%;display: flex; flex-wrap: wrap; align-items: flex-end;box-shadow: 0px 12px 20px -8px #0000000D;border-radius: 16px; padding: 24px; position: relative; overflow: hidden;} .cleaning-tip-plain-info {float: left; width: 100%; height: auto; position: relative;z-index: 9} .cleaning-tip-plain-info .common-label, .cleaning-tip-info .common-label{margin-bottom: 12px; } .cleaning-tip-plain-info h4 {color: #ffffff; } .cleaning-tip-card {width: 288px; min-height: 320px; float: left; margin-right: 24px;} .cleaning-tip-inner-card {float: left; width: 100%;border-radius: 16px; background-color: #ffffff; box-shadow: 0px 12px 20px -8px #0000000D; overflow: hidden;position: relative;height: 100%} .cleaning-tip-image {float: left; width: 100%; height: 172px;background-color: #D9D9D9;overflow: hidden;} .cleaning-tip-image picture {float: left; width: 100%; height: 100%; } .cleaning-tip-info {float: left; width: 100%; padding: 23px 24px 24px; height: calc(100% - 172px); } .common-label {margin: 0;padding: 4px 5px 4px 8px;border-radius: 24px; text-transform: uppercase; font-size: 12px; line-height: 16px;letter-spacing: 3.6px; font-family: 'Inter-SemiBold';} .progress {display: block; width: 256px; height: 8px; border-radius: 16px; overflow: hidden; background-color: #DDE6EA; background-image: linear-gradient(to right, #2B3F47, #2B3F47); background-repeat: no-repeat; background-size: 0px 100%; transition: background-size .4s ease-in-out; margin: auto; box-shadow: none; } .responsive-btn-wrapper{display: none;} /* Contact - Banner Section */ .contact-banner-wrapper{float: left;width: 100%;padding: 35px 0px 160px;border-radius: 16px;background-color: #ECF3F5;position: relative;} .contact-banner-title {float: left; width: 100%; } .contact-banner-title h3{color: #637983;margin-bottom: 13px;text-transform: uppercase;} .contact-circle-list {position: absolute; left: -45px; top: -630px; height: 2141px; width: 2141px; background-color: #ECF3F5; } .common-contact-circle {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #ECF3F5; border-radius: 50%; } .contact-circle-lg {height: 100%; width: 100%; z-index: -1; } .contact-circle-md {height: 1034px;width: 1034px;background: radial-gradient(53.61% 53.61% at 50% 50%, #ECF3F5 62.65%, #DDE6EA 100%);z-index: 1;top: 457px;left: -48px;bottom: inherit;opacity: 0.6;} .common-contact-circle.contact-circle-xs {width: 559px;height: 559px;background: radial-gradient(53.61% 53.61% at 50% 50%, #ECF3F5 62.65%, #DDE6EA 100%);z-index: 11;opacity: 0.6;top: 696px;bottom: inherit;left: -45px;} .contact-banner-inner-wrapper{float: left;width: 40%;z-index: 111;position: relative;} /* Breadcrumb */ .breadcrumb-list {float: left;width: 100%;margin-bottom: 56px;} .breadcrumb-list li{float: left; width: auto;margin-right: 36px; } .breadcrumb-list li, .breadcrumb-list li a{font-size: 14px; line-height: 32px; font-family: 'HelveticaNeue';color: #111e23cc;} .breadcrumb-list li a {display: inline-block;color: #111E23;position: relative;} .breadcrumb-list li:last-child {margin-right: 0; } .breadcrumb-list li a::before {content: '';position: absolute;right: -24px;top: 0;background-image: url('./images/icon-chevron.svg');background-repeat: no-repeat;background-size: contain;background-position: center;height: 8px;width: 11px;bottom: 0;margin: auto;} .breadcrumb-list li a span{display: inline-block;border-bottom: 1px solid transparent;line-height: 14px;} .breadcrumb-list li a:hover span{border-bottom-color: #111E23;} /* Contact - Form Section */ .form-section {padding: 88px 0px 136px; } .form-wrapper {float: left; width: 100%; } .form-text {float: left; width: 40%; } .form-text h4{margin-bottom: 26.5px; color: #2B3F47;} .form-text h6{margin-bottom: 12px; color: #2B3F47;font-family: 'InterTight-SemiBold';} .address-box {float: left; width: 100%; } .address-box address {margin-bottom: 0; width: 35%; } .address-box address, .address-box p, .address-box a {font-size: 16px; line-height: 28px; color: #2B3F47; } .address-box a {display: inline-block; border-bottom: 1px solid transparent; line-height: 16px; } .form-box{float: left;width: 100%;border-radius: 16px;background-color: #78B22B;z-index: 11;position: relative;overflow: hidden;padding: 80px;} .form-section .form-box{margin-top: -384px;min-height: 736px} .form-box::before, body .body-text .gform_wrapper.gravity-theme::before{content: ''; position: absolute; left: -310px;bottom: -58px;height: 1008px; background: radial-gradient(53.61% 53.61% at 50% 50%, #78B22B 62.65%, #699D28 100%); width: 1008px; border-radius: 50%;z-index: -1;pointer-events: none;} .form-outer-box {float: right; width: 49.02%; position: relative; } .form-outer-box::after{content: ''; position: absolute; left: 0; right: 0; margin: auto; height: 36px; width: 408px; background-color: #111E23; bottom: -60px; border-radius: 50%; opacity: 0.05; filter: blur(10px); } .address-box a{display: inline-block; border-bottom: 1px solid transparent; line-height: 16px; } .address-box a:hover{border-bottom-color: #2B3F47} .form-box h4 {color: #ffffff; margin-bottom: 24px; } .form-inner-box {float: left; width: 100%; height: 100%; position: relative; } /* Contact - FAQ Section */ .faq-section{position: relative;} .faq-section:last-child {margin-bottom: 120px; } .faq-wrapper{float: left;width: 100%;border-radius: 16px;background-color: #ECF3F5;padding: 80px 0px;} .faq-text {float: left; width: 34%;position: relative; z-index: 1111;} .faq-text h3 {margin-bottom: 24.5px; } .faq-toggle-part {float: right;width: 59.4776%;} .faq-text p {color: #637983; } .faq-section .faq-shape{left: calc(50% - 844px); bottom: -138px; z-index: 111; position: absolute;border-color: #78B22B;} .faq-section .faq-shape i{background-color: #78B22B;} .faq-shape {width: 386px; height: 386px;border-radius: 50%;border: 66px solid;} .faq-shape i{position: absolute; right: 56px; top: 54.5px; height: 72px; width: 73px;border-radius: 50%; } .faq-toggle-part .panel-group {float: left; width: 100%;margin-bottom: 0; } .faq-toggle-part .panel.panel-default {float: left;width: 100%;border-radius: 0;border: none;margin: 0;box-shadow: none;background-color: transparent;} .faq-toggle-part .panel-heading {float: left;width: 100%;background-color: transparent;border-color: transparent;border-radius: 0px;color: #111E23;position: relative;padding: 0;} .faq-toggle-part .panel-title a {float: left; width: auto; padding: 19.5px 0px 6.5px 20px; margin-bottom: 12px; } .faq-toggle-part .panel-title a span{border-bottom: 1px solid transparent;} .faq-toggle-part .panel-title a:hover span{border-bottom-color: #111E23;} .faq-toggle-part .panel-title a br {display: none; } .faq-toggle-part .panel-collapse {float: left; width: 100%; } .faq-toggle-part .panel-body {float: left; width: 100%;border: none!important;padding: 0px 20px 16px;font-size: 18px;line-height: 32px;margin-top: -7.5px;} .faq-toggle-part .panel-title a[aria-expanded="true"]{color: #111E23;} .faq-toggle-part .panel-title a[aria-expanded="true"]::after{opacity: 0; } .faq-toggle-part .panel-heading a:after {content: ""; position: absolute; left: -3px; top: 20px; height: 19px; width: 2.5px; background-color: #111E23; border-radius: 14px; } .faq-toggle-part .panel-heading a:before {content: ""; position: absolute; left: -11.5px; top: 28.5px; height: 2.5px; width: 19px; background-color: #111E23; border-radius: 14px; } .faq-toggle-part .panel-title{font-size: 18px;line-height: 22px;font-family: 'InterTight-SemiBold';} .faq-toggle-part .panel-body p {font-size: 16px; line-height: 28px; color: #637983; } /*------------- Common Main Form -------------*/ body .gform_wrapper, body form, body .gform_body, body .gform_wrapper.gravity-theme .gform_fields, body .gform_wrapper.gravity-theme .gfield, body .ginput_container{float: left; width: 100%; } body .gform_wrapper.gravity-theme .gform_fields{display: block;} body .gform_anchor, body .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label, .gform_wrapper.gravity-theme .screen-reader-text{display: none;} body .gform_wrapper.gravity-theme .gfield{margin-bottom: 8px;} body .gform_wrapper.gravity-theme .gfield textarea.large{resize: none;height: 184px;} body .gform_wrapper.gravity-theme .gfield-choice-input{opacity: 0;display: none;} body .ginput_container {float: left; width: 100%; } body .gform_footer.top_label > p, body .gform_footer.top_label > br {display: none;} body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {float: left; width: 100%; padding: 0; margin-top: 21px; } body h2.gform_title {font-size: 26px; line-height: 32px; color: #ffffff; margin-bottom: 24px; } body .body-text .gform_wrapper.gravity-theme {width: 49.02%; float: left; border-radius: 16px; background-color: #78B22B; z-index: 11; position: relative; overflow: hidden; padding: 80px;margin: 40px 0px} .main-form > p:last-child {display: none; } /*--------Required Asterisk-----*/ body span.gfield_required.gfield_required_asterisk {font-size: 16px; line-height: normal; color: #c02b0a; font-weight: normal; font-family: 'Inter-Regular'; } body p.gform_required_legend {display: none;} /*--------All input & Label-----*/ body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme .gfield select, body .gform_wrapper.gravity-theme .gfield textarea {height: 56px; width: 100%; padding: 17px 16px; border-radius: 8px; font-size: 15px; line-height: 22px; color: #ACBEC6; background-color: #ffffff; font-family: 'Inter-Regular'; } body .gform_wrapper.gravity-theme .gfield_label {width: auto; font-size: 16px; color: #ffffff;font-family: 'Inter-Regular';font-weight: normal;line-height: normal;margin-bottom: 7px;border: none;margin-top: 10px; } body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])[aria-invalid="true"], body .gform_wrapper.gravity-theme .gfield select[aria-invalid="true"], body .gform_wrapper.gravity-theme .gfield textarea[aria-invalid="true"]{border-color: #c02b0a;} body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, body .gform_wrapper.gravity-theme .gfield select:focus, body .gform_wrapper.gravity-theme .gfield textarea:focus{border-color: #6ea329;} /*--------Input Type Button/Submit-----*/ body input[type="button"], body button[type="submit"] {border-radius: 48px; font-size: 16px; padding: 12px 32.24px; display: inline-block; background-color: #111E23; color: #ffffff; width: auto; line-height: 24px; font-family: 'Inter-Medium'; margin: 0!important; } /*--------Success & failed message-----*/ body .gform_wrapper.gravity-theme .description, body .gform_wrapper.gravity-theme .gfield_description, body .gform_wrapper.gravity-theme .gsection_description, body .gform_wrapper.gravity-theme .instruction{border: none;background: transparent;padding: 0;margin-top: 2px;color: #c02b0a;font-size: 14px;line-height: 24px;font-family: 'Inter-Regular';float: left;} body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{border-color:#f69e39;} /*--------Success & Failed Message-----*/ body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_confirmation_message {min-height: 50px;border: none;box-shadow: none;color: #ffffff;float: left;width: 100%;padding: 15px 20px;margin: 0 0 20px;border-radius: 8px;} body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {color: #ffffff;font-size: 16px;line-height: 28px;font-family: 'Inter-Regular';} body .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {display: none;} body .gform_wrapper.gravity-theme .gform_validation_errors {background-color: #c02b0a;} body .gform_confirmation_message{background-color: #6ea329;} /*--------Custom Checkbox-----*/ body .gform_wrapper.gravity-theme .gfield_checkbox label, body .gform_wrapper.gravity-theme .gfield_radio label {padding-left: 31px;font-size: 15px;line-height: 22px;color: #FFFFFF;cursor: pointer;position: relative;font-weight: normal;max-width: 100%;font-family: 'Inter-Regular';} body .gform_wrapper.gravity-theme .gfield_checkbox label::before {content: '';color: #71a82a;z-index: 1;width: 5px;border-bottom-style: solid;border-bottom-width: 2px;border-right-style: solid;border-right-width: 2px;height: 10px;left: 7.5px;position: absolute;top: 7.5px;transform: rotate(45deg);opacity: 0} body .gform_wrapper.gravity-theme .gfield_checkbox label::after {content: "";width: 20px;height: 20px;border-radius: 4px;position: absolute;left: 0;top: 3px;background-color: #ffffff;} body .gform_wrapper.gravity-theme input[type="checkbox"]:checked ~ label::before {opacity: 1; } body .gform_wrapper.gravity-theme .gfield--type-checkbox {margin-top: 9.5px; } /* Cleaning Tip Overview */ .cleaning-tip-overview .contact-banner-inner-wrapper{width: 63%;} .cleaning-tip-overview .contact-banner-wrapper {padding: 35px 0px 328.021px; } .cleaning-circle-list {position: absolute; left: -153px; top: -886px; height: 3036px; width: 3036px; background-color: #ECF3F5; } .common-cleaning-circle {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #ECF3F5; border-radius: 50%; } .cleaning-circle-xs {width: 792px; height: 792px; background: radial-gradient(53.61% 53.61% at 50% 50%, #ECF3F5 62.65%, #DDE6EA 100%); z-index: 1;opacity: 0.6;} .cleaning-circle-md {width: 1464px; height: 1464px; background: radial-gradient(53.61% 53.61% at 50% 50%, #ECF3F5 62.65%, #DDE6EA 100%);opacity: 0.6;} .cleaning-circle-lg {height: 100%; width: 100%; z-index: -1; } .cleaning-tip-overview-section {margin-top: -240px; padding-bottom: 96px; } .cleaning-tip-overview-wrapper {float: left; width: 100%; } .cleaning-tip-overview-list {float: left; width: 100%; } .cleaning-tip-overview-list .row.d-flex, .cleaning-tip-detail-list .row.d-flex{margin: 0px -12px; } .cleaning-tip-overview-image-card{width: 58.3334%; } .cleaning-tip-overview-image-inner-card { float: left; width: 100%; position: relative; height: 392px; background-color: #D9D9D9; border-radius: 16px; overflow: hidden; } .cleaning-tip-overview-image { float: left; width: 100%; height: 100%; min-height: 392px;overflow: hidden;} .cleaning-tip-overview-image::before{content: ''; position: absolute; left: 0; bottom: 0; height: 188px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%, rgba(0, 0, 0, 0.45) 100%); width: 100%;z-index: 1} .cleaning-tip-overview-image picture {float: left; width: 100%; height: 100%; } .cleaning-tip-inner-card .cleaning-tip-image img, .cleaning-tip-overview-image-inner-card .cleaning-tip-overview-image img{transform: scale(1.0);} .cleaning-tip-overview-info {position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px 110px 24px 24px;z-index:1 } .cleaning-tip-overview-info label {margin-bottom: 12px; } .cleaning-tip-overview-info h2, .cleaning-tip-overview-info h1, .cleaning-tip-overview-info label {position: relative; } .cleaning-tip-overview-info h2, .cleaning-tip-overview-info h1 {color: #ffffff; } .cleaning-tip-most-read-card {width: 41.6666%;} .cleaning-tip-most-read-inner-card {float: left; width: 100%; background-color: #ffffff; padding: 31px 31px 58px 31px; border-radius: 16px; z-index: 9; position: relative; height: 100%; box-shadow: 0px 12px 20px -8px #0000000D; border: 1px solid #DDE6EA; } .cleaning-tip-most-read-inner-card h4 {margin-bottom: 16px; color: #2B3F47;} .most-read-list {float: left; width: 100%; } .most-read-item {width: 100%; margin-bottom: 20px; position: relative; display: flex; flex-direction: column; align-items: flex-start; } .most-read-item .common-label {margin-bottom: 4px;color:#ffffff } .most-read-item h6 {font-family: 'InterTight-SemiBold'; } .most-read-item:last-child {margin-bottom: 0; } .common-label-sm{font-size: 10px; line-height: 14px; padding: 4px 6px 4px 8.3px;letter-spacing: 3px} .common-cleaning-tip-card{padding: 0px 12px;margin-bottom: 24px;} .cleaning-tip-overview-card{float: left; width: 25%; min-height: 320px; } .about-cleaning-inner-card {float: left; width: 100%; background-color: #ECF3F5; padding: 40px 47px 64.5px 24px; border-radius: 16px; } .about-cleaning-inner-card h4 {margin-bottom: 15.5px; } .most-read-item h6{width: auto;} .most-read-item h6 span{border-bottom: 1px solid transparent;display: inline;} .most-read-item:hover h6 span{border-bottom-color: #ACBEC6; } /* Hover Effects */ .header-main-menu ul.menu > li > a:hover::after, .header-main-side-menu ul.menu > li > a:hover::after{opacity: 1;} .main-btn:focus, .main-btn-sm:focus, .single-circle-icon:focus, .single-circle-icon.is-active{box-shadow: 4px 4px 10px 0px #00000026 inset;} .green-btn:hover, .green-btn:focus{background-color: #89CD2E;} .white-btn:hover, .white-btn:focus, .main-btn-sm:hover, .main-btn-sm:focus, .single-circle-icon:hover, .single-circle-icon:focus, .single-circle-icon.is-active{background-color: #ECF3F5;} .product-category-item:hover .product-category-label{transform: scale(1.125);} .plain-btn-card:hover{background-color: #ECF3F5; } .plain-btn-card:hover > .icon-wrapper{right: 30px;} .plain-btn-card:hover > .icon-wrapper svg path{fill:#2B3F47} .plain-btn-card:focus{background-color: #ECF3F5;box-shadow: 4px 4px 10px 0px #00000026 inset;} .cleaning-tip-inner-card:hover .cleaning-tip-image img, .cleaning-tip-overview-image-inner-card:hover .cleaning-tip-overview-image img{transform: scale(1.1); } body .gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, body .gform_wrapper.gravity-theme .gfield select:focus, body .gform_wrapper.gravity-theme .gfield textarea:focus {background-color: #ECF3F5;box-shadow: 0px 8px 20px -8px #00000033;} body input[type="button"]:hover, body button[type="submit"]:hover{background-color:#2B3F47} body input[type="button"]:focus, body button[type="submit"]:focus {box-shadow: 4px 4px 10px 0px #00000026 inset; background-color: #2B3F47; } .black-btn:hover{background-color: #2B3F47;} .black-btn:focus{background-color: #2B3F47;box-shadow: 4px 4px 10px 0px #00000026 inset;} /* Cleaning Tip Detail - Banner */ .cleaning-tip-detail-banner-wrapper {float: left; width: 100%; padding: 35px 0px 0px; background-color: #ECF3F5; border-radius: 16px; } .cleaning-tip-detail-list{float: left;width: 100%;margin-bottom: -40px} .cleaning-tip-detail-list .common-cleaning-tip-card{margin-bottom: 0} .cleaning-tip-detail-banner-section .breadcrumb-list{margin-bottom: 61px} .cleaning-tip-detail-most-read-card .cleaning-tip-most-read-inner-card{padding: 27px 31px 33px 33px;height: 100%;} .cleaning-tip-detail-most-read-card .cleaning-tip-most-read-inner-card h4{margin-bottom: 28px;} .cleaning-tip-detail-most-read-card .common-label-sm{padding: 3px 4px 3px 6.3px} .cleaning-tip-detail-most-read-card .most-read-item{margin-bottom: 24px;} .cleaning-tip-detail-most-read-card .most-read-item:last-child{margin-bottom: 0;} .cleaning-tip-detail-image-card .cleaning-tip-overview-info{padding: 53px 110px 53px 48px} .cleaning-tip-detail-image-card .cleaning-tip-overview-image::before{height: 192px;background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.7;} .cleaning-tip-detail-image-card .cleaning-tip-overview-image-inner-card{min-height: 464px} .cleaning-tip-detail-banner-section .cleaning-tip-overview-image-inner-card:hover .cleaning-tip-overview-image img{transform: scale(1.0);} .cleaning-tip-card .cleaning-tip-info .common-label {color: #ffffff;} .cleaning-tip-text-section + .faq-section,.cleaning-tip-text-section + .step-section,.cleaning-tip-text-section + .reseller-section,.cleaning-tip-text-section + .flex-form-section{padding-top: 95px; } /* Cleaning Tip - Text Section & Related Product Section */ .cleaning-tip-text-section {padding: 103.5px 0px 0px; } .cleaning-tip-text-wrapper {float: left; width: 100%; } .cleaning-tip-text {float: left; width: 65.768%; } .cleaning-tip-related-product {float: right; width: 32.0262%;position: relative;} .cleaning-tip-related-product-inner {float: left; width: 100%; padding: 39px 28px 40px 28px; min-height: 720px; position: relative; overflow: hidden; z-index: 1;border-radius: 16px; background-color: #ECF3F5;} .cleaning-tip-related-product-title {float: left; width: 100%; margin-bottom: 32px; } .cleaning-tip-related-product-title h4 {text-transform: uppercase; margin-bottom: 4.5px; color: #637983; } .cleaning-tip-related-product .project-objective {margin-bottom: 43px; } .project-objective {float: left; width: 100%; } .project-objective li {float: left; width: 100%; padding-left: 28px; margin-bottom: 12px; font-size: 17px; line-height: 24px; color: #111E23; font-family: 'Inter-Medium'; position: relative; } .project-objective li:last-child {margin-bottom: 0; } .project-objective li .icon-wrapper {position: absolute; left: 0; top: 2px; height: 20px; width: 20px; } .related-product-image {position: absolute; right: 15px; bottom: 32px; z-index: 0; width: 142px; } .related-product-image img {float: left; width: 100%; height: 100%; } .related-circle-list {position: absolute; right: -95px; height: 422px; width: 422px; bottom: -147px;border-radius: 50%;z-index: -1; } .common-related-circle {position: absolute; left: 0; bottom: 0; margin: auto; border-radius: 50%; top: 0; right: 0; } .related-circle-xs {width: 205.36px; height: 205.36px; z-index: 11;} .related-circle-sm {height: 309.3px; width: 309.3px;z-index: 1} .related-circle-md {height: 100%; width: 100%;} .cleaning-tip-related-product .main-btn-wrapper {position: relative; z-index: 1; } .cleaning-tip-action-section{padding: 95px 0px 78px;} .cleaning-tip-related-product .where-to-buy-box {position: absolute; bottom: 115px; z-index: 999; left: -265px; } body .modal { z-index: 99999; text-align: center;} body .modal-backdrop {z-index: 9999; } /* Body Text */ .body-text {float: left; width: 100%; } .body-text ol {float: left; width: 100%; counter-reset: my-sec-counter;margin-bottom: 42px;} .body-text ol li, .body-text ul li{float: left;width: 100%;list-style-type: none;font-size: 17px;line-height: 24px;padding-left: 43px;margin-bottom: 25px;position: relative;font-family: 'Inter-Medium';} .body-text ol li::before{content: counter(my-sec-counter); position: absolute; left: 0; top: -4px; height: 32px; width: 32px; background-color: #009FE3; border-radius: 50%; counter-increment: my-sec-counter; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 22px; font-family: 'DIN2014-CondensedDemi'; } .body-text ol li:last-child, .body-text ul li:last-child{margin-bottom: 0; } .body-text ul {float: left; width: 100%; margin-bottom: 42px; } .body-text ul li::before{content: '';position: absolute;left: 7px;top: 2px;background-image: url('./images/icon-list.svg');background-repeat: no-repeat;background-size: contain;height: 20px;width: 20px;} .body-text blockquote {float: left; width: 100%; margin-bottom: 30px; } .body-text blockquote p {font-family: 'DIN2014-CondensedDemi'; font-size: 44px; line-height: 52px; position: relative; } .body-text blockquote p::before, .body-text blockquote p::after {content: '"'; } .body-text img {float: left; width: 100%; margin-bottom: 40px; } .body-text p {margin-bottom: 28px; } .body-text p:last-child {margin-bottom: 0; } .body-text h1 {margin-bottom: 23px;} .body-text h2 {margin-bottom: 23px;} .body-text h3 {margin-bottom: 14px; } .body-text h4 {margin-bottom: 12px; } .body-text h5, .body-text h6 {margin-bottom: 10px; } .body-text p > a, .body-text li > a {display: inline-block; border-bottom: 1px solid #028CC7;line-height: 19px; font-size: 17px;} .body-text p > a:hover, .body-text li > a:hover{border-bottom-color: transparent; } .body-text ul li ul {margin-bottom: 0; } .body-text ul li ul li::before{content: none;} .body-text ul li ul li {padding-left: 0; color: #637983; font-size: 16px; font-family: 'Inter-Regular';margin-top: 5px;} .body-text ul li strong{font-size: 22px; line-height: 26px; font-family: 'InterTight-Bold'; color: #111E23;} /* Flex Section - Step Section */ .step-wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .step-text {float: left; width: 51%; } .step-text h2{margin-bottom: 16px} .step-image {float: right; width: 100%; height: 100%; overflow: hidden; border-radius: 280px;background-color: #D9D9D9;} .step-image picture {float: left; width: 100%; height: 100%; } .step-section.image-text .step-wrapper {flex-direction: row-reverse; } .text-image-shape{right: -193px;bottom: 33px;z-index: 111;position: absolute;} .step-section.image-text .text-image-shape{left: -193px;right: initial;} .step-image-wrapper{float: right; width: 40.523%; height: 728px; position: relative;} .icon-image {display: flex; align-items: center; justify-content: center; height: 450px; } .icon-image .step-image {background-color: transparent; width: 250px; height: 250px; border-radius: 0; } /* Flex Section - Product Review Slider Section */ .product-review-section {padding: 120px 0px 0px; } .product-review-section:last-child {padding-bottom: 120px; } .product-review-title {float: left; width: 100%; margin-bottom: 59px; text-align: center; } .product-review-slider {float: left; width: 100%;margin-bottom: 70px} .product-review-card {float: left; width: 368px; margin-right: 24px;} .product-review-inner-card {float: left; width: 100%; box-shadow: 0px 12px 20px -8px #0000000D; height: 100%; border-radius: 8px; border: 1px solid #DDE6EA; position: relative; } .product-review-label {position: absolute;top: -13px;width: 176px;height: 176px;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;z-index: 1;padding: 5px;} .product-review-image {float: left;width: calc(100% + 2px);height: 232px;background-color: #D9D9D9;border-radius: 8px;overflow: hidden;position: relative;left: -1px;} .product-review-image picture {float: left; width: 100%; height: 100%; } .product-review-text {float: left;width: 100%;padding: 25.5px 23px 23px 23px;height: calc(100% - 232px);border-radius:8px;} .single-product-review-section .product-review-text{background-color:#ffffff;} .product-review-text .rating-list{margin-bottom: 11.5px;position: relative;left: 2px;} .product-review-text h5{margin-bottom: 7px;} .rating-list{float: left; width: 100%;} .rating-list li{float: left;width: 28px;height: 27px;margin-right: 4px;} .rating-list li:last-child{margin-right: 0} .rating-list li .icon-wrapper, .rating-list li .icon-wrapper img{float: left; width: 100%; height: 100%; } .product-review-text span {font-size: 15px; line-height: 22px; color: #ACBEC6;} .product-review-label span{color: #ffffff;font-size: 21.03px;line-height: 22.78px;display: block;width: 100%;text-align: center;font-family: 'GochiHand-Regular';text-transform: uppercase;margin-bottom: -5px;} .product-review-inner-label{float: left;width: 100%;transform: rotate(17.38deg);position: relative;top: 7px;} .product-review-label span + span {font-size: 24px; line-height: 28.29px; } .product-review-label span.large-font {line-height: 49.57px; font-size: 42.05px; } .product-review-card:nth-child(4n+1) .product-review-label{right: -12px;} .product-review-card:nth-child(4n+2) .product-review-label {right: 20px; } .product-review-card:nth-child(4n+2) .product-review-label .product-review-inner-label, .product-review-card:nth-child(4n+4) .product-review-label .product-review-inner-label{transform: rotate(-17.38deg); left: 2px; top: -1px; } .product-review-card:nth-child(4n+2) .product-review-label .product-review-inner-label span {line-height: 28.78px; } .product-review-card:nth-child(4n+3) .product-review-label {top: 18.5px; left: -11px; } .product-review-card:nth-child(4n+4) .product-review-label {left: 30px;top: -10px;} .product-review-card:nth-child(2n+1) .product-review-label{background-color: #009FE3;} .product-review-card:nth-child(2n+2) .product-review-label{background-color: #78B22B;} .single-product-review-section .product-review-text h5 {font-size: 15px;line-height: 130%;} .single-product-review-section .product-review-text span {font-size: 14px;} .d-flex { display: flex;flex-wrap: wrap;} .product-review-text.d-flex { align-content: space-between; min-height: 175px; height: 100%; } .single-product-review-section .product-review-inner-card .product-review-label span.large-font { display: none; } .single-product-review-section .product-review-inner-card .product-review-label { top: -100px; right: -20px; bottom: auto; left: auto; width: 150px; height: 150px; } .single-product-review-section .product-review-title { margin-bottom: 120px; } .single-product-review-section .product-review-text h5.area { color: #00a0e3; text-transform: uppercase; } /* Flex Section - Text Section */ .text-section {padding: 120px 0px 77px; } .text-wrapper {float: left; width: 100%;} .text-two-column-title {float: left; width: 50%; margin-bottom: 24px;} .body-text.two-column {-webkit-columns: 2; -moz-columns: 2; columns: 2; column-gap: 64px;} .one-column-left-alligned {width: 51%;} .step-text h4 {text-transform: uppercase; color: #78B22B; margin-bottom: 8px; } .step-text .main-btn-wrapper {margin-top: 27px; } /* Cleaning Detail - About Section */ .dark-about-section .about-text{margin-bottom: 75px;} .dark-about-section .about-text h2{max-width: 55%;} .dark-about-section .about-text h3{color: #89CD2E;opacity: 1} .dark-about-section .about-text p {color: #DDE6EA; } .dark-about-section .about-wrapper{padding-bottom: 98px} .dark-circle-list .common-about-circle{background: radial-gradient(53.61% 53.61% at 50% 50%, #2C3F48 62.65%, #05171D 100%);} .about-section:last-child{margin-bottom: 134px;} .dark-circle-list .about-circle-md, .dark-circle-list .about-circle-sm {opacity: 0.6; } .dark-circle-list .about-circle-sm {left: -28px; width: 1070px; height: 1070px; } .dark-circle-list .about-circle-md {height: 1772px; width: 1772px; left: 70px; } /* Cleaning Detail - FAQ Section */ .cleaning-faq-section .faq-text h3{margin-bottom: 16.5px;} /* Cleaning Detail - Cleaning Tip Section */ .single-cleaning-tip-section{padding: 119px 0px 123px} .single-cleaning-tip-section .cleaning-tip-title .main-btn-wrapper{top: -9px;} /* Product Overview */ .product-overview-banner .contact-banner-inner-wrapper{width: 70%} .product-circle-list .cleaning-circle-xs{width: 1160px; height: 1160px; top: 177px; right: -6px;} .product-circle-list .cleaning-circle-md{width: 1658px; height: 1658px; top: 177px; right: -6px;} .product-overview-wrapper {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .product-filter {float: left; width: 688px; box-shadow: 0px 12px 20px -8px #0000000D; padding: 31px 31px 25px 31px; border-radius: 56px; margin-top: -72px; background-color: #ffffff; z-index: 111;} .product-overview-list{float: left;width: 90.85%;} .product-overview-section .product-filter{margin-bottom: 120px;} .product-overview-card{float: left;position: relative;margin-bottom: 50px;padding: 0px 20px} .product-overview-card .product-image {width: 112px; height: 254px;} .product-overview-card .product-bottom-slide{width: 152px;left: 27px;bottom: -55px;} .product-overview-list .row.d-flex{margin: 0px -20px} .product-overview-card:hover .product-image {transform: scale(1.04);} .product-overview-section{padding: 0px 0px 77px;} /* Product Detail */ .breadcrumb-light li a span, .breadcrumb-light li{color: #111e2380;} .single-product-banner-wrapper{padding: 35px 0px 90px;position: relative;} .single-product-banner-wrapper .breadcrumb-list {margin-bottom: 21.5px;} .single-product-banner-text-part {float: left; width: 50%; position: relative; z-index: 111; } .single-product-banner-text {float: left;width: 100%;margin-bottom: 50px;} .single-product-banner-text h3{text-transform: uppercase;margin-bottom: 4.5px;color: #111E23} .single-product-banner-text h1{margin-bottom: 31px;color: #ffffff} .project-objective-light li{color: #ffffff;} .project-objective-light li .icon-wrapper{background-color: #ffffff;border-radius: 50%} .main-icon-btn {padding: 12px 33px 12px 58px;} .main-icon-btn span {position: relative; } .main-icon-btn .icon-wrapper{position: absolute; left: -25px; top: 1px;} .single-product-banner-text-part .main-btn-wrapper{position: relative; left: -4px;} .single-product-banner-image { right: calc(50% - 498px); width: 250px; bottom: -98px; z-index: 99; top: initial;} .single-product-banner-text-part .main-btn-group .main-btn{margin-right: 7.5px;} .single-product-banner-circle-list{height: 2226px; width: 2226px;left: -70px; top: -818px;} .single-product-banner-circle-list .banner-circle-md, .single-product-banner-circle-list .banner-circle-lg{opacity: 1;} .single-product-banner-section .banner-circle-sm{top: -32px;} .single-product-banner-section .common-banner-circle-outer{height: 656px; width: 656px;top: 0; right: calc(50% - 1394px);} /* Product Detail - Info Section */ .info-section {padding: 96px 0px 120px; } .info-wrapper {float: left; width: calc(100% + 8px); margin-left: -4px; } .info-text-part {float: left; width: 57.6%; } .info-text-part h2 {margin-bottom: 24.5px; } .info-quick-link-part {float: right;width: 448px;padding-top: 21px;} .info-quick-link-part .google-review {margin-bottom: 41px;} .quick-link-box {float: left;width: 100%;border: 1px solid #DDE6EA;background-color: #ECF3F5;padding: 32px 30px 41px 35px;border-radius: 8px;} .quick-link-box h3 {margin-bottom: 22px;text-transform: uppercase;} .quick-link-list {float: left;width: 100%;margin-bottom: 40px;} .quick-link-list li {display: inline-block;border-bottom: 1px solid #DDE6EA;width: 100%;padding: 12px 0px 9px;font-size: 17px;line-height: 24px;color: #111E23;font-family: 'Inter-Medium';} .quick-link-list li span {position: relative; padding-left: 30px; } .quick-link-list li span .icon-wrapper {position: absolute;left: 4px;top: 5px;width: 16px;} .quick-link-list li:last-child {margin-bottom: 0; } .quick-link-box .main-btn-wrapper {margin-bottom: 18px; width: 100%;} .quick-link-box .main-btn-wrapper:last-child {margin-bottom: 0; } .text-link-icon {display: inline-block; } .text-link-icon span {position: relative;margin-left: 30px;display: inline-block;border-bottom: 1px solid #028CC7;line-height: 18px;} .text-link-icon span .icon-wrapper {position: absolute;left: -29px;top: -3px;width: 21px;} .text-link-icon:hover span{border-bottom-color: transparent;} /* Product Detail - Product Tutorial Slider Section */ .product-tutorial-slider {float: left; width: 100%;margin-bottom: 65px;counter-reset: my-sec-counter;} .product-tutorial-card {float: left; width: 394px; margin-right: 16px;counter-increment: my-sec-counter;} .product-tutorial-inner-card {float: left; width: 100%; box-shadow: 0px 12px 20px -8px #0000000D; border-radius: 16px; overflow: hidden;height: 100%} .product-tutorial-image {float: left; width: 100%; height: 176px; background-color: #D9D9D9; } .product-tutorial-image picture {float: left; width: 100%; height: 100%; } .product-tutorial-info {float: left; width: 100%; height: calc(100% - 172px); padding: 32px 24px;background-color: #ffffff;position: relative;} .product-tutorial-info h5{margin-bottom: 8.5px;} .product-tutorial-info p {color: #637983; } .product-tutorial-slider-title {float: left; width: 100%; margin-bottom: 42px; } .product-tutorial-slider-wrapper {float: left; width: 100%; background-color: #ECF3F5; border-radius: 16px;padding: 78px 0px 60.5px;} .product-tutorial-slider + .progress {background-image: linear-gradient(to right, #78B22B, #78B22B); } .product_tutorial-counter{position: absolute; left: 24px; top: -20px; height: 40px; width: 40px; border-radius: 50%; background-color: #78B22B; border: 2px solid #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 22px; font-family: 'DIN2014-CondensedDemi'; color: #ffffff; } .product_tutorial-counter::before {content: counter(my-sec-counter); } /* Product Detail - Eco Score Section */ .eco-score-wrapper {float: left;width: 100%;background-color: #78B22B;border-radius: 16px;padding: 82px 80px 85px 79px;} .eco-score-text {float: left;width: 34.069%;margin-top: -2px;} .eco-score-text h3 {color: #ffffff;margin-bottom: 20px;} .eco-score-title{float: left;width: 100%;margin-bottom: 68.5px;position: relative;} .eco-requirement-list {float: right; width: 59.641%; } .eco-requirement-list .row.d-flex {margin: 0px -8px; } .eco-card {padding: 0px 8px; margin-bottom: 16px; } .eco-inner-card {float: left;width: 100%;border-radius: 8px;background-color: #6CA229;padding: 32px;height: 100%;} .eco-card h5 {color: #ffffff; width: 75%; } .eco-card p {font-size: 15px; line-height: 22px; color: #ffffffcc; } .eco-card p {display:none;font-size: 15px; line-height: 22px; color: #ffffffcc; } .eco-score-text p {color: #ffffff; } .eco-icon {position: absolute;right: 24px;top: 0;width: 67px;height: 71px;background-color: #64943F;border-radius: 0px 0px 23px 23px;display: flex;align-items: center;justify-content: center;} .eco-icon img {float: left; width: 38px; height: 38px; } .eco-leaf-list {float: left; width: 100%;margin-bottom: 29.5px} .eco-leaf-item {float: left; width: 21px; height: 25px; margin-right: 5.5px; } .eco-leaf-item img{float: left; width: 100%; height: 100%;} .eco-leaf-item:last-child{margin-right: 0;} .single-product-review-section{padding: 104px 0px;background-color: #ECF3F5;} .common-bottom-space{margin-bottom: 104px} /* Product Detail - Related Product Section */ .related-product-section{padding: 110px 0px 148px;} .related-product-title {float: left; width: 100%; text-align: center; margin-bottom: 72px; } .related-product-list{float: left;width: 100%} .related-product-section .row.d-flex {justify-content: center; } .related-product-card .product-bottom-slide{left: 14px;} /* Product Detail - Bottom Sticky Bar */ .product-sticky-bar {position: fixed;bottom: 0;left: 0;z-index: 1111;background-color: #78B22B;border-radius: 0px 16px 0px 0px;width: 549px;box-shadow: 0px 12px 20px -8px #000000b3;} .sticky-hide{transform: translateY(500px);pointer-events: none;visibility: hidden;opacity: 0} .sticky-show {transform: translateY(0px);pointer-events:auto;visibility:visible;opacity:1 } .product-sticky-bar h4 {text-transform: uppercase;margin-bottom: 2px;} .product-sticky-bar h3 {color: #ffffff; margin-bottom: 7px; } .product-sticky-circle {position: absolute; height: 316px; width: 316px; background: radial-gradient(53.61% 53.61% at 50% 50%, #78B22B 62.65%, #699D28 100%); border-radius: 50%; left: -114px; z-index: -1; top: 0; bottom: 0; margin: auto; } .main-icon-btn-sm{padding: 10px 25px 10px 47px; font-size: 15px; line-height: 20px; } .main-icon-btn-sm .icon-wrapper{width: 13px} .icon-close{position: absolute; right: 22px; top: 18px; width: 15px; height: 15px; cursor: pointer;z-index: 9} .icon-close:hover svg path {fill: #ffffff; } .product-sticky-image{position: absolute;left: 18px;width: 87px;bottom: 75px;} .product-sticky-content{float: left;width: 100%;padding: 27px 36px 28px 133px;position: relative;overflow: hidden;} .product-sticky-bar.slide-down {bottom: -400px; } .related-product-section .progress{display: none;} /* Flex Section - Banner Section */ .about-banner-wrapper {float: left; width: 100%; position: relative; padding: 35px 0px 131px; } .about-banner-text-part {float: left; width: 100%; position: relative; z-index: 99; } .about-banner-text {float: left; width: 45%; } .about-banner-text h3 {text-transform: uppercase;margin-bottom: 10.5px;} .about-banner-text h1 {color: #FFFFFF; } .about-banner-text-part .breadcrumb-list{margin-bottom: 55.5px;} .single-about-circle-sm {height: 514px; width: 514px; z-index: 9; top: 87px; bottom: initial; right: calc(50% - 1394px); } .about-banner-section .single-product-banner-circle-list{left: -70px; top: -770px;} .banner-intro-wrapper{padding: 120px 0px 100px;float: left;width: 100%} .banner-intro-text{float: left;width: 58%} .banner-intro-text h2{margin-bottom: 23px} .about-banner-image{position: absolute; right: calc(50% - 647px); top: 60px; z-index: 99; width: 558px; height: auto;} .about-banner-image img{float: left;width: auto;} .flex-form-box #field_2_7 {margin-top: 7.5px; } .flex-form-box #field_2_4 {margin-bottom: 20px; } .flex-form-box #field_2_7, .flex-form-box #field_2_6 {padding-right: 15px; } .flex-form-box .main-form .gform_wrapper.gravity-theme .gform_footer, .flex-form-box .main-form .gform_wrapper.gravity-theme .gform_page_footer {margin-top: 24px;} .flex-form-box::before{left: -346px;bottom: -106px;} .flex-form-box {padding-bottom: 78.37px; } /* Flex Section - Banner Section - Regular image */ .regular-banner-wrapper{padding: 35px 0px 131px;} .regular-banner-wrapper .contact-banner-inner-wrapper{width: 60%;} .regular-banner-wrapper .contact-banner-title h3{margin-bottom: 10.5px;color: #111E23} .regular-banner-wrapper .contact-banner-title h1 {color: #fff} .regular-banner-wrapper .breadcrumb-list{margin-bottom: 55.5px;} .regular-circle-list {left: -260px; top: -873px; height: 2626px; width: 2626px; } .regular-circle-list .regular-circle-xs{width: 792px; height: 792px;z-index: 1} .regular-circle-list .regular-circle-md{height: 1464px; width: 1464px;opacity: 0.6;z-index: 1} .regular-banner-image {position: absolute; right: 84px; bottom: -496px; z-index: 11; width: 496px; height: 728px; border-radius: 280px; background-color: #D9D9D9; overflow: hidden; } .regular-banner-wrapper + .banner-intro-wrapper .banner-intro-text{width: 51%;} /* Flex Section - USP Section */ .flex-usp-list {float: left; width: 100%; } .flex-usp-list .row.d-flex {margin: 0px -12px; } .usp-card {padding: 0px 12px; margin-bottom: 15px; } .usp-inner-card {width: 100%;display: flex;flex-direction: column;justify-content: space-between;height: 100%;background-color: #78B22B;padding: 82px 32px 92px 32px;border-radius: 16px;min-height: 560px;position: relative;} .usp-title {float: left; width: 100%; margin-bottom: 30px; } .usp-title h4 {text-transform: uppercase;opacity: 0.5;margin-bottom: 7px;} .usp-title h3 {color: #ffffff; margin-bottom: 25px; } .usp-title p {color: #ffffffcc} .usp-card:nth-child(2) .usp-inner-card {background-color: #637983; } .usp-card:nth-child(3) .usp-inner-card {background-color: #009FE3; } .usp-icon {position: absolute; right: 0; width: 88px; height: 88px; background-color: #ffffff; top: 0; display: flex; align-items: center; justify-content: center;border-radius:0 0 0 16px} .usp-icon img {float: left; width: auto; } .usp-section {padding: 100px 0px 120px} .step-section:last-child {padding-bottom: 146px; } .usp-icon .border-top, .usp-icon .border-bottom{ position: absolute; left: -20px; top: 0; height: 20px; width: 20px; background-color: #ffffff; } .usp-icon .border-top::before, .usp-icon .border-bottom::before{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 35px; border-radius: 0 16px 16px 0; background-color: #79b22c; } .usp-card:nth-child(2) .usp-icon .border-top::before, .usp-card:nth-child(2) .usp-icon .border-bottom::before{background-color: #637983;} .usp-card:nth-child(3) .usp-icon .border-top::before, .usp-card:nth-child(3) .usp-icon .border-bottom::before{background-color: #009FE3;} .usp-icon .border-bottom{left: initial; bottom: -20px; top: initial; right: 0px;} .responsive-usp,.more-usp{display: none;} /* Flex Section - CTA Section */ .flex-about-section{padding: 140px 0px 100px;} /* Flex Section - Info Section */ .flex-info-section {padding: 120px 0px;} .flex-info-wrapper {float: left; width: 100%; } .flex-info-text{float: left; width: 51%; } .flex-info-text h2 {margin-bottom: 24.5px; } /* Flex Section - Form Section */ .flex-form-wrapper {float: left; width: 100%; } .flex-form-text {float: left;width: 41%;padding-top: 50px;} .flex-form-title {float: left; width: 100%; margin-bottom: 42.5px; } .flex-form-title h2 {margin-bottom: 24.5px; } .flex-form-title p {color: #637983; } .flex-form-review {float: left; width: 238px; display: none !important;} .flex-form-review img {float: left; width: 100%; } .flex-form-box h4 {margin-bottom: 27px;} body .gform_wrapper.gravity-theme .gfield_checkbox label a, body .gform_wrapper.gravity-theme .gfield_radio label a { display: inline-block; color: #ffffff; border-bottom: 1px solid #ffffff; line-height: 17px; } body .gform_wrapper.gravity-theme .gfield_checkbox label a:hover, body .gform_wrapper.gravity-theme .gfield_radio label a:hover{border-bottom-color: transparent;} .flex-form-section {padding-bottom: 24px; } /* Reseller Section */ .reseller-wrapper {float: left;width: 100%;background-color: #ECF3F5;border-radius: 16px;position: relative;padding: 88px 0px 97.5px;min-height:800px} .reseller-image-wrapper {position: absolute; left: 0px; top: -22px; width: 513px; height: 566px; overflow: hidden; } .reseller-image {width: 566px; height: 100%; border-radius: 50%; overflow: hidden; background-color: #D9D9D9; position: absolute; left: -53px; top: 0; } .reseller-image picture {float: left; width: 100%; height: 100%; } .reseller-content {float: right;width: 50.981%;} .reseller-title {float: left;width: 100%;margin-bottom: 52px;} .reseller-usp {float: left;width: 100%;margin-bottom: 24px;} .reseller-text {float: left; width: 100%; } .reseller-title h3 {margin-bottom: 24px;} .reseller-item {float: left;width: 100%;margin-bottom: 23.5px;padding-left: 28px;position: relative;} .reseller-item h5 {margin-bottom: 8.5px;} .reseller-item .icon-wrapper {position: absolute;left: 0;top: 4px;height: 20px;width: 20px;} .reseller-item .icon-wrapper img {float: left; width: auto; } .reseller-title p, .reseller-item p, .reseller-text p {color: #637983; } .reseller-item:last-child {margin-bottom: 0; } .reseller-text p > a {display: inline-block; line-height: 17px; border-bottom: 1px solid #028CC7; } .reseller-shape{position: absolute; left: -108px; bottom: 80px; z-index: 1; width: 328px; height: 328px; border: 56px solid; border-radius: 50%; } .reseller-shape i{position: absolute;height: 62px; width: 62px; right: 47px; top: 45.5px; border-radius: 50%;} .reseller-wrapper .reseller-shape {border-color: #78B22B; } .reseller-wrapper .reseller-shape i {background-color: #78B22B; } /* Search Page */ .search-circle-list {width: 2169px; height: 2169px; top: -644px; left: -60px; } .search-circle-xs {width: 557px; height: 559px; background: radial-gradient(53.61% 53.61% at 50% 50%, #ECF3F5 62.65%, #DDE6EA 100%); opacity: 0.6; z-index: 11; left: 600px; bottom: 185px; } .search-circle-md {width: 1033px; height: 1034px; background: radial-gradient(53.61% 53.61% at 50% 50%, #ECF3F5 62.65%, #DDE6EA 100%); opacity: 0.6; z-index: 1; left: 600px; bottom: 185px; } .search-overview-banner .contact-banner-wrapper{padding-bottom: 88px} .search-bar-box {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .search-bar-box .form-group {position: relative;width: 65.932%} .search-overview-banner .contact-banner-inner-wrapper {width: 100%; } .search-bar-box .form-group .icon-wrapper {position: absolute; right: 21px; top: 0; width: 13.5px; height: 13.5px; bottom: 0; margin: auto; cursor: pointer; } .search-bar-box .form-group .icon-wrapper img{float: left;width: auto;} .search-overview-banner .breadcrumb-list{margin-bottom: 53px;} .product-search-section {padding: 38px 0px; } .product-search-wrapper {float: left; width: 100%; } .product-search-title {float: left; width: 100%; text-align: center; margin-bottom: 34px; } .product-search-title h4 span {color: #637983; } .product-search-box {float: left; width: 100%; border: 1px solid #DDE6EA;border-radius: 16px;padding: 34px 48px 15.66px 48px;} .pagination-section {padding: 34px 0px 111px;} .pagination-wrapper {float: left; width: 74.347%} .pagination-title {float: left; width: 100%; margin-bottom: 31px; } .pagination-title h5 {width: auto; position: relative; } .pagination-title h5 span {float: left; } .pagination-title span.counter {min-height: 20px; min-width: 20px; background-color: #009FE3; border-radius: 20px; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: normal; font-family: 'InterTight-Bold'; margin: 3px 0px 0px 5px; padding: 2px 3px; } .pagination-item {float: left; width: 100%;margin-bottom: 21.5px;} .pagination-item .breadcrumb-list {margin-bottom: -4px; } .pagination-item-title {float: left; width: 100%; } .pagination-item .breadcrumb-list li {margin-right: 16px; } .pagination-item .breadcrumb-list li:last-child {margin-right: 0px;} .breadcrumb-sky li a, .breadcrumb-sky li {color: #028CC7;} .breadcrumb-sky li a::before{background-image: url(./images/icon-chevron-sky.svg);right: -14px;} .breadcrumb-sky li a:hover span{border-bottom-color: #028CC7;} .pagination-item-title p {color: #637983; } .pagination-item-title h5 {margin-bottom: 4.5px; } .pagination-item:last-child {margin-bottom: 0; } .search-product-list{display: flex;flex-wrap: wrap;width: 100%} .search-product-list .product-overview-card .product-image{width: 98px;left: 10px;} .search-product-list .product-sub-title{padding: 0px 15px 0px 15px;} .search-product-list .product-overview-card .product-bottom-slide{width: 128px;left: 15px;} .search-product-list .product-overview-card{padding: 0px 18px;} .search-product-list .product-card:hover .product-bottom-slide{height: 125px;} .search-product-list .product-overview-card .product-bottom-slide{bottom: -35px;} /* Actie Page */ .single-promotion-banner-circle-list {width: 2876px;height: 2876px;top: -965px;left: -454px;} .single-promotion-banner-circle-list .banner-circle-sm {width: 900px; height: 900px; top: 0; right: 0; background: radial-gradient(53.61% 53.61% at 50% 50%, #2C3F48 62.65%, #13252C 100%); bottom: 0; } .single-promotion-banner-circle-list .banner-circle-md {width: 1560px; height: 1560px; } .single-promotion-banner-circle-list .banner-circle-lg {width: 2230px; height: 2230px; z-index: -1; } .single-promotion-banner-circle-list .banner-circle-xl {z-index: -11;} .promotion-banner-wrapper {float: left; width: 100%; padding: 131px 0px 120px; position: relative; } .promotion-banner-text-part {float: left;width: 100%;position: relative;z-index: 1111;} .promotion-banner-text {float: left; width: 45%; } .promotion-banner-text h3 {text-transform: uppercase;color: #78B22B;margin-bottom: 11.5px;} .promotion-banner-text h1 {color: #ffffff; margin-bottom: 30px;word-break: break-word} .promotion-banner-image {position: absolute;right: calc(50% - 616px);top: -34px;z-index: 99;width: 688px;height: auto;} .promotion-banner-image img {float: left; width: 100%; object-fit: contain; height: 100%; } .promotion-intro-wrapper {float: left; width: 100%;margin-bottom: 100px;} .promotion-intro-text {float: left; width: 51%; } /* Actie Page - Form Section */ .promotion-form-section{padding: 112.5px 0px 173px;} .promotion-form-wrapper{display: flex; flex-wrap: wrap; justify-content: center; width: 100%;position: relative;} .flex-form-box h3 {margin-bottom: 24px;color: #ffffff} .promotion-form-section .flex-form-box #field_2_7 {margin-top: 7.5px; } .promotion-form-section .flex-form-box #field_2_7, .promotion-form-section .flex-form-box #field_2_6 {padding-left: 12px;padding-right: 0} .promotion-form-section .flex-form-box #field_2_4 {margin-bottom: 39px; } .promotion-form-section .flex-form-box .main-form .gform_wrapper.gravity-theme .gform_footer, .promotion-form-section .flex-form-box .main-form .gform_wrapper.gravity-theme .gform_page_footer {margin-top: 33px; padding-left: 12px; } .promotion-form-section .flex-form-box::before{left: -346px;bottom: -73px;} .promotion-form-section .flex-form-box{padding-bottom: 79.37px;} .promotion-about-section .about-wrapper {padding-bottom: 122px; } .promotion-about-section .about-text {margin-bottom: 51px; } .promotion-about-section:last-child {margin-bottom: 116px; } .flex-form-section + .step-section{padding-top: 120px;} .step-section + .flex-form-section {padding-top: 120px; } .flex-form-section:last-child, .reseller-section:last-child{margin-bottom: 120px;} .step-section + .reseller-section, .reseller-section+ .step-section, .reseller-section + .flex-form-section{margin-top:160px} .about-banner-section + .flex-form-section {padding: 100px 0px 80px;} .flex-form-section + .reseller-section{margin-top: 100px;} /* Text Modal */ .textmodal .modal-dialog {display: inline-block; text-align: left; vertical-align: middle; } .modal::before {display: inline-block; vertical-align: middle; content: " "; height: 100%; } /* Header Promotion Overlay */ #promotion-modal.textmodal .modal-dialog{width: 608px;} .promotion-box {float: left; width: 100%;padding: 24px; border-radius: 16px; background-color: #ffffff; } .promotion-title {float: left; width: 100%; margin-bottom: 22px; } .promotion-overview-list {float: left; width: 100%; } .promotion-overview-card {float: left; width: 100%; display: flex; border: 1px solid #DDE6EA; border-radius: 8px; padding: 7px 16px 7px 16px; margin-bottom: 8px; height: 100%;position: relative;} .promotion-overview-card:last-child {margin-bottom: 0; } .promotion-overview-image {width: 160px; display: flex; align-items: center; justify-content: center; } .promotion-overview-text {width: calc(100% - 160px); float: left; padding: 20px 70px 20px 23px; height: auto; display: flex; flex-wrap: wrap; align-items: center; } .promotion-overview-image img {float: left; width: auto; } .promotion-overview-text .h4-sm {text-transform: uppercase; margin-bottom: 0px; } .promotion-overview-inner-text {float: left; width: 100%; } .promotion-overview-text .icon-wrapper {position: absolute; right: 35px; top: 0; bottom: 0; margin: auto; width: 16px; height: 11px; } .promotion-overview-card:hover, .shop-logo-inner-card:hover {background-color: #ECF3F5; } .promotion-overview-card:hover .promotion-overview-text .icon-wrapper, .shop-logo-inner-card:hover .icon-wrapper{right: 30px} .promotion-overview-card:hover .promotion-overview-text .icon-wrapper svg path, .shop-logo-inner-card:hover .icon-wrapper svg path{fill: #2B3F47;} /* Buy Online Modal */ #buy-online-modal.textmodal .modal-dialog {width: 916px; } .shop-logo-list {float: left; width: 100%; } .shop-logo-list .row.d-flex {margin: 0px -4px; } .shop-logo-card {padding: 0px 4px; margin-bottom: 8px; } .shop-logo-inner-card {width: 100%; padding: 15px 60px 15px 16px; border-radius: 8px; border: 1px solid #DDE6EA; height: 100%; display: flex; flex-wrap: wrap;position: relative;} .shop-logo-image {width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; } .shop-logo-image img {float: left; width: auto; } .shop-logo-text {float: left; width: calc(100% - 72px); padding-left: 15px; display: flex; flex-direction: column; justify-content: center; } .shop-logo-text h6 {font-family: 'InterTight-SemiBold';margin-bottom: -1px;} .shop-logo-text span {font-size: 15px; line-height: 22px; color: #637983; } .shop-logo-inner-card .icon-wrapper {position: absolute; right: 35px; bottom: 0; top: 0; margin: auto; width: 16px; height: 11px; } /* Buy Shop Modal */ #buy-shop-modal .modal-dialog {width: 1224px; } .online-promotion-box {float: left; width: 100%; border-radius: 16px; background-color: #ffffff; height: 680px; overflow: hidden; position: relative; } .map-frame {float: left; width: 100%; } .map-frame img {float: left; width: 100%; height: 100%; } .shop-filter-box {position: absolute; left: 16px; top: 16px; background-color: #ffffff; width: 320px; border-radius: 16px; box-shadow: 4px 4px 20px 0px #00000014; height: auto;overflow:hidden} .white-label{color: #111E23;background-color: #ffffff;} #buy-shop-modal .online-promotion-box{height:95vh;} /* Scroll To Top Button */ .scroll-to-top{position: fixed; right: 40px; bottom: 20px; cursor: pointer; width: 72px; height: 72px; border-radius: 50%; border: 2px solid #ffffff; background-color: #009FE3; z-index: 9999;} .scroll-to-top .icon-wrapper {width: 26px; height: 26px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .scroll-to-top:hover {border-color: #009FE3;} .online-promotion-box #map{position: initial!important;} /* New Css added 27-10-23 by kishan */ .header-menu-wrapper {float: left; margin-left: auto; } .pac-container{z-index: 99999;} .pac-target-input{width: 100%;} .flex-about-section + .flex-form-section {padding-top: 300px;} .morecontent span {display: none; } .morelink {display: block;margin-top: 15px;} .morelink span{font-style: normal; display: inline-block; border-bottom: 1px solid #ffffff; line-height: 15px;position: relative;} .morelink span::before{content: ''; position: absolute; right: -24px; top: -1px; height: 20px; width: 20px; background-image: url('./images/arrow-drop-down.svg'); background-repeat: no-repeat; background-size: contain; } .morelink.less span::before {transform: rotate(180deg); } .shop-filter-box h6 {margin-bottom: 13px; } .custom-form-group {float: left; width: 100%;position:relative; } .custom-form-group input {padding: 15px 35px 15px 15px; border: 1px solid #DDE6EA; border-radius: 6px; height: 48px;font-size: 15px; line-height: 22px; color: #111E23;} .custom-form-group .icon-wrapper {position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; height: 20px; width: 20px; } .custom-form-group .icon-wrapper img {float: left; width: 100%; height: 100%; } .shop-search-part::before {content: ''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 10px; opacity: 0.1; background: linear-gradient(180deg, #222 0%, rgba(0, 0, 0, 0.00) 100%); } .search-result-list {float: left; width: 100%;height: 525px; overflow: auto;-ms-overflow-style: none;scrollbar-width: none;} .search-result-list::-webkit-scrollbar{display: none;} .shop-search-part {float: left; width: 100%; position: relative; padding: 19px 15px 15px 16px; } .shop-search-part p {font-size: 13px; line-height: 18px; margin-bottom: 20px} .search-result-item {float: left; width: 100%;} .shop-item-wrapper {float: left; width: 100%;border-bottom: 1px solid #DDE6EA; } .shop-toggle-item {display: none; float: left; width: 100%;padding: 0px 15px 21px 16px;} .shop-item{float: left; width: 100%;padding: 17px 15px 14px 16px;cursor: pointer;} .shop-logo-part {float: left; width: 100%;position: relative;margin-bottom: 10px;} .shop-title {float: left; width: 100%; } .shop-logo{float: left;width: 20%;} .shop-logo-part span{font-size: 12px;line-height: 20px;color: #637983;position: absolute;right: 0;top: 0} .shop-logo img {float: left; width: 100%; height: 100%; } .shop-title span {font-family: 'InterTight-Bold'; line-height: 22px;max-width: 90%; float: left; } .shop-title .icon-wrapper {float: right; width: 15px; height: 23px; } .shop-title .icon-wrapper img {float: left; width: 100%; height: 100%; } .shop-toggle-item span {font-size: 15px; line-height: 22px; color: #637983; width: 50%; float: left; margin: 0px 0px 10px; } .shop-item-wrapper.open .shop-title .icon-wrapper {transform: rotate(180deg); } .shop-item-wrapper.open {background-color: #ECF3F5; } .google-review{display: none;} .secondary-product-overview-card.product-overview-card .product-image { width: 167px; } .secondary-single-product-banner-section .single-product-banner-image{width: 375px;} .secondary-product-slider-card .product-image{width: 195px;left: 0;} .shop-toggle-item > div {float: left; width: 100%; } .shop-toggle-item > div > div {float: left; width: 100%; margin: 0px 0px 10px; } .shop-toggle-item > div > div > a {float: left; width: 100%; } /* 404 page */ .empty-section {padding:75px 0 100px; } .empty-content {display: flex; flex-wrap: wrap; width: 820px; margin: 0 auto; max-width: 100%; justify-content: center; text-align: center; float: none;} .empty-content h1 {font-size: 400px; line-height: 400px; margin-bottom: 15px; } .empty-content h3 {font-size: 32px; line-height: 36px; } .empty-content p {margin-bottom: 45px; } body.error404 .site-inner{min-height: auto;} /* Temp CSS */ /* #header-where-to-buy-btn{display: none;} */ .main-icon-btn.scroll-btn .icon-wrapper{left: -32px; top: -2px;} /* .product-sticky-bar {display: none;} */ /* .logo-slider-section {display: none;} */ /* .about-section{margin-bottom: 120px;} */ .faq-section {display: none;} /* Animation */ @keyframes drop { 0% { transform: scale(0.9); } 100% { transform: scale(1.1); } } /* 22-11-2024 */ /* Flex-banner-section */ .video-banner {overflow: hidden; } .banner-video-image {position: absolute; width: calc(50% - 80px); right: 50px; bottom: 50px; top: 50px; left: auto; z-index: 99; border-radius: 16px; overflow: hidden; } .banner-video-image picture {width: 100%; float: left; height: 100%; } .banner-video-image .play-btn {width: 70px; height: 70px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .media-modal {text-align: center; } .media-modal::before {content: ""; display: inline-block; vertical-align: middle; height: 100%; } .media-modal .modal-dialog {width: 1200px; max-width: 94%; margin: 30px auto; display: inline-block; vertical-align: middle; text-align: left; } .media-modal .modal-content {margin-bottom: 30px; background-color: transparent; border: none !important; border-radius: 0; box-shadow: none !important; } .media-modal .modal-content, .video-box {float: left; width: 100%; } .video-close {position: absolute; right: -20px; top: -35px; z-index: 1; width: 35px; height: 35px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; cursor: pointer; transform: rotate(0deg); background-color: #00a0e3; border-radius: 50%; transition: 0.4s all ease-out; padding: 7px; } .video-close:hover {transform: rotate(180deg); } .video-box {height: auto; padding-top: 56.25%; position: relative; background-color: #000; border-radius: 20px; overflow: hidden; } .video-box > iframe {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .video-box video {height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; } .modal-overlay-inside {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(120,120,120,0.9); } /* Step-section */ .step-video .step-image {border-radius: 16px; } .step-video .step-image-wrapper {height: 350px; width: 46%; } .step-video .step-image-wrapper .play-btn,.play-btn-wrapper{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;} .step-video .step-image-wrapper .play-btn,.video-image-wrapper .play-btn{width: 80px;float:left;} .play-btn-wrapper {display: inline-flex; align-items: center; flex-direction: column; justify-content: center; width: max-content; max-width: 220px; text-align: center; gap: 20px;} .play-btn-wrapper h4 {color: #fff;} /* Flex video section */ .flex-video-section {padding-bottom: 100px; } .video-image-wrapper {float: left; width: 100%; height: 600px; position: relative; border-radius: 16px; overflow: hidden; } .video-image-wrapper::before {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; content: ""; } .step-section.step-video {padding-bottom: 100px; } /* Common Category Color */ .text-red {color: #E73446;} .text-purple{color: #7C6EB0} .text-yellow {color: #C8A46D;} .text-sky{color: #009FE3;} .text-green {color: #78B22B;} .text-orange{color: #F39200} /*.border-red {border-color: #E73446; } .border-purple {border-color: #7C6EB0; } .border-yellow {border-color: #C8A46D; } .border-sky {border-color: #009FE3; } .border-green {border-color: #78B22B; } .border-orange {border-color: #F39200; }*/ /*.border-red::before {background-color: #E73446; } .border-purple::before {background-color: #7C6EB0; } .border-yellow::before {background-color: #C8A46D; } .border-sky::before {background-color: #009FE3; } .border-green::before {background-color: #78B22B; } .border-orange::before {background-color: #F39200; }*/ .white-label{color: #111E23;background-color: #ffffff;} .red-label {color: #ffffff; background-color: #E73446; } .orange-label {background-color: #F39200; color: #ffffff;} .bg-sky{background-color: #009FE3;} .bg-sky::before{background: radial-gradient(53.61% 53.61% at 50% 50%, #009FE3 62.65%, #028CC7 100%);} .bg-purple{background-color: #7C6EB0} .bg-purple::before{background: radial-gradient(53.61% 53.61% at 50% 50%, #7C6EB0 62.65%, #7566A9 75.7%, #67589D 100%);} .bg-green{background-color: #78B22B;} .bg-green::before{background: radial-gradient(53.61% 53.61% at 50% 50%, #78B22B 62.65%, #699D28 100%);} /*.small-faq-section {padding: 0px 0px 120px} .small-faq-wrapper .faq-toggle-part {width: 100%;padding-left: 16px;} .small-faq-wrapper {float: left; width: 74.347%; background-color: #ECF3F5; border-radius: 16px; padding: 40px 48px; } .small-faq-wrapper .pagination-title{margin-bottom: 27px;}*/ /* 13-01-2025 */ .video-section{padding-top: 120px;display:none;} .postid-468 .eco-score-section { display: none !important; } .footer-link + .footer-link { margin-left: 24px; } body.single-product .related-product-section { padding-top: 0; } /* 1-10-2025 */ .postid-603 h1 { font-size: 58px!important; line-height: 60px!important; } /* Gravity form star rating field css */ body .gfield--type-Rating img { width: 24px; margin-right: 5px; } body .star_rating_class { margin-bottom: 14px; } body .srffgf_notice { display:none; } /*.promotion-menu{display: none;}*/ /* 23-07-2025 */ /* .single-product.postid-493 .eco-score-section { display: none; } .single-product.postid-489 .eco-score-section { display: none; } */ /*. Hiding ECO section on Home and Product detail */ .eco-section {display:none;} /* .page-template-home-page-php .logo-slider-section { padding-bottom: 0px; } */ .eco-score-section {display:none;}