body{font-family:Montserrat;width:100%;font-weight:300}button{outline:none;cursor:pointer}a{color:#FFF;text-decoration:none}header{background:#07101e;padding-bottom:40px;overflow:hidden}.container{margin:0 auto;padding:0 10px;max-width:1200px}.inline-container{vertical-align:top;font-size:0px}.inline-block{display:inline-block;vertical-align:top;box-sizing:border-box}header .left-block{width:25%;padding-top:60px}header .right-block{width:25%;text-align:right;font-size:10px;color:#fff;padding-top:60px;text-transform:uppercase;font-weight:300;position:relative}header .center{width:50%;text-align:center;padding-top:45px}.product-item{min-height:100vh;overflow:hidden;max-height:1024px;background-attachment:scroll;background-position:top center;background:transparent}canvas{width:83vw !important}.basket{vertical-align:middle;margin-right:5px}.enter{padding-right:15px;color:#b2b2b2}.count{border:1px solid #fff;border-radius:50%;padding:1px 2px;display:inline-block;vertical-align:top;font-size:10px;position:absolute;top:73px;right:75px;background:#07101e}header .mail{position:absolute;top:64px;right:0px}.english{padding-right:20px}.controls div{width:29px;height:29px;background:transparent url(images/zoomControls.png) 0 0 no-repeat;cursor:pointer}.controls .zoomIn{margin-bottom:19px;margin-top:200px}.controls .zoomOut{background-position:0 -42px;margin-bottom:70px}.controlLabel p{text-transform:uppercase;font-size:12px;color:#dadada;position:absolute;top:220px;left:36px}.product-item .left-block{width:15%;position:relative;z-index:100}.product-item .right-block{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;z-index:100}.white{display:block;font-size:12px;text-transform:uppercase;color:#b2b2b2;background:transparent;width:135px;text-align:center;padding:10px 10px;border:1px solid #b2b2b2;margin-bottom:20px;cursor:pointer}.gray{background:#b2b2b2;color:#fff}.centr-block.inline-block{width:45%;text-align:center;margin-top:20px}.right-block{width:40%}.slimScrollDiv{display:inline-block}.slider-controls button{width:22px;height:23px;background:url(images/alt.png);font-size:20px;position:absolute;top:257px;border:none}.slider-controls .down{background-position:0 23px;top:318px}.slider-controls.inline-block{position:relative;left:10px}h3.productName{font-size:26px;color:#e8e8e8;font-family:Montserrat Hairline;font-weight:100;text-transform:uppercase;padding-right:116px;text-align:center}.productInfo.inline-block{width:250px;position:relative}.size-1,.size-2{font-size:10px;text-transform:uppercase;color:rgba(255, 255, 255, 0.4)}.size-2{position:absolute;top:34px;left:146px}.size-1{position:absolute;top:20px;left:146px}.size-1.size-active,.size-2.size-active{color:#fff}tr{border-right:none}table{border-collapse:collapse;width:100%}td:first-child{text-transform:uppercase;font-size:16px;vertical-align:middle;text-align:center;color:#ffffff;font-weight:300;width:55px}.materials-table p{color:#fff;font-size:12px;margin:5px}.materials-table .cuir{font-size:11px;color:#c2c2c2}.productItem{width:56%;margin-top:54px}.materials-table p:first-child{text-transform:uppercase}tr.selected{background:rgba(230, 230, 255, 0.1)}.materials-table{background:rgba(255, 255, 255, 0.025)}.info span{color:#e8e8e8;font-size:10px;text-transform:uppercase;font-weight:bold;padding:2px 4px 4px 7px;padding-left:3px}.info{position:relative;top:-16px}p.price{color:#fff;font-size:10.54px;font-weight:normal;margin-left:35px;text-align:center;margin-top:25px;margin-bottom:25px}.price-light{font-family:'Montserrat Hairline';letter-spacing:1px}.aferte{text-align:center;margin-left:59px;background:#102032;padding:3px}.aferte p{font-size:10px;text-transform:uppercase;margin:2px;color:gray}.aferte p:first-child{color:#fff}.productInfo button.white{margin-left:60px;margin-top:15px}.switch{background:url(images/clous_B1.png) 50% 50% no-repeat;width:20px;height:27px;cursor:pointer}.active{background:transparent url(images/clous_B.png) 50% 50% no-repeat}.product-item{position:relative}#product-container{position:relative;height:450px}button.active{background:#b2b2b2;color:#060F1D}.material-crop{width:52px;height:52px;overflow:hidden;cursor:pointer}.material-slider-crop{width:135px;height:135px;overflow:hidden}.slider{height:585px;overflow:hidden}.materials-table .material-item{cursor:pointer}.info input{background:transparent;border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:10px;padding:3px;width:30px;margin-left:3px}.info input[data-num=a],.info input[data-num=b]{width:35px}.commander{font-size:9px}.commander span{color:#fff;font-size:12px;font-weight:700;line-height:12px}.white[disabled]{cursor:not-allowed;background:#666}.white.commander{font-size:9.42px;color:#fff;border:none;font-family:'Montserrat';font-weight:300;width:156px;height:32px;background:#0e141d;letter-spacing:1px}.white.commander:hover{color:#0e141d;background:rgba(255,255,255,0.8)}.white.wish{font-size:10.55px;color:#fff;border:none;font-family:'Montserrat';font-weight:300;width:156px;height:32px;background:#0e141d;letter-spacing:1px}.white.wish:hover{color:#0e141d;background:rgba(255,255,255,0.8)}.white.wish span{font-size:7.27px;font-family:'Montserrat Hairline'}.white.commander[disabled]{cursor:not-allowed;background:rgba(255,255,255,0.3);color:#fff}.white.commander[disabled]:hover{background:#0e141d;color:#fff}.white.wish[disabled]{cursor:not-allowed;background:rgba(255,255,255,0.3);color:#fff}.white.wish[disabled]:hover{background:#0e141d;color:#fff}.view-button-wrapper{margin:15px 0}.materials-wrapper{overflow:hidden;width:100%;position:relative}.nail{background:url(images/clous_B1.png) center right no-repeat;cursor:pointer;float:left;width:12%;height:100px;cursor:pointer}.nail.active{background:url(images/clous_B.png) center right no-repeat}.nail.hidden{background:none !important;cursor:default}.material-thumb{float:left;width:16%;margin:12px 2%}.material-thumb img{max-width:100px;max-height:100px;width:100%;border:2px solid #736f66}.material-ref{float:left;width:46%;margin:10px 1%}.material-ref .desc{color:#c2c2c2}.mat-label{text-align:center;font-size:16px;padding:20px 0;float:left;width:20%;color:#fff}.material-button-wrapper{position:absolute;z-index:105;color:#fff;top:30%;height:50%;font-size:24px;width:100%}.material-switch-next{right:2%;position:absolute;cursor:pointer;z-index:105;color:#fff;top:20%;height:74px;width:74px;font-size:24px;background:url('./images/ch-right.png') no-repeat center center}.material-switch-prev{left:2%;position:absolute;cursor:pointer;z-index:105;color:#fff;top:20%;height:74px;width:74px;font-size:24px;background:url('./images/ch-left.png') no-repeat center center}.popup-overlay{position:absolute;z-index:200;width:100%;top:0;height:0;display:none}.popup-bg{background:rgba(0.8, 0.8, 0.8, 0.5);position:fixed;top:0;bottom:0;width:100%;z-index:200;display:none}.popup-wrapper{background:#fff;position:relative;width:90%;max-width:600px;z-index:250;margin:15% auto 0 auto;padding:10px 0px;display:none}.popup-body h4{text-transform:uppercase;font-family:'Montserrat Hairline';font-size:24px;margin:0 0 10px 0}.popup-body{text-align:center;letter-spacing:2px;font-size:18px;padding:0 30px 20px 30px}.popup-body p{line-height:30px}.popup-close{text-align:right}.popup-close img{width:32px;height:32px;margin:0 10px 0 0;cursor:pointer}.popup-wrapper .btn-popup{display:inline-block;text-align:center;text-transform:uppercase;border:1px solid #0c0b10;color:#0c0b10;font-size:15px;padding:2px 0}.popup-wrapper .btn-popup.noborder{border:none}.popup-share{width:100%;margin:16px 0}.btn-ico{width:48px;height:48px;float:left}.btn-popup#add_basket{border:1px solid #928946;color:#928946;width:100%}.btn-popup .btn-label{margin:14px 0}.btn-popup#new_compo{width:100%}.btn-popup.pinterest{border:1px solid #ea1514;margin-right:10px}.btn-popup.facebook{border:1px solid #3b5997}.btn-popup.share-label{margin-right:30px}.show-valid-popup{cursor:pointer;text-align:right}.show-valid-popup img{width:48px;height:48px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}* html .clearfix{zoom:1}*:first-child+html .clearfix{zoom:1}@media screen and (min-width: 800px){.mobile-only{display:none}.material-item .nail{float:right;height:64px;background-position:center center}.material-item.selected{background:rgba(230, 230, 255, 0.1)}.material-ref .desc{font-size:11px}}@media screen and (min-width: 800px) and (max-width: 1000px){.slider-controls{display:none}}@media screen and (max-width: 800px){.mobile-hide{display:none}.materials-table p.first-line{font-size:16px}.materials-table p.first-line .ref{font-size:12px}.product-item .left-block{width:60%}h3.productName{text-align:left}.size-1,.size-2{left:100px}p.price{font-size:20px;font-family:"Montserrat Hairline";margin-top:70px}#product-container{width:0%}.materials-table{width:100%;background:rgba(255,255,225, 0.05)}.material-item{display:inline-block}.bottom-mobile{position:fixed !important;bottom:0;left:0;width:100% !important}.bottom-mobile .productInfo{width:100%}.slider{height:100px}.slider .material-slider-crop{width:100px;height:100px;float:left}p.price{text-align:right}.nail{width:20%}.material-thumb{width:16%;margin:15px 2%}.material-thumb img{width:80%}.material-ref{width:38%}.mat-label{display:none}}