@media screen and (max-width: 1200px){

.view-docs { }
.view-docs .box { display: block; text-align: center; }
.view-docs .icon { margin: 0 auto 20px; }
.view-docs .box h3 { width: auto; }

.docs .box { margin: 0 0 20px; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 30px; }
.docs .box:last-child { margin: 0; border: 0; padding: 0 0 10px; }
.docs .info { width: 100%; padding: 0 0 20px 0; }
.docs .download { width: 110px; }

.shedule h2 { font-size: 28px; line-height: 34px; }


.vblog { display: block; padding: 0 0 20px; }
.vblog .info { width: auto; padding: 0; margin: 0 0 20px; }
.vblog .pic { width: 100%; }


}

@media screen and (max-width: 1024px){

.header .phone { font-size: 24px; bottom: 44px; }

}



@media screen and (max-width: 1000px){

.topmenu { display: none; background: #282828; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; }
.topmenu .menu { font-size: 12px; line-height: 18px; font-weight: 600; padding: 50px 36px 20px; color: #fff; }
.topmenu .menu li { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
.topmenu .menu li.a { background: url('arrow-down-white.svg') no-repeat 100% 13px; background-size: 11px; }
.topmenu .menu li.up { background: url('arrow-up-white.svg') no-repeat 100% 13px; background-size: 11px; }
.topmenu .menu ul { display: none; padding-top: 8px; }
.topmenu .menu ul li { font-weight: 300; border: 0; padding: 5px 0; }
.topmenu .menu ul li:last-child { padding-bottom: 0; }
.topmenu .menu li.a { }
.topmenu .menu a { color: #fff; text-decoration: none; }

.iconsearch { display: block; width: 44px; height: 40px; background: #282828 url('icon-search-white.svg') no-repeat 50% 50%; background-size: 15px; position: fixed; right: 0; top: 0; z-index: 51; }
.iconsearch.a { background: #282828 url('icon-close.svg') no-repeat 50% 50%; background-size: 14px; }

.searchbar { display: block; height: 40px; background: #282828; position: fixed; z-index: 50; left: 0; top: 0; width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,0.3); }

.topsearch { display: block; height: 40px; position: fixed; left: 0; top: -40px; width: 100%; z-index: 48; box-shadow: 0 3px 5px rgba(0,0,0,0.3); }
.topsearch form { display: block; position: relative; width: 100%; position: absolute; left: 0; top: 0; }
.topsearch form input.itext { width: calc(100% - 30px); height: 40px; color: #333; background: #fff; border: 0; padding: 0 15px; font-size: 13px; line-height: 40px; font-weight: 300; }
.topsearch form input.submit { -webkit-appearance: none; cursor: pointer; overflow: hidden; width: 70px; height: 24px; background: #417bc6; color: #fff; font-size: 11px; line-height: 25px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em; border: none; position: absolute; right: 8px; top: 8px; border-radius: 4px; }

.topsearch form input.itext::-webkit-input-placeholder { color: #000; }
.topsearch form input.itext:-moz-placeholder { color: #000; }

div.mn{position:fixed;left: 15px;top:15px;width:25px;height:25px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:100}
div.mn s{display:block;position:absolute;height:1px;width:100%;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out; border-radius: 2px;}
div.mn s:nth-child(1){top:0}
div.mn s:nth-child(2),div.mn s:nth-child(3){top:5px}
div.mn s:nth-child(4){top:10px}
div.mn.open{position:fixed}
div.mn.open s:nth-child(1){top:0;width:0;left:50%}
div.mn.open s:nth-child(2){top:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
div.mn.open s:nth-child(3){top:10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
div.mn.open s:nth-child(4){top:0;width:0;left:50%}


.slider .header { display: none; }
.slider .search { display: none; }
.slider .shedule { display: none; }

.slider { margin: 0 -50px 40px; height: 400px; }

.slider .sliderinfo { max-width: 70%; }
.slider .sliderinfo h3 { font-size: 70px; line-height: 60px; }
.slider .sliderinfo p { font-size: 30px; line-height: 34px; }
.slider .sliderinfo .rub { border-bottom: 4px solid; line-height: 30px; }

.shedule-vis { display: block; text-align: center; }
.shedule-vis ul li { display: inline-block; margin: 0 5px; }
.shedule .title { margin: 0 0 10px; }


.menubar { display: none; }

.wrap { width: auto; position: relative; left: auto; top: auto; padding: 40px 20px 30px; min-width: 240px; }

.search { display: none; }

.header .phone { display: none; }
.header .socials { display: none; }
.header .logo { margin: auto; }
.header { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 40px; }

.header-main { display: block; margin: 0; border: 0; }

.view-docs .icon { width: 75px; height: 75px; }
.view-docs .icon s { width: 75px; height: 75px; background-size: 26px; }

.shedule h2 { font-size: 24px; line-height: 30px; }


.footer { border-top: 6px solid rgba(0,0,0,0.2); padding: 38px 0 40px; position: relative; }
.footer .copyright { padding: 40px 0 0 0; }
.footer .copyright a { color: #f1296b; }
.footer .phone { font-size: 33px; line-height: 33px; font-weight: 500; width: 300px; text-align: left; position: absolute; left: 0; right: auto; top: 25px; }
.footer .socials { display: block; position: absolute; right: 0; top: 30px; }


.wrap-timeline { height: auto; }
/*
.timelineblock { display: none; }
*/

.yearsblock { display: none; }

.content-timeline { display: block; }
.footer-timeline { display: block; }



.timelineblock { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 30px; }
.timelineblock .box { display: block; height: auto; }
.timelineblock .box-event { margin: 0 0 30px; display: block; }
.timelineblock .box-event .info { width: auto; height: auto; }
.timelineblock .box-event .info h3 { font-size: 38px; line-height: 40px; font-weight: 700; margin: 0 0 6px; padding: 0; }
.timelineblock .box-event .info h4 { font-size: 14px; line-height: 20px; font-weight: 500; margin: 0 0 12px; }
.timelineblock .box-event .info p { font-size: 12px; line-height: 18px; font-weight: 400; margin: 0 0 12px; display: none; }
.timelineblock .box-event .info .next { font-size: 11px; line-height: 18px; text-transform: uppercase; font-weight: 400; margin: 0 0 12px; padding: 0; }
.timelineblock .box-event .info .next a { text-decoration: none; }
.timelineblock .box-event .info .pic { background: #000; margin: 0 -20px 14px; }
.timelineblock .box-event .info .pic img { width: 100%; }
.timelineblock .box-event .info .inside { width: auto; padding: 0; }
.timelineblock .box-event .xpic { background: #000; margin: 0 -20px 14px; display: block; }
.timelineblock .box-event .xpic img { width: 100%; }




.announces { }
.announces-boxes { display: block; padding: 0 0 20px; margin: 0; overflow: hidden; }
.announces-boxes .box { width: auto; margin: 0 0 20px; position: relative; padding: 15px 20px; border: 1px solid #e0e0e0; }







}

@media screen and (max-width: 750px){

.docs-main { display: none; }

.wrap { padding: 40px 15px 20px; }


.videoblog { display: block; margin: 0; overflow: hidden; }
.videoblog .box { width: auto; margin: 0; }

.view-docs .box h3 { font-size: 14px; line-height: 18px; }


.vblog .pic:after { width: 62px; height: 62px; margin: -31px 0 0 -31px; }



.docs { padding: 0; border: 0; margin: 0 0 10px; }
.docs .box { display: flex; flex-wrap: wrap; align-items: stretch; padding: 0 0 30px; margin: 0; border: 0; }
.docs .box:last-child { padding: 0 0 5px; padding: 0 0 30px; }
.docs .info { width: calc(100% - 130px); padding: 0 20px 0 0; }
.docs .download { width: 110px; margin: 0; }


.docs-vis { display: block; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 20px; }



.page { display: block; margin: 0; padding: 0; }

.leftside { width: auto; margin: 0 0; }
.rightside { width: auto; margin: 0 0; }

.shedule { text-align: center; }
.shedule ul li { display: inline-block; margin: 0 5px; }


.news { margin: 0 0 30px; border-bottom: 1px solid rgba(0,0,0,0.1); }

.news-boxes { display: flex; flex-wrap: wrap; padding: 0 0 20px; margin: 0 -10px; overflow: hidden; }
.news-boxes .box { width: calc(50% - 20px); margin: 0 10px; position: relative; padding: 0 0 50px; }


.list-registry { display: block; margin: 0 0 10px; }
.list-registry .box { width: auto; margin: 0 0 10px; padding: 0 0 10px; border: 0; border-bottom: 1px solid rgba(0,0,0,0.1); }



}

@media screen and (max-width: 600px){

.header .logo { width: calc(503px * 0.9); height: calc(106px * 0.9); }

}


@media screen and (max-width: 500px){

.header { margin: 0 0 20px; }
.header .logo { width: calc(503px * 0.8); height: calc(106px * 0.8); }
.footer .phone { font-size: 24px; line-height: 30px; top: 25px; }
.header-main { margin: 0; }

.slider { margin: 0 -20px 60px; height: 300px; }
.slider .sliderinfo { max-width: 90%; bottom: 20px; }
.slider .sliderinfo h3 { font-size: 44px; line-height: 46px; }
.slider .sliderinfo p { font-size: 18px; line-height: 24px; margin: 0 0 10px; }
.slider .sliderinfo .rub { border-bottom: 2px solid; line-height: 22px; }


.swiper-pagination { position: absolute; left: 0; right: 0; bottom: -30px; z-index: 10; text-align: center; }
.swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; opacity: 0.2; margin: 0 3px; background: #282828; }
.swiper-pagination-bullet-active { opacity: 1; }


.brd { font-size: 10px; line-height: 18px; margin: 0 0 20px; }

.videoblog { padding: 0 0 15px; }
.videoblog .box h2 { font-size: 14px; line-height: 18px; margin: 0; }

.shedule h2 { font-size: 20px; line-height: 28px; margin: 0 0 20px; }

.view-docs { margin: 0 -15px; }
.view-docs .box { width: calc(33.3333% - 31px); margin: 0 0 40px; padding: 0 15px; }
.view-docs-2 .box { width: calc(50.0000% - 31px); }
.view-docs .icon { width: 60px; height: 60px; margin: 0 auto 15px; }
.view-docs .icon s { display: block; width: 60px; height: 60px; background-size: 21px; }
.view-docs .box h3 { font-size: 12px; line-height: 18px; }


.document-single { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 30px; padding: 0 0 15px; }
.document-single h2 { font-size: 22px; line-height: 26px; margin: 0 0 10px; }
.document-single h2 u { font-size: 0; }
.document-single .text p { font-size: 16px; line-height: 24px; margin: 0 0 18px; }

.news-single { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 30px; padding: 0 0 15px; }
.news-single h2 { font-size: 22px; line-height: 26px; margin: 0 0 10px; }
.news-single .date { font-size: 9px; line-height: 11px; }
.news-single .anounce { font-size: 16px; line-height: 24px; margin: 0 0 18px; }
.news-single .text p { font-size: 14px; line-height: 22px; margin: 0 0 15px; }

.news-boxes { display: block; margin: 0; padding: 0; }
.news-boxes .box { width: auto; margin: 0 0 10px; padding: 0 0 20px; }
.news-boxes .box h2 { margin: 0 0 10px; }
.news-boxes .box .date { font-size: 9px; line-height: 11px; margin: 0 0 6px; }
.news-boxes .box .pic { margin: 0 0 10px; }
.news-boxes .box .next { position: relative; left: auto; bottom: auto; }


.popup-news { position: relative; background: #fff; max-width: none; max-height: 100%; padding: 35px 20px; }
.modal-dialog { position: relative; background: #fff; max-width: none; margin: 0; padding: 35px 20px; }


.modal .popup-close { width: 30px; height: 30px; position: fixed; right: 15px; top: 15px; background: rgba(0,0,0,0.3) url('icon-close.svg') no-repeat 50% 50%; background-size: 15px; border-radius: 50px; opacity: 0.6; cursor: pointer; z-index: 10000; }



.form-registry .form-field { margin: 0 0 10px; }
.form-registry .form-cols { display: block; margin: 0; }
.form-registry .form-cols .form-field { width: auto; margin: 0 0 20px; }


}

@media screen and (max-width: 450px){

.header .logo { width: calc(503px * 0.7); height: calc(106px * 0.7); }

}

@media screen and (max-width: 400px){

.header .logo { width: calc(503px * 0.65); height: calc(106px * 0.65); }
.footer .phone { font-size: 20px; line-height: 30px; }
.footer { padding: 30px 0 40px; }

.view-docs { margin: 0 -10px; }
.view-docs .box { width: calc(33.3333% - 21px); margin: 0 0 25px; padding: 0 10px; }
.view-docs-2 .box { width: calc(50.0000% - 21px); }
.view-docs .icon { width: 50px; height: 50px; }
.view-docs .icon s { display: block; width: 50px; height: 50px; background-size: 18px; }
.view-docs .box h3 { font-size: 10px; line-height: 16px; }

.shedule-vis { margin: 0 0 25px; }

.docs { padding: 0 0 20px; text-align: center; }
.docs .box { margin: 0 0 20px; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 30px; }
.docs .box:last-child { margin: 0; border: 0; padding: 0 0 10px; }
.docs h3 { font-size: 18px; line-height: 20px; margin: 0 0 8px; }
.docs .info { width: 100%; padding: 0 0 10px; }
.docs .download { width: 110px; margin: auto; }

.slider { height: 250px; }

}

@media screen and (max-width: 370px){

.header .logo { width: calc(503px * 0.6); height: calc(106px * 0.6); }

}

@media screen and (max-width: 340px){

.wrap { padding: 40px 15px 10px; }
.timelineblock .box-event .xpic { margin: 0 -10px 20px; }

.header .logo { width: calc(503px * 0.58); height: calc(106px * 0.58); }

.view-docs .box h3 { font-size: 9px; line-height: 15px; }

}