/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');*/ /* Thin */ @font-face { font-family: 'Helvetica'; src: local('Helvetica'), url('fonts/Helvetica-Thin.ttf') format('truetype'), url('fonts/Helvetica-Thind41d.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } /* UltraLight */ @font-face { font-family: 'Helvetica'; src: local('Helvetica'), url('fonts/Helvetica-UltraLight.ttf') format('truetype'), url('fonts/Helvetica-UltraLightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-UltraLight.woff') format('woff'); font-weight: 200; font-style: normal; } /* Light */ @font-face { font-family: 'Helvetica'; src: local('Helvetica'), url('fonts/Helvetica-Light.ttf') format('truetype'), url('fonts/Helvetica-Lightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Light.woff') format('woff'); font-weight: 300; font-style: normal; } /* Regular */ @font-face { font-family: 'Helvetica'; src: local('Helvetica'), url('fonts/Helvetica-Regular.ttf') format('truetype'), url('fonts/Helvetica-Regulard41d.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } /* Medium */ @font-face { font-family: 'Helvetica'; src: local('Helvetica'), url('fonts/Helvetica-Medium.ttf') format('truetype'), url('fonts/Helvetica-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } html{overflow-x: hidden;} *{margin:0;padding:0;box-sizing:border-box;user-select: none !important;outline: none} a {text-decoration: underline;cursor:pointer;color: #fff;} .left{float:left;} .right{float:right;} .righttext{text-align:right;} .lefttext{text-align:left;} .centertext{text-align:center;} .clear {clear: both;height: 0px;} .col-10{float:left;width: 10%;} .col-15{float:left;width: 15%;} .col-20{float:left;width: 20%;} .col-25{float:left;width: 25%;} .col-30{float:left;width: 30%;} .col-35{float:left;width: 35%;} .col-40{float:left;width: 40%;} .col-45{float:left;width: 45%;} .col-50{float:left;width: 50%;} .col-55{float:left;width: 55%;} .col-60{float:left;width: 60%;} .col-65{float:left;width: 65%;} .col-70{float:left;width: 70%;} .col-75{float:left;width: 75%;} .col-80{float:left;width: 80%;} .col-85{float:left;width: 85%;} .col-90{float:left;width: 90%;} div{z-index: 1;position: relative;} body{/* background-image: url(product.png); */background-position: center -1705px;background-size: 100% auto;background-color: #131313;position: relative;font-family: 'Helvetica';color: #ffffff;padding-top: 114px;} img{max-width:100%;max-height:100%;} h1,.h1{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.8vw; line-height: 1.2; margin-bottom: 1vw; letter-spacing: 0.13vw; font-weight:300; } h2,.h2{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.8vw; line-height: 1.2; margin-bottom: 2vw; letter-spacing: 0.13vw; font-weight:100; } h3,.h3{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.8vw; line-height: 1.2; margin-bottom: 2vw; letter-spacing: 0.13vw; font-weight:100; } h4,.h4{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.8vw; line-height: 1.2; margin-bottom: 2vw; letter-spacing: 0.13vw; font-weight:100; } .modalh1 { text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.8vw; line-height: 1.2; margin-bottom: 1vw; letter-spacing: 0.13vw; font-weight: 300; color:#000 } .modalh2 { text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.2vw; line-height: 1.2; margin-bottom: 1vw; letter-spacing: 0.13vw; font-weight: 300; color: #000 } p{ margin-bottom: 6px; line-height: 1.5; } .product .alcor-gun .seyf-type[data-type="3"]{display:none;} .spoler { overflow: hidden; transition: .3s; } .description .gallery-bundle{} .description .gallery-bundle li{ padding: 0px; margin: 3px; width: 32%; height: 152px; display: inline-flex; opacity:0.8; } .description .gallery-bundle li:before{display:none;} .description .gallery-bundle li a{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; border-radius:8px; } .product .isGun .seyf-type{ width: 30%; } .isGun div.order_1{order:1} .isGun div.order_2{order:2} .uppercase{text-transform: uppercase;} .site-menu__icon__burger span:nth-child(1) { top: 0; left: 0; -webkit-transform: scaleX(.5); -moz-transform: scaleX(.5); -ms-transform: scaleX(.5); -o-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .site-menu__icon span { height: 2px; background: #ffffff; display: block; position: absolute; width: 100%; -webkit-transition: opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); -o-transition: opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1),-o-transform .3s cubic-bezier(.4,0,.2,1); -moz-transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1),-moz-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1),-moz-transform .3s cubic-bezier(.4,0,.2,1),-o-transform .3s cubic-bezier(.4,0,.2,1); } .site-menu__icon__burger span:nth-child(2) { top: 50%; margin-top: -1px; -webkit-transform: scaleX(.75); -moz-transform: scaleX(.75); -ms-transform: scaleX(.75); -o-transform: scaleX(.75); transform: scaleX(.75); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .site-menu__icon__burger span:nth-child(3) { bottom: 0; right: 0; -webkit-transform: scaleX(.5); -moz-transform: scaleX(.5); -ms-transform: scaleX(.5); -o-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } .site-menu__icon__burger, .site-menu__icon__close { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .site-menu__icon__close span { top: 50%; -webkit-transform: scaleX(.8); -moz-transform: scaleX(.8); -ms-transform: scaleX(.8); -o-transform: scaleX(.8); transform: scaleX(.8); opacity: 0; } .site-menu__icon__close span:nth-child(1) { -webkit-transform: rotate( 45deg ) scaleX(.8) translateX(-75%); -moz-transform: rotate(45deg) scaleX(.8) translateX(-75%); -ms-transform: rotate(45deg) scaleX(.8) translateX(-75%); -o-transform: rotate(45deg) scaleX(.8) translateX(-75%); transform: rotate( 45deg ) scaleX(.8) translateX(-75%); } .site-menu__icon__close span:nth-child(2) { -webkit-transform: rotate( -45deg ) scaleX(.8) translateX(75%); -moz-transform: rotate(-45deg) scaleX(.8) translateX(75%); -ms-transform: rotate(-45deg) scaleX(.8) translateX(75%); -o-transform: rotate(-45deg) scaleX(.8) translateX(75%); transform: rotate( -45deg ) scaleX(.8) translateX(75%); } .site-menu__icon{ display: block; text-transform: uppercase; cursor: pointer; position: absolute; right: 41px; z-index: 10; width: 34px; height: 14px; } .site-menu__icon:hover .site-menu__icon__burger span:nth-child(1) { -webkit-transform: translateX(50%) scaleX(.5); -moz-transform: translateX(50%) scaleX(.5); -ms-transform: translateX(50%) scaleX(.5); -o-transform: translateX(50%) scaleX(.5); transform: translateX(50%) scaleX(.5); } .site-menu__icon:hover .site-menu__icon__burger span:nth-child(2) { -webkit-transform: translateX(25%) scaleX(.75); -moz-transform: translateX(25%) scaleX(.75); -ms-transform: translateX(25%) scaleX(.75); -o-transform: translateX(25%) scaleX(.75); transform: translateX(25%) scaleX(.75); } .site-menu__icon:hover .site-menu__icon__burger span:nth-child(3) { -webkit-transform: translateX(-50%) scaleX(.5); -moz-transform: translateX(-50%) scaleX(.5); -ms-transform: translateX(-50%) scaleX(.5); -o-transform: translateX(-50%) scaleX(.5); transform: translateX(-50%) scaleX(.5); } .has-nav-open .site-menu:hover .site-menu__icon__burger span:nth-child(1), .has-nav-open .site-menu__icon__burger span:nth-child(1) { -webkit-transform: translateX(100%) scaleX(.5); -moz-transform: translateX(100%) scaleX(.5); -ms-transform: translateX(100%) scaleX(.5); -o-transform: translateX(100%) scaleX(.5); transform: translateX(100%) scaleX(.5); } .has-nav-open .site-menu:hover .site-menu__icon__burger span:nth-child(2), .has-nav-open .site-menu__icon__burger span:nth-child(2) { -webkit-transform: translateX(25%) scaleX(0); -moz-transform: translateX(25%) scaleX(0); -ms-transform: translateX(25%) scaleX(0); -o-transform: translateX(25%) scaleX(0); transform: translateX(25%) scaleX(0); } .has-nav-open .site-menu:hover .site-menu__icon__burger span:nth-child(3), .has-nav-open .site-menu__icon__burger span:nth-child(3) { -webkit-transform: translateX(-100%) scaleX(.5); -moz-transform: translateX(-100%) scaleX(.5); -ms-transform: translateX(-100%) scaleX(.5); -o-transform: translateX(-100%) scaleX(.5); transform: translateX(-100%) scaleX(.5); } .has-nav-open .site-menu__icon__close span:nth-child(1) { -webkit-transform: rotate( 45deg ) scaleX(.8) translateX(0); -moz-transform: rotate(45deg) scaleX(.8) translateX(0); -ms-transform: rotate(45deg) scaleX(.8) translateX(0); -o-transform: rotate(45deg) scaleX(.8) translateX(0); transform: rotate( 45deg ) scaleX(.8) translateX(0); } .has-nav-open .site-menu__icon__close span:nth-child(2) { -webkit-transform: rotate( -45deg ) scaleX(.8) translateX(0); -moz-transform: rotate(-45deg) scaleX(.8) translateX(0); -ms-transform: rotate(-45deg) scaleX(.8) translateX(0); -o-transform: rotate(-45deg) scaleX(.8) translateX(0); transform: rotate( -45deg ) scaleX(.8) translateX(0); } .has-nav-open .site-menu__icon__close span { opacity: 1; } .has-nav-open:hover .site-menu__icon__close span:nth-child(1) { -webkit-transform: rotate( 45deg ) scaleX(.7) translateX(0); -moz-transform: rotate(45deg) scaleX(.7) translateX(0); -ms-transform: rotate(45deg) scaleX(.7) translateX(0); -o-transform: rotate(45deg) scaleX(.7) translateX(0); transform: rotate( 45deg ) scaleX(.7) translateX(0); } .has-nav-open:hover .site-menu__icon__close span:nth-child(2) { -webkit-transform: rotate( -45deg ) scaleX(.7) translateX(0); -moz-transform: rotate(-45deg) scaleX(.7) translateX(0); -ms-transform: rotate(-45deg) scaleX(.7) translateX(0); -o-transform: rotate(-45deg) scaleX(.7) translateX(0); transform: rotate( -45deg ) scaleX(.7) translateX(0); } .site-menu__icon__burger{overflow:hidden} .site-menu__icon.has-nav-open:hover .site-menu__icon__burger span:nth-child(1) { -webkit-transform: translateX(100%) scaleX(.5); -moz-transform: translateX(100%) scaleX(.5); -ms-transform: translateX(100%) scaleX(.5); -o-transform: translateX(100%) scaleX(.5); transform: translateX(100%) scaleX(.5); } .site-menu__icon.has-nav-open:hover .site-menu__icon__burger span:nth-child(2) { -webkit-transform: translateX(25%) scaleX(0); -moz-transform: translateX(25%) scaleX(0); -ms-transform: translateX(25%) scaleX(0); -o-transform: translateX(25%) scaleX(0); transform: translateX(25%) scaleX(0); } .site-menu__icon.has-nav-open:hover .site-menu__icon__burger span:nth-child(3) { -webkit-transform: translateX(-100%) scaleX(.5); -moz-transform: translateX(-100%) scaleX(.5); -ms-transform: translateX(-100%) scaleX(.5); -o-transform: translateX(-100%) scaleX(.5); transform: translateX(-100%) scaleX(.5); } .fullbg{ position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 23; background-color: rgb(0 0 0 / 80%); display: none; } .p124 {padding-left: 124px;} .inner-form .close{color: #000;text-decoration: blink;font-size: 0px;font-family: serif;display: block;width: 21px;height: 21px;position: absolute;right: 24px;top: 24px;} .inner-form .close:before{content:"";width: 22px;height: 1px;background-color: #bfbfbf;display: block;transform: rotate(-45deg);position: absolute;top: 4px;left: 4px;} .inner-form .close:after{content:"";width: 22px;height: 1px;background-color: #bfbfbf;display: block;transform: rotate(45deg);top: 4px;left: 4px;position: absolute;} .inner-form{ width: 600px; position: fixed; top: 50%; background-color: #282828; z-index: 37; left: 50%; margin-left: -300px; transform: translateY(-50%); display: none; padding-top: 69px; } input {outline:none;} .inner-form .form-content{ padding: 40px; padding-top: 0px; color: #e3e3e3; font-weight: 300; font-size: 14px; font-family: 'Helvetica'; letter-spacing: 1px; line-height: 1.4; } .noborder{border: none !important;} .wrap{ position: relative; margin: auto 9.5vw; } .circle-logo{ position: absolute; /*left: 9.5vw;*/ top: -175px; width: 54vw; height: 54vw; z-index: 10; } #fullmenu{display:none;} .catalog-btn{display:block;text-transform:uppercase;cursor:pointer;position: absolute;right: 50px;z-index: 10;padding: 10px 0px;margin: -10px 0px;} label.catalog-btn:before{position:absolute;display:block;left: 25%;width: 17px;height: 1px;background: #ffffff;content:"";top: 9px;transition:.3s;transform: translateX(-50%);} label.catalog-btn span:before{position:absolute;display:block;left: 0;width: 25.5px;height: 1px;background: #ffffff;content:"";top: 6px;transition:.3s;transform: translateX(0%);} label.catalog-btn span:after{position:absolute;display:block;right: 25%;width: 17px;height: 1px;background: #ffffff;content:"";top: 13px;transition:.3s;transform: translateX(50%);} label.catalog-btn:hover::before{ transform: translateX(50%); } label.catalog-btn:hover span:before{transform: translateX(25%);} label.catalog-btn:hover span:after{ transform: translateX(-50%); } .catalog-btn span{display: inline-block;position:relative;color: #000;padding-left: 34px;font-size: 22px;vertical-align: top;padding-top: 2px;} #fullmenu:checked+div{ -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; opacity: 1 !important; } #fullmenu+div{ position: fixed; width: 100vw; height: 100vh; top: 0px; z-index: 6; opacity: 0; -webkit-transform: translateX(calc(-100% - 30px)); -ms-transform: translateX(calc(-100% - 30px)); transform: translateX(calc(-100% - 30px)); -webkit-transition: opacity 0.4s, -webkit-transform 0.6s; transition: opacity 0.4s, -webkit-transform 0.6s; -o-transition: transform 0.6s, opacity 0.4s; transition: transform 0.6s, opacity 0.4s; transition: transform 0.6s, opacity 0.4s, -webkit-transform 0.6s; } .fullmenu{} .top-menu.inner{ padding-bottom: 22px; background-color: transparent; } .indproject { text-decoration: none; } .indproject:hover { text-decoration: none; color:#4c4c4c; } } .top-menu.inner:before{ left: 0px; width: 11vw; transform: inherit; background-color: transparent; } /* .top-menu:before{content:"";background-color: #131313;position: absolute;width: 2px;left: 50%;transform: translateX(-50%);height: 100%;top: 0px;} */ .open-menu .top-menu{ background-color: black !important; left: 30px; } .logo { margin: 0 auto; width: 130px; background-repeat: no-repeat; } .top-menu{ padding: 53px 0px; position: fixed; z-index: 11; background-color: #131313; left: 0px; right: 0px; top: 0px; transition: .4s; } .open-menu .top-menu .phone{text-transform:uppercase;} .top-menu .phone{ color: #fff; float: left; margin-right: 3vw; font-size: 8.5pt; font-family: 'Helvetica'; transition:.4s; } .top-menu .phone a{ text-decoration: blink; font-size: 0.75vw; letter-spacing: 0.3px; } .top-menu.inner .phone{display:none} .top-menu.inner .logo{ left: -8.5vw; transform: inherit; width: 9.5vw; font-size: 2vw; text-align:center; } .open-menu .top-menu.inner .phone{display:block} .phnmrgn { margin-left:0vw; } .phnedstp { color: #939393; font-size: 0.7vw; letter-spacing: 0.03vw; } #logo { text-transform: uppercase; position: absolute; left: 50%; transform: translateX(-50%); text-decoration: blink; font-size: 2vw; font-family: 'PlumbLightC'; margin-top: -0.9vw; transition: .4s; width: 150px; } .top-menu .logo{ text-transform: uppercase; position: absolute; left: 50%; transform: translateX(-50%); text-decoration: blink; font-size: 2vw; font-family: 'PlumbLightC'; margin-top: -0.9vw; transition: .4s; width:150px; } .open-menu .top-menu .links{opacity:0} .top-menu .links{ float: right; margin-right: 6.3vw; font-family: 'PlumbLightC'; font-size: 7pt; text-transform: uppercase; letter-spacing: 1.8px; padding-top: 2px; opacity: 1; transition:.4s; } .top-menu .links a{ text-decoration: blink; margin-right: 1vw; font-size: 0.8vw; font-family: 'Helvetica'; letter-spacing: 0.05vw; color: #a4a4a4; } .top-menu .links a:hover{color:#fff;} .open-menu .top-menu .lang{ right: calc(35% + 6vw); } .top-menu .lang{ float: right; color: #fff; font-family: 'Helvetica'; text-transform: uppercase; font-size: 0.6vw; margin-top: -30px; position: relative; transition: .4s; right: 0px; letter-spacing: 0.14vw; font-weight:300; } .top-menu .lang span{ display: block; cursor: pointer; } .top-menu .lang span.active{} .top-menu .lang span.ru{ margin-bottom: 44px; } .top-menu .lang span.ru:before{content:"";position: absolute;width: 1px;height: 30px;background-color: #272727;left: 50%;margin-left: -0.5px;top: 16px;} .top-menu .lang span.ru:after{content:"";width: 8px;height: 8px;position: absolute;background-color: #fff;border-radius: 50%;top: 40px;right: 50%;margin-right: -4px;transition: .2s;} .top-menu .lang span.ru.active:after{content:"";top: 15px;} .sliber-nav.slick-slider{ position: absolute; width: 150px; z-index: 5; right: 7vw; margin-top: -345px; } .sliber-nav.slick-slider a{ text-decoration: blink; font-size: 16pt; color: #676767; position: relative; } .sliber-nav.slick-slider.slick-slider a.slick-current:before{content:"";display:block;width:calc(100% - 20px);height:1px; background-color:#676767;position:absolute; top:14px;margin-left:15px} .sliber-nav.slick-slider.slick-slider a:after{content:"";display:block;width:0px;height:1px; background-color:#fff;position:absolute; top:14px;margin-left:15px} .sliber-nav.slick-slider.slick-slider a.slick-current:after{width:calc(100% - 20px);transition:5s} .sliber-nav a.slick-current{color:#fff} .sliber-block.mainslider{ margin-left: 0vw; } .sliber-block{ margin-left: 9vw; overflow: hidden; position: relative; /* padding-left: 8vw; */ background-color: #131313; } .sliber-block .slide{ background-size: 100% auto; color: #fff; height: 630px; background-repeat: no-repeat; } .sliber-block.mainslider .slide .name{ margin-left: 16.5vw; } .sliber-block .slide .name{ position: absolute; /* left: -8vw; */ top: 30%; text-transform: uppercase; font-family: 'Helvetica'; font-weight:200; font-size: 34pt; transform: translateY(-50%); line-height: 1.1; z-index: 3; letter-spacing: 2px; } .sliber-block .slide .name span{ display: block; font-family: 'Helvetica'; font-weight:100; font-size: 40pt; } .sliber-block .slide .text { position: absolute; left: 16.5vw; z-index: 7; top: 46%; font-family: 'Helvetica'; font-weight:100; font-size: 1.3vw; transform: translateY(-20%); letter-spacing: 0.1vw; line-height: 1.8vw; width: 45vw; font-size: 16pt; } .sliber-block .slide img{height: 100%;margin-left: 7vw;width: calc(100% - 7vw);object-fit: cover;object-position: center top;} .sliber-block.mainslider .slide img{width: calc(100%);margin-left: 0vw;} .loaging .center{ position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 82px; height: 82px; } .loaging{ width: 100vw; height: 100vh; z-index: 43; position: fixed; background-color: #000; top:0; transition: 1s; } .loaging .center:before{content:"";width: 10px;height: 10px;position: absolute;right: 8px;bottom: 8px;transition: 1s;/* transform: rotate(45deg); */border-radius: 50%;} .loaging .center:after{content:"";width: 10px;height: 10px;position: absolute;right: 8px;bottom: 8px;transition: 1s;border-radius: 50%;} .loaging .center.active:before{box-shadow: inset 0 0 7px 0px #ffffff;} .loaging .center.active:after{box-shadow: 0 0 8px 9px #ffffff;} .body:before{content:"";position: fixed;width: 1px;height: 100vh;background-color: #343434;top: 0px;left: 50%;margin-left: -.5px;} .body:after{content: "";position: fixed;width: 1px;height: 50vh;background-color: #ffffff;top: 0px;left: 50%;margin-left: -.5px;} .open-menu .top-menu:before{display:none;} .body{width:100vw;height:100vh;position:fixed;top:0px;left:0px;z-index: 0;} /*.padding-left{padding-left: 6vw;}*/ .about{ color: #ffffff; padding-top: 80px; background-color: #131313; } .main-catalog a .name br{display:none;} .about p{ line-height: 1.5; letter-spacing: 0.06vw; font-family: 'Helvetica'; font-size: 0.9vw; color: #bbb; font-weight: 300; text-align: justify; } .about div.big p{ font-size: 0.85vw; line-height: 1.4; margin-top: -6px; letter-spacing: 0.09vw; font-weight: 300; text-align:just; } #descr_width { width: 85%; } .about .name{ font-family: 'Helvetica'; color: #6f6f6f; margin-bottom: 2.2vw; letter-spacing: 0.05vw; font-size: 0.9vw; text-transform: uppercase; font-weight: 400; } .show-more{ font-family: 'Helvetica'; text-decoration: blink; font-size: 0.9vw; letter-spacing: 1.5px; font-weight: 300; } .show-more:hover {color:#fff;} .show-more.fullview { margin-top: 30px; } .show-more.fullview:after{ content: "\25b2"; } .show-more:after{ content: "\25bc"; font-size: 9pt; padding-left: 6px; top: 0px; position: relative; color: #8c8c8c; } .about .show-more{ padding: 0.6vw 2.2vw; display: inline-block; border-left: 1px #343434 solid; margin-top: 2vw; padding-bottom: 2.5vw; color: #ffffff; margin-left: -1px; font-family: 'Helvetica'; font-size: 0.8vw; letter-spacing: 0.8px; font-weight: 300; } .about .show-more:hover {color:#fff;} .individual .delimetr{ margin-top: -200px; background-color: transparent; } .margin-left_ind { margin-left:40px; margin-top:40px; } .delimetr{ position: relative; text-align: center; color: #ffffff; padding: 4.5vw 0vw; font-size: 1.2vw; padding-bottom: 2.5vw; display: block; z-index: 2; text-decoration: blink; letter-spacing: 0.08vw; font-family: 'Helvetica'; font-weight: 300; background: linear-gradient(to right, #ffffff00 48%, #131313 48%, #131313 52%, #ffffff00 52%); } .main-catalog{ z-index: 1; position: relative; margin-top: 155px; margin-bottom: 53px; } .main-catalog a{ display: block; text-align: left; width: 50%; margin-right: 50%; position: relative; margin-top: -110px; } .main-catalog a img{ width: 82%; transition: 1.2s; } .main-catalog a:hover img{ transform: scale(1.1); } .main-catalog a .art{ display: block; z-index: 1; position: relative; font-family: 'Helvetica'; font-size: 1vw; color: #969696; } .main-catalog a .text{ display: block; font-size: 2vw; z-index: 1; position: relative; letter-spacing: 0.04vw; font-weight: 300; } .main-catalog a .name{ position: absolute; display: block; width: 100%; top: 50%; text-align: right; right: -20px; font-family: 'Helvetica'; transform: translateY(-50%); text-transform: uppercase; } .brand-bg { width: 80%; margin-top: 4vw; } .main-catalog a:nth-child(odd) {margin-left: 50%;margin-right: inherit;text-align: right;margin-top: -10vw;} .main-catalog a:nth-child(odd) .art{} .main-catalog a:nth-child(odd) .name{ text-align: left; left: -20px; right: inherit; } .main-catalog a:nth-child(odd) .text{} .main-catalog a .name:before{content:"";width: 45px;position: absolute;right: 0px;top: -30px;background-color: #131313;bottom: -30px;} .main-catalog a:nth-child(odd) .name:before{ left: 0px; right: inherit; } .sliber-block.second{padding-top: 92px;padding-bottom: 115px;} .sliber-block.last{padding-top: 0px;padding-bottom: 70px;} .p-slide{margin-right: -20vw;margin-top: -80px;display: -webkit-box;} .p-slide .list{ width: 275px; padding-right: 66px; } .p-slide .list .num{ padding: 3.2vw 0vw 0vw 1vw; border-left: 1px #606060 solid; margin-bottom: 0.9vw; font-size: 1.2vw; letter-spacing: 0.1vw; } .p-slide .list .name{ font-size: 0.91vw; } .p-slide .list .text{ line-height: 1.4; letter-spacing: 0.05vw; font-family: 'Helvetica'; font-size: 0.8vw; font-weight: 300; color: #a7a7a7; } .max-style{ z-index: 1; position: relative; background-color: #131313; padding: 95px 0px; background-repeat: no-repeat; background-position: right bottom; background-size: 38%; padding-bottom: 242px; } .max-style video { width: 75%; margin-left: 19%; object-fit: cover; } .max-style img { width: 75%; margin-left: 19%; height: 600px; object-fit: cover; } .max-style .smallname{ padding-top: 2.5vw; text-transform: uppercase; margin-bottom: 1vw; font-size: 1.1vw; font-family: 'Helvetica'; color: #7d7d7d; letter-spacing: 1.2px; font-weight: 300; } .max-style .name{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 1.8vw; line-height: 1.2; margin-bottom: 2vw; letter-spacing: 0.13vw; color:#fff; } .max-style p{ font-size: 0.9vw; line-height: 1.4; color: #b3b3b3; letter-spacing: 0.08vw; font-weight: 300; text-align: justify; } .paddingmob-left { width:80%; } .mobile-bg { width:80%; } .text-bg{ width:80%; } .max-style .left-line{ border-left: 1px #424242 solid; margin-top: 39px; padding-left: 41px; padding-bottom: 43px; } .max-style .left-line p{ font-size: 0.9vw; margin-bottom: 2vw; line-height: 1.3vw; letter-spacing: 1.24px; color: #a7a7a7; width:80%; font-weight: 300; } .feedback{ z-index: 1; position: relative; background-color: #131313; } .feedback .padding-left{ margin-top: -147px; } .feedback .padding-left p{ font-size: 1vw; line-height: 1.4; margin-top: -0.45vw; letter-spacing: 0.1vw; font-weight: 200; } .feedback .padding-left p.name{ font-family: 'Helvetica'; color: #6f6f6f; margin-bottom: 1.6vw; letter-spacing: 0.08vw; font-size: 0.88vw; font-weight: 300; } .feedback .form{ position: relative; } .feedback .form input[type="text"]{ border: 1px #242424 solid; padding: 1.2vw; width: 100%; margin-left: 0vw; color: #fff; background-color: transparent; font-size: 0.9vw; letter-spacing: 0.05vw; font-family: 'Helvetica'; font-weight: 300; } .feedback .form input + input[type="text"]{ width: 40vw; } .feedback .form input[type="submit"]{ position: absolute; width: 57px; height: 68px; right: 160px; background-color: transparent; border: none; color: #ffffff; font-size: 12pt; cursor: pointer; } .footer{ padding-top: 60px; background-color: #131313; } .footer .border-left{ padding-left: 43px; border-left: 1px #131313 solid; } .footer .border-left ul{ list-style: none; } .footer .border-left ul li{ padding: 5px 0px; } .footer .border-left ul li a{ text-decoration: blink; font-size: 16px; letter-spacing: 1.2px; font-family: 'Helvetica'; color: #808080; font-weight: 300; } .footer .border-left ul.s-mneu{ padding-bottom: 60px; } .footer .border-left ul.s-mneu li{ padding: 6px 0px; } .footer .border-left ul.s-mneu li a{ font-size: 0.89vw; letter-spacing: 0.09vw; color: #808080; } } .footer ul.soc li:before{ content: ''; display: block; width: 100%; height: 0; } .footer ul.soc li:after{ content: ''; display: inline-block; width: 100%; height: 0; visibility: hidden; overflow: hidden; } .footer ul.soc{ position: absolute; right: -70px; bottom: 240px; transform: rotate(270deg); width: 508px; text-align: justify; display: block; z-index: 2; letter-spacing:18px; } .footer ul.soc li:first-child{ width: 170px; margin-left: 0px; } .footer ul.soc li{ text-transform: uppercase; list-style: none; font-size: 8pt; display: inline-block; width: 82px; text-align: right; font-family: 'Helvetica'; letter-spacing: 1px; font-weight: 600; margin-left: 6px; margin-left: 1.5vw; } .footer ul.soc li a{ text-decoration: blink; font-size: 0.7vw; color: #6b6b6b; } .footer .contacts{ font-size: 0.88vw; color: #808080; letter-spacing: 0.06vw; font-weight: 300; } .footer .menu{ width: 80%; margin-bottom: 56px; } .footer .menu li::before{content:"►";font-size: 6pt;margin-right: 10px;} .footer .menu li{ list-style: none; border-bottom: 1px #131313 solid; padding: 20px 0px; } .footer .menu li a{ text-decoration: blink; font-size: 1.1vw; letter-spacing: 0.1vw; font-family: 'Helvetica'; font-weight: 100; } .footer .black form{position:relative;margin-bottom: 45px;} .footer .black:after{content:"";position: absolute;right: 0px;top: 0px;bottom: 0px;background-color: #131313;z-index: 7;width: 17vw;} .footer .black{ padding-top: 20px; padding-bottom: 80px; background-color: #000; background-image: url(../images/sloi_6_3.png); background-repeat: no-repeat; background-position: left bottom; background-size: 14%; } .footer .black input[type="text"]{ border: none; border-bottom: 1px #151515 solid; width: 91%; background-color: transparent; padding: 1.15vw 108px; color: #fff; font-size: .8vw; letter-spacing: 0.09vw; font-family: 'Helvetica'; font-weight: 400; } #your_idea { color:#fff !important; } #idea_uppercase { text-transform:uppercase; } .footer .black input[type="submit"]{ position: absolute; left: 0px; top: 0px; width: 56px; height: 56px; background-color: transparent; border: none; background-image: url(../images/mail-ico.png); background-repeat: no-repeat; background-position: center left; background-size: 50%; cursor: pointer; } .bottom{ background-color: transparent; padding: 0px 0px; } .bottom a{ text-decoration: blink; font-size: 0.8vw; padding: 0px 6px; color: #808080; letter-spacing: 0.08vw; font-weight: 300; } .bottom a.logo{ position: absolute; left: 50%; transform: translateX(-50%); color: #fff; font-size: 0.65vw; font-family: 'Helvetica'; letter-spacing: 0.1vw; } .fullmenu{} .fullmenu .vertical{ width: 30px; height: 100%; background-color: #131313; position: absolute; left: 0px; top: 0px; } .fullmenu .vertical .soc{ width: 100vh; display: flex; justify-content: center; transform: rotate(-90deg); position: absolute; bottom: calc(40% - 15vh); left: -48.5vh; } .fullmenu .vertical .soc li:first-child{ width: 230px; } .fullmenu .vertical .soc li { list-style: none; text-align: right; font-family: 'Proxima Nova Bold'; letter-spacing: 2px; width: 100px; text-transform: uppercase; font-size: 14px; margin-right: 20px; } .fullmenu .vertical .soc li a{text-decoration: blink;color: #646464;} .open-menu .fullmenu.white{transform: translateX(0);opacity: 1;} .fullmenu.white{ background-color: #fff; position: fixed; left: 65%; top: 0px; bottom: 0px; z-index: 12; transition: .4s; transform: translateX(100%); opacity: 0; } .closemenu:hover{ right: -37px; top: -43px; } .closemenu{ color: rgb(0 0 0 / 50%); font-family: Verdana; font-weight: 100; display: block; position: absolute; border: 1px rgb(0 0 0 / 20%) solid; border-radius: 50%; right: -58px; top: -51px; padding: 104px 104px; cursor: pointer; transition: 0.5s; z-index: 3; } .closemenu:hover+div{ right: -37px; top: -43px; } .closemenuS{ color: rgb(0 0 0 / 50%); display: block; position: absolute; border: 1px rgb(0 0 0 / 7%) solid; border-radius: 50%; padding: 104px 104px; right: -45px; top: -51px; transition: 1.5s; z-index:2; } .open-menu .fullmenu.left-menu{transform: translateX(0);opacity: 1;} .fullmenu.left-menu{ padding: 0px 6vw; background-image: url(../images/sloi_5_5.png); background-repeat: no-repeat; background-position: right bottom; background-size: 50%; background-color: #000; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 35%; z-index: 11; transition: .4s; transform: translateX(-100%); opacity: 0; padding-top: 140px; } .fullmenu .top-menu:before{display:none} .fullmenu .top-menu{padding-bottom: 10px;/*border-bottom: 1px #131313 solid;*/margin-bottom: 64px;padding-top: 108px;position: relative;} .fullmenu .top-menu .phone{ font-size: 11pt; } .fullmenu .top-menu .logo{ position: relative; left: 0px; transform: initial; float: left; margin-right: 44px; } .fullmenu .top-menu .lang{} .closemenu:before{content:"";height: 1px;background-color: rgb(0 0 0 / 50%);width: 20px;display: block;position: absolute;left: 50%;margin-left: -10px;transform: rotate(45deg);} .closemenu:after{content:"";height: 1px;background-color: rgb(0 0 0 / 50%);width: 20px;display: block;left: 50%;position: absolute;margin-left: -10px;transform: rotate( -45deg );} .fullmenu .menu{} .fullmenu.active .menu li{margin-top:0px} .fullmenu .menu li{ list-style: none; } .fullmenu .menu li::before{content:"►";font-size: 5pt;margin-right: 10px;display:none;} .fullmenu .menu li a{ text-decoration: blink; padding: 1.3vw 0vw; display: inline-block; font-size: 1.1vw; letter-spacing: 0.09vw; font-family: 'Helvetica'; font-weight: 300; } .fullmenu .border-left:before{content:"";position: absolute;width: 1px;background-color: #131313;top: 20px;bottom: 8px;left: -28px;} .fullmenu .border-left{ border: none; } .fullmenu .border-left .menu{ padding-top: 6px; margin-bottom: 51px; } .fullmenu .border-left .menu li a{ padding-bottom: 0.8vw; padding-top: 0.9vw; font-size: 0.9vw; letter-spacing: 0.09vw; color: #808080; font-family: 'Helvetica'; font-weight: 300; } .fullmenu .s-mneu{ } .fullmenu .s-mneu li{ list-style: none; padding-bottom: 14px; } .fullmenu .s-mneu li a{ text-decoration: blink; padding-bottom: 0px; padding-top: 0.6vw; font-size: 0.8vw; letter-spacing: 0.05vw; color: #808080; font-family: 'Helvetica'; font-weight: 400; } .fullmenu .feedback{ background-color: transparent; bottom: 88px; position: absolute; width: calc(88% - 6vw); } .fullmenu .feedback p{ font-size: 0.9vw; line-height: 1.4; margin-top: 0px; letter-spacing: 2px; margin-bottom: 2vw; font-weight: 100; } .fullmenu .feedback .name{ font-family: 'Helvetica'; color: #6f6f6f; margin-bottom: 1vw; letter-spacing: 0.08vw; font-size: 0.85vw; font-weight: 400; } .fullmenu .feedback input[type="text"]{ border: 1px #242424 solid; padding: 1.2vw; color: #fff; background-color: transparent; font-size: 0.815vw; letter-spacing: 2px; font-family: 'Helvetica'; width: 100%; margin-bottom: 0.8vw; } .fullmenu .feedback input[type="submit"]{ position: absolute; width: 57px; height: 70px; right: 0px; background-color: transparent; border: none; color: #ffffff; font-size: 12pt; cursor: pointer; margin-top:0; } .fullmenu .prod-list{ padding-right: 0px; padding-left: 30px; height: calc(100vh - 125px); overflow-y: scroll; margin-right: -20px; } .fullmenu.white .name{ margin-bottom: 12px; line-height: 1.2; color: #000; padding: 40px 31px; text-transform: uppercase; font-size: 2vw; font-family: 'Helvetica'; letter-spacing: 0.05vw; font-weight: 300; } .fullmenu .prod-list a:after{content:"";width: 40%;height: 1px;background-color: #dedede;display: block;margin: 0 auto;margin-top:10px;} .fullmenu .prod-list a{ display: inline-block; width: 49%; margin-left: 1%; text-decoration: blink; color: #000; margin-bottom: 34px; overflow: hidden; } .fullmenu .prod-list a:nth-child(odd){ margin-left: 0px; } /*.fullmenu .prod-list a .img:after { content: ""; background-image: url(/images/shadow2.png); display: block; width: 200px; height: 31px; background-size: contain; background-position: top center; background-repeat: no-repeat; position: absolute; bottom: 14px; margin-left: -2px; }*/ .fullmenu .prod-list a .img{ text-align: center; height: auto; /*width: 200px;*/ width: 240px; /* padding-bottom: 10px; */ /* background-image: url(/images/sloi_54.png); */ background-size: contain; background-repeat: no-repeat; background-position: bottom left; /* overflow: hidden; */ margin: 0 auto; } .fullmenu .prod-list a .img img{ width: auto; position: relative; } .fullmenu .prod-list a p.name{ padding: 0px; padding-top: 0px; font-size: 0.95vw; font-weight: 600; text-align: center; margin-bottom: 0px; font-weight: 400; } .fullmenu .prod-list a p.material{ padding: 0px; padding-top: 0px; font-size: 0.75vw; font-weight: 600; text-align: center; text-transform: uppercase; margin-bottom: 0px; font-family: 'Helvetica'; font-weight: 400; letter-spacing: 0.09vw; color: #616161; } .fullmenu .prod-list a p.color{ padding: 0px; padding-top: 0px; font-size: 0.75vw; font-weight: 600; text-align: center; text-transform: uppercase; margin-bottom: 0px; font-family: 'PFDinDisplayPro Thin'; letter-spacing: 0.09vw; color: #616161; } .fullmenu .prod-list a p.size{ padding: 0px; padding-top: 0px; font-size: 0.75vw; font-weight: 600; text-align: center; text-transform: uppercase; margin-bottom: 0px; font-family: 'PFDinDisplayPro Thin'; letter-spacing: 0.09vw; color: #616161; } .fullmenu .scroll{ position: absolute; color: #000; left: 20px; top: 127px; bottom: 0px; width: 20px; padding-top: 90px; z-index: 2; } .fullmenu .scroll .scrollLine{content:"";width: 1px;background-color: #dedede;display: block;position: absolute;top: 120px;bottom: 5px;left: 10px;} .fullmenu .scroll div{ transform: rotate(-90deg); font-family: 'Helvetica'; letter-spacing: 0.1vw; font-size: 0.7vw; font-weight: 500; } .fullmenu .scroll span{ position: absolute; width: 9px; height: 9px; background-color: #000; top: 0px; border-radius: 50%; left: 6px; z-index: 1; } .catalog { height: calc(100vh - 111px); margin-top: -5px; z-index: 3; } .catalog .right{ width: calc(100vw - 17vw); height: 100%; } .catalog .left{ height: calc(100% + 116px); background-color: #0c0c0c; width: 11.05vw; margin-top: -116px; padding-top: 116px; } .item{ display: block; text-decoration: blink; width: 72vw; position: relative; height: 40vw !important; transition: .5s; } .item .left-block{ float: left; padding-left: 1.0vw; padding-top: 2vw; width: 385px; text-transform: uppercase; opacity: 0; transition: .5s; position: relative; } .item .left-block .type{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 0.9vw; letter-spacing: 0.1vw; color: #a2a2a2; font-weight: 300; } .item .left-block .name{ font-family: 'Helvetica'; font-size: 2.8vw; white-space: nowrap; padding-bottom: 2vw; line-height: 3.2vw; letter-spacing: 0.11vw; font-weight:400; } .item .left-block .material{ margin-bottom: 0.5vw; font-size: 0.95vw; letter-spacing: 0.1vw; font-family: 'Helvetica'; font-weight: 100; } .item .left-block .color{ margin-bottom: 0.5vw; font-size: 0.95vw; letter-spacing: 0.1vw; font-family: 'Helvetica'; font-weight: 100; } .item .left-block .size{ margin-bottom: 0.5vw; font-size: 0.95vw; letter-spacing: 0.1vw; font-family: 'Helvetica'; font-weight: 100; } .item[aria-hidden="true"] .left-block{margin-left:0px;} .item[aria-hidden="true"]{opacity:0;} .item.slick-current .img{ width: 40vw; height: 40vw; left: 13vw; /* top: inherit; */ /* transform: inherit; */ } .item.slick-current .right-block{opacity:1;margin-left: 0px; margin-top: 8.5vw;} .item.slick-current .left-block { opacity: 1; margin-left: 0px; margin-top: 4vw; } .item .right-block{ float: right; position: absolute; right: -28vw; width: 26vw; opacity: 0; transition: .5s; } .item .right-block .text{ font-family: 'Helvetica'; margin-bottom: 3.5vw; font-size: 0.93vw; letter-spacing: 0.09vw; font-weight: 100; } .item .right-block .text p { line-height: 1.5; font-family: 'Helvetica'; font-weight: 100; letter-spacing: 2px; font-size: 0.9vw; }.seyf-type .item .right-block span{ margin-bottom: 3.5vw; display: inline-block; width: 220px; text-align: center; border: 1px #222222 solid; padding: 1vw 0vw; border-radius: 30px; background-color: #1a1a1a; letter-spacing: 0.1vw; font-family: 'Helvetica'; font-size: 0.82vw; font-weight: 300; letter-spacing:2px; } .item .right-block span:after { content: "►"; font-size: 5pt; color: #ffffff; padding-left: 15px; top: -1pt; position: relative; } .item .img { position: absolute; left: 29vw; width: 25vw; text-align: center; height: 25vw; border: 1px #1f1f1f solid; border-radius: 50%; background: linear-gradient(0deg, rgb(38 38 38) 0%, rgb(38 38 38) 25%, rgb(38 38 38) 28%, #262626); transition: width .5s, height .5s; top: 50%; transform: translateY(-50%); } .item .img:before{content:"";position: absolute;width: calc(100% + 90px);height: 47px;background-image: url(../images/shadow.png);display: block;background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 22%;left: -45px;z-index: 2;} /* .item .img .overflow:after{ content: ""; background-image: url(/images/shdw_rnd.png); display: block; width: calc(33vw - 10.4vw); height: 40vw; background-size: contain; background-position: bottom center; background-repeat: no-repeat; position: absolute; bottom: -6.3%; z-index: 0; margin-left: 8.4vw; } */ /*.item .img .overflow:after{ content: ""; background-image: url(/images/shdw_rnd.png); display: block; width: calc(40vw - 10.4vw); height: 40vw; background-size: contain; background-position: bottom center; background-repeat: no-repeat; position: absolute; bottom: .5%; z-index: 0; margin-left: 10.4vw; }*/ .item.slick-current[data-prod-type="alcor"] .img img{ height: 95%; position: relative; z-index: 1; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: 1.5vw; } .item.slick-current .img .l img{ height: 95%; position: relative; z-index: 1; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: 1.5vw; } .item .img .xxl img{ height: 92%; position: relative; z-index: 1; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: -2vw; } .item .img .xl img{ height: 94%; position: relative; z-index: 1; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: -3.3vw; } .item .img .xs img{ height: 75%; position: relative; z-index: 1; top: 64%; transform: translateY(-50%); transition: .5s; margin-left: -3vw; } .item .img .l img{ height: 95%; position: relative; z-index: 1; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: 3.5vw; } .item .img .m img { height: 100%; top: 2%; margin-left: 1.1vw; position: relative; } .item .img .s img { height: 75%; top: 26%; margin-left: 1.3vw; position: relative; } .item .img .overflow { opacity: 0; transition: .3s; position:absolute; left: 0px; } .item .img .overflow.active { opacity: 1; } .item.slick-current{z-index:2;} .item .img .overflow.m:after { bottom: 16.5%; } .item .img .overflow.s:after { bottom: 15%; width: calc(40vw - 4.4vw); margin-left: 8.4vw; } .list-cat .slick-next:hover, .list-cat .slick-prev:hover{border-color: #fff !important;color: #fff !important;} .list-cat .slick-next:before, .list-cat .slick-prev:before { position: absolute; content: ""; width: 0; height: 0; } .list-cat .slick-next:hover:before,, .list-cat .slick-prev:before { border-left-color: white; /* Change the arrow color to white on hover */ } .list-cat .slick-next, .list-cat .slick-prev{ position: absolute; background-color: transparent; border-radius: 0px; z-index: 6; height: 20px; transition: 0.5s; color: #515151; } .list-cat .slick-next:before{ right: -3px; top: 6px; } .list-cat .slick-prev:before{ transform: rotate(180deg); top: 6px; left: -3px; } .list-cat .slick-next{ width: 120px; top: 5vh; left: 62vw; } .list-cat .slick-prev{ width: 40px; top: 5vh; right: 21vw; } .catalog .left .type{ padding: 0px 20%; text-align: center; position: relative; top: 20px; } .catalog .left .type a:after{content: "";width: 15px;height: 1px;background-color: #525252;display: block;margin: 0 auto;margin-top: 25px;} .catalog .left .type a:first-child:before{content:"";width: 15px;height: 1px;background-color: #525252;display: block;margin: 0 auto;margin-bottom: 18px;} .catalog .left .type a{ text-decoration: blink; text-transform: uppercase; font-weight: 300; font-family: 'Helvetica'; color: #636363; font-size: 1.05vw; letter-spacing: 0.1vw; line-height: 1; display: block; position: relative; margin: 1.6vw 0px; transition: .3s; } .catalog .left .type a.active, .catalog .left .type a:hover { color: #fff; } .catalog .left .type a.active, .catalog .left .type a:hover{ color: #fff!important; } .overflow{width:100%;height:100%;overflow:hidden;border-radius: 50%;z-index: 2;} .scale{width:100%;height:100%;border-radius: 50%;position: absolute;background: linear-gradient(0deg, rgb(19 19 19) 0%, rgb(19 19 19) 25%, rgb(7 7 7) 28%, #070707);transition: .5s;/* transform: scale(3.5); */} .open-menu .product{z-index:5;opacity: 0;} .product{ height: calc(100vh - 111px); margin-top: -3px; overflow: hidden; z-index: 7; transition: .4s; opacity: 1; } .product .description .scroll-block{ padding-left: 5vw; padding-top: 5.4vh; padding-right: calc(5vw + 30px); height: calc(99vh); position: relative; overflow: hidden; overflow-y: scroll; margin-right: -30px; background-color: #fff; } .product.active .description{height: 100vh;/* transition-delay: 1s; *//* overflow-y: overlay; *//* padding-left: 5vw; *//* padding-top: 8vh; *//* padding-right: 5vw; */} .product .description{ height: 0vh; width: 41vw; background-color: #fff; transition: .5s; position: fixed; z-index: 2; top: 0px; left: 0px; color: #000; overflow: hidden; } .product .images { height:100%; width: 59vw; float: right; /* padding-left: 3.2vw; */ transform: translateX(100%); transition: .5s; } .product .images img:first-child{margin-left:0px} /* .product .images img { max-width: initial; height: 100%; position: relative; top: 0; z-index: 2; left: 50%; transform: translateX(-50%); } */ .product .images.xs::before {content: "";position: absolute;width: calc(130% + 90px);height: 90px;background-image: url(../images/shadow.png);display: block; background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 34%;left: -12vw;z-index: 2;} .product .images.s::before {content: "";position: absolute;width: calc(130% + 90px);height: 90px;background-image: url(../images/shadow.png);display: block; background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 26%;left: -12vw;z-index: 2;} .product .images.m::before {content: "";position: absolute;width: calc(130% + 90px);height: 90px;background-image: url(../images/shadow.png);display: block; background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 20%;left: -12vw;z-index: 2;} .product .images.l::before {content: "";position: absolute;width: calc(130% + 90px);height: 90px;background-image: url(../images/shadow.png);display: block; background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 14%;left: -12vw;z-index: 2;} .product .images.xl::before {content: "";position: absolute;width: calc(130% + 90px);height: 90px;background-image: url(../images/shadow.png);display: block; background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 25%;left: -12vw;z-index: 2;} .product .images.xxl::before {content: "";position: absolute;width: calc(130% + 90px);height: 90px;background-image: url(../images/shadow.png);display: block; background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 14%;left: -12vw;z-index: 2;} .product .images.xs img {transform: scale(1);} .product .images.s img {transform: scale(1);} .product .images.m img {transform: scale(1);} .product .images.l img {transform: scale(1);} .product .images.xl img {transform: scale(1);} .product .images.xxl img {transform: scale(1);} .product .images img { width: 100%; height: 100%; position: relative; z-index: 2; object-fit: cover; object-position: center; } .item.slick-current .img.big:before{opacity:0;transition.5s;} .item.slick-current .img.big{ /* width: 100vh; */ height: calc(100vh - 111px); z-index: 2; top: 0px; transform: inherit; } .product.active .images{ transition-delay: .5s; transform: translateX(0%); /*background: #19181d;*/ } .product .images .img-f{ right: -40vw; transition: .5s; } .product .images .img-s{ right: -40vw; transition: .5s; transition-delay: 0.5s; } .product .images .img-f.active,.product .images .img-s.active{ right:0px } .slick-list { height: 100%; } .item .img img.top{/* top:2% */} .loupe img{max-width:inherit;max-height: inherit;} .loupe { z-index: 8; border-radius: 50%; border: 1px rgb(0 0 0 / 20%) solid; margin-top: -116px; } .product .images:before { /* content: ""; position: absolute; width: calc(100% + 90px); height: 47px; background-image: url(/images/shadow_copy_14.png); display: block; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: 22%; left: -45px; z-index: 2; transition-delay: 1s; transition: .5s; opacity:0; */ } .product .images.active:before {opacity:1;} .description .seyf-color,.description .sftpe { text-align:center; justify-content: space-evenly; } .description .type{ text-transform: uppercase; font-family: 'Helvetica'; letter-spacing: 0.06vw; color: #000000; font-size: 0.9vw; font-weight: 300; } .description h1{ font-size: 2vw; line-height: 1; font-weight: 400; margin-bottom: 1vw; letter-spacing: 0.08vw; } .description .harakteristiks{ margin-bottom: 1.5vw; font-size: 0.9vw; font-family: 'Helvetica'; background: #f3f2f2; padding: 0.8vw 1.1vw; font-weight: 300; border-radius: 25px; } .description .harakteristiks p{ margin-bottom:0px; /*margin-bottom: 6px;*/ letter-spacing: 0.6px; } .product_video { border-radius:20px; } .description ul{ font-family: 'Helvetica'; font-size: 0.8vw; padding-bottom: 1.5vw; } .description ul li:before{content:"\2027";margin-right: 10px;font-size: 8pt;margin-left: -14px;} .description ul li{ list-style: none; margin-bottom: .2vw; padding-left: 1.0vw; padding-bottom: 0.2vw; letter-spacing: 0.03vw; font-weight: 400; } /*.description .delimitr:before{content:"";position: absolute;width: 5vw;left: -5vw;height: 100%;background-color: #585858;top: 0px;}*/ .description .delimitr{ margin: 1.5vw 0vw; text-transform: uppercase; font-family: 'Helvetica'; color: #fff; font-size: 0.9vw; padding: 0.6vw 1vw; background-color: #919191; position: relative; letter-spacing: 0.09vw; font-weight: 300; border-radius: 50px; text-align: center; } .description .scroll{ position: absolute; color: #000; right: 33px; top: 127px; bottom: 0px; width: 20px; padding-top: 90px; z-index: 5; } .description .scroll .scrollLine{content:"";width: 1px;background-color: #dedede;display: block;position: absolute;top: 120px;bottom: 5px;left: 7px;} .description .scroll div{ transform: rotate(-90deg); left: -4px; font-family: 'Helvetica'; letter-spacing: 0.1vw; font-size: 0.7vw; font-weight: 500; color: #4e4e4e; } .description .scroll span:hover{background-color: #757272;} .description .scroll span{ position: absolute; width: 9px; height: 9px; background-color: #000; top: 0px; border-radius: 50%; left: 3px; z-index: 1; } .description .h1{ font-family: 'Helvetica'; font-size: 0.8vw; text-transform: uppercase; font-weight: 400; padding: 0.5vw 1vw; letter-spacing: 1px; text-align:center; } .description .h1:after{ content:""; display:block; background-color: #e3e2e2; width: 70%; height: 1px; margin:0 auto; } .description .seyf-size-img img{ cursor: pointer; width: 100%; filter: brightness(4.3); vertical-align: middle; top: 50%; position: relative; transform: translateY(-50%); } .description .seyf-size-img img.active{filter: brightness(0);} .description .seyf-size-img .img-desc .size-round{ position: absolute; bottom: 0px; width: 100%; filter: brightness(2.3); } .description .seyf-size-img .img-desc .size-round .name{ font-family: 'Helvetica'; font-weight: 300; text-transform:uppercase; } .round span{ display: block; width: 100%; height: 100%; border-radius: 50%; } .description .seyf-size-img .active + .size-round .round span{background-color:#171717} .product .seyf-style.active .round span{background-color:#171717} .configurator-slide .seyf-type.active .round span{background-color:#171717} .configurator-slide .seyf-type.active .round{border-color:#171717} .configurator-slide .seyf-type2.active .round span { background-color: #171717 } .configurator-slide .seyf-type2.active .round { border-color: #171717 } .configurator-slide .seyf-type3.active .round span { background-color: #171717 } .configurator-slide .seyf-type3.active .round { border-color: #171717 } .round{ display: block; width: 15px; height: 15px; border: 1px #969696 solid; padding: 2px; border-radius: 50%; margin: 0 auto; /* margin-right: 10px; */ filter: brightness(0.3); margin-bottom: 3px; } .description .seyf-size-img .img-desc{ width: 28%; display: inline-block; vertical-align: middle; margin-right: 4%; padding-bottom: 45px; position: relative; text-align: center; } .description .seyf-size-img{ margin-bottom: 40px; display: flex; vertical-align: top; } .item .seyf-color label{white-space: nowrap;vertical-align: top;transition: .3s;} .item .seyf-color label:after{display:none;font-size: 12px;margin-left: 10px;text-align: left;} .item .seyf-color label.active:after{ display: inline-block; font-family: 'Helvetica'; font-weight: 300; text-transform: none; letter-spacing: 0.8px; font-size: 14px; color: #878787; vertical-align: middle; } .instruction:after { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; /* background-color: rgb(0 0 0 / 0%); */ z-index: 1; background-image: url(../images/slide.gif); background-position: center; background-size: 150px; background-repeat: no-repeat; } .description .seyf-color{margin-bottom: 40px; display: block; vertical-align: top;text-align:center;} .description .seyf-color a.active, .item .seyf-color label.active{border: 1px #969696 solid;border-radius:100%;text-align: center;} .description .seyf-color a span{display: inline-block;} .description .seyf-color a:after{display:none;} .description .seyf-color a{ display: inline-block; width: 30px; height: 30px; margin-right: 2px; padding: 5px; border: 1px transparent solid; vertical-align:top; white-space:nowrap; color:#000; text-decoration:blink; margin:0px; transition:.3s; } .description .seyf-color a{white-space: nowrap;vertical-align: top;} .description .seyf-color a.active:after{ display: inline-block; font-family: 'Helvetica'; font-weight: 400; text-transform: none; letter-spacing: 0.5px; font-size: 14px; color: #484848; vertical-align: text-top; padding-left: 10px; text-align: left; } .safetype { font-size: 0.85vw; font-family: 'Helvetica'; padding-bottom: 0.8vw; line-height: 1.2; font-weight: 300; text-align: center; } .seyf-color a span{ display: block; width: 100%; height: 100%; } .item .seyf-color{ margin-top: 150px;white-space: nowrap; } .item .seyf-color label{ display: inline-block; width: 30px; height: 30px; margin-right: 2px; padding: 3px; border: 1px transparent solid; cursor: pointer; } .item .seyf-size-img{ margin-top: 5vw; } .item .seyf-size-img img.active{ /*filter: brightness(10);*/ opacity:0.5; } .item .seyf-size-img img{ width: 60px; margin-right: 10px; opacity: 0.1; } .item .seyf-color label span{ width: 100%; height: 100%; display: inline-block; vertical-align: top; } .arrangement-item, .leather { display: inline-block; vertical-align: top; margin-right: 1%; cursor: pointer; /*filter: brightness(3.3);*/ text-align: center; } .product .seyf-type{ width: 17%; display: inline-block; vertical-align: top; margin-right: 1%; cursor: pointer; margin-bottom: 2vw; /*filter: brightness(3.3);*/ text-align: center; } .product .seyf-type2 { width: 28%; display: inline-block; vertical-align: top; margin-right: 3%; cursor: pointer; margin-bottom: 2vw; /*filter: brightness(3.3);*/ text-align: center; } .product .seyf-type3 { width: 17%; display: inline-block; vertical-align: top; margin-right: 1%; cursor: pointer; margin-bottom: 2vw; /*filter: brightness(3.3);*/ text-align: center; } .product .xxl .seyf-type { width: 30%; } .product .seyf-type img{} .product .seyf-type div { font-size: 1em; color: #232323; } .product .seyf-type.active img{filter: brightness(1);} .product .seyf-type.active div { /*font-weight: bold;*/ color: #000; font-size: 0.8em; letter-spacing: 1px; } .product .seyf-type2 img { } .product .seyf-type2 div { font-size: 0.9em; color: #232323; } .product .seyf-type2.active img { filter: brightness(1); } .product .seyf-type2.active div { /*font-weight: bold;*/ color: #000; font-size: 0.8em; letter-spacing: 1px; } .product .seyf-type3 img { } .product .seyf-type3 div { font-size: 1em; color: #232323; } .product .seyf-type3.active img { filter: brightness(1); } .product .seyf-type3.active div { /*font-weight: bold;*/ color: #000; font-size: 0.8em; letter-spacing: 1px; } .product .seyf-style { padding-right: 20px; font-size: 0.8em; margin-bottom: 2vw; cursor: pointer; } .product .seyf-style img{ margin-bottom: 15px;} .product .seyf-style.active img{ /*filter: brightness(1);*/ } .product .seyf-style.active { color: #252525; filter: brightness(1); text-align: center; } .product .seyf-style { filter: brightness(4.3); color: #252525; text-align: center; } .product .seyf-style.border-left{ padding-right: 0px; padding-left: 2.5vw; color: #252525; } .box-type { width: 18%; display: inline-block; vertical-align: top; margin-right: 1%; cursor: pointer; filter: brightness(0); } .safetypebox { font-size: 0.70vw; font-family: 'Helvetica'; padding-bottom: 0; letter-spacing: 0.5px; } .border-left{ border-left: 1px #DCDCDC solid; } .dop-opt ul{ font-size: inherit; font-family: inherit; margin-top: 23px; } .dop-opt ul li{ margin-bottom: 18px; } .dop-opt ul li .num{ border-left: 1px #bfbfbf solid; padding-left: 0.8vw; padding-top: 1.2vw; font-size: 1vw; margin-bottom: 0.5vw; color: #8a8a8a; font-family: 'Helvetica'; font-weight: 100; } .dop-opt ul li .name{ font-family: 'Helvetica'; margin-bottom: 0.3vw; font-weight: 400; } .dop-opt ul li .text{} .dop-opt ul li:before{ display: none; } .addopthdr { font-size: 0.9vw; font-family: 'Helvetica'; font-weight: 400; } .addopthdrcnfg { text-transform: uppercase; letter-spacing: 0.05vw; font-weight: 100; font-size: 0.81vw; } .addopthdrtxt { font-family: 'Helvetica'; line-height: 1.5; font-size: 0.8vw; font-weight: 300; } .dscrpt { font-family: 'Helvetica'; margin-bottom: 1.4vw; font-weight: 300; font-size: 0.9vw; letter-spacing: 0.6px; } .about-block .show-more { padding: 0.8vw 2.2vw; display: inline-block; border-left: 1px #585858 solid; margin-top: 0vw; margin-bottom: 4vw; color: #262626; margin-left: -1px; font-weight: 300; letter-spacing: 1px; background: #d9d9d9; font-size: 16px; border-radius: 0 8px 8px 0; } .show-pdf { display: inline-block; margin-top: 10px; margin-bottom: 10px; color: #262626; font-weight: 300; letter-spacing: 1px; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #cbc7c7; } .about-block .show-more:hover { color:#000; } #mnubg {background: #131313;position: fixed;height: 114px;width: 100%;top: 0px;z-index: 3;} #grdntfrvdeo { background: linear-gradient(to bottom, transparent 0%, #131313 100%); height: 20px; width: 100%; position: absolute; bottom: 0px; } .video-block{ width: 100%; z-index: 5; text-align: center; margin: 0 auto; } .video-block video{ width: 100%; height: auto; margin-top:-115px; } .slide-name{ display:none; position: absolute; margin-top: -181px; right: 0px; padding: 20px 5vw 20px 20px; background-color: #131313; } .slide-name .name{ display: inline-block; vertical-align: top; padding-top: .5vw; text-transform: uppercase; margin-right: 2.1vw; letter-spacing: 0.08vw; font-family: 'Helvetica'; width: 500px; font-weight: 300; } .slide-name .sliber-nav.second,.slide-name .sliber-nav.last{ position: relative; margin-top: 0px; display: inline-block; right: inherit; vertical-align: top; } .circle-logo.disign{} .brand{} .brand .max-style{ background-image: none; padding-bottom: 80px; } .brand .max-style .smallname{ padding-top: 0px; } .brand .max-style .black-bg{} .brand .max-style .black-bg:before, .individual .max-style .black-bg:before{content:"";position: absolute;left: 0px;right: 30%;top: -80px;bottom: -80px;background-color: #0c0c0c;z-index: -1;} .brand .max-style .left-line{ margin-top: 75px; } .brand .sliber-block{background-color:transparent;} .slider-3{ background-color: #131313; } .slider-3 .circle-logo{ right: 9.5vw; left: inherit; top: -10vh; } .slider-3 .slide-name{ right: inherit; left: 9vw; margin-left: 7vw; margin-top: -136px; } .center-text-block{ background-color: #131313; text-align: center; padding: 40px 15vw; } .center-text-block p{ margin-bottom: 1.2vw; font-size: 0.9vw; letter-spacing: 0.095vw; color: #b9b9b9; font-family: 'Helvetica'; font-weight: 300; line-height: 1.5vw; } .center-text-block p:after{content:"";width: 5vw;height: 1px;background-color: #343434;display: block;left: 50%;position: relative;transform: translateX(-50%);margin-top: 20px;} .brand .feedback .padding-left{ margin-top: 0px;} .individual .bg-img{background-position: bottom right;padding-top: 200px;} .bg-img{ background-image: url(../images/sloi_5.png); background-repeat: no-repeat; background-position: right top; background-size: 38%; /*padding-bottom: 242px;*/ } .open-Luxanora{ margin-top: -230px; padding: 0px 8vw; margin-bottom: 100px; } .open-Luxanora .name span{display: block;font-family: 'PFDinDisplayPro Thin';} .open-Luxanora .name{ position: absolute; top: 10%; text-transform: uppercase; font-family: 'PFDinDisplayPro ExtraThin'; font-size: 48pt; line-height: 1; z-index: 3; } .open-Luxanora img{ width: 32%; transform:scale(.6); transition:.5s; border: solid 2px #131313; } .open-Luxanora img.slick-current+img{transform:scale(1)} .open-Luxanora .leftimg{ position: relative; top: 50%; transform: translateY(-50%); } .open-Luxanora .centerimg{ padding: 20px 0px; background-color: #131313; margin: 0px 1%; } .open-Luxanora .rightimg{ /* top: 50%; */ transform: translateY(-20%); position: relative; } .safe-about{ padding-top: 95px; padding-bottom: 90px; } .safe-about .item-block{ text-align: left; } .safe-about .item-block:nth-child(odd){ text-align: right; } .safe-about .item-block:nth-child(odd) .about-text{ right: 10%; left: inherit; font-size: 0.9vw; letter-spacing: 0.094vw; color: #9e9e9e; line-height: 1.4; font-family: 'Helvetica'; font-weight: 300; } .safe-about .item-block:nth-child(odd) .name{ right: inherit; left: -40px; text-align: left; } .safe-about .item-block .about-text{ left: 10%; position: relative; font-size: 0.9vw; letter-spacing: 1.4px; color: #9e9e9e; line-height: 1.4; width: calc(41%); font-family: 'Helvetica'; font-weight: 300; } .safe-about .item-block .name{ position: absolute; display: block; width: 100%; top: 50%; text-align: right; right: -40px; font-family: 'Helvetica'; transform: translateY(-50%); text-transform: uppercase; } .safe-about .item-block img { width: 82%; height: 800px; object-fit: cover; } .safe-about .item-block .name .art{ display: block; z-index: 1; position: relative; font-family: 'Helvetica'; letter-spacing: 0.14vw; font-size: 0.9vw; color: #969696; } .safe-about .item-block .name .text{ display: block; font-size: 1.9vw; z-index: 1; position: relative; letter-spacing: 0.1vw; } .safe-about .item-block .name:before { content: ""; width: 45px; position: absolute; right: 0px; top: -30px; background-color: #131313; bottom: -30px; } .safe-about .item-block:nth-child(odd) .name:before { left: 0px; right: inherit; } .safe-about .col-50{ float: initial; display: inline-block; width: 49%; vertical-align: middle; } .left-line .feedback input[type="text"]+input[type="text"]{width: calc(100% - 9.5vw);} .left-line .feedback input[type="text"]{ border: 1px #242424 solid; padding: 1.2vw; width: calc(70% - 9.5vw); color: #fff; background-color: transparent; margin-bottom: 10px; font-size: 0.9vw; letter-spacing: 0.05vw; font-family: 'Helvetica'; } .left-line .feedback input[type="submit"]{ position: absolute; width: 57px; height: 67px; right: 9.5vw; background-color: transparent; border: none; color: #ffffff; font-size: 12pt; cursor: pointer; margin-top: -0.3vw; ; } .max-style.no-bg{background-color:transparent;} .max-style.no-bg .text-bg{} .max-style.no-bg .left-line{ border: none; } .max-style.no-bg .text-bg:before{content:"";background-color: #131313;position: absolute;left: -1px;width: 1px;top: -95px;bottom: -40px;} input {outline:none;} .notdesctop{display:none;} .open-menu .top-menu .logo{ left: 0px !important; transform: translateX(0%) !important; text-align:left; } .top-menu .wrap{ transition:.4s; } .open-menu .top-menu .wrap{ padding-left: 10vw; margin: auto 4.5vw; } .new-main-catalog{ margin-bottom: 53px; margin-top:50px; overflow-x: hidden;} .new-main-catalog .p-block{} .shift_to_top .col-50 {margin-top:-5vw;} .new-main-catalog .p-block:nth-child(even) .text{text-align: left;} .new-main-catalog .p-block:nth-child(even) .name{text-align: left;} .new-main-catalog .p-block:nth-child(even) .name:before { left: -3px; } .new-main-catalog .p-block .t-a{ margin-top: calc(-10vw + 13vw); } .new-main-catalog .name:before { content: ""; width: 45px; position: absolute; right: 0px; top: -30px; background-color: #131313; bottom: -30px; z-index: -1;} .new-main-catalog .name{ display: block; width: 100%; text-align: right; font-family: 'Helvetica'; text-transform: uppercase; letter-spacing: 0.04vw; font-weight: 300; font-size: 2.4vw; position: relative; } .new-main-catalog .name span{ display: block; z-index: 1; position: relative; font-family: 'Helvetica'; font-size: 1.1vw; color: #969696; font-weight: 300; letter-spacing: 1.5px; margin-bottom:-12px; } .new-main-catalog .nodesktop { display: none; width: 100%; text-align: right; font-family: 'Helvetica'; text-transform: uppercase; letter-spacing: 0.04vw; font-weight: 300; font-size: 2.4vw; position: relative; } .new-main-catalog .nodesktop span { display: block; z-index: 1; position: relative; font-family: 'Helvetica'; font-size: 1.1vw; color: #969696; font-weight: 300; letter-spacing: 1.5px; margin-bottom: -12px; } .new-main-catalog .text{ font-family: 'Helvetica'; color: #969696; text-align: right; margin: 0px 6vw; letter-spacing: 1px; line-height: 24px; font-size: 18px; font-weight: 300; } .new-main-catalog .img { position: relative; text-align: center; border: 1px #1f1f1f solid; border-radius: 50%; background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 28%, #FFF); transition: width .5s, height .5s; width: 40vw; height: 40vw; display: block; margin: auto; } .new-main-catalog .overflow{ display: block; } .new-main-catalog .p-block:nth-child(even) .overflow::before { right: -22vw; left: inherit; } .new-main-catalog .overflow::before{ content: ""; position: absolute; width: calc(170% + 90px); height: 47px; background-image: url(../images/shadow.png); display: block; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: 22%; left: -22vw; z-index: 2; } .new-main-catalog .overflow img{ z-index: 2; } .new-main-catalog .overflow.l{ } .new-main-catalog .overflow.m{} .new-main-catalog .overflow.s{} .new-main-catalog .overflow.xs{} .new-main-catalog .overflow.xl{} .new-main-catalog .overflow.xxl{} .new-main-catalog .overflow.l img{ height: 95%; position: relative; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: 1.5vw; } .new-main-catalog .overflow.m img{ height: 100%; top: 2%; margin-left: 1.1vw; position: relative; } .new-main-catalog .overflow.s img{ height: 75%; top: 26%; margin-left: 1.3vw; position: relative; } .new-main-catalog .overflow.xs img{ height: 83%; position: relative; top: 62%; transform: translateY(-50%); transition: .5s; } .new-main-catalog .overflow.xl img{ height: 94%; position: relative; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: -1.3vw; } .new-main-catalog .overflow.xxl img{ height: 92%; position: relative; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: -2vw; } #margin-top_200px {margin-top:-100px;} .collections_text {line-height: 1.4;letter-spacing: 0.2px;font-family: 'Helvetica';font-weight: 400;font-size: 14px;} .errorpage .margintop{margin-top: -110px;} .errorpage .left{width: 65%;margin-left:-140px;} .errorpage .right{width: 40%;margin-top: 12.5vw;} .err-small{color: #838383;letter-spacing: 1.5px;font-family: 'Helvetica';font-weight: 300;font-size: 17px;} .err-big{font-family: 'Helvetica';font-size: 26px;font-weight: 100;letter-spacing: 2px;margin-bottom:15px;} .err-classic{color: #767676;letter-spacing: 1px;font-family: 'Helvetica';font-size: 16px;font-weight: 300;margin-top:15px;} .err-classic a{text-decoration: underline;color: #c5c1c1;text-underline-offset: 3px;text-decoration-color: #343434} .err-classic a:hover {color:#fff;} .err-phone {color: #eee;font-family: 'Helvetica';font-size: 15px;letter-spacing: 1px;text-decoration: none;margin-top:20px;} .err-phone a{text-decoration:none;color:#c3c3c3;} @media (min-width: 800px) and (max-width: 1200px) { .product .images.xs::before {bottom: 34%;} .product .images.s::before {bottom: 26%;} .product .images.m::before {bottom: 23%;} .product .images.l::before {bottom: 16%;} .product .images.xl::before {bottom: 27%;} .product .images.xxl::before {bottom: 19%;} .product .images.xs img {transform: scale(1.35);} .product .images.s img {transform: scale(1.45);} .product .images.m img {transform: scale(1.35);} .product .images.l img {transform: scale(1.35);} .product .images.xl img {transform: scale(1.3);} .product .images.xxl img {transform: scale(1.26);} .item, .item .img, .item .left-block,.item .right-block { transition: 0s; } .description .gallery-bundle li {width: 31%;} /* .item.slick-current, .item.slick-current .img, .item.slick-current .left-block,.item.slick-current .right-block { transition: .5s; } */ .product_video { height:164px; border-radius:10px; } .max-style.no-bg .ind-black-bg .text-bg {background-color: #131313;} #mnubg {height: 90px;} .top-menu {padding: 43px 0px;padding-bottom: 13px;} .phnedstp {font-size: 0.95vw;letter-spacing: 1px;} .top-menu .phone {margin-right: 3vw;} .top-menu .phone a {font-size: 1.05vw;} .top-menu .logo {font-size: 2.2vw;left: 47%;margin-top: -10px;} .open-menu .top-menu .logo {left: -17px !important;} .top-menu .links a {font-size: 1.2vw;letter-spacing: 1.5px;display:none;} .top-menu .links {margin-right: 7.3vw;padding-top: 0px;margin-top: -1px} .top-menu .lang {font-size: 9px;} .about .name {font-size: 14px;letter-spacing: 1.6px;padding-left: 0px;} .about div.big p {font-size: 13px;letter-spacing: 1.6px;font-weight: 100;color: #cbcbcb;} #descr_width {width: 60%;padding-left: 0px;} .about p {font-size: 13px;letter-spacing: 1.6px;text-align: left;} .about .show-more {font-size: 14px;letter-spacing: 1.5px;} .show-more:after {font-size: 7pt;top:-1px;} .delimetr {font-size: 17px;letter-spacing: 1.6px;} .new-main-catalog .name span {font-size: 15px;margin-bottom: -7px;letter-spacing:2px;} .new-main-catalog .name {font-size: 26px;margin-left: 2px;letter-spacing: 2px;} .new-main-catalog .text {margin: 0px 4vw;letter-spacing: 2px;line-height: 24px;font-size: 15px;font-weight: 100;color: #c1c1c1;} .p-slide .list {margin-top: 18px;} .p-slide .list .name {font-size: 12px;} .p-slide .list .text {font-size: 12px;letter-spacing: 1.5px;width: 18vw;line-height: 1.5;} .max-style .smallname {font-size: 1.5vw;padding-top: 0px;letter-spacing: 0.15vw;} .max-style .name {font-size: 2.2vw;letter-spacing: 0.15vw;} .max-style p {font-size: 13px;letter-spacing: 1.5px;text-align: left;line-height: 1.5;} .max-style .left-line p {font-size: 13px;letter-spacing: 1.5px;line-height: 1.5;margin-bottom: 0px;} .max-style .left-line {padding-bottom:0px;} .p124 {padding-left: 70px;} .feedback .padding-left {margin-top: -90px;} .feedback .padding-left p.name {font-size: 13px;letter-spacing: 1.5px;} .feedback .padding-left p {font-size: 14px;letter-spacing: 1.5px;font-weight: 100;} .feedback .form input[type="text"] {font-size: 1vw;letter-spacing: 1.5px;color: white;font-weight: 400;} .feedback .form input[type="submit"] {font-size: 0.9vw;} .footer .black input[type="submit"] {top: -10px;} .footer .black input[type="text"] {font-size: 1vw;letter-spacing: 1.5px;} .footer .black form {margin-bottom: 25px;} .footer .menu li a {font-size: 1.2vw;letter-spacing: 1.6px;} .footer .border-left ul.s-mneu li a {font-size: 0.85vw;} .footer ul.soc {right: -140px !important;bottom: 210px;} .footer .black {padding-bottom: 55px;} .footer .contacts {font-size: 1vw;letter-spacing: 1.1px;} .footer .border-left {padding-left: 23px;} .footer .border-left ul.s-mneu {padding-bottom: 65px;} .bottom a {font-size: 0.9vw;} .bottom a.logo {font-size: 1.05vw;} .bottom {padding: 20px 0px;} .footer ul.soc li a {font-size: 7pt;} .footer ul.soc li{font-size: 6pt;margin-left: 1vw;} .footer .border-left ul li a {font-size: 0.85vw;} .footer .border-left ul.s-mneu {padding-bottom: 20px;} .footer .menu li {list-style: none;border-bottom: 1px #131313 solid;padding: 10px 0px;} .feedback .form input,.feedback .form input[type="submit"],.fullmenu .feedback input[type="submit"],.fullmenu .feedback input,.left-line .feedback input[type="submit"],.left-line .feedback input {height: 42px;} .feedback .form input[type="submit"] {right: 100px;} .fullmenu .prod-list a {width: 48%;} .fullmenu .prod-list a .img {width: 100%;} .catalog {height: calc(100vh - 140px);/*overflow: hidden;*/} .list-cat .slick-prev {bottom: 16vh;top:inherit;} .list-cat .slick-next {bottom: 11vh;top:inherit;} .product .images {background-color: #1e1d22;} .product .images img {max-width: 100%;object-fit: contain;} .box-type {width: 17%;} .indproject {background-color: #3a3a3a;width: 80%;margin: 0 auto;border-radius: 50px;padding: 20px 32px;border: 1px #1f1f1f solid;text-decoration: none;} .fullmenu .menu li a {font-size: 1.2vw;letter-spacing: 0.13vw;font-weight: 100;} .fullmenu .border-left .menu li a {font-size: 1.1vw;letter-spacing: 0.13vw;} .fullmenu .s-mneu li a {font-size: 1.1vw;letter-spacing: 0.1vw;} .fullmenu .feedback .name {letter-spacing: 0.12vw;font-size: 1.1vw;} .fullmenu .feedback p {font-size: 1.13vw;} .fullmenu .feedback input[type="text"] {font-size: 1.05vw;} .fullmenu .vertical .soc li {font-size: 0.8vw;} .fullmenu .feedback input[type="submit"] {font-size: 8pt;} .fullmenu .vertical .soc {left: -48vh;} .fullmenu .scroll div {font-size: 1vw;} .fullmenu .prod-list a {width: 40%;} .fullmenu .prod-list a:nth-child(odd) {margin-left: 25px;} .fullmenu .prod-list a {margin-left: 3%;} .fullmenu .prod-list a p.name {font-size: 1.2vw;} .fullmenu .prod-list a p.material {font-size: 0.95vw;} .fullmenu .prod-list a p.color {font-size: 0.95vw;} .fullmenu .prod-list a p.size {font-size: 0.95vw;} .sliber-block .slide img {height: 52%;} .sliber-block .slide {height: auto;} .show-more {font-size: 1.1vw;letter-spacing: 1.7px;} .safe-about .item-block:nth-child(odd) .about-text {right: 11%;font-size: 1.3vw;letter-spacing: 0.13vw;width: calc(40%);} .safe-about .item-block .about-text {left:10%;font-size: 1.3vw;letter-spacing: 0.13vw;width: calc(40%);} #margin-top_200px {margin-top:-80px;} .center-text-block {padding: 40px 12vw;} .center-text-block p {font-size: 1.3vw;letter-spacing: 0.14vw;line-height: 2vw;} .safe-about .item-block .name .art {font-size: 1.35vw;font-weight: 300;margin-bottom: 2px;} .safe-about .item-block .name .text {font-size: 1.9vw;letter-spacing: 0.14vw;font-weight:300;} .left-line .feedback input[type="text"] {font-size: 1.15vw;} .left-line .feedback input[type="submit"] {font-size: 7pt;margin-top: 0vw;} .description .type {font-size: 1vw;font-weight: 300;letter-spacing: 0.1vw;margin-bottom:0px;} .description h1 {margin-top: 0vw;} .description .harakteristiks {font-size: 1.3vw;} .description .delimitr {font-size: 1.2vw;letter-spacing: 0.15vw;} .description .h1 {font-size: 1.15vw;} .description .scroll {right: 18px;} .description .scroll div {font-size: 0.9vw;} .closemenu {right: -75px;} .closemenuS {right: -65px;} .description ul {font-size: 1.07vw;margin-bottom: 20px;} .description ul li {padding-bottom: 0.2vw;} .addopthdr {font-size: 1.1vw;} .dop-opt ul li .num {font-size: 1.1vw;} .addopthdrcnfg {font-size: 1.1vw;} .dscrpt {font-size: 1.1vw;} .product .seyf-type div {font-size: 0.9vw;} .product .seyf-type.active div {font-size: 0.9vw;letter-spacing: 0.4px;} .product .seyf-type2 div { font-size: 0.9vw; } .product .seyf-type2.active div { font-size: 0.9vw; letter-spacing: 0.4px; } .product .seyf-type3 div { font-size: 0.9vw; } .product .seyf-type3.active div { font-size: 0.9vw; letter-spacing: 0.4px; } .item .left-block .size {font-size: 1.15vw;letter-spacing: 0.15vw;} .item .left-block .material {font-size: 1.15vw;letter-spacing: 0.15vw;} .top-menu.inner .logo {left: 2vw;} .item .left-block .type {font-size: 1vw;letter-spacing: 0.2vw;color: #b9b9b9;font-weight: 300;} .item .right-block .text p {line-height: 1.9;font-weight: 100;letter-spacing: 0.8px;font-size: 1.13vw;} .item .right-block span {font-size: 1vw;font-weight: 100;} .wrap {margin: 0 4.0vw 0 9.5vw;} .collections_text {line-height: 1.4;letter-spacing: 0.4px;font-family: 'Helvetica';font-weight: 400;font-size: 14px;} .errorpage .left{width: 67%;margin-left:-80px;} .errorpage .margintop {margin-top: -4vw;} .errorpage .right {width: 38%;} .errorpage .right{margin-top: 5vw;} } @media (max-width: 800px) { .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a[data-Luxanora="mirror"] img{ height: 98% !important; top: 54% !important; } .wrap.errorpage {margin: auto 0px;} .errorpage .margintop{margin-top: 0px;} .errorpage .left{width: 100%; margin: 0 auto;margin-top:-20px;} .top-menu. errorpage {background-color: #000;} .errorpage .right{width: 100%; text-align:center;padding:0 20px;margin-top: -2vw;} .err-big {font-size: 5vw;} .err-classic {font-size: 3.4vw;} .err-phone {display: none;} .pddngb {margin-bottom: 30px;} html{ overflow-x: hidden;} h1,.h1{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 4.8vw; line-height: 1.2; margin-bottom: 1vw; letter-spacing: 1.2px; font-weight:100; } .show-pdf { display: inline-block; margin-top: 10px; margin-bottom: 10px; color: #e5e5e5; font-weight: 300; letter-spacing: 1px; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #5a5a5a; } .collections_text { line-height: 1.4; letter-spacing: 1.2px; font-family: 'Helvetica'; font-weight: 100; font-size: 14px; color: #c9c6c6; } .description .gallery-bundle li a{ border-radius:0px; opacity:0.8; } .description .gallery-bundle li { width: 31%; height: 80px; } .product.active .images {background: #19181d} #margin-top_brnd {margin-top:-200px;} #margin-top_inddes {margin-top:-260px;} #margin-top_main {margin-top:-216px; padding-left:0;} .product .images.xs img {transform: scale(1.3);} .product .images.s img {transform: scale(1.3);} .product .images.m img {transform: scale(1);} .product .images.l img {transform: scale(1);} .product .images.xl img {transform: scale(1);} .product .images.xxl img {transform: scale(1);} .product .images.xs::before {bottom: 19%;left: -28vw;} .product .images.s::before {bottom: 6%;left: -28vw;} .product .images.m::before {bottom: 14%;left: -28vw;} .product .images.l::before {bottom: 6%;left: -28vw;} .product .images.xl::before {bottom: 14%;left: -28vw;} .product .images.xxl::before {bottom: 3%;left: -28vw;} .product .images.xs {height:auto;} .product .images.s {height:auto;} .product .images.m {height:75vw;} .product .images.l {height:75vw;} .product .images.xl {height:70vw;} .product .images.xxl {height:65vw;} .inner-form { width: 300px; margin-left: -150px; text-align: center; border-radius: 10px; } .about-block .show-more { padding: 3vw 5vw; display: inline-block; margin-top: 0vw; margin-bottom: 4vw; color: #ffffff; margin-left: -1px; font-weight: 300; background: #484848; border-radius: 10px; letter-spacing: 1.5px; font-size: 14px; } .about-block .show-more:after { content: "\25bc"; font-size: 7pt; padding-left: 6px; top: -1px; position: relative; color: #8c8c8c; } .product_video { border: none; border-radius:0px; height:146px; } .box-type { filter: brightness(1.5); } .brand-bg { width:100%; } .mobile-bg { width:100% } .text-bg { width:100%; } #descr_width { width: 100%; } .about .txttrnsfrm p { text-transform:uppercase; color: #fff !important; font-size: 16px !important; } .product .xxl .seyf-type { width: 30%; height: inherit; margin-right: 0; padding: 0px 0.5%; } .product .xxl .seyf-type .fntszsfetype{ height: 50px; overflow: hidden; } .configurator-slide .xxl .slick-prev{left: calc(-8vw + 7px);} .configurator-slide .xxl .slick-next{right: calc(-8vw + 7px);} .body:before{content:"";position: fixed;width: 1px;height: 100vh;background-color: #343434;top: 0px;left: 50%;margin-left: -.5px;display:none;} .body:after{content: "";position: fixed;width: 1px;height: 50vh;background-color: #ffffff;top: 0px;left: 50%;margin-left: -.5px;display:none;} /* .open-menu .top-menu .logo { margin-top: 10px !important; } */ .top-menu.inner { z-index: 8; padding-bottom: 15px; background-color: #19181d; } .fullmenu .menu li a { text-decoration: blink; /*padding: 24px 0;*/ padding: 3.5vh 0; display: inline-block; font-size: 4.2vw; letter-spacing: 1.3px; font-family: 'Helvetica'; font-weight: 300; color: #808080; } .mainslider{overflow: initial;} .mainslider .slick-dots{bottom: -29px;} .mainslider .slick-dots .slick-active button:before{color: transparent;} .mainslider .slick-dots .slick-active{background-color: #e2e2e2;} .top-menu .lang span.ru:before { background-color: #525252; } .sliber-block .slide .name span { display: inline-block; font-weight: 500; font-size: 10vw; color:#fff; margin-left:8%; } .sliber-block{ margin-left: 0px; margin-top: 0px; } .sliber-block .slide img{ margin-left: 0px; width: 100%; background: linear-gradient(0deg, #131313, #000); } .sliber-block .slide{ height: 550px; } .sliber-block .slide .name{ font-size: 16px; top: inherit; bottom: 24vw; transform: inherit; letter-spacing: 1.4px; font-weight:100; color:#eee; margin-left: 8vw !important; } .first.mainslider .slick-list { padding-bottom:36px; } .sliber-block .slide .text{ bottom: 0vw; left: 40px; top: inherit; /* transform: inherit; */ font-size: 13px; letter-spacing: 2px; line-height: 17px; font-family: 'Helvetica'; font-style: italic; width:80%; display:none; } .sliber-block .slide .button{ position: absolute; white-space: nowrap; text-decoration: blink; border: 1px #343434 solid; padding: 10px 20px; border-radius: 50px; z-index: 6; background-color: #3a3a3a; bottom: 8vw; left: 8vw; font-weight: 100; font-size: 14px; letter-spacing: 2px; } .sliber-block .slide .button:after{ content: "\25b8"; padding-left: 6px; position: relative; color: #8c8c8c; } .sliber-block.mainslider .slide.slick-current:before{display:none;} .sliber-block.mainslider .slide:before { display:none; transition:1s; content: ""; background-image: url(../images/circle.png); width: 100vw; height: 100vw; background-size: contain; position: absolute; bottom: -8vw; left: -20vw; background-repeat: no-repeat; } .slick-dots li {border:none !important;background:#282828;width:12px !important;height:12px !important;} .col-50{ float: inherit; width: 100%; } .wrap { margin: auto 8vw; } .padding-left { padding-left: 8vw; } .nomobile{display: none !important;} .about p.big { font-size: 16px; line-height: 1.4; margin-top: -6px; letter-spacing: 1.2px; text-transform: uppercase; } .main-catalog a .name br{display:block;} .about .show-more { padding: 0.6vw 3vw; display: inline-block; border-left: 1px #343434 solid; margin-top: 2vw; padding-bottom: 2.5vw; color: #6f6f6f; /*margin-left: 8vw;*/ font-family: 'Proxima Nova Regular'; font-size: 3.3vw; letter-spacing: 0.6px; } .about .show-more { padding: 20px 20px; display: inline-block; border-left: 1px #343434 solid; margin-top: 10px; color: #6f6f6f; font-family: 'Helvetica'; font-size: 15px; letter-spacing: 1.2px; margin-bottom: 20px; } .about .name { font-family: 'Helvetica'; color: #dddddd; margin-bottom: 14px; letter-spacing: 1.4px; font-size: 14px; font-weight: 300; text-transform: uppercase; } .about { padding-top: 120px; } .about p.big br{display:none;} .about div.big p { font-size: 14px; letter-spacing: 1.2px; font-weight: 100; color: #a5a5a5; width: 88%; font-family: 'Helvetica'; } .delimetr { font-size: 15px; letter-spacing: 1.2px; padding-bottom: 10vw; } .indproject { font-size: 14px !important; letter-spacing: 1.5px; background-color: #3a3a3a; width: 80%; margin: 0 auto; border-radius: 50px; padding: 20px; border: 1px #1f1f1f solid; text-decoration: none; } .main-catalog a .art { letter-spacing: 1.2px; font-size: 15px; } .main-catalog{ margin-top:0px; overflow: hidden; } .main-catalog a:nth-child(odd){margin-left: calc(50% - 1px);} .main-catalog a{ margin-top:50px; width: calc(50% + 1px); } .main-catalog a .name { width: 200%; right: -50vw; padding-right: 8vw; } .main-catalog a:nth-child(odd) .name { left: -50vw; padding-left: 8vw; padding-right: inherit; } .main-catalog a .text { font-size: 22px; line-height: 1; letter-spacing: 1.4px; } .main-catalog a img { width: 100%; max-width: inherit; } .p-slide { margin-right: -8vw; overflow: hidden; margin-top: 50px; margin-left: 8vw; } .p-slide .slick-list { margin-right: -30vw; } .p-slide .list { padding-right: 40px; font-size: 11pt; } .circle-logo{ top: 300px; width: 100vw; height: 100vw; left: -30vw; } /* .sliber-nav.first{display:none} */ .sliber-nav.slick-slider.slick-slider a.slick-current:after{transition: 8s;} .sliber-block.mainslider .slide.slick-current img{transition: 8s;transform: scale(1.2);} .sliber-block.mainslider .slide img{transition: .5s;transform: scale(1);} .sliber-block.second .slide{ height: 425px; /*margin-top: 40px;*/ padding:40px; } .sliber-nav.slick-slider { transform: rotate(90deg); right: -8vw; margin-top: -110px !important; } .sliber-nav.slick-slider a span{ transform: rotate(270deg); display: block; margin-right: 56px; } .sliber-nav.slick-slider.slick-slider a.slick-current:before{margin-left:20px; top: 16px;} .sliber-nav.slick-slider.slick-slider a:after{margin-left:20px; top: 16px;} .sliber-block.second .slide img{ transform: inherit; object-position: left top; } .sliber-block.second .slide .text{ right: 20px; top: 45%; transform: translateY(-50%); } .slide-name{ background-color: transparent; right: 10px; left: 60px; padding: 0px; margin-top: -140px; } .sliber-block.second{ padding: 0px 0px; } .slide-name .sliber-nav.second{ display: block; left: 50%; transform: translateX(-50%); margin-top: 15px; } .slide-name .name{margin:0px;display: block;width:auto;} .max-style img{width:100%;} .absolute{position:absolute;bottom: 40px;} .paddingmob{ padding-left: 8vw; padding-right: 8vw; } .paddingmob-left{ padding-left: 8vw; width:100%; } .max-style .name{ margin-top: 8vw; } .max-style p{ font-size: 14px; font-family: 'Helvetica'; letter-spacing: 1.2px; line-height: 1.4; margin-top: 20px; margin-bottom:20px; text-align:left; } .max-style .left-line { border-left: 1px solid #444; margin-top: 25px; padding-left: 20px; padding-bottom: 0px !important; left: 30px; } .show-more { font-family: 'Helvetica'; text-decoration: blink; color: #ffffff; font-size: 15px; letter-spacing: 0.6px; } .feedback .padding-left p.name{ font-family: 'Helvetica'; color: #6f6f6f; margin-bottom: 14px; letter-spacing: 0.4px; font-size: 14px; font-weight: 400; } .feedback .padding-left p{ padding-left: 8vw; font-size: 15px; letter-spacing: 1.1px; font-family: 'Helvetica'; font-weight: 100; width:80%; margin-bottom:20px; } .feedback .form{ padding-left: 16vw; padding-right: 16vw; padding-bottom:20px; } .feedback .form input[type="text"]{ width: 100% !important; margin-left: 0px; margin-bottom: 8px; padding-right: 50px; height: 45px; } .feedback .form input[type="text"] { border: 1px #242424 solid; padding: 10px; font-size: 13px; letter-spacing: 1.1px; font-family: 'Proxima Nova Regular'; } .feedback .form input[type="submit"]{ margin-right: 16vw; } .feedback .form input[type="submit"] { position: absolute; width: 14px; height: 45px; right: 19px; background-color: transparent; border: none; color: #ffffff; font-size: 8pt; cursor: pointer; } .bottom { background-color: #000; padding: 10px 0px; text-align: center; position: relative; z-index: 10; } .bottom a.logo { position: relative; left: inherit; transform: inherit; font-size: 12px; letter-spacing: 1px; font-family: 'Helvetica'; font-weight: 300; } .notdesctop{display:block;} .bottommob { text-align: center; padding: 20px 0px; background-color: #0c0c0c; position: relative; z-index: 5; } .bottommob .soc{ margin-top: 20px; } .bottommob .soc li{ list-style: none; display: inline-block; border: 1px #2b2b2b solid; padding: 15px 15px; border-radius: 50%; margin: 0px 5px; width: 56px; height: 56px; } .bottommob .soc a{ display: block; width: 24px; height: 24px; } .bottommob .soc a img{opacity:0.5;} .bottommob .phone{ color: #6b6b6b; font-size: 14px; margin-bottom: 6px; font-family: 'Helvetica'; letter-spacing: 0.5px; font-weight: 400; } .bottommob .phone a{ text-decoration: blink; padding-left: 10px; font-weight: 300; letter-spacing: 1px; } .bottommob .logo:after{content: "";display: block;width: 188px;height: 1px;background-color: #1a1a1a;margin: 12px auto;} .bottommob .logo{ font-family: 'PFDinDisplayPro Thin'; text-decoration: blink; text-transform: uppercase; font-size: 20pt; margin-bottom: 20px; /*display: block;*/ letter-spacing:2px; } .bottommob .logo img{ /*display: none;*/ margin: 0 auto; } .img50{width:50%} .feedback .padding-left { margin-top: 0px; padding-left: 0px; } .max-style{padding-bottom: 80px;padding-top: 60px;} .max-style .name { text-transform: uppercase; font-family: 'Helvetica'; font-size: 20px; line-height: 1.2; margin-bottom: 15px; letter-spacing: 1.4px; color: #ffffff; } .steelpadding {padding-top:100vw;} .top-menu{ padding: 15px 0px 35px 0px; position: fixed; background-color: #131313; left: 0px; right: 0px; top: 0px; } .top-menu .lang{ float: inherit; display: inline-block; vertical-align: top; margin-top: 10px; transition: .4s; left: 0px; } .top-menu .lang span{ display: inline-block; font-size: 10px; transition: .4s; letter-spacing: 1.6px; } .top-menu .lang span.ru{ margin-bottom: 0px; margin-right: 40px; transition: .4s; } .top-menu .lang span.ru:before{ top: 6px; height: 1px; width: 30px; margin-left: -15px; transition: .4s; } .top-menu .lang span.ru:after{ top: 2px; right: 25px; } .top-menu .lang span.ru.active:after{ top: 2px; right: 50px; transition: .4s; } .open-menu .top-menu{ position: fixed; background-color: #131313; left: 0px; right: 0px; top: 0px; } /* .open-menu .top-menu .lang{ float: inherit; display: inline-block; vertical-align: top; margin-top: 0px; left: 60%; transform: translateX(-40%); } .open-menu .top-menu .lang span{ display: block; font-size: 8pt; letter-spacing: 1.6px; } .open-menu .top-menu .lang span.ru{ margin-bottom: 30px; margin-right: 0px; } .open-menu .top-menu .lang span.ru:before{ content: ""; position: absolute; width: 1px; height: 23px; background-color: #272727; left: 50%; margin-left: -0.5px; top: 16px; } .open-menu .top-menu .lang span.ru:after{ top: 32px; right: 50%; } .open-menu .top-menu .lang span.ru.active:after{ top: 15px; right: 50%; } */ .p-slide .list .num { background-color: transparent; right: 10px; left: 0px; padding: 0px; font-size: 18px; padding-left: 10px; } .max-style .left-line p { font-size: 13px; margin-bottom: 0px; line-height: 1.5; letter-spacing: 1.4px; color: #bbb; width: 80%; } .p-slide .list .name { font-size: 12pt; letter-spacing: 1.2px; margin-left: 0px; } .p-slide .list .text { line-height: 1.4; letter-spacing: 1px; font-family: 'Helvetica'; font-size: 13px; } .notdesctop .catalog-btn{ position: relative; float: right; right: -30px; margin-top: 7px; padding: 0 28px; margin-bottom: 1px; } .open-menu .top-menu .wrap{ padding: 0px; margin: auto 8vw; } .open-menu .notdesctop .phones{/* opacity:0 */} .notdesctop .phones{ margin: 0px -8vw; border-top: 1px #202020 solid; background-color: #000; padding: 4px 8vw; opacity: 1; transition: .3s; border-top: solid 1px #2f2f2f; border-bottom: solid 1px #2f2f2f; display:none; } .notdesctop .phones .phone{ font-size: 0px; width: 50%; float: left; margin: 0px; text-align: right; padding: 10px 0px; } .notdesctop .phones .phone:nth-child(1){ text-align: left; /*border-right: 1px #202020 solid;*/ } .notdesctop .phones .phone a{ font-family: 'Helvetica'; font-size: 14px; letter-spacing: 1.3px; text-decoration: blink; font-weight: 400; color: #d7d7d7; } .logo { width:116px; } .notdesctop.top-menu .logo{ position: absolute; margin: 0px; display: inline-block; vertical-align: top; font-size: 25px; letter-spacing: 1.2px; } label.catalog-btn:before { height: 1px; } label.catalog-btn span:before { height: 1px; } label.catalog-btn span:after { height: 1px; } .description .type { letter-spacing: 1.2px; font-size: 15px; margin-bottom: 6px; color: #817e7e; font-weight: 300; } body{padding-top: 57px;max-width: 100vw;margin-top: 0px;} .fullmenu.left-menu{width:100%;padding: 0px 8vw;z-index: 6;padding-top: 80px;} .closemenu{ border-color: #2F2F2F; padding: 80px 80px; right: -30px; /*top: -30px;*/ top:-24vh; z-index: 5; } .closemenu:hover { right: -22px; top: -22px; } .closemenu:hover+div { right: -22px; top: -22px; } .closemenu:before,.closemenu:after{background-color: #fff;} .closemenuS{ display:none; border-color: rgb(47 47 47 / 50%); padding: 80px; right: -76px; top: -60px; transform: translate(100%); transition: .4s; } .closemenuS:before{ content:""; border: 1px #2b2b2b solid; padding: 80px; transform: translate(100%); transition: .6s; display: block; position: absolute; top: 2px; left: -2px; border-radius: 50%; } .open-menu .closemenuS:before{ transform: translate(0%); } .open-menu .closemenuS{ transform: translate(0%); } .fullmenu .top-menu .lang { float: left; } .open-menu .fullmenu .phones-mobile{border-bottom: 1px #2a2a2a solid;border-top: 1px #2a2a2a solid; margin-bottom: 5vh;} .open-menu label.catalog-btn:before{display:none} .open-menu label.catalog-btn span:before{position:absolute;display:block;left: 15px;width: 24px;height: 1px;content:"";transition:all 0.3s;top: 6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .open-menu label.catalog-btn span:after{position:absolute;display:block;left: 15px;width: 24px;height: 1px;content:"";transition:all 0.3s;top: 6px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .fullmenu .top-menu{border:none;} .fullmenu .menu li::before{display:none;} .fullmenu .menu li a.active{color:#fff;} .fullmenu .menu li{ border-bottom: 1px #161616 solid; /* padding-left: 20px; */ } .fullmenu .menu li:first-child{ /* border-top: 1px #2F2F2F solid; */ } .ph_code {font-size: 12px;color: #858585;font-weight: 400;} .fullmenu .border-left .menu li{border:none;} .fullmenu .border-left .menu { margin-bottom: 2vh; margin-top: 3vh; margin-left: 5vw; display: inline-block; } .fullmenu .border-left:before{display:none;} .fullmenu .menu li a.home-menu{font-size: 4.2vw;font-weight: 400;color: #727272;} .fullmenu .menu li a.active{color: #fff !important; font-weight:300 !important;} .fullmenu .border-left .menu li a { padding: 1.2vh 0px; font-size: 14px; letter-spacing: 1.2px; font-weight: 400; color: #727272; } .fullmenu .s-mneu li a { font-size: 15px; } .open-menu .phones-mobile .phones{border:none;display:block;} .fullmenu .border-left .menu li::before{display:inline-block; content:"\2027";margin-right: 10px;font-size: 8pt;} .fullmenu .border-left .menu li{list-style:none; padding-left: 0px;color: #808080;border-bottom: 1px #161616 solid;} .fullmenu .soc{ margin-top: 4vh; margin-left: 15px; } .fullmenu .soc li{ list-style: none; display: inline-block; border: 1px #1c1c1c solid; padding: 16px 15px; border-radius: 50%; margin: 0px 5px; width: 56px; height: 56px; opacity:0.8px; } .fullmenu .soc a{ display: block; width: 24px; height: 24px; } .fullmenu .down{} .fullmenu .down li{} .fullmenu .down li a{} .fullmenu .down li span{display: inline-block;vertical-align: middle;margin-left: 10px;} .fullmenu .down li b{ color: #2F2F2F; padding-top: 3px; display: block; font-weight:400; } label.catalog-btn:before { left: calc(8vw + 8px); top: 0px; } .fullmenu .down li img{ border: 1px #4e4e4e solid; padding: 13px 15px; border-radius: 50%; vertical-align: middle; } .individual{} .individual .mobile-bg{ padding: 70vw 8vw 0 8vw; } .ind_slide { width: 100%; margin: 0 auto !important; padding: 0 40px; } .individual .max-style .black-bg:before{display:none} .individual .delimetr { margin-top: -80px; background-color: transparent; padding-bottom: 40px; } .individual .show-more{ padding: 30px 0px 5px 0px; display: inline-block; margin-top: 28px; color: #6f6f6f; } .margin-left_ind { margin-left: 30px; margin-top: 40px; } .safe-about { padding-bottom:20px; padding-top:45px; } .center-text-block { padding-bottom: 0px; } .max-style .ind-mob-bg{ background-image: url(../images/sloi_5.png); background-size: contain; background-repeat: no-repeat; background-position: right bottom; padding: 0vw 8vw; left: 40px; } .safe-about .col-50{ width: calc(50% + 1px); margin-bottom: 8vw; } .safe-about .item-block .name .text{font-size: 15pt;letter-spacing: 1.4px;} .safe-about .item-block .name{ right: calc(-100% + 16vw); width: calc(100% + 100% - 16vw); } .safe-about .item-block:nth-child(odd) .name{ left: calc(-100% + 16vw); } .safe-about .item-block img{ width: 100%; } .center-text-block{ padding-left: 20px; padding-right: 20px; } .ind-black-bg{ padding: 0px 40px; background-color: #131313; } .max-style.no-bg .text-bg:before{ display:none; } .no-padding-mob{ padding-left: 0px !important; padding-bottom: 0px !important; } .mob-black-bg{background-color: #131313 !important;} .max-style.no-bg{padding-bottom:8vw;} .left-line .feedback input[type="text"],.left-line .feedback input[type="text"]+input[type="text"]{ width: calc(100% - 68px) !important; color: #fff; background-color: transparent; margin-bottom: 10px; border: 1px #242424 solid; padding: 10px; font-size: 13px; letter-spacing: 1.1px; font-family: 'Proxima Nova Regular'; height:45px; } .left-line .feedback input[type="submit"]{right: 0px;width: 175px;height: 48px;font-size:8pt;} .mob-margin{margin-top:100px !important;} .brand .brand-bg{ padding: 8vw; background-size: cover; background-position: center left; } .brand .brand-bg img, .brand .wr-bg img{ margin-left: 0px; } .brand .wr-bg{ padding: 8vw; background-size: cover; background-position: center left; } .brand .max-style .name{font-family: 'PFDinDisplayPro Thin';} .brand .max-style .name span{display:block;font-family: 'Helvetica';} .brand .max-style{ padding:0px; } .brand .max-style .left-line { margin-top: 0px; padding: 0px; border: none; padding-left: 8vw; margin-bottom: 0px; } /*.padding-left{padding-left:8vw;}*/ .brand .max-style .show-more { padding: 10px 20px; display: inline-block; border-left: 1px #343434 solid; margin-top: 10px; padding-bottom: 10px; color: #6f6f6f; letter-spacing: 1.2px; margin-bottom: 20px; } .brand .sliber-block.second { /*padding: 60px 0px;*/ } .brand .slide-name { margin-top: -160px; } .wrap.feedback { background-color: #0c0c0c; margin: 0px; padding-top: 8vw; } .brand-about-mob{padding-bottom: 20px;} .brand-about-mob p.big{padding-bottom:3vw} .open-Luxanora .name{ font-size: 22pt; position: relative; padding: 0px 8vw; } .wrap.open-Luxanora{ margin: 0px; background-color: #131313; padding: 0px; } .open-Luxanora .leftimg{} .open-Luxanora .centerimg{} .open-Luxanora .rightimg{} .no-padding{padding:0px;} .slider-3 { background-color: transparent; } .center-text-block p:after{width: 20vw;} .wr-about { padding-left: 8vw; padding-bottom: 60px; } .wr-about .padding-left{ padding-left: 0px; } .wr-about .name{ font-size: 14pt; color: #fff; text-transform: uppercase; font-family: 'PFDinDisplayPro Thin'; } .wr-about p.big{ font-size: 13px; letter-spacing: 1.4px; color: #e3e3e3; font-family: 'Helvetica'; text-align: left; font-weight: 300; } .top-menu.inner .phone { display: block; } .open-menu .top-menu .logo{ left: 50% !important; transform: translateX(-50%) !important; } .top-menu.inner .logo { left: 50%; transform: translateX(-50%); width: inherit; text-align: inherit; font-size: 25px; position: absolute; margin: 0px; display: inline-block; vertical-align: top; } .catalog { height: calc(100vh - 105px); margin-top: 0px; z-index: 3; padding-top: 5vh; } .catalog .left { height: auto; background-color: #0c0c0c; width: 100%; margin-top: 0px; padding-top: 0px; position: fixed; bottom: 0px; z-index: 2; } .catalog .right { width: 100%; height: auto; float: inherit; padding-bottom: 60px; padding-top: 10vw; } .catalog .left .type { padding: 0px 8vw; text-align: center; position: relative; top: 0px; display: none } .catalog .left .type a:first-child { text-align:left; font-size: 14px; font-family: 'PFDinDisplayPro Thin'; letter-spacing: 1.4px; } .catalog .left .type a:last-child { text-align:center; } .catalog .left .type a { display: inline-block; margin: 20px 0px; transition: .3s; width: 24%; font-size: 14px; letter-spacing: 1.4px; } .catalog .left .type a:first-child:before{display:none;} .catalog .left .type a:after{display:none;} .item { padding: 20vw 8vw; height: auto !important; width: 100%; } .item .img { left:8vw; width: 84vw; height: 84vw; top: 0; transform: translateY(0%); } .item .right-block .text{display:none;} .item .right-block span{ margin: 0 auto; font-size: 15px; font-family: 'Helvetica'; letter-spacing: 1.4px; padding: 10px 0; font-weight: 100; } .item .right-block { float: inherit; bottom: 0px; position: relative; right: inherit; width: 100%; opacity: 0; transition: .5s; margin-top: 4vh; text-align: center; } .item[aria-hidden="true"] .img { right: 0px; left: inherit; width: 40vw; height: 40vw; top: 16vw; transform: inherit; } .item[aria-hidden="true"] { opacity: 1; right: -8vw; top: 10vh; } .slick-current+.item[aria-hidden="true"] .img { left: 0px; } .slick-current+.item[aria-hidden="true"] { opacity: 1; left: -8vw; right: inherit; top:10vh; } .item.slick-current .img { width: 74vw; height: 74vw; left: 13vw; top: 30vw; transform: inherit; } .item[aria-hidden="true"] .left-block{opacity:0} .item .left-block{opacity:1;width: 100%;padding: 0px;margin-top: -15vw!important;} .list-cat .slick-prev { width: 40px; border-bottom: 1px #515151 solid; top: 1vh; right: inherit; left: 8vw; } .list-cat .slick-next { width: 120px; border-bottom: 1px #515151 solid; top: 1vh; left: inherit; right: 8vw; } .item .left-block .material, .item .left-block .color, .item .left-block .size{font-size:3vw} .item .left-block .size{margin-top:300px} .item .left-block .name { font-size: 24px; padding-bottom: 80px; line-height: 1; letter-spacing: 1.4px; } .item .seyf-size-img img { width: 40px; } .item .left-block .type{ font-family: 'PFDinDisplayPro Thin'; font-family: 'PFDinDisplayPro Thin'; font-size: 12px; letter-spacing: 1.2px; } .item .seyf-size-img { margin-top: 10vh; display: none; } .item .seyf-size-img img.active { opacity: 0.8; } .item .seyf-size-img img { width: 48px; margin-right: 10px; opacity: 0.3; } .product .images:before, .item .img:before { bottom: 18%; } .item .seyf-color { margin-top: 5vh; display: block; } .item .seyf-color label { width: 26px; height: 26px; padding: 3px; } .product .images { height: auto; width: 100%; float: inherit; padding-left: 0px; text-align: center; position: relative; top: 0px; padding-bottom: 0px; padding-top: 0px; order:1; transform: translateX(0); transition: 0s !important; } .product .images img:first-child { margin-left: 0px; margin: 0px; width: 100%; height: 100%; } .product .images.active{transition:inherit;} .product .images img { margin-left: 0px; margin: 0px; width: 100%; height: 100%; left: inherit; transform: inherit; } .product .images img:first-child { margin-left: inherit; } .product .description { height: 100%; width: 100vw; background-color: #fff; transition: .5s; position: relative; z-index: 1; top: -5px; left: 0px; color: #000; /* overflow: scroll; */ order:2; } .description .h1:after { content: ""; display: block; background-color: #302e36; width: 70%; height: 1px; margin: 0 auto; margin-top:3px; } .description .seyf-size-img,.description .seyf-color,.description .sftpe { /* margin-bottom: 20px;*/ text-align:center; justify-content: space-evenly; } .description .seyf-size-img .active + .size-round .round span{background-color:#fff} .description .seyf-size-img .active + .size-round .round{border-color:#fff} .product .seyf-style.active .round span{background-color:#fff} .product .seyf-style.active .round {border-color:#fff} .product .seyf-type.active .round span{background-color:#fff} .product .seyf-type.active .round { border-color: #c9c9c9 } .product .seyf-style { padding: 10px; } .product.active .description { height: auto; padding-bottom: 0px; } .product { height: auto; display: flex; flex-flow: wrap; margin-top: 0px; } .description .closemenu,.description .closemenuS,.description .scroll{display:none} .product .description .scroll-block { height: auto; padding: 8vw; overflow: inherit; margin: 0px; padding-bottom: 0px; /* margin-top: -6vw; */ padding-top: 0vw; background-color: #131313; color: #fff; } .configurator-slide{ background-color: #fff; margin: 0px -8vw; padding:0px 8vw; } .description h1 { font-size: 16pt; margin-top:30px; letter-spacing:1px; margin-bottom:20px; } .description .harakteristiks { margin-bottom: 10px; font-size: 16px; font-family: 'Helvetica'; background: transparent; padding: 7px 10px 7px 0px; color: #8d8d8d; } .border-left-mobile{ /*border-left: 1px #2a2a2a solid;*/} .description .harakteristiks p { margin-bottom: 16px !important; letter-spacing: 1px; line-height: 0.6; font-family: 'Helvetica'; font-size: 3.8vw; font-weight: 300; } .description .delimitr:before{display:none;} .description .delimitr{ margin: 0px -8vw; padding: 10px 8vw; font-family: 'Helvetica'; font-size: 16px; letter-spacing: 2px; background-color: transparent; margin-top: 20px; text-align:left; } .description .seyf-color a { padding:2px; width: 28px; height: 28px; } .description .seyf-color a.active, .item .seyf-color label.active { border: 1px #505050 solid; } .description .seyf-color a.active:after { letter-spacing: 1px; color: #a1a1a1; text-align: left; vertical-align: super; font-size: 13px; font-weight: 300; } .description .h1 { font-family: 'Helvetica'; font-size: 15px; text-transform: unset; font-weight: 300; padding-bottom: 15px; padding-top: 20px; background: none; text-align: center; letter-spacing: 1px; color: #6a6a6a;; } .description ul { font-family: 'Helvetica'; font-size: 12px; } .description ul li { list-style: none; margin-bottom: 3px; padding-left: 12px; padding-bottom: 2px; letter-spacing: 1px; font-weight: 300; font-size: 14px; line-height: 1.3; color: #c9c9c9; } .description ul li:before { content: "•"; /*display: block; background-color: #3f3d46;*/ height: 10%; width: 1px; } .description .seyf-size-img img { cursor: pointer; width: 78px; filter: brightness(4.3); } .product .seyf-type div { font-size: 8pt; color: #252525; } .product .seyf-style { width: 50%; float: right; filter: brightness(1.6); } .safetype br { display: block; } .product .seyf-style.active { filter: brightness(3.3); width: 50%; float: left; } .description .seyf-size-img img.active { filter: brightness(3) !important; } .description .seyf-size-img img { filter: brightness(1.1) !important; vertical-align: middle; } .active .safetype {color:#252525} .safetype { font-size: 14px; font-family: 'Helvetica'; padding-bottom: 6px; letter-spacing: 0.1vw; text-align: center; } .addopthdr { font-size: 14px; font-family: 'Helvetica'; letter-spacing: 1.2px; font-weight: 300; line-height: 1.4; color: #858585; } .dop-opt ul li .num { border-left: 1px #464646 solid; padding-left: 10px; padding-top: 10px; font-size: 15px; margin-bottom: 10px; color: #959595; font-family: 'Helvetica'; font-weight: 300; letter-spacing: 0.2px; } .product .seyf-type .fntszsfetype { font-size: 0.8em; text-align: center; font-family: 'Helvetica'; font-weight: 400; color: #1a191e; letter-spacing: 0; } .product .seyf-type.active div { color: #3c3c3c; font-size: 0.8em; letter-spacing: 0px; text-align: center; font-family: 'Helvetica'; font-weight: 400; letter-spacing:0; padding-top:5px; } .product .seyf-type img { max-width: 100%; } .product .seyf-type.active img { filter: brightness(1); max-width: 100%; } .product .seyf-type { filter: brightness(3.3); } .top-menu.inner { border-bottom: none !important; } .safetypebox { font-size: 12px; font-family: 'Helvetica'; padding-bottom: 0; font-weight: 300; color: #bfbfbf; letter-spacing: 0.4px; text-align: center; padding-top:5px; } .dscrpt { font-family: 'Helvetica'; margin-bottom: 20px; line-height: 1.6; font-size: 14px; font-weight: 300; color: #ababab; letter-spacing: 0.6px; } .dop-opt ul li .name{ text-transform: uppercase; font-family: 'Helvetica'; color: #fff; font-weight: 300; } .addopthdrcnfg { text-transform: uppercase; letter-spacing: 0.9px; font-weight: 600; font-size: 14px; padding-bottom: 8px; } .addopthdrtxt { font-family: 'Helvetica'; letter-spacing: 1px; line-height: 1.5; font-size: 14px; padding-bottom: 20px; } .bottommob .soc li:before{display:none;} .product-black{ margin: -1px -8vw; padding: 1px 8vw; padding-bottom: 4vw; background-color: #1a1a1a; color: #fff; margin-top: 8vw; } .product-black .delimitr{ background-color: #1a1a1a; } /* html { overflow: hidden; width: 100%; } */ /* body { height: calc(100%); position: fixed; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; width: 100%; } */ .main-bg-img{ background-image: url(../images/max_style.png); background-size: 100%; } .wrap.feedback { margin-top: inherit; } .mob-margin-bottom{padding-bottom:8vw;} .center-text-block p { margin-bottom: 20px; font-size: 14px; letter-spacing: 1.4px; color: #eee; font-weight:100; line-height:1.5; } .about p { line-height: 1.5; letter-spacing: 1.4px; font-family: 'Helvetica'; font-size: 14px; color: #b1b1b1; text-align: left; margin-top: 20px; } .max-style .smallname { font-size: 18px; } .margin-left { margin-left:8vw; } .item.slick-current .img .l img { height: 95%; position: relative; z-index: 1; top: 54%; transform: translateY(-50%); transition: .5s; } .item .img .m img { height: 100%; top: 12%; margin-left: 14.5vw; position: relative; } .seyf-color a:after { font-size: 14px; } .slick-prev:before { content: "〈" !important; font-size: 14px !important; line-height: 2.1 !important; color: #6a6a6a; margin-right: 8px; } .slick-next:before { content: "〉" !important; font-size: 14px !important; line-height: 2.1 !important; color: #6a6a6a; margin-left: 8px; } .sftpe .slick-prev{ background-color: #2d2b34; width: 30px; height: 30px; position: absolute; top: 50%; left: -15px; z-index: 2; transform: translateY(-50%); } .sftpe .slick-next{ background-color: #2d2b34; width: 30px; height: 30px; position: absolute; top: 50%; right: -15px; z-index: 2; transform: translateY(-50%); } .configurator-slide .sftpe { /* top: calc(50% - 47px); transform: translateY(-50%); */ } .configurator-slide.isGun .sftpe { /* top: calc(50% - 90px); transform: translateY(-50%); */ } .configurator-slide.isGun .seyf-color{ margin-top: 0px; display: block; vertical-align: top; text-align: center; } .configurator-slide.isGun .seyf-type { width: 20%; display: inline-block; vertical-align: top; margin-right: 1%; cursor: pointer; margin-bottom: 2vw; filter: brightness(4.3); text-align: center; /* margin-top: 75vw; */ } .box-type { margin: 0px .5%; } .description .sftpe ul.slick-dots{ display: block !important; width: 100vw; margin-left: 17vw; padding: 0px; } .description .sftpe ul.slick-dots li{ background-color: #2e2e2e; width: 55% !important; border-radius: inherit; height: 1px !important; padding: 0; margin: 0; left: 50%; transform: translateX(-50%); opacity: 0; position: absolute; } .description .sftpe ul.slick-dots li.slick-active{ opacity: 1; } .description .sftpe ul.slick-dots li.slick-active button::before{ display:none; } .description .sftpe ul.slick-dots li.slick-active button{ width: 100%; } .description .sftpe ul.slick-dots li button{ background-color: #fff; width: 0%; height: 1px; display: block !important; transition: 5s; } .notdesctop .sftpe .box-type.slick-current + .box-type{ transform: scale(1);} .notdesctop .sftpe .box-type{transform: scale(0.85);transition:.5s;} .notdesctop .sftpe { margin: 0px -30vw; padding: 20px 20px; /*border-left: 1px #1f1e23 solid; border-right: 1px #1f1e23 solid;*/ /* border-bottom: 1px solid #2e2e2e; */ margin-bottom: 40px; } .configurator-slide .slick-prev{ background-color: #2d2b34; width: 30px; height: 30px; position: absolute; top: 40%; left: 6px; z-index: 2; } .configurator-slide .slick-next{ background-color: #2d2b34; width: 30px; height: 30px; position: absolute; top: 40%; right: 6px; z-index: 2; } .description ul.slick-dots:before { content: ""; display: block; width: 100%; height: 1px; /* background-color: #dedede; */ top: 50%; left: 50%; transform: translate(-50%); position: absolute; z-index: 0; } .description ul.slick-dots{bottom: 0px;display: none !important;} .description ul.slick-dots li{margin: 0px 10px; background-color: #fff;} .description ul.slick-dots li:before{display:none} .description ul.slick-dots li button{} .description ul.slick-dots li button:before{} .description ul.slick-dots li.slick-active button{} .description ul.slick-dots li.slick-active button:before{color: #616161;} .description ul.slick-dots li.slick-active{} .list-cat .slick-prev:before { transform: rotate(0deg); left: -15px; } .catalog-mobile{margin: 6vw;} .catalog-mobile .types-block-mobile{ position: fixed; top: 45px; left: 0; right: 0; z-index: 4; padding: 18px 8vw; background-color: #131313; padding-top:26px; } .catalog-mobile .types-block-mobile .type{ display: flex;justify-content: center;} .catalog-mobile .types-block-mobile .type a{ width: 25%; background-color: #242424; text-align: center; text-decoration: blink; text-transform: uppercase; padding: 8px 3px; color: #b1b1b1; font-size: 12px; font-family: 'Helvetica'; letter-spacing: 1.2px; margin: 1px; border-radius: 3px; font-weight: 300; } .catalog-mobile .types-block-mobile .type a.active{background-color: #000;color: #fff;font-weight: 400;} .catalog-mobile .catalog-block-mobile{padding-top: 57px;} .catalog-mobile .catalog-block-mobile .product-mobile{margin-bottom: 40px;} .catalog-mobile .catalog-block-mobile .product-mobile .name{ font-family: 'Helvetica'; font-size: 24px; white-space: nowrap; padding-bottom: 0.8vw; line-height: 12px; letter-spacing: 0.8px; position: absolute; z-index: 4; font-weight: 300; } .catalog-mobile .catalog-block-mobile .product-mobile .name span{ text-transform: uppercase; font-family: 'Helvetica'; font-size: 15px; letter-spacing: 0.2vw; display: block; text-align: left; margin-bottom: 10px; font-weight: 400; color: #a1a1a1; } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-border { /*width: 84vw;*/ height: 84vw; padding: 1px; border-radius: 50%; background: linear-gradient(0deg, rgb(52 52 52) 0%, #131313); } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round{ width: 100%; text-align: center; height: 100%; border: 1px #131313 solid; border-radius: 50%; background: linear-gradient(0deg, rgb(19 19 19) 0%, rgb(19 19 19) 25%, rgb(7 7 7) 28%, #070707); transition: width .5s, height .5s; position: relative; overflow: hidden; } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round:before { content: ""; position: absolute; width: calc(100% + 90px); height: 47px; background-image: url(../images/shadow.png); display: block; background-size: contain; background-repeat: no-repeat; background-position: center; bottom: 20%; left: -45px; z-index: 2; } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a{ left: 0px; right: 0px; position: absolute; z-index: 3; top: 0px; bottom: 0px; transition: .3s; opacity: 0; z-index:1; } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.active{opacity: 1;z-index:2;} .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.xxl img{ position: relative; left: -1.0vw; height: 94%; top: 54%; transform: translateY(-50%); } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.xl img{ position: relative; left: -0.75vw; height: 98%; top: 53%; transform: translateY(-50%); } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.xs img{ position: relative; left: 2.25vw; height: 86%; top: 60%; transform: translateY(-50%); } .p124 {padding-left: 0px;} .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.l img{ position: relative; left: 2.25vw; height: 98%; top: 54%; transform: translateY(-50%); } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.m img{ position: relative; left: 2.5vw; height: 100%; top: 53%; transform: translateY(-50%); } .catalog-mobile .catalog-block-mobile .product-mobile .mobile-round a.s img{ position: relative; left: 2.3vw; height: 85%; top: 65%; transform: translateY(-50%); } .catalog-mobile .catalog-block-mobile .product-mobile .colors-mobile{} .catalog-mobile .catalog-block-mobile .product-mobile .colors-mobile .name-color:after{ content:""; display:block; background-color:#282828; width: 60%; height: 1px; margin:0 auto; } .catalog-mobile .catalog-block-mobile .product-mobile .colors-mobile .name-color{ font-family: 'Helvetica'; font-size: 15px; white-space: nowrap; padding-bottom: 0.8vw; letter-spacing: 1px; text-align: center; font-weight: 300; margin-top: 4vw; color: #c1c1c1; } .catalog-mobile .catalog-block-mobile .product-mobile .colors-mobile .seyf-color-mobile{text-align:center;} .seyf-color-mobile label:after{ width: 0px; overflow: hidden; display: inline-block; transition: .3s; padding-left: 10px; font-size: 14px; vertical-align: text-bottom; font-family: 'Helvetica'; font-weight: 300; color: #a9a9a9; letter-spacing: 0.8px; } .catalog-mobile .catalog-block-mobile .product-mobile .colors-mobile .seyf-color-mobile a.active, .item .seyf-color label.active { border: 1px #505050 solid; } span.show-prod { margin: 30px auto 60px auto; font-size: 14px; font-family: 'Helvetica'; letter-spacing: 1.2px; padding: 10px 0; font-weight: 300; background-color: #1a1a1a; border-radius: 30px; display: block; width: 280px; text-align: center; border: 1px #222222 solid; } /*span.show-prod::after { content: "►"; font-size: 5pt; color: rgb(255, 255, 255); padding-left: 15px; top: -2.2pt; position: relative; }*/ .catalog-mobile .catalog-block-mobile .product-mobile:last-child{margin-bottom:0px;} .seyf-color-mobile label.active {border-color: #5a5a5a;} .seyf-color-mobile label{ display: inline-block; width: 26px; height: 26px; margin-right: 2px; padding: 3px; border: 1px transparent solid; border-radius: 50%; vertical-align: top; white-space: nowrap; transition: .3s; } .seyf-color-mobile label span{ display: inline-block; width: 100%; height: 100%; border-radius: 50%; vertical-align: top; } .types-block-mobile.fixed{ position: fixed; bottom: 0px; z-index: 3; left: 0px; right: 0px; margin-bottom: 0px; transition: .3s; } .catalog-mobile .types-block-mobile.bottom-types.fixed{ transform: translateY(0%); } .catalog-mobile .types-block-mobile.bottom-types{ bottom: 0px; transform: translateY(100%); position: fixed; left: 0px; right: 0px; transition: .3s; margin-bottom: 0px; } .catalog-mobile .types-block-mobile.bottom-types .type a{padding: 10px 0px;} .configurator-slide:before{ content: ""; background-color: #2a292e; height: 51%; width: 1px; display: block; position: absolute; top: 62px; margin-left: -9px; display:none; } .configurator-slide:after{ content: ""; background-color: #2a292e; height: 51%; width: 1px; display: block; position: absolute; top: 62px; margin-right: 20px; right: 0px; display:none; } .description .seyf-size-img .img-desc .size-round .name { font-family: 'Helvetica'; font-weight: 300; font-size: 14px; color: #1b1b1b; margin-left: 3px; } .description .seyf-size-img .img-desc .size-round .name:active { color: #999999; } .round { display: block; width: 15px; height: 15px; border: 1px #575757 solid; padding: 2px; border-radius: 50%; margin: 0 auto; margin-bottom: 3px; } .round:active { border: 1px #999999 solid; margin-bottom:1px; } .new-main-catalog .name { text-align: center; } .new-main-catalog .nodesktop { text-align: center; } .new-main-catalog { background-color: #131313; } .new-main-catalog .p-block .col-50{ width: 100%; } .new-main-catalog .img { width: 80vw; height: 80vw; margin-bottom: 20vw; } .new-main-catalog .p-block .t-a { z-index: 2; } .new-main-catalog .name::before { display:none; } .new-main-catalog .name { font-size: 6vw; color: #ffffff; font-weight: 300; line-height: 6.2vw; letter-spacing: 2px; } .new-main-catalog .nodesktop::before { display: none; } .new-main-catalog .nodesktop { font-size: 6vw; color: #ffffff; font-weight: 300; line-height: 6.2vw; letter-spacing: 2px; } .new-main-catalog .p-block:nth-child(even) .name { padding-left: 0vw; } .new-main-catalog .name span { font-size: 3.8vw; font-family: 'Proxima Nova Regular'; letter-spacing: 1.3px; font-weight: 400; color: #898989; margin-bottom: 0; } .new-main-catalog .nodesktop span { font-size: 3.8vw; font-family: 'Proxima Nova Regular'; letter-spacing: 1.3px; font-weight: 400; color: #898989; margin-bottom: 0; } .new-main-catalog .p-block:nth-child(even) .img { } .shift_to_top .col-50 {margin-top:5vw;} .new-main-catalog .text { width: 87vw; transform: translateX(-50%); margin: 0; font-size: 12px; margin-top: -6vw; font-family: 'Helvetica'; line-height: 16px; color: #bbbbbb; font-weight: 300; } .new-main-catalog .p-block:nth-child(even) .text { transform: inherit; margin-left: 6vw; margin-top:-5vw; } .new-main-catalog .overflow.l img{ height: 92%; position: relative; top: 52%; transform: translateY(-50%); transition: .5s; margin-left: 1.5vw; } .new-main-catalog .overflow.m img{ height: 91%; top: 7%; margin-left: 5.3vw; position: relative; } .new-main-catalog .overflow.s img{ height: 91%; top: 7%; margin-left: 8.3vw; position: relative; } .new-main-catalog .overflow.xs img{ height: 91%; position: relative; top: 53%; transform: translateY(-50%); transition: .5s; margin-left: 11vw; } .new-main-catalog .overflow.xl img{ height: 94%; position: relative; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: -1.3vw; } .new-main-catalog .overflow.xxl img{ height: 70%; position: relative; top: 54%; transform: translateY(-50%); transition: .5s; margin-left: -2vw; } #your_idea { color: #fff; text-align: center; margin-left: 0; line-height: 25px; border-top: solid 1px #383838; padding-top: 20px; } #idea_uppercase { text-transform:uppercase; } } @media (max-width: 360px) { .item .seyf-color { margin-top: 130px; display: inline-block; right:-20px; } .item .seyf-color label { width: 18px; height: 18px; padding: 0px; } .item .seyf-size-img img { width: 40px; margin-right: 8px; } .item .right-block { margin-top: 16px; } .item .right-block span { font-size: 14px; padding: 8px 0; width:190px; font-family: 'PFDINDISPLAYPRO THIN'; } .fullmenu .menu li a { padding: 2.5vh 0; } .fullmenu.left-menu { /*top: 6vh;*/ } .notdesctop .phones .phone a { font-size: 12px; } .ph_code { font-size: 10px; color: #858585; font-weight: 400; } .open-menu .fullmenu .phones-mobile { border-bottom: 1px #2a2a2a solid; border-top: 1px #2a2a2a solid; margin-bottom: 20px; } .fullmenu .soc { margin-top: 4vh; } .fullmenu .s-mneu { padding-top: 1vh; } .margin-left { margin-left:8vw; } .seyf-color a:after { display: none; } .seyf-color{ /*float: right;*/ } .safetype { font-size: 12px; } .configurator-slide.isGun .sftpe { top: calc(50% - 95px); } .configurator-slide.isGun .slick-slide { height: 394px; } .description .seyf-color a { padding: 2px; width: 24px; height: 24px; } .description .seyf-color a.active.black { margin-right: 100px; } .description .seyf-size-img .img-desc { margin-right: 0%; } .fullmenu .menu li a.home-menu{font-size: 12px;} .fullmenu .border-left .menu li a {font-size: 12px;} .slick-dots li button:before } .seyf-color .products.active { margin-right: 120px; } .seyf-color .products:after { content: attr(data-color); } .btn-default { color: #fff; background-color: #000; border-color: #ccc!important; border-radius:30px!important; } .btn-default:hover { color: #fff; background-color: #808080; border-color: #ccc !important; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 10px 16px; font-size: 16px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button { text-transform: none; } .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 10000; /* Ensure it sits on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity for background */ } .modal-content { background-color: #fefefe; margin: auto; /* Center horizontally */ padding: 20px; border: 1px solid #888; width: 60vw; /* Adjusted width */ max-width: 1200px; /* Max width to prevent overflow */ position: relative; /* Position relative to parent */ height: auto; /* Adjust height to content */ max-height: 80vh; /* Maximum height for the modal */ overflow-y: auto; /* Scroll if content exceeds max height */ top: 50%; /* Center vertically */ transform: translateY(-50%); /* Adjust for perfect centering */ } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .drawer-option { display: inline-block; width: 24%; text-align: center; margin-bottom: 20px; } .containerd { display: flex; align-items: flex-start; /* Align div1 to the top */ } .div1d { width: 50%; padding: 10px; position: -webkit-sticky; /* For Safari */ position: sticky; top: 0; /* Stay at the top when scrolling */ box-sizing: border-box; padding-right: 5%; } .div2d { width: 50%; box-sizing: border-box; /* Ensure padding and borders don't affect the width */ overflow-y: auto; /* Allow scrolling for div2 */ } .border-0 { border: none !important; } .slick-next, .slick-prev{ font-size:16px!important; } @media (max-width: 768px) { /* Adjust as per your breakpoints */ .col-50 { flex-direction: column; } /* Ensure the text section appears first */ .order-0 { order: 2; /* Push the image section down */ } .order-1 { order: 1; /* Pull the text section up */ } } .form-control { border: 1px #242424 solid; padding: 1.2vw; width: 100%; margin-left: 0vw; color: #fff; background-color: transparent; font-size: 0.9vw; letter-spacing: 0.05vw; font-family: 'Helvetica'; font-weight: 300; } .btnsubmit { width: 200px; background-color: #fff; color: #000; padding: 20px 0px; margin-top: 20px; } .row { --bs-gutter-x: 1.25rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1* var(--bs-gutter-y)); margin-right: calc(-.5* var(--bs-gutter-x)); margin-left: calc(-.5* var(--bs-gutter-x)); } .col-md-6 { flex: 0 0 auto; width: 50%; } .videoabout { width :75%; margin-left:19% } .links2 { text-decoration: blink; margin-right: 1vw; font-size: 0.8vw; font-family: 'Helvetica'; letter-spacing: 0.05vw; color: #a4a4a4; text-transform: uppercase; } .whatsapp-fixed { position: fixed; bottom: 20px; left: 20px; z-index: 9999; }