medgis
/
ru-assets


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110
							<!DOCTYPE html>
<html>
<head>
    <title>Главная страница</title>
    <link href="css/all.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
    <script src="js/all.min.js"></script>
</head>
<body>
<!--START container-->
<div class="container">
    <!--START header-->
    <header class="header header--index loading">
        <div class="wrapper wrapper--header">
            <!--logo1-->
            <div class="header__item header__item--logo logo logo--header">
                <a href="#" class="logo__link"><img src="img/logo_medgis_header@2x.png" class="logo__img logo__img--header"></a>
            </div>
            <!--slogan-->
            <div class="header__item header__item--slogan slogan">
                <div class="slogan__text">Ваш навигатор в мире медицины</div>
                <div class="slogan__region region">
                    <a href="#" class="region__link"><img src="http://placehold.it/33x33/dddddd/" class="region__img"><span class="region__name">Рязанская область</span></a>
                </div>
            </div>
            <!--floatmenu-->
            <div class="header__item header__item--floatmenu floatmenu">
                <ul class="floatmenu__list">
                    <li class="floatmenu__item"><a href="#" class="floatmenu__link">Организации</a></li>
                    <li class="floatmenu__item floatmenu__item--active"><a href="#" class="floatmenu__link">Специализации</a>
                    </li>
                    <li class="floatmenu__item"><a href="#" class="floatmenu__link">Услуги</a></li>
                    <li class="floatmenu__item"><a href="#" class="floatmenu__link">Акции</a></li>
                    <li class="floatmenu__item"><a href="#" class="floatmenu__link">Новости и публикации</a></li>
                </ul>
            </div>
            <!--search-float-->
            <div class="header__item search search--float">
                <div class="search__inputcase search__inputcase--float">
                    <form action="">
                        <input type="text" placeholder="Поиск по новостям" class="search__input">
                        <button type="submit" class="search__iconzoom"></button>
                    </form>
                </div>
            </div>
            <!--special-->
            <div class="header__item header__item--special special">
                <a href="#" class="special__link"><img src="img/icon_special@2x.png" class="special__img"></a></div>
        </div>
    </header>
    <!--header END-->
    <!--START content-->
    <section class="content loading">
        <div class="wrapper wrapper--content">
            <!--START leftbar-->
            <aside class="leftbar">
                <!--search-static-->
                <div class="leftbar__item leftbar__item--search search search--static">
                    <div class="search__inputcase search__inputcase--static">
                        <form action="">
                            <input type="text" placeholder="Поиск по организациям" class="search__input">
                            <button type="submit" class="search__iconzoom"></button>
                        </form>
                    </div>
                </div>
                <!--organization-->
                <div class="leftbar__item leftbar__item--organization organization">
                    <a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span><img src="img/icon_leftbar_title_arrow1.png" class="leftbar__arrow active"></a>
                    <ul class="organization__list active">
                        <li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a>
                        </li>
                        <li class="organization__item"><a href="#" class="organization__link">Поликлиники</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Детские поликлиники</a>
                        </li>
                        <li class="organization__item"><a href="#" class="organization__link">Роддома и женские
                                консультации</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Стоматологические
                                клиники</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Детские больницы и
                                клиники</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Специализированные
                                центры</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Медицинские центры</a>
                        </li>
                        <li class="organization__item"><a href="#" class="organization__link">Экспертиза</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Организации социальной
                                сферы</a></li>
                        <li class="organization__item"><a href="#" class="organization__link">Санатории</a></li>
                    </ul>
                </div>
                <!--specialization-->
                <div class="leftbar__item leftbar__item--specialization specialization">
                    <a id="specialization__title" href="#" class="leftbar__title specialization__title"><span>Специализации</span><img src="img/icon_leftbar_title_arrow2.png" class="leftbar__arrow active"></a>
                    <ul class="specialization__list active">
                        <li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a>
                        </li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a>
                        </li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Функциональная
                                диагностика</a></li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология
                                (ЛОР)</a></li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a>
                        </li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Хирургическая
                                офтальмология</a></li>
                        <li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
                    </ul>
                </div>
                <!--filterservice-->
                <div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice">
                    <div class="leftbar__title filterservice__title">Услуги и<br>процедуры</div>
                    <div class="filterservice__block">
                        <form id="" method="" action="">
                            <div class="filterservice__form">
                                <div class="filterservice__inputcase">
                                    <div class="filterservice__toggle">
                                        <input id="switch_old" type="checkbox" checked="checked">
                                        <label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
                                        <label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1">Ребенок</label>
                                        <label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2">Взрослый</label>
                                    </div>
                                </div>
                                <div class="filterservice__inputcase">
                                    <div class="filterservice__toggle">
                                        <input id="switch_male" type="checkbox">
                                        <label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
                                        <label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1">Женщина</label>
                                        <label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2">Мужчина</label>
                                    </div>
                                </div>
                                <div class="filterservice__inputcase">
                                    <div class="filterservice__inputtext">Укажите возраст:</div>
                                    <div class="filterservice__inputcaseinner">
                                        <input type="text" placeholder="лет" class="input input--filterservice filterservice__input">
                                    </div>
                                    <div class="filterservice__inputcaseinner">
                                        <input type="text" placeholder="месяцев" class="input input--filterservice filterservice__input">
                                    </div>
                                    <div class="filterservice__inputcaseinner">
                                        <input type="text" placeholder="недель" class="input input--filterservice filterservice__input">
                                    </div>
                                </div>
                                <div class="filterservice__inputcase">
                                    <input type="text" placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input">
                                </div>
                                <button type="submit" class="btn btn-primary">Найти</button>
                            </div>
                        </form>
                    </div>
                </div>
                <!--popularservice-->
                <div class="leftbar__item leftbar__item--popularservice popularservice">
                    <a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Популярные услуги</span></a>
                    <ul class="popularservice__list active">
                        <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a></li>
                        <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование
                                тазобедренного сустава</a></li>
                        <li class="popularservice__item"><a href="#" class="popularservice__link">Уход за лежачим
                                больным</a></li>
                        <li class="popularservice__item"><a href="#" class="popularservice__link">Консультация
                                ЛОР-врача</a></li>
                        <li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при
                                гайморите</a></li>
                        <li class="popularservice__item"><a href="#" class="popularservice__link">МРТ позвоночника</a>
                        </li>
                    </ul>
                </div>
                <!--entitybanner-->
                <div class="entitybanner">
                    <!--entitybanner__item--><a href="#" class="entitybanner__item">
                        <p class="entitybanner__title"><span class="entitybanner__titletext">ГБУ РО «Центр медицинской профилактики</span>
                        </p>
                        <p class="entitybanner__description"><span class="entitybanner__descrtext">Министерство</span>
                        </p>
                        <p class="entitybanner__imgcase">
                            <img src="http://placehold.it/200x130" class="entitybanner__img"></p>
                        <p class="entitybanner__address"><span class="entitybanner__addresstrext">ул. Краснослободская, д.10</span>
                        </p></a>
                    <!--entitybanner__item--><a href="#" class="entitybanner__item">
                        <p class="entitybanner__title"><span class="entitybanner__titletext">ГБУ РО «Центр медицинской профилактики</span>
                        </p>
                        <p class="entitybanner__description"><span class="entitybanner__descrtext">Министерство</span>
                        </p>
                        <p class="entitybanner__imgcase">
                            <img src="http://placehold.it/200x130" class="entitybanner__img"></p>
                        <p class="entitybanner__address"><span class="entitybanner__addresstrext">ул. Краснослободская, д.10</span>
                        </p></a>
                </div>
                <!--personals-->
                <div class="personals">
                    <div class="personals__list"><a href="#" class="personals__item personals__link">
                            <p class="personals__title">
                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
                            </p>
                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
                            </p></a><a href="#" class="personals__item personals__link">
                            <p class="personals__title">
                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
                            </p>
                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
                            </p></a><a href="#" class="personals__item personals__link">
                            <p class="personals__title">
                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
                            </p>
                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
                            </p></a><a href="#" class="personals__item personals__link">
                            <p class="personals__title">
                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
                            </p>
                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
                            </p></a></div>
                </div>
            </aside>
            <!--leftbar END-->
            <!--START centerbar-->
            <main class="centerbar">
                <!--category-->
                <div class="centerbar__item category">
                    <ul class="category__list">
                        <li class="category__item"><a href="#" class="category__link">Здравоохранение</a></li>
                        <li class="category__item"><a href="#" class="category__link">Инновации</a></li>
                        <li class="category__item"><a href="#" class="category__link">Здоровая среда</a></li>
                        <li class="category__item"><a href="#" class="category__link">Закон и контроль</a></li>
                        <li class="category__item"><a href="#" class="category__link">Благое дело</a></li>
                        <li class="category__item"><a href="#" class="category__link">Акции</a></li>
                        <li class="category__item"><a href="#" class="category__link">Медиагалерея</a></li>
                    </ul>
                </div>
                <div class="grid-dis-row">
                    <div class="grid-dis-col-2">
                        <!--maislider-->
                        <div class="mainslider">
                            <ul id="mainsliderId" class="mainslider__list">
                                <li class="mainslider__item">
                                    <!--shortnews-->
                                    <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
                                            <div class="shortnews__imgcase">
                                                <img src="http://placehold.it/470x290" class="shortnews__img">
                                                <div class="shortnews__textpos">
                                                    <div class="shortnews__title">Россия и Италия вложат 40 млн евро в
                                                        имитацию полетов на Луну и Марс
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="mainslider__item">
                                    <!--shortnews-->
                                    <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
                                            <div class="shortnews__imgcase">
                                                <img src="http://placehold.it/470x290" class="shortnews__img">
                                                <div class="shortnews__textpos">
                                                    <div class="shortnews__title">Россия и Италия вложат 40 млн евро в
                                                        имитацию полетов на Луну и Марс
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="mainslider__item">
                                    <!--shortnews-->
                                    <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
                                            <div class="shortnews__imgcase">
                                                <img src="http://placehold.it/470x290" class="shortnews__img">
                                                <div class="shortnews__textpos">
                                                    <div class="shortnews__title">Россия и Италия вложат 40 млн евро в
                                                        имитацию полетов на Луну и Марс
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="mainslider__item">
                                    <!--shortnews-->
                                    <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
                                            <div class="shortnews__imgcase">
                                                <img src="http://placehold.it/470x290" class="shortnews__img">
                                                <div class="shortnews__textpos">
                                                    <div class="shortnews__title">Россия и Италия вложат 40 млн евро в
                                                        имитацию полетов на Луну и Марс
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="mainslider__item">
                                    <!--shortnews-->
                                    <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
                                            <div class="shortnews__imgcase">
                                                <img src="http://placehold.it/470x290" class="shortnews__img">
                                                <div class="shortnews__textpos">
                                                    <div class="shortnews__title">Россия и Италия вложат 40 млн евро в
                                                        имитацию полетов на Луну и Марс
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
                        </div>
                    </div>
                </div>
                <div class="grid-dis-row">
                    <div class="grid-dis-col-4">
                        <!--banner-->
                        <div class="banner banner--950x155">
                            <a href="#" class="banner__link"><img src="http://placehold.it/950x155"></a></div>
                    </div>
                </div>
                <div class="grid-dis-row">
                    <div class="grid-dis-col-3">
                        <!--maintitle-->
                        <div class="maintitle">
                            <div class="maintitle__item maintitle__title">Новости</div>
                            <div class="maintitle__item maintitle__details">
                                <div id="datefilter" class="maintitle__item maintitle__datefilter datefilter">
                                    <div class="datefilter__icon"></div>
                                    <div id="datefiltertext" class="datefilter__text"></div>
                                </div>
                                <div id="newsfilter" class="maintitle__item maintitle__newsfilter newsfilter">
                                    <div id="newsfiltericon" class="newsfilter__icon"></div>
                                    <div id="newsfilteropen" class="newsfilter__open">
                                        <form action="">
                                            <div class="newsfilter__form">
                                                <div class="newsfilter__text">Специализации:</div>
                                                <div class="newsfilter__selectcase">
                                                    <div class="newsfilter__selectcase">
                                                        <select class="styler newsfilter__select">
                                                            <option value="1">Кратко</option>
                                                            <option value="2">Большой пункт меню</option>
                                                            <option value="3">Огромный пункт выпадайки, который не
                                                                влезает в строку
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="newsfilter__text">Районы:</div>
                                                <div class="newsfilter__selectcase">
                                                    <div class="newsfilter__selectcase">
                                                        <select class="styler newsfilter__select">
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="newsfilter__submitcase">
                                                    <input type="submit" value="Показать результаты" class="newsfilter__submit">
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="maintitle__item maintitle__searchfilter">
                                    <!--search--filter-->
                                    <div class="search search--filter">
                                        <div class="search__inputcase search__inputcase--filter">
                                            <form action="">
                                                <input type="text" placeholder="Поиск по новостям" class="search__input">
                                                <button type="submit" class="search__iconzoom"></button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--maincontent-->
                        <div class="maincontent">
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--vedeorow-->
                            <div class="videorow">
                                <div class="videorow__item">
                                    <iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe>
                                </div>
                                <div class="videorow__item">
                                    <iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe>
                                </div>
                                <div class="videorow__item">
                                    <iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--trailernews-->
                            <div class="trailernews">
                                <div class="trailernews__imgcase">
                                    <a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a>
                                </div>
                                <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые
                                        выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
                                    <div class="trailernews__details">
                                        <div class="trailernews__left">
                                            <div class="trailernews__date">06.02.2017</div>
                                            <a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
                                        </div>
                                        <div class="trailernews__right">
                                            <div class="trailernews__views">2 346 789</div>
                                            <div class="trailernews__comments">786</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--pagination-->
                        <div class="pagination">
                            <nav role="navigation" class="pagination__item">
                                <ul class="pagination__list">
                                    <li class="pagination__item">
                                        <a href="#" class="pagination__link pagination__link--left"></a></li>
                                    <li class="pagination__item">
                                        <a href="#" class="pagination__link pagination__link--active">1</a></li>
                                    <li class="pagination__item"><a href="#" class="pagination__link">2</a></li>
                                    <li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
                                    <li class="pagination__item">
                                        <span class="pagination__link pagination__link--separator">...</span></li>
                                    <li class="pagination__item"><a href="#" class="pagination__link">9</a></li>
                                    <li class="pagination__item"><a href="#" class="pagination__link">10</a></li>
                                    <li class="pagination__item"><a href="#" class="pagination__link">11</a></li>
                                    <li class="pagination__item">
                                        <a href="#" class="pagination__link pagination__link--right"></a></li>
                                </ul>
                            </nav>
                            <a href="#" class="pagination__filter"><i class="pagination__icon"></i><span class="pagination__btn">Найти по дате</span></a>
                        </div>
                    </div>
                    <div class="grid-dis-col-1 rightbar">
                        <!--calendinfo-->
                        <div id="calendinfo" class="calendinfo">
                            <div class="calendinfo__item">
                                <!--daytime-->
                                <div id="dayitime" class="dayitime">
                                    <span id="today_day" class="daytime__date"></span><span id="today_time" class="daytime__time"></span>
                                </div>
                            </div>
                            <div class="calendinfo__item">
                                <!--holidays-->
                                <div class="holidays">
                                    <!--holidays__item--><a href="#" class="holidays__item">
                                        <p class="holidays__imgcase">
                                            <img src="http://placehold.it/54x54/ebebeb/" class="holidays__img"></p>
                                        <p class="holidays__textcase"><span href="#" class="holidays__link">Всемирный день больного бронхиальной астмой</span>
                                        </p></a>
                                    <!--holidays__item--><a href="#" class="holidays__item">
                                        <div class="holidays__imgcase">
                                            <img src="http://placehold.it/54x54/ebebeb/" class="holidays__img"></div>
                                        <p class="holidays__textcase"><span href="#" class="holidays__link">Всемирный день больного бронхиальной астмой</span>
                                        </p></a>
                                    <!--holidays__item--><a href="#" class="holidays__item">
                                        <div class="holidays__imgcase">
                                            <img src="http://placehold.it/54x54/ebebeb/" class="holidays__img"></div>
                                        <p class="holidays__textcase"><span href="#" class="holidays__link">Всемирный день больного бронхиальной астмой</span>
                                        </p></a>
                                </div>
                                <!--calendcase-->
                                <div class="calendinfo__calendcase">
                                    <!--calendar-->
                                    <div class="date-picker-wrapper single-date no-shortcuts no-topbar inline-wrapper no-gap single-month calend">
                                        <div class="month-wrapper">
                                            <table cellspacing="0" cellpadding="0" border="0" class="month1">
                                                <thead>
                                                <tr class="caption">
                                                    <th><span class="prev"><</span></th>
                                                    <th colspan="5" class="month-name">сентябрь 2017</th>
                                                    <th><span class="next">></span></th>
                                                </tr>
                                                <tr class="week-name">
                                                    <th>пн</th>
                                                    <th>вт</th>
                                                    <th>ср</th>
                                                    <th>чт</th>
                                                    <th>пт</th>
                                                    <th>сб</th>
                                                    <th>вс</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td><a href="#" class="calend__link day lastMonth valid">28</a></td>
                                                    <td><a href="#" class="calend__link day lastMonth valid">29</a></td>
                                                    <td><a href="#" class="calend__link day lastMonth valid">30</a></td>
                                                    <td><a href="#" class="calend__link day lastMonth valid">31</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">1</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">2</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">3</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#" class="calend__link day toMonth valid">4</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">5</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">6</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">7</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">8</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">9</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">10</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#" class="calend__link day toMonth valid">11</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">12</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">13</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">14</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">15</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">16</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">17</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#" class="calend__link day toMonth valid">18</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">19</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">20</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">21</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">22</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">23</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">24</a></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="#" class="calend__link day toMonth valid">25</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">26</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">27</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">28</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">29</a></td>
                                                    <td><a href="#" class="calend__link day toMonth valid">30</a></td>
                                                    <td><a href="#" class="calend__link day nextMonth valid">1</a></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="grid-dis-row">
                    <div class="grid-dis-col-2">
                        <!--shortnews-->
                        <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/470x290" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="grid-dis-row">
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                    <div class="grid-dis-col-1">
                        <!--shortnews-->
                        <div class="shortnews"><a href="#" class="shortnews__link">
                                <div class="shortnews__imgcase">
                                    <img src="http://placehold.it/230x153" class="shortnews__img">
                                    <div class="shortnews__textpos">
                                        <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию
                                            полетов на Луну и Марс
                                        </div>
                                    </div>
                                </div>
                                <p class="shortnews__description">Российская и итальянская стороны договорились о
                                    реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская
                                    стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
                                    Российская и итальянская стороны договорились о реализации экспериментов по наземной
                                    изоляции добровольцев.</p></a>
                            <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
                                <p class="shortnews__date">06.02.2017</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="grid-dis-row">
                    <div class="grid-dis-col-4">
                        <!--usefulinfo-->
                        <div class="usefulinfo">
                            <div class="usefulinfo__title">Полезная информация</div>
                            <ul class="usefulinfo__list">
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                                <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые
                                        разработали дома-конструкторы для жизни в Арктике</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </main>
            <!--centerbar END-->
        </div>
    </section>
    <!--content END-->
    <!--START footer-->
    <footer id="footer" role="contentinfo" class="footer">
        <div class="wrapper wrapper--footer">
            <!--logo-->
            <div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img">
            </div>
            <div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span>
            </div>
            <div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной
                ссылки, а так же указания названия сайта
            </div>
            <div class="footer__item footer__right">
                <!--social-->
                <ul class="social social--static">
                    <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
                    <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
                    <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
                    <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
                </ul>
                <!--mainlinks-->
                <ul class="mainlinks">
                    <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
                    <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
                    <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
                    <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <!--footer END-->
    <!--social-->
    <ul class="social social--fixed">
        <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
        <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
        <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
        <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
    </ul>
</div>
<!--container END-->
</body>
</html>