a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html, body{scrollbar-width:none;}body{min-height:100vh;flex-direction:column;align-items:stretch;background:#fff;font-family:Ubu-L, Helvetica, Arial, sans-serif;}
body,header,nav,nav > *,section,aside,footer,.foote,.foot,.gorod,.forma,.feedbak{display:-webkit-flex;display:flex;transition:all 0.5s;}::-webkit-scrollbar {display: none;}:root{font-size:calc(.6vw + .6vh);}
/*---preloader---*/
.preLoad{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;display:-webkit-flex;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;transition:all 0.5s;opacity:1;}
.preLoad img{width:auto;}.preLoad-remove {opacity:0; z-index:-10;}

section{width:100%;}.fixed{position:fixed;}.formain{cursor:pointer;}.w100{width:100%;}.tac{text-align:center;}.tal{text-align:left!important;}
main{width:100%;}main section aside{width:50%;height:auto;justify-content:center;align-items:center;background-color:#9abebe;}main section aside h2{position:absolute;}
/*---txt---*/
h1,h2,h3,h4,h5,h6{font-family:Ubu-M;color:#015f9f;margin:0 0 20px 0;}h1{font-size:28px;max-width:600px;text-align:center;margin:0 20px 20px 20px;}h2{font-size:28px;}h3{font-size:22px;}h4,h5,h6{font-size:18px;}
main p{margin:0 0 1rem 0;line-height:1.5rem;}main li{margin:0 0 10px 50px;list-style:disc;}b, strong{font-family:Ubu-M;}main a{color:#11aee7;}main a:hover{color:#86ccf1;}
/*---button---*/
button{border:none;}.btn{padding:13px!Important;color:#fff;background:#015f9f;border-radius:20px 5px 20px 5px;text-shadow:none;cursor:pointer;font-size:16px;font-family: Ubu-M;border:none!Important;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;-webkit-transition: .3s all ease;}
.btn:hover{color:#015f9f;background:#fff;border-radius:10px;text-shadow:none;}
/*---header---*/
.header01{height:8vh;width:100%;position:fixed;z-index:4;align-items:center;justify-content:center;padding:1vh 0;background-repeat-y:no-repeat;background-color:#ccc;}
.headpod{position:fixed;height:8px;width:100%;top:10vh;background:url(/webp/assets/img/header-bg1.png.webp?v=10) bottom left;z-index:2;}
/*---main-menu---*/
.logo{height:10vh;}#toggler{position:fixed;z-index:5;width:100%;display:none;color:#fff;font-size:12px;font-weight:bold;height:50px;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.togg{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:30px;}
.iksen {width:30px;transition:.3s all ease;-webkit-transition:.3s all ease;}.iksen div:first-child{-webkit-transform:translateX(0) translateY(8px) rotate(45deg);transform:translateX(0) translateY(8px) rotate(45deg);}.iksen div:nth-child(even){opacity:0;}.iksen div:last-child{-webkit-transform: translateX(0) translateY(-8px) rotate(-45deg);  transform: translateX(0) translateY(-8px) rotate(-45deg);}
.togg div {width: 100%;height: 4px;background:#015f9f;border-radius:5px;margin:2px 0;transition:.3s all ease;-webkit-transition:.3s all ease;}
nav{flex:1 1 auto;max-width:1200px;color:#fff;font-family:Ubu-M;font-size:20px;user-select:none;align-items:center;justify-content:space-between;}
nav > *{flex-direction:column;justify-content:center;position:relative;}
nav a{color:#015f9f;text-decoration:none;transition:.3s all ease;-webkit-transition:.3s all ease;}
nav span, nav a:hover{color:#fff;text-shadow: 0 -1px 0 rgba(128,128,128,0.5), 0 -1px 0 rgba(128,128,128,0.5);}
nav.flexx{display:flex;flex-direction:column;height:100vh;transition: .3s all;background:#ccccce;}
.nav-eml{padding:10px;text-decoration:underline;}
.dropdwn{display:none;position:absolute;z-index:5;top:40px;background:#015f9f;font-size:18px;padding:20px;}
.nav-nav > div:nth-child(3){border-bottom:1px dashed #c3d0d6;}
.dropdwn div,.dropdwn span{margin:10px;padding:10px}

/*---sec00---*/
.slider00{margin-top:10vh;height:90vh;width:100%;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/webp/assets/img/bg-bl-00.jpg.webp?v=10) bottom center no-repeat;background-size:cover;z-index:0;}
.logo-w{width:80%;max-width:400px;height:200px;margin:0 0 0 0;background:url(/assets/img/logo.svg?v=10) center no-repeat;background-size:cover;}
/*---arrow---*/
.arro-w{width:100px;height:100px;background:url(/assets/img/arrow.svg?v=10) center center no-repeat;background-size:contain;cursor:pointer;
animation: down 1.5s infinite;-webkit-animation: down 1.5s infinite;-webkit-tap-highlight-color:transparent;}
@keyframes down {0%{transform:translate(0);}20%{transform:translateY(15px);}40%{transform:translate(0);}}
@-webkit-keyframes down {0%{transform:translate(0);}20%{transform:translateY(15px);}40%{transform:translate(0);}}
/*---sec01---*/
.section00{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13vh 0;background:#f3f3f5;}
.header02 {width:100%;max-width:1308px;display:-webkit-flex;display:flex;flex-direction:row;align-items:flex-start;justify-content:start;flex-wrap:wrap;}
.section00 p{font-size:12px;line-height:20px;margin:0 15px;text-align:center;font-weight:regular;}
.header02 p{text-align:left!important;margin:10px 20px!important;font-size:17px!Important;line-height:25px!Important;}.header02 h2, .header02 h5{display:block;margin:40px 20px 20px 20px;}
.header02 h5{border:1px solid gray;border-radius:15px;padding:5px 8px 5px 10px;}
/*---intro01---*/
.logoRusBlock{width:100%;display:-webkit-flex;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 0 5vh 0;}
.logoRus{width:90%;max-width:500px;}
/*---lvlBl---*/
.levelBlocks, .brandsBlock{width:100%;max-width:1308px;display:-webkit-flex;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;}.levelBlocks p{font-weight:bold;}
.levelBlock{width:33.3333%;height:460px;box-sizing:border-box;padding:20px;position:relative;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.brandsBlock{margin-top:20px;}
.levelBlock:nth-child(2){width: 66.6666%;}
.levelBlock em, .forma02 em{position: absolute;top: 34px;left: 34px;padding: 3px 10px;font-size: 12px;line-height: 22px;border-radius: 4px;background: #015f9f;color: #fff;font-weight:bold;}
.levelPic02 em{left: auto;right: 34px;background: #9abebe;}.forma02 em{left: auto;right: 14px;top: 14px;background: #9abebe;}
.levelPic01,.levelPic02,.levelPic03,.levelPic04,.levelPic05{width:100%;height:360px;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff;}
.levelPic01{background-image:url(/webp/assets/img/lv-01.jpg.webp?v=10);}
.levelPic02{background-image:url(/webp/assets/img/lv-02.jpg.webp?v=10);box-sizing:border-box;height:410px;}
.levelPic03{background-image:url(/webp/assets/img/lv-03.jpg.webp?v=10);background-position:left center;}
.levelPic04{background-image:url(/webp/assets/img/lv-04.jpg.webp?v=10);}
.levelPic05{background-image:url(/webp/assets/img/lv-05.jpg.webp?v=12);background-position:center;}
.levelTxt02{width:100%;height:395px;color:#000;display:-webkit-flex;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.levelTxt02 p{margin-top:10px!Important;}
/*---aside---*/
.aside02{flex-direction:column;width:100%;max-width:1308px;}.aside02 a{text-decoration:none;}
.aside03{flex-direction:row;width:100%;max-width:1308px;margin:0;}
.aside02 h3{margin:30px 0;font-size:24px;}
.aside02 p{margin:30px 0;font-size:18px;color:#000;text-align:left;font-weight:400;}
.aside03 p{margin:30px 50px;font-size:18px;color:#000;text-align:left;font-weight:400;}

.contSec{flex-direction:column;}
/*---form01---*/
.forma02{position:relative;background:#ccc;border-radius:8px;margin:20px;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:space-between;}
.forma02Bl01{margin:50px 50px;width:55%;box-sizing:border-box;}
.forma02Bl02{position:absolute;left:60%;right:0;top:0;bottom:0;background:url(/webp/assets/img/bg-flow.png.webp?v=10) center no-repeat;background-size:80%;}
.forma03{width:80%;position:relative;background:#fff;border-radius:8px;margin:20px;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:space-between;}

.blanksBlock{width:20%;display:-webkit-flex;display:flex;align-items:center;justify-content:space-around;}
.blanksBlock img{width:35%;height:auto;margin:0;border-radius:8px;}

.forma{flex-direction:column;align-items:center;width:80%;padding:50px 10% 0 10%;background:#fff;}
.forma label{font-size:14px;}
.feedbak{flex:1 1 auto;flex-direction:column;width:100%;max-width:1000px;}
.feedbak label{margin:10px 0 5px 0;}
.feedbak input,.feedbak textarea{padding:10px;border:1px #889a92 solid;border-radius: 20px 5px 20px 5px;
-webkit-box-shadow: 0 0 2px 0 rgb(18 84 116 / 30%) inset;-moz-box-shadow: 0 0 2px 0 rgba(18, 84, 116, 0.3) inset;box-shadow: 0 0 2px 0 rgb(18 84 116 / 30%) inset;}
.feedbak .btn {cursor:pointer;margin:20px;font-size:16px;}
.sogla{font-size:13px;}
#surname, #surname-01{display: block;width: 2px;height: 3px; margin-bottom: -3px; opacity: 0.01; padding: 0;}

footer{width:100%;height:auto;padding:50px 0;margin:50px 0 0 0;background:#f3f3f5;align-items:center;justify-content:center;color:#999;}
footer p{font-size:14px;line-height:20px;text-align:center;}
.foote{flex:1 1 auto;max-width:1200px;flex-direction:column;align-items:center;justify-content:space-around;}
.foot{flex: 0 0 auto;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(1);transition:.3s all ease;-webkit-transition:.3s all ease;}
.foot:hover{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);-webkit-filter: grayscale(0);}
.foot:first-child,.foot:last-child{flex: 1 1 50%;align-items:center;flex-direction:column;}
.logo-f{height:75px;margin:10px 0;}.logo-rustek{height:49px;margin:20px 0;}

/*---popUp---*/
.popUpBlock{position:fixed;width:100%;height:100%;z-index:10000;background:rgba(0, 0, 0, 0.5);display:none;}.popUpBody{width:100%;height:100%;display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.popUpWnd{margin:30px;}.topPnl{display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;border-radius:4px 4px 0 0;background:#eee;}.pnlTub{margin:5px 5px 5px 15px;}
.closeBtn{width:28px;height:28px;cursor:pointer;background:#015f9f;display:-webkit-flex;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;margin:5px;}
.closeBtn div:first-child{position:absolute;width:18px;height:4px;background:#fff;transform:rotate(45deg);}.closeBtn div:last-child{position:absolute;width:18px;height:4px;background:#fff;transform:rotate(-45deg);}
.midPnl{background:#fff;padding:30px;text-align:center;}.midPnl p{margin:0 0 20px 0;font-size:18px;}.botPnl{background:#eee;border-radius:0 0 4px 4px;padding:4px;}
/*---callBack---*/
.callBack .feedbak{max-width:350px;} .callBack .sogla{font-size:10px;}.callBack .feedbak label{font-size:14px;}

@media screen and (max-width: 1200px) {
.levelBlock{height:auto;}.levelBlock p{margin:20px;}.levelPic02{height:444px;}.levelTxt02{height:444px;}
}
@media screen and (max-width: 1160px) {
   nav{font-size:18px;}
}
@media screen and (max-width: 1080px) {
   nav{font-size:16px;}
}
@media screen and (max-width: 1020px) {
    nav{font-size:16px;}
    .header01{height:auto;padding:25px 0;}.headpod{display:none;}nav{display:none;height:0;}.dropdwn{position:relative;top:10px;}nav{margin:20px 0 0 0;}
    .slider00{margin-top:0vh;height:100vh;}
    .logo{height:80px;padding-left:10px;margin-left:10px;}#toggler{display:flex;align-items:center;justify-content:center;}
    main section aside{width: 100%;}
    main section aside h2{position:relative;}
    .levelBlock{width:100%!important;padding:0 20px;}
    .levelBlock:nth-child(2){width:100%!important;height:650px;padding:0 20px;}
    .levelBlock em{top:14px;}.levelBlock p{margin:5px 20px 20px 20px;}
    .levelBlock02{height:430px!Important;}.levelPic02{height:400px;padding:0;background-size:contain;}
    .levelTxt02{height:100%;}.levelPic01, .levelPic03, .levelPic04, .levelPic05{height:320px;}
    .aside03{flex-direction:column;}.forma03{width:auto;}.blanksBlock{width:auto;justify-content:space-between;margin:0 20px;}.blanksBlock img{width:48%;}
}
@media screen and (max-width: 800px) {
    .forma02{flex-direction:column;align-items:center;justify-content:center;}.forma02Bl01{width:80%;}.forma02Bl02{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:80%;height:300px;background-size: contain;margin:0 0 50px 0;}
    .foot:first-child{order:10;}.logo-f{height:80px;}.conta,.foote{flex-direction:column;margin:10px 0;}.foot{margin:10px 0;}footer p{font-size:12px;}.logo-rustek{height:42px;}
    .levelTxt02 p:nth-child(1){margin:5px 50px 20px 20px;}
}
@media screen and (max-width: 571px) {
    .header02 h5 {margin:0 20px 20px 20px;}.forma02Bl02{height:200px;}
}
@media screen and (max-width: 400px) {
    .productCard,.productInf{flex-direction:column;text-align:center;margin:0 0 20px 0;}.productPic{margin:20px 0;}
}