@keyframes nl-specs-fade-in { 0% { opacity: 0; visibility: hidden; transform: translateY(-100%); height: 0; } 50% { opacity: 0; } 100% { opacity: 1; visibility: visible; transform: translateY(0); height: auto; } } @media screen and (min-width: 0px) { #products .toggle-wrapper { display: none; } #products .toggle-wrapper.active { display: block; } #products .btn-replay { cursor: pointer; width: auto; justify-content: flex-start; font-size: 16px; border: 0; font-weight: 500; background: transparent; margin-top: 12px; text-transform: uppercase; } #products .btn-replay:focus { outline:0; } #products .btn-operate a.btn-replay { width: 110px; justify-content: flex-start; font-size: 16px; border: 0; font-weight: 500; } #products .btn-operate a.btn-replay:hover { background-color: transparent; } #products .btn-operate a.btn-replay img { width: 14px; margin-left: 8px; } #products .btn-operate a.btn-text { text-transform: capitalize; width: 110px; justify-content: flex-start; font-size: 18px; } #products .btn-replay:hover img { -webkit-animation: rotate-center 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550) reverse; animation: rotate-center 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550) reverse; } header.menuScroll { transform: translateY(-72px); } #products #products-menu { position: fixed; left: 0; right: 0; top: 72px; z-index: 2; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 6px 10px -8px #DADEE1; transition: all 0.35s; } #products #products-menu.menuScroll { top: 0; } #products #products-menu .wrapper { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; transition: all 0.35s; } #products #products-menu.active .wrapper { padding: 0 20px 185px; } #products #products-menu .title { font-size: 18px; font-weight: bold; line-height: 30px; padding: 20px 0; cursor: pointer; } #products #products-menu .title .arrow-down { display: inline-block; height: 0; width: 0; border-bottom: 2px solid #3A4C55; border-right: 2px solid #3A4C55; transform: rotate(45deg); transition: all 0.35s; padding: 5px; margin-left: 15px; margin-bottom: 3px; } #products #products-menu.active .title .arrow-down { transform: rotate(225deg); margin-bottom: -4px; } #products #products-menu .menu-lists { visibility: hidden; opacity: 0; height: 0; transition: all 0.35s; position: absolute; top: 69px; left: 0; right: 0; padding: 0 20px; } #products #products-menu.active .menu-lists { visibility: visible; opacity: 1; height: auto; padding: 0 20px 20px; } #products #products-menu .menu-lists li { opacity: 0; transform: translateY(-50px); } #products #products-menu.active .menu-lists li { animation-name: nl-fade-down; animation-fill-mode: forwards; animation-duration: 0.5s; } #products #products-menu.active .menu-lists li:nth-child(1) { animation-delay: 0.15s; } #products #products-menu.active .menu-lists li:nth-child(2) { animation-delay: 0.4s; } #products #products-menu.active .menu-lists li:nth-child(3) { animation-delay: 0.65s; } #products #products-menu.active .menu-lists li:nth-child(4) { animation-delay: 0.9s; } #products #products-menu .menu-lists li a { display: block; padding: 6px 0; font-size: 14px; line-height: 30px; font-weight: bold; text-transform: uppercase; color: #3A4C55; } #products #products-menu .shop .entry { display: none; } #products #products-menu .shop .btn.btn-green { background-color: transparent; border: 0; color: #3FAE29; } #products #hero { height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: 80% 0; position: relative; color: #FFF; } #products.nanoleaf-canvas #hero, #products.nanoleaf-shapes #hero { background-position: 60% 0; } #products #hero .wrapper { position: absolute; bottom: 0; padding: 0 20px; width: 100%; box-sizing: border-box; } #products #hero .subtitle { font-size: 20px; padding-bottom: 10px; } #products #hero h1 { padding-bottom: 30px; } #products.nanoleaf-elements #hero .subtitle { font-size: 20px; padding-bottom: 10px; text-align: center; } #products.nanoleaf-elements #hero h1 { padding-bottom: 30px; text-align: center; font-weight: 700; text-shadow: 2px 2px 30px rgba(0, 0, 0, 0.5) } #products.nanoleaf-elements #hero .btn-operate { margin: 0 auto; } #products #hero .btn-video { border: 1px #FFF solid; background-color: rgba(255, 255, 255, 0.15); color: #FFF; } #products #hero .btn-video::after { border-left: 10px solid #FFF; } #products #hero .learn-more { display: flex; flex-direction: column; align-items: center; width: 120px; margin: 20px auto 0; padding: 20px 0; font-weight: bolder; text-transform: uppercase; color: #FFF; } #products #hero .learn-more .arrow-down { display: block; height: 0; width: 0; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin: 8px auto 0; padding: 6px; } #products.nanoleaf-canvas #s1 .divimg { display: flex; justify-content: center; } #products.nanoleaf-canvas #s1 .divimg .video { width: 80%; padding-bottom: 3em; } #products #s1 h1, #products #s2 h1, #products #s3 h1, #products #s4 h1 { font-weight: 500; } #products #s1, #products #s3, #products #s4 { background-color: #FFF; } #products #s1 .text, #products #s2 .text, #products #s3 .text, #products #s4 .text { padding: 20px 0 40px; font-size: 18px; line-height: 1.6em; } #products #s1 .subtitle, #products #s2 .subtitle, #products #s3 .subtitle, #products #s4 .subtitle { font-size: 23px; font-weight: 500; margin-bottom: 10px; } #products #s1 .wrapper-left, #products #s3 .wrapper-left { padding: 80px 20px 20px; } #products.nanoleaf-canvas #s3 .wrapper-left { padding: 0; } #products.nanoleaf-canvas #s3 .wrapper-right .divimg { display: flex; justify-content: center; } #products.nanoleaf-canvas #s3 .wrapper-right .divimg video { width: 90%; padding: 2em 0; } #products #s1 .wrapper-left .divimg { width: 80px; margin-bottom: 20px; } #products #s1 .wrapper-left .btn-operate, #products #s3 .wrapper-left .btn-operate { display: block; } #products #s1 .wrapper-left .btn-operate a.btn-white { width: 200px; margin-bottom: 20px; } #products #s2 { padding: 80px 20px; background-color: #F9F9F9; } #products #s2 .wrapper-bottom, #products #s4 .wrapper-bottom { width: 100%; padding-top: 100%; margin-top: 30px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 10px; position: relative; } #products #s2 .wrapper-bottom .divimg, #products #s4 .wrapper-bottom .divimg { position: absolute; top: 0;bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; } #products #s4 { padding: 80px 20px; } #products #product-block { background-color: #FFF; padding: 80px 20px; } #products #product-block .subtitle { font-size: 23px; font-weight: 500; margin-bottom: 10px; } #products #product-block h1 { font-weight: 500; } #products #product-block .text { padding: 20px 0; font-size: 18px; line-height: 1.6em; } #products #product-block .item { padding-bottom: 80px; } #products #product-block .item:last-child { padding-bottom: 0; } #products #product-block .item .wrapper-right { width: 100%; padding-top: 100%; margin-top: 30px; background-repeat: no-repeat; background-size: cover; background-position: top center; border-radius: 10px; position: relative; } #products #product-block .item .wrapper-right .divimg { position: absolute; top: 0;bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; } #products #product-features { margin-top: 60px; padding: 60px 20px; background-color: #FFF; } #products #product-features ul li { display: flex; justify-content: space-between; margin-top: 30px; opacity: 0; } #products #product-features ul li.move { animation: nl-fade-up 1s ease 0s 1; animation-fill-mode: forwards; } #products #product-features ul li:nth-child(1) { animation-delay: 0s; } #products #product-features ul li:nth-child(2) { animation-delay: 0s; } #products #product-features ul li:nth-child(3) { animation-delay: .2s; } #products #product-features ul li:nth-child(4) { animation-delay: .2s; } #products #product-features ul li:nth-child(5) { animation-delay: .4s; } #products #product-features ul li:nth-child(6) { animation-delay: .4s; } #products #product-features ul li .li-left { width: 40px; } #products #product-features ul li .li-right { width: calc(100% - 70px); } #products #product-features ul li .li-right .text { padding-top: 10px; font-size: 15px; line-height: 1.6em; } #products #nanoleaf-app { margin: 60px 20px 0; border-radius: 10px; padding: 60px 20px 0; background-color: #FFF; } #products #nanoleaf-app .wrapper-left .subtitle { font-size: 18px; font-weight: bold; margin-bottom: 10px; } #products #nanoleaf-app .wrapper-left .title { font-size: 23px; line-height: 1.6em; margin-bottom: 30px; } #products #nanoleaf-app .wrapper-left ul { margin: 30px 0; } #products #nanoleaf-app .wrapper-left ul li { padding: 20px 0; border-bottom: 1px #979797 solid; } #products #nanoleaf-app .wrapper-left .download { margin: 50px 0; } #products #nanoleaf-app .wrapper-left .download .label { padding: 10px 0; font-weight: bold; color: #546B78; cursor: pointer; } #products #nanoleaf-app .wrapper-left .download-wrapper { display: flex; margin-top: 10px; } #products #nanoleaf-app .wrapper-left .download .item { display: block; } #products #nanoleaf-app .wrapper-left .download .item:last-child { margin-left: 20px; } #products #nanoleaf-app .wrapper-right { height: 300px; overflow: hidden; } #products #nanoleaf-app .wrapper-right picture:nth-child(1) { display: block; } #products #nanoleaf-app .wrapper-right picture:nth-child(2) { display: none; } #products #nanoleaf-app .wrapper-right.active picture:nth-child(1) { display: none; } #products #nanoleaf-app .wrapper-right.active picture:nth-child(2) { display: block; } #products #nanoleaf-shop { padding-bottom: 60px; } #products #nanoleaf-shop .lists { margin: 0 20px; padding: 30px 50px; background-color: #FFF; border-radius: 10px; box-sizing: border-box; } #products #nanoleaf-shop .lists li { display: flex; align-items: center; margin-bottom: 20px; } #products #nanoleaf-shop .lists li:last-child { margin-bottom: 0; } #products #nanoleaf-shop .lists img { width: 30px; margin-right: 20px; } #products #nanoleaf-shop .lists .label { font-size: 14px; font-weight: bold; } #products #nanoleaf-shop h1 { text-align: center; margin: 30px 0; } #products #nanoleaf-shop .tabs { overflow-x: auto; margin-left: 20px; } #products.nanoleaf-canvas #nanoleaf-shop .tabs ul, #products.nanoleaf-light-panels #nanoleaf-shop .tabs ul, #products.nanoleaf-elements #nanoleaf-shop .tabs ul { display: flex; justify-content: space-between; font-size: 24px; width: 200px; margin: 0 auto;} #products #nanoleaf-shop .tabs ul { display: flex; justify-content: space-between; font-size: 24px; width: 400px; } #products #nanoleaf-shop .tabs ul li { border-bottom: 2px transparent solid; } #products #nanoleaf-shop .tabs ul li.active { border-bottom: 2px #3A4C55 solid; font-weight: bolder; } #products #nanoleaf-shop .tabs ul li a { display: block; padding: 10px 0; } #products .products-lists { margin-top: 60px; overflow: hidden; } #products .products-lists .item { visibility: hidden; opacity: 0; width: 0; height: 0; } #products .products-lists .item.active { visibility: visible; opacity: 1; width: 100%; height: auto; } #products .product-box h2 { margin-bottom: 10px; text-align: center; font-size: 23px; } #products .product-box .item-top { padding: 0 20px; } #products .product-box .item-top .text { text-align: center; font-size: 18px; line-height: 1.6em; } #products .product-box .item-top .btn-operate { margin: 0 auto; } #products .product-box .item-top .btn-operate a { width: 180px; margin: 30px auto 50px; } #products .product-box .product-wrapper { overflow-x: auto; overflow-y: hidden; margin-bottom: 60px; } #products .product-box .product-wrapper ul { width: 980px; display: flex; margin-left: 20px; } #products .product-box .product-wrapper ul li { width: 310px; min-width: 310px; margin-right: 30px; } #products .product-box .product-wrapper ul li:last-child { margin-right: 0; } #slider_1, #slider_2, #slider_3, #slider_4, #slider_5, #slider_6, #slider_7, #slider_8, #slider_9 { width: 100%; height: 260px; } #slider_1 .swiper-slide, #slider_2 .swiper-slide, #slider_3 .swiper-slide, #slider_4 .swiper-slide, #slider_5 .swiper-slide, #slider_6 .swiper-slide, #slider_7 .swiper-slide, #slider_8 .swiper-slide, #slider_9 .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: center; border-top-right-radius: 10px; border-top-left-radius: 10px; } #products .product-box .product-wrapper ul li .main { padding: 30px 20px; background-color: #FFF; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #products .product-box .product-wrapper ul li .main .title { font-size: 23px; font-weight: bolder; } #products .product-box .product-wrapper ul li .main .text { padding: 15px 0 30px; font-size: 15px; line-height: 1.6em; } #products .product-box .product-wrapper ul li .main .box .label { font-weight: bolder; padding-bottom: 10px; border-bottom: 1px #DADEE1 solid; } #products .product-box .product-wrapper ul li .main .box .label .arrow-down { display: inline-block; height: 0; width: 0; border-bottom: 1px solid #3A4C55; border-right: 1px solid #3A4C55; transform: rotate(45deg); margin: 0 0 2px 10px; padding: 5px; transition: all 0.35s; } #products .product-box .product-wrapper ul li .main .box.active .label .arrow-down { transform: rotate(225deg); margin: 0 0 -5px 10px; } #products .product-box .product-wrapper ul li .main .box .content { padding: 15px 0; visibility: hidden; opacity: 0; transform: translateY(-100%); height: 0; } #products .product-box .product-wrapper ul li .main .box.active .content { padding: 15px 0 30px; animation-name: nl-specs-fade-in; animation-fill-mode: forwards; animation-duration: 0.35s; } #products .product-box .product-wrapper ul li .main .price { font-size: 23px; font-weight: bolder; margin-bottom: 20px; } #products .product-box .product-wrapper ul li .main .btn-operate { display: block; } #products .product-box .product-wrapper ul li .main .btn-operate a { width: 180px; } #products .product-box .product-wrapper ul li .main .btn-operate a:last-child { border-radius: 0; border: 0; width: 80px; margin-top: 20px; } #products .product-box .product-wrapper ul li .main ol { padding-right: 1em; } #products .product-box .product-wrapper ul li .main ol > li { margin-bottom: 10px; list-style-type: circle; display: list-item; list-style: inside; width: 100%; min-width: 100%; list-style-position: outside; margin-left: 1.3em;} #products .product-accessories { margin-top: 80px; } #products .product-accessories h2 { margin-bottom: 10px; text-align: center; font-size: 23px; } #products .product-accessories .item-top { padding: 0 20px; } #products .product-accessories .item-top .text { text-align: center; font-size: 18px; line-height: 1.6em; } #products .product-accessories .item-top .btn-operate { margin: 0 auto; } #products .product-accessories .item-top .btn-operate a { width: 180px; margin: 30px auto 50px; } #products .product-accessories .product-wrapper { overflow-x: auto; margin-bottom: 20px; } /* #products.nanoleaf-canvas .product-accessories .product-wrapper ul { width: 1310px; } */ #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(1) .divimg { margin-top: 90px; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(2) .divimg { margin-top: 0; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { margin-top: 160px; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(4) .divimg { margin-top: 160px; } #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(2) .divimg { margin-top: -30px; } #products .product-accessories .product-wrapper ul { /*width: 980px;*/ display: flex; margin-left: 20px; } #products .product-accessories .product-wrapper ul li { width: 310px; min-width: 310px; margin-right: 30px; background-color: #FFF; border-radius: 10px; overflow: hidden; } #products .product-accessories .product-wrapper ul li:last-child { margin-right: 0; } #products .product-accessories .product-wrapper ul li .divimg { background-repeat: no-repeat; background-size: 85%; background-position: center 0; height: 200px; margin-top: 20px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #products .product-accessories .product-wrapper ul li .main { padding: 40px 20px 30px; } #products .product-accessories .product-wrapper ul li .main .subtitle { font-size: 14px; font-weight: bold; } #products .product-accessories .product-wrapper ul li .main .title { font-size: 23px; margin: 10px 0; } #products .product-accessories .product-wrapper ul li .main .price { font-weight: bold; font-size: 23px; margin-bottom: 30px; } #products .product-accessories .product-wrapper ul li .btn-detail { display: block; background-color: #3A4C55; color: #FFF; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 30px; padding: 10px 0; font-weight: bold; } #accessories-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100vh; width: 100%; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; transition: all 0.35s; } #accessories-overlay.active { opacity: 1; visibility: visible; z-index: 2; } #accessories-overlay .overlay-container { position: fixed; top: 0; bottom: 0; right: 0; left: 0; box-sizing: border-box; z-index: 1; background-color: #FFF; overflow: hidden; } #accessories_1, #accessories_2 , #accessories_3 { width: 100%; height: 260px; } #accessories-overlay .content { padding: 30px 20px; } #accessories-overlay .overlay-title { font-size: 32px; font-weight: 500; margin-bottom: 15px; } #accessories-overlay .text p { line-height: 1.6em; padding-top: 10px; } #accessories-overlay .li-circle { display: inline-block; margin: 0 10px 3px 0; width: 5px; height: 5px; border-radius: 50%; background-color: #3A4C55; } #accessories-overlay .close-accessories { position: absolute; top: 30px; right: 30px; width: 40px; height: 40px; opacity: 0; visibility: hidden; transition: all 0.35s; transition-delay: 0.25s; z-index: 2; cursor: pointer; } #accessories-overlay.active .close-accessories { opacity: 1; visibility: visible; } #accessories-overlay .close-accessories div { position: absolute; width: 100%; height: 3px; background: #3A4C55; top: 50%; } #accessories-overlay .close-accessories div:first-child { transform: rotate(45deg); } #accessories-overlay .close-accessories div:last-child { transform: rotate(-45deg); } #products #need-help { padding: 60px 20px; background-color: #DADEE1; } #products #need-help .title-top { font-size: 18px; font-weight: bold; } #products #need-help .title-bottom { margin: 10px 0 30px; font-size: 23px; } /* compare page */ .compare-top { padding: 180px 20px 30px; text-align: center; background-color: #FFF; } .compare-top .title { font-size: 38px; font-weight: bold; margin-bottom: 15px; } .compare-top .subtitle { font-size: 23px; font-weight: bold; line-height: 1.6em; max-width: 380px; margin: 0 auto; } .compare-container { background-color: #FFF; } .compare-container .images-lists { display: flex; justify-content: space-between; padding: 20px; } .compare-container .images-lists li { display: none; width: 50%; } .compare-container.canvas .images-lists li.canvas { display: block; } .compare-container.light_panels .images-lists li.light_panels { display: block; } .compare-container.shapes_hexagons .images-lists li.shapes_hexagons { display: block; } .compare-container.shapes_triangle .images-lists li.shapes_triangle { display: block; } .compare-container.shapes_mini_triangle .images-lists li.shapes_mini_triangle { display: block; } .compare-container.elements .images-lists li.elements { display: block; } .compare-container .images-lists li img { width: 130px; margin: 0 auto; } .compare-container .selector { display: flex; justify-content: space-between; margin: 0 20px; } .compare-container .selector .selector-item { width: calc((100% - 20px) / 2 ); } .compare-container .selector .selector-item:first-child { margin-right: 20px; } .compare-container .selector .selector-item:last-child { display: none; } .compare-container select { border: 0; border-bottom: 1px #DADEE1 solid; border-radius: 0; padding: 6px 0; background-position: right; font-size: 14px; font-weight: bold; } .compare-container .button-lists { display: flex; justify-content: space-between; margin: 20px; } .compare-container .button-lists li { display: none; width: calc((100% - 20px) / 2 ); } .compare-container.canvas .button-lists li.canvas { display: block; } .compare-container.light_panels .button-lists li.light_panels { display: block; } .compare-container.shapes_hexagons .button-lists li.shapes_hexagons { display: block; } .compare-container.shapes_triangle .button-lists li.shapes_triangle { display: block; } .compare-container.shapes_mini_triangle .button-lists li.shapes_mini_triangle { display: block; } .compare-container.elements .button-lists li.elements { display: block; } .compare-container .button-lists li .btn:last-child { margin-top: 10px; border: 0; } .compare-container .attribute { padding-bottom: 60px; } .compare-container .attribute-item { margin-top: 30px; } .compare-container .attribute-item .item-title { padding: 20px; display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; transition: all 0.35s; border-bottom: 1px #DADEE1 solid; } .compare-container .attribute-item .item-title .arrow-down { display: inline-block; height: 0; width: 0; border-bottom: 2px solid #3A4C55; border-right: 2px solid #3A4C55; transform: rotate(45deg); margin: 5px 5px 0px 0; padding: 6px; transition: all 0.35s; } .compare-container .attribute-item.active .item-title .arrow-down { border-bottom: 2px solid #3FAE29; border-right: 2px solid #3FAE29; transform: rotate(225deg); margin: 12px 5px 0 0; } .compare-container .attribute-item ul { display: flex; font-size: 14px; line-height: 1.6em; justify-content: space-between; visibility: hidden; opacity: 0; transform: translateY(-100%); height: 0; } .compare-container .attribute-item.active ul { margin: 20px 0; animation-name: nl-specs-fade-in; animation-fill-mode: forwards; animation-duration: 0.35s; } .compare-container .attribute-item ul li { display: none; width: 50%; } .compare-container.canvas .attribute-item ul li.canvas { display: block; } .compare-container.light_panels .attribute-item ul li.light_panels { display: block; } .compare-container.shapes_hexagons .attribute-item ul li.shapes_hexagons { display: block; } .compare-container.shapes_triangle .attribute-item ul li.shapes_triangle { display: block; } .compare-container.shapes_mini_triangle .attribute-item ul li.shapes_mini_triangle { display: block; } .compare-container.elements .attribute-item ul li.elements { display: block; } .compare-container .attribute-item ul .entry { padding: 8px 20px; margin-bottom: 10px; } .compare-container .attribute-item ul .entry.bg-green { background-color: #EBF6E9; } .compare-container .attribute-item ul .label { font-weight: bold; margin-bottom: 5px; } /* SPECS & FAQs */ .specs-top { padding: 180px 0 50px; } .specs-top .title { text-align: center; font-size: 38px; margin-bottom: 60px;; font-weight: bold; } .nanoleaf-light-panels .specs-top .title, .nanoleaf-canvas .specs-top .title { margin-bottom: 0; } .specs-top .product-tabs { overflow-x: scroll; } .specs-top .product-tabs ul { width: 480px; margin-left: 20px; display: flex; justify-content: space-between; } .specs-top .product-tabs li { margin-right: 20px; } .specs-top .product-tabs li a { display: block; width: 140px; padding: 20px 0; border: 1px #DADEE1 solid; border-radius: 10px; text-align: center; box-sizing: border-box; background-color: #FFF; transition: all 0.35s; } .specs-top .product-tabs li.active a { border: 1px #3A4C55 solid; font-weight: bold; } .specs-top .product-tabs li a img { width: 45px; margin: 0 auto 10px; } .specs-container { padding: 0 20px 30px; } .specs-container { padding: 0 20px 30px; } .specs-container .item { display: none; border-radius: 10px; border: 1px #DADEE1 solid; padding: 40px 20px; background-color: #FFF; } .specs-container .item.active { display: block; } .specs-container .item ul li { padding: 40px 0; border-bottom: 2px #DADEE1 solid; overflow: hidden; } .specs-container .item ul li .content { visibility: hidden; opacity: 0; transform: translateY(-100%); height: 0; display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .specs-container .item ul li.active .content { animation-name: nl-specs-fade-in; animation-fill-mode: forwards; animation-duration: 0.35s; } .specs-container .item ul li:last-child { border-bottom: 0 #DADEE1 solid; } .specs-container .item ul li .li-title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.35s; } .specs-container .item ul li.active .li-title { padding-bottom: 20px; } .specs-container .item ul li .li-title .arrow-down { display: inline-block; height: 0; width: 0; border-bottom: 2px solid #3A4C55; border-right: 2px solid #3A4C55; transform: rotate(45deg); margin: 0 5px 9px 0; padding: 8px; transition: all 0.35s; } .specs-container .item ul li.active .li-title .arrow-down { border-bottom: 2px solid #3FAE29; border-right: 2px solid #3FAE29; transform: rotate(225deg); margin: 12px 5px 0 0; } .specs-container .item ul li.active .divimg { margin: 20px 0; } .specs-container .item .entry { display: flex; justify-content: flex-start; padding-top: 20px; } .specs-container .item .text ol li { border: none; padding: 5px 0;} .specs-container .item .label { font-weight: bold; width: 48%; margin-right: 2%; line-height: 1.6em; } .specs-container .item .text { width: 50%; line-height: 1.6em; } .specs-container .item .note { font-size: 14px; margin-top: 5px; } .faqs-container { padding: 50px 20px; } .faqs-container .faqs-main p .btn { width: 200px; margin-top: 1.5em; text-decoration: none;} .faqs-container .faqs-main p a { text-decoration: underline; } .faqs-container .title { color: #AEAEAE; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; text-align: center; padding-bottom: 10px; } .faqs-container h3 { font-size: 18px; line-height: 1.6em; margin-right: 20px; } .faqs-container ul li { padding: 20px; border-radius: 10px; border: 1px #DADEE1 solid; margin-top: 30px; } .faqs-container ul li .li-title { display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; transition: all 0.35s; } .faqs-container ul li .li-title .arrow-down { display: inline-block; height: 0; width: 0; border-bottom: 2px solid #3A4C55; border-right: 2px solid #3A4C55; transform: rotate(45deg); margin: 0 5px 6px 0; padding: 8px; transition: all 0.35s; } .faqs-container ul li.active .li-title .arrow-down { border-bottom: 2px solid #3FAE29; border-right: 2px solid #3FAE29; transform: rotate(225deg); margin: 12px 5px 0 0; } .faqs-container ul li .faqs-main { visibility: hidden; opacity: 0; transform: translateY(-100%); height: 0; } .faqs-container ul li.active .faqs-main { padding-top: 10px; animation-name: nl-specs-fade-in; animation-fill-mode: forwards; animation-duration: 0.35s; line-height: 1.6em; } .faqs-container .faqs-bottom { font-size: 18px; text-align: center; padding: 50px 0; } /* nanoleaf-elements page */ #products.nanoleaf-elements #hero { background-size: 420%; background-position: 65% -40%; } #products.nanoleaf-elements #users-comments .btn-operate a:nth-child(2) { display: none; } .elements-container { background-color: #2D2F30; color: #FFF; padding: 50px 20px; } .elements-container h1 { font-size: 38px; margin-bottom: 20px; font-weight: 500; } .elements-container .subtitle { font-size: 23px; margin: 10px 0; font-weight: 500; } .elements-container .steps { padding: 80px 0; } .elements-container .steps .step-right { padding-top: 50px; } .elements-container .steps .step-bottom { padding-top: 50px; } .elements-container .text { line-height: 1.6em; padding: 0 35px; } .elements-container .step-1 .text { font-size: 23px; font-weight: 500; text-align: center; } .elements-container .divicon { width: 35px; margin: 0 auto; } /* .elements-container .step-3 .step-left .divimg { width: 300px; height: 250px; margin: 0 auto; background-image: url(../img/products/elements/Diamond_Sprite.png); } .elements-container .step-2, .elements-container .step-3, */ .elements-container .step-2 { text-align: center; } .elements-container .step-2 .text { opacity: 0; height: 0; transform: translateY(50px); } .elements-container .step-2 .text.active { animation: nl-fade-up 1.5s ease 0s 1; animation-fill-mode: forwards; height: auto; } .elements-container .step-2 .step-left .divimg { width: 350px; height: 300px; margin: 0 auto; background-repeat: no-repeat; background-image: url(../img/products/elements/PanelSprite@1x.png); } .elements-container .step-4 { text-align: center; } .elements-container .step-4 a.btn-replay { color: #FFF; align-items: center; } .elements-container .step-4 a.btn-replay img { display: inline-block; width: 14px; margin: 0px 0 -1px 8px; } .elements-container .step-5 .divicon { margin: 0; } .elements-container .step-5 ul li { margin-bottom: 80px; } .elements-container .step-5 ul li:last-child { margin-bottom: 0; } .elements-container .step-5 .text { padding: 0 0 50px 0; } .elements-container .step-5 ul li .divimg { display: flex; justify-content: center; align-items: center; height: 350px; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; } .elements-container .step-6 h1 { font-weight: 500; font-size: 30px; text-align: center; padding: 0 40px; } .elements-container .step-6 h2 { font-weight: 500; font-size: 26px; margin-top: 30px; } .elements-container .step-6 .text { padding: 20px 0; } .elements-container .step-6 ul li { margin-top: 50px; } .elements-container .step-6 ul li .divimg { height: 350px; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; } /* essentials page */ .essentials-container { padding: 140px 20px 20px; background-color: #FFF; } .essentials-container .subtitle { font-size: 23px; margin-bottom: 10px; } .essentials-container h1 { font-size: 38px; } .essentials-container .step-1 { text-align: center; padding: 80px 0 30px; } .essentials-container .step-1 .divimg { width: 200px; margin: 50px auto; } .essentials-container .step-2, .essentials-container .step-3 { text-align: center; padding: 30px 0; } .essentials-container .step-2 .divimg, .essentials-container .step-3 .divimg { width: 200px; margin: 50px auto; } .essentials-container .step-2 .text, .essentials-container .step-3 .text { margin: 30px 0 0; font-size: 18px; line-height: 1.6em; } .essentials-container .step-4 { padding: 50px 0; } .essentials-container .step-4 .step-top { text-align: center; } .essentials-container .step-4 ul { margin-top: 30px; } .essentials-container .step-4 ul li { height: 320px; margin-bottom: 30px; padding: 30px; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; } .essentials-container .step-4 ul li:last-child { margin-bottom: 0; } .essentials-container .step-4 ul li a { display: block; color: #FFF; } .essentials-container .step-4 ul li .title { font-size: 26px; font-weight: bold; } .essentials-container .step-4 ul li .text { margin: 10px 0 0; font-size: 18px; line-height: 1.6em; } .essentials-container .step-5 { padding: 50px 0; } .essentials-container .step-5 .wrapper { overflow: hidden; margin-top: 30px; position: relative; } .essentials-container .step-5 .wrapper a { width: 160px; margin: 0 auto; } .essentials-container .step-5 ul { display: flex; overflow-x: scroll; margin-bottom: 40px; } .essentials-container .step-5 ul li { width: 270px; min-width: 270px; padding: 30px; box-sizing: border-box; margin-right: 30px; background-color: #FBFBFB; border-radius: 10px; } .essentials-container .step-5 ul li .divimg { margin: 0 auto 30px; } .essentials-container .step-5 ul li .title { font-size: 26px; font-weight: bold; margin-bottom: 10px; } .essentials-container .step-5 ul li .text { line-height: 1.6em; } .essentials-container .step-5 .slide-wrapper { display: flex; justify-content: space-between; position: absolute; top: 35%; left: 3px; right: 3px; } .essentials-container .step-5 .slide-wrapper .btn-slide { display: block; margin: 0; text-align: center; width: 40px; height: 40px; background-color: #FFF; border-radius: 50%; box-shadow: 0px 0px 3px 2px #eee; } .essentials-container .step-5 .slide-wrapper .btn-slide span { display: inline-block; opacity: 1; height: 0; width: 0; border-bottom: 2px solid #3A4C55; border-right: 2px solid #3A4C55; transform: rotate(135deg); margin: 0 auto; padding: 5px; margin: 15px 0 0 5px; } .essentials-container .step-5 .slide-wrapper .btn-slide span.btn-next { transform: rotate(-45deg); margin: 15px 5px 0 0; } .essentials-container .step-5 .slide-wrapper.stopLeft span.btn-prex { opacity: 0.3; } .essentials-container .step-5 .slide-wrapper.stopRight span.btn-next { opacity: 0.3; } .nanoleaf-essentials #essentials-works-with { padding: 60px 20px; } .nanoleaf-essentials #essentials-works-with .title { padding-bottom: 20px; font-size: 16px; line-height: 1.6em; font-weight: bolder; text-align: center; color: #AEAEAE; text-transform: uppercase; } .nanoleaf-essentials #essentials-works-with ul li { box-sizing: border-box; width: 100%; margin-bottom: 30px; border-radius: 10px; /*opacity: 0;*/ overflow: hidden; background-color: #FFF; } .nanoleaf-essentials #essentials-works-with ul li:last-child { margin-bottom: 0; } .nanoleaf-essentials #essentials-works-with ul li.move { animation: nl-fade-up 1s ease 0s 1; animation-fill-mode: forwards; } .nanoleaf-essentials #essentials-works-with ul li:nth-child(1) { animation-delay: 0s; } .nanoleaf-essentials #essentials-works-with ul li:nth-child(2) { animation-delay: .5s; } .nanoleaf-essentials #essentials-works-with ul li .content { padding: 50px 30px; } .nanoleaf-essentials #essentials-works-with ul li .content .subtitle { font-size: 14px; font-weight: 900; margin-bottom: 10px; } .nanoleaf-essentials #essentials-works-with ul li .content .text { font-size: 23px; line-height: 1.6em; margin-bottom: 50px; } .nanoleaf-essentials #essentials-works-with ul li .content .btn { width: 180px; } .nanoleaf-essentials #essentials-works-with ul li .img-wrapper { overflow: hidden; } .nanoleaf-essentials #essentials-works-with ul li .divimg { background-size: cover; background-position: center; height: 260px; width: 100%; transform: scale(1); transition: all 0.35s; } .nanoleaf-essentials #essentials-works-with ul li .divimg:hover { transform: scale(1.05); } #products.nanoleaf-essentials .product-box .product-wrapper ul li { background-color: #FFF; border-radius: 10px; padding: 30px; box-sizing: border-box; } @media (-webkit-max-device-pixel-ratio: 1.99999999) { #products #hero { background-image: url(../img/homepage/Shapes@1x.jpg); } .is-webp #products #hero { background-image: url(../img/homepage/Shapes@1x.webp); } #products.nanoleaf-canvas #hero { background-image: url(../img/homepage/hero/HeroBG_2@1x.jpg); } .is-webp #products.nanoleaf-canvas #hero { background-image: url(../img/homepage/hero/HeroBG_2@1x.webp); } #products.nanoleaf-light-panels #hero { background-image: url(../img/homepage/hero/HeroBG_3@1x.jpg); } .is-webp #products.nanoleaf-light-panels #hero { background-image: url(../img/homepage/hero/HeroBG_3@1x.webp); } /* nanoleaf-elements page */ #products.nanoleaf-elements #hero { background-image: url(../img/products/elements/ElementHeroDark@2x.jpg); } .is-webp #products.nanoleaf-elements #hero { background-image: url(../img/products/elements/ElementHeroDark@2x.webp); } #products #s2 .wrapper-bottom { background-image: url(../img/homepage/Shapes@1x.jpg); } .is-webp #products #s2 .wrapper-bottom { background-image: url(../img/homepage/Shapes@1x.webp); } #products #s4 .wrapper-bottom { background-image: url(../img/homepage/Shapes@1x.jpg); } .is-webp #products #s4 .wrapper-bottom { background-image: url(../img/homepage/Shapes@1x.webp); } #products #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/canvas/Rhythm_Scene@1x.jpg); } .is-webp #products #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/canvas/Rhythm_Scene@1x.webp); } #products #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/canvas/Screen_Mirror@1x.jpg); } .is-webp #products #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/canvas/Screen_Mirror@1x.webp); } #products #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/canvas/Flex_Linkers@1x.jpg); } .is-webp #products #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/canvas/Flex_Linkers@1x.webp); } #products #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/canvas/Scheduled_Scenes@1x.jpg); } .is-webp #products #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/canvas/Scheduled_Scenes@1x.webp); } /* nanoleaf-light-panels page */ #products.nanoleaf-light-panels #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/LP/ShopLP3@1x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/LP/ShopLP3@1x.webp); } #products.nanoleaf-light-panels #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/LP/Screen_Mirror@1x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/LP/Screen_Mirror@1x.webp); } #products.nanoleaf-light-panels #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/LP/Flex_Linkers@1x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/LP/Flex_Linkers@1x.webp); } #products.nanoleaf-light-panels #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/LP/Scheduled_Scenes@1x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/LP/Scheduled_Scenes@1x.webp); } /* products box Shapes */ #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); background-position: 50% 10%;} .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); background-position: 50% 10%;} #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopHEX2@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopHEX2@1x.webp);} #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopHEX3@1x.jpg); background-position: 50% 25%;} .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopHEX3@1x.webp); background-position: 50% 25%;} #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopHEX4@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopHEX4@1x.webp); } #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopHEX5@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopHEX5@1x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.jpg); background-position: 50% 20%;} .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.webp); background-position: 50% 20%;} #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.webp); background-position: 50% 0%;} #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } /* products box LP */ #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP1@1x.jpg); background-position: 50% 25%;} .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP1@1x.webp); background-position: 50% 25%;} #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/ShopLP2@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/ShopLP2@1x.webp);} #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/ShopLP3@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/ShopLP3@2x.webp); } #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/ShopLP4@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/ShopLP4@1x.webp); } #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/ShopLP5@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/ShopLP5@1x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP3@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP3@1x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/EXPLP2@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/EXPLP2@1x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/EXPLP3@1x.jpg); background-position: 50% 20%;} .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/EXPLP3@1x.webp); background-position: 50% 20%;} #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/EXPLP4@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/EXPLP4@1x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/EXPLP5@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/EXPLP5@1x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/LPEXP301@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/LPEXP301@1x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/LPEXP302@1x.jpg); background-position: 50% 25%;} .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/LPEXP302@1x.webp); background-position: 50% 25%;} #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/LPEXP303@1x.jpg); background-position: 50% 10%;} .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/LPEXP303@1x.webp); background-position: 50% 10%;} #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/LPEXP304@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/LPEXP304@1x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.jpg); background-position: 50% 20%;} .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.webp); background-position: 50% 20%;} #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.webp); background-position: 50% 0%;} #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } /* products box canvas */ #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@1x.jpg);} .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@1x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@1x.webp);} #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@1x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@1x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@1x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@1x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@1x.jpg); background-position: 50% 15%;} .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@1x.webp); background-position: 50% 15%;} #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@1x.jpg); background-position: 50% 35%; } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@1x.webp); background-position: 50% 35%; } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@1x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@1x.webp); background-position: 50% 0%;} #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@1x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.webp); background-position: 50% 0%;} #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.jpg); background-position: 50% 20%;} .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.webp); background-position: 50% 20%;} #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.webp); background-position: 50% 0%;} #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } /* products box elements */ #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@1x.jpg);} .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@1x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@1x.webp);} #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@1x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@1x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@1x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@1x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@1x.jpg); background-position: 50% 15%;} .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@1x.webp); background-position: 50% 15%;} #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@1x.jpg); background-position: 50% 35%; } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@1x.webp); background-position: 50% 35%; } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@1x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@1x.webp); background-position: 50% 0%;} #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@1x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.webp); background-position: 50% 0%;} #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.jpg); background-position: 50% 20%;} .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@1x.webp); background-position: 50% 20%;} #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.jpg); background-position: 50% 0%;} .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@1x.webp); background-position: 50% 0%;} #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@1x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@1x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@1x.webp); } /* product-accessories section */ #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@1x.png); } .is-webp #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@1x.webp); } #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@1x.png); } .is-webp #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@1x.webp); } #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@1x.png); } .is-webp #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@1x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@1x.png); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@1x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/canvas/PSUplug@1x.jpg); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/canvas/PSUplug@1x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/Remote@1x.png); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/Remote@1x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(4) .divimg { background-image: url(../img/products/shapes/FlexLink@1x.png); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(4) .divimg { background-image: url(../img/products/shapes/FlexLink@1x.webp); } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/LP/LPMount1@1x.jpg); background-position: 50% 20%; background-size: 60%;} .is-webp #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/LP/LPMount1@1x.webp); background-position: 50% 30%; background-size: 60%; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@1x.jpg); } .is-webp #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@1x.webp); } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/LP/LPflexLink@1x.jpg); } .is-webp #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/LP/LPflexLink@1x.webp); } #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@1x.png); } .is-webp #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@1x.webp); } #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@1x.png); } .is-webp #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@1x.webp); } #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@1x.png); } .is-webp #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@1x.webp); } /* nanoleaf-elements page */ .elements-container ul .li-right .divimg { background-image: url(../img/homepage/Shapes@1x.jpg); } .is-webp .elements-container ul .li-right .divimg { background-image: url(../img/homepage/Shapes@1x.webp); } .elements-container .step-6 ul li:nth-child(1) .divimg { background-image: url(../img/products/elements/ElementGallery3@1x.jpg); } .is-webp .elements-container .step-6 ul li:nth-child(1) .divimg { background-image: url(../img/products/elements/ElementGallery3@1x.webp); } .elements-container .step-6 ul li:nth-child(2) .divimg { background-image: url(../img/products/elements/ElementGallery5@1x.jpg); background-position: 65% 50%; } .is-webp .elements-container .step-6 ul li:nth-child(2) .divimg { background-image: url(../img/products/elements/ElementGallery5@1x.webp); background-position: 65% 50%; } .elements-container .step-6 ul li:nth-child(3) .divimg { background-image: url(../img/products/elements/ElementGallery4@1x.jpg); background-position: 30% 0%; background-size: 250%; } .is-webp .elements-container .step-6 ul li:nth-child(3) .divimg { background-image: url(../img/products/elements/ElementGallery4@1x.webp); background-position: 30% 0%; background-size: 250%; } .elements-container .step-6 ul li:nth-child(4) .divimg { background-image: url(../img/products/elements/ElementGallery1@1x.jpg); } .is-webp .elements-container .step-6 ul li:nth-child(4) .divimg { background-image: url(../img/products/elements/ElementGallery1@1x.webp); } /* essentials page */ .essentials-container .step-4 ul li:nth-child(1) { background-image: linear-gradient(0deg, #E29A06 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential2@1x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(1) { background-image: linear-gradient(0deg, #E29A06 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential2@1x.webp); } .essentials-container .step-4 ul li:nth-child(2) { background-image: linear-gradient(0deg, #2F2A64 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential4@1x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(2) { background-image: linear-gradient(0deg, #2F2A64 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential4@1x.webp); } .essentials-container .step-4 ul li:nth-child(3) { background-image: linear-gradient(0deg, #04D19A 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential1@1x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(3) { background-image: linear-gradient(0deg, #04D19A 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential1@1x.webp); } .essentials-container .step-4 ul li:nth-child(4) { background-image: linear-gradient(0deg, #70205F 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential3@1x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(4) { background-image: linear-gradient(0deg, #70205F 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential3@1x.webp); } .nanoleaf-essentials #essentials-works-with ul li:nth-child(1) .divimg { background-image: url(../img/products/essentials/Essential2@1x.jpg); } .is-webp .nanoleaf-essentials #essentials-works-with ul li:nth-child(1) .divimg { background-image: url(../img/products/essentials/Essential2@1x.webp); } .nanoleaf-essentials #essentials-works-with ul li:nth-child(2) .divimg { background-image: url(../img/products/essentials/Essential4@1x.jpg); } .is-webp .nanoleaf-essentials #essentials-works-with ul li:nth-child(2) .divimg { background-image: url(../img/products/essentials/Essential4@1x.webp); } } @media (-webkit-min-device-pixel-ratio: 2) { #products #hero { background-image: url(../img/homepage/Shapes@2x.jpg); } .is-webp #products #hero { background-image: url(../img/homepage/Shapes@2x.webp); } #products.nanoleaf-canvas #hero { background-image: url(../img/homepage/hero/HeroBG_2@2x.jpg); } .is-webp #products.nanoleaf-canvas #hero { background-image: url(../img/homepage/hero/HeroBG_2@2x.webp); } #products.nanoleaf-light-panels #hero { background-image: url(../img/homepage/hero/HeroBG_3@2x.jpg); } .is-webp #products.nanoleaf-light-panels #hero { background-image: url(../img/homepage/hero/HeroBG_3@2x.webp); } /* nanoleaf-elements page */ #products.nanoleaf-elements #hero { background-image: url(../img/products/elements/ElementHeroDark@2x.jpg); } .is-webp #products.nanoleaf-elements #hero { background-image: url(../img/products/elements/ElementHeroDark@2x.webp); } #products #s2 .wrapper-bottom { background-image: url(../img/homepage/Shapes@2x.jpg); } .is-webp #products #s2 .wrapper-bottom { background-image: url(../img/homepage/Shapes@2x.webp); } #products #s4 .wrapper-bottom { background-image: url(../img/homepage/Shapes@2x.jpg); } .is-webp #products #s4 .wrapper-bottom { background-image: url(../img/homepage/Shapes@2x.webp); } #products #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/canvas/Rhythm_Scene@2x.jpg); } .is-webp #products #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/canvas/Rhythm_Scene@2x.webp); } #products #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/canvas/Screen_Mirror@2x.jpg); } .is-webp #products #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/canvas/Screen_Mirror@2x.webp); }#products #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/canvas/Flex_Linkers@2x.jpg); } .is-webp #products #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/canvas/Flex_Linkers@2x.webp); }#products #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/canvas/Scheduled_Scenes@2x.jpg); } .is-webp #products #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/canvas/Scheduled_Scenes@2x.webp); } /* nanoleaf-light-panels page */ #products.nanoleaf-light-panels #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/LP/ShopLP3@2x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(1) .wrapper-right { background-image: url(../img/products/LP/ShopLP3@2x.webp); } #products.nanoleaf-light-panels #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/LP/Screen_Mirror@2x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(2) .wrapper-right { background-image: url(../img/products/LP/Screen_Mirror@2x.webp); } #products.nanoleaf-light-panels #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/LP/Flex_Linkers@2x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(3) .wrapper-right { background-image: url(../img/products/LP/Flex_Linkers@2x.webp); } #products.nanoleaf-light-panels #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/LP/Scheduled_Scenes@2x.jpg); } .is-webp #products.nanoleaf-light-panels #product-block .item:nth-child(4) .wrapper-right { background-image: url(../img/products/LP/Scheduled_Scenes@2x.webp); } /* products box shapes */ #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopHEX2@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopHEX2@2x.webp); } #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopHEX3@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopHEX3@2x.webp); } #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopHEX4@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopHEX4@2x.webp); } #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopHEX5@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopHEX5@2x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/SEXPHEX1@2x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-shapes #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } /* products box LP */ #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP1@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP1@2x.webp); } #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/ShopLP2@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/ShopLP2@2x.webp); } #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/ShopLP3@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/ShopLP3@2x.webp); } #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/ShopLP4@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/ShopLP4@2x.webp); } #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/ShopLP5@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/ShopLP5@2x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP3@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/ShopLP3@2x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/EXPLP2@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/EXPLP2@2x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/EXPLP3@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/EXPLP3@2x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/EXPLP4@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/EXPLP4@2x.webp); } #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/EXPLP5@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/LP/EXPLP5@2x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/LPEXP301@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/LP/LPEXP301@2x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/LPEXP302@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/LP/LPEXP302@2x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/LPEXP303@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/LP/LPEXP303@2x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/LPEXP304@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/LP/LPEXP304@2x.webp); } #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/SEXPHEX1@2x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-light-panels #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } /* products box canvas */ #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@2x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@2x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@2x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@2x.webp); } #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@2x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@2x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@2x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@2x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@2x.webp); } #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@2x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@2x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.webp); } #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/SEXPHEX1@2x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-canvas #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } /* products box elements */ #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/ShopCAN1@2x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/ShopCAN2@2x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/ShopCAN3@2x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/ShopCAN4@2x.webp); } #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_1 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/ShopCAN5@2x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP1@2x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP2@2x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP3@2x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP4@2x.webp); } #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_2 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/canvas/CANEXP5@1x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/canvas/CANEXP251@2x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/canvas/CANEXP252@2x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/canvas/CANEXP253@1x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/canvas/CANEXP254@1x.webp); } #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_3 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/EXPHEX1@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/SEXPHEX1@2x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/EXPHEX2@2x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/EXPHEX3@2x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_4 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_5 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_6 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_7 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_8 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopBattle@2x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='0'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='1'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='2'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='3'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.jpg); } .is-webp #products.nanoleaf-elements #slider_9 .swiper-slide[data-swiper-slide-index='4'] { background-image: url(../img/products/shapes/ShopWall@2x.webp); } /* product-accessories section */ #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@2x.png); } .is-webp #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@2x.webp); } #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@2x.png); } .is-webp #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@2x.webp); } #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@2x.png); } .is-webp #products.nanoleaf-shapes .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@2x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@2x.png); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@2x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/canvas/PSUplug@2x.jpg); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/canvas/PSUplug@2x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/Remote@2x.png); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/Remote@2x.webp); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(4) .divimg { background-image: url(../img/products/shapes/FlexLink@2x.png); } .is-webp #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(4) .divimg { background-image: url(../img/products/shapes/FlexLink@2x.webp); } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/LP/LPMount1@2x.jpg); background-position: 50% 20%; background-size: 60%;} .is-webp #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/LP/LPMount1@2x.webp); background-position: 50% 30%; background-size: 60%; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@2x.jpg); } .is-webp #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/Remote@2x.webp); } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/LP/LPflexLink@2x.jpg); } .is-webp #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/LP/LPflexLink@2x.webp); } #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@2x.png); } .is-webp #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-image: url(../img/products/shapes/MountingGrid@2x.webp); } #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@2x.png); } .is-webp #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(2) .divimg { background-image: url(../img/products/shapes/Remote@2x.webp); } #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@2x.png); } .is-webp #products.nanoleaf-elements .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-image: url(../img/products/shapes/FlexLink@2x.webp); } /* nanoleaf-elements page */ .elements-container ul .li-right .divimg { background-image: url(../img/homepage/Shapes@2x.jpg); } .is-webp .elements-container ul .li-right .divimg { background-image: url(../img/homepage/Shapes@2x.webp); } .elements-container .step-6 ul li:nth-child(1) .divimg { background-image: url(../img/products/elements/ElementGallery3@2x.jpg); } .is-webp .elements-container .step-6 ul li:nth-child(1) .divimg { background-image: url(../img/products/elements/ElementGallery3@2x.webp); } .elements-container .step-6 ul li:nth-child(2) .divimg { background-image: url(../img/products/elements/ElementGallery5@2x.jpg); } .is-webp .elements-container .step-6 ul li:nth-child(2) .divimg { background-image: url(../img/products/elements/ElementGallery5@2x.webp); } .elements-container .step-6 ul li:nth-child(3) .divimg { background-image: url(../img/products/elements/ElementGallery4@2x.jpg); } .is-webp .elements-container .step-6 ul li:nth-child(3) .divimg { background-image: url(../img/products/elements/ElementGallery4@2x.webp); } .elements-container .step-6 ul li:nth-child(4) .divimg { background-image: url(../img/products/elements/ElementGallery1@2x.jpg); } .is-webp .elements-container .step-6 ul li:nth-child(4) .divimg { background-image: url(../img/products/elements/ElementGallery1@2x.webp); } /* essentials page */ .essentials-container .step-4 ul li:nth-child(1) { background-image: linear-gradient(0deg, #E29A06 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential2@2x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(1) { background-image: linear-gradient(0deg, #E29A06 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential2@2x.webp); } .essentials-container .step-4 ul li:nth-child(2) { background-image: linear-gradient(0deg, #2F2A64 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential4@2x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(2) { background-image: linear-gradient(0deg, #2F2A64 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential4@2x.webp); } .essentials-container .step-4 ul li:nth-child(3) { background-image: linear-gradient(0deg, #04D19A 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential1@2x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(3) { background-image: linear-gradient(0deg, #04D19A 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential1@2x.webp); } .essentials-container .step-4 ul li:nth-child(4) { background-image: linear-gradient(0deg, #70205F 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential3@2x.jpg); } .is-webp .essentials-container .step-4 ul li:nth-child(4) { background-image: linear-gradient(0deg, #70205F 0%, rgba(58,76,85,0) 20%), url(../img/products/essentials/Essential3@2x.webp); } .nanoleaf-essentials #essentials-works-with ul li:nth-child(1) .divimg { background-image: url(../img/products/essentials/Essential2@2x.jpg); } .is-webp .nanoleaf-essentials #essentials-works-with ul li:nth-child(1) .divimg { background-image: url(../img/products/essentials/Essential2@2x.webp); } .nanoleaf-essentials #essentials-works-with ul li:nth-child(2) .divimg { background-image: url(../img/products/essentials/Essential4@2x.jpg); } .is-webp .nanoleaf-essentials #essentials-works-with ul li:nth-child(2) .divimg { background-image: url(../img/products/essentials/Essential4@2x.webp); } } } @media screen and (min-width: 321px) { #products #need-help .btn-operate { max-width: 100%; width: 350px; } #products #need-help .btn-operate a { width: 160px; } } @media screen and (min-width: 768px) { header.menuScroll { transform: translateY(-81px); } #products h1 { max-width: 500px; font-size: 56px; } #products #products-menu { top: 81px; } #products #products-menu .wrapper { padding: 0 50px; } #products #products-menu.active .wrapper { padding: 0 50px 185px; } #products #products-menu .title { padding: 25px 0; } #products #products-menu .menu-lists { padding: 0 50px; } #products #products-menu.active .menu-lists { padding: 0 50px 20px; } #products #products-menu .shop { display: flex; align-items: center; } #products #products-menu .shop .btn.btn-green { width: 120px; border: 1px #3FAE29 solid; background-color: #3FAE29; color: #FFF; } #products #products-menu .shop .entry { display: block; margin-right: 30px; } #products #products-menu .shop .entry .label { font-size: 12px; } #products #products-menu .shop .entry .price { font-weight: bold; margin-top: 5px; } #products #hero { background-size: 150%; } #products #hero .wrapper { padding: 0 50px; bottom: 10px; } #products #hero .learn-more { margin: 20vh auto 0; } #products #s1 .subtitle, #products #s2 .subtitle, #products #s3 .subtitle, #products #s4 .subtitle { font-size: 26px; } #products #s1 .wrapper-left, #products #s3 .wrapper-left { padding: 100px 50px 30px; } #products #s2, #products #s4 { padding: 100px 50px; } #products #s2 .wrapper-bottom, #products #s4 .wrapper-bottom { padding-top: 0; height: 400px; } #products #s1 .text, #products #s2 .text, #products #s3 .text, #products #s4 .text { width: 80%; } #products #s1 .wrapper-right { margin-top: -80px; margin-left: 200px; } #products #s3 .wrapper-right { margin-top: -80px; margin-left: 200px; } #products.nanoleaf-canvas #s3 .wrapper-right .divimg video { width: 90%; padding: 5em 0; } #products #product-block { padding: 100px 50px; } #products #product-block .subtitle { font-size: 26px; } #products #product-block .item .wrapper-right { padding-top: 0; height: 400px; } #products #product-features { margin: 100px 50px 0; padding: 60px 50px; border-radius: 10px; } #products #product-features h1 { font-size: 42px; } #products #product-features ul li .li-right .text { font-size: 18px; } #products #nanoleaf-app { margin: 100px 50px 0; padding: 60px 0 60px 40px; } #products #nanoleaf-app .wrapper { display: flex; overflow: hidden; } #products #nanoleaf-app .wrapper-left { width: 55%; margin-right: 12%;;} #products #nanoleaf-app .wrapper-left .download { margin: 50px 0 0; } #products #nanoleaf-app .wrapper-right { height: 100%; width: 260px; margin-right: -50%; } #products #nanoleaf-shop .lists { margin: 0 50px; display: flex; justify-content: space-between; align-items: center; } #products #nanoleaf-shop .lists li { flex-direction: column; justify-content: center; margin-bottom: 0; opacity: 0; } #products #nanoleaf-shop .lists li.move { animation: nl-fade-up 1.5s ease 0s 1; animation-fill-mode: forwards; } #products #nanoleaf-shop .products-lists .product-wrapper ul li.move { animation: nl-fade-up 1.5s ease 0s 1; animation-fill-mode: forwards; } #products #nanoleaf-shop .lists li:nth-child(1) { animation-delay: 0s; } #products #nanoleaf-shop .lists li:nth-child(2) { animation-delay: .5s; } #products #nanoleaf-shop .lists li:nth-child(3) { animation-delay: 1s; } #products #nanoleaf-shop .lists .label { margin-top: 10px; } #products #nanoleaf-shop h1 { font-size: 42px; max-width: 100%; margin: 60px 0 30px; } #products #nanoleaf-shop .tabs { margin: 0 50px; } #products #nanoleaf-shop .tabs ul { font-size: 26px; width: 580px; margin: 0 auto; } #products.nanoleaf-light-panels #nanoleaf-shop .tabs ul { width: 250px; } #products.nanoleaf-canvas #nanoleaf-shop .tabs ul { width: 250px; } #products .product-box .item-top .text { width: 500px; margin: 0 auto; } #products .product-box .product-wrapper ul { margin: 0 50px; width: 780px; } #products .product-box .product-wrapper ul li { width: 350px; min-width: 350px; } #products .product-box .product-wrapper ul li .main .btn-operate { max-width: 325px; } #products .product-box .product-wrapper ul li .main .btn-operate a { margin: 0; } #products .product-box .product-wrapper ul li .main .btn-operate a:last-child { width: 120px; } #products .product-accessories .product-wrapper ul { margin-left: 50px; /*width: 1160px;*/ } #products .product-accessories .product-wrapper ul li { width: 350px; min-width: 350px; } #products .product-accessories .product-wrapper ul li .main { padding: 50px 40px 10px; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li .main {padding-bottom: 0;} #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-position: 50% 0;} #accessories-overlay .overlay-container { position: absolute; top: 50%; left: 200px; bottom: initial; transform: translate(-100px, -50%); border-radius: 10px; } #accessories-overlay .close-accessories { top: 30px; right: 50px; } #accessories_1, #accessories_2, #accessories_3 { height: 350px; } #accessories-overlay .content { padding: 50px; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { margin-top: 160px; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(4) .divimg { margin-top: 160px; } #products #need-help { padding: 60px 50px; } #products #need-help .wrapper { display: flex; justify-content: space-between; align-items: center; } #products #need-help .title-bottom { margin: 10px 0 0; } #products #need-help .btn-operate { width: 400px; } #products #need-help .btn-operate a { width: 180px; } /* compare page */ .compare-top { padding: 220px 0 30px; } .compare-container .images-lists { padding: 20px 50px; } .compare-container .images-lists li img { width: 250px; } .compare-container .selector { margin: 0 50px; } .compare-container .selector .selector-item { width: calc((100% - 50px) / 2 ); } .compare-container .selector .selector-item:first-child { margin-right: 50px; } .compare-container select { border: 1px solid #979797; border-radius: 10px; padding: 10px 15px; font-size: 18px; font-weight: normal; background-position: right 20px center; } .compare-container .button-lists { margin: 20px 50px; } .compare-container .button-lists li { width: calc((100% - 50px) / 2 ); } .compare-container.canvas .button-lists li.canvas { display: flex; justify-content: space-between; } .compare-container.light_panels .button-lists li.light_panels { display: flex; justify-content: space-between; } .compare-container.shapes_hexagons .button-lists li.shapes_hexagons { display: flex; justify-content: space-between; } .compare-container.shapes_triangle .button-lists li.shapes_triangle { display: flex; justify-content: space-between; } .compare-container.shapes_mini_triangle .button-lists li.shapes_mini_triangle { display: flex; justify-content: space-between; } .compare-container.elements .button-lists li.elements { display: flex; justify-content: space-between; } .compare-container .button-lists li .btn { width: 140px; } .compare-container .button-lists li .btn:last-child { margin-top: 0; border: 1px #3A4C55 solid; } .compare-container .attribute { padding: 0 50px 60px; } /* SPECS & FAQs */ .specs-top { padding: 220px 0 60px; } .specs-top .product-tabs ul { margin: 0 auto; } .specs-top .product-tabs li { margin-right: 0; } .specs-container { padding: 0 50px 50px; } #products .specs-container h1 { font-size: 38px; } #products .specs-container h2 { font-size: 23px; } .specs-container .item { padding: 50px; } .specs-container .item ul li .img-lists { display: flex; justify-content: space-between; align-items: center; } .specs-container .item ul li .img-lists .divimg:nth-child(odd){ margin-right: 50px; } .faqs-container { padding: 50px; } .faqs-container h3 { font-size: 23px; } .faqs-container ul li { padding: 30px 50px; } .faqs-container ul li .li-title .arrow-down { margin: 6px 5px 0 0; } .faqs-container ul li.active .li-title .arrow-down { margin: 18px 5px 0 0; } /* nanoleaf-elements page */ #products.nanoleaf-elements #hero { background-position: 66% -100%; background-size: 250%; } #products.nanoleaf-elements #hero .subtitle { font-size: 23px; font-weight: bold; text-align: center; text-shadow: 2px 2px 30px rgba(0, 0, 0, 0.5) } #products.nanoleaf-elements #hero h1, #products.nanoleaf-elements #hero .btn-operate { margin: 0 auto; } .elements-container { padding: 50px; } .elements-container .step-1 .text { font-size: 42px; } .elements-container .text { font-size: 23px; } #products .elements-container h1 { max-width: 100%; font-size: 55px; } .elements-container .subtitle { font-size: 26px; } .elements-container ul .li-right .divimg { height: 500px; } .elements-container .step-6 { display: flex; flex-direction: row-reverse; align-items: center; } #products .elements-container .step-6 h1 { font-size: 36px; padding: 0 0 0 50px; width: 220px; box-sizing: border-box; } .elements-container .step-6 .text { width: 90%; margin: 0; font-size: 16px; } .elements-container .step-6 ul { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr; width: 80%; } .elements-container .step-6 ul li { opacity: 0.3; transition: all 0.35s; } .elements-container .step-6 ul li.active { opacity: 1; } .elements-container .step-6 ul li:nth-child(1) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } .elements-container .step-6 ul li:nth-child(2) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 4; } .elements-container .step-6 ul li:nth-child(3) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 5; } .elements-container .step-6 ul li:nth-child(4) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 6; } #products.nanoleaf-elements #nanoleaf-shop .tabs ul { width: 250px; } /* essentials page */ .essentials-container { padding: 150px 50px 50px; } .essentials-container .subtitle { font-size: 26px; } #products .essentials-container h1 { max-width: 600px; margin: 0 auto; } .essentials-container .step-1 .divimg { width: 300px; } .essentials-container .step-2 .divimg, .essentials-container .step-3 .divimg { width: 300px; } .essentials-container .step-2 .text, .essentials-container .step-3 .text { max-width: 550px; margin: 30px auto 0; } .essentials-container .step-4 .step-top { text-align: left; } #products .essentials-container .step-4 .step-top h1 { margin: 0; } .essentials-container .step-4 ul li .text { max-width: 265px; } .essentials-container .step-4 ul { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 2fr 2fr; grid-gap: 20px; } .essentials-container .step-4 ul li { margin-bottom: 0; height: auto; } .essentials-container .step-4 ul li:nth-child(1) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } .essentials-container .step-4 ul li:nth-child(2) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .essentials-container .step-4 ul li:nth-child(3) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .essentials-container .step-4 ul li:nth-child(4) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; } .essentials-container .step-5 ul li { width: 350px; min-width: 350px; padding: 50px; } .nanoleaf-essentials #essentials-works-with { padding: 100px 50px; } .nanoleaf-essentials #essentials-works-with ul { display: flex; flex-wrap: wrap; } .nanoleaf-essentials #essentials-works-with ul li { width: 100%; display: flex; } .nanoleaf-essentials #essentials-works-with ul li .content { width: 50%; padding: 50px; box-sizing: border-box; } .nanoleaf-essentials #essentials-works-with ul li .img-wrapper { width: 50%; } .nanoleaf-essentials #essentials-works-with ul li .divimg { height: 100%; } .nanoleaf-essentials #essentials-works-with ul li .content .text { min-height: 80px; } } @media screen and (min-width: 1024px) { #products #hero { background-size: cover; background-position: center; } #products #s1 .text { width: 65%; } #products.nanoleaf-canvas #s1 .divimg .video { width: 70%; margin-top: 4em; } #products #s2 .text, #products #s3 .text, #products #s4 .text { width: 100%; } #products #s2 .entry, #products #s4 .entry { display: grid; grid-template-columns: 1fr 1fr; } #products #s2 .wrapper-bottom, #products #s4 .wrapper-bottom { height: 500px; margin-top: 50px; } #products #s3 .wrapper-left { margin-left: 35%; } #products #s1 .wrapper-right { margin-top: -150px; margin-left: 30%; } #products #s3 .wrapper-right { margin-top: -150px; margin-left: 0; margin-right: 30%; } #products #s4 .entry h1 { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } #products.nanoleaf-canvas #product-block #s3 .wrapper { display: flex; flex-direction: row-reverse; } #products.nanoleaf-canvas #product-block #s3 .wrapper-left { margin-left: 0; padding: 2em 1em; padding-left: 5em;} #products.nanoleaf-canvas #product-block #s3 .wrapper-right { margin-top: -80px; margin-right: 0; } #products.nanoleaf-canvas #product-block #s3 .wrapper-right { margin-top: -80px; margin-right: 0; } #products.nanoleaf-canvas #product-block #s3 .wrapper-right .divimg video { width: 120%; padding: 5em 0; } #products #product-block { padding: 100px 0; } #products #product-block .item { display: flex; justify-content: space-between; align-items: center; } #products #product-block .item .wrapper-left { width: calc((100% - 100px) / 2); padding-right: 50px; box-sizing: border-box; } #products #product-block .item .wrapper-right { width: calc((100% - 100px) / 2); padding-top: 0; height: 550px; margin-top: 0; } #products #product-block .item:nth-child(odd) { flex-direction: row-reverse; } #products #product-block .item:nth-child(odd) .wrapper-right { border-bottom-left-radius: 0; border-top-left-radius: 0; } #products #product-block .item:nth-child(even) .wrapper-right { border-bottom-right-radius: 0; border-top-right-radius: 0; } #products #product-block .item:nth-child(odd) .wrapper-right { margin-right: 100px; } #products #product-block .item:nth-child(even) .wrapper-left { margin-left: 50px; } #products #product-features ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.5em;} #products #product-features ul li { width: calc((100% - 50px) / 2); margin-right: 50px; } #products #product-features ul li:nth-child(2n){ margin-right: 0; } #products #nanoleaf-app { padding: 80px 0 0 80px; } #products #nanoleaf-app .wrapper { border-bottom-right-radius: 10px; } #products #nanoleaf-app .wrapper-left { width: 45%; margin-right: 20%; } #products #nanoleaf-app .wrapper-right { width: 400px; margin-bottom: -200px; } #products #nanoleaf-shop { margin: 0 50px; } #products #nanoleaf-shop .lists { margin: 0; justify-content: space-around; } #products #nanoleaf-shop .lists li { flex-direction: row; } #products #nanoleaf-shop .lists .label { margin-top: 0; } #products #nanoleaf-shop .tabs { margin: 0; } #slider_1, #slider_2, #slider_3, #slider_4, #slider_5, #slider_6, #slider_7, #slider_8, #slider_9 { width: 50%; height: auto; border-top-right-radius: 0; border-bottom-left-radius: 10px; } #products .product-box .product-wrapper ul { display: block; width: 100%; margin: 0; } #products .product-box .product-wrapper ul li { display: flex; width: 100%; margin-bottom: 50px; } #products .product-box .product-wrapper ul li:last-child { margin-bottom: 0; } #products .product-box .product-wrapper ul li .main { padding: 60px; width: 50%; border-bottom-left-radius: 0; border-top-right-radius: 10px; box-sizing: border-box; } #products .product-box .product-wrapper ul li .main .price { margin-bottom: 30px; } #products .product-box .product-wrapper ul li .main .btn-operate a { width: 150px; } #products .product-box .product-wrapper ul li .main .btn-operate a:last-child { width: 150px; border: 1px #3A4C55 solid; border-radius: 25px; } #slider_1 .swiper-slide, #slider_2 .swiper-slide, #slider_3 .swiper-slide, #slider_4 .swiper-slide, #slider_5 .swiper-slide, #slider_6 .swiper-slide, #slider_7 .swiper-slide, #slider_8 .swiper-slide, #slider_9 .swiper-slide { border-top-right-radius: 0px; } #products .product-accessories .product-wrapper ul { /*width: 120%;*/ margin: 0; } /* #products .product-accessories .product-wrapper ul li { min-width: calc((100% - 60px) / 3)} */ #products .product-accessories .product-wrapper ul li .main { padding: 60px 0 60px 45px; } #products .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-size: 90%; background-position: 50% -20%; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-position: 50% 0; } #accessories-overlay .overlay-container { display: flex; justify-content: space-between; align-items: center; } #accessories_1, #accessories_2, #accessories_3 { width: 50%; height: 100%; } #accessories-overlay .content { width: 50%; box-sizing: border-box; padding: 80px 50px 50px; } #accessories-overlay .overlay-title { font-size: 38px; } /* compare page */ .compare-top .subtitle { max-width: 100%; } .compare-container .selector { margin: 0 100px; } .compare-container .selector .selector-item { width: calc((100% - 100px) / 2 ) } .compare-container .selector .selector-item:first-child { margin-right: 100px; } .compare-container .button-lists { margin: 20px 100px; } .compare-container .button-lists li { width: calc((100% - 100px) / 2 ) } .compare-container .button-lists li .btn { width: 160px; } .compare-container .attribute-item .item-title { padding: 20px 50px; } .compare-container .attribute-item ul { font-size: 16px; } .compare-container .attribute-item ul .entry { padding: 8px 50px; } /* SPECS & FAQs */ .specs-top .product-tabs { overflow: hidden; } .specs-container .item { padding: 80px; } .specs-container .item .label { min-width: 200px; width: 200px; margin-right: 50px; } .specs-container .item .text { width: 60%; } .specs-container .item ul li .content { flex-direction: row; align-items: center; } .specs-container .item ul li:nth-child(1) .item-datail { width: 56%; } .specs-container .item ul li .img-lists { width: 34%; margin: 0 5%; display: block; } .faqs-container h3 { font-size: 24px; margin-right: 10%; } .faqs-container ul li .li-title .arrow-down { margin: 7px 5px 0 0; } .faqs-container ul li.active .li-title .arrow-down { margin: 15px 5px 0 0; } .faqs-container ul li .faqs-main { font-size: 23px; } .faqs-container ul li { padding: 30px 80px; } .faqs-container ul li.active .faqs-main { margin-right: 10%; } /* nanoleaf-elements page */ .elements-container .text { margin: 0 auto; padding: 0; } .elements-container .steps .step-left img { width: 50%; margin: 0 auto; } .elements-container .step-1 .text { width: 75%; } .elements-container .step-5 .li-left { display: flex; align-items: center; margin-bottom: 50px; } .elements-container .step-5 .entry { padding: 0; width: 45%; margin-right: 5%; } .elements-container .step-5 .text { padding: 0; width: 50%; } .elements-container .step-5 ul li .divimg { height: 500px; } #products .elements-container .step-6 h1 { display: none; } .elements-container .step-6 ul { margin: 0 auto; grid-gap: 50px; } .elements-container .step-6 ul li .divimg { height: 500px; } .elements-container .step-6 .text { font-size: 18px; } /* essentials page */ .essentials-container .step-2, .essentials-container .step-3 { padding: 80px 0; } .essentials-container .step-2 .divimg { margin: 0 auto; } .essentials-container .step-2 .text { margin: 55px auto 0; } .essentials-container .step-2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 80px; } .essentials-container .step-2 .entry:nth-child(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .essentials-container .step-2 .entry:nth-child(2) { text-align: right; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; } .essentials-container .step-2 .entry:nth-child(3) { text-align: left; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .essentials-container .step-3 .divimg { margin: 0 auto; width: 250px; } .essentials-container .step-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; } .essentials-container .step-3 .entry:nth-child(1) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .essentials-container .step-3 .entry:nth-child(2) { margin-top: 50px; text-align: right; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; } .essentials-container .step-3 .entry:nth-child(3) { text-align: left; grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } .essentials-container .step-3 .text { margin: 110px auto 0; } .essentials-container .step-4 ul { grid-template-rows: 280px 450px 450px; } #products .essentials-container .step-5 h1 { margin: 0; } .essentials-container .step-5 ul { overflow: hidden; } } @media screen and (min-width: 1280px) { header.menuScroll { transform: translateY(-101px); } #products #products-menu { top: 101px; } #products #products-menu .wrapper { padding: 0 10%; } #products #products-menu.active .wrapper { padding: 0 10%; } #products #products-menu .menu-lists { position: initial; display: flex; padding: 0; visibility: visible; opacity: 1; height: auto; background-color: transparent; } #products #products-menu.active .menu-lists { position: initial; display: flex; padding: 0; } #products #products-menu .title { cursor: initial; } #products #products-menu .title .arrow-down { display: none; } #products #products-menu .menu-lists li { opacity: 1; transform: translateY(0); } #products #products-menu .menu-lists li a { margin: 0 25px; padding: 25px 0 20px; border-bottom: 5px transparent solid; } #products #products-menu .menu-lists li.active a { border-bottom: 5px #3A4C55 solid; } #products #hero .wrapper { padding: 0 10%; } #products #hero .learn-more { margin: 20vh auto 0; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-position: 50% 0;} #products.nanoleaf-canvas #product-block #s3 { padding-bottom: 3em;; } #products.nanoleaf-canvas #product-block #s3 .wrapper { align-items: unset; } #products.nanoleaf-canvas #product-block #s3 .wrapper-left { padding: 0 5em 1em 0!important; } #products.nanoleaf-canvas #product-block #s3 .wrapper { justify-content: center; } #products.nanoleaf-canvas #product-block #s3 .wrapper-right { display: flex; justify-content: space-evenly; } #products.nanoleaf-canvas #product-block #s3 .wrapper-right .divimg { display: flex; justify-content: start; } #products.nanoleaf-canvas #product-block #s3 .wrapper-right .divimg video { width: 70%; padding: 0;} #products.nanoleaf-canvas .product-accessories .product-wrapper ul { overflow: hidden; } /* #products.nanoleaf-canvas .product-accessories .product-wrapper ul li { min-width: calc((100% - 200px) / 3); } */ .specs-container .item { padding: 80px 100px; } #products.nanoleaf-canvas #s1 .divimg .video { width: 90%; margin-top: 0em; } #products #s1 .wrapper, #products #s3 .wrapper, #products #s4 .wrapper { display: flex; align-items: center; } #products #s1 .wrapper-left { padding: 100px 10%; width: 35%; } #products #s1 .wrapper-left .text { width: 100%; } #products #s1 .wrapper-right { height: 100%; width: 30%; margin-top: 5em; margin-left: 0; } #products #s2, #products #s4 { padding: 100px 10%; } #products #s2 { background-color: #FFF; } #products #s2 .entry { grid-template-columns: 2fr 3fr; } #products #s2 .text { width: 55%; } #products #s2 .wrapper-bottom { height: 600px; } #products #s3 .wrapper { flex-direction: row-reverse; } #products #s3 .wrapper-left { width: 30%; margin-left: 0; padding: 100px 10%; } #products #s3 .wrapper-right { margin-top: 0; margin-right: 0; width: 50%; } #products #s4 { padding: 100px 0; } #products #s4 .entry { display: block; } #products #s4 .wrapper-top { padding: 0 10%; width: 32%; } #products #s4 .wrapper-bottom { height: 80vh; width: 48%; margin-top: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } #products #product-block .item .wrapper-left { padding-right: 10%; } #products #product-block .item:nth-child(even) .wrapper-left { padding-left: 10%; margin-left: 0; padding-right: 0; } #products #product-features { margin: 100px 10% 0; padding: 60px 100px; } #products #nanoleaf-app { margin: 100px 10% 0; } #products #nanoleaf-app .wrapper-left { width: 380px; } #products #nanoleaf-shop { margin: 0 10%; } #products .product-accessories { position: relative; } #products .product-accessories .product-wrapper ul { width: 100%; } #products .product-accessories .product-wrapper ul li { min-width: calc((100% - 60px) / 3); width: calc((100% - 60px) / 3); } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li { min-width: 400px; width: 400px; } #products .product-accessories .product-wrapper { overflow-x: hidden; } #products .product-accessories .product-wrapper .slider-toggle { position: absolute; top: 100px; right: 0; width: 100px; height: 60px; } #products .product-accessories .product-wrapper .slider-toggle a { display: flex; align-items: center; width: 40px; height: 100%; opacity: 1; } #products .product-accessories .product-wrapper a.btn-prev { position: absolute; left: 5px; } #products .product-accessories .product-wrapper a.btn-next { position: absolute; right: 5px; } #products .product-accessories .product-wrapper .slider-toggle.stopLeft a.btn-prev { opacity: 0.5; } #products .product-accessories .product-wrapper .slider-toggle.stopRight a.btn-next { opacity: 0.5; } #products .product-accessories .product-wrapper .arrows { display: inline-block; margin: 10px 8px; box-sizing: border-box; height: 20px; width: 20px; border-right: 2px solid #3a4c55; border-top: 2px solid #3a4c55; } #products .product-accessories .product-wrapper a.btn-prev .arrows { margin: 10px; transform: rotate(-135deg); } #products .product-accessories .product-wrapper a.btn-next .arrows { transform: rotate(45deg); } #accessories-overlay .overlay-container { left: 50%; transform: translate(-50%, -50%); width: 900px; } #products #need-help { padding: 60px 10%; } /* compare page */ .compare-top { padding: 250px 0 30px; } .compare-top .title { font-size: 50px; } .compare-container .images-lists { padding: 20px 10%; } .compare-container .images-lists li { width: 33.3333%; } .compare-container .selector { margin: 0 10%; } .compare-container .selector .selector-item { width: 33.3333%; margin: 0 50px; } .compare-container .selector .selector-item:first-child { margin-right: 50px; } .compare-container .selector .selector-item:last-child { display: block; } .compare-container .button-lists { margin: 20px 10%; } .compare-container .button-lists li { width: 33.3333%; margin: 0 50px; } .compare-container .button-lists li .btn { margin: 0 auto 10px; } .compare-container.canvas .button-lists li.canvas { display: block; } .compare-container.light_panels .button-lists li.light_panels { display: block; } .compare-container.shapes_hexagons .button-lists li.shapes_hexagons { display: block; } .compare-container.shapes_triangle .button-lists li.shapes_triangle { display: block; } .compare-container.shapes_mini_triangle .button-lists li.shapes_mini_triangle { display: block; } .compare-container.elements .button-lists li.elements { display: block; } .compare-container .attribute { padding: 0 10% 80px; } .compare-container .attribute-item ul li { width: 33.3333%; } /* SPECS & FAQs */ .specs-top { padding: 250px 0 60px; } .specs-container { padding: 0 10% 50px; } .faqs-container { padding: 80px 10%; } .faqs-container ul li { padding: 30px 100px; } .faqs-container h3 { font-size: 24px; } .faqs-container ul li .faqs-main { font-size: 18px; } /* nanoleaf-elements page */ #products.nanoleaf-elements #hero { background-position: 68% -45%; background-size: 135%; } .elements-container { padding: 50px 0; } .elements-container .step-1 { padding: 180px 15%; } .elements-container .step-1 .text { width: 100%; } /* .elements-container .step-2, .elements-container .step-3 { display: flex; justify-content: space-around; align-items: center; padding: 80px 10%; } .elements-container .step-2 .step-left, .elements-container .step-3 .step-left { width: 60%; } .elements-container .step-2 .step-right, .elements-container .step-3 .step-right { width: 30%; padding: 0 5%; } .elements-container .steps.step-2 img, .elements-container .steps.step-3 img { width: 100%; } .elements-container .step-2 .divicon, .elements-container .step-3 .divicon { margin: 0; } .elements-container .step-2, .elements-container .step-3 { text-align: left; } */ .elements-container .step-2 { display: flex; justify-content: space-around; align-items: center; padding: 80px 10%; text-align: left; } .elements-container .step-2 .step-left { width: 60%; } .elements-container .step-2 .step-right { width: 30%; padding: 0 5%; } .elements-container .step-2 .divicon { margin: 0; } .elements-container .step-2 .text { max-width: 300px; margin: 0; } .elements-container .step-4 { padding: 80px 10%; } .elements-container .step-5 ul li { display: flex; align-items: center; } .elements-container .step-5 .entry { width: 100%; margin-right: 0; } .elements-container .step-5 .text { width: 100%; } .elements-container .step-5 ul .li-left { flex-direction: column; justify-content: center; margin-bottom: 0; width: calc(35% - 60px); } .elements-container .step-5 ul .li-right { width: 55%; } .elements-container .step-5 ul li .divimg { height: 75vh; } .elements-container .step-5 ul li:nth-child(1) .li-left { padding: 0 10% 0 60px; } .elements-container .step-5 ul li:nth-child(2) .li-left { padding: 0 60px 0 10%; } .elements-container .step-5 ul li:nth-child(1) { flex-direction: row-reverse; margin-bottom: 160px; } .elements-container .step-5 ul li:nth-child(1) .divimg { border-top-left-radius: 0; border-bottom-left-radius: 0 ;} .elements-container .step-5 ul li:nth-child(2) .divimg { border-top-right-radius: 0; border-bottom-right-radius: 0 ;} .elements-container .step-6 ul { width: 950px; grid-gap: 50px 150px; } /* essentials page */ .essentials-container { padding: 170px 10% 50px; } .essentials-container .step-2, .essentials-container .step-3 { padding: 80px; } .nanoleaf-essentials #essentials-works-with { padding: 100px 10%; } .nanoleaf-essentials #essentials-works-with ul li { width: calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 0; } .nanoleaf-essentials #essentials-works-with ul li:last-child { margin-right: 0; } .nanoleaf-essentials #essentials-works-with ul li .content { padding: 50px 30px; } .nanoleaf-essentials #essentials-works-with ul li .content .text { min-height: 110px; } } @media screen and (min-width: 1440px) { #products.nanoleaf-elements #hero { background-position: 68% -25%%; background-size: 135%; } #products #product-block .item .wrapper-right { height: 800px; } #products .product-box .product-wrapper ul li .main { padding: 80px 100px 80px 60px; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(2) .divimg { margin-top: 20px; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(3) .divimg { margin-top: 0px; } #products.nanoleaf-light-panels .product-accessories .product-wrapper ul li:nth-child(3) .main { padding-bottom: 10px; } #products .product-accessories .product-wrapper ul li:nth-child(3) .divimg { background-position: 50% -30%; height: 270px; background-size: 80%; margin-top: -50px; } #products #product-features { padding: 100px; } #products #product-features ul li { width: calc((100% - 100px) / 2); margin-right: 100px; } #products .product-accessories .product-wrapper ul li .main { padding: 60px 40px; } #products .product-accessories .product-wrapper ul li:nth-child(1) .divimg { background-position: 50% -10%; } #products.nanoleaf-canvas .product-accessories .product-wrapper ul li:nth-child(3) .divimg { margin-top: 90px; } /* #products.nanoleaf-canvas .product-accessories .product-wrapper ul li { min-width: calc((100% - 150px) / 3); } */ #accessories-overlay .overlay-container { width: 1000px; height: auto;} #accessories-overlay .content { padding: 80px 80px 50px 50px; } #accessories-overlay .overlay-title { font-size: 32px; line-height: 150%; width: 80%; } #accessories-overlay .text p:nth-child(3) { padding-top: 5px; } #accessories-overlay .overlay-title { font-size: 32px; line-height: 150%; } #accessories-overlay img { width: 70%; position: relative; left: 70px; } /* compare page */ .compare-container.canvas .button-lists li.canvas { display: flex; } .compare-container.light_panels .button-lists li.light_panels { display: flex; } .compare-container.shapes_hexagons .button-lists li.shapes_hexagons { display: flex; } .compare-container.shapes_triangle .button-lists li.shapes_triangle { display: flex; } .compare-container.shapes_mini_triangle .button-lists li.shapes_mini_triangle { display: flex; } .compare-container.elements .button-lists li.elements { display: flex; } .compare-container .button-lists li .btn { width: 48%; } .compare-container .button-lists li .btn:first-child { margin-right: 4%; } /* SPECS & FAQs */ .specs-container .item { padding: 80px 200px; } .specs-container .item ul li:nth-child(1) .item-datail { width: 55%; } .specs-container .item ul li .img-lists { width: 30%; margin: 0 5%; display: flex; flex-direction: column; } .faqs-container ul li { padding: 30px 200px; } /* nanoleaf-elements page */ .elements-container .step-5 ul li .divimg { height: 85vh; } /* essentials page */ .essentials-container .step-4 ul { grid-template-rows: 350px 600px 600px; } } @media screen and (min-width: 1550px) { #products .product-accessories .product-wrapper ul li .main .btn-operate { max-width: 325px; } #products.nanoleaf-elements #hero { background-position: 68% -15%; background-size: 115%; } } @media screen and (min-width: 1920px) { #products #products-menu .wrapper { padding: 0 15%; } #products #hero .wrapper { padding: 0 15%; } #products.nanoleaf-elements #hero { background-position: 68% 0%; background-size: 135%; } #products #s1 h1, #products #s2 h1, #products #s3 h1, #products #s4 h1 { font-size: 80px; line-height: 100px; max-width: 100%; } #products #s2 h1 { width: 90%; } #products #s1 .subtitle, #products #s2 .subtitle, #products #s3 .subtitle, #products #s4 .subtitle { font-size: 38px; } #products #s1 .text, #products #s2 .text, #products #s3 .text, #products #s4 .text { font-size: 23px; } #products #s1 .wrapper-left { padding: 100px 5% 100px 15%; } #products #s2 { padding: 100px 15%; } #products #s2 .entry { grid-template-columns: 1fr 1fr; } #products #s2 .text { width: 95%; padding-left: 5%; } #products #s3 .wrapper-left { padding: 100px 15% 100px 5%; width: 32%; } #products #s3 .wrapper-right { width: 48%; } #products #s4 .wrapper-top { padding: 0 5% 0 15%; } #products #product-block h1 { font-size: 80px; line-height: 100px; max-width: 100%; } #products #product-block .subtitle { font-size: 38px; } #products #product-block .text { font-size: 23px; } #products #product-block .item .wrapper-left { padding-right: 15%; } #products #product-block .item:nth-child(even) .wrapper-left { padding-left: 15%; } #products #product-block .btn-operate a.btn-text { font-size: 23px; width: 130px; } #products #product-features { margin: 100px 15% 0; padding: 100px 150px; } #products #nanoleaf-app { margin: 100px 15% 0; } #products #nanoleaf-shop { margin: 0 15%; } #products #need-help { padding: 60px 15%; } /* compare page */ .compare-container .images-lists { padding: 20px 15%; } .compare-container .selector { margin: 0 15%; } .compare-container .button-lists { margin: 20px 15%; } .compare-container .attribute { padding: 0 15% 80px; } /* SPECS & FAQs */ .specs-container { padding: 0 15% 50px; } .faqs-container { padding: 80px 15%; } /* nanoleaf-elements page */ #products .elements-container h1 { font-size: 80px; } .elements-container .step-1 { padding: 250px 25%; } .elements-container .step-2 .elements-container .step-4 { padding: 80px 15%; } .elements-container .step-5 ul .li-left { width: 30%; } .elements-container .step-5 ul .li-right { width: 50%; } .elements-container .step-5 ul li:nth-child(1) .li-left { padding: 0 20% 0 10%; } .elements-container .step-5 ul li:nth-child(2) .li-left { padding: 0 15%; } /* essentials page */ .essentials-container { padding: 170px 15% 50px; } .nanoleaf-essentials #essentials-works-with { padding: 100px 15%; } }