resolve conflicts

app/assets/scripts/blind.js

@@ -0,0 +1,126 @@
+$(document).ready(function () {
+
+    var blind = $.cookie('blind');
+    if (blind == 'on') {
+        $(".blind").show(0);
+    }
+    ;
+    var blindImg = $.cookie('blind_image');
+    if (blindImg == 'off') {
+        $("*:not(.sp_ignored) img").addClass('imgoff');
+    }
+    ;
+    if (blindImg == 'on') {
+        $("*:not(.sp_ignored) img").removeClass('imgoff');
+    }
+    ;
+    var blindFont = $.cookie('blind_font');
+    if (blindFont == '100') {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font108').removeClass('font110');
+    }
+    ;
+    if (blindFont == '102') {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font104').removeClass('font106').removeClass('font108').removeClass('font110').addClass('font102');
+    }
+    ;
+    if (blindFont == '104') {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font106').removeClass('font108').removeClass('font110').addClass('font104');
+    }
+    ;
+    if (blindFont == '106') {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font108').removeClass('font110').addClass('font106');
+    }
+    ;
+    if (blindFont == '108') {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font110').addClass('font108');
+    }
+    ;
+    if (blindFont == '110') {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font108').addClass('font110');
+    }
+    ;
+    var blindColor = $.cookie('blind_color');
+    if (blindColor == 'default') {
+        $("*").removeClass('blackwhite').removeClass('whiteblack').addClass('default');
+    }
+    ;
+    if (blindColor == 'whiteblack') {
+        $("*").removeClass('default').removeClass('blackwhite').addClass('whiteblack');
+    }
+    ;
+    if (blindColor == 'blackwhite') {
+        $("*").removeClass('default').removeClass('whiteblack').addClass('blackwhite');
+    }
+    ;
+
+    $(".special__link").click(function () {
+        $(".blind").show(0);
+        $.cookie('blind', 'on', {expires: 7, path: '/'});
+    });
+
+    $(".blind__link--blindoff").click(function (e) {
+        $("*").removeClass('imgoff').removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font108').removeClass('font110').removeClass('whiteblack').removeClass('blackwhite').removeClass('default');
+        $(".blind").hide(0);
+        $.cookie('blind', null);
+        $.cookie('blind_image', null);
+        $.cookie('blind_font', null);
+        $.cookie('blind_color', null);
+        e.preventDefault();
+    });
+    $(".blind__link--imgoff").click(function (e) {
+        $("*:not(.sp_ignored) img").addClass('imgoff');
+        $.cookie('blind_image', 'off', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--imgon").click(function (e) {
+        $("*:not(.sp_ignored) img").removeClass('imgoff');
+        $.cookie('blind_image', 'on', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--fontsize100").click(function (e) {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font108').removeClass('font110');
+        $.cookie('blind_font', '100', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--fontsize102").click(function (e) {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font104').removeClass('font106').removeClass('font108').removeClass('font110').addClass('font102');
+        $.cookie('blind_font', '102', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--fontsize104").click(function (e) {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font106').removeClass('font108').removeClass('font110').addClass('font104');
+        $.cookie('blind_font', '104', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--fontsize106").click(function (e) {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font108').removeClass('font110').addClass('font106');
+        $.cookie('blind_font', '106', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--fontsize108").click(function (e) {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font110').addClass('font108');
+        $.cookie('blind_font', '108', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--fontsize110").click(function (e) {
+        $("*:not(.sp_ignored)").removeClass('font100').removeClass('font102').removeClass('font104').removeClass('font106').removeClass('font108').addClass('font110');
+        $.cookie('blind_font', '110', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--default").click(function (e) {
+        $("*").removeClass('blackwhite').removeClass('whiteblack').addClass('default');
+        $.cookie('blind_color', 'default', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--whiteblack").click(function (e) {
+        $("*").removeClass('default').removeClass('blackwhite').addClass('whiteblack');
+        $.cookie('blind_color', 'whiteblack', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+    $(".blind__link--blackwhite").click(function (e) {
+        $("*").removeClass('default').removeClass('whiteblack').addClass('blackwhite');
+        $.cookie('blind_color', 'blackwhite', {expires: 7, path: '/'});
+        e.preventDefault();
+    });
+
+});

app/assets/scripts/comments.js

@@ -96,15 +96,22 @@ var Comments;
             }
             this.formData = { answerTo: targetId };
         };
+        CommentForm.prototype.isRulesAccepted = function () {
+            return $('#acceptRules').is(':checked');
+        };
         CommentForm.prototype.submitFrom = function (e) {
             e.preventDefault();
+            $('.comments__add-error').remove();
+            if (!this.isRulesAccepted()) {
+                this.form.prepend($('<p class="comments__add-error">Необходимо дать согласие на обработку персональных данных.</p>'));
+                return false;
+            }
             var data = this.form.serializeArray();
             for (var i in data) {
                 if (data.hasOwnProperty(i)) {
                     this.formData[data[i].name] = data[i].value;
                 }
             }
-            $('.comments__add-error').remove();
             console.dir({ UserComments: this.formData });
             $.ajax({
                 url: this.owner.postEndpointUrl,
@@ -132,6 +139,7 @@ var Comments;
             }).bind(this)).always((function () {
                 this.formData = [];
             }).bind(this));
+            return true;
         };
         return CommentForm;
     }());

app/assets/scripts/doctor-schedule.js

@@ -0,0 +1,71 @@
+/// <reference path="../../node_modules/moment/moment.d.ts"/>
+/// <reference path="../../node_modules/@types/jquery/index.d.ts"/>
+// import moment = require("moment");
+var DoctorSchedule;
+(function (DoctorSchedule_1) {
+    var recalculateDate = function (dateSpec, action) {
+        dateSpec = parseDate(dateSpec);
+        dateSpec.push((new Date).getFullYear());
+        dateSpec = dateSpec.reverse();
+        dateSpec[1]--;
+        var momentDate = moment(dateSpec);
+        momentDate[action](7, 'days');
+        return momentDate.format('DD.MM');
+    };
+    var parseDate = function (string) {
+        return string.split('.').map(function (data) {
+            return parseInt(data);
+        });
+    };
+    var getDateColumn = function (row) {
+        return row.find('td:first-child');
+    };
+    var nextDate = function (prev, next) {
+        getRows(next).each(function (index) {
+            var date = getDateColumn($(this)).html();
+            getDateColumn($(this)).html(recalculateDate(date, 'add'));
+        });
+        setButtonsText(prev, next, 'add');
+    };
+    var prevDate = function (prev, next) {
+        getRows(next).each(function (index) {
+            var date = getDateColumn($(this)).html();
+            getDateColumn($(this)).html(recalculateDate(date, 'subtract'));
+        });
+        setButtonsText(prev, next, 'subtract');
+    };
+    var setButtonsText = function (prev, next, action) {
+        setButtonDate(prev, action);
+        setButtonDate(next, action);
+    };
+    var setButtonDate = function (button, action) {
+        var dates = button.html().trim().split(' – ');
+        console.log(dates);
+        button.html(recalculateDate(dates[0], action) + ' &ndash; ' + recalculateDate(dates[1], action));
+    };
+    var getRows = function (element) {
+        return element.parent().find('tr');
+    };
+    var DoctorSchedule = (function () {
+        function DoctorSchedule(prevBtn, nextBtn) {
+            var next = nextDate.bind(this);
+            var prev = prevDate.bind(this);
+            prevBtn.on('click', function (e) {
+                e.preventDefault();
+                prev(prevBtn, nextBtn);
+            });
+            nextBtn.on('click', function (e) {
+                e.preventDefault();
+                next(prevBtn, nextBtn);
+            });
+        }
+
+        return DoctorSchedule;
+    }());
+
+    function init($prevBtn, $nextBtn) {
+        return new DoctorSchedule($prevBtn, $nextBtn);
+    }
+
+    DoctorSchedule_1.init = init;
+})(DoctorSchedule || (DoctorSchedule = {}));

app/assets/scripts/jquery.cookie.min.js

@@ -0,0 +1,8 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function(a){if(typeof define==="function"&&define.amd){define(["jquery"],a)}else{if(typeof exports==="object"){a(require("jquery"))}else{a(jQuery)}}}(function(f){var a=/\+/g;function d(i){return b.raw?i:encodeURIComponent(i)}function g(i){return b.raw?i:decodeURIComponent(i)}function h(i){return d(b.json?JSON.stringify(i):String(i))}function c(i){if(i.indexOf('"')===0){i=i.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\")}try{i=decodeURIComponent(i.replace(a," "));return b.json?JSON.parse(i):i}catch(j){}}function e(j,i){var k=b.raw?j:c(j);return f.isFunction(i)?i(k):k}var b=f.cookie=function(q,p,v){if(p!==undefined&&!f.isFunction(p)){v=f.extend({},b.defaults,v);if(typeof v.expires==="number"){var r=v.expires,u=v.expires=new Date();u.setTime(+u+r*86400000)}return(document.cookie=[d(q),"=",h(p),v.expires?"; expires="+v.expires.toUTCString():"",v.path?"; path="+v.path:"",v.domain?"; domain="+v.domain:"",v.secure?"; secure":""].join(""))}var w=q?undefined:{};var s=document.cookie?document.cookie.split("; "):[];for(var o=0,m=s.length;o<m;o++){var n=s[o].split("=");var j=g(n.shift());var k=n.join("=");if(q&&q===j){w=e(k,p);break}if(!q&&(k=e(k))!==undefined){w[j]=k}}return w};b.defaults={};f.removeCookie=function(j,i){if(f.cookie(j)===undefined){return false}f.cookie(j,"",f.extend({},i,{expires:-1}));return !f.cookie(j)}}));

app/assets/scripts/main.js

@@ -1,11 +1,12 @@
 (function (document, window, $) {
-    if ($("*").is('#dayitime')) {
+    if ($('#dayitime').lenght) {
         function addZero(i) {
             if (i < 10) {
                 i = "0" + i;
             }
             return i;
-        };
+        }
+
         function getCurrentTime1() {
             var today_time, h, m;
             today_time = new Date(Date.now());
@@ -38,7 +39,7 @@
         if (minutes <= 9) minutes = "0" + minutes;
         if (seconds <= 9) seconds = "0" + seconds;
 
-        var date_time = day + " " + month[month_num] + ", " + weekday[weekday_num] + ", ";
+        var date_time = day + " " + month[month_num] + ", " + weekday[weekday_num] + " ";
         if (document.layers) {
             document.layers.today_day.document.write(date_time);
             document.layers.today_day.document.close();
@@ -47,7 +48,7 @@
         setTimeout(clock, 1000);
     }
 
-    if ($("*").is('#filterservice')) {
+    if ($('#filterservice').length) {
         function checktoggle() {
             if ($("#switch_old").is(':checked')) {
                 $('#switch_old2').addClass("filterservice__labelbig--active");
@@ -77,7 +78,7 @@
             $(".shortnews__description").dotdotdot();
         }, 10);
 
-        if ($("*").is('#filterservice')) {
+        if ($('#filterservice').length) {
             checktoggle();
         }
 
@@ -86,7 +87,7 @@
             checktoggle();
         });
 
-        if ($("*").is('#datefilter')) {
+        if ($('#datefilter').length) {
             $('#datefilter').dateRangePicker({
                 autoClose: true,
                 language: 'ru',
@@ -95,6 +96,9 @@
                 getValue: function () {
                     return document.getElementById('datefiltertext').innerHTML;
                 }, setValue: function (s) {
+                    var dates = s.split(' - ');
+                    $('.newsfilter__date-from').val(dates[0]);
+                    $('.newsfilter__date-to').val(dates[1]);
                     document.getElementById('datefiltertext').innerHTML = s;
                 }
             });
@@ -119,8 +123,7 @@
         $('input, textarea').focus(function () {
             $(this).data('placeholder', $(this).attr('placeholder'))
             $(this).attr('placeholder', '');
-        });
-        $('input, textarea').blur(function () {
+        }).blur(function () {
             $(this).attr('placeholder', $(this).data('placeholder'));
         });
 
@@ -164,7 +167,7 @@
 
         /*$('.centerbar input, .centerbar select').styler();*/
 
-        if ($("*").is('#newsfilter')) {
+        if ($('#newsfilter').length) {
             $("#newsfiltericon").click(function () {
                 $(".newsfilter__open").toggleClass('newsfilter__open--show');
             });
@@ -180,25 +183,121 @@
         }
     });
 
-    new SpecFilter.SpecFilter($('.newsfilter__specializations .newsfilter__text'));
-    new RegionFilter.RegionFilter($('.newsfilter__regions .newsfilter__text'), {
-        itemsContainerClass: 'regionsfilter__container',
-        itemContainerClass: 'regionsfilter__region',
-        itemCheckboxClass: 'regionsfilter__checkbox',
-        itemLabelClass: 'regionsfilter__label'
-    });
+    // isolate scope for easier moving and extension
+    (function ($) {
+        new SpecFilter.SpecFilter($('.newsfilter__specializations .newsfilter__text'));
+        new RegionFilter.RegionFilter($('.newsfilter__regions .newsfilter__text'), {
+            itemsContainerClass: 'regionsfilter__container',
+            itemContainerClass: 'regionsfilter__region',
+            itemCheckboxClass: 'regionsfilter__checkbox',
+            itemLabelClass: 'regionsfilter__label'
+        });
+    })($);
+
+    // isolate scope for easier moving and extension
+    (function (w) {
+        w.showFotorama = function (jQuery, fotoramaObjectClass, fotoramaPrevClass, fotoramaNextClass) {
+            var $selector = jQuery(fotoramaObjectClass);
+            $selector.data('navwidth', ($selector.outerWidth() - 80) + 'px');
+            var $fotoramaDiv = $selector.fotorama();
+            var fotorama = $fotoramaDiv.data('fotorama');
+            jQuery(fotoramaPrevClass).click((function (e) {
+                fotorama.show('<');
+            }).bind(this));
+            jQuery(fotoramaNextClass).click((function (e) {
+                fotorama.show('>');
+            }).bind(this));
+        };
+    })(window);
+
+    // isolate scope for easier moving and extension
+    (function (assetsUrl, document, $) {
+        var n = document.getElementsByTagName('script')[0],
+            s = document.createElement('script'),
+            c = document.createElement('link');
+        c.setAttribute('rel', 'stylesheet');
+        c.href = assetsUrl.replace(/\/+$/, '') + '/css/slick.css';
+        c.setAttribute('type', 'text/css');
+        n.parentNode.insertBefore(c, n);
+
+        s.async = true;
+        s.onload = function () {
+            $('.organization-media__slider').slick({
+                infinite: true,
+                dots: false,
+                slidesToShow: 3,
+                slidesToScroll: 1,
+                prevArrow: '<div class="slick-prev"></div>',
+                nextArrow: '<div class="slick-next"></div>'
+            });
+        };
+        s.src = assetsUrl.replace(/\/+$/, '') + '/js/slick.min.js';
+        n.parentNode.insertBefore(s, n);
+    })(window.assetsUrl || '/', document, $);
+
+    // isolate scope for easier moving and extension
+    (function ($) {
+        $('.organization-info__slidedown-handler').click(function (e) {
+            e.preventDefault();
+            var $content = $(this)
+                .parents('.organization-info__slidedown')
+                .find('.organization-info__slidedown-content');
+            $content.slideToggle();
+        });
+    })($);
+
+    // isolate scope for easier moving and extension
+    (function ($) {
+        $('.organization-info__description-read-more').click(function (e) {
+            var $button;
+            var $container;
+            e.preventDefault();
+            $button = $(this);
+            $container = $button.parent().find('.organization-info__description');
+            $container.animate({'max-height': $container.find('.organization-info__description-content').outerHeight() + 100}, 100, function () {
+                $container.removeClass('organization-info__description--short').css('maxHeight', 'none');
+                $button.remove();
+            });
+        });
+    })($);
+
+    // isolate scope for easier moving and extension
+    (function ($) {
+        if ($('.organization-list__side-menu').length) {
+            var $menuItems = $('.organization-list__side-menu .organization-list__side-menu-item');
+            $menuItems.each(function () {
+                if ($(this).find('.organization-list__side-submenu').length) {
+                    var $arrow = $('<span class="organization-list__side-menu-item-arrow"></span>');
+                    $arrow.click(function () {
+                        $(this).parent().toggleClass('active');
+                    });
+                    $(this).append($arrow);
+                }
+            });
+        }
+    })($);
 
-    window.showFotorama = function(jQuery, fotoramaObjectClass, fotoramaPrevClass, fotoramaNextClass) {
-        var $selector = jQuery(fotoramaObjectClass);
-        $selector.data('navwidth', ($selector.outerWidth() - 80) + 'px');
-        var $fotoramaDiv = $selector.fotorama();
-        var fotorama = $fotoramaDiv.data('fotorama');
-        jQuery(fotoramaPrevClass).click((function (e) {
-            fotorama.show('<');
-        }).bind(this));
-        jQuery(fotoramaNextClass).click((function (e) {
-            fotorama.show('>');
-        }).bind(this));
-    };
+    // isolate scope for easier moving and extension
+    (function ($) {
+        if ($('.specialization-selection__more').length) {
+            $('.specialization-selection__more').click(function (e) {
+                e.preventDefault();
+                var $list = $(this).parent().find('.specialization-selection__list');
+                $(this).parent().find('.specialization-selection__list').animate({'max-height': $list[0].scrollHeight + 20}, 200);
+                $(this).remove();
+            });
+        }
+    })($);
+
+    // isolate scope for easier moving and extension
+    (function ($) {
+        if ($('.specialization-selection__checkbox--group-header').length) {
+            $('.specialization-selection__checkbox--group-header').change(function () {
+                $(this).parents('.specialization-selection__group')
+                    .find('.specialization-selection__list .specialization-selection__checkbox')
+                    .prop('checked', $(this).prop('checked'));
+            });
+        }
+    })($);
 
 })(window.document, window, window.jQuery);

app/assets/scripts/region-selection.js

@@ -0,0 +1,172 @@
+/// <reference path="../../node_modules/@types/jquery/index.d.ts"/>
+var RegionSelection;
+(function (RegionSelection) {
+    function foreach(data, callback) {
+        for (var key in data) {
+            if (data.hasOwnProperty(key) && typeof data[key] !== 'function') {
+                callback(data[key], key, data);
+            }
+        }
+    }
+    var RegionsCollection = (function () {
+        function RegionsCollection(data) {
+            var _this = this;
+            var length = 0;
+            this.setLength = function (value) {
+                length = value;
+            };
+            this.getLength = function () {
+                return length;
+            };
+            foreach(data, function (region) { return _this.push(region); });
+        }
+        Object.defineProperty(RegionsCollection.prototype, "length", {
+            get: function () {
+                return this.getLength();
+            },
+            set: function (value) {
+                this.setLength(value);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        ;
+        RegionsCollection.prototype.setLength = function (value) {
+        };
+        ;
+        RegionsCollection.prototype.getLength = function () {
+            return 0;
+        };
+        ;
+        RegionsCollection.prototype.push = function (item) {
+            Array.prototype.push.call(this, item);
+        };
+        RegionsCollection.prototype.forEach = function (callback) {
+            Array.prototype.forEach.call(this, callback);
+        };
+        RegionsCollection.prototype.group = function (groupFunction) {
+            var groups = {};
+            this.forEach(function (region) {
+                var groupName = groupFunction(region);
+                if (groups[groupName] === undefined) {
+                    groups[groupName] = new RegionsCollection([]);
+                }
+                groups[groupName].push(region);
+            });
+            return groups;
+        };
+        RegionsCollection.prototype.sort = function (sortFunction) {
+            var data = [];
+            this.forEach(function (region) { return data.push(region); });
+            data.sort(sortFunction);
+            return new RegionsCollection(data);
+        };
+        return RegionsCollection;
+    }());
+    var RegionSelectionBox = (function () {
+        function RegionSelectionBox(selector) {
+            this.regions = new RegionsCollection([]);
+            this.selector = selector;
+            if (this.selector.data('regions') !== undefined) {
+                this.fillRegions(this.selector.data('regions'));
+            }
+            this.selector.on('click', this.showBox.bind(this));
+        }
+        RegionSelectionBox.prototype.fillRegions = function (data) {
+            var _this = this;
+            foreach(eval(data), function (value) {
+                _this.regions.push(new Region(value));
+            });
+        };
+        RegionSelectionBox.prototype.showBox = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (this.box === undefined) {
+                this.renderBox();
+            }
+            var box = this.box;
+            var hide = function () {
+                box.hide(0, function () {
+                    $('body').off('click', hide);
+                });
+            }.bind(this);
+            if (box.is(':visible')) {
+                hide();
+            }
+            else {
+                $('body').on('click', hide);
+                box.show(0);
+            }
+        };
+        RegionSelectionBox.prototype.renderBox = function () {
+            var _this = this;
+            if (!$('.region__selection-box').length) {
+                this.box = $('<div class="region__selection-box region-selection__box"></div>');
+                var linkTemplate_1 = '<a href="{link}" class="region-selection__link">{name}</a>';
+                // let iconTemplate = '<img src="{icon}" class="region-selection__icon">';
+                var grouped = this.regions.sort(function (region1, region2) {
+                    return region1.caption < region2.caption ? -1 : region1.caption > region2.caption ? 1 : 0;
+                }).group(function (region) {
+                    return region.caption.charAt(0).toUpperCase();
+                });
+                foreach(grouped, function (regionCollection, groupName) {
+                    var itemsList = $('<div class="region-selection__items-list"></div>');
+                    itemsList.append($("<div class=\"region-selection__list-letter\">" + groupName + "</div>"));
+                    foreach(regionCollection, function (region) {
+                        var item = $('<div class="region-selection__item"></div>').append(linkTemplate_1
+                            .replace('{link}', region.link)
+                            .replace('{name}', region.caption)
+                        // .replace('{icon}', iconTemplate.replace('{icon}', region.icon))
+                        );
+                        itemsList.append($(item));
+                    });
+                    _this.box.append(itemsList);
+                });
+                this.box.css('display', 'none');
+                this.selector.parent().append(this.box);
+            }
+        };
+        return RegionSelectionBox;
+    }());
+    var Region = (function () {
+        function Region(data) {
+            this._id = data.id;
+            this._caption = data.caption;
+            this._link = data.link;
+            this._icon = data.icon;
+        }
+        Object.defineProperty(Region.prototype, "id", {
+            get: function () {
+                return this._id;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Region.prototype, "caption", {
+            get: function () {
+                return this._caption;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Region.prototype, "link", {
+            get: function () {
+                return this._link;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(Region.prototype, "icon", {
+            get: function () {
+                return this._icon;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return Region;
+    }());
+    function createSelectionBox($object) {
+        return new RegionSelectionBox($object);
+    }
+    RegionSelection.createSelectionBox = createSelectionBox;
+})(RegionSelection || (RegionSelection = {}));

app/assets/styles/_grid.scss

@@ -20,18 +20,30 @@
                 display: block;
             }
             &:last-child,
-            & div:last-child {
+            & .grid-dis-col-1:last-child,
+            & .grid-dis-col-2:last-child,
+            & .grid-dis-col-3:last-child,
+            & .grid-dis-col-4:last-child,
+            & .grid-dis-col-33:last-child,
+            & .grid-dis-col-66:last-child,
+            & .grid-dis-col-1:nth-child(4n),
+            & .grid-dis-col-2:nth-child(2n) {
                 margin: 0;
             }
         }
         &-col {
+            $gutterSize: 10px;
             &-1 {
-                width: 25%;
+                width: calc(25% - #{$gutterSize});
                 max-width: 230px;
-                margin: 0 10px 0 0;
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 25%;
+                }
 
                 @media screen and (max-width: 1000px) {
-                    width: 50%;
+                    width: calc(50% - #{$gutterSize});
                     max-width: 230px;
 
                     &:last-child {
@@ -40,9 +52,13 @@
                 }
             }
             &-2 {
-                width: 50%;
+                width: calc(50% - #{$gutterSize});
                 max-width: 470px;
-                margin: 0 10px 0 0;
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 50%;
+                }
 
                 @media screen and (max-width: 1000px) {
                     width: 100%;
@@ -51,9 +67,13 @@
                 }
             }
             &-3 {
-                width: 75%;
+                width: calc(75% - #{$gutterSize});
                 max-width: 710px;
-                margin: 0 10px 0 0;
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 75%;
+                }
 
                 @media screen and (max-width: 1220px) {
                     width: 80%;
@@ -68,7 +88,41 @@
             &-4 {
                 width: 100%;
                 // max-width: 710px;
-                margin: 0 10px 0 0;
+                margin: 0 $gutterSize 0 0;
+
+                @media screen and (max-width: 1000px) {
+                    width: 100%;
+                    max-width: none;
+
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+            &-33 {
+                width: calc(33% - #{$gutterSize});
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 33%;
+                }
+
+                @media screen and (max-width: 1000px) {
+                    width: 100%;
+                    max-width: none;
+
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+            &-66 {
+                width: calc(66% - #{$gutterSize});
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 66%;
+                }
 
                 @media screen and (max-width: 1000px) {
                     width: 100%;
@@ -103,25 +157,28 @@
                 display: block;
             }
             &:last-child,
-            & div:last-child {
+            & div:last-child,
+            & .grid-disrb-col-1:nth-child(3n),
+            & .grid-disrb-col-2:nth-child(2n) {
                 margin: 0;
             }
         }
         &-col {
+            $gutterSize: 10px;
             &-1 {
-                width: 33.333333%;
+                width: calc(33.333333% - #{$gutterSize});
                 max-width: 230px;
-                margin: 0 10px 0 0;
+                margin: 0 #{$gutterSize} 0 0;
             }
             &-2 {
-                width: 66.66666%;
+                width: calc(66.66666% - #{$gutterSize});
                 max-width: 470px;
-                margin: 0 10px 0 0;
+                margin: 0 #{$gutterSize} 0 0;
             }
             &-3 {
                 width: 100%;
                 max-width: 710px;
-                margin: 0 10px 0 0;
+                margin: 0 #{$gutterSize} 0 0;
 
                 @media screen and (max-width: 1220px) {
                     width: 100%;

app/assets/styles/all.scss

@@ -1,3 +1,5 @@
+
+
 //
 @import "_reset";
 @import "_fonts";
@@ -7,6 +9,7 @@
 @import "_include";
 @import "_mixin";
 @import "_grid";
+@import "tags";
 //
 @import "elements/input";
 @import "elements/btn";
@@ -16,10 +19,15 @@
 @import "elements/holidays";
 //
 @import "blocks/logo";
+@import "blocks/entity-badge";
+@import "blocks/organization-list";
+@import "blocks/adjacent-specialization";
+@import "blocks/map";
 //
 @import "header/header";
 @import "header/slogan";
 @import "header/region";
+@import "header/region-selection-box";
 @import "header/floatmenu";
 @import "header/special";
 //
@@ -52,7 +60,12 @@
 @import "content/centerbar/pagination";
 @import "content/centerbar/usefulinfo";
 @import "content/centerbar/selectedline";
+@import "content/centerbar/specials";
 @import "content/centerbar/comments";
+@import "content/centerbar/organization";
+@import "content/centerbar/doctors";
+@import "content/centerbar/specialization-selection";
+@import "content/centerbar/specialization-filter";
 @import "blocks/opinion";
 //
 @import "content/centerbar/errorblock";
@@ -75,3 +88,4 @@
 //
 @import "header/loading";
 @import "header/scrolling";
+@import "header/blind";

app/assets/styles/blocks/adjacent-specialization.scss

@@ -0,0 +1,38 @@
+.adjacent-specialization {
+    &__item {
+        &:hover {
+            background: #f0f0f0;
+        }
+    }
+
+    &__data {
+
+    }
+
+    &__title {
+        height: 20px;
+        overflow: hidden;
+        font-size: 13px;
+        font-weight: bold;
+        color: #929292;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    &__value {
+        height: 29px;
+        font-size: 15px;
+        line-height: 14px;
+        font-weight: bold;
+        color: #3b434d;
+        overflow: hidden;
+    }
+
+    &__list {
+        &:before {
+            display: none;
+        }
+
+        margin: 20px 0;
+    }
+}

app/assets/styles/blocks/entity-badge.scss

@@ -0,0 +1,84 @@
+$entity-badge-selector: 'entity-badge';
+
+.#{$entity-badge-selector} {
+
+    &__badge {
+        position: absolute;
+        bottom: 0;
+        left: -10px;
+        height: 36px;
+        line-height: 30px;
+        padding-right: 8px;
+        max-width: calc(100% - 18px);
+        text-overflow: ellipsis;
+        color: #fff;
+        background-image: url(../img/specials/badge-middle.png);
+        font-family: $fontcuprum;
+        font-size: 18px;
+
+        &:before {
+            position: absolute;
+            left: -8px;
+            top: 0;
+            content: '';
+            display: block;
+            height: 100%;
+            width: 8px;
+            background-image: url(../img/specials/badge-start.png);
+        }
+        &:after {
+            position: absolute;
+            right: -10px;
+            top: 0;
+            content: '';
+            display: block;
+            height: 100%;
+            width: 10px;
+            background-image: url(../img/specials/badge-end.png);
+        }
+
+        &--orange {
+            background-position: 0 0;
+
+            &:before,
+            &:after {
+                background-position: 0 0;
+            }
+        }
+
+        &--green {
+            background-position: 0 -36px;
+
+            &:before,
+            &:after {
+                background-position: 0 -36px;
+            }
+        }
+
+        &--gray {
+            background-position: 0 -72px;
+
+            &:before,
+            &:after {
+                background-position: 0 -72px;
+            }
+        }
+
+        &--blue {
+            background-position: 0 -108px;
+
+            &:before,
+            &:after {
+                background-position: 0 -108px;
+            }
+        }
+
+        &-text {
+            overflow: hidden;
+            width: 100%;
+            display: block;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    }
+}

app/assets/styles/blocks/map.scss

@@ -0,0 +1,10 @@
+.map {
+    &__container {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 637px;
+        z-index: 1;
+    }
+}

app/assets/styles/blocks/organization-list.scss

@@ -0,0 +1,211 @@
+$organization-list-selector: 'organization-list';
+
+.#{$organization-list-selector} {
+
+    &__headline {
+        height: 44px;
+        margin-bottom: 15px;
+        padding: 0 18px 0 56px;
+        box-sizing: border-box;
+        position: relative;
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-content: center;
+        align-items: center;
+        background: #ebebeb;
+        z-index: 2;
+
+        &:before {
+            content: '';
+            position: absolute;
+            width: 49px;
+            height: 49px;
+            border-radius: 50%;
+            left: -10px;
+            top: -8px;
+            border: 5px solid #ffffff;
+            background: url(../img/icon_leftbar_innermenu_01@2x.png) center/50% 50% no-repeat #004d7b;
+        }
+    }
+
+    &__headline-text {
+        width: 900px;
+        margin-right: 20px;
+        font-family: $fontcuprum;
+        font-size: 20px;
+        font-weight: bold;
+        color: #004d7b;
+        overflow: hidden;
+    }
+
+    &__item {
+        border: 1px solid #ebebeb;
+        background: #fff;
+        font-family: $fontcuprum;
+        margin-bottom: 10px;
+        position: relative;
+        padding-right: 30px;
+        display: flex;
+        flex-direction: row;
+        text-decoration: none;
+
+        &:hover {
+            border-color: #d2dee9;
+        }
+
+        &-img {
+            max-width: 110px;
+
+            &-placeholder {
+                width: 110px;
+                height: 73px;
+                background: #ebebeb;
+
+                .#{$organization-list-selector}__item:hover & {
+                    background: #d2dee9;
+                }
+            }
+
+            &-container {
+                margin: -1px 9px -1px -1px;
+            }
+        }
+
+        &-title {
+            height: 29px;
+            margin: 5px 0 6px;
+            overflow: hidden;
+
+            &-text {
+                display: table-cell;
+                height: 29px;
+                vertical-align: middle;
+                font-size: 17px;
+                line-height: 14px;
+                color: #3b434d;
+                text-decoration: none;
+
+                .#{$organization-list-selector}__item:hover & {
+                    color: lighten(#3b434d, 10%);
+                }
+            }
+        }
+
+        &-description {
+            height: 29px;
+            overflow: hidden;
+            font-family: $fontopensans;
+            font-size: 13px;
+            line-height: 14px;
+            color: #3b434d;
+        }
+
+        &-arrow {
+            display: block;
+            width: 14px;
+            height: 14px;
+            position: absolute;
+            top: 50%;
+            right: 4px;
+            margin-top: -7px;
+            background: url(../img/icon_leftbar_title_arrow1.png) no-repeat;
+        }
+
+        &-badge {
+            left: -1px;
+            bottom: 6px;
+        }
+    }
+
+    &__grid {
+        margin: 10px 0;
+    }
+
+    &__side-menu {
+        z-index: 2;
+        position: relative;
+        background: #ffffff;
+        margin-top: 3px;
+
+        &-item {
+            border-bottom: 1px solid #ebebeb;
+            position: relative;
+
+            $menuItem: &;
+
+            &-arrow {
+                background: url(../img/blockslide_sprite.png) 0 -9px no-repeat;
+                position: absolute;
+                right: 5px;
+                top: 10px;
+                display: block;
+                width: 15px;
+                height: 9px;
+                cursor: pointer;
+
+                #{$menuItem}.active & {
+                    background-position: 0 0;
+                }
+            }
+
+            &.active ul {
+                display: block;
+            }
+        }
+
+        &-link {
+            color: #004d7b;
+            text-decoration: none;
+            font-size: 16px;
+            padding: 8px 25px 8px 8px;
+            display: block;
+            line-height: 19px;
+            font-family: $fontcuprum;
+            font-weight: normal;
+
+            &:hover {
+                background: #d2dee9;
+            }
+        }
+    }
+
+    &__side-submenu {
+        display: none;
+        background: #f7f7f7;
+
+        .organization-list__side-menu-item.active & {
+            display: block;
+        }
+
+        &-item {
+        }
+
+        &-link {
+            color: #9b9b9b;
+            text-decoration: none;
+            font-size: 15px;
+            padding: 8px 8px 8px 15px;
+            display: block;
+            line-height: 19px;
+            font-family: $fontcuprum;
+            font-weight: normal;
+            position: relative;
+
+            &:before {
+                position: absolute;
+                content: '>';
+                left: 5px;
+                top: 6px;
+                font-size: 17px;
+            }
+
+            &:hover {
+                background: #004d7b;
+                color: #fff;
+            }
+        }
+    }
+}

app/assets/styles/content/breadcrumbs.scss

@@ -9,6 +9,8 @@
     align-content: center;
     font-size: 11px;
     line-height: 15px;
+    position: relative;
+    z-index: 2;
 
     &__link {
         color: #929292;

app/assets/styles/content/centerbar/centerbar.scss

@@ -1,5 +1,11 @@
 .centerbar {
     width: 78.2%;
+    z-index: 2;
+
+    &--with-map {
+        margin-top: 300px;
+        position: relative;
+    }
 
     @media screen and (max-width: 1220px) {
         width: 100%;

app/assets/styles/content/centerbar/comments.scss

@@ -267,4 +267,21 @@
         font-size: 13px;
         color: #f00;
     }
+
+    &__accept-rules {
+        color: #595959;
+        margin-top: 10px;
+
+        input[type=checkbox] {
+            -webkit-appearance: checkbox;
+            -moz-appearance: checkbox;
+            appearance: checkbox;
+            vertical-align: top;
+        }
+
+        label {
+            width: 90%;
+            display: inline-block;
+        }
+    }
 }

app/assets/styles/content/centerbar/doctors.scss

@@ -0,0 +1,177 @@
+.grid-dis-col-1 .organization-info__administration-content {
+    padding-left: 0;
+}
+
+.grid-dis-col-1 .personals__item {
+    height: auto;
+}
+
+.grid-dis-col-1 .personals__details {
+    height: auto;
+}
+
+.grid-dis-col-1 .personals__name--wide {
+    height: 63px;
+}
+
+.grid-dis-col-1 .personals__description--wide {
+    padding: 5px 12px 5px 25px;
+}
+
+.grid-dis-col-1 .personals__category--wide {
+    padding-left: 25px;
+    background-position-x: 3px;
+}
+
+.grid-dis-col-33 .vrach-info {
+    min-height: 170px;
+}
+
+.grid-dis-col-33 .vrach-dostig {
+    display: block;
+    margin: 6px 0;
+}
+
+.grid-dis-col-33 .vrach-dostig img {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.grid-dis-col-33 .vrach-dostig .vrach-dostig-text {
+    display: inline-block;
+    vertical-align: middle;
+    width: calc(100% - 80px);
+    color: #929292;
+    font-size: 13px;
+    margin-left: 10px;
+}
+
+.vrach-title-dolznosti {
+    border-top: 1px solid #ebebeb;
+    border-bottom: 1px solid #ebebeb;
+}
+
+.vrach-content-dolznosti {
+    background: #ebebeb;
+    padding: 10px;
+}
+
+.vrach-content-dolznosti-50 {
+    width: calc(50% - .25em - 10px);
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 5px;
+    @media screen and (max-width: 768px) {
+        width: 100%;
+        display: block;
+    }
+}
+
+.vrach-content-dolznosti-map {
+    text-align: center;
+}
+
+.vrach-content-dolznosti-adress {
+    color: #929292;
+    font-size: 13px;
+    text-align: center;
+    font-family: $fontcuprum;
+    margin: 5px auto 15px auto;
+}
+
+.vrach-content-dolznosti-grafik-title {
+    color: #3b434d;
+    font-size: 15px;
+}
+
+.vrach-content-dolznosti-50 table td {
+    width: 22%;
+    text-align: center;
+    color: #3b434d;
+    font-size: 15px;
+    padding: 3px 0;
+}
+
+.vrach-content-dolznosti-50 table td:last-child {
+    width: 46%;
+}
+
+.rach-content-dolznosti-grafik-prev {
+    display: inline-block;
+    width: calc(50% - .25em);
+    font-size: 13px;
+    color: #929292;
+    margin: 5px 0;
+    cursor: pointer;
+}
+
+.rach-content-dolznosti-grafik-next {
+    display: inline-block;
+    width: calc(50% - .25em);
+    font-size: 13px;
+    color: #929292;
+    text-align: right;
+    margin: 5px 0;
+    cursor: pointer;
+}
+
+.rach-content-dolznosti-grafik-prev::before {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_leftbar_title_arrow3-p.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+}
+
+.rach-content-dolznosti-grafik-next::after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_leftbar_title_arrow3.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+}
+
+.rach-content-dolznosti-grafik-button {
+    background: #d7d7d7;
+    color: #929292;
+    width: 100%;
+    display: block;
+    padding: 10px 0;
+    text-align: center;
+}
+
+.vrachi-svedenia-btn {
+    font-size: 13px;
+    color: #929292;
+    text-decoration: underline;
+    margin-left: 15px;
+    display: block;
+}
+
+.vrachi-svedenia-btn:after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_title_arrow-bottom.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+    margin-left: 10px;
+}
+
+.vrachi-border {
+    border-left: 1px solid #ebebeb;
+}
+
+$doctorsPageSelector: '.doctors';
+
+#{$doctorsPageSelector} {
+    &__photo {
+        overflow: hidden;
+        border-radius: 50%;
+    }
+}

app/assets/styles/content/centerbar/full-news.scss

@@ -135,125 +135,27 @@
         }
 
         h2 {
-            font-family: $fontcuprum;
-            font-size: 25px;
-            margin: 20px 0;
-            font-weight: 600;
+            @extend %h2;
         }
 
         h3 {
-            font-family: $fontcuprum;
-            font-size: 20px;
-            margin: 20px 0;
-            font-weight: 600;
+            @extend %h3;
         }
 
         p {
-            font-family: $fontopensans;
-            font-size: 15px;
-            margin: 20px 0;
-
-            img {
-                float: left;
-                margin-right: 20px;
-                margin-bottom: 23px;
-                margin-top: 6px;
-            }
+            @extend %p;
         }
 
         ul {
-            margin: 0;
-            padding: 0;
-            list-style-type: none;
-
-            li {
-                padding-left: 12px;
-                position: relative;
-                font-size: 16px;
-                font-family: $fontopensans;
-                color: #404040;
-                line-height: 1.5;
-                margin-bottom: 10px;
-
-                &:before {
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    left: 0;
-                    top: 10px;
-                    background: #265e86;
-                    border-radius: 50%;
-                    width: 6px;
-                    height: 6px;
-                }
-            }
+            @extend %ul;
         }
 
         ol {
-            margin: 0;
-            padding: 0;
-            list-style-type: none;
-
-            li {
-                counter-increment: step-counter;
-                font-size: 16px;
-                font-family: $fontopensans;
-                color: #404040;
-                line-height: 1.5;
-
-                &:before {
-                    content: counter(step-counter) ".";
-                    font-size: 11px;
-                    font-family: $fontopensans;
-                    color: #004d7b;
-                    font-weight: bold;
-                }
-            }
+            @extend %ol;
         }
 
         table {
-            width: 100%;
-            border-spacing: 0;
-            border: 1px solid #e6e6e6;
-            margin-top: 20px;
-
-            th {
-                background: #e6e6e6;
-                font-size: 11px;
-                font-family: $fontopensans;
-                color: #004d7b;
-                text-transform: uppercase;
-                line-height: 1.2;
-                padding: 17px 0 17px 12px;
-                border: 1px solid #e6e6e6;
-                text-align: left;
-
-                &:nth-child(1) {
-                    width: 19%;
-                }
-
-                &:nth-child(2) {
-                    width: 23%;
-                }
-            }
-
-            td {
-                font-size: 14px;
-                font-family: $fontopensans;
-                color: #404040;
-                line-height: 1.714;
-                padding: 14px 0 14px 12px;
-                border: 1px solid #e6e6e6;
-                vertical-align: top;
-
-                &:nth-child(1) {
-                    width: 13%;
-                }
-
-                &:nth-child(2) {
-                    width: 23%;
-                }
-            }
+            @extend %table;
 
             .mobileth {
                 display: none;
@@ -261,17 +163,7 @@
         }
 
         blockquote {
-            padding: 5px 25px 5px 60px;
-            background: #ebebeb url('../img/cite.png') 20px 30px no-repeat;
-
-            p {
-                font-size: 25px;
-                font-family: $fontcuprum;
-
-                small {
-                    font-size: 15px;
-                }
-            }
+            @extend %blockquote;
         }
 
         .col3__item {
@@ -384,6 +276,21 @@
         }
     }
 
+  &__video {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 56%;
+
+    iframe {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+    }
+  }
+
     .fotorama__nav-wrap {
         width: -moz-calc(100% - 80px);
         width: -webkit-calc(100% - 80px);

app/assets/styles/content/centerbar/organization.scss

@@ -0,0 +1,485 @@
+$organizationInfoSelector: 'organization-info';
+$organizationMediaSelector: 'organization-media';
+
+.#{$organizationInfoSelector} {
+
+    &__container {
+        box-sizing: border-box;
+        border: 1px solid #ebebeb;
+        border-radius: 10px 0 0 0;
+        padding: 0 2px 0 9px;
+        margin-bottom: 10px;
+    }
+
+    &__header {
+        margin-bottom: 30px;
+    }
+
+    &__title {
+        font-family: $fontcuprum;
+        font-size: 32px;
+        font-weight: bold;
+        color: #004d7b;
+        padding: 3px 0 0 0;
+        margin-bottom: 5px;
+    }
+
+    &__vrach-img {
+        position: relative;
+    }
+
+    &__staz {
+        position: absolute;
+        background: #ebebeb;
+        padding: 5px 10px;
+        border-radius: 0 10px 0 10px;
+        bottom: 0;
+        right: 18px;
+        width: 32px;
+        height: 55px;
+        text-align: center;
+        font-size: 13px;
+        color: #929292;
+    }
+
+    &__staz span {
+        font-size: 18px;
+        color: #004d7b;
+    }
+
+    &__sub-title {
+        font-family: $fontcuprum;
+        font-size: 18px;
+        font-weight: bold;
+        color: #3b434d;
+    }
+
+    &__logo {
+        margin-bottom: 3px;
+        max-width: 100%;
+        height: auto;
+    }
+
+    &__address {
+        font-size: 14px;
+        line-height: 16px;
+        text-align: center;
+        color: #929292;
+        margin-bottom: 13px;
+    }
+
+    &__map-link {
+        background: #ebebeb;
+        padding: 6px 10px;
+        text-align: center;
+        font-size: 13px;
+        margin-bottom: 10px;
+        color: #929292;
+        display: block;
+
+        &:hover {
+            background: #d2dee9;
+        }
+    }
+
+    &__map-container {
+        width: 700px;
+        max-width: 100%;
+        position: relative;
+        padding-top: 100%;
+    }
+
+    &__map {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+    }
+
+    &__contacts {
+
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            color: #929292;
+            margin-bottom: 2px;
+            display: block;
+        }
+
+        &-phone {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_01.png) no-repeat left center;
+            margin-bottom: 4px;
+            display: block;
+        }
+
+        &-phones-list {
+            max-height: 123px;
+            transition: all 0.5s ease-in-out;
+            overflow: hidden;
+            &--all {
+                max-height: 9999px;
+            }
+        }
+
+        &-skype {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/skype.png) no-repeat left center;
+            margin-bottom: 4px;
+            display: block;
+        }
+
+        &-show-phones {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            padding-left: 4px;
+            margin-bottom: 5px;
+            text-decoration: none;
+            color: #929292;
+
+            &:after {
+                font-family: $fontcuprum;
+                content: '>';
+                display: inline-block;
+                width: 7px;
+                height: 7px;
+                margin-left: 5px;
+            }
+        }
+
+        &-email {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_03.png) no-repeat left center;
+            margin-bottom: 5px;
+            color: #004d7b;
+            text-decoration: none;
+            display: block;
+        }
+
+        &-site {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_02.png) no-repeat left center;
+            color: #004d7b;
+            text-decoration: none;
+            display: block;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+        }
+
+        &-workmode {
+            font-family: $fontcuprum;
+            line-height: 22px;
+            margin-bottom: 32px;
+            display: block;
+        }
+    }
+
+    &__description {
+        font-family: $fontopensans;
+        font-size: 15px;
+        line-height: 18px;
+        position: relative;
+        overflow: hidden;
+        max-height: none;
+
+        p {
+            margin: 10px 0;
+        }
+
+        &--short {
+            max-height: 100px;
+            &:after {
+                background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) repeat scroll 0 0;
+                bottom: 0;
+                content: "";
+                display: block;
+                height: 100px;
+                left: 0;
+                position: absolute;
+                right: 0;
+            }
+        }
+    }
+
+    &__description-read-more {
+        text-align: center;
+        font-family: $fontopensans;
+        font-size: 13px;
+        color: #004d7b;
+        padding-top: 3px;
+        margin-bottom: 29px;
+        cursor: pointer;
+    }
+
+    &__menu-vrachi {
+        box-sizing: border-box;
+        vertical-align: top;
+        font-size: 15px;
+        margin-left: 10px;
+        margin-top: 0px;
+        padding-left: 0px;
+        min-height: 165px;
+        max-width: 230px;
+        font-family: $fontcuprum;
+
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            color: #929292;
+            margin-bottom: 2px;
+            display: block;
+            margin-left: 5px;
+        }
+        &-item {
+
+        }
+
+        &-link {
+            display: block;
+            padding: 7px 6px;
+            line-height: 14px;
+            color: #004d7b;
+            text-decoration: none;
+
+            #{$organizationInfoSelector}--active &,
+            &:hover {
+                background: #ebebeb;
+            }
+            #{$organizationInfoSelector}--active & {
+                color: #929292;
+            }
+
+        }
+    }
+    &__menu {
+        box-sizing: border-box;
+        vertical-align: top;
+        font-size: 15px;
+        margin-left: 14px;
+        margin-top: -6px;
+        padding-left: 3px;
+        border-left: 1px solid #ebebeb;
+        max-width: 230px;
+        font-family: $fontcuprum;
+
+        &-item {
+
+        }
+
+        &-link {
+            display: block;
+            padding: 7px 6px;
+            line-height: 14px;
+            color: #004d7b;
+            text-decoration: none;
+
+            #{$organizationInfoSelector}--active &,
+            &:hover {
+                background: #ebebeb;
+            }
+            #{$organizationInfoSelector}--active & {
+                color: #929292;
+            }
+
+        }
+    }
+
+    &__show-services {
+        background: #ebebeb;
+        padding: 6px 10px;
+        text-align: center;
+        font-size: 13px;
+        margin-bottom: 10px;
+        color: #929292;
+        display: block;
+        font-family: $fontcuprum;
+        text-decoration: none;
+    }
+
+    &__documents {
+        background: #ebebeb;
+        min-width: 100%;
+
+        td {
+            border: none;
+            padding: 5px;
+            vertical-align: top;
+            font-family: $fontopensans;
+            font-size: 13px;
+            line-height: 15px;
+            color: #3b434d;
+            @media screen and (max-width: 768px) {
+                display: block;
+            }
+        }
+        tr td:first-child {
+            padding-right: 19px;
+        }
+        tr:first-child td {
+            padding-top: 10px;
+        }
+        tr:last-child td {
+            padding-bottom: 7px;
+        }
+        a {
+            display: block;
+            color: #004d7b;
+            text-decoration: none;
+            position: relative;
+            padding-left: 20px;
+        }
+        .table_icon:before {
+            content: '';
+            display: inline-block;
+            width: 13px;
+            height: 15px;
+            margin: 0 5px 0 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            background: url(../img/icon_table_link.png);
+        }
+    }
+
+    &__socials {
+        filter: grayscale(1);
+
+        & > li {
+            display: inline-block;
+        }
+    }
+
+    &__slidedown {
+        margin-bottom: 14px;
+
+        &-title {
+            font-family: $fontcuprum;
+            padding: 9px 0;
+            position: relative;
+            font-size: 20px;
+            font-weight: 600;
+            color: #3b434d;
+        }
+
+        &-subtitle {
+            color: #004d7b;
+            font-size: 13px;
+            display: block;
+        }
+
+        &-mesto {
+            color: #929292;
+            font-size: 13px;
+        }
+
+        &-content {
+
+        }
+
+        &-handler {
+            position: absolute;
+            top: 50%;
+            right: 3px;
+            width: 15px;
+            height: 9px;
+            margin-top: -4px;
+            cursor: pointer;
+            background: url(../img/blockslide_sprite.png) no-repeat;
+        }
+    }
+
+    &__administration-content {
+        padding-left: 10px;
+    }
+
+    &__sub-organizations {
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 20px;
+            font-weight: bold;
+            color: #3b434d;
+            margin-bottom: 10px;
+        }
+    }
+}
+
+.#{$organizationMediaSelector} {
+    &__container {
+        font-family: $fontcuprum;
+        border: 1px solid #ebebeb;
+        padding: 8px 9px 0 9px;
+    }
+
+    &__header {
+        color: #3b434d;
+        font-size: 17px;
+        font-weight: 600;
+        margin-bottom: 17px;
+    }
+
+    &__list {
+        font-family: $fontopensans;
+        font-size: 15px;
+        margin-bottom: 5px;
+        display: block;
+
+        &-item {
+            margin-bottom: 3px;
+            display: block;
+            text-decoration: none;
+            color: #000000;
+
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+
+    &__slider {
+        margin: 0 30px 13px !important;
+        width: calc(100% - 60px);
+
+        &-slide {
+            text-align: center;
+
+            &-content {
+                max-width: 200px;
+                margin: 0 auto;
+            }
+        }
+
+        .slick-arrow {
+
+            width: 25px;
+            height: 45px;
+            position: absolute;
+            top: 50%;
+            margin-top: -23px;
+            cursor: pointer;
+            background-image: url(../img/slider/slidersprite.png);
+
+            &.slick-prev {
+                background-position: left top;
+                left: -27px;
+
+                &:hover {
+                    background-position: left bottom;
+                }
+            }
+            &.slick-next {
+                background-position: right top;
+                right: -27px;
+
+                &:hover {
+                    background-position: right bottom;
+                }
+            }
+        }
+    }
+}

app/assets/styles/content/centerbar/pagetitle.scss

@@ -6,4 +6,12 @@
     font-size: 32px;
     color: #3b434d;
     margin-bottom: 10px;
+
+    &--orange {
+        color: #e65e26;
+    }
+
+    &--specials {
+        margin-bottom: 5px;
+    }
 }

app/assets/styles/content/centerbar/pagination.scss

@@ -78,5 +78,14 @@
         &:hover {
             background: #eb914e;
         }
+
+        &--blue {
+            background: #3b444d;
+
+            &:hover {
+                background: #5597d1;
+                color: #004d7b;
+            }
+        }
     }
 }

app/assets/styles/content/centerbar/specialization-filter.scss

@@ -0,0 +1,14 @@
+.specialization-filter {
+    &__title {
+        margin-bottom: 20px;
+        margin-top: 30px;
+
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+
+    &__person-link {
+        margin: 15px 0;
+    }
+}

app/assets/styles/content/centerbar/specialization-selection.scss

@@ -0,0 +1,119 @@
+$specializationSelectionClass: 'specialization-selection';
+
+.#{$specializationSelectionClass} {
+
+    &__container {
+        background: #ffffff;
+        box-sizing: border-box;
+        width: calc(100% - 26px);
+        padding: 10px;
+        display: block;
+        //max-height: 800px;
+        //display: flex;
+        //flex-direction: column;
+        //flex-wrap: wrap;
+        //align-items: flex-start;
+        column-count: 3;
+        column-gap: 10px;
+
+        &:before,
+        &:after {
+            content: '';
+            display: block;
+            clear: both;
+        }
+    }
+
+    &__group {
+        //width: calc(33.333% - 10px);
+        margin: 5px 5px 5px 5px;
+        display: block;
+        //float: left;
+
+        &:nth-child(3n) {
+            /*width: 33.333%;
+            margin-right: 0;*/
+        }
+    }
+
+    &__list {
+        max-height: 125px;
+        overflow: hidden;
+        display: block;
+
+        &-item {
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+            padding: 5px;
+
+            label {
+                display: block;
+                font-size: 13px;
+                font-family: $fontopensans;
+            }
+
+            &--group-header {
+                background: #ebebeb;
+                padding: 7px 5px;
+
+                label {
+                    display: block;
+                    font-family: $fontcuprum;
+                    font-size: 17px;
+                }
+            }
+        }
+    }
+
+    &__checkbox {
+        -webkit-appearance: checkbox;
+        -moz-appearance: checkbox;
+        appearance: checkbox;
+        display: block;
+        width: 13px !important;
+
+        &--group-header {
+            margin-top: 2px;
+        }
+    }
+
+    &__checkbox-label {
+        display: block;
+        width: calc(100% - 13px - 5px);
+        margin-left: 5px;
+    }
+
+    &__select-button {
+        display: block;
+        font-family: $fontcuprum;
+        font-size: 17px;
+        color: #fff;
+        background-color: #004D7B;
+        width: calc(100% - 26px);
+        padding: 10px;
+        cursor: pointer;
+
+        &:hover {
+            background-color: #006dae;
+        }
+    }
+
+    &__more {
+        color: #0A246A;
+        font-size: 13px;
+        font-family: $fontopensans;
+        padding-left: 18px;
+        cursor: pointer;
+
+        &:after {
+            content: '>';
+            margin-left: 3px;
+        }
+
+        &:hover {
+            color: lighten(#0A246A, 10%);
+            text-decoration: underline;
+        }
+    }
+}

app/assets/styles/content/centerbar/specials.scss

@@ -0,0 +1,298 @@
+$specials-selector: 'special-items';
+
+.#{$specials-selector} {
+
+    &__container {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        margin: 5px -10px 5px 0;
+    }
+
+    &__item {
+        width: 220px;
+        box-sizing: border-box;
+        border-radius: 10px 0 0 0;
+        border: 1px solid #ebebeb;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        margin: 15px 10px;
+        color: #000000;
+        text-decoration: none;
+
+        &:hover {
+            border-color: #d2dee9;
+        }
+    }
+
+    &__title {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        color: #ffffff;
+        font-family: $fontcuprum;
+        font-size: 13px;
+        background-color: #656565;
+        padding: 10px;
+        margin-left: -1px;
+        margin-right: -1px;
+        margin-top: -1px;
+
+        @extend .left_border_radius;
+
+        &--specials {
+            background-color: #e65e26;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#e65e26, 10%);
+            }
+        }
+
+        &--exhibition {
+            background-color: #53b02e;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#53b02e, 10%);
+            }
+        }
+
+        &--school {
+            background-color: #929292;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#929292, 10%);
+            }
+        }
+
+        &--conference {
+            background-color: #5597d1;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#5597d1, 10%);
+            }
+        }
+    }
+
+    &__badge {
+        &--specials {
+            @extend .#{$entity-badge-selector}__badge--orange;
+        }
+
+        &--exhibition {
+            @extend .#{$entity-badge-selector}__badge--green;
+        }
+
+        &--school {
+            @extend .#{$entity-badge-selector}__badge--gray;
+        }
+
+        &--conference {
+            @extend .#{$entity-badge-selector}__badge--blue;
+        }
+    }
+
+    &__item-content {
+        padding: 10px;
+        display: block;
+    }
+
+    &__item-images {
+        position: relative;
+        display: block;
+    }
+
+    &__image {
+        max-width: 100%;
+        display: block;
+    }
+
+    &__organization-icon {
+        max-width: 64px;
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        border-radius: 50%;
+        display: block;
+    }
+
+    &__description {
+        font-family: $fontcuprum;
+        font-size: 15px;
+        padding: 5px 0;
+        display: block;
+        margin: 0 -3px 0 -3px;
+    }
+
+    &__horizontal-rule {
+        display: block;
+        margin: 0 10px;
+        border: none;
+        border-bottom: 1px solid #ebebeb;
+    }
+
+    &__organization-name {
+        font-family: $fontcuprum;
+        font-size: 13px;
+        color: #004d7b;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        height: 40px;
+        padding: 5px 20px;
+        text-align: center;
+        box-sizing: border-box;
+    }
+
+    &__organization-address {
+        font-family: $fontcuprum;
+        font-size: 13px;
+        background: #ebebeb;
+        color: #929292;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        height: 40px;
+        padding: 5px 26px;
+        overflow: hidden;
+        text-align: center;
+        box-sizing: border-box;
+
+        .#{$specials-selector}__item:hover & {
+            background: #d2dee9;
+        }
+    }
+}
+
+$specials-page-selector: 'special-page';
+
+.#{$specials-page-selector} {
+    &__article {
+        margin-bottom: 40px;
+        padding-bottom: 10px;
+        border-bottom: none;
+
+        &:before,
+        &:after {
+            display: block;
+            clear: both;
+            content: '';
+        }
+
+        h2 {
+            @extend %h2;
+        }
+
+        h3 {
+            @extend %h3;
+        }
+
+        p {
+            @extend %p;
+        }
+
+        ul {
+            @extend %ul;
+        }
+
+        ol {
+            @extend %ol;
+        }
+
+        table {
+            @extend %table;
+
+            .mobileth {
+                display: none;
+            }
+        }
+
+        blockquote {
+            @extend %blockquote;
+        }
+
+        .col3__item {
+            display: inline-block;
+            width: calc(33% - 0.25em - 10px);
+            margin-right: 20px;
+
+            &:last-child {
+                margin-right: 0;
+            }
+        }
+
+        .col2__item {
+            display: inline-block;
+            width: calc(50% - 0.25em - 10px);
+            margin-right: 20px;
+
+            &:last-child {
+                margin-right: 0;
+            }
+        }
+    }
+
+    &__description {
+        display: block;
+        font-family: $fontcuprum;
+        font-size: 13px;
+
+        &-type {
+            display: inline-block;
+            color: #ffffff;
+            font-weight: 600;
+            padding: 8px;
+
+            &--specials {
+                @extend .#{$specials-selector}__title--specials;
+            }
+
+            &--exhibition {
+                @extend .#{$specials-selector}__title--exhibition;
+            }
+
+            &--school {
+                @extend .#{$specials-selector}__title--school;
+            }
+
+            &--conference {
+                @extend .#{$specials-selector}__title--conference;
+            }
+        }
+
+        &-dates {
+            display: inline-block;
+            padding: 8px;
+        }
+
+        &-organization-name {
+            display: block;
+            color: #004d7b;
+            margin: 16px 0;
+        }
+
+        &-organization-address {
+            display: block;
+            color: #929292;
+            margin: 16px 0;
+        }
+
+        &-text {
+            font-size: 15px;
+        }
+    }
+
+    &__similar {
+        display: flex;
+        flex-direction: row;
+        margin: 0 -10px;
+    }
+
+    &__subtitle {
+        font-family: $fontcuprum;
+        font-size: 25px;
+        color: #3b434d;
+        font-weight: 600;
+    }
+}

app/assets/styles/content/leftbar/entitybanner.scss

@@ -3,6 +3,7 @@
 
     &__item {
         margin-bottom: 20px;
+        background: #fff;
         border: 1px solid #ebebeb;
         display: -webkit-flex;
         display: -ms-flex;
@@ -10,6 +11,7 @@
         flex-direction: column;
         text-decoration: none;
         border-radius: 10px 0 0 0 / 10px 0 0 0;
+        height: calc(100% - 20px);
 
         &:hover {
             border-color: #d2dee9;
@@ -51,6 +53,8 @@
         display: block;
         margin: auto;
         margin-bottom: 5px;
+        position: relative;
+        min-width: 200px;
     }
     &__img {
         width: 100%;
@@ -75,6 +79,11 @@
         font-family: $fontcuprum;
     }
 
+    &__badge {
+        left: -14px;
+        bottom: 7px;
+    }
+
     &__item:hover {
         border-color: #d2dee9;
     }

app/assets/styles/content/leftbar/filterservice.scss

@@ -4,6 +4,7 @@
         line-height: 18px;
         color: #5597d1;
         height: 53px;
+        text-decoration: none;
 
         &::before {
             content: '';

app/assets/styles/content/leftbar/leftbar.scss

@@ -5,6 +5,7 @@
     display: -ms-flex;
     display: flex;
     flex-direction: column;
+    z-index: 2;
 
     &__title {
         padding-left: 58px;
@@ -23,11 +24,35 @@
         color: #004d7b;
         font-weight: bold;
         flex-wrap: wrap;
+        position: relative;
 
         &--popularservice {
             padding-left: 10px;
             border-radius: 0;
         }
+
+        &--popular-specializations {
+            padding-left: 10px;
+            border-radius: 0;
+            font-size: 18px;
+        }
+
+        &--adjacent-specialization {
+            text-decoration: none;
+            height: 54px;
+            margin-bottom: 10px;
+            &:before {
+                position: absolute;
+                left: 2px;
+                top: 2px;
+                display: block;
+                content: '';
+                background: #fff;
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+            }
+        }
     }
 
     &__subtitle {
@@ -79,6 +104,15 @@
         }
     }
 
+    &__item-caption {
+        line-height: 20px;
+        color: #3b434d;
+        font-size: 17px;
+        font-family: $fontcuprum;
+        font-weight: bold;
+        margin-bottom: 10px;
+    }
+
     @media screen and (max-width: 1220px) {
         width: 100%;
     }

app/assets/styles/content/leftbar/personals.scss

@@ -8,6 +8,9 @@
         display: flex;
         flex-direction: column;
         margin-bottom: 20px;
+        height: 100%;
+        width: calc(100% - 10px);
+        margin-left: 10px;
     }
     &__link {
         text-decoration: none;
@@ -88,6 +91,10 @@
     &__details {
         border: 1px solid #ebebeb;
         border-top: none;
+        height: calc(100% - 63px);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
 
         &--wide {
             min-height: 23px;

app/assets/styles/content/leftbar/popularservice.scss

@@ -12,6 +12,7 @@
         height: 0;
         overflow: hidden;
         transition: all .5s ease;
+        background: #ffffff;
 
         &.active {
             height: auto;

app/assets/styles/content/leftbar/specialization.scss

@@ -25,6 +25,7 @@
         height: 0;
         overflow: hidden;
         transition: all .5s ease;
+        background: #ffffff;
 
         &.active {
             height: auto;

app/assets/styles/footer/copyright.scss

@@ -6,6 +6,7 @@
     justify-content: flex-start;
     align-items: flex-start;
     align-content: flex-start;
+    margin-right: 22px;
 
     &__link {
         position: relative;

app/assets/styles/footer/footer.scss

@@ -20,4 +20,14 @@
         align-items: flex-end;
         align-content: flex-end;
     }
+    &__logo {
+        width: 104px;
+        margin-right: 18px;
+        padding-top: 12px;
+
+        &-img {
+            max-width: 100%;
+            height: auto;
+        }
+    }
 }

app/assets/styles/header/blind.scss

@@ -0,0 +1,137 @@
+.wrapper--blind {
+    padding: 20px;
+    display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.blind {
+    width: 100%;
+    background: #fff;
+    display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    flex-direction: row;
+    display: none;
+    line-height: 20px;
+    padding: 0;
+    margin: 0;
+    font-size: 20px !important;
+    padding-bottom: 30px;
+    font-family: "open_sansregular";
+    justify-content: flex-start;
+    align-items: flex-start;
+    align-content: flex-start;
+
+    &__item {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: column;
+        padding: 0;
+        margin: 0;
+        font-weight: bold;
+        justify-content: space-between;
+        min-height: 100px;
+    }
+    &__buttons {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        align-items: flex-start;
+        align-content: flex-start;
+    }
+    &__link {
+        padding: 0;
+        margin: 0;
+        height: 30px;
+        border: 1px solid #000000;
+        border-radius: 3px;
+        line-height: 30px;
+        overflow: hidden;
+        padding: 0 8px;
+        text-decoration: none !important;
+        color: #000000;
+
+        &--fontsize100 {
+            font-size: 14px;
+        }
+        &--fontsize102 {
+            font-size: 17px;
+        }
+        &--fontsize104 {
+            font-size: 20px;
+        }
+        &--fontsize106 {
+            font-size: 23px;
+        }
+        &--fontsize108 {
+            font-size: 26px;
+        }
+        &--fontsize110 {
+            font-size: 29px;
+        }
+    }
+    &__buttons {
+        padding: 0;
+        margin: 0;
+    }
+}
+
+.imgoff {
+    display: none !important;
+}
+
+.font100 {
+    font-size: 100%;
+}
+
+.font102 {
+    font-size: 102%;
+}
+
+.font104 {
+    font-size: 104%;
+}
+
+.font106 {
+    font-size: 106%;
+}
+
+.font108 {
+    font-size: 108%;
+}
+
+.font110 {
+    font-size: 110%;
+}
+
+.default {
+}
+
+.whiteblack,
+.whiteblack:hover {
+    background-image: none;
+    background: #ffffff;
+    color: #000000;
+}
+
+.blackwhite,
+.blackwhite:hover {
+    background-image: none;
+    background: #000000;
+    color: #ffffff;
+
+    .blind__link {
+        border-color: #ffffff;
+    }
+}
+
+.blackwhite:hover a,
+.whiteblack:hover a {
+    text-decoration: underline;
+}

app/assets/styles/header/region-selection-box.scss

@@ -0,0 +1,50 @@
+.region-selection {
+    &__box {
+        -webkit-box-shadow: 0 0 10px 0 #a8a8a8;
+        box-shadow: 0 0 10px 0 #a8a8a8;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+
+        &:before {
+            position: absolute;
+            content: '';
+            top: -13px;
+            left: 50%;
+            background: url(../img/regions-block-arrow.png);
+            width: 19px;
+            height: 13px;
+        }
+    }
+    &__item {
+
+    }
+    &__link {
+        font-size: 13px;
+        font-family: $fontopensans;
+        color: #929292;
+        text-decoration: none;
+        vertical-align: middle;
+
+        &:hover {
+            color: lighten(#929292, 10%);
+            text-decoration: underline;
+        }
+    }
+
+    &__items-list {
+        box-sizing: border-box;
+        width: 150px;
+        margin: 5px 10px;
+    }
+
+    &__list-letter {
+        font-size: 16px;
+        font-family: $fontopensans;
+        color: #004d7b;
+        text-transform: uppercase;
+        line-height: 1.2;
+        min-height: 19px;
+    }
+}

app/assets/styles/header/region.scss

@@ -6,6 +6,7 @@
     justify-content: center;
     align-items: center;
     align-content: center;
+    position: relative;
 
     &__img {
         margin: 0 10px;
@@ -27,4 +28,12 @@
     &__name {
         @extend .region;
     }
+
+    &__selection-box {
+        position: absolute;
+        width: 600px;
+        top: 40px;
+        background: #ffffff;
+        font-size: 14px;
+    }
 }

app/assets/styles/scripts/daterangepicker.scss

@@ -1,10 +1,9 @@
 .date-picker {
     width: 170px;
     height: 25px;
-    padding: 0;
     border: 0;
     line-height: 25px;
-    padding-left: 10px;
+    padding: 0 0 0 10px;
     font-size: 12px;
     font-family: Arial, sans-serif;
     font-weight: bold;
@@ -17,7 +16,6 @@
 .date-picker-wrapper {
     position: absolute;
     margin-top: 10px;
-    z-index: 1;
     border: 1px solid #c8c8c8;
     background-color: #ebebeb;
     padding: 5px 12px 0 12px;
@@ -25,11 +23,11 @@
     line-height: 20px;
     color: #aaa;
     font-family: Arial, sans-serif;
-    box-sizing: initial;
     max-height: 280px;
     overflow: hidden;
     margin-left: 170px;
     box-sizing: border-box;
+    z-index: 2;
 }
 
 .date-picker-wrapper.inline-wrapper {
@@ -41,15 +39,14 @@
 
 .date-picker-wrapper.single-date {
     padding: 0 10px;
+    margin-left: 0px;
 }
 
 .date-picker-wrapper.no-shortcuts {
-    padding-bottom: 5px;
     padding-bottom: 0;
 }
 
 .date-picker-wrapper.no-topbar {
-    padding-top: 12px;
     padding-top: 0;
     padding-bottom: 8px;
 }
@@ -98,13 +95,12 @@
     vertical-align: middle;
     text-align: center;
     line-height: 30px;
-    margin: 0px;
-    padding: 2px 0px;
+    margin: 0;
+    padding: 2px 0;
 }
 
 .date-picker-wrapper .month-wrapper table .day {
     padding: 0;
-    line-height: 1;
     font-size: 12px;
     margin-bottom: 1px;
     color: #929292;
@@ -186,7 +182,6 @@
     position: relative;
     z-index: 1;
     width: 15px;
-    height: 100%;
     background-color: red;
     font-size: 0;
     line-height: 0;
@@ -220,7 +215,7 @@
 .date-picker-wrapper .gap .gap-line .gap-2 {
     position: absolute;
     right: 0;
-    top: 0px;
+    top: 0;
     z-index: 2;
     height: 0;
     border-left: 8px solid transparent;
@@ -298,14 +293,13 @@
 
 .date-picker-wrapper .drp_top-bar .apply-btn {
     position: absolute;
-    right: 0px;
+    right: 0;
     top: 6px;
     padding: 3px 5px;
     margin: 0;
     font-size: 12px;
     border-radius: 4px;
     cursor: pointer;
-    color: #d9eef7;
     border: solid 1px #0076a3;
     background: #0095cd;
     background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));

app/assets/styles/tags.scss

@@ -0,0 +1,135 @@
+%h2 {
+    font-family: $fontcuprum;
+    font-size: 25px;
+    margin: 20px 0;
+    font-weight: 600;
+}
+
+%h3 {
+    font-family: $fontcuprum;
+    font-size: 20px;
+    margin: 20px 0;
+    font-weight: 600;
+}
+
+%p {
+    font-family: $fontopensans;
+    font-size: 15px;
+    margin: 20px 0;
+
+    img {
+        float: left;
+        margin-right: 20px;
+        margin-bottom: 23px;
+        margin-top: 6px;
+    }
+}
+
+%ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    li {
+        padding-left: 12px;
+        position: relative;
+        font-size: 16px;
+        font-family: $fontopensans;
+        color: #404040;
+        line-height: 1.5;
+        margin-bottom: 10px;
+
+        &:before {
+            content: '';
+            display: block;
+            position: absolute;
+            left: 0;
+            top: 10px;
+            background: #265e86;
+            border-radius: 50%;
+            width: 6px;
+            height: 6px;
+        }
+    }
+}
+
+%ol {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    li {
+        counter-increment: step-counter;
+        font-size: 16px;
+        font-family: $fontopensans;
+        color: #404040;
+        line-height: 1.5;
+
+        &:before {
+            content: counter(step-counter) ".";
+            font-size: 11px;
+            font-family: $fontopensans;
+            color: #004d7b;
+            font-weight: bold;
+        }
+    }
+}
+
+%table {
+    width: 100%;
+    border-spacing: 0;
+    border: 1px solid #e6e6e6;
+    margin-top: 20px;
+
+    th {
+        background: #e6e6e6;
+        font-size: 11px;
+        font-family: $fontopensans;
+        color: #004d7b;
+        text-transform: uppercase;
+        line-height: 1.2;
+        padding: 17px 0 17px 12px;
+        border: 1px solid #e6e6e6;
+        text-align: left;
+
+        &:nth-child(1) {
+            width: 19%;
+        }
+
+        &:nth-child(2) {
+            width: 23%;
+        }
+    }
+
+    td {
+        font-size: 14px;
+        font-family: $fontopensans;
+        color: #404040;
+        line-height: 1.714;
+        padding: 14px 0 14px 12px;
+        border: 1px solid #e6e6e6;
+        vertical-align: top;
+
+        &:nth-child(1) {
+            width: 13%;
+        }
+
+        &:nth-child(2) {
+            width: 23%;
+        }
+    }
+}
+
+%blockquote {
+    padding: 5px 25px 5px 60px;
+    background: #ebebeb url('../img/cite.png') 20px 30px no-repeat;
+
+    p {
+        font-size: 25px;
+        font-family: $fontcuprum;
+
+        small {
+            font-size: 15px;
+        }
+    }
+}

app/assets/ts/comments.ts

@@ -106,15 +106,27 @@ namespace Comments {
             this.formData = {answerTo: targetId};
         }
 
+        private isRulesAccepted() {
+            return $('#acceptRules').is(':checked');
+        }
+
         private submitFrom(e) {
             e.preventDefault();
+
+            $('.comments__add-error').remove();
+
+            if (!this.isRulesAccepted()) {
+                this.form.prepend($('<p class="comments__add-error">Необходимо дать согласие на обработку персональных данных.</p>'));
+                return false;
+            }
+
             let data = this.form.serializeArray();
             for (let i in data) {
                 if (data.hasOwnProperty(i)) {
                     this.formData[data[i].name] = data[i].value;
                 }
             }
-            $('.comments__add-error').remove();
+
             console.dir({UserComments: this.formData});
             $.ajax({
                 url: this.owner.postEndpointUrl,
@@ -141,6 +153,7 @@ namespace Comments {
             }).bind(this)).always((function () {
                 this.formData = [];
             }).bind(this));
+            return true;
         }
     }
 

app/assets/ts/doctor-schedule.ts

@@ -0,0 +1,77 @@
+/// <reference path="../../node_modules/moment/moment.d.ts"/>
+/// <reference path="../../node_modules/@types/jquery/index.d.ts"/>
+
+// import moment = require("moment");
+
+namespace DoctorSchedule {
+
+    let recalculateDate = function (dateSpec, action) {
+        dateSpec = parseDate(dateSpec);
+        dateSpec.push((new Date).getFullYear());
+        dateSpec = dateSpec.reverse();
+        dateSpec[1]--;
+        let momentDate = moment(dateSpec);
+        momentDate[action](7, 'days');
+        return momentDate.format('DD.MM');
+    };
+
+    let parseDate = function (string) {
+        return string.split('.').map(data => parseInt(data));
+    };
+
+    let getDateColumn = function (row: JQuery) {
+        return row.find('td:first-child');
+    };
+
+    let nextDate = function (prev: JQuery, next: JQuery) {
+        getRows(next).each(function (index) {
+            let date = getDateColumn($(this)).html();
+            getDateColumn($(this)).html(recalculateDate(date, 'add'));
+        });
+        setButtonsText(prev, next, 'add');
+    };
+
+    let prevDate = function (prev: JQuery, next: JQuery) {
+        getRows(next).each(function (index) {
+            let date = getDateColumn($(this)).html();
+            getDateColumn($(this)).html(recalculateDate(date, 'subtract'));
+        });
+        setButtonsText(prev, next, 'subtract');
+    };
+
+    let setButtonsText = function (prev: JQuery, next: JQuery, action) {
+        setButtonDate(prev, action);
+        setButtonDate(next, action);
+    };
+
+    let setButtonDate = function (button: JQuery, action) {
+        let dates = button.html().trim().split(' – ');
+        console.log(dates);
+        button.html(recalculateDate(dates[0], action) + ' &ndash; ' + recalculateDate(dates[1], action));
+    };
+
+    let getRows = function (element: JQuery) {
+        return element.parent().find('tr');
+    };
+
+    class DoctorSchedule {
+
+        constructor(prevBtn, nextBtn) {
+            let next = nextDate.bind(this);
+            let prev = prevDate.bind(this);
+            prevBtn.on('click', function (e) {
+                e.preventDefault();
+                prev(prevBtn, nextBtn);
+            });
+            nextBtn.on('click', function (e) {
+                e.preventDefault();
+                next(prevBtn, nextBtn);
+            });
+        }
+    }
+
+
+    export function init($prevBtn: JQuery, $nextBtn: JQuery) {
+        return new DoctorSchedule($prevBtn, $nextBtn);
+    }
+}

app/assets/ts/region-selection.ts

@@ -0,0 +1,191 @@
+/// <reference path="../../node_modules/@types/jquery/index.d.ts"/>
+
+namespace RegionSelection {
+
+    function foreach(data, callback: (value: any, key?: number | string, array?: Array<any>) => void) {
+        for (let key in data) {
+            if (data.hasOwnProperty(key) && typeof data[key] !== 'function') {
+                callback(data[key], key, data);
+            }
+        }
+    }
+
+    class RegionsCollection {
+        [index: number]: Region;
+
+        public constructor(data: Region[]) {
+            let length = 0;
+            this.setLength = function (value: number) {
+                length = value;
+            };
+            this.getLength = function () {
+                return length;
+            };
+            foreach(data, (region: Region) => this.push(region));
+        }
+
+        get length() {
+            return this.getLength();
+        };
+
+        set length(value: number) {
+            this.setLength(value);
+        }
+
+        public setLength(value: number) {
+        };
+
+        public getLength(): number {
+            return 0;
+        };
+
+        public push(item: Region) {
+            Array.prototype.push.call(this, item);
+        }
+
+        public forEach(callback: (value: any, key?: number | string, array?: Array<any>) => void) {
+            Array.prototype.forEach.call(this, callback);
+        }
+
+        public group(groupFunction: (region: Region) => string): { [groupName: string]: RegionsCollection } {
+            let groups = {};
+            this.forEach((region: Region) => {
+                let groupName = groupFunction(region);
+                if (groups[groupName] === undefined) {
+                    groups[groupName] = new RegionsCollection([]);
+                }
+                groups[groupName].push(region);
+            });
+            return groups;
+        }
+
+        public sort(sortFunction: (region1: Region, region2: Region) => number): RegionsCollection {
+            let data = [];
+            this.forEach((region) => data.push(region));
+            data.sort(sortFunction);
+            return new RegionsCollection(data);
+        }
+    }
+
+    class RegionSelectionBox {
+        private selector: JQuery;
+        private regions: RegionsCollection = new RegionsCollection([]);
+        private box: JQuery;
+
+        constructor(selector: JQuery) {
+            this.selector = selector;
+            if (this.selector.data('regions') !== undefined) {
+                this.fillRegions(this.selector.data('regions'));
+            }
+
+            this.selector.on('click', this.showBox.bind(this));
+        }
+
+        private fillRegions(data) {
+            foreach(eval(data), (value: RegionInterface) => {
+                this.regions.push(new Region(value));
+            });
+        }
+
+        private showBox(e: JQueryEventObject) {
+            e.preventDefault();
+            e.stopPropagation();
+
+            if (this.box === undefined) {
+                this.renderBox();
+            }
+
+            let box = this.box;
+
+            let hide = function () {
+                box.hide(0, () => {
+                    $('body').off('click', hide);
+                });
+            }.bind(this);
+
+            if (box.is(':visible')) {
+                hide();
+            } else {
+                $('body').on('click', hide);
+                box.show(0);
+            }
+        }
+
+        private renderBox() {
+            if (!$('.region__selection-box').length) {
+                this.box = $('<div class="region__selection-box region-selection__box"></div>');
+                let linkTemplate = '<a href="{link}" class="region-selection__link">{name}</a>';
+                // let iconTemplate = '<img src="{icon}" class="region-selection__icon">';
+
+                let grouped = this.regions.sort(function (region1: Region, region2: Region) {
+                    return region1.caption < region2.caption ? -1 : region1.caption > region2.caption ? 1 : 0;
+                }).group((region: Region) => {
+                    return region.caption.charAt(0).toUpperCase();
+                });
+
+                foreach(grouped, (regionCollection: RegionsCollection, groupName) => {
+                    let itemsList = $('<div class="region-selection__items-list"></div>');
+                    itemsList.append($(`<div class="region-selection__list-letter">${groupName}</div>`));
+                    foreach(regionCollection, (region: Region) => {
+                        let item = $('<div class="region-selection__item"></div>').append(linkTemplate
+                                .replace('{link}', region.link)
+                                .replace('{name}', region.caption)
+                            // .replace('{icon}', iconTemplate.replace('{icon}', region.icon))
+                        );
+                        itemsList.append($(item));
+                    });
+                    this.box.append(itemsList);
+                });
+                this.box.css('display', 'none');
+                this.selector.parent().append(this.box);
+            }
+        }
+    }
+
+    interface RegionInterface {
+        id: number;
+        caption: string;
+        link: string;
+        icon: string;
+    }
+
+    class Region {
+
+        constructor(data: RegionInterface) {
+            this._id = data.id;
+            this._caption = data.caption;
+            this._link = data.link;
+            this._icon = data.icon;
+        }
+
+        private _id: number;
+
+        get id() {
+            return this._id;
+        }
+
+        private _caption: string;
+
+        get caption() {
+            return this._caption;
+        }
+
+        private _link: string;
+
+        get link(): string {
+            return this._link;
+        }
+
+        private _icon: string;
+
+        get icon(): string {
+            return this._icon;
+        }
+
+    }
+
+    export function createSelectionBox($object: JQuery) {
+        return new RegionSelectionBox($object);
+    }
+
+}

app/gulpfile.js

@@ -79,9 +79,13 @@ gulp.task('scripts', function () {
         'assets/scripts/daterangepicker.js',
         'assets/scripts/dotdotdot.js',
         //'assets/scripts/formstyler.js',
+        'assets/scripts/jquery.cookie.min.js',
+        'assets/scripts/blind.js',
         'assets/scripts/regionfilter.js',
         'assets/scripts/specfilter.js',
         'assets/scripts/comments.js',
+        'assets/scripts/region-selection.js',
+        'assets/scripts/doctor-schedule.js',
         'assets/scripts/main.js'
     ])
         .pipe(plumber())

app/package.json

@@ -30,6 +30,15 @@
   },
   "dependencies": {
     "@types/fancybox": "^2.1.29",
-    "@types/jquery": "^2.0.46"
+    "@types/jquery": "^2.0.46",
+    "moment": "^2.18.1"
+  },
+  "browserslist": {
+    "production": [
+      "last 50 versions"
+    ],
+    "development": [
+      "last 50 versions"
+    ]
   }
 }

app/www/css/slick.css

@@ -0,0 +1,117 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

app/www/js/scripts.js

@@ -0,0 +1,18 @@
+$(document).ready(function(){
+	$('.mediateka--slider').slick({
+	  infinite: true,
+	  dots: false,
+	  slidesToShow: 3,
+	  slidesToScroll: 1,
+	  prevArrow: '<div class="slick-prev"></div>',
+	  nextArrow: '<div class="slick-next"></div>'
+	});
+	$('iframe[src^="https://www.youtube.com"]').wrap('<div class="video-wrapper"></div>');
+	$('.sidebarmenu2 ul').parent('li').addClass('menu-item-has-children');
+	$('.sidebarmenu2 .menu-item-has-children > a').on('click', function(e){
+		jQuery(this).next('ul').slideToggle();
+		jQuery(this).toggleClass('active');
+		e.preventDefault();
+	});
+	
+});

app/www/org_list.php

@@ -0,0 +1,607 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Детские больницы и поликлиники</title>
+		<link href="css/all.css" rel="stylesheet">
+        <link href="css/all2.css" rel="stylesheet">
+        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+		<script src="js/all.min.js"></script>
+		<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
+		<script>
+			ymaps.ready(init);
+			var iconImgSrc = 'http://divster.ru/met/img/contact-icon-1.png';
+			var iconImgSize = [17, 24];
+		function init () {
+			var myMap1 = new ymaps.Map('map1', {
+					center: [54.629148, 39.734928],
+					zoom: 11
+				}),
+
+				myPlacemark1 = new ymaps.Placemark([54.587046, 39.785234], {
+					balloonContent: 'г. Рязань, п. Соколовка, ул. Связи, д. 29, стр. 8'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				}),
+
+				myPlacemark2 = new ymaps.Placemark([54.031840, 39.774104], {
+					balloonContent: 'Рязанская область, г. Новомичуринск, ул. Промышленная, Промзона'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				});
+			myMap1.behaviors.disable('scrollZoom');
+			myMap1.geoObjects.add(myPlacemark1)
+				.add(myPlacemark2)
+			;
+		}
+		</script>
+	</head>
+	<body>
+		<!--START container-->
+		<div class="container">
+			<!--START header-->
+			<header class="header header--index inner">
+				<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 inner">
+				<div id="map1"></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--search--headline">
+					<div class="grid-row">
+						<div class="grid-col grid-col-4">
+							<div class="orglist--headline">
+								<div class="orglist--headline--text">Детские больницы и поликлиники</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="wrapper wrapper--content">
+					<!--START leftbar-->
+					<aside class="leftbar">
+						<!--mainmenu-->
+						<ul class="sidebarmenu2">
+							<li><a href="#">Горячие телефоны и экстренные службы</a></li>
+							<li><a href="#">Административные учреждения и профильные органы надзора</a></li>
+							<li><a href="#">Государственные бюджетные учреждения здравоохранения</a>
+								<ul>
+									<li><a href="#">Скорая и неотложная помощь, травмпункты</a></li>
+									<li><a href="#">Больницы/госпитали</a></li>
+									<li class="current"><a href="#">Детские больницы и поликлиники</a></li>
+									<li><a href="#">Поликлиники</a></li>
+									<li><a href="#">Стоматологические поликлиники</a></li>
+									<li><a href="#">Диспансеры</a></li>
+									<li><a href="#">Специализированные центры</a></li>
+									<li><a href="#">Родильные дома/женские консультации</a></li>
+									<li><a href="#">Санатории и профилактории</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Ведомственные ЛПУ и медсанчасти</a></li>
+							<li><a href="#">Государственые бюджетные учреждения социальной защиты</a>
+								<ul>
+									<li><a href="#">Центры социального обслуживания и реабилитации</a></li>
+									<li><a href="#">Интернаты</a></li>
+									<li><a href="#">Специализированные и коррекционные школы</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Учреждения профильного образования и научные центры</a></li>
+							<li><a href="#">Экспертиза</a>
+								<ul>
+									<li><a href="#">Медико-социальная</a></li>
+									<li><a href="#">Судебно-медицинская и генетическая экспертиза</a></li>
+									<li><a href="#">Наркологическая и психиатрическая экспертиза</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Общественные организации</a>
+								<ul>
+									<li><a href="#">Профсоюзные организации</a></li>
+									<li><a href="#">Общественные профильные организации</a></li>
+									<li><a href="#">Общественные благотворительные организации и фонды</a></li>
+									<li><a href="#">Общественные экологические организации</a></li>
+									<li><a href="#">Медицинские ассоциации и профессиональные сообщества</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Медицинское производство</a>
+								<ul>
+									<li><a href="#">Фармацевтические и медицинские производства</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Медицинские услуги</a>
+								<ul>
+									<li><a href="#">Страховые медицинские организации</a></li>
+									<li><a href="#">Лечебно-диагностические центры и кабинеты</a></li>
+									<li><a href="#">Стоматологические центры и кабинеты</a></li>
+									<li><a href="#">Лаборатории и центры медосмотров</a></li>
+									<li><a href="#">Психологическая и наркологическая помощь</a></li>
+									<li><a href="#">Центры детского развития и логопедической помощи</a></li>
+									<li><a href="#">Массаж и мануальная терапия</a></li>
+									<li><a href="#">Красота и здоровье</a></li>
+									<li><a href="#">Медицинские справки</a></li>
+									<li><a href="#">Уход за больными</a></li>
+									<li><a href="#">Центры алтернативной медицины</a></li>
+									<li><a href="#">Санаторные услуги</a></li>
+									<li><a href="#">Медицинский туризм </a></li>
+									<li><a href="#">Санитарно-эпидемиологические услуги и дезинфекция</a></li>
+									<li><a href="#">Ремонт и ТО медицинской техники</a></li>
+									<li><a href="#">Информационные услуги и СМИ</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Медицинские товары и лекарства</a>
+								<ul>
+									<li><a href="#">Аптеки</a></li>
+									<li><a href="#">Оптики</a></li>
+									<li><a href="#">Ортопедия</a></li>
+									<li><a href="#">Медтехника и товары для здоровья</a></li>
+									<li><a href="#">Представительства и филиалы производств и ТМ</a></li>
+									<li><a href="#">Поставщики медикаментов, медицинской продукции и техники</a></li>
+								</ul>
+							</li>
+							<li><a href="#">Ветеринария</a>
+								<ul>
+									<li><a href="#">Ветеринарные инспекции и станции</a></li>
+									<li><a href="#">Ветеринарные клинические и диагностичесие услуги</a></li>
+								</ul>
+							</li>
+						</ul>
+						
+					</aside>
+					<!--leftbar END-->
+					<!--START centerbar-->
+					<main class="centerbar withmap">
+						<div class="grid-row row-org1">
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+						</div>
+						<div class="grid-row row-org2 marg-bottom-none">
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-4">
+								<div class="content--ad"><img src="http://placehold.it/950x155" alt=""></div>
+							</div>						
+							<div class="grid-col grid-col-2">	
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+						</div>
+						<div class="grid-row row-org1">
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+						</div>
+						<nav role="navigation" class="pagination2__container">
+							<ul class="pagination2__list">
+								<li class="pagination2__item"><a href="#" class="pagination2__link pagination2__link--left"></a></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link pagination2__link--active">1</a></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link">2</a></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link">3</a></li>
+								<li class="pagination2__item"><span class="pagination2__link pagination2__link--separator">...</span></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link">9</a></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link">10</a></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link">11</a></li>
+								<li class="pagination2__item"><a href="#" class="pagination2__link pagination2__link--right"></a></li>
+							</ul>
+							<a href="#" class="pagination2__filter"><span class="pagination2__btn">Показать все</span></a>
+							<a href="#" class="pagination2__filter pagination2__filtermobile"><span class="pagination2__btn">Все</span></a>
+						</nav>
+								
+					</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>

app/www/spec_search.php

@@ -0,0 +1,493 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Поиск по специализациям</title>
+		<link href="css/all.css" rel="stylesheet">
+        <link href="css/all2.css" rel="stylesheet">
+        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+		<script src="js/all.min.js"></script>
+		<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
+		<script src="js/slick.min.js"></script>
+		<script src="js/scripts.js"></script>
+		<script>
+			ymaps.ready(init);
+			var iconImgSrc = 'img/marker.png';
+			var iconImgSize = [12, 16];
+		function init () {
+			var myMap1 = new ymaps.Map('map1', {
+					center: [54.629148, 39.734928],
+					zoom: 11
+				}),
+
+				myPlacemark1 = new ymaps.Placemark([54.587046, 39.785234], {
+					balloonContent: 'г. Рязань, п. Соколовка, ул. Связи, д. 29, стр. 8'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				}),
+
+				myPlacemark2 = new ymaps.Placemark([54.031840, 39.774104], {
+					balloonContent: 'Рязанская область, г. Новомичуринск, ул. Промышленная, Промзона'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				});
+			myMap1.behaviors.disable('scrollZoom');
+			myMap1.geoObjects.add(myPlacemark1)
+				.add(myPlacemark2)
+			;
+		}
+		</script>
+	</head>
+	<body>
+		<!--START container-->
+		<div class="container">
+			<!--START header-->
+			<header class="header header--index inner">
+				<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 inner">
+				<div id="map1"></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--search--headline">
+					<div class="grid-row">
+						<div class="grid-col grid-col-4">
+							<div class="search--headline">
+								<div class="search--headline--text">Результаты поиска по специализациям: Скорая помощь, Детские специализации, Женские специализации...</div>
+								<div class="search--headline--form">
+									<form action="">
+										<input type="text" placeholder="Например, гастроэнтерология" class="search__input">
+										<button type="submit" class="search__iconzoom"></button>
+									</form>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="wrapper wrapper--content">
+					<!--START leftbar-->
+					<aside class="leftbar">
+						<!--selectedfilter-->
+						<div class="selectedfilter">
+							<div class="selectedfilter__wrap">
+								<div class="selectedfilter__title">Выбранные специализации</div>
+								<div class="selectedfilter__listcase">
+									<ul class="selectedfilter__list">
+										<li class="selectedfilter__item"><a href="#" class="selectedfilter__link">Специализация1</a></li>
+										<li class="selectedfilter__item"><a href="#" class="selectedfilter__link">Специализация2</a></li>
+									</ul><a href="#" class="selectedfilter__reset">Сбросить все</a>
+								</div>
+							</div>
+							<!--menu-->
+							<div class="leftbar__item leftbar__item--sidebarmenu sidebarmenu"><a id="sidebarmenu__title" href="#" class="leftbar__title leftbar__title--sidebarmenu sidebarmenu__title"><span>Популярные специализации</span></a>
+								<ul class="sidebarmenu__list active">
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Мануальная терапия</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Гастроэнтерология</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Физиотерапия</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Функциональная диагностика</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Стоматология</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Мануальная терапия</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Гастроэнтерология</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Физиотерапия</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Мануальная терапия</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Гастроэнтерология</a></li>
+									<li class="sidebarmenu__item"><a href="#" class="sidebarmenu__link">Отоларингология</a></li>
+								</ul>
+							</div>
+						</div>
+						<div class="banner banner--230x400">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+					</aside>
+					<!--leftbar END-->
+					<!--START centerbar-->
+					<main class="centerbar withmap">
+						<div class="grid-row">
+							<div class="grid-col grid-col-4">
+								<div class="pagetitle2container title--org">
+									<h1>Организации</h1>
+								</div>
+							</div>
+						</div>
+						<div class="grid-row row-org1">
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item recommend-badge">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="org1__item">
+									<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+									<div class="org1__img"><img src="http://placehold.it/200x130" alt=""></a></div>
+									<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+								</div>
+							</div>
+						</div>
+						<div class="grid-row row-org2">
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix recommend-badge">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="org2__item clearfix">
+									<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>
+									<div class="org2__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+									<div class="org2__desc">Министерство здравоохранения Рязанской области</div>
+									<a href="#" class="org2__link"></a>
+								</div>
+							</div>
+						</div>
+						<div class="grid-row">
+							<div class="grid-col grid-col-4">
+								<div class="pagetitle2container title--spec">
+									<h1>Специалисты</h1>
+								</div>
+							</div>
+						</div>
+						<div class="grid-row row-pers1">
+							<div class="grid-col grid-col-1">
+								<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 class="grid-col grid-col-1">
+								<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 class="grid-col grid-col-1">
+								<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 class="grid-col grid-col-1">
+								<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>
+						<div class="grid-row row-pers2">
+							<div class="grid-col grid-col-3">
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<div class="content--ad"><img src="http://placehold.it/710x155" alt=""></div>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+								<a href="#" class="personals2__item personals__link">
+									<div class="personals2__title">
+										<img src="http://placehold.it/63x63/dddddd/" class="personals2__photo">
+										<span class="personals2__name">Савельева Евгения Владимировна</span>
+										<span class="personals2__description">Врач первой категории, кмн</span>
+									</div>
+									<div class="personals2__details"><span class="personals2__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></div>
+								</a>
+							</div>
+							<div class="grid-col grid-col-1">
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</div>
+								<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>
+					</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>

app/www/spec_single.php

@@ -0,0 +1,601 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Специализация</title>
+		<link href="css/all.css" rel="stylesheet">
+        <link href="css/all2.css" rel="stylesheet">
+        <link href="css/slick.css" rel="stylesheet">
+        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+		<script src="js/all.min.js"></script>
+		<script src="js/slick.min.js"></script>
+		<script src="js/scripts.js"></script>
+	</head>
+	<body>
+		<!--START container-->
+		<div class="container">
+			<!--START header-->
+			<header class="header header--index inner">
+				<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 inner">
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--content">
+					<!--START leftbar-->
+					<aside class="leftbar">
+						<!--selectedfilter-->
+						<div class="leftbar__item leftbar__item--search search search--static hidden-mobile">
+							<div class="search__inputcase search__inputcase--static">
+								<form action="">
+									<input placeholder="Поиск по организациям" class="search__input" type="text">
+									<button type="submit" class="search__iconzoom"></button>
+								</form>
+							</div>
+						</div>
+						<div class="leftbar__item specsingle--leftlinks">
+							<a href="#" class="specsingle--leftlinks--item">Смотреть всех специалистов и организации специализации</a>
+							<a href="#" class="specsingle--leftlinks--item">Смотреть новости и публикации специализации</a>
+						</div>
+						<div class="leftbar__item specsingle--leftsingular hidden-mobile">
+							<a href="#" class="specsingle--leftsingular--item">
+								<div class="specsingle--leftsingular--title">Специализации и услуги</div>
+								<div class="specsingle--leftsingular--value">Общая хирургия</div>
+							</a>
+							<a href="#" class="specsingle--leftsingular--item">
+								<div class="specsingle--leftsingular--title">Специализации и услуги</div>
+								<div class="specsingle--leftsingular--value">Эндокринология</div>
+							</a>
+							<a href="#" class="specsingle--leftsingular--item">
+								<div class="specsingle--leftsingular--title">Специализации и услуги</div>
+								<div class="specsingle--leftsingular--value">Лабораторная диагностика</div>
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+					</aside>
+					<!--leftbar END-->
+					<!--START centerbar-->
+					<main class="centerbar">
+						<div class="grid-row">
+							<div class="grid-col grid-col-3">
+								<div class="postbody">
+									<h1>Гастроэнтерология в Рязанской области</h1>
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
+									Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+									Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно.
+									Оглеение восстанавливает страх при любом их взаимном расположении.
+									Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над проектом.
+									Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.</p>
+								</div>
+								<div class="specsingle--orglist">
+									<div class="grid-row">
+										<div class="grid-col grid-col-4">
+											<div class="pagetitle2container title--org">
+												<h1>Ведущие организации</h1>
+											</div>
+										</div>
+									</div>
+									<div class="grid-row row-org1">
+										<div class="grid-col grid-col-33">
+											<div class="org1__item recommend-badge">
+												<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+												<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+												<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+												<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
+											</div>
+										</div>
+										<div class="grid-col grid-col-33">
+											<div class="org1__item">
+												<div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
+												<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+												<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+												<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+											</div>
+										</div>
+										<div class="grid-col grid-col-33">
+											<div class="org1__item recommend-badge">
+												<div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
+												<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+												<div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+												<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="specsingle--speclist">
+									<div class="grid-row">
+										<div class="grid-col grid-col-4">
+											<div class="pagetitle2container title--spec">
+												<h1>Специалисты</h1>
+											</div>
+										</div>
+									</div>
+									<div class="grid-row row-org1">
+										<div class="grid-col grid-col-33">
+											<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 class="grid-col grid-col-33">
+											<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 class="grid-col grid-col-33">
+											<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>
+								</div>
+								<div class="postbody">
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
+									Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+									Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно.
+									Оглеение восстанавливает страх при любом их взаимном расположении.
+									Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над проектом.
+									Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.</p>
+									<img src="http://placehold.it/227x222" class="alignleft">
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
+									Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+									Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально</p>
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет. Рассматривая уравнения, <a href="#">можно</a> с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно. Оглеение восстанавливает страх при любом их взаимном расположении.</p>
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет. Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно</p>
+									<ol>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+									</ol>
+									<ul>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+									</ul>
+									<table>
+										<thead>
+											<tr>
+												<td>Lorem</td>
+												<td>ipsum</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>Lorem</td>
+												<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+											<tr>
+												<td>Lorem</td>
+												<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+											<tr>
+												<td>Lorem</td>
+												<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+										</tbody>
+									</table>
+									<iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe>
+								</div>
+								<div class="specsingle--news1">
+									<div class="specsingle--news1--headline">Материалы портала по специализации «Гастроэнтерология»</div>
+									<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 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 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 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 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>
+								<div class="grid-row specsingle--news2">
+									<div class="grid-col grid-col-33">
+										<!--vedeorow-->
+										<div class="videorow videorow--smi">
+											<div class="videorow__item"><iframe hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" allowfullscreen="" width="100%" frameborder="0"></iframe></div>
+											<div class="videorow__item"><iframe hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" allowfullscreen="" width="100%" frameborder="0"></iframe></div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-33">
+										<!--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 is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </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-col grid-col-33">
+										<!--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 is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </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="specsingle--news1">
+									<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 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 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 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 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>
+								<div class="grid-row specsingle--news3">
+									<div class="grid-col grid-col-33">
+										<!--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 is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </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-col grid-col-33">
+										<!--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 is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </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-col grid-col-33">
+										<!--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 is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </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="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-col grid-col-1 rightbar">
+								<div class="leftbar__item leftbar__item--services services"><a id="services__title" href="#" class="leftbar__title services__title"><span>Услуги</span></a>
+									<ul class="services__list active">
+										<li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
+										<li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
+										<li class="services__item"><a href="#" class="services__link">Протезирование тазобедренного сустава</a></li>
+										<li class="services__item"><a href="#" class="services__link">Уход за лежачим больным</a></li>
+										<li class="services__item"><a href="#" class="services__link">Консультация ЛОР-врача</a></li>
+									</ul>
+								</div>
+								<div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice nobadge">
+									<div class="leftbar__title filterservice__title">Подобрать услугу</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" checked="checked" type="checkbox">
+														<label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
+														<label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1 filterservice__labelbig--active">Ребенок</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 filterservice__labelbig--active">Мужчина</label>
+													</div>
+												</div>
+												<div class="filterservice__inputcase">
+													<div class="filterservice__inputtext">Укажите возраст:</div>
+													<div class="filterservice__inputcaseinner">
+														<input placeholder="лет" class="input input--filterservice filterservice__input" type="text">
+													</div>
+													<div class="filterservice__inputcaseinner">
+														<input placeholder="месяцев" class="input input--filterservice filterservice__input" type="text">
+													</div>
+													<div class="filterservice__inputcaseinner">
+														<input placeholder="недель" class="input input--filterservice filterservice__input" type="text">
+													</div>
+												</div>
+												<div class="filterservice__inputcase">
+													<input placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input" type="text">
+												</div>
+												<button type="submit" class="btn btn-primary">Найти</button>
+											</div>
+										</form>
+									</div>
+								</div>
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</div>
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</div>
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</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>

app/www/sprav.php

@@ -0,0 +1,411 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Справочник</title>
+		<link href="css/all.css" rel="stylesheet">
+        <link href="css/all2.css" rel="stylesheet">
+        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+		<script src="js/all.min.js"></script>
+		<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
+		<script src="js/slick.min.js"></script>
+		<script src="js/scripts.js"></script>
+		<script>
+			ymaps.ready(init);
+			var iconImgSrc = 'http://divster.ru/met/img/contact-icon-1.png';
+			var iconImgSize = [17, 24];
+		function init () {
+			var myMap1 = new ymaps.Map('map1', {
+					center: [54.629148, 39.734928],
+					zoom: 11
+				}),
+
+				myPlacemark1 = new ymaps.Placemark([54.587046, 39.785234], {
+					balloonContent: 'г. Рязань, п. Соколовка, ул. Связи, д. 29, стр. 8'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				}),
+
+				myPlacemark2 = new ymaps.Placemark([54.031840, 39.774104], {
+					balloonContent: 'Рязанская область, г. Новомичуринск, ул. Промышленная, Промзона'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				});
+			myMap1.behaviors.disable('scrollZoom');
+			myMap1.geoObjects.add(myPlacemark1)
+				.add(myPlacemark2)
+			;
+		}
+		</script>
+	</head>
+	<body>
+		<!--START container-->
+		<div class="container">
+			<!--START header-->
+			<header class="header header--index inner">
+				<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 inner spravochnik">
+				<div id="map1" style="background: #000;"></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--content">
+					<!--START leftbar-->
+					<aside class="leftbar">
+						<div class="leftbar__item leftbar__item--search search search--static">
+							<div class="search__inputcase search__inputcase--static">
+								<form action="">
+									<input placeholder="Поиск по организациям" class="search__input" type="text">
+									<button type="submit" class="search__iconzoom"></button>
+								</form>
+							</div>
+						</div>
+						<!--mainmenu-->
+						<div class="leftbar__item sidebarmenu2--container menu-slide">
+							<a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span></a>
+							<ul class="sidebarmenu2">
+								<li><a href="#">Горячие телефоны и экстренные службы</a></li>
+								<li><a href="#">Административные учреждения и профильные органы надзора</a></li>
+								<li><a href="#">Государственные бюджетные учреждения здравоохранения</a>
+									<ul>
+										<li><a href="#">Скорая и неотложная помощь, травмпункты</a></li>
+										<li><a href="#">Больницы/госпитали</a></li>
+										<li class="current"><a href="#">Детские больницы и поликлиники</a></li>
+										<li><a href="#">Поликлиники</a></li>
+										<li><a href="#">Стоматологические поликлиники</a></li>
+										<li><a href="#">Диспансеры</a></li>
+										<li><a href="#">Специализированные центры</a></li>
+										<li><a href="#">Родильные дома/женские консультации</a></li>
+										<li><a href="#">Санатории и профилактории</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Ведомственные ЛПУ и медсанчасти</a></li>
+								<li><a href="#">Государственые бюджетные учреждения социальной защиты</a>
+									<ul>
+										<li><a href="#">Центры социального обслуживания и реабилитации</a></li>
+										<li><a href="#">Интернаты</a></li>
+										<li><a href="#">Специализированные и коррекционные школы</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Учреждения профильного образования и научные центры</a></li>
+								<li><a href="#">Экспертиза</a>
+									<ul>
+										<li><a href="#">Медико-социальная</a></li>
+										<li><a href="#">Судебно-медицинская и генетическая экспертиза</a></li>
+										<li><a href="#">Наркологическая и психиатрическая экспертиза</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Общественные организации</a>
+									<ul>
+										<li><a href="#">Профсоюзные организации</a></li>
+										<li><a href="#">Общественные профильные организации</a></li>
+										<li><a href="#">Общественные благотворительные организации и фонды</a></li>
+										<li><a href="#">Общественные экологические организации</a></li>
+										<li><a href="#">Медицинские ассоциации и профессиональные сообщества</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Медицинское производство</a>
+									<ul>
+										<li><a href="#">Фармацевтические и медицинские производства</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Медицинские услуги</a>
+									<ul>
+										<li><a href="#">Страховые медицинские организации</a></li>
+										<li><a href="#">Лечебно-диагностические центры и кабинеты</a></li>
+										<li><a href="#">Стоматологические центры и кабинеты</a></li>
+										<li><a href="#">Лаборатории и центры медосмотров</a></li>
+										<li><a href="#">Психологическая и наркологическая помощь</a></li>
+										<li><a href="#">Центры детского развития и логопедической помощи</a></li>
+										<li><a href="#">Массаж и мануальная терапия</a></li>
+										<li><a href="#">Красота и здоровье</a></li>
+										<li><a href="#">Медицинские справки</a></li>
+										<li><a href="#">Уход за больными</a></li>
+										<li><a href="#">Центры алтернативной медицины</a></li>
+										<li><a href="#">Санаторные услуги</a></li>
+										<li><a href="#">Медицинский туризм </a></li>
+										<li><a href="#">Санитарно-эпидемиологические услуги и дезинфекция</a></li>
+										<li><a href="#">Ремонт и ТО медицинской техники</a></li>
+										<li><a href="#">Информационные услуги и СМИ</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Медицинские товары и лекарства</a>
+									<ul>
+										<li><a href="#">Аптеки</a></li>
+										<li><a href="#">Оптики</a></li>
+										<li><a href="#">Ортопедия</a></li>
+										<li><a href="#">Медтехника и товары для здоровья</a></li>
+										<li><a href="#">Представительства и филиалы производств и ТМ</a></li>
+										<li><a href="#">Поставщики медикаментов, медицинской продукции и техники</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Ветеринария</a>
+									<ul>
+										<li><a href="#">Ветеринарные инспекции и станции</a></li>
+										<li><a href="#">Ветеринарные клинические и диагностичесие услуги</a></li>
+									</ul>
+								</li>
+							</ul>
+						</div>
+					</aside>
+					<!--leftbar END-->
+					<!--START centerbar-->
+					<main class="centerbar withmap">
+						<div class="grid-row">
+							<div class="grid-col grid-col-2">
+								<div class="pagetitle2container title--spec">
+									<h1>Специализации</h1>
+								</div>
+								<div class="grid-row">
+									<div class="grid-col grid-col-2">
+										<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>
+											<li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
+										</ul>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+											<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул. Краснослободская, д.10</span></div>
+										</div>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">Лечебно-диагностический центр «Мария»</a></div>
+											<div class="org1__desc"><span></span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязань, ул. Татарская, д. 14 к. 2</span></div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-2">
+										<div id="filterspec" class="filterspec">
+											<div class="filterspec--title">Выбрать специализацию</div>
+											<div class="filterspec--block">
+												<form id="" method="" action="">
+													<div class="filterspec--form">
+														<input placeholder="Например, гастроэнтерология " class="input input--filterspec filterspec__input" type="text">
+														<ul class="filterspec--list">
+															<li><label><input type="checkbox"><span>Скорая помощь</span></label></li>
+															<li><label><input type="checkbox"><span>Детские специализации</span></label></li>
+															<li><label><input type="checkbox"><span>Женские специализации</span></label></li>
+															<li><label><input type="checkbox"><span>Стоматология</span></label></li>
+															<li><label><input type="checkbox"><span>Диагностика</span></label></li>
+															<li><label><input type="checkbox"><span>Экспертиза</span></label></li>
+														</ul>
+														<div class="filterspec--all"><a href="#">Показать все специализации</a></div>
+													</div>	
+													<button type="submit" class="btn btn-primary">Найти</button>
+												</form>
+											</div>
+										</div>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">Лечебно-диагностический центр «Мария»</a></div>
+											<div class="org1__desc"><span>OOO «Мария-мед»</span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязань, ул. Татарская, д. 14 к. 2</span></div>
+											<div class="item-badge item-badge-green"><div>Редакция рекомендует!</div></div>
+										</div>
+										<div class="akcia__item akcia__grey">
+											<div class="akcia__head">
+												<div class="akcia__date"><span>15.02-31.03.2017</span></div>
+												<div class="akcia__name1"><span>Школа здоровья</span></div>
+											</div>
+											<div class="akcia__body">
+												<div class="akcia__img"><a href="#"><img src="http://placehold.it/200x120" alt=""></a></div>
+												<div class="akcia__name2"><span>Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</span></div>
+												<div class="akcia__place"><span>ГБУ РО «Областная клиническая больница»</span></div>
+											</div>
+											<div class="akcia__adress"><span>Рязань, ул. Интернациональная, д. 1</span></div>
+											<div class="item-badge item-badge-blue"><div>Бесплатно</div></div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="pagetitle2container title--serv">
+									<h1>Услуги и процедуры</h1>
+								</div>
+								<div class="grid-row">
+									<div class="grid-col grid-col-2">
+										<ul class="services__list active">
+											<li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
+											<li class="services__item"><a href="#" class="services__link">УЗИ сердца</a></li>
+											<li class="services__item"><a href="#" class="services__link">Протезирование тазобедренного сустава</a></li>
+											<li class="services__item"><a href="#" class="services__link">Уход за лежачим больным</a></li>
+											<li class="services__item"><a href="#" class="services__link">Консультация ЛОР-врача</a></li>
+											<li class="services__item"><a href="#" class="services__link">Прокол при гайморите</a></li>
+											<li class="services__item"><a href="#" class="services__link">Лечебный массаж позвоночника</a></li>
+											<li class="services__item"><a href="#" class="services__link">Эндопротезирование молочных желез</a></li>
+											<li class="services__item"><a href="#" class="services__link">ЭхоКГ</a></li>
+											<li class="services__item"><a href="#" class="services__link">Общий анализ крови</a></li>
+										</ul>
+										<div class="akcia__item akcia__orange">
+											<div class="akcia__head">
+												<div class="akcia__date"><span>до 31.03.2017</span></div>
+												<div class="akcia__name1"><span>Акция</span></div>
+											</div>
+											<div class="akcia__body">
+												<div class="akcia__img"><a href="#"><img src="http://placehold.it/200x120" alt=""></a></div>
+												<div class="akcia__name2"><span>Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</span></div>
+												<div class="akcia__place"><span>Фитнес-центр с бассейном «Зумба-фитнес»</span></div>
+											</div>
+											<div class="akcia__adress"><span>Рязань, ул. Славянский проспект, д. 14</span></div>
+											<div class="item-badge item-badge-orange"><div>Скидка 25%</div></div>
+										</div>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+											<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул. Краснослободская, д.10</span></div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-2">
+										<div id="filterservice" class="filterservice nobadge">
+											<div class="leftbar__title filterservice__title">Подобрать услугу</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" checked="checked" type="checkbox">
+																<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 filterservice__labelbig--active">Взрослый</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 filterservice__labelbig--active">Женщина</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 placeholder="лет" class="input input--filterservice filterservice__input" type="text">
+															</div>
+															<div class="filterservice__inputcaseinner">
+																<input placeholder="месяцев" class="input input--filterservice filterservice__input" type="text">
+															</div>
+															<div class="filterservice__inputcaseinner">
+																<input placeholder="недель" class="input input--filterservice filterservice__input" type="text">
+															</div>
+														</div>
+														<div class="filterservice__inputcase">
+															<input placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input" type="text">
+														</div>
+														<button type="submit" class="btn btn-primary">Найти</button>
+													</div>
+												</form>
+											</div>
+										</div>
+										<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>
+							</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>