html{height:100%}
body{background:#f9f9f9;font-family: "Rotis";width:100%;padding: 0;margin: 0;font-size:0px;color:#4a4a4a}
h1,h2{margin: 0}
a{color:#aaaaaa;text-decoration:none}
a:hover{color:#4a4a4a !important;}
.wa-hseu-preorder a,.wa-hseu-preorder-left a{color:#000}
.wa-hseu-preorder a, .wa-hseu-preorder-left a, .wa-hseu-lines, .wa-hseu-close, .wa-hseu-lines-roll, .wa-hseu-nav-preorder{cursor: pointer;}
@font-face{font-family:Rotis;src:url('RotisSemiSansW1G-Regular.otf');}
@font-face{font-family:Rotis;font-style:normal;src:url('RotisSemiSansW1G-Regular.eot');src:url('RotisSemiSansW1G-Regular.eot?#iefix')format("embedded-opentype"),
url('RotisSemiSansW1G-Regular.woff')format("woff"),
url('RotisSemiSansW1G-Regular.ttf')format("truetype"),
url('RotisSemiSansW1G-Regular.svg#fonts')format("svg");}

.wa-hseu-presentation video{background-image: url('https://hs-portal.ru/img0.jpg');display: block;width: 80%;margin-right:auto;margin-top: 70px}

.wa-hseu-lang{margin-top: 40px}
.wa-hseu-lang a{width: 28px;height: 17px;background-size: contain;margin-right: 5px;display: inline-block;opacity: 0.7;filter: sepia(0.4)}
.wa-hseu-lang a:hover{opacity: 1;filter: sepia(0)}
.wa-hseu-en{background-image: url('uk.png')}
.wa-hseu-ru{background-image: url('rus.png')}
.wa-hseu-de{background-image: url('ger.png')}


.wa-hseu-side{width: 300px;font-size:18px;height:100%;display:inline-block}
.wa-hseu-main{width: calc(100% - 400px);font-size:18px;padding: 40px;padding-right: 60px;display: inline-block;vertical-align: top}
.wa-hseu-menu{width: 200px;position: fixed;margin-left: 60px;z-index: 6;font-size:17px}
.wa-hseu-menu ul{padding: 0;margin:0}
.wa-hseu-menu ul li{margin-bottom: 14px;list-style:none;font-size: 17px;letter-spacing: 1px}
.wa-hseu-menu img{width: 100%;margin-bottom: 90px;margin-top: 20px;opacity: 0.7}
.wa-hseu-clearboth{clear:both}
.wa-hseu-close{background-image: url('icon_close.png');width:23px;height:23px}
.wa-hseu-navigation{font-size: 17px;width: 280px;margin-left: auto;margin-right: auto;text-align: center;margin-top: 50px}
.wa-hseu-navigation ul{padding: 0px}
.wa-hseu-navigation ul li{margin-bottom: 8px;list-style: none}
.wa-hseu-nav-preorder{border: 1px solid #979797;font-family: Helvetica;text-transform: uppercase;font-size: 16px;line-height: 50px;margin-top: 40px}


.wa-hseu-txtpart{display: block;margin-top: -12px}
.wa-hseu-space1{height: 20px}
.wa-hseu-space2{height: 40px}
.wa-hseu-sign{position: fixed;text-align: center;font-size: 26px;width: 100%;z-index: 5;letter-spacing: 1px;background: #f9f9f9;line-height: 110px}
.wa-hseu-preorder{font-family: Helvetica;transition:0.2s;position: fixed;text-align: left;font-size: 17px;text-transform:uppercase;z-index: 5;letter-spacing: 1px;width: 80px;right: 48px;top: 18px}
.wa-hseu-arrow{transition:0.2s;display: block;background-position: -10px 0;background-repeat: no-repeat;background-image: url('right_arrow.png');height: 20px;width: 74px}
.wa-hseu-preorder:hover .wa-hseu-arrow{ background-position: 0 0;transition:0.2s}

.wa-hseu-preorder-left{font-family: Helvetica;transition:0.2s;position: relative;text-align: left;font-size: 17px;text-transform:uppercase;z-index: 5;letter-spacing: 1px;width: 80px}
.wa-hseu-arrow-left{transition:0.2s;display: block;background-position: 10px 0;background-repeat: no-repeat;background-image: url('left_arrow.png');height: 20px;width: 74px}
.wa-hseu-preorder-left:hover .wa-hseu-arrow-left{ background-position: 0 0;transition:0.2s}
.wa-hseu-preorder-left a {text-align: right; width: 74px;display: block}

.wa-hseu-description-left, .wa-hseu-description-right{font-size: 17px;display: inline-block}
.wa-hseu-description-wide {font-size: 17px}
.wa-hseu-description{font-size:0px; margin-top:50px;}
.wa-hseu-description-left{width: 57%;line-height: 24px}
.wa-hseu-description-right{width: 35%;margin-left: 8%;vertical-align: top}
.wa-hseu-description-right img{width:100%}
.wa-hseu-button{width: 260px;margin-top: 60px;margin-right: auto;font-size:15px;margin-left: auto;text-align: center;line-height: 40px;border: 1px solid #4A4A4A;text-transform: uppercase}

.wa-hseu-shortdoor{margin-top: 62px;width:60% !important}

.wa-hseu-title{font-size: 28px;margin-bottom: 24px}

.wa-hseu-table{font-size:0px;border: 1px solid #f9f9f9;margin-top: 5px;color:#000}
.wa-hseu-cell2,.wa-hseu-cell3{border: 1px solid #f9f9f9;display:inline-block;vertical-align:top;font-size:17px}
.wa-hseu-table b{font-weight:100; color:#979797}
.wa-hseu-cell1{width:100%;font-size: 23px;margin-top: 12px;margin-bottom: 12px}
.wa-hseu-cell1 b{color: #000}
.wa-hseu-cell2 {width: calc(40% - 12px);padding-left:0px}
.wa-hseu-cell3 {width: calc(60% - 22px)}


.wa-hseu-name,.wa-hseu-color{display: inline-block;vertical-align: top;padding: 10px;padding-left: 0px;font-size:17px;width:calc(50% - 22px);border: 1px solid #f9f9f9}
.ral9010m{background:#f2efe8}
.ral9010g{background:#f2efe8}
.ral9001g{background:#eae2d7}
.ral1013g{background:#e4ddcb}
.ral8017m{background:#534542}
.ral7016m{background:#4c4f54}
.ral7001m{background:#949ba3}
.wa-hseu-presentation{padding-top: 120px;margin-top: -120px;}
.wa-hseu-description ul {padding:0px}
.wa-hseu-description ul li{list-style:none;margin-bottom:10px}

.wa-hseu-contacts{font-size:0px}
.wa-hseu-contacts-left,.wa-hseu-contacts-right{display:inline-block;font-size:20px}
.wa-hseu-contacts-left{width: 36%}
.wa-hseu-contacts-right{width: 60%;margin-left:4%;vertical-align:top}
.wa-hseu-contacts-left ul {padding-left:20px}
.wa-hseu-contacts-left ul li{list-style:demical}

.wa-hseu-contacts-wide{font-size:18px}
.wa-hseu-contacts-wide strong{font-size: 28px;font-weight:100}

.wa-hseu-contacts-wide span{padding-left: 30px;background-size: contain;background-repeat: no-repeat;margin-top: 5px;margin-bottom: 5px;display: block}
.wa-hseu-adress {background-image: url('marker.png')}
.wa-hseu-email {background-image: url('mail.png')}
.wa-hseu-phone {background-image: url('phone.png')}
.wa-hseu-person {background-image: url('person.png')}

.wa-hseu-contacts{margin-top:60px;}
.wa-hseu-contacts-block1,.wa-hseu-contacts-block3 {font-size:0px}
.wa-hseu-contacts-block1 input, .wa-hseu-contacts-block3 input{line-height: 30px;background: #f9f9f9;font-family: "Rotis";width: calc(49% - 14px);margin: 1%;padding: 6px;font-size: 17px;border: 1px solid #ACACAC;margin-left: 0px;display:inline-block;vertical-align:top}
.wa-hseu-contacts-block2 input{line-height: 30px;background: #f9f9f9;font-family: "Rotis";width: calc(99% - 14px);padding: 6px;font-size: 17px;border: 1px solid #ACACAC;margin: 1%;margin-left: 0px}
.wa-hseu-contacts textarea{line-height: 30px;background: #f9f9f9;width: calc(99% - 14px);padding: 6px;font-size: 17px;border: 1px solid #ACACAC;margin: 1%;margin-left: 0px;font-family: "Rotis"}
.wa-hseu-contacts button{width: 260px;margin-right: auto;margin-left: auto;text-align: center;line-height: 40px;
border: 1px solid #4A4A4A;text-transform: uppercase;font-size: 15px;font-family: "Rotis";display:inline-block}
.wa-hseu-check{display: inline-block;vertical-align: top;margin-top: 15px}
.wa-hseu-contacts p{display: inline-block;font-size: 17px;vertical-align: top;margin-top: 10px;width: 60%}

.wa-hseu-code{border: 1px dashed;margin-top: 30px;background: #eaeaea;padding: 10px}
.wa-hseu-footer {border-top: 1px solid #CFCFCF;width: 100%;margin-top: 30px; padding-top: 20px;}
.wa-hseu-codeinput{line-height: 30px;background: #f9f9f9;font-family: "Rotis";
width: calc(64% - 14px);margin: 1%;padding: 6px;font-size: 17px;border: 1px solid #ACACAC;margin-left: 0px;margin-top: 0px;display: inline-block;vertical-align: top}
.wa-hseu-code p{font-size: 17.5px}

.wa-hseu-roll{z-index: 10;background: inherit;position: relative;padding: 35px 60px 60px 60px;}
.wa-hseu-roll-logo{width: 200px;margin-top: -40px;float: right}
.wa-hseu-roll-logo img{width:100%}

.wa-hseu-sign-roll{text-align: center;font-size: 26px;margin-top: -35px}


.wa-hseu-lowres{display:none}


@media screen and (max-width: 1550px) {
.wa-hseu-shortdoor{width:70% !important}
}

@media screen and (max-width: 1400px) {
.wa-hseu-contacts p{width: 48%}
.wa-hseu-shortdoor{width:78% !important}
}

@media screen and (max-width: 1350px) {
.wa-hseu-shortdoor{width:82% !important}
}

@media screen and (max-width: 1300px) {
.wa-hseu-lowres{display:block}
.wa-hseu-highres{display:none}
.wa-hseu-shortdoor{width:88% !important}
}



@media screen and (max-width: 1260px) {
.wa-hseu-main {padding-right: 45px;width: calc(100% - 385px)}
.wa-hseu-roll {padding: 45px}
.wa-hseu-menu {margin-left:45px}	
.wa-hseu-preorder {right: 31px;top: 35px;}
.wa-hseu-preorder,.wa-hseu-preorder-left {font-size:16px}
.wa-hseu-description {padding-top:100px}
.wa-hseu-space2{height:0px}
.wa-hseu-description-right{margin-top:40px}
.wa-hseu-shortdoor{margin-top: 26px}
.wa-hseu-shortdoor{width:100% !important}
}
.wa-hseu-lines, .wa-hseu-lines-roll{display:none}
@media screen and (max-width: 1050px) {
.wa-hseu-presentation video {margin-top:90px}
.wa-hseu-sign{background-image: url('hsportal.png');background-size: 160px;background-repeat: no-repeat;background-position: center;font-size: 0px}
.wa-hseu-sign-roll{background-image: url('hsportal.png');background-size: 160px;background-repeat: no-repeat;background-position: center;font-size: 0px;height: 80px}
.wa-hseu-roll-logo{display:none}
.wa-hseu-preorder-left {right: 40px;top: 35px;position: absolute}
.wa-hseu-menu, .wa-hseu-side {display:none}
.wa-hseu-main {width: calc(100% - 90px);padding: 45px}
.wa-hseu-lines{display: block;background-image: url('icon_menu.png');width: 24px;height: 17px;position: fixed;z-index: 10;margin-left: 45px;margin-top: 45px}
.wa-hseu-lines-roll{display: block;background-image: url('icon_menu.png');width: 24px;height: 17px;position: absolute;z-index: 10;margin-top: 40px}
.wa-hseu-preorder,.wa-hseu-preorder-left {font-size:14px}
.wa-hseu-description {padding-top:80px}
.wa-hseu-presentation video {width:100%}
.wa-hseu-contacts-left {width: 100%;margin-bottom: 30px}
.wa-hseu-contacts p{width: calc(100% - 30px)}
.wa-hseu-contacts-right{width: 100%;margin-left: 0%; padding-bottom: 50px}
.wa-hseu-input-100{width: calc(99% - 14px) !important}
.wa-hseu-contacts button {width: 99%}

}

@media screen and (max-width: 720px) {
.wa-hseu-description-right{width: 80%;margin: auto;padding-top: 40px;display: block}
.wa-hseu-description-left {width: 100%;margin: auto}
.wa-hseu-shortdoor{margin-top: 0px}
}

@media screen and (max-width: 680px) {
.wa-hseu-main {width: calc(100% - 40px);padding: 20px}
.wa-hseu-preorder {right: 6px;top: 25px}
.wa-hseu-roll{padding: 20px}
.wa-hseu-sign-roll {margin-top: -5px}
.wa-hseu-lines-roll {margin-top:34px}
.wa-hseu-preorder-left {right: 15px;top: 38px}
.wa-hseu-lines {margin-left:20px}
}







/*overflow*/
.overflow{position: fixed;width: 100%;height: 100%;background: #f9f9f9;overflow-y: auto;top: 0;left: 0;display: none}
.overflow.mobile-menu{z-index: 15}
.noy-overflow{overflow-y: hidden;}
/*overflow*/