@import url('reset.css');
@import url('qs.css');
@import url('owl.carousel.min.css?ddd');
@import url('slider.css?rnd=2');

@import url('jcarousel.css');
@import url('jalgoritm.css');


html,body {min-height: 100vh;background-color:#efefef;}
.fancybox-container * {position:none;}
.wrapper  {max-width:1400px; margin:0 auto 0; padding:0px; overflow:hidden; background-color:#f2f2f2;}
.ltgray {background-color:#efefef !important;}
.header{position:fixed; top:0; z-index:99;height:120px;transition-duration: 1.0s;background-color:#efefef}
.header .wrapper,.header .body {height:120px;background-color:white;}
.header   { margin:0 auto 0;  width:100%;z-index:100;overflow:hidden;background-color:white;}
.header .tstinfo {margin:0 auto 0;  width:100px; height:20px;position:fixed;z-index:99999;overflow:hidden;}

.header #menuopener {width:30px; height:30px;float:right;margin-right:20px;margin-top:0px;display:none;}
.header #menuopener  img {cursor:pointer;width:100%;}
.shadow {
    box-shadow:0 10px 10px rgba(0,0,0,0.3); 
    background: rgba(255,255,255,1.0);
    margin-top:-30px; 
    transition-duration: 1.0s;
    }


.logo {position:absolute;  left:100px; top: 27px;margin:0;transition-duration: 1.0s;}
.logo img{float:left; margin:0px;height:57px;width:auto;}
.header.shadow .logo {top: 47px;transition-duration: 1.0s;}

.topmenu {position:absolute;  left:350px; top: 83px; height:29px;width:auto;}
.topmenu a{margin:0px 14px;display:inline-block; font: normal 15px Golos;color:#222A49;text-shadow: 0 0 5px #fff;}
.topmenu a:hover{text-decoration:underline;}

.topmenu-right {position:absolute;  right:80px; top: 46px; height:18px;transition-duration: 1.0s;}
.topmenu-right img {height:22px;}
.topmenu-right img:first {height:18px;}
.topmenu-right a {float:left;color:#3F98F7;margin-right:20px;}

.topmenu-right .mobiopener {height:29px;float:right;margin-top:27px;}
.header.shadow .topmenu-right {top: 56px;transition-duration: 1.0s;}

.topmenu_h {
    display:none;
    position:fixed;
    z-index:99;
    overflow:hidden;
    max-width:1400px; 
    margin:0 auto 0; 
    padding-bottom:100px; 
    width:100%;top:91px;
    background-color:white;
}

.ttop      {display:none;padding-bottom:50px;top:-100px;background-color:white;}
.ttop1     {padding-left:610px;}
.ttop2     {padding-left:700px;}
.ttop3     {padding-left:790px;}
.ttop a {display:block;}
.ttop a:hover {color:#3F98F7;}
/*-------------------------------------------------------------------*/

.mobimenu {display:none;position:fixed;top:0;z-index:99999;background-color:white;width:100%;box-shadow:0 10px 10px rgba(0,0,0,0.5);}
.mobimenu .logo{float:none;margin:30px 40px;overflow:hidden;}
.mobimenu .logo img {height:45px;margin:0;float:left;}
.mobimenu .menu {width:auto;margin:20px;}
.mobimenu .menu * {text-align:left;font-size:22px;display:block;}
.mobimenu .menu2 * {font-size:14px;}
.mobimenu .menu2 .big {font-size:17px;}
.mobimenu a:link,.mobimenu a:active,.mobimenu a:visited {color:#0044F1;padding-bottom:5px;}

.clo {height:30px;overflow:hidden;margin:25px 50px 0 0;}
.clo img {height:30px;cursor:pointer;float:right;}
.menu {margin:20px 10px 0;width:220px;}
.menu a * {margin:5px 0;font: 14.98px Golos;}
.menu2 a *{font: 12.76px Golos;}
.big {color:#3F98F7;font: 14.98px Golos;}
/*-------------------------------------------------------------------*/
.body    {overflow:hidden;padding:0 0 350px;}
.body-inner{padding: 130px 100px;}
.body-inner-small{padding:0px 278px;}
.slider-wrapper{height:627px;overflow:hidden;background-color:#d9d9d9;}
.slider-wrapper-inner{width:100%;height:450px;overflow:hidden;background-color:#d9d9d9;}
/*-------------------------------------------------------------------*/
.block1 {overflow:hidden;padding-left:100px;background-color:white;}
.block1 a{display:inline-block; width:185px; margin:50px 50px;overflow:hidden;border:0;}
.block1 a img{width:185px;height:150px; border:0;}
.block1 a div{width:185px;text-align:center;font-size:36px;font-family:Bebas;text-transform:uppercase;}
.block1 a:hover div{width:185px;text-decoration:underline;}

.block2 {   
    height:300px; 
    background-image:url(/img/b2.png);
}


.block2 .box{
    width:496px;height:177px;
    position:absolute;top:50px;
    left:458px;
    text-align:center;padding:30px; 
    }
.block2 .box b {font-weight:bold;}
.block2 .box a{
    width:170px;
    margin:20px 150px; 
    font-size:12px;
    font-weight:bold;
    }
    
.block3{height:530px;background-color:white;}
.block3  div.bebas{padding:30px;text-align:center;width:100%;clear:both;}

.block4{height:363px;background-image:url(/img/b4.png);}
.block4 .b4img1{width:440px;position:absolute; top:80px;left:340px}
.block4 .b4img2{width:596px;position:absolute; top:31px;left:0;border-radius:0 20px 20px 0;}
.block4  div{position:absolute; top:100px;left:720px;font-size:36px;}
.block4  a{position:absolute;   top:250px;left:720px;}

.block5 {height:490px;}
.block5  div.bebas{margin:40px 0 10px;text-align:center;width:100%;clear:both;}

.block6 {height:690px;}
.block6  div.bebas{margin:140px 0 30px;text-align:center;width:100%;clear:both;}

.topinclud p{text-align:center;}
/*-------------------------------------------------------------------*/
.footer-wrapper {max-width:1400px; height:100%;margin:0 auto 0; }
.footer {position:absolute;bottom:0;width:100%;height:300px; background-color:#222A49;overflow:hidden;}
.footer * {color:white;font-size:14px;}
.footer a:link,.footer a:active,.footer a:visited {color:white}
.footer h3,.footer .h3 {font-size:15px;margin:30px 0 10px;}
.footer .col{float:left;width:24%;height:160px; padding:0 0 0px 80px;}
.footer .col1 a{display:block;margin:15px 0;padding:5px 0;clear:both;}
.footer .col2 {width:25%;}
.footer .col2 img {float:left;height:40px;margin-right:20px;} 
.footer .col2 .h3 {width:100%;text-align:center;}
.footer .col3 {width:40%;padding-left:40px}
.footer .col3 img {height:140px;margin:90px }
.footer .col2-1 {padding-left:60px;}
.footer .col2-2 {}


.footer .copy {position:absolute;bottom:10px;left:81px;font-size:11px;max-width:75%;}
.footer .counter {position:absolute;bottom:10px;right:95px; max-width:25%;}
.footer .counter img {height:1px;opacity:0.5;}
/*-------------------------------------------------------------------*/
.search_a {float:left;width:40px;}
.searchform{
    margin:200px calc(50% - 300px);
    width:600px;
    padding:200px 75px;
    background-color:#8B8F9E;
    border-radius:20px;
    }
.searchform input{width:100%;background:white url(/img/h/search.svg) 99% 7px no-repeat;border-radius:20px;font-size:25px;}
/*-------------------------------------------------------------------*/
.beginform{
    margin:10vh calc(50% - 400px);
    width:800px;
    max-width:100%;
    padding:40px;
    background-color:#f2f2f2;
    border-radius:20px;
    overflow:hidden;
    font-size:24px;
    }
.beginform form{margin:0;padding:0}
.beginform .item{float:left;width:33%;padding:10px 20px 40px 0;}  

.beginform .item1{padding-bottom:0px;}
.beginform .h {color:#B4ACE2;margin:20px 0 10px;}
.beginform h3 {font-size:36px;text-transform:uppercase;}
.beginform input[type=text]{width:100%;background-color:white;}
.beginform input[type=checkbox]{margin:10px;;}
.beginform .cost{width:160px;height:160px;float:right;margin:10px;background:url(/img/circle.svg);background-size: cover; text-align:center;}
.beginform .cost h3{margin:45px 0 0;padding:0;}
.beginform .conf{color:#B4ACE2;}
.beginform .err{text-align:center;margin:10px 0;}
/*-------------------------------------------------------------------*/
.baner      {overflow:hidden;margin:0px -100px -100px -100px;height:500px;}
.baner-left {position:absolute;left:-100px;bottom:-70px;}
.baner-right{position:absolute;right:-100px;top:-50px;}
.baner-main {position:absolute;left:100px;top:150px;}
.baner a.baner-text {display:block;position:absolute;top:220px; left:150px;width:1100px;color:white; text-transform:uppercase; font-size:24px; font-weight:bold;}

.bottomfoto {border-radius:20px;margin-top:100px}
.bottomgoods {margin:20px -20px;}
.cat-top, .cat-top *{text-align:center; clear:both;margin-top:0px;}
.cat-wrap {margin:0 80px;}
.qs_addload {clear:both}
.qs_addload-button{
    display:inline-block; 
    width:170px;
    text-decoration:none;
    padding: 6px 15px; 
    margin:50px 0;
    background-color:#0044F1; 
    color:white;
    border-radius:30px;
    text-align:center;
    transition-duration: 0.5s;
    cursor:pointer;
    }
.qs_addload-button:hover {transform:scale(1.1);transition-duration: 0.5s;background-color:black; }
.qs_addload-button-wrapper {clear:both;width:100%;text-align:center;}
img.team {margin:-130px 0;}
img.team2 {margin:-270px 0;}
/*-------------------------------------------------------------------*/
.alg {}
.a_elm{
    display:block;
    float:left;
    overflow:hidden;
    width:230px; height:275px; margin:0 -5px;
    border:3px solid #B4ACE2;
    border-radius:20px;
    background-color:white;
    }
.a_elm a.imgwrapper{display:block; width:180px; height:180px; margin:15px 25px;border-radius:12px;background-color:#ddd;}
.a_elm img{display:block; width:180px; height:180px; margin:0;border-radius:12px;transition-duration: 0.5s;}
.a_elm img:hover {transform:scale(1.1);transition-duration: 0.5s;}
.a_elm .title{font-weight:bold;margin:0px 15px 10px;text-transform:uppercase;font-size:12px;text-align:center;}
/*-------------------------------------------------------------------*/
.mat {margin:0 55px;}
.m_elm{
    display:block;
    float:left;
    overflow:hidden;
    width:350px; height:400px; margin:40px;
    border:3px solid #B4ACE2;
    border-radius:30px;
    padding-top:25px;
    }
.m_elm img{width:300px; height:200px; margin:0 25px 25px;border-radius:15px;transition-duration: 0.5s;}
.m_elm img:hover {transform:scale(1.1);transition-duration: 0.5s;}
.m_elm .title{font-weight:bold;margin:0px 25px 10px;text-transform:uppercase;font-size:12px;}
.m_elm .txt{margin:0px 25px 20px;font-size:12px;}
.m_elm .button{position:absolute;bottom:25px;left:25px;font-size:14px;padding: 5px 15px;width:110px;}
.qs_lenta .m_elm{margin:35px;}
/*-------------------------------------------------------------------*/
.rev {}
.r_elm{
    display:block;
    float:left;
    overflow:hidden;
    width:250px; height:430px; margin:20px;
    border:3px solid #B4ACE2;
    border-radius:20px;
    }
.r_elm a.imgwrapper{display:block; width:200px; height:270px; margin:25px;border-radius:12px;background-color:#ddd;}
.r_elm img{display:block; width:200px; height:270px; margin:0;border-radius:12px;transition-duration: 0.5s;}
.r_elm img:hover {transform:scale(1.1);transition-duration: 0.5s;}
.r_elm .title{font-weight:bold;margin:0px 25px 10px;text-transform:uppercase;font-size:12px;text-align:center;}
.r_elm .txt{margin:0px 25px 10px;font-size:12px;text-align:center;}
.r_elm .strong{font-weight:bold;}
.r_elm .button{position:absolute;bottom:25px;left:25px;font-size:14px;padding: 5px 15px;width:110px;}
/*-------------------------------------------------------------------*/
.cal-wrapper{min-height:600px;max-height:1000px;overflow-y:scroll;overflow-x:hidden}
.cal-item {margin:0 5px 30px; display:block;overflow:hidden; height:104px;border-radius:25px;border:2px solid #ddd;}
.cal-item:nth-child(even)  {border:2px solid #86E0C4;}
.cal-item:nth-child(odd) {border:2px solid #B4ACE2;}
.cal-dat  {height:100%; width:283px;float:left; background-color:#ddd;border-radius:20px;font-family:Bebas;font-size:40px;padding:7px 20px;text-align:center;color:white;}
.cal-item:nth-child(even) .cal-dat {background-color:#86E0C4;}
.cal-item:nth-child(odd) .cal-dat {background-color:#B4ACE2;}
.cal-name {height:50%; width:calc(95% - 600px);float:left;font-family:Bebas; font-size:20px;padding:20px;}
.cal-subname {height:50%; width:calc(95% - 600px);float:left;  font-size:16px;padding:0 20px 0;}
.cal-city {height:100%; width:300px;text-align:right;float:right;font-family:Bebas;font-size:40px;padding:27px;} 
/*-------------------------------------------------------------------*/
.fil-wrapper{min-height:200px;max-height:1000px;overflow-y:scroll;overflow-x:hidden}
.fil-item {margin:0 5px 30px; display:block;overflow:hidden; height:102px;border-radius:35px;border:2px solid #ddd;}

.fil-name {height:100%; width:calc(95% - 500px);float:left;vertical-align: middle;font-weight:bold;font-size:20px;padding:35px 20px 20px;}
.fil-img  {height:50%; width:100px;float:left;margin:20px;padding:0;background-color:gray;height:60px;overflow:hidden;border-radius:10px;background-color:#ddd;text-align:center;}
.tabb .fil-img img {margin:0 !important;height:100%;}
a.fil-link {
    display:block; height:100%; width:410px;float:right;padding:27px;padding-left:200px;color:#B4ACE2;margin-top:10px;text-align:right;
} 
/*
.fil-item:nth-child(even)  a.fil-link {background:url(/img/fil-odd.png) no-repeat;}
.fil-item:nth-child(odd) a.fil-link{background:url(/img/fil-even.png) no-repeat;}
*/
.algorithm {overflow:hidden;}
.algorithm p {margin-top:30px;}
.algorithm img {float:left;margin-right:30px;}

.sec, .sec *{text-align:center}
.sec {margin:0 20px;}
.sec-inner {}
.sec0 {
    background: #d9d9d9 url(/img/sec0.png) top right no-repeat;
    padding:70px 42% 30px 70px;
    overflow:hidden;text-align:left;
    font-size:22px;
    border-radius:25px;
    margin:50px 0;
}
.sec h2{text-align:left;font-size:64px;font-family:Bebas;padding:10px 0 0;}
.sec p{text-align:left;}
.sec .num {float:left;width:33%;}
.sec .num .big {font-size:90px;font-family:Bebas;text-transform:uppercase;padding:50px 0 0;color:#222A49;margin:0;}
.sec .pane-wrapper{margin:0 -30px;} 
.sec .pane {
    float:left; width:550px; height:400px;margin:30px 40px 30px 30px;text-align:center;overflow:hidden;
    border-radius:20PX;
    }
.sec .pane0 {width:100%;height:100%;position:absolute; top:0;}
.sec .pane1 {background-image:url(/pics/academy/1.png);background-size:cover;}
.sec .pane2 {background-image:url(/pics/academy/2.png);background-size:cover;}
.sec .pane3 {background-image:url(/pics/academy/3.png);background-size:cover;}
.sec .pane4 {background-image:url(/pics/academy/4.png);background-size:cover;}
.sec .pane00 {
    width:100%;height:100%;position:absolute; top:0;
    background: linear-gradient(to top,rgba(34, 42, 73, 1) 0%, rgba(34, 42, 73, 1) 10%, rgba(217, 217, 217, 0) 90%, rgba(217, 217, 217, 0) 100%);
}
.sec .pane .ptxt    {font-size:48px;font-family:Bebas;text-align:center;margin-top:250px;color:white;position:absolute; top:0;width:100%;}
.sec .pane .ptxt1,.sec .pane .ptxt2{margin-top:280px;} 
.sec .pane .ptxt div{font-size:48px;font-family:Bebas;font-weight:normal;}
/*-------------------------------------------------------------------*/
.item-wrapper h1{font-size:60px;}
.flag{position:absolute;z-index:1;}
.flag img {margin-right:10px;}


.item-left  {width:450px;float:left;margin-bottom:50px;}
.item-left  .item-foto {
            width:450px;height:500px; background-color:white;
            text-align:center;overflow:hidden;border-radius:20px;box-shadow:0 0px 10px rgba(0,0,0,0.3);} /* max-width:calc(100% - 84px); */
.item-left  .item-foto img{max-width:100%;height:auto;margin-top:10px;} 

.item-right {width:calc(100% - 490px);float:right;}
.target {font-size:24px; font-weight:bold;margin:10px 0;}
.param-title {clear:both; font-weight:bold;margin:30px 0 0 0;}
.packs-list {margin:40px 0;clear:both; height:80px;} 
.packs {font-size:20px;color:#0044f1;float:left;margin:10px 40px 10px 0;padding:10px 40px;cursor:pointer;border:1px solid #ddd;border-radius:20px;box-shadow:0 0px 10px rgba(0,0,0,0.3);transition-duration: 0.5s;}
.packs:hover {border:1px dotted #0044f1;transform:scale(1.1);transition-duration: 0.5s;background-color:black;}
.pack-active {color:white;background-color:#0044f1;}

.tab-wrapper {min-height:300px;} 
.tabh-wrapper {position:absolute;top:10px;left:0; width:100%;overflow:hidden;margin-left:-10px;padding-left:10px;} 
.tabh {
    float:left;border:0px;border-radius:20px 20px 0 0;
    overflow:hidden;padding:15px 30px; 
    margin-top:20px;color:#B4ACE2;box-shadow:0 0px 10px rgba(0,0,0,0.3);cursor:pointer;
    }
.tabh-active {color:#0044f1;background-color:white;}

.tabb {
    position:absolute;
    width:100%;
    top:80px;left:0;
    background-color:white;padding:30px;border-radius:0 20px 20px 20px;
    color:black;box-shadow:0 0px 10px rgba(0,0,0,0.3);
    }
.tabb img {margin:20px;}
/*--- личный кабинет ------------------------------------------------*/
.lk {width:100%;}
.lk-container {overflow:hidden;margin:0 -4%;}
.lk-item {
    display:block;
    float:left;
    width:25%;height:200px;
    margin:4%; padding:30px;
    border-radius:20px;background-color:white;text-align:center;
    }
.lk-div {position:absolute;width:calc(100% - 60px);bottom:30px;text-align:center;}
/*-------------------------------------------------------------------*/
#vhod {
    position:absolute;
    left:50%;
    width:330px;
    margin:65px;
    margin-left:-165px;
    border:1px solid #cccccc;
    background-color:white;
    background-repeat:no-repeat;
}
#vhod img {margin-top:-20px;margin-bottom:-50px;}
#vhod h1{font-size:26px;margin:0;}
#vhod td {text-align:right;padding:10px;font-family: Segoe UI; font-size: 14px; color:black;vertical-align:middle;}
#vhod td#vhod_title {padding:0 10px;height:32px;background:url(/core/adm/img/vhod_title.png) top right;background-repeat:no-repeat;text-align:left;}
#vhod input {font-size: 14px; width:150px;padding:2px;border:1px solid #ccc;}
#vhod td#vhod_remem {padding:0 10px;}
/*-------------------------------------------------------------------*/
#mail {overflow:hidden;width:100%;min-height:350px;text-align:left;margin-top:20px}
#mail *{overflow:hidden;text-align:left;}
#mail .h, #mail .h a{color:#B4ACE2;margin:20px 0 10px;}
#mail .h a {text-decoration:underline}
#mail .h a:hover {color:#0044F1}

#mail .left {float:left; width:49%;overflow:hidden;}
#mail .right{float:right;width:49%;overflow:hidden;}
#mail textarea,input[type=text],input[type=password]{width:100%;border-radius:10px;padding:5px;background-color:#f2f2f2;}
#mail input[type=checkbox]{float:left;margin:5px;}
#mail textarea {height:200px;border-radius:20px;}
#mail input[type=button]{text-align:center;float:right;margin-right:10px}
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 1300px) {
    .block, .slide, .slider,.slider-wrapper,ymaps,.slidesContainer > a {width:100vw;}
    
    .rev{margin:0;padding:0 120px;}
    .topmenu {margin-left:50px;}
    .topmenu-right {margin-left:0px;}
    .body    {padding-bottom:300px;}
    .footer {height:300px;}
    .footer .col2-2 {float:left;}
    .ttop1     {padding-left:530px;}
    .ttop2     {padding-left:620px;}
    .ttop3     {padding-left:710px;}
    
    .news-wrapper{width:30vw;height:55vw;margin:1.5vw;}
    .news-wrapper-foto {width:26vw;height:auto;}
    .news-wrapper-foto img{width:100%; height:auto}
    .news-wrapper-title { margin:1vw 15px;}
    .news-wrapper-title a{font-size:3vw;line-height:4vw;}
    .news-wrapper>div.small{font-size:1.5vw;margin:0.5vw 15px;}
    
    .feedback,.getcatalog {height:auto;background-position:top right;background-size:cover;}
    .feedback .block-left,.getcatalog .block-right {width:50vw;height:auto;padding:2vw 5vw 2vw 6vw; margin-left:0px;margin-right:0px;}
    .feedback .block-left h2,.getcatalog .block-right h2 {margin:0;padding:0;font-size:4vw}
    
    .feedback .block-left .mailform{margin:0;padding:0;}
    .feedback .block-left .mailform input,.getcatalog .block-right .mailform input,
    .feedback .block-left .mailform textarea {width:40vw; border-radius:20px; height:4vw;margin-top:13px;padding:1vw 2vw;font-size:2vw}
    .feedback .block-left .mailform textarea {height:10vw;}
    
    .sec {margin:0 20px;}

}
@media only screen and (max-width: 1200px) {
    .topmenu {margin-left:0px;left:330px;}
    .topmenu
    .topmenu-right {margin-left:0px;margin-right:30px;}
    .ttop1     {padding-left:510px;}
    .ttop2     {padding-left:600px;}
    .ttop3     {padding-left:685px;}
    .cell20 {width:30%;margin-right:3%;}
}
@media only screen and (max-width: 1100px) {
    
    .big-apostrof-first,.big-apostrof-last {font-size:20vw; margin:-3vw 0 0 -5vw;}
    .big-apostrof-last {margin:0 -1vw -7vw 0;}

    .body-inner,.body-inner-small{padding:50px 35px;}
    .bottles {margin:0;}
    .container {margin:0;}
    ul.crumbs {margin-left: 0px;}
    .topmenu,.ttop {display:none;}
    .topmenu-right {display:block;}
    .header #menuopener {display:block;}
     h1{font-size:30px;}
    
    .block-left > div {margin:auto 30px auto 30px;}
    .block4>div{height:auto;}
    
    .block-left {width:100vw;height:auto;}
    .block-right{width: 95vw;height:auto;margin-left:5vw;}
    .block4 .block-right img {position:absolute;top:30vw;left:4vw;width:45vw;height:30vw;max-width:90vw;max-height:90vw;}
    .block4 .block-right img:first-child{left:20vw; top:0;width:55vw;height:32vw;}
    .block4 .block-right img:last-child {top:30vw;right:0;left:auto;width:auto;height:43vw;}
    
    .body    {padding-bottom:480px;}
    
    .footer {height:450px;}
    .footer .col {width:calc(49% - 18px); height:300px;margin-left:18px;padding:0;}
    .footer .col,.footer .col a {font-size: 15px;}
    .footer .col2-1,.footer .col2-2  {float:left;width:100%;margin-bottom:20px;clear:both;    padding-left: 60px;}
    .footer .col3{position:absolute;left:0px;top:180px;height:180px;float:left;}
    .footer .col4 {width:100%;height:100px;}
    .footer .col4 .flag{right:calc(50% - 55px);left:auto;top:30px;text-align:right;}
    .footer .col4 .flag img{float:right;}
    .footer .copy{font-size:14px;left:18px;}    
    

    .cell20 {width:30%;height:25vw;margin-right:3%;}
    .cell25.wellcome {height:50vw;}
    .cell25.wellcome img {height:7vw;}
    .max13 {width:30%;}
}
@media only screen and (max-width: 850px) {
    .body {padding-bottom:100px;}
    .header {margin-top:-30px}
    .slider-wrapper {margin-top:90px;}
    .button, input[type=button]{width:120px;padding:10px;font-size:12px;margin-right:20px;}
    .button.long, input[type=button].long{width:140px;}
    .topmenu_s {display:none;}
    .logo {margin-left:0px;top:30px;left:20px;}
    .logo img,.logo div{font-size:12px;height:34px;margin: 20px 0px 20px 18px;padding-top:0px;}
    .logo div {width:115px;line-height:12px;margin-top: 17px}
    .header.shadow .logo {top: 27px;}
    .topmenu-right {right: 20px;top: 60px;margin:0;}
    .topmenu-right  input.search_text{margin-top:43px;}
    .topmenu-right  input.search_text:focus {width:100px;z-index:99999;position:fixed;top:0px;right:80px;}
    .shadow{height:100px;}
    .wrapper {padding-bottom:400px;}
    
    .sec0 {padding:30px;background-size: cover; }
    .searchform{
    margin:100px 10px;
    width:auto;
    padding:200px 30px;
    background-color:#f2f2f2;
    border-radius:20px;
    }
    #qs_basket .registr_form .leftpane,#qs_basket .registr_form .rightpane {width:calc(100% - 60px);padding:30px;}
    .block-left{width:100%;float:left;clear:both;overflow:hidden;}
    .getcatalog .block-right{width:100%;clear:both;overflow:hidden;}
    .block-left > div {margin:auto 30px auto 30px;width:calc(100% - 60px);} 
    .rightpane img{margin-bottom:10px;width:100%;}
	
    .image {width:100vw;height:auto;}
    .image  img {width:100vw;height:auto;}
    
    .news-wrapper{width:46vw;height:90vw;margin:2vw;}
    .news-wrapper>div {width:43vw;height:auto;margin:1.5vw;}
    .news-wrapper-foto {}
    .news-wrapper-foto img{width:100%; }
    .news-wrapper-title {font-size:4vw; line-height:3.5vw; margin:1vw;}
    .news-wrapper>div.small{font-size:3vw;}

    .feedback {width:100vw;height:auto;background-position:top right;background-size:cover;margin-top:12vw;}
    .feedback .block-left {width:100vw;height:auto;padding:2vw 5vw 2vw 6vw; margin-left:0px;}
    .feedback .block-left h2 {margin:0;padding:0;font-size:5vw}
    
    .feedback .block-left .mailform,.getcatalog .block-right .mailform {margin:1vw;padding:0;}
    .feedback .block-left .mailform input,.getcatalog .block-right .mailform input,
    .feedback .block-left .mailform textarea {width:80vw; border-radius:20px; height:7vw;margin-top:13px;padding:1vw 2vw;font-size:4vw}
    .feedback .block-left .mailform textarea {height:15vw;}
    .feedback .block-left .mailform input[type=button],.getcatalog .block-right .mailform input[type=button] {width:250px;}
    
    .col-left  {width:100%;margin-bottom:50px;}
    .col-left > div {margin-right:0;}
    .col-right {width:100%;}
    .col-right img {width:100%;height:auto;}
    
    .cell33 {float:left;width:42%;}
    .cell20 {width:40%;margin-right:10%;height:35vw;}
    .max13 {width:40%;}
    
    .maincat_b {height:calc(55vw + 65px);}
    .contact p,.contact p *{font-size:4.0vw;line-height:4.5vw;padding:2vw 0;}
    .contact p span{font-size:4.5vw;}
    .leftpane{width:100%;float:none;margin-bottom:2vw;}
    .rightpane{width:100%;float:none;}
    .sunlight-bottom {margin-bottom:43px;}
    .sunlight-bottom img {width:200%;margin-left:-70%;}
    
    .sec h2,.sec p{text-align:center}
    .sec .num {width:50%;}
    .sec .pane {width:calc(100% - 60px);}
    #mail .left,#mail .right {width:calc(100% - 0px);}
}
@media (max-width: 600px) {
    .body-inner,.body-inner-small{padding:30px 25px;}
    .innovation>div:first-child,.innovation>div:last-child {position:relative;width:100%}
    .cell20 {height:40vw;min-height:140px}
    .footer {height:500px}
    .footer .col3 {top:230px;position:absolute;}
    .footer .col4 {top:400px;position:absolute;}
    
    .qc-wrapper {margin-bottom:30px;}
    video {width:100%;height:auto;}
    .qc-wrapper div{float:none; width:100%;margin-bottom:0px;}
    .qc-wrapper div.qc-wrapper-foto{float:none; width:100%;}
    .qc-wrapper-foto, .qc-wrapper-foto img {width:100%;}
    .qc-wrapper div.qc-wrapper-title{margin-top:0px;}
    .qc-wrapper div.small {color:#ccc;font-size:12px;}
    .footer .col2 img {float:left;height:40px;margin-right:20px;margin-bottom:20px;} 
    .footer .col3 img {height:60px;margin:90px 20px }
}
@media only screen and (max-width: 500px) {
    .header.shadow .logo {top: 27px;}
    .news-wrapper{width:92vw;height:140vw;margin:4vw;}
    .news-wrapper>div {width:84vw;height:auto;margin:4vw;}
    .cell33 {float:left;width:95%;}
    .cell25 {height:200px; width:45%}
    .cell25.empty {display:none}
    
    .contact p{font-size:20px;line-height:25px;padding:7px 0;}
    .cell25.wellcome {height:150px;}
    .cell25.wellcome img {height:25px;}
}