@font-face{font-family:'DINAlt';src:url('../fonts/DINAlt.woff2') format('woff2')}@font-face{font-family:'HelRoman';src:url('../fonts/HelRoman.woff2') format('woff2')}@font-face{font-family:'HelMd';src:url('../fonts/HelMd.woff2') format('woff2')}html,body{font-family:"DINAlt",sans-serif;font-size:1rem;font-weight:400;margin:0;background-color:#fff;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}ul,li,h1,h2,h3,p,table,th,td,tr,fieldset,button,input,select,textarea{padding:0;margin:0;border:0}table,th,td,tr{border-spacing:0}ul{list-style:none}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}ul,li,h1,h2,h3,img,a,div,select,input,header,footer{display:block}a{text-decoration:none;color:#000}button,input,select,textarea{font-family:"DINAlt",sans-serif;letter-spacing:1px;outline:0;font-size:1rem}img{width:100%}p{font-family:"HelRoman",sans-serif}main{margin-top:50px}.clearfix:after{content:"";clear:both;display:block}.container{width:100%;padding:0 1vw;max-width:1600px;margin-left:auto;margin-right:auto}.select{outline:1px solid #bdbdbd;position:relative;transition:background-color .3s}.select:hover{background-color:#e5e5e5}.select select{opacity:0;width:100%;height:100%;cursor:pointer;text-transform:uppercase;line-height:20px;padding-left:15px;z-index:99;position:relative}.select:after{content:url(../images/svg/arrow-down.svg);display:block;position:absolute;right:15px;top:50%;transform:translate(0,-50%)}.select-value{position:absolute;top:50%;left:20px;transform:translate(0,-50%);z-index:1;letter-spacing:1px;text-transform:uppercase}.breadcrumb{padding:2.5vw 1vw;font-family:"HelMd",sans-serif;font-size:.5rem;letter-spacing:2px;font-weight:500;line-height:14px;text-transform:uppercase;background-color:#fff}.breadcrumb a{display:inline-block;color:gray}.breadcrumb a:after{content:' /';display:inline-block;color:gray;margin:0 .3vw}.breadcrumb span{display:inline-block;color:#000}input[type="radio"]:checked,input[type="radio"]{display:none}input[type="radio"]+label,input[type="radio"]:checked+label{position:relative;padding-left:15px;cursor:pointer;line-height:20px;display:inline-block;color:gray;font-size:.8125rem}input[type="radio"]+label:before,input[type="radio"]:checked+label:before{content:'';position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:100%;background:#efefef}input[type="radio"]+label:before{border:1px solid #b3b3b3}input[type="radio"]:checked+label:before{border:1px solid #000}input[type="radio"]:checked+label:after,input[type="radio"]+label:after{content:'';width:6px;height:6px;background:#000;position:absolute;top:6px;left:2px;border:1px solid #000;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}input[type="radio"]+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}input[type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.item-list{border-left:1px solid #dedede;border-top:1px solid #dedede}.product-block{min-height:3.75vw;padding:20px;background:#fff;transition:border .2s}.product-block:hover{border:1px solid #f47521}.product-block .img-on{position:absolute;top:0;bottom:0;display:none !important}.product-block:hover .img-on{display:block !important}.product-inner{position:relative}.product-block .intro{width:100%;position:absolute;bottom:0}.product-block .title{float:left}.product-block .title p{font-size:.8125rem;color:gray}.product-block .title h3{font-weight:normal;font-size:1.25rem;text-transform:uppercase}.product-block:hover .title h3{color:#f47521}.inst-icon{float:left;height:100%;margin-right:10px;margin-top:7px;max-height:33px;max-width:33px}.project-product{position:absolute;width:30px;height:30px}.project-product:hover{width:20vw;height:20vw;padding:35px;max-width:330px;max-height:330px;min-width:230px;min-height:230px;transform:translate(-100%,-100%)}.project-product.bottom-right{transform:translate(-100%,-100%)}.project-product.bottom-left{transform:translate(0,-100%)}.project-product.top-right{transform:translate(-100%,0)}.project-product.top-left{transform:translate(0,0)}.project-product.bottom-right .block-mark{bottom:0;right:0}.project-product.bottom-left .block-mark{bottom:0;left:0}.project-product.top-right .block-mark{top:0;right:0}.project-product.top-left .block-mark{top:0;left:0}.project-product .product-block{padding:.75vw;display:none}.block-mark{height:30px;width:30px;position:absolute}.project-block{float:left;border:1px solid #dedede;border-left:1px solid transparent;background-color:#fff}.project-block:hover{border:1px solid #f47521}.project-block .intro{padding:0 1.5vw 15px}.project-block .intro h4{font-family:"HelMd";font-size:9px;font-weight:500;letter-spacing:2px;line-height:10px;position:relative;top:auto;left:auto;text-transform:uppercase}.project-block .intro h3{font-size:24px;line-height:29px;position:relative;padding:23px 0 3px 0;font-weight:normal}.project-block .intro p{font-family:"HelRoman",sans-serif;font-size:13px;line-height:15px;color:gray;position:relative}table{margin:50px 0;width:100%;font-family:"HelMd",sans-serif;font-size:13px;vertical-align:middle}th{font-weight:500;width:30%;text-align:left;border-top:1px solid #dedede;height:50px}td{font-family:"HelRoman",sans-serif;font-weight:normal;width:70%;border-top:1px solid #dedede}.intro-nav{position:absolute;right:0;top:30%;transform:translate(0,-50%)}.intro-nav li{display:block;width:50px;border:1px solid #dedede;height:50px;float:right;padding-top:14px;padding-right:14px;border-top:1px solid transparent;clear:both}.intro-nav li img{width:auto}.intro-nav li:first-child{border-top:1px solid #dedede}.intro-nav .share-link,.intro-nav .share-link a{display:inline-block}.intro-nav .share:hover{width:200px;background-color:#f47521}.intro-nav .print:hover{width:120px;background-color:#f47521}.intro-nav .info:hover{width:160px;background-color:#f47521}.intro-nav .share-link img{height:18px;padding:0 10px}.intro-nav li span{display:none;float:left;color:#000;font-size:15px;letter-spacing:1px;margin-left:14px}.intro-nav li span:hover{color:#fff}.intro-nav li img{float:right}.intro-nav li:hover span{display:inline-block}@media only screen and (min-width:900px){main{margin-top:80px}.container{padding:0 2.5vw}.breadcrumb{padding:1.5vw 1vw}}@media only screen and (min-width:1200px){main{margin-top:130px}.breadcrumb{padding:1.5vw 2.5vw}}