.choose-color-container{margin-bottom:16px}.choose-color-container .choose-color-carousel-mobile{padding:0}@media (min-width: 768px){.choose-color-container .choose-color-carousel-mobile{padding-right:0;padding-left:0}}.choose-color-container .color-items{width:100%}@media (max-width: 366px){.choose-color-container .color-items ul li:nth-child(8){display:none}}.choose-color-container .vn-color{width:25px;height:25px;border-radius:50%;position:absolute;top:5px;left:5px;background-position:50% 50%}@media (min-width: 768px){.choose-color-container .vn-color{width:30px;height:30px}}.choose-color-container .open_register{letter-spacing:0.1px;line-height:18px;display:block;text-underline-position:auto;font-size:16px;margin-top:5px}@media (min-width: 1024px){.choose-color-container .open_register{margin-top:6px}}.choose-color-container .item{width:35px;height:35px;box-shadow:inset 0 0 0 1px transparent;float:left;background:#FAFAFA;border-radius:50%;position:relative;margin-bottom:0;margin-right:10px;margin-top:3px}@media (min-width: 768px){.choose-color-container .item{margin-top:0;width:40px;height:40px}}@media only screen and (min-width: 768px) and (max-width: 845px){.choose-color-container .item:nth-child(8){display:none}}@media only screen and (min-width: 1170px) and (max-width: 1225px){.choose-color-container .item:nth-child(8){display:none}}@media (max-width: 360px){.choose-color-container .item{margin-right:9px}}.choose-color-container .item.active,.choose-color-container .item:hover{box-shadow:inset 0 0 0 2px #333}.choose-color-container .item .color-viewer{display:none}@media screen and (min-width: 768px){.choose-color-container .item.display-color .color-viewer{height:141px;width:141px;background-color:#FFFFFF;box-shadow:0 1px 4px 1px rgba(0,0,0,0.25);position:absolute;top:-146px;border-radius:50%;border:5px solid white;transform:translate(-50%, 0%);left:50%;display:block;background-position:50% 50%}.choose-color-container .item.display-color:after{content:'';position:absolute;bottom:41px;left:50%;width:0;height:0;border:6px solid transparent;border-top-color:white;border-bottom:0;margin-left:-5px}}.choose-color-container .item.dummy-color{background:transparent;margin:0}.choose-color-container.dots-duoroller .vn-color{background-position:50% 0}.choose-color-container.dots-roman .item .color-viewer{background-size:135%;background-position:50% 40%}.choose-color-sample.custom-slide.fixed-head.off-canvas .btn.tertiary.medium,.color-canvas .btn.tertiary.medium{width:100%;min-width:auto}.choose-color-sample.custom-slide.fixed-head.off-canvas.fixed-head.off-canvas .slidemenu .slidemenu-body,.color-canvas.fixed-head.off-canvas .slidemenu .slidemenu-body{margin-top:0;padding-top:0}@media screen and (min-width: 1024px){.choose-color-sample.custom-slide.fixed-head.off-canvas.fixed-head.off-canvas .slidemenu .slidemenu-body,.color-canvas.fixed-head.off-canvas .slidemenu .slidemenu-body{margin-top:20px}}.choose-color-sample.custom-slide.fixed-head.off-canvas .full-grey-form-container,.color-canvas .full-grey-form-container{margin-bottom:24px;border-right:none;border-left:none;border-top:0}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas .full-grey-form-container,.color-canvas .full-grey-form-container{margin-bottom:15px;margin-top:26px}}.choose-color-sample.custom-slide.fixed-head.off-canvas .full-grey-form-container .form-container,.color-canvas .full-grey-form-container .form-container{padding:16px 15px 0;margin-bottom:18px}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas .full-grey-form-container .form-container,.color-canvas .full-grey-form-container .form-container{padding:17px 30px 0;margin-bottom:18px}}.color-sample-list .color-group:last-of-type .product-bordered:after{border-bottom:none !important}.color-sample-list h4{margin-bottom:16px;margin-top:7px}@media screen and (min-width: 768px){.color-sample-list h4{margin-top:15px}}.color-sample-list ul{margin-right:-7.5px;margin-left:-7.5px;margin-top:16px}@media screen and (min-width: 768px){.color-sample-list ul{margin-right:-10px;margin-left:-10px;margin-top:16px}}.color-sample-list.curtain-rail-list ul{margin-top:7px}.color-sample-list .product-bordered:after{border-bottom:1px solid #E4E4E4;content:'';width:100%;display:block;margin-top:-7px;margin-bottom:20px}.color-sample-list .product-bordered ul{margin-right:-6px;margin-left:-6px;margin-top:16px;margin-bottom:12px}@media screen and (min-width: 768px){.color-sample-list .product-bordered ul{margin-right:-12px;margin-left:-12px;margin-top:16px}}.color-sample-list .product-bordered ul:last-child{border-bottom:none}.color-sample-list .sample-radio{display:inline-block;margin:0 6px;font-size:17px;float:left;width:calc(50% - 12px);height:146px;margin-bottom:12px;border-radius:4px;border-width:1px;position:relative}@media screen and (min-width: 768px){.color-sample-list .sample-radio{margin:0 12px;margin-bottom:24px;width:calc(50% - 24px);height:160px;border-radius:4px;border-width:1px}}.color-sample-list .sample-radio a{margin-bottom:0;font-weight:normal;width:100%;height:100%;border-top-left-radius:4px;border-top-right-radius:4px;text-decoration:none}.color-sample-list .sample-radio a .img-container{display:block;width:100%;height:calc(100% - 40px);background-size:cover;background-position:50% 50%;height:calc(100% - 47px);border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (min-width: 768px){.color-sample-list .sample-radio a .img-container{height:calc(100% - 40px)}}.color-sample-list .sample-radio a .vn-color{font-size:14px;font-family:"titillium_websemibold",sans-serif;letter-spacing:0.1px;line-height:15px;text-align:center;width:100%;padding:0 5px;height:46px;position:relative;display:block;color:#333;max-width:calc(100% - 10px);margin:0 auto;overflow:hidden}.color-sample-list .sample-radio a .vn-color .text{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:100%}@media screen and (min-width: 768px){.color-sample-list .sample-radio a .vn-color{line-height:15px;padding:8px 10px;display:block;height:40px;max-width:calc(100% - 20px)}}.color-sample-list .sample-radio a{display:block}.color-sample-list .sample-radio a:hover:before{box-shadow:inset 0 0 0 2px #333;border-radius:4px;z-index:1;transition:box-shadow 0.2s ease-out}.color-sample-list .sample-radio a:before{border-radius:4px;content:'';position:absolute;content:'';box-shadow:inset 0 0 0 1px #d0d0d0;width:100%;height:100%;position:absolute;top:0px;left:0px;right:0px;width:calc(100% - 0px);z-index:-1;transition:box-shadow 0.2s ease-out}.color-sample-list .sample-radio.selected>a:before{box-shadow:inset 0 0 0 2px #333;border-radius:4px;z-index:1;transition:box-shadow 0.2s ease-out}.color-sample-list .scroll-to-top{text-transform:none}.color-sample-list .color-group:last-of-type .product-bordered:after{border-bottom:none !important}@media screen and (min-width: 1024px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .pleated-colorcanvas-filter .full-grey-form-container,.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .choose-color-canvas-filter .full-grey-form-container{margin-top:46px}}@media screen and (max-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .pleated-colorcanvas-filter .full-grey-form-container,.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .choose-color-canvas-filter .full-grey-form-container{margin-top:25px}}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body{margin-top:0px;top:231px;padding-top:10px}}@media screen and (min-width: 1024px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body{top:252px;margin-top:20px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .full-grey-form-container{margin-bottom:14px;z-index:2}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .full-grey-form-container{position:fixed;width:90%;max-width:480px;top:51px}}@media screen and (min-width: 1024px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .full-grey-form-container{top:70px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .full-grey-form-container .form-container{margin-bottom:20px;padding:18px 15px 0px}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .full-grey-form-container .form-container{padding:18px 30px 0px}}@media screen and (max-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .full-grey-form-container .form-container{padding:16px 15px 0px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button{width:100%;display:table;margin-bottom:10px;padding:0px 15px}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button{padding:0px 30px}}@media screen and (max-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button{margin-bottom:9px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs{width:50%;display:inline-block;float:left;margin-bottom:10px}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs input[type="radio"]{display:none}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs input[type="radio"]:checked+label{background-color:#666666;box-shadow:inset 0 2px 3px 0 rgba(0,0,0,0.25);color:#fff;font-family:"titillium_websemibold",sans-serif;letter-spacing:0.1px;border:none;border:1px solid transparent}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs input[type="radio"]:checked+label{letter-spacing:0.2px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs label{text-align:center;cursor:pointer;transition:background-color 0.2s ease;background-color:#fff;padding-top:10px;padding-bottom:12px;width:100%;margin:0;font-size:15px;font-weight:normal;letter-spacing:0.1px;border:1px solid #d0d0d0;height:48px}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs label{font-size:17px;line-height:26px;text-shadow:0 1px 0 0 rgba(0,0,0,0.5);letter-spacing:0.2px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs:nth-child(1) label{border-radius:2px 0 0 2px}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .slidemenu .slidemenu-body .filter-button .tabs:nth-child(2) label{border-left:none !important;border-radius:0 2px 2px 0}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .sample-radio{height:159px}}@media screen and (min-width: 768px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active.color-canvas-wooden .slidemenu-body{margin-top:0px;top:160px;padding-top:10px}}@media screen and (min-width: 1024px){.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active.color-canvas-wooden .slidemenu-body{top:160px;margin-top:20px}}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active.color-canvas-wooden .slidemenu-body .sample-radio a .img-container{background-size:contain;background-repeat:no-repeat}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active.color-canvas-duoroller .sample-radio a .img-container{background-size:contain}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active.color-canvas-roman .sample-radio a .img-container{background-size:135%}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active #return-to-top{margin-top:17px}.choose-color-sample.custom-slide.fixed-head.off-canvas.slide-active .btn.canvas-btn{text-transform:none}.color-sample-list .color-group:last-of-type .product-bordered{border-bottom:none !important}.color-sample-list .color-group.color-group-visible .product-bordered:after{border-bottom:none !important}.color-sample-list .sample-radio{background-color:white}@media screen and (min-width: 768px){.color-sample-list .sample-radio{height:159px}}.wooden-conf.new-config .choose-color-container .vn-color{background-position:57% 50%}
