@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-Regular.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-Regular.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-Regular.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-RegularItalic.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-RegularItalic.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-RegularItalic.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-RegularItalic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:block}@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-Bold.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-Bold.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-Bold.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-Thin.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-Thin.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-Thin.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-Thin.woff2) format('woff2');font-weight:200;font-style:thin;font-display:block}@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-Medium.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-Medium.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-Medium.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-SemiBold.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-SemiBold.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-SemiBold.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:block}@font-face{font-family:nanoleaf;src:url(https://nanoleaf.me/fonts/otf/Nanoleaf-Black.otf) format('opentype'),url(https://nanoleaf.me/fonts/ttf/Nanoleaf-Black.ttf) format('truetype'),url(https://nanoleaf.me/fonts/woff/Nanoleaf-Black.woff) format('woff'),url(https://nanoleaf.me/fonts/woff2/Nanoleaf-Black.woff2) format('woff2');font-weight:900;font-style:normal;font-display:block}*{padding:0;margin:0}video{-webkit-mask-image:-webkit-radial-gradient(white,#000);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}body,html{font-family:nanoleaf,sans-serif;color:#3a4c55}svg,svg g path{height:25px;width:25px;padding-top:4px;fill:#fff}header.active nav .nav-right svg,header.active nav .nav-right svg g path{fill:#3a4c55;stroke:#3a4c55}.st0,header nav .nav-right circle,header nav .nav-right ellipse,header nav .nav-right line{stroke:#fff}header.active nav .nav-right circle,header.active nav .nav-right ellipse,header.active nav .nav-right line{stroke:#3a4c55}header.open-menu nav .nav-right .st0,header.open-menu nav .nav-right circle,header.open-menu nav .nav-right ellipse,header.open-menu nav .nav-right line{stroke:#3a4c55}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body{overflow:auto}body.lock{overflow:hidden}ul li{list-style:none}a{text-decoration:none;color:#3a4c55}a.text-link{border-bottom-style:solid;border-bottom-width:thin;padding-bottom:3px}button{outline:0}img{display:block;width:100%}video{display:block;width:100%}a:active,a:focus,a:hover,a:visited{color:#3a4c55}::selection{background:#3fae29}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input{font-family:nanoleaf,sans-serif;display:block;width:100%;background:0 0;outline:0;border:1px solid #979797;font-size:18px;line-height:28px;padding:10px 15px;box-sizing:border-box;border-radius:10px;color:#3a4c55}input::-webkit-calendar-picker-indicator{opacity:0}input::placeholder{color:#dadee1}input:-internal-autofill-selected{background:0 0!important;color:#3a4c55}textarea{font-family:nanoleaf,sans-serif;display:block;width:100%;background:0 0;border:1px solid #979797;border-radius:10px;font-size:18px;line-height:28px;padding:10px 15px;box-sizing:border-box}select{font-family:nanoleaf,sans-serif;appearance:none;-moz-appearance:none;-webkit-appearance:none;display:block;width:100%;border:1px solid #979797;font-size:18px;line-height:30px;padding:10px 15px;box-sizing:border-box;border-radius:10px;color:#3a4c55;position:relative;background:url(../img/common/select-arrowdown.png) no-repeat right 20px center;background-size:15px}select:focus{outline:0}select::-ms-expand{display:none}.btn{display:block;font-size:14px;font-weight:700;letter-spacing:1px;line-height:28px;padding:10px 0;text-align:center;text-transform:uppercase;background-color:transparent;color:#3a4c55;border:1px #3a4c55 solid;box-sizing:border-box;border-radius:25px;transition:all .35s}.btn:hover{background-color:#3a4c55;color:#fff}.btn.btn-default{border:1px #fff solid;color:#fff}.btn.btn-black{background-color:#3a4c55;color:#fff}.btn.btn-black:hover{background-color:#fff;color:#3a4c55}.btn.btn-white{background-color:#fff}.btn.btn-white:hover{background-color:#3a4c55;color:#fff}.btn.btn-green{border:1px #3fae29 solid;background-color:#3fae29;color:#fff}.btn.btn-allwhite{border:1px #fff solid;background-color:#fff}.btn.btn-allwhite:hover{color:#3a4c55}.btn.btn-text{border:0;width:auto}.btn.btn-text:hover{background-color:#fff;color:#3a4c55}.btn-player{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.btn-player .open-video-circle{width:80px;height:80px;background-color:rgba(255,255,255,.5);border-radius:50%;display:flex;justify-content:center;align-items:center}.btn-player .right-triangle{width:0;height:0;border-top:16px solid transparent;border-left:25px solid #fff;border-bottom:16px solid transparent;font-size:0;line-height:0;display:inline-block;vertical-align:middle;margin-left:8px}.btn-video::after{content:'';width:0;height:0;border-top:7px solid transparent;border-left:10px solid #3a4c55;border-bottom:7px solid transparent;font-size:0;line-height:0;display:inline-block;margin-left:10px}.btn-video:hover::after{border-left:10px solid #fff}.btn-black.btn-video::after{border-left:10px solid #fff}.btn.btn-stock{color:#fff;background-color:#dadee1;border:1px #dadee1 solid;cursor:not-allowed}#catalogue #hero,#integration #hero,#manuals #hero{display:flex;flex-direction:column}@keyframes nl-fade-up{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes nl-fade-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes nl-menu-close-top{0%{top:20px}50%{top:30px;transform:rotate(0)}100%{top:30px;transform:rotate(-45deg)}}@keyframes nl-menu-close-bottom{0%{top:40px}50%{top:30px;width:28px;transform:rotate(0)}100%{top:30px;width:28px;transform:rotate(45deg)}}@keyframes nl-menu-open-top{0%{top:30px;transform:rotate(-45deg)}50%{top:30px}100%{top:20px;transform:rotate(0)}}@keyframes nl-menu-open-bottom{0%{top:30px;transform:rotate(45deg);width:28px}50%{top:30px;width:28px}100%{top:40px;width:16px;transform:rotate(0)}}@keyframes nl-menu-slide-in{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(7px);transform:translateX(7px)}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(7px);transform:translateX(7px)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.nl-animate{opacity:0;transform:translateY(50px)}.nl-animate.nlFadeUp{animation:nl-fade-up 1.5s ease 0s 1;animation-fill-mode:forwards}@media screen and (min-width:0px){.showGreenBar main{margin-top:50px}.top-message-bar{background-color:#3fae29;color:#fff;font-size:14px;line-height:30px;display:flex;justify-content:center;align-items:center;z-index:3}.top-message-bar a{color:#fff!important;font-weight:700;text-transform:uppercase;display:inline-block;padding:10px}.top-message-popup{position:fixed;top:0;bottom:0;left:0;right:0;opacity:0;visibility:hidden;z-index:5;display:flex;justify-content:center;align-items:center;transition:all .35s}.top-message-popup.active{opacity:1;visibility:visible}.top-message-popup .top-message-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5)}.top-message-popup .top-message-container{position:relative;max-width:320px;box-sizing:border-box;padding:30px 50px 30px 40px;background-color:#fff;border-radius:10px;z-index:6}.top-message-popup .top-message-container .text{line-height:1.6em}.top-message-popup .top-message-container .title{font-weight:700;margin-bottom:10px;display:flex;flex-direction:column;color:#3fae29}.top-message-popup .top-message-container .title span{font-size:32px;margin:10px 0 15px;color:#3a4c55}.top-message-popup .close-top-message-popup{position:absolute;top:0;right:0;width:40px;height:40px;padding:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.top-message-popup .close-top-message-popup div{width:30px;height:2px;background:#3a4c55}.top-message-popup .close-top-message-popup div:first-child{transform:rotate(45deg)}.top-message-popup .close-top-message-popup div:last-child{transform:rotate(-45deg);margin-left:-30px}header{position:fixed;left:0;right:0;top:0;z-index:3;background-color:transparent;transition:all .35s}header nav{display:flex;justify-content:flex-start;align-items:center}header nav .nav-left{width:33%}header nav .nav-middle{width:33%}header nav .nav-right{width:33%}header nav .nav-left .menu-toggle{position:relative;width:65px;height:66px;padding-left:20px;box-sizing:border-box;cursor:pointer}header nav .nav-left .menu-toggle.mobile{display:block}header nav .nav-left .menu-toggle.tabelt{display:none}header nav .nav-left .menu-toggle.desktop{display:none}header nav .nav-left .menu-toggle .line{position:absolute;top:30px;height:2px;width:28px;border-radius:1px;background-color:#fff}header nav .nav-left .menu-toggle .line:nth-child(1){top:20px;animation:nl-menu-open-top .5s;animation-fill-mode:forwards}header nav .nav-left .menu-toggle .line:nth-child(2){visibility:visible;opacity:1}header nav .nav-left .menu-toggle .line:nth-child(3){top:40px;animation:nl-menu-open-bottom .5s;animation-fill-mode:forwards}header nav .nav-left .menu-toggle.active .line:nth-child(1){animation:nl-menu-close-top .5s;animation-fill-mode:forwards}header nav .nav-left .menu-toggle.active .line:nth-child(2){visibility:hidden;opacity:0}header nav .nav-left .menu-toggle.active .line:nth-child(3){animation:nl-menu-close-bottom .5s;animation-fill-mode:forwards}header nav .nav-middle a{display:block;width:100%;padding:16px 0}header nav .nav-middle a img{width:130px}header nav .nav-middle picture:first-child{display:block}header nav .nav-middle picture:last-child{display:none}header nav .nav-right .mobile-region{padding:17px}header nav .nav-right .mobile-region img{width:26px}header nav .nav-right .mobile-region picture:first-child{display:block}header nav .nav-right .mobile-region picture:last-child{display:none}header nav .nav-right .mobile-region-popup{visibility:hidden;opacity:0;transition:all .5s;position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}header nav .nav-right .mobile-region-popup.active{visibility:visible;opacity:1}header nav .nav-right .mobile-region-popup .popup-bg{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}header nav .nav-right .mobile-region-popup .popup-container{background-color:#fff;border-radius:10px;width:100%;margin:0 20px;padding:30px;box-sizing:border-box;z-index:2;position:relative}header nav .nav-right .mobile-region-popup .popup-container .title{width:220px;margin-bottom:30px;font-size:23px;line-height:1.4em;font-weight:700}header nav .nav-right .mobile-region-popup .popup-container .entry{display:flex;justify-content:space-between;align-items:center;margin-top:20px}header nav .nav-right .mobile-region-popup .popup-container label{font-size:18px;font-weight:700}header nav .nav-right .mobile-region-popup .popup-container select{width:calc(100% - 100px);padding:10px 30px;border-radius:25px}header nav .nav-right .mobile-region-popup .popup-container .btn-black{display:none;width:100px;margin:20px 0 0 auto}header nav .nav-right .mobile-region-popup .popup-container .btn-black.active{display:block}header nav .nav-right .mobile-region-popup .close-popup{position:absolute;top:30px;right:30px;width:30px;height:40px;cursor:pointer}header nav .nav-right .mobile-region-popup .close-popup div{position:absolute;width:100%;height:2px;background:#3a4c55;top:50%}header nav .nav-right .mobile-region-popup .close-popup div:first-child{transform:rotate(45deg)}header nav .nav-right .mobile-region-popup .close-popup div:last-child{transform:rotate(-45deg)}header nav .nav-right .btn,header nav .nav-right .language-switch,header nav .nav-right .region-switch{display:none}.header-menu .menu-lists .menu-item:nth-child(2) .second-nav li a .divimg{background-size:cover;border-top-left-radius:10px;border-top-right-radius:10px;background-position:center;background-repeat:no-repeat}header.active nav .nav-right .open-search-bar{display:block;padding:17px 0 15px;width:30px;cursor:pointer}header nav .nav-right{display:flex;justify-content:flex-end;align-items:center}header .search-bar{visibility:hidden;opacity:0;height:0;transition:all .35s;background:#f1f2f2;box-sizing:border-box}header .search-bar.active{visibility:visible;opacity:1;height:80px}#___gcse_0{max-width:500px;margin:0 auto;padding:20px}form.gsc-search-box,table.gsc-search-box{margin-bottom:0!important}.gsib_a{padding:0!important}.gsib_b{display:none}.gsc-input-box{height:44px;box-sizing:border-box;padding:0 10px 0 20px!important;border-top-left-radius:22px!important;border-bottom-left-radius:22px!important;border-right:0!important}.gsc-search-button{margin:0!important}.gsc-search-button-v2{padding:11px 26px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:22px!important;border-bottom-right-radius:22px!important;cursor:pointer}table.gsc-search-box td.gsc-input{padding:0!important}table.gsc-input{height:100%!important}.gsc-search-box-tools .gsc-search-box .gsc-input input{padding:7px 0!important;height:100%!important}.gsc-search-box svg,.gsc-search-box svg g path{width:16px;height:16px}header.active{border-bottom:1px #f1f2f2 solid}header.active nav .nav-left .menu-toggle .line{background-color:#3a4c55}header.active nav .nav-middle picture:first-child{display:none}header.active nav .nav-middle picture:last-child{display:block}header.active nav .nav-right .mobile-region picture:first-child{display:none}header.active nav .nav-right .mobile-region picture:last-child{display:block}header.open-menu{border-bottom:1px #f1f2f2 solid;background-color:#fff!important}header.open-menu nav .nav-left .menu-toggle .line{background-color:#3a4c55}header.open-menu nav .nav-middle picture:first-child{display:none}header.open-menu nav .nav-middle picture:last-child{display:block}header.open-menu nav .nav-right .mobile-region picture:first-child{display:none}header.open-menu nav .nav-right .mobile-region picture:last-child{display:block}.top-message-bar{background-color:#3fae29;color:#fff;font-size:14px;line-height:30px;display:flex;justify-content:center;align-items:center;z-index:3}.top-message-bar a{padding:10px;color:#fff;font-weight:700;text-transform:uppercase}.top-message-popup .top-message-container{position:relative;max-width:320px;box-sizing:border-box;padding:30px 50px 30px 40px;background-color:#fff;border-radius:10px;z-index:6}.top-message-popup{position:fixed;top:0;bottom:0;left:0;right:0;opacity:0;visibility:hidden;z-index:5;display:flex;justify-content:center;align-items:center;transition:all .35s}.header-menu-overlay{display:none}.header-menu{position:fixed;top:71px;left:0;right:0;bottom:0;padding:20px;background-color:#fff;z-index:4;visibility:hidden;opacity:0;transform:translateX(-100%);transition:all .35s;max-height:100vh;box-sizing:border-box;overflow-y:auto}.showGreenBar .header-menu{top:121px}.header-menu::-webkit-scrollbar-thumb{background:#3a4c55}.header-menu::-webkit-scrollbar{width:12px}.header-menu::-webkit-scrollbar-thumb:hover{width:15px}.header-menu::-webkit-scrollbar-thumb:hover{background:#2d2f30}.header-menu::-webkit-scrollbar-track{background:#dadee1}.header-menu.active{visibility:visible;opacity:1;transform:translateX(0)}.header-menu .close-header-menu{display:none}.header-menu .menu-tabs{display:flex;margin-bottom:20px}.header-menu .menu-tabs li{margin-right:30px}.header-menu .menu-tabs li a{display:block;padding:10px 0;font-size:14px;border-bottom:2px transparent solid;transition:all .35s}.header-menu .menu-tabs li.active a{border-bottom:2px #3a4c55 solid}.header-menu .menu-lists .menu-item{display:none}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(3) .second-nav li .divimg{border-top-left-radius:10px;border-top-right-radius:10px}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(3) .second-nav li:nth-child(1) .divimg img{width:100%;top:-3em;left:0}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(3) .second-nav li:nth-child(2) .divimg img{width:120%;top:0;left:-1.5em}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(3) .second-nav li:nth-child(3) .divimg img{width:125%;top:0;left:-1.5em}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(3) .second-nav li:nth-child(4) .divimg img{width:100%;position:relative;top:-3.5em;left:0}.header-menu .menu-lists .menu-item.active{display:block}.header-menu .menu-lists .menu-item .first-nav h1{font-size:28px;font-weight:600;cursor:pointer}.header-menu .menu-lists .menu-item .first-nav h1 .menu-icon{position:relative;display:inline-block;width:24px;margin:0 0 10px 30px;border-top:2px #3a4c55 solid}.header-menu .menu-lists .menu-item .first-nav h1 .menu-icon::after{content:'';position:absolute;display:inline-block;width:24px;border-top:2px #3a4c55 solid;transform:rotate(90deg) translate(-1px,0);transition:all .2s}.header-menu .menu-lists .menu-item .first-nav li.active h1 .menu-icon::after{transform:rotate(0) translate(0,-2px)}.header-menu .menu-lists .menu-item .first-nav h2{font-size:20px;font-weight:600}.header-menu .menu-lists .menu-item .first-nav h2 a{display:block}.header-menu .menu-lists .menu-item .first-nav h3{font-size:16px;font-weight:500}.header-menu .menu-lists .menu-item .first-nav>li{margin-bottom:20px;opacity:0;transform:translateY(-50px)}.header-menu .menu-lists .menu-item:nth-child(2) .first-nav>li:nth-child(1){margin-bottom:30px}.header-menu.active .menu-lists .menu-item .first-nav>li{animation-fill-mode:forwards;animation-name:nl-menu-slide-in;animation-duration:.5s}.header-menu.active .menu-lists .menu-item .first-nav>li:nth-child(1){animation-delay:.15s}.header-menu.active .menu-lists .menu-item .first-nav>li:nth-child(2){animation-delay:.4s}.header-menu.active .menu-lists .menu-item .first-nav>li:nth-child(3){animation-delay:.65s}.header-menu.active .menu-lists .menu-item .first-nav>li:nth-child(4){animation-delay:.9s}.header-menu.active .menu-lists .menu-item .first-nav>li:nth-child(5){animation-delay:1.15s}.header-menu .menu-lists .menu-item li .second-nav>li{opacity:0;height:0;visibility:hidden;transform:translateY(-50px)}.header-menu .menu-lists .menu-item li.active .second-nav>li{height:auto;visibility:visible;animation-fill-mode:forwards;animation-name:nl-menu-slide-in;animation-duration:.5s}.header-menu .menu-lists .menu-item .second-nav{margin-top:10px}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(1){animation-delay:.15s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(2){animation-delay:.4s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(3){animation-delay:.65s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(4){animation-delay:.9s}.header-menu .menu-lists .menu-item .second-nav li a{display:block;padding:10px 20px}.header-menu .menu-lists .menu-item .second-nav li a .divimg{display:none}.header-menu .menu-lists .menu-item .second-nav li a .label picture{display:none}form input[id^=nlHoneypot_]{visibility:hidden;opacity:0;width:0;height:0;padding:0;border:0}form .entry{margin-bottom:30px}form .entry label{display:inline-block;font-size:18px;line-height:1.4em;margin-bottom:12px}form .entry label .required{color:red}form .entry .tips{font-size:13px}form .entry .note{font-size:13px;margin-bottom:12px}form .entry ul{margin-top:15px}form .entry ul li{margin-bottom:10px;display:flex;flex-direction:column-reverse}form .entry ul li label{margin-bottom:0}form input[type=radio]{width:0;height:0;opacity:0;visibility:hidden;font-size:18px}form input[type=radio]~label::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:2px #fff solid;background-color:transparent;vertical-align:middle;margin-right:10px;margin-top:-4px;box-sizing:border-box;transition:all .35s}form input[type=radio]:checked~label::before{background-color:#fff}form input[type=checkbox]{width:0;height:0;opacity:0;visibility:hidden;font-size:18px}form input[type=checkbox]~label::before{content:"";display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:10px;margin-top:-4px;background-position:center;background-repeat:no-repeat;background-size:103%;background-image:url(../img/common/checked-false.png);box-sizing:border-box;transition:background-image ease-in .25s;-webkit-transition:background-image ease-in .25s}form input[type=checkbox]:checked~label::before{background-image:url(../img/common/checked-true.png)}form input[type=file]{border:none;background-color:#f1f2f2;padding:2em}form em.error{color:red;font-size:13px;margin-top:5px}form input[type=text].error{border:1px solid red}form .radio-lists{display:flex;justify-content:space-between}form .radio-lists li{width:48%;margin-right:4%}form .radio-lists li:nth-child(2n){margin-right:0}form .radio-lists li input[type=radio]{width:0;height:0}form .radio-lists li label{display:block;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 0;text-align:center;line-height:28px;border:1px solid #979797;border-radius:10px;transition:all .35s}form .divimg{margin-top:20px}form .radio-lists li input[type=radio]:checked~label{color:#3fae49;border:1px solid #3fae49;background-color:rgba(78,180,87,.1)}form .input-lists{display:flex;justify-content:space-between}form .input-lists li{width:48%;margin-right:4%;flex-direction:column!important}form .input-lists li:nth-child(2n){margin-right:0}form .form-operate{display:flex;justify-content:flex-end}form input[type=submit]{-webkit-appearance:none;width:160px;background-color:#3fae29;color:#fff;border-radius:25px;border:1px #3fae29 solid;font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .35s;font-family:nanoleaf,sans-serif}form .form-success{opacity:0;visibility:hidden;transition:all .35s;background-color:rgba(0,0,0,.5);position:fixed;left:0;right:0;top:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center}form .form-success .success-main{position:relative;background-color:#fff;border-radius:10px;padding:50px 30px;width:300px;box-sizing:border-box}form .form-success .close-form-success{position:absolute;top:0;right:0;width:60px;height:60px;cursor:pointer}form .form-success .close-form-success .line{height:2px;width:28px;background-color:#3a4c55;border-radius:1px;transform:translate(10px,32px) rotate(45deg)}form .form-success .close-form-success .line:nth-child(2){transform:translate(10px,30px) rotate(-45deg)}form .form-success .divimg{width:50px;margin:0 auto}form .form-success .text{text-align:center;margin-top:20px;font-size:23px;font-weight:700;line-height:1.6em}#home-bf form .form-success .text{font-size:16px;font-weight:400;color:#3a4c55}form .form-success.active{opacity:1;visibility:visible}form .form-success-essentials,form .form-success-essentials2,form .form-success-essentials3{display:none}form .form-success-essentials.active,form .form-success-essentials2.active,form .form-success-essentials3.active{display:inherit}#video-overlay{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}#video-overlay.active{opacity:1;visibility:visible;z-index:5}.video-container .video-error{font-size:30px;line-height:1.4em;font-weight:700;color:#fff;height:0;visibility:hidden;opacity:0;transition:all .35s;transition-delay:.25s;text-align:center}.video-container .video-error.active{height:auto;visibility:visible;opacity:1;position:absolute;left:0;right:0;top:42%}.close-video{position:absolute;top:30px;right:30px;width:40px;height:40px;opacity:0;visibility:hidden;transition:all .35s;transition-delay:.25s;cursor:pointer}.close-video.active{opacity:1;visibility:visible}.close-video div{position:absolute;width:100%;height:3px;background:#fff;top:50%}.close-video div:first-child{transform:rotate(45deg)}.close-video div:last-child{transform:rotate(-45deg)}.cookie-popup{position:fixed;left:20px;right:20px;bottom:20px;background-color:#fff;border-radius:10px;border:1px #f1f2f2 solid;box-shadow:0 17px 30px -22px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .35s;z-index:1}.cookie-popup.active{opacity:1;visibility:visible}.cookie-popup .wrapper{padding:30px 30px 10px}.cookie-popup .wrapper-left img{width:30px;margin:0 auto}.cookie-popup .wrapper-left .content{padding:15px 0;line-height:1.6em;font-size:14px;text-align:center}.cookie-popup .wrapper-left .title{font-size:20px;font-weight:700;margin-bottom:10px}.cookie-popup .wrapper-right .btn{width:180px;margin:0 auto}.cookie-popup .wrapper-right .btn:hover{background-color:transparent;color:#3a4c55}.cookie-popup .wrapper-right .btn.btn-black:hover{background-color:#3a4c55;color:#fff}.cookie-popup .wrapper-right .btn:last-child{border:1px transparent solid;margin-top:10px}footer{background-color:#2d2f30;padding:50px 20px;color:#fff}footer a,footer a:active,footer a:focus,footer a:hover,footer a:visited{color:#fff}footer .social-media{display:flex;justify-content:space-between}footer .social-media li img{width:40px}footer .footer-form{margin-top:30px}footer .footer-form .btn.btn-white{color:#3a4c55;width:160px}footer .footer-form .btn.btn-white:hover{background-color:#fff}footer .footer-form .label{font-weight:700;margin-bottom:15px;line-height:1.6em}footer .footer-form .form-overlay{position:fixed;left:0;right:0;top:0;bottom:0;color:#3a4c55;opacity:0;visibility:hidden;transition:all .35s}footer .footer-form .form-overlay.active{opacity:1;visibility:visible;z-index:5}footer .footer-form form .title{width:230px;font-size:28px;line-height:1.4em;font-weight:700;margin-bottom:20px}footer .footer-form form input[type=submit]{background-color:#3a4c55;border:1px #3a4c55 solid}footer .footer-form form .success-message{font-size:20px;font-weight:700;color:#3fae29;visibility:hidden;opacity:0;height:0;transition:all .35s}footer .footer-form form .success-message.active{visibility:visible;opacity:1;height:auto}footer .footer-form .overlay-container{background-color:#fff;padding:30px 20px;box-sizing:border-box;overflow-y:auto;position:relative}footer .footer-form .form-overlay.active .overlay-container{height:100vh}footer .footer-form .overlay-container .close-form{position:absolute;top:30px;right:20px;width:35px;height:40px;cursor:pointer}footer .footer-form .overlay-container .close-form div{position:absolute;width:100%;height:2px;background:#3a4c55;top:50%}footer .footer-form .overlay-container .close-form div:first-child{transform:rotate(45deg)}footer .footer-form .overlay-container .close-form div:last-child{transform:rotate(-45deg)}footer .footer-main{font-size:14px;margin-top:30px;padding-top:30px;border-top:2px #fff solid}footer .footer-main ul.first-nav li ul{margin-bottom:30px}footer .footer-main ul.first-nav .label{margin-bottom:10px;font-weight:700;text-transform:uppercase}footer .footer-main ul li a{display:block;padding:10px 0}footer .copyright{font-size:14px;text-align:center}#no-found{background-color:#fff;padding:150px 20px}#no-found #hero img{max-width:500px;margin:0 auto}#no-found #hero{display:flex;flex-direction:column;text-align:center;justify-content:space-around}#no-found #hero .text{margin-bottom:30px}#no-found #hero h1{margin-bottom:20px}#no-found #hero h2{border-top:1px solid #dadee1;margin:30px 0 10px;padding-top:30px}#no-found #hero .btn.btn-green{width:160px;margin:0 auto}main{background-color:#f6f6f6}#homepage #hero .keynote-watch{width:235px;justify-content:space-between;flex-wrap:wrap;margin:0 auto;display:flex;align-items:flex-end}#homepage #hero .keynote-watch .btn-operate{width:235px;margin:0 auto;margin-bottom:1em}.btn-operate{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:285px}.btn-operate a{width:130px;display:flex;justify-content:center;align-items:center;margin-top:15px}.btn-operate a img{width:20px}#homepage #hero{background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;align-items:flex-end}#homepage .hero-video{position:absolute;top:0;right:0;bottom:0;left:0}#homepage .hero-video iframe{position:absolute;top:0;right:50%;transform:translateX(50%);height:560px}#homepage .hero-video.is-mobile{display:block}#homepage .hero-video.is-tablet{display:none}#homepage .hero-video.is-desktop{display:none}.keynote-advert{z-index:1;padding-bottom:2.5em;color:#fff;display:flex;flex-direction:column;position:absolute;bottom:10%;width:100%;margin:0 auto;text-align:center;color:#fff}.keynote-advert .icon{margin:0 auto;margin-bottom:1em}.keynote-advert .icon img:nth-child(1){width:115px;margin:0 auto;margin-bottom:1em}.keynote-advert .icon img:nth-child(2){width:183px;margin:0 auto}.keynote-advert .subtitle{font-size:18px;font-weight:700}.keynote-advert .btn-operate{max-width:250px;width:250px;align-self:center}.keynote-advert .btn-operate a{width:250px;max-width:250px}.keynote-advert .btn-operate a .btn{border:1px solid #fff;color:#fff;width:250px}.keynote-advert .btn-operate a:nth-child(1) .btn{margin-bottom:1.5em;background:#fff;color:#3a4c55}.keynote-advert .btn-operate a:nth-child(2) .btn{background:0 0;color:#fff;border:1px solid #fff}.keynote-advert h1{font-size:42px;line-height:125%;margin-bottom:18px}.keynote-advert p{font-size:16px;margin:1em auto 1.5em}.keynote-advert .keynote-watch .btn{width:200px;margin:0 auto;border:1px #fff solid;color:#fff}.keynote-advert .keynote-watch .btn:hover{border:1px #3a4c55 solid}.keynote-advert .keynote-watch .btn::after{border-left:10px solid #fff}#hero .keynote-advert .btn-operate:nth-child(2) a{background:#fff;color:#3a4c55;border:none}#hero .keynote-advert .btn-operate:nth-child(1) a{background:rgba(255,250,250,.2);color:#fff;border-color:#fff}#home-bf{background-color:#2d2f30;color:#fff;padding:50px 30px;margin:50px 20px;border-radius:10px;box-sizing:border-box}#home-bf .title{margin-bottom:20px;font-size:36px;font-weight:700}#home-bf .subtitle{line-height:1.6em}#home-bf .left-wrapper{margin-bottom:40px}#home-bf form input{background-color:#fff}#home-bf form input[type=submit]{background-color:#3fae29;border:1px #3fae29 solid}#home-bf form input[type=checkbox]~label::before{background-image:url(../img/common/checked-false-white.png)}#home-bf form input[type=checkbox]:checked~label::before{background-image:url(../img/common/checked-true-white.png)}#homepage .wrapper-bottom{background:#fff}#homepage .wrapper-bottom .btn-operate{max-width:375px;margin:0 auto;padding-bottom:4em}#homepage .wrapper-bottom .btn-operate a{width:220px;margin:0 auto}#retail-logos{padding:30px 0 10px}#brand-logos,#retail-logos{display:block;padding:30px 0;background-color:#fff}#retail-logos{background-color:#fff}#brand-logos ul,#retail-logos ul{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 20px}#brand-logos ul li,#retail-logos ul li{width:33.33333%;display:flex;align-items:center}#brand-logos ul li,#retail-logos ul li{display:flex;justify-content:center}#brand-logos ul li:nth-child(3) img{width:75%}.en-CA #brand-logos ul li:nth-child(1) img{width:90%}.en-CA #brand-logos ul li:nth-child(2) img{width:100%}.en-CA #brand-logos ul li:nth-child(3) img{width:85%}.en-CA #retail-logos ul li:nth-child(3) img{width:50%}#brand-logos ul li:nth-child(4) img,#retail-logos ul li:nth-child(4) img{width:40%}#brand-logos ul li:nth-child(5) img,#retail-logos ul li:nth-child(5) img{width:80%}#brand-logos ul li:nth-child(6) img,#retail-logos ul li:nth-child(6) img{width:50%}.en-US #brand-logos ul li:nth-child(1) img{width:80%}.en-US #retail-logos ul li:nth-child(3) img{width:50%}.en-GB #brand-logos ul li:nth-child(1) img{width:70%}.en-GB #brand-logos ul li:nth-child(2) img{width:50%}.en-GB #retail-logos ul li:nth-child(2) img{width:100%}.en-GB #brand-logos ul li:nth-child(3) img{width:100%}.en-GB #retail-logos ul li:nth-child(3) img{width:80%}.en-GB #retail-logos ul li:nth-child(4) img{width:85%}.en-GB #retail-logos ul li:nth-child(5) img{width:65%}.en-GB #brand-logos ul li:nth-child(6) img,.en-GB #retail-logos ul li:nth-child(6) img{width:70%}.en-EU #brand-logos ul li:nth-child(1) img{width:80%}.en-EU #brand-logos ul li:nth-child(2) img{width:85%}.en-EU #brand-logos ul li:nth-child(3) img{width:75%}.en-EU #retail-logos ul li:nth-child(6) img{width:100%}.en-EU #retail-logos ul li:nth-child(3) img{width:85%}.en-EU #brand-logos ul li:nth-child(4) img,.en-EU #retail-logos ul li:nth-child(4) img{width:70%}.en-AU #brand-logos ul li:nth-child(1) img{width:85%}.en-AU #brand-logos ul li:nth-child(2) img{width:85%}.en-AU #retail-logos ul li:nth-child(2) img{width:50%}.en-AU #retail-logos ul li:nth-child(3) img{width:80%}.en-AU #retail-logos ul li:nth-child(4) img{width:80%}.en-AU #retail-logos ul li:nth-child(5) img{width:100%}.en-AU #retail-logos ul li:nth-child(6) img{width:90%}.en-HK #brand-logos ul li:nth-child(1) img{width:60%}.en-HK #brand-logos ul li:nth-child(2) img{width:80%}.en-HK #brand-logos ul li:nth-child(3) img{width:50%}.en-HK #retail-logos ul li:nth-child(2) img{width:70%}.en-HK #retail-logos ul li:nth-child(3) img{width:80%}.en-HK #retail-logos ul li:nth-child(4) img{width:80%}.en-HK #retail-logos ul li:nth-child(5) img{width:55%}.en-HK #retail-logos ul li:nth-child(6) img{width:90%}#brand-logos ul li img,#retail-logos ul li img{filter:grayscale(1)}#partner-logos{display:block;background-color:#fbfbfb;margin-top:3em}#partner-logos ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:40px 20px}#partner-logos ul li{padding:10px 0}#partner-logos ul li:nth-child(1) img{width:140px}#partner-logos ul li:nth-child(2) img{width:135px}#partner-logos ul li:nth-child(3) img{width:95px}#partner-logos ul li:nth-child(4) img{width:65px}#partner-logos ul li:nth-child(5) img{width:105px}#products #partner-logos ul li:nth-child(3) img{width:90px}#homepage-works-with{padding:60px 20px}#media.title{margin-top:5em}#homepage-works-with .title,#media.title{padding-bottom:30px;font-size:20px;line-height:1.6em;font-weight:bolder;text-align:center;color:#aeaeae;text-transform:uppercase}#homepage-works-with ul li{box-sizing:border-box;width:100%;margin-bottom:30px;border-radius:10px;opacity:0;overflow:hidden;background-color:#fff}#homepage-works-with ul li:last-child{margin-bottom:0}#homepage-works-with ul li.move{animation:nl-fade-up 1s ease 0s 1;animation-fill-mode:forwards}#homepage-works-with ul li:nth-child(1){animation-delay:0s}#homepage-works-with ul li:nth-child(2){animation-delay:.5s}#homepage-works-with ul li .content{padding:50px 30px}#homepage-works-with ul li .content .subtitle{font-size:14px;font-weight:900;margin-bottom:10px}#homepage-works-with ul li .content .text{font-size:23px;line-height:1.6em;margin-bottom:50px}#homepage-works-with ul li .content .btn{width:180px}#homepage-works-with ul li .img-wrapper{overflow:hidden}#homepage-works-with ul li .divimg{background-size:cover;background-position:center;height:300px;width:100%;transform:scale(1);transition:all .35s}#homepage-works-with ul li .divimg:hover{transform:scale(1.05)}#homepage-works-with ul li .divimg img{height:45px;width:45px;position:absolute;bottom:0;margin:0 0 30px 30px}#works-with{padding:60px 20px}#works-with .title{padding-bottom:20px;font-size:20px;line-height:1.6em;font-weight:bolder;text-align:center;color:#aeaeae;text-transform:uppercase}#products .nanoleaf-app{padding-bottom:20px;font-size:20px;line-height:1.6em;font-weight:bolder;text-align:center;color:#aeaeae;text-transform:uppercase;margin:0 auto;margin-top:3em}#works-with ul li{border:1px solid #d3d3d3;box-sizing:border-box;width:100%;margin-bottom:30px;position:relative;border-radius:10px;opacity:0;overflow:hidden}#works-with ul li.move{animation:nl-fade-up 1s ease 0s 1;animation-fill-mode:forwards}#works-with ul li:nth-child(1){animation-delay:0s}#works-with ul li:nth-child(2){animation-delay:.5s}#works-with ul li:nth-child(3){animation-delay:1s;margin-bottom:0}.nanoleaf-essentials #works-with ul li:nth-child(3) .content-top{color:#fff;letter-spacing:.5px}.nanoleaf-essentials #works-with ul li:nth-child(2) .content-top,.nanoleaf-essentials #works-with ul li:nth-child(3) .content-top{width:60%}.nanoleaf-essentials #works-with ul li .content-top img{width:50px;margin-top:1em}.nanoleaf-essentials #works-with ul li:nth-child(3) .content-top img{margin-top:3.25em}#works-with ul li .divimg{background-size:cover;background-position:center;height:420px;border-radius:10px;transform:scale(1);transition:all .35s}#works-with ul li .divimg:hover{transform:scale(1.05)}#works-with ul li .content-top{position:absolute;top:0;padding:60px 30px}#works-with ul li .content-top .subtitle{font-size:14px;font-weight:900;margin-bottom:10px}#works-with ul li .content-top .text{font-size:18px;line-height:1.6em}#works-with ul li .content-bottom{position:absolute;bottom:0;left:0;right:0;padding:50px 0;width:180px;margin-left:30px;box-sizing:border-box}#users-comments{padding:60px 0 0}#products.nanoleaf-shapes #users-comments .btn-operate a:nth-child(2){display:none}#products #users-comments .title{padding:2em 0 28px}#products.nanoleaf-essentials #users-comments .btn-operate a:nth-child(2){display:none}#users-comments .title{padding:0 20px 20px;font-size:20px;line-height:1.6em;font-weight:bolder;text-align:center;color:#aeaeae;text-transform:uppercase}#users-comments .main{background-color:#fff;padding:50px 20px;overflow-x:scroll}#users-comments .main::-webkit-scrollbar{width:0;height:0}#users-comments .main ul{display:flex;justify-content:space-between;width:910px}#users-comments ul li{margin-top:50px;padding:40px 30px;position:relative;margin:50px 30px 0 0;border-radius:10px;border:1px solid #dadee1;box-sizing:border-box;opacity:0;width:275px}#users-comments .main ul li:last-child{margin-right:20px}#users-comments ul li.move{animation:nl-fade-up 1s ease 0s 1;animation-fill-mode:forwards}#users-comments ul li:nth-child(1){animation-delay:0s}#users-comments ul li:nth-child(2){animation-delay:.5s}#users-comments ul li:nth-child(3){animation-delay:1s}#users-comments ul li .divimg-top{position:absolute;top:-20px;right:30px;width:45px}#users-comments ul li .divimg-bottom{width:120px}#users-comments ul li .content{font-size:14px}.nanoleaf-shapes #users-comments ul li .content h2{letter-spacing:-.4px}#users-comments ul li .content .text{padding:10px 0 30px;line-height:150%}#homepage #users-comments ul li:nth-child(2) .content .text,#homepage #users-comments ul li:nth-child(3) .content .text{padding-top:40px}#users-comments ul li .content .author{padding-bottom:20px;line-height:150%}#users-comments .wrapper-bottom{background-color:#fff;padding:0 20px 50px}#users-comments .btn-operate{max-width:100%}#users-comments .btn-operate a{width:250px;margin:0 auto 15px}#nanoleaf-instagram{padding:0;padding-bottom:3em}#nanoleaf-instagram .top-title{color:#aeaeae;text-align:center;font-weight:700;padding:0 20px 20px;text-transform:uppercase}#nanoleaf-instagram .wrapper{background-color:#fff;padding:50px 20px}#nanoleaf-instagram .wrapper .left-wrapper{text-align:center;padding:0 20px 50px}#nanoleaf-instagram .wrapper .left-wrapper .subtitle{font-size:14px;font-weight:700}#nanoleaf-instagram .wrapper .left-wrapper .title{font-size:23px;padding:20px 0;line-height:1.4em}#nanoleaf-instagram .wrapper .btn-opreate{width:180px;margin:0 auto}#nanoleaf-instagram .wrapper .btn-opreate a{margin-top:20px}#nanoleaf-instagram .wrapper .right-wrapper{overflow:hidden}#nanoleaf-instagram .wrapper ul{display:flex;overflow-x:scroll}#nanoleaf-instagram .wrapper ul li{width:270px;min-width:270px;margin-right:30px;box-sizing:border-box}#nanoleaf-instagram .wrapper ul li:last-child{margin-right:0}#nanoleaf-instagram .wrapper ul li a{display:block;border-radius:10px;overflow:hidden;border:1px #dadee1 solid}#nanoleaf-instagram .wrapper ul li .divimg{width:100%;height:270px;border-radius:10px;background-size:cover;background-repeat:no-repeat}#nanoleaf-instagram .slide-wraper{display:none}#nanoleaf-blog{padding:0 0 60px}#nanoleaf-blog .top-title{color:#aeaeae;text-align:center;font-weight:700;padding:5.5em 20px 30px;text-transform:uppercase;font-size:20px}#nanoleaf-blog .wrapper{background-color:#fff;padding:50px 20px}#nanoleaf-blog .wrapper .left-wrapper{text-align:center;padding:0 20px 50px}#nanoleaf-blog .wrapper .left-wrapper .subtitle{font-size:14px;font-weight:700}#nanoleaf-blog .wrapper .left-wrapper .title{font-size:23px;padding:20px 0;line-height:1.4em}#nanoleaf-blog .wrapper .btn-opreate{width:180px;margin:0 auto}#nanoleaf-blog .wrapper .btn-opreate a{margin-top:20px}#nanoleaf-blog .wrapper .right-wrapper{overflow:hidden}#nanoleaf-blog .wrapper ul{display:flex;overflow-x:scroll}#nanoleaf-blog .wrapper ul li{width:270px;min-width:270px;margin-right:30px;box-sizing:border-box}#nanoleaf-blog .wrapper ul li:last-child{margin-right:0}#nanoleaf-blog .wrapper ul li a{display:block;border-radius:10px;border:1px #dadee1 solid;overflow:hidden}#nanoleaf-blog .wrapper ul li a .img-wrapper{overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}#nanoleaf-blog .wrapper ul li .divimg{width:100%;height:270px;background-size:cover;background-repeat:no-repeat}#nanoleaf-blog .wrapper ul li .content{padding:30px 20px 20px;display:flex;flex-wrap:wrap}#nanoleaf-blog .wrapper ul li .title{width:100%;font-weight:700;font-size:18px;line-height:26px;overflow:hidden;height:54px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#nanoleaf-blog .wrapper ul li .excerpt{width:100%;font-size:18px;line-height:26px;padding:6px 0 10px;overflow:hidden;height:46px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#nanoleaf-blog .wrapper ul li .read-more{position:relative;display:inline-block;padding:10px 0;text-transform:uppercase;font-weight:700;font-size:14px;order:2}#nanoleaf-blog .slide-wraper{display:none}h1{font-size:34px;line-height:1.4em}h2{font-size:24px;line-height:1.4em}#homepage p{line-height:1.6em}#homepage #hero{height:100vh;position:relative;overflow:hidden}#homepage #hero #images-slider picture{position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0;transition:all .75s}#homepage #hero #images-slider img{height:100%;object-fit:cover}#homepage #hero #images-slider.banner_1 picture:nth-child(1){visibility:visible;opacity:1}#homepage #hero #images-slider.banner_2 picture:nth-child(2){visibility:visible;opacity:1}#homepage #hero #images-slider.banner_3 picture:nth-child(3){visibility:visible;opacity:1}#homepage #hero #images-slider.banner_4 picture:nth-child(4){visibility:visible;opacity:1}#homepage #hero .image-wrapper{position:absolute;bottom:50%;width:100%}#homepage #hero .image-wrapper ul{display:flex;margin:0 10%;width:80%}#homepage #hero .image-wrapper ul li{width:250px;margin:0 auto;display:none}#homepage #hero .image-wrapper ul.banner_1 li:nth-child(1){display:block}#homepage #hero .image-wrapper ul.banner_2 li:nth-child(2){display:block}#homepage #hero .image-wrapper ul.banner_3 li:nth-child(3){display:block}#homepage #hero .image-wrapper ul.banner_4 li:nth-child(4){display:block}#homepage #hero .wrapper{position:absolute;bottom:50px;padding:0 20px;width:100%;box-sizing:border-box}#homepage #hero .wrapper .content{position:relative}#homepage #hero .wrapper .content .item{position:absolute;bottom:0;left:0;color:#fff;visibility:hidden;opacity:0;transform:translateX(-50px);transition:all ease-in-out .35s}#homepage #hero .wrapper .content .item.active{visibility:visible;opacity:1;transform:translateX(0)}#homepage #hero .wrapper .content .item:nth-child(2) .text{padding-bottom:2.5em}#homepage #hero .wrapper .content .item .text{padding:10px 0 20px;font-size:16px}#homepage #hero .wrapper .btn-operate{align-items:flex-start;display:none}#homepage #hero .wrapper .btn-operate .btn-hero{width:130px;margin-top:15px;height:50px}#homepage #hero .wrapper .btn-operate .btn-hero.active{height:100px}#homepage #hero .wrapper .btn-operate .btn-hero .btn-top{border:1px #fff solid;box-sizing:border-box;border-radius:25px;transition:all .35s;font-size:14px;font-weight:700;letter-spacing:1px;line-height:28px;padding:10px 0;text-align:center;text-transform:uppercase;background-color:transparent;color:#fff;display:flex;justify-content:center;cursor:pointer}#homepage #hero .wrapper .btn-operate .btn-hero .btn-top:hover{background:#fff;color:#3a4c55}#homepage #hero .wrapper .btn-operate .btn-hero .btn-top:hover img{filter:brightness(.35)}#homepage #hero .wrapper .btn-operate .btn-hero.active .btn-top{border-bottom-right-radius:0;border-bottom-left-radius:0}#homepage #hero .wrapper .btn-operate .btn-hero img{width:26px;margin-left:10px}#homepage #hero .wrapper .btn-operate .btn-hero a{visibility:hidden;opacity:0;transition:all .35s;border-top-right-radius:0;border-top-left-radius:0;border:1px #fff solid}#homepage #hero .wrapper .btn-operate .btn-hero.active .btn.btn-white{display:flex;visibility:visible;opacity:1}#homepage #hero .wrapper .btn-operate .btn-hero.active .btn.btn-white:hover{background-color:#fff;color:#3a4c55}#homepage #hero .wrapper .btn-operate .btn-hero a .label,#homepage #hero .wrapper .btn-operate .btn-hero a img{visibility:hidden;opacity:0;transform:translateX(-50px);transition:all ease-in-out .5s}#homepage #hero .wrapper .btn-operate .btn-hero.active .btn.btn-white .label,#homepage #hero .wrapper .btn-operate .btn-hero.active .btn.btn-white img{visibility:visible;opacity:1;transform:translateX(0)}#homepage #hero .wrapper .mobile-btn-operate .products-tabs{width:100%;display:flex;justify-content:space-between;margin-bottom:40px}#homepage #hero .wrapper .mobile-btn-operate .products-tabs a{display:block;color:#fff;padding:10px 0;border-bottom:2px transparent solid}#homepage #hero .wrapper .mobile-btn-operate .products-tabs li.active a{border-bottom:2px #fff solid}#homepage #hero .wrapper .mobile-btn-operate .discover-button li{display:none}#homepage #hero .wrapper .mobile-btn-operate .discover-button li.active{display:block}#homepage #hero .wrapper .mobile-btn-operate .discover-button li a.btn{width:230px}#homepage .product-block{padding:60px 20px 0}#homepage .product-block .title{padding-bottom:20px;font-size:18px;line-height:1.6em;font-weight:bolder;text-align:center;color:#aeaeae;text-transform:uppercase}#homepage .product-block .wrapper .wrapper-left{overflow:hidden;height:350px;border-top-left-radius:10px;border-top-right-radius:10px;position:relative}#homepage .product-block .wrapper .wrapper-left picture{position:absolute;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;transition:all .35s}#homepage .product-block#s2 .wrapper .wrapper-left picture{transition:all 1.5s}#homepage .product-block .wrapper .wrapper-left img{height:100%;object-fit:cover}#homepage .product-block.triggerLeftOn .wrapper .wrapper-left picture:nth-child(1){visibility:visible;opacity:1}#homepage .product-block.triggerLeftOff .wrapper .wrapper-left picture:nth-child(2){visibility:visible;opacity:1}#homepage .product-block .wrapper .wrapper-top{background-color:#fbfbfb;padding:30px}#homepage .product-block .wrapper .wrapper-top .text{padding:15px 0 30px;font-size:18px;font-weight:400}#homepage .product-block .wrapper .wrapper-bottom{background-color:#fff;padding:30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-sizing:border-box}#homepage .product-block .wrapper-bottom .product-lists{overflow:hidden}#homepage .product-block .wrapper-bottom .product-lists ul::-webkit-scrollbar{width:0;height:0}#homepage .product-block .wrapper-bottom .product-lists ul{display:flex;overflow-x:scroll}#homepage .product-block .wrapper-bottom .product-lists ul.active{cursor:grab}#homepage .product-block .wrapper-bottom .product-lists li{min-width:220px;width:220px;margin-right:20px;border-radius:10px;border:2px #dadee1 solid;padding:25px;padding-top:0;box-sizing:border-box}#homepage .product-block .wrapper-bottom .product-lists .divimg{padding:0}#homepage .product-block#s1{display:none}#homepage .product-block .wrapper-bottom .product-lists .price{text-align:center;font-size:14px;padding:20px 0;letter-spacing:.5px;display:flex;flex-direction:column}#homepage .product-block#s2 .wrapper-bottom .product-lists .price{padding-top:10px}#homepage .product-block .wrapper-bottom .product-lists .price span:nth-child(1){font-weight:700}#homepage .product-block#s4 .wrapper-bottom .product-lists .price span:nth-child(1){height:36px}#homepage .product-block .wrapper-bottom .product-lists .price span:nth-child(2){margin-top:5px}div.price del{font-size:75%;color:#888;font-weight:400}#homepage .product-block .wrapper-bottom .product-lists .btn-operate .btn{margin:0 auto}#homepage .product-block .wrapper-bottom .product-lists .shop-all{display:flex;justify-content:flex-end;margin-top:16px}#homepage .product-block .wrapper-bottom .product-lists .shop-all .btn{display:flex;align-items:center;width:auto}#homepage .product-block .wrapper-bottom .product-lists .shop-all img{width:30px;margin-left:10px}#homepage .product-block .btn-operate a img{margin-right:5px}#homepage .product-block#s4 .wrapper-bottom .product-lists .btn.btn-black,#homepage .product-block#s5 .wrapper-bottom .product-lists .btn.btn-black{width:160px;margin:0 auto;border-radius:25px}#homepage .product-block#s5 .wrapper .wrapper-left .divimg{display:flex;justify-content:center;align-items:center}#homepage .product-block .btn-operate a.btn picture:nth-child(1){display:block}#homepage .product-block .btn-operate a.btn picture:nth-child(2){display:none}#homepage .product-block .btn-operate a.btn.active picture:nth-child(1){display:none}#homepage .product-block .btn-operate a.btn.active picture:nth-child(2){display:block}#homepage .product-block .btn-operate a.btn .label{overflow:hidden}#homepage .product-block .btn-operate a.btn .label span{display:block}#homepage .product-block .btn-operate a.btn .label span:nth-child(1){visibility:visible;opacity:1;height:auto}#homepage .product-block .btn-operate a.btn .label span:nth-child(2){visibility:hidden;opacity:0;height:0}#homepage .product-block .btn-operate a.btn.active .label span:nth-child(1){visibility:hidden;opacity:0;height:0}#homepage .product-block .btn-operate a.btn.active .label span:nth-child(2){visibility:visible;opacity:1;height:auto}#homepage #s3{padding:60px 20px 0}#homepage #s2 .wrapper-top .btn-operate,#homepage #s4 .wrapper-top .btn-operate{max-width:350px;flex-wrap:nowrap}#homepage #s4 .wrapper-top .btn-operate a.toggle-left-button{width:130px}#homepage #s3 .wrapper .item{background-color:#fff;border-radius:10px;border:1px solid #d3d3d3}#homepage #s3 .wrapper .item:first-child{margin-bottom:30px}#homepage #s3 .wrapper .item .imgtop{overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px}#homepage #s3 .wrapper .item .divimg{width:100%;background-size:cover;background-position:80% 50%;height:300px;border-top-right-radius:10px;border-top-left-radius:10px;transform:scale(1);transition:all .35s}#homepage #s3 .wrapper .item .divimg:hover{transform:scale(1.05)}#homepage #s3 .wrapper .item .content{width:100%;padding:30px;box-sizing:border-box;text-align:center}#homepage #s3 .wrapper .item .content .text{font-size:18px;padding:10px 0 25px}#homepage #s3 .wrapper .item .btn-operate{margin:0 auto}@media(-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-m@1x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-m@1x.webp)}#works-with ul li:nth-child(1) .divimg{background-image:url(../img/integration/google/integration-google-section@1x.jpg)}#works-with ul li:nth-child(2) .divimg{background-image:url(../img/integration/homepodmini@1x.jpg)}#works-with ul li:nth-child(3) .divimg{background-image:url(../img/common/works-with-hub@1x.jpg)}.nanoleaf-essentials #works-with ul li:nth-child(2) .divimg{background-image:url(../img/integration/homepodmini@1x.jpg);background-position:85% 0}.nanoleaf-essentials #works-with ul li:nth-child(3) .divimg{background-image:url(../img/homepage/essentials@1x.jpg);background-position:100%}.header-menu .menu-lists .menu-item:nth-child(1) ul li:nth-child(1) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/common/comparebgnav@1x.jpg);background-size:cover;background-position:50%}.is-webp .header-menu .menu-lists .menu-item:nth-child(1) ul li:nth-child(1) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/common/comparebgnav@1x.webp);background-size:cover;background-position:50%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(1) a .divimg{background-image:url(../img/products/shapes/shapes-mtri-exp-shop-2@1x.jpg);background-size:265%;background-position:55% 25%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(1) a .divimg{background-image:url(../img/products/shapes/shapes-mtri-exp-shop-2@1x.webp);background-size:265%;background-position:55% 25%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(2) a .divimg{background-image:url(../img/products/canvas/canvas-exp-2@1x.jpg);background-size:159%;background-position:70% 43%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(2) a .divimg{background-image:url(../img/products/canvas/canvas-exp-2@1x.webp);background-size:159%;background-position:70% 43%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(3) a .divimg{background-image:url(../img/products/light-panels/lp-exp-301@1x.jpg);background-size:200%;background-position:63% 40%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(3) a .divimg{background-image:url(../img/products/light-panels/lp-exp-301@1x.webp);background-size:200%;background-position:63% 40%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/products/remote/remote-feature-3@1x.jpg);background-size:cover;background-position:50%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/products/remote/remote-feature-3@1x.webp);background-size:cover;background-position:50%}#homepage #s1.triggerLeftOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG@1x.jpg)}.is-webp #homepage #s1.triggerLeftOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG@1x.webp)}#homepage #s1.triggerLeftOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/Essentials@1x.jpg)}.is-webp #homepage #s1.triggerLeftOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/Essentials@1x.webp)}#homepage #s1.triggerRightOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG-2@1x.jpg)}.is-webp #homepage #s1.triggerRightOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG-2@1x.webp)}#homepage #s1.triggerRightOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepagehero/HeroBG-3@1x.jpg)}.is-webp #homepage #s1.triggerRightOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG-3@1x.webp)}#homepage #s3 .wrapper .item:first-child .divimg{background-image:url(../img/homepage/hero-bg-2@1x.jpg)}.is-webp #homepage #s3 .wrapper .item:first-child .divimg{background-image:url(../img/homepage/hero-bg-2@1x.webp)}#homepage #s3 .wrapper .item:last-child .divimg{background-image:url(../img/homepage/lp@1x.jpg)}.is-webp #homepage #s3 .wrapper .item:last-child .divimg{background-image:url(../img/homepage/lp@1x.webp)}#homepage #s5 .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/shapes@1x.jpg)}.is-webp #homepage #s5 .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/shapes@1x.webp)}#homepage-works-with ul li:nth-child(1) .divimg{background-image:url(../img/integration/homepodmini@1x.jpg);background-size:cover;background-repeat:no-repeat;background-position:85% 50%}.is-webp #homepage-works-with ul li:nth-child(1) .divimg{background-image:url(../img/integration/homepodmini@1x.webp);background-size:cover;background-repeat:no-repeat;background-position:85% 50%}#homepage-works-with ul li:nth-child(2) .divimg{background-image:url(../img/common/works-with-hub@1x.jpg)}.is-webp #homepage-works-with ul li:nth-child(2) .divimg{background-image:url(../img/common/works-with-hub@1x.webp)}}@media(-webkit-min-device-pixel-ratio:2){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-m@2x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-m@2x.webp)}#works-with ul li:nth-child(1) .divimg{background-image:url(../img/integration/google/integration-google-section@2x.jpg)}#works-with ul li:nth-child(2) .divimg{background-image:url(../img/integration/homepodmini@2x.jpg)}#works-with ul li:nth-child(3) .divimg{background-image:url(../img/common/works-with-hub@2x.jpg)}.nanoleaf-essentials #works-with ul li:nth-child(2) .divimg{background-image:url(../img/integration/homepodmini@2x.jpg);background-position:85% 0}.nanoleaf-essentials #works-with ul li:nth-child(3) .divimg{background-image:url(../img/homepage/essentials@2x.jpg);background-position:100%}.header-menu .menu-lists .menu-item:nth-child(1) ul li:nth-child(1) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/common/comparebgnav@2x.jpg);background-size:cover;background-position:50%}.is-webp .header-menu .menu-lists .menu-item:nth-child(1) ul li:nth-child(1) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/common/comparebgnav@2x.webp);background-size:cover;background-position:50%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(1) a .divimg{background-image:url(../img/products/shapes/shapes-mtri-exp-shop-2@2x.jpg);background-size:265%;background-position:55% 25%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(1) a .divimg{background-image:url(../img/products/shapes/shapes-mtri-exp-shop-2@2x.webp);background-size:265%;background-position:55% 25%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(2) a .divimg{background-image:url(../img/products/canvas/canvas-exp-2@2x.jpg);background-size:159%;background-position:70% 43%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(2) a .divimg{background-image:url(../img/products/canvas/canvas-exp-2@2x.webp);background-size:159%;background-position:70% 43%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(3) a .divimg{background-image:url(../img/products/light-panels/lp-exp-301@2x.jpg);background-size:200%;background-position:63% 40%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(3) a .divimg{background-image:url(../img/products/light-panels/lp-exp-301@2x.webp);background-size:200%;background-position:63% 40%}.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/products/remote/remote-feature-3@2x.jpg);background-size:cover;background-position:50%}.is-webp .header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li:nth-child(4) a .divimg{background-image:url(../img/products/remote/remote-feature-3@2x.webp);background-size:cover;background-position:50%}#homepage #s1.triggerLeftOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG@2x.jpg)}.is-webp #homepage #s1.triggerLeftOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG@2x.webp)}#homepage #s1.triggerLeftOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/Essentials@2x.jpg)}.is-webp #homepage #s1.triggerLeftOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/Essentials@2x.webp)}#homepage #s1.triggerRightOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG-2@2x.jpg)}.is-webp #homepage #s1.triggerRightOff .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG-2@2x.webp)}#homepage #s1.triggerRightOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepagehero/HeroBG-3@2x.jpg)}.is-webp #homepage #s1.triggerRightOn .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/hero/HeroBG-3@2x.webp)}#homepage #s3 .wrapper .item:first-child .divimg{background-image:url(../img/homepage/hero-bg-2@2x.jpg)}.is-webp #homepage #s3 .wrapper .item:first-child .divimg{background-image:url(../img/homepage/hero-bg-2@2x.webp)}#homepage #s3 .wrapper .item:last-child .divimg{background-image:url(../img/homepage/lp@2x.jpg)}.is-webp #homepage #s3 .wrapper .item:last-child .divimg{background-image:url(../img/homepage/lp@2x.webp)}#homepage #s5 .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/shapes@2x.jpg)}.is-webp #homepage #s5 .wrapper .wrapper-left .divimg{background-image:url(../img/homepage/shapes@2x.webp)}#homepage-works-with ul li:nth-child(1) .divimg{background-image:url(../img/integration/homepodmini@2x.jpg);background-size:cover;background-repeat:no-repeat;background-position:85% 50%}.is-webp #homepage-works-with ul li:nth-child(1) .divimg{background-image:url(../img/integration/homepodmini@2x.webp);background-size:cover;background-repeat:no-repeat;background-position:85% 50%}#homepage-works-with ul li:nth-child(2) .divimg{background-image:url(../img/common/works-with-hub@2x.jpg)}.is-webp #homepage-works-with ul li:nth-child(2) .divimg{background-image:url(../img/common/works-with-hub@2x.webp)}}}@media only screen and (device-width:320px) and (max-device-height:568px) and (-webkit-device-pixel-ratio:2){.keynote-advert .subtitle{font-size:16px}.keynote-advert h1{font-size:23px;margin-bottom:5px}.keynote-advert{padding-bottom:0}.keynote-advert .icon img:nth-child(1){width:97px}.keynote-advert .icon img:nth-child(2){width:140px}}@media screen and (min-width:321px){.top-message-bar{font-size:16px}.btn-operate a{margin-top:0}.header-menu .menu-lists .menu-item .first-nav h1{font-size:32px}.header-menu .menu-lists .menu-item .first-nav h2{font-size:24px}.header-menu .menu-lists .menu-item .first-nav h3{font-size:18px}.keynote-advert{padding-bottom:1.5em}.keynote-advert h1{font-size:34px}}@media screen and (min-width:768px){@media(-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-t@1x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-t@1x.webp)}}@media(-webkit-max-device-pixel-ratio:2){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-t@2x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster-t@2x.webp)}}#homepage .hero-video.is-mobile{display:none}#homepage .hero-video.is-tablet{display:block}#homepage .hero-video.is-desktop{display:none}.keynote-advert .icon{display:flex;align-items:center;margin-bottom:2em}.keynote-advert .icon img:nth-child(1){margin-bottom:0;margin-right:3em}#homepage #hero{display:flex;align-items:flex-end}.keynote-advert{margin:0 auto;text-align:center;padding-bottom:.5em}.keynote-advert h1{line-height:130%;width:400px;margin:0 auto}.keynote-advert p{font-size:16px;margin:1em auto 1.5em}#homepage #hero .keynote-advert .keynote-watch{margin:0 auto;max-width:475px;width:500px;flex-wrap:nowrap}.keynote-advert .keynote-watch .btn{width:200px;margin:0 auto}#home-bf{display:flex;padding:70px 50px 45px;margin:80px 50px 0}#home-bf .title{font-size:54px}#home-bf .wrapper{display:flex;max-width:750px;margin:0 auto}#home-bf .left-wrapper{width:50%}#home-bf .right-wrapper{width:50%;margin-left:50px}.top-message-bar{font-size:16px}.top-message-popup .top-message-container{max-width:400px;padding:40px}.header-menu .menu-lists .menu-item:nth-child(2) .first-nav>li:nth-child(1){margin-bottom:40px}header nav .nav-left .menu-toggle{padding-left:50px;width:100px}header nav{justify-content:flex-start}header nav>div{justify-content:center}header nav .nav-left{margin-right:auto;width:33.3%}header nav .nav-middle{margin-right:auto;width:33.3%}header nav .nav-middle img{margin:0 auto}header nav .nav-right{margin-left:auto;width:33.3%}header nav .nav-left .menu-toggle.mobile{display:none}header nav .nav-left .menu-toggle.tabelt{display:block}#homepage #s4 .wrapper-top .btn-operate a.toggle-left-button{width:160px}header nav .nav-middle a img{width:160px}header nav .nav-right{padding:0 50px 0 0}header nav .nav-right .mobile-region{display:none}header nav .nav-right .mobile-region-popup{display:none}header nav .nav-right .language-switch,header nav .nav-right .region-switch{display:block;position:relative}header nav .nav-right .region-switch{margin-left:20px}header nav .nav-right .btn{display:block;margin-left:20px;padding:0 15px;font-size:12px;border:1px #fff solid;color:#fff}header nav .nav-right .btn:hover{background-color:#3fae29;border:1px #3fae29 solid}header nav .nav-right .show{display:flex;align-items:center;cursor:pointer;border-radius:25px;border:1px #fff solid;font-size:13px;line-height:28px;padding:0 10px;text-align:center;color:#fff;box-sizing:border-box}header nav .nav-right .show img{width:20px;padding:5px 0}header nav .nav-right .show .arrow-down{display:inline-block;height:0;width:0;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);margin:0 auto;padding:3px;margin-left:8px;margin-bottom:4px}header nav .nav-right .toggle{display:none;padding:10px 0;position:absolute;top:45px;background-color:#fff;border-radius:10px;border:1px solid #f1f2f2}header nav .nav-right .toggle li a{display:flex;align-items:center;padding:12px;font-size:14px;transition:all .35s}header nav .nav-right .toggle li a:hover{background-color:#f1f2f2}header nav .nav-right .language-switch .toggle li a{width:30px;justify-content:center}header nav .nav-right .toggle li img{width:20px;margin-right:10px}header nav .nav-right .toggle.active{display:block}header.active nav .nav-right .show{border:1px #3a4c55 solid;color:#3a4c55}header.active nav .nav-right .show .arrow-down{border-bottom:1px solid #3a4c55;border-right:1px solid #3a4c55}header.active nav .nav-right .btn{border:1px #3fae29 solid;background-color:#3fae29}header nav .nav-right .open-search-bar{padding:0;margin-right:18px;cursor:pointer}#products .nanoleaf-app{margin-top:5em}#brand-logos,#retail-logos{padding:30px 0}.header-menu{top:0;padding:50px;background-color:#fbfbfb}.showGreenBar .header-menu{top:0}.header-menu .close-header-menu{position:absolute;right:20px;top:20px;padding:50px 30px;display:block}.header-menu .close-header-menu .line{height:2px;width:48px;border-radius:1px;background-color:#3a4c55;transform:rotate(45deg)}.header-menu .close-header-menu .line:last-child{transform:rotate(-45deg);margin-top:-2px}.header-menu .menu-tabs{margin-bottom:60px}.header-menu .menu-tabs li{margin-right:50px}.header-menu .menu-tabs li a{font-size:23px}.header-menu .menu-lists .menu-item .first-nav h1{font-size:38px}.header-menu .menu-lists .menu-item .first-nav h2{font-size:28px}.header-menu .menu-lists .menu-item .first-nav h3{font-size:20px;font-weight:600}.header-menu .menu-lists .menu-item .first-nav>li{margin-bottom:30px}.cookie-popup{left:50px;right:50px;bottom:30px}.cookie-popup .wrapper{display:flex;justify-content:space-between;align-items:center;padding:30px 50px}.cookie-popup .wrapper-left{display:flex;justify-content:space-between;align-items:center;max-width:550px;margin-right:10%}.cookie-popup .wrapper-left .content{text-align:left}.cookie-popup .wrapper-left img{width:40px;margin-right:40px}.cookie-popup .wrapper-right .btn:last-child{border:1px #3a4c55 solid;margin-top:20px}.header-menu .menu-lists .menu-item .second-nav{display:flex;flex-wrap:wrap}.header-menu .menu-lists .menu-item .second-nav li{width:calc((100% - 30px)/2);margin-right:30px}.header-menu .menu-lists .menu-item .second-nav li:nth-child(2n){margin-right:0}.header-menu .menu-lists .menu-item li.active .second-nav>li .label img{position:relative;left:-5px}.header-menu .menu-lists .menu-item li.active .second-nav>li:hover .label img{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(1){animation-delay:.2s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(2){animation-delay:.2s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(3){animation-delay:.5s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(4){animation-delay:.5s}.header-menu .menu-lists .menu-item .second-nav li a{padding:0;margin:15px 0;background-color:#fff;border-radius:10px}.header-menu .menu-lists .menu-item .second-nav li a .divimg{display:block;height:160px;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.header-menu .menu-lists .menu-item .second-nav li:nth-child(1) a .divimg img{position:relative;top:-3em;width:95%;left:3em}.header-menu .menu-lists .menu-item .second-nav li:nth-child(2) a .divimg img{position:relative;top:-3.5em;left:2.5em}.header-menu .menu-lists .menu-item .second-nav li:nth-child(3) a .divimg img{position:relative;top:-1.5em;left:2em}.header-menu .menu-lists .menu-item:nth-child(1) ul li:nth-child(1) .second-nav li:nth-child(4) a .divimg img,.header-menu .menu-lists .menu-item:nth-child(2) ul li:nth-child(2) .second-nav li a .divimg img{width:50px;margin:0 auto;position:static;margin-top:3.1em}.header-menu .menu-lists .menu-item .second-nav li a .label{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.header-menu .menu-lists .menu-item .second-nav li a .label picture{display:block;width:30px}footer{padding:50px}footer .footer-top{display:flex;justify-content:space-between;align-items:center}footer .social-media{width:300px}footer .footer-form{margin-top:0;width:calc(50% - 50px);max-width:550px}footer .footer-form .btn.btn-white{margin:0 0 0 auto}footer .footer-form form .title{font-size:32px;width:100%}footer .footer-form .form-overlay{display:flex;justify-content:center;align-items:center}footer .footer-form .overlay-bg{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}footer .footer-form .form-overlay .overlay-container{width:600px;border-radius:10px;padding:50px}footer .footer-form .form-overlay.active .overlay-container{height:auto}footer .footer-form .overlay-container .close-form{top:50px;right:45px}footer .footer-form form input[type=checkbox]~label{font-size:16px;font-weight:700}footer .footer-form .label{text-align:right}footer .footer-main{margin-top:50px;padding-top:50px}footer .footer-main ul.first-nav{display:flex;justify-content:flex-start;flex-wrap:wrap}footer .footer-main ul.first-nav li{width:33.3333%}footer .footer-main ul.first-nav li ul{margin-bottom:50px}footer .footer-main ul.first-nav li ul li{width:100%}.close-video{top:50px;right:50px}.video-container iframe{margin:0 50px;width:calc(100vw - 100px)}#no-found{padding:150px 50px}.btn-operate{max-width:375px}.btn-operate a{width:160px}#brand-logos ul{max-width:700px;margin:0 auto}.en-CA #retail-logos ul{max-width:700px;margin:0 auto}#brand-logos ul,#retail-logos ul{flex-wrap:nowrap;justify-content:space-between;padding:0 50px}#brand-logos ul li,#retail-logos ul li{width:90px}#partner-logos ul{padding:50px}#homepage-works-with{padding:100px 50px 0}#homepage-works-with ul{display:flex;flex-wrap:wrap}#homepage-works-with ul li{width:100%;display:flex}#homepage-works-with ul li .content{width:50%;padding:50px;box-sizing:border-box}#homepage-works-with ul li .img-wrapper{width:50%}#homepage-works-with ul li .divimg{height:100%}#homepage-works-with ul li .content .text{min-height:80px}#works-with{padding:100px 50px}.nanoleaf-essentials #works-with{padding:100px 50px 0}#works-with ul{display:flex;justify-content:center;flex-wrap:wrap}#works-with ul li:nth-child(1){width:calc((100% - 30px)/2);margin-right:30px}#works-with ul li:nth-child(2){width:calc((100% - 30px)/2)}#works-with ul li .content-bottom a{width:160px;margin:0 auto}#works-with ul li:nth-child(3) .divimg{height:250px}.nanoleaf-essentials #works-with ul li:nth-child(3) .divimg{height:375px}#works-with ul li:nth-child(3) .content-bottom a{margin:0}#users-comments{padding:80px 0 0}#users-comments .main{padding:50px 0 50px 50px}#users-comments .main::-webkit-scrollbar{width:0;height:0}#users-comments .main ul{display:flex;justify-content:space-between;width:960px}#users-comments .main ul li{width:300px;margin:50px 30px 0 0}#users-comments .main ul li:last-child{margin-right:50px}#users-comments .btn-operate{justify-content:center}#users-comments .btn-operate a{width:220px;margin:0 20px}#nanoleaf-instagram{padding:50px 0}#nanoleaf-instagram .wrapper{padding:50px 0 50px 50px;display:flex;align-items:center}#nanoleaf-instagram .wrapper .left-wrapper{text-align:left;padding:0 30px 0 0;min-width:250px}#nanoleaf-instagram .wrapper .btn-opreate{margin:0}#nanoleaf-blog{padding:0 0 80px}#nanoleaf-blog .wrapper{padding:50px 0 50px 50px;display:flex;align-items:center}#nanoleaf-blog .wrapper .left-wrapper{text-align:left;padding:0 30px 0 0;min-width:250px}#nanoleaf-blog .wrapper .btn-opreate{margin:0}h1{font-size:36px}#homepage #hero h1{font-size:42px!important;margin-bottom:20px;width:600px;margin:0 auto;margin-bottom:20px}#hero h1{font-size:50px}#homepage #hero .image-wrapper ul li{width:65%}#homepage #hero .wrapper{padding:0 50px;bottom:7%}#homepage #hero .wrapper .mobile-btn-operate .products-tabs{margin-bottom:45px}#homepage #hero .wrapper .content{width:530px}#homepage #hero .wrapper .mobile-btn-operate{width:480px}#homepage #hero .wrapper .content .item .text{font-size:24px}#homepage #hero .wrapper .btn-operate .btn-hero{width:160px}#homepage .product-block{padding:80px 50px 0}#homepage .product-block .title{font-size:20px}#homepage .product-block .wrapper .wrapper-left{height:500px}#homepage .product-block .wrapper .wrapper-top{padding:50px 50px 30px}#homepage .product-block .wrapper .wrapper-top .text{font-size:24px}#homepage .product-block .wrapper .wrapper-bottom{padding:30px 50px}#homepage #s3{padding:80px 50px 0}#homepage #s3 .wrapper .item:first-child{margin-bottom:50px}#homepage #s3 .wrapper .item .content{padding:50px}#homepage #s3 .wrapper .item .divimg{height:350px}}@media screen and (min-width:1024px){#brand-logos ul li,#retail-logos ul li{width:130px}#works-with ul li .content-top{padding:60px}#works-with .title{padding-bottom:30px}#works-with ul li .divimg{height:520px}#works-with ul li:nth-child(3) .divimg{height:300px}.nanoleaf-essentials #works-with ul li .content-bottom{margin-left:55px}#users-comments .title{padding:2em 0 0}#users-comments .main{padding:50px;overflow-x:hidden}#users-comments .main ul{width:100%}#users-comments .main ul li{width:33.3333%;max-width:400px}#users-comments .main ul li:last-child{margin-right:0}#homepage .product-block#s2 .wrapper .wrapper-left .divimg:hover{transform:scale(1.35) translateY(90px)}#nanoleaf-instagram{padding:50px}#nanoleaf-instagram .wrapper{border-radius:10px}#nanoleaf-instagram .wrapper .right-wrapper{position:relative;padding:0 40px}#nanoleaf-instagram .slide-wrapper{display:flex;justify-content:space-between;position:absolute;top:90px;left:0;right:0}#nanoleaf-instagram .slide-wrapper .btn-slide{display:flex;align-items:center;width:40px;height:100px}#nanoleaf-instagram .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:6px;margin-top:3px;margin-left:17px}#nanoleaf-instagram .slide-wrapper .btn-slide span.btn-next{transform:rotate(-45deg);margin-left:8px}#nanoleaf-instagram .slide-wrapper.stopLeft .btn-slide span.btn-prex{opacity:.3}#nanoleaf-instagram .slide-wrapper.stopRight .btn-slide span.btn-next{opacity:.3}#nanoleaf-blog{padding:0 50px 80px}#nanoleaf-blog .wrapper{border-radius:10px}#nanoleaf-blog .wrapper .right-wrapper{position:relative;padding:0 40px}#nanoleaf-blog .wrapper ul li{width:340px;min-width:340px}#nanoleaf-blog .slide-wrapper{display:flex;justify-content:space-between;position:absolute;top:42%;left:0;right:0}#nanoleaf-blog .slide-wrapper .btn-slide{display:flex;align-items:center;width:40px;height:100px}#nanoleaf-blog .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:6px;margin-top:3px;margin-left:17px}#nanoleaf-blog .slide-wrapper .btn-slide span.btn-next{transform:rotate(-45deg);margin-left:8px}#nanoleaf-blog .slide-wrapper.stopLeft .btn-slide span.btn-prex{opacity:.3}#nanoleaf-blog .slide-wrapper.stopRight .btn-slide span.btn-next{opacity:.3}footer .footer-form{display:flex;align-items:center;justify-content:flex-end}footer .footer-form .label{margin-bottom:0;width:180px}footer .footer-form .btn.btn-white{margin:0 0 0 20px}footer .footer-main ul.first-nav li{width:calc((100% - 40px)/5);margin-right:10px}footer .footer-main ul.first-nav li:last-child{margin-right:0}#homepage #hero .image-wrapper{top:16%;bottom:0}#homepage #hero .wrapper .btn-operate{display:flex}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(4) .btn-top{width:200px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(4) a{width:200px;justify-content:start;padding-left:2em}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2){width:175px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2) .btn-top{width:175px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2) a{width:175px}#homepage #hero .wrapper .mobile-btn-operate{display:none}#homepage #hero .wrapper{bottom:10%}#homepage #hero .wrapper .btn-operate{margin-top:2em}#homepage #hero .wrapper .btn-operate{max-width:100%;width:720px;display:flex;justify-content:space-between}#homepage #hero .wrapper .btn-operate .btn-hero{height:100px}#homepage .product-block{padding:100px 50px 0}#homepage .product-block .title{padding-bottom:30px}#homepage .product-block .wrapper{display:flex;justify-content:space-between}#homepage .product-block .wrapper .wrapper-left{width:50%;height:auto;border-top-right-radius:0;border-bottom-left-radius:10px}#homepage .product-block .wrapper .wrapper-left:hover picture{transform:scale(1.05)}#homepage .product-block#s2 .wrapper .wrapper-left:hover picture{transform:scale(1.35) translateY(100px)}#homepage .product-block.triggerLeftOn#s2 .wrapper .wrapper-left:hover picture:nth-child(1){opacity:0;visibility:hidden}#homepage .product-block.triggerLeftOn#s2 .wrapper .wrapper-left:hover picture:nth-child(3){opacity:1;visibility:visible}#homepage .product-block.triggerLeftOff#s2 .wrapper .wrapper-left:hover picture:nth-child(2){opacity:0;visibility:hidden}#homepage .product-block.triggerLeftOff#s2 .wrapper .wrapper-left:hover picture:nth-child(4){opacity:1;visibility:visible}#homepage .product-block .wrapper .wrapper-right{width:50%;display:flex;flex-direction:column;justify-content:center}#homepage .product-block .wrapper .wrapper-top .text{width:80%;font-size:18px}#homepage .product-block .wrapper .wrapper-top{border-top-right-radius:10px}#homepage .product-block .wrapper .wrapper-bottom{border-bottom-left-radius:0}#homepage .product-block#s1 .wrapper{flex-direction:row-reverse}#homepage .product-block#s1 .wrapper .wrapper-left{border-bottom-left-radius:0;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:10px}#homepage .product-block#s1 .wrapper .wrapper-top{border-top-right-radius:0;border-top-left-radius:10px}#homepage .product-block#s1 .wrapper .wrapper-bottom{border-bottom-right-radius:0;border-bottom-left-radius:10px}#homepage .product-block#s5 .wrapper{flex-direction:column}#homepage .product-block#s5 .wrapper .wrapper-left{width:100%;height:380px;border-bottom-left-radius:0;border-top-right-radius:10px}#homepage .product-block#s5 .wrapper .wrapper-right{width:100%;flex-direction:row}#homepage .product-block#s5 .wrapper .wrapper-top{width:50%}#homepage .product-block#s5 .wrapper .wrapper-bottom{width:50%}#homepage #s3 .wrapper{display:flex;justify-content:space-between}#homepage #s3 .wrapper .item{width:48%}#homepage #s3 .wrapper .item:first-child{margin-right:4%;margin-bottom:0}footer .footer-form .label{text-align:left}.keynote-advert{padding-bottom:.5em}.keynote-advert .subtitle{font-size:23px}.keynote-advert h1{margin:25px 0}}@media screen and (min-width:1024px) and (orientation:portrait){.header-menu .menu-lists .menu-item.active{width:75%}}@media screen and (min-width:1024px) and (orientation:landscape){#homepage #hero .image-wrapper{top:20%;right:0;width:45%}#homepage #hero .image-wrapper ul li{width:100%}.keynote-advert .keynote-watch .btn{width:250px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#homepage #hero h1{text-align:left;margin:0}#homepage .hero-video.is-mobile{display:none}#homepage .hero-video.is-tablet{display:none}#homepage .hero-video.is-desktop{display:block}@media(-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@2x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@2x.webp)}}@media(-webkit-max-device-pixel-ratio:2){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@3x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@3x.webp)}}#homepage #hero{display:flex;align-items:center}.keynote-advert{position:static}.keynote-advert .keynote-watch{margin:0}.keynote-advert .icon{margin:0;margin-bottom:1em}.keynote-advert .icon img:nth-child(1){margin:0;margin-right:2em}.keynote-advert .icon img:nth-child(2){margin:0}#homepage #hero .keynote-advert .btn-operate{justify-content:space-between}.keynote-advert .btn-operate{align-self:flex-start;margin-top:2em;justify-content:space-between;flex-direction:row;max-width:425px;width:425px}.keynote-advert .btn-operate a:nth-child(1) .btn{margin-bottom:0;margin-right:10px}#hero .keynote-advert .btn-operate a{width:200px;margin:0}.keynote-advert{padding:0 10%;width:100%;margin:0;text-align:left}.keynote-advert p{font-size:18px;width:400px;margin:1em 0 2em}}@media screen and (min-width:1025px){@media(-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@2x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@2x.webp)}}@media(-webkit-max-device-pixel-ratio:2){#homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@3x.jpg)}.is-webp #homepage #hero{background-image:url(../img/experiences/jurassic-world/homepagejurassic-poster@3x.webp)}}#homepage #hero{display:flex;align-items:center}#homepage #hero{align-items:center}.keynote-advert .keynote-watch{margin:0}#hero .keynote-advert .btn-operate a{width:200px;margin:0}.keynote-advert{padding:0 50px;width:100%;margin:0;text-align:left}#homepage #hero h1{text-align:left;margin:0;width:500px}.keynote-advert p{font-size:18px;width:400px;margin:1em 0 2em}#homepage #hero .keynote-advert .keynote-watch{margin:0;margin-top:2em}.header-menu{padding:80px 100px;max-width:1100px}.header-menu-overlay.active{display:block;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:3}.header-menu .menu-lists .menu-item .second-nav li{width:calc((100% - 90px)/4)}.header-menu .menu-lists .menu-item .second-nav li:nth-child(2n){margin-right:30px}.header-menu .menu-lists .menu-item .second-nav li:nth-child(4n){margin-right:0}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(1){animation-delay:.15s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(2){animation-delay:.4s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(3){animation-delay:.65s}.header-menu .menu-lists .menu-item li.active .second-nav>li:nth-child(4){animation-delay:.9s}.nanoleaf-essentials #works-with ul li:nth-child(3) .divimg{height:100%}#homepage #hero{display:flex;align-items:center}.keynote-advert{position:static}.keynote-advert .keynote-watch{margin:0}.keynote-advert .icon{margin:0;margin-bottom:1em}#homepage #hero .keynote-advert .btn-operate{justify-content:space-between}.keynote-advert .btn-operate{align-self:flex-start;margin-top:2em;justify-content:space-between;flex-direction:row;max-width:425px;width:425px}.keynote-advert .btn-operate a:nth-child(1) .btn{margin-bottom:0;margin-right:10px}#hero .keynote-advert .btn-operate a{width:200px;margin:0}.keynote-advert{padding:0 10%;width:100%;margin:0;text-align:left}#homepage #hero h1{text-align:left;margin:0}.keynote-advert p{font-size:18px;width:400px;margin:1em 0 2em}}@media screen and (min-width:1280px){#homepage #hero{background-position:50% 0;align-items:center}#homepage #hero .btn-operate{justify-content:flex-start}#homepage #hero .keynote-watch .btn-operate{margin:0}#homepage #hero .keynote-advert .keynote-watch{margin:0;margin-top:2em;justify-content:space-between}#homepage #hero .keynote-advert h1{width:500px}header nav .nav-left .menu-toggle.desktop{display:block}#homepage .product-block .wrapper .wrapper-top .text{font-weight:600}#homepage #hero .wrapper .btn-operate .btn-hero img{display:none}#homepage #hero .wrapper .btn-operate .btn-hero{width:130px}#homepage #hero .wrapper .btn-operate{width:650px}#homepage #s3 .btn-operate a{width:140px}#homepage #hero .wrapper .btn-operate .btn-hero a{width:130px}#s2 .btn-operate a,#s4 .btn-operate a{width:160px}#hero .btn-operate a{width:160px}#homepage #s3 .btn-operate{max-width:300px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(4) .btn-top{width:170px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2) .btn-top{width:160px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2){width:160px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2) a{width:160px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(4) a{width:170px;justify-content:center;padding-left:0}.cookie-popup .wrapper{padding:25px 80px}.cookie-popup{left:10%;right:10%}.cookie-popup .wrapper-right{display:flex;justify-content:space-between;flex-direction:row-reverse}.cookie-popup .wrapper-right .btn:last-child{margin-top:0;margin-right:20px}header nav .nav-left .menu-toggle.tabelt{display:none}#homepage #hero .wrapper .content .item:nth-child(1) .text{width:95%}header nav .nav-left .menu-toggle .ham{font-size:10px;font-weight:700;position:relative;top:12px;color:#fff;letter-spacing:.5px}header.active nav .nav-left .menu-toggle .ham{color:#3a4c55}header nav .nav-left .menu-toggle .line:nth-child(2){visibility:visible;opacity:1}header nav .nav-left .menu-toggle .line:nth-child(3){top:40px;animation:none;animation-fill-mode:none}header nav .nav-left .menu-toggle .line:nth-child(4){display:none}header nav .nav-left .menu-toggle.active .line:nth-child(2){visibility:visible;opacity:1}header nav .nav-left .menu-toggle.active .line:nth-child(3){animation:none;animation-fill-mode:none}header nav{padding:0 10%}header nav .nav-left .menu-toggle{padding-left:0}header nav .nav-right{padding:0}header nav .nav-middle a{padding:26px 0}footer{padding:80px 10%}.close-video{right:10%}.video-container iframe{margin:0 15vw;width:70vw;height:39.375vw}#no-found{padding:150px 10%}#brand-logos ul,#retail-logos ul{padding:0 10%}#partner-logos ul{padding:50px 10%}#partner-logos ul li:nth-child(1) img{width:180px}#partner-logos ul li:nth-child(2) img{width:170px}#partner-logos ul li:nth-child(5) img{width:160px}#homepage-works-with{padding:100px 10% 0}#homepage-works-with ul li{width:calc((100% - 30px)/2);margin-right:30px;margin-bottom:0}#homepage-works-with ul li:last-child{margin-right:0}#homepage-works-with ul li .content{padding:50px 40px}#homepage-works-with ul li .content .text{min-height:110px}#works-with{padding:100px 10%}#works-with ul li .divimg{height:400px}#works-with ul li:nth-child(3) .divimg{height:400px}#works-with ul li{margin-bottom:0}#works-with ul li:nth-child(1){width:calc((100% - 60px)/3);margin-right:29px}#works-with ul li:nth-child(2){width:calc((100% - 60px)/3);margin-right:29px}#works-with ul li:nth-child(3){width:calc((100% - 60px)/3)}#works-with ul li:nth-child(3) .content-bottom a{margin:0 auto}#works-with ul li .content-top{padding:60px 40px}.nanoleaf-essentials #works-with ul li .content-bottom{margin-left:30px}#users-comments{padding:50px 0 0}#users-comments .main{padding:50px 10%}#nanoleaf-instagram{padding:30px 10% 15px}#nanoleaf-instagram .wrapper .right-wrapper ul{overflow-x:hidden}#nanoleaf-instagram .wrapper ul li .divimg{transform:scale(1);transition:all .35s}#nanoleaf-instagram .wrapper ul li a:hover .divimg{transform:scale(1.05)}#nanoleaf-blog{padding:0 10% 100px}#nanoleaf-blog .wrapper .right-wrapper ul{overflow-x:hidden}#nanoleaf-blog .wrapper ul li .divimg{transform:scale(1);transition:all .35s}#nanoleaf-blog .wrapper ul li a:hover .divimg{transform:scale(1.05)}#nanoleaf-blog .wrapper ul li .read-more::before{content:'';height:2px;background-color:#3a4c55;position:absolute;left:0;bottom:0;width:0;visibility:hidden;transition:all .25s}#nanoleaf-blog .wrapper ul li .read-more:hover::before{width:100%;visibility:visible}.nanoleaf-essentials #works-with{padding:100px 10% 0}#homepage #hero .image-wrapper{right:10%;width:420px}#homepage #hero .image-wrapper ul{width:100%;margin:0;margin-top:2.5em}#homepage #hero .wrapper{padding:0 10%;bottom:20%}#homepage #hero .wrapper .btn-operate{margin-top:2em}#homepage .product-block{padding:100px 10% 0}#homepage .product-block .wrapper .wrapper-top{padding:50px 80px}#homepage .product-block .wrapper .wrapper-bottom{padding:50px 80px 30px}#homepage #s3{padding:100px 10% 0}#homepage .product-block .wrapper-bottom .product-lists{position:relative}#homepage .product-block .wrapper-bottom .product-lists .gradient-wrapper{position:absolute;right:0;top:0;bottom:60px;width:120px;background-image:-webkit-linear-gradient(right,#fff 0,rgba(255,255,255,0) 100%);visibility:visible;opacity:1;transition:all .35s}#homepage .product-block#s4 .wrapper-bottom .product-lists .gradient-wrapper{display:none}#homepage .product-block .wrapper-bottom .product-lists .shop-all{justify-content:space-between}#homepage .product-block .wrapper-bottom .product-lists .shop-all picture{display:none}#homepage .product-block .wrapper-bottom .product-lists .slide-wraper{display:flex}#homepage .product-block .wrapper-bottom .product-lists .slide-wraper .btn-slide{display:block;padding:0 10px}#homepage .product-block .wrapper-bottom .product-lists .slide-wraper .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-top:15px}#homepage .product-block .wrapper-bottom .product-lists .slide-wraper .btn-slide span.btn-next{transform:rotate(-45deg)}#homepage .product-block .wrapper-bottom .product-lists.stopLeft span.btn-prex{opacity:.3}#homepage .product-block .wrapper-bottom .product-lists.stopRight span.btn-next{opacity:.3}#homepage .product-block .wrapper-bottom .product-lists.stopRight .gradient-wrapper{visibility:hidden;opacity:0}.gradient-wrapper{display:none}#homepage .product-block .wrapper-bottom .product-lists ul{overflow-x:hidden}#homepage .hero-video.is-mobile{display:none}#homepage .hero-video.is-tablet{display:none}#homepage .hero-video.is-desktop{display:block}#homepage #hero{display:flex;align-items:center}.keynote-advert{position:static}.keynote-advert .keynote-watch{margin:0}#homepage #hero .keynote-advert .btn-operate{justify-content:space-between}.keynote-advert .btn-operate{align-self:flex-start;margin-top:2em;justify-content:space-between;flex-direction:row;max-width:425px;width:425px}.keynote-advert .btn-operate a:nth-child(1) .btn{margin-bottom:0;margin-right:10px}.keynote-advert .icon{margin:0;margin-bottom:2em}.keynote-advert .icon img:nth-child(1){margin:0;margin-right:2em}.keynote-advert .icon img:nth-child(2){margin:0}#hero .keynote-advert .btn-operate a{width:200px;margin:0}.keynote-advert{padding:0 10%;width:100%;margin:0;text-align:left}#homepage #hero h1{text-align:left;margin:0}.keynote-advert p{font-size:18px;width:400px;margin:1em 0 2em}#home-bf{padding:75px 90px;margin:100px 10% 0}#home-bf .wrapper{max-width:inherit}#home-bf .left-wrapper{width:55%}#home-bf .right-wrapper{width:45%;margin-left:60px;margin-top:1em}#home-bf .title{font-size:56px}#home-bf .subtitle{font-size:23px}}@media screen and (min-width:1440px){.header-menu{max-width:1200px}#hero .btn-operate a{width:160px}#homepage #hero .wrapper .btn-operate .btn-hero a{width:160px}.btn-operate a{width:160px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(4) .btn-top{width:200px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(4) a{width:200px;justify-content:start;padding-left:2em}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2){width:175px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2) .btn-top{width:175px}#homepage #hero .wrapper .btn-operate .btn-hero:nth-child(2) a{width:175px}#homepage #hero .wrapper .btn-operate{width:720px}#homepage #s3 .btn-operate{max-width:325px}#homepage #hero .wrapper .content .item:nth-child(1) .text{width:100%}#homepage #hero .wrapper .btn-operate .btn-hero{width:160px}#homepage #hero .wrapper .btn-operate .btn-hero img{display:block}#homepage #s2 .wrapper-top .btn-operate,#homepage #s4 .wrapper-top .btn-operate{max-width:350px}#homepage #users-comments .btn-operate{max-width:350px;margin:0 auto}#homepage #hero .image-wrapper{width:500px}#products #partner-logos ul li:nth-child(3) img{width:135px}#home-bf .right-wrapper{margin-left:88px}#home-bf .wrapper{max-width:none}#home-bf{padding:75px 10%}#home-bf .left-wrapper{margin-bottom:20px}#products #users-comments .title{padding-top:5em}#works-with{padding:10px 10%}}@media screen and (min-width:1440px) and (min-device-height:700px) and (max-device-height:810px){#homepage .hero-video iframe{height:810px}}@media screen and (min-width:1920px){header nav{padding:0 15%}footer{padding:80px 15%}.close-video{right:15%}.video-container iframe{margin:0 20vw;width:60vw;height:33.75vw}#no-found{padding:150px 15%}#works-with ul li .divimg{height:500px}#works-with ul li:nth-child(3) .divimg{height:500px}#works-with ul li .content-top .text{font-size:23px}#brand-logos ul,#retail-logos ul{padding:0 15%}#partner-logos ul{padding:50px 15%}#homepage-works-with{padding:100px 15% 0}#works-with{padding:40px 15%}.nanoleaf-essentials #works-with{padding:100px 15% 50px}#users-comments .main{padding:50px 15%}#nanoleaf-instagram{padding:30px 15% 35px}#nanoleaf-blog{padding:0 15% 100px}#homepage #hero .image-wrapper{right:20%}#homepage #hero .wrapper{padding:0 15%;bottom:25%}#homepage .product-block{padding:100px 15% 0}#homepage #s3{padding:100px 15% 0}.keynote-advert .keynote-watch{margin:0}#hero .keynote-advert .btn-operate a{width:200px;margin:0}.keynote-advert{padding:0 15%;top:28%;width:100%;margin:0;text-align:left}.keynote-advert p{font-size:18px;width:400px;margin:1em 0 2em}#home-bf{padding:100px 12% 85px;margin:100px 15% 0}#home-bf .wrapper{max-width:none;margin:0 auto}#home-bf .right-wrapper{margin-left:125px}.cookie-popup{left:15%;right:15%}.cookie-popup .wrapper{padding:30px 100px}.cookie-popup .wrapper-left .content{font-size:16px}.cookie-popup .wrapper-left .title{font-size:23px}}@media screen and (min-width:2250px){#homepage .hero-video iframe{height:1440px;top:-50px}}@media screen and (min-width:2560px){header nav{padding:0 15%;width:100%;max-width:1500px;margin:0 auto}.keynote-advert{max-width:1500px;margin:0 auto}#homepage #hero{max-width:2560px;margin:0 auto}#homepage #hero .wrapper{padding:0;bottom:30%;width:100%;max-width:1500px;margin:0 auto;left:34em}#brand-logos ul,#retail-logos ul{padding:0;max-width:1500px;width:100%;margin:0 auto}#homepage .product-block{padding:100px 0 0;max-width:1500px;width:100%;margin:0 auto}#homepage #s3{padding:100px 0 0;max-width:1500px;width:100%;margin:0 auto}#homepage-works-with{padding:100px 0 0;max-width:1500px;width:100%;margin:0 auto}#users-comments .main ul{width:100%;max-width:1500px;margin:0 auto}#nanoleaf-instagram{max-width:1500px;width:100%;margin:0 auto}#nanoleaf-blog{max-width:1500px;width:100%;margin:0 auto}footer .wrapper{max-width:1500px;margin:0 auto;width:100%}#home-bf{max-width:1500px;margin:100px auto 0}.cookie-popup{left:0;right:0;max-width:1500px;margin:0 auto}}@media screen and (min-width:1366px) and (max-width:1439px){#gift-guide .who .wrapper{left:585px!important}}