add services styles

src/app/assets/scripts/main.js

@@ -133,6 +133,21 @@
             e.preventDefault();
         });
 
+        if ($(window).width() < 768) {
+            $(this).find('.specialization__list').removeClass('active');
+            $(this).find('.organization__list').removeClass('active');
+            $(this).find('.organization__title .leftbar__arrow').removeClass('active');
+            $(this).find('.specialization__title .leftbar__arrow').removeClass('active');
+
+        }
+
+        if ($(window).width() < 641) {
+            $(this).find('.uslugifilter__listcase').addClass('active');
+            $('.uslugifilter__title').click(function () {
+                $('.uslugifilter__listcase').toggleClass('active');
+            });
+        }
+
         if ($("*").is('#full_news__sliderlist')) {
             $('#full_news__sliderlist').lightSlider({
                 selector: '.full-news__slirderitem',
@@ -308,4 +323,13 @@ $(document).ready(function(){
         $(".header__item--floatmenu").slideToggle(500);
     });
 
-});
+});
+
+$(document).ready(function () {
+
+
+    $('.maincheck').on('change', function () {
+        $(this).parents('li').find('input:checkbox').prop('checked', this.checked);
+    });
+
+});

src/app/assets/styles/all.scss

@@ -67,6 +67,7 @@
 @import "content/centerbar/specialization-selection";
 @import "content/centerbar/specialization-filter";
 @import "blocks/opinion";
+@import "content/centerbar/uslugi";
 //
 @import "content/centerbar/errorblock";
 //

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

@@ -0,0 +1,336 @@
+
+.uslugi {
+
+    .search-result {
+        margin-bottom: 30px;
+        -moz-column-count: 2;
+        -webkit-column-count: 2;
+        column-count: 2;
+        li {
+            line-height: 20px;
+            font-size: 15px;
+            padding: 4px 0;
+            a {
+                color: #3b434d;
+                &:hover {
+                    color: #5597d1;
+                }
+            }
+        }
+    }
+
+    .search-result-2 {
+        width: calc(50% - 15px);
+        display: inline-block;
+        box-sizing: border-box;
+        margin: 10px 5px;
+        &__title {
+            font-size: 20px;
+            font-weight: bold;
+            color: #3b434d;
+            margin-bottom: 10px;
+            font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+        }
+        &__price {
+            font-size: 15px;
+            color: #1a1916;
+            margin-bottom: 10px;
+            font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+            span {
+                color: #929292;
+                font-size: 13px;
+            }
+        }
+        &__text {
+            font-size: 15px;
+            line-height: 24px;
+            color: #404040;
+            font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+        }
+        &__more {
+            color: #004d7b;
+            font-size: 15px;
+            line-height: 22px;
+            text-decoration: underline;
+            font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+        }
+        &__more:hover {
+            color: #5597d1;
+        }
+        &__title-clinik {
+            color: #004d7b;
+            font-size: 17px;
+            line-height: 22px;
+            color: #3b434d;
+            margin: 10px 0;
+            font-weight: bold;
+            font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+        }
+    }
+
+    .pagetitle {
+        color: #5597d1;
+    }
+    .filterservice {
+        margin-bottom: 35px;
+
+        textarea {
+            width: 100%;
+            padding: 0 5px;
+            box-sizing: border-box;
+            background: #fff;
+            text-align: left;
+            border-radius: 15px;
+            height: 115px;
+            line-height: 30px;
+            border: 1px solid #d7d7d7;
+            font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+            font-size: 11px;
+        }
+        &__text {
+            font-size: 13px;
+            line-height: 20px;
+            color: #929292;
+            padding: 0 12px 5px;
+        }
+    }
+    .blue {
+        background: #5597d1;
+        &:hover {
+            background: #004d7b;
+        }
+    }
+    .selectedline {
+        background: #ebebeb;
+        margin-bottom: 0px;
+        padding-left: 55px;
+        color: #3b434d;
+        font-size: 17px;
+        line-height: 28px;
+        font-weight: normal;
+        padding-bottom: 20px;
+    }
+    .selectedline__item {
+        background: url("../img/icon_filter_blue_26x26@2x.png") 4px 7px/13px 13px no-repeat;
+        padding-right: 5px;
+    }
+}
+
+.postbody {
+
+    &__imgleft {
+        margin-right: 9px;
+        max-width: 227px;
+        width: calc(50% - 10px);
+        display: inline-block;
+    }
+    &__imgright {
+        margin-left: 9px;
+        max-width: 227px;
+        width: calc(50% - 10px);
+        display: inline-block;
+    }
+    &__title-uslugi {
+        font-size: 20px;
+        font-weight: bold;
+        color: #3b434d;
+        margin-bottom: 10px;
+        font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    }
+    &__najdeno {
+        font-size: 17px;
+        line-height: 28px;
+        color: #3b434d;
+        font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    }
+    &__title-blue {
+        font-size: 25px;
+        line-height: 30px;
+        color: #5597d1;
+        font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+        font-weight: 700;
+        margin-bottom: 30px;
+    }
+
+}
+
+.stoim-uslug {
+    font-size: 13px;
+    width: 100%;
+    & td:first-child {
+        padding-left: 0;
+    }
+    & td:last-child {
+        padding-right: 0;
+    }
+}
+
+.greybox {
+
+    font-size: 15px;
+    line-height: 22px;
+    color: #1a1916;
+    background: #ebebeb;
+    margin-bottom: 40px;
+    padding: 10px;
+    margin-left: 10px;
+
+    &__param {
+        display: inline-block;
+        color: #929292;
+        font-size: 13px;
+    }
+
+    &__item {
+        display: inline-block;
+    }
+    li:nth-child(3) &__param, li:nth-child(3) &__item, li:nth-child(4) &__param, li:nth-child(4) &__item {
+        display: block;
+    }
+}
+
+.single-usluga {
+
+    &__personal-title {
+        color: #3b434d;
+        font-size: 20px;
+        line-height: 30px;
+        margin-bottom: 5px;
+        margin-left: 10px;
+    }
+
+    .protivopokazania {
+        font-size: 13px;
+        line-height: 20px;
+
+        li {
+            font-size: 13px;
+            line-height: 20px;
+        }
+    }
+}
+
+.uslugi--pokazania {
+    font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 13px;
+    line-height: 20px;
+    position: relative;
+    overflow: hidden;
+    max-height: none;
+    padding-top: 13px;
+    li {
+        font-size: 13px;
+        line-height: 20px;
+    }
+    li span {
+        margin-right: 10px;
+    }
+}
+
+.uslugi--pokazania.closed {
+    max-height: 260px;
+
+    &: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;
+    }
+}
+
+.uslugi--pokazania--handler {
+    text-align: center;
+    font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 13px;
+    color: #004d7b;
+    padding-top: 3px;
+    margin-bottom: 29px;
+    cursor: pointer;
+}
+
+.uslugifilter {
+    margin-bottom: 30px;
+
+    .active {
+        height: 0;
+        overflow: hidden;
+        padding: 0;
+    }
+    &__wrap {
+        margin-bottom: 10px;
+    }
+    &__title {
+        background: #d7d7d7;
+        border-radius: 10px 0 0 0 / 10px 0 0 0;
+        padding: 10px;
+        line-height: 20px;
+        color: #3b434d;
+        font-size: 17px;
+        font-family: $fontcuprum;
+        font-weight: bold;
+    }
+    &__listcase {
+        background: #ebebeb;
+        padding: 13px 10px;
+        font-family: $fontcuprum;
+        font-size: 15px;
+        line-height: 24px;
+        height: auto;
+        overflow: inherit;
+
+        label {
+            font-size: 15px;
+            line-height: 24px;
+            width: 100%;
+            color: #3b434d;
+        }
+        span {
+            display: inline-block;
+            width: calc(100% - 23px);
+        }
+        ul li ul {
+            margin-left: 15px;
+            color: #929292;
+        }
+        ul li ul label {
+            color: #929292;
+            font-size: 14px;
+            line-height: 20px;
+        }
+
+        input[type=checkbox] {
+            -moz-appearance: checkbox;
+            -webkit-appearance: checkbox;
+            appearance: checkbox;
+            margin-right: 10px;
+            display: inline-block;
+            vertical-align: top;
+            margin-top: 5px;
+        }
+    }
+    &__link {
+        padding-left: 18px;
+        display: block;
+        margin-bottom: 8px;
+        color: #3b434d;
+        text-decoration: none;
+
+        &:hover {
+            color: #e65e26;
+        }
+    }
+    &__reset {
+        padding-left: 18px;
+        display: block;
+        color: #3b434d;
+        text-decoration: underline;
+
+        &:hover {
+            text-decoration: none;
+        }
+    }
+}

src/app/assets/styles/media.scss

@@ -1,7 +1,37 @@
 .navigation__mobileButton {
     display: none;
 }
+
+@media (max-width: 1300px) {
+    .search-result-2 {
+        .personals__title .personals__name {
+            font-size: 14px;
+        }
+        .personals__description, .personals__category {
+            font-size: 12px;
+        }
+    }
+}
+
+@media (max-width: 1220px) {
+    .uslugi {
+        .specsingle--leftlinks--item {
+            width: 100%;
+        }
+        .search-result-2 {
+            width: 100%;
+            display: block;
+        }
+        .grid-dis-row {
+            max-width: 100%;
+        }
+        .grid-col-2 {
+            width: 50%;
+        }
+    }
+}
 @media (min-width: 960px) and (max-width: 1220px) {
+
     .wrapper--content {
         display: block;
     }
@@ -134,6 +164,14 @@ top: 50px;
         display: none;
     }
 }
+
+@media screen and (max-width: 641px) {
+    .uslugi .leftbar {
+        display: block !important;
+        width: 100%;
+        max-width: 100%;
+    }
+}
 @media screen and (max-width: 640px) {
     .specialization-selection__container {
         column-count: 2;
@@ -221,7 +259,7 @@ top: 50px;
         .category li, .category__item {
             width: 47%;
             display: inline-block;
-    
+
     }
     .category__list {
         display: block;
@@ -315,9 +353,34 @@ margin: 10px auto;
 .shortnews__description {
     height: auto;
 }
+}
+
+@media screen and (max-width: 510px) {
+    .postbody {
+
+        &__imgleft {
+            margin: 10px auto;
+            display: block;
+        }
+        &__imgright {
+            margin: 10px auto;
+            display: block;
+        }
+    }
 }
  @media screen and (max-width: 420px) {
     .specialization-selection__container {
         column-count: 1;
     }
-    }
+     .uslugi {
+         .search-result {
+             margin-bottom: 30px;
+             -moz-column-count: 1; /* Firefox */
+             -webkit-column-count: 1; /* Safari and Chrome */
+             column-count: 1;
+         }
+         .grid-col-2 {
+             width: 100%;
+         }
+     }
+    }

src/app/www/css/all.css

@@ -3689,6 +3689,364 @@ body {
   line-height: 1.2;
   margin-bottom: 10px !important; }
 
+.uslugi .search-result {
+  margin-bottom: 30px;
+  -moz-column-count: 2;
+  -webkit-column-count: 2;
+  column-count: 2;
+}
+
+.uslugi .search-result li {
+  line-height: 20px;
+  font-size: 15px;
+  padding: 4px 0;
+}
+
+.uslugi .search-result li a {
+  color: #3b434d;
+}
+
+.uslugi .search-result li a:hover {
+  color: #5597d1;
+}
+
+.uslugi .search-result-2 {
+  width: calc(50% - 15px);
+  display: inline-block;
+  box-sizing: border-box;
+  margin: 10px 5px;
+}
+
+.uslugi .search-result-2__title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3b434d;
+  margin-bottom: 10px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.uslugi .search-result-2__price {
+  font-size: 15px;
+  color: #1a1916;
+  margin-bottom: 10px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.uslugi .search-result-2__price span {
+  color: #929292;
+  font-size: 13px;
+}
+
+.uslugi .search-result-2__text {
+  font-size: 15px;
+  line-height: 24px;
+  color: #404040;
+  font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+}
+
+.uslugi .search-result-2__more {
+  color: #004d7b;
+  font-size: 15px;
+  line-height: 22px;
+  text-decoration: underline;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.uslugi .search-result-2__more:hover {
+  color: #5597d1;
+}
+
+.uslugi .search-result-2__title-clinik {
+  color: #004d7b;
+  font-size: 17px;
+  line-height: 22px;
+  color: #3b434d;
+  margin: 10px 0;
+  font-weight: bold;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.uslugi .pagetitle {
+  color: #5597d1;
+}
+
+.uslugi .filterservice {
+  margin-bottom: 35px;
+}
+
+.uslugi .filterservice textarea {
+  width: 100%;
+  padding: 0 5px;
+  box-sizing: border-box;
+  background: #fff;
+  text-align: left;
+  border-radius: 15px;
+  height: 115px;
+  line-height: 30px;
+  border: 1px solid #d7d7d7;
+  font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+  font-size: 11px;
+}
+
+.uslugi .filterservice__text {
+  font-size: 13px;
+  line-height: 20px;
+  color: #929292;
+  padding: 0 12px 5px;
+}
+
+.uslugi .blue {
+  background: #5597d1;
+}
+
+.uslugi .blue:hover {
+  background: #004d7b;
+}
+
+.uslugi .selectedline {
+  background: #ebebeb;
+  margin-bottom: 0px;
+  padding-left: 55px;
+  color: #3b434d;
+  font-size: 17px;
+  line-height: 28px;
+  font-weight: normal;
+  padding-bottom: 20px;
+}
+
+.uslugi .selectedline__item {
+  background: url("../img/icon_filter_blue_26x26@2x.png") 4px 7px/13px 13px no-repeat;
+  padding-right: 5px;
+}
+
+.postbody__imgleft {
+  margin-right: 9px;
+  max-width: 227px;
+  width: calc(50% - 10px);
+  display: inline-block;
+}
+
+.postbody__imgright {
+  margin-left: 9px;
+  max-width: 227px;
+  width: calc(50% - 10px);
+  display: inline-block;
+}
+
+.postbody__title-uslugi {
+  font-size: 20px;
+  font-weight: bold;
+  color: #3b434d;
+  margin-bottom: 10px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.postbody__najdeno {
+  font-size: 17px;
+  line-height: 28px;
+  color: #3b434d;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.postbody__title-blue {
+  font-size: 25px;
+  line-height: 30px;
+  color: #5597d1;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+
+.stoim-uslug {
+  font-size: 13px;
+  width: 100%;
+}
+
+.stoim-uslug td:first-child {
+  padding-left: 0;
+}
+
+.stoim-uslug td:last-child {
+  padding-right: 0;
+}
+
+.greybox {
+  font-size: 15px;
+  line-height: 22px;
+  color: #1a1916;
+  background: #ebebeb;
+  margin-bottom: 40px;
+  padding: 10px;
+  margin-left: 10px;
+}
+
+.greybox__param {
+  display: inline-block;
+  color: #929292;
+  font-size: 13px;
+}
+
+.greybox__item {
+  display: inline-block;
+}
+
+li:nth-child(3) .greybox__param, li:nth-child(3) .greybox__item, li:nth-child(4) .greybox__param, li:nth-child(4) .greybox__item {
+  display: block;
+}
+
+.single-usluga__personal-title {
+  color: #3b434d;
+  font-size: 20px;
+  line-height: 30px;
+  margin-bottom: 5px;
+  margin-left: 10px;
+}
+
+.single-usluga .protivopokazania {
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.single-usluga .protivopokazania li {
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.uslugi--pokazania {
+  font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+  font-size: 13px;
+  line-height: 20px;
+  position: relative;
+  overflow: hidden;
+  max-height: none;
+  padding-top: 13px;
+}
+
+.uslugi--pokazania li {
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.uslugi--pokazania li span {
+  margin-right: 10px;
+}
+
+.uslugi--pokazania.closed {
+  max-height: 260px;
+}
+
+.uslugi--pokazania.closed:after {
+  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%) repeat scroll 0 0;
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 100px;
+  left: 0;
+  position: absolute;
+  right: 0;
+}
+
+.uslugi--pokazania--handler {
+  text-align: center;
+  font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+  font-size: 13px;
+  color: #004d7b;
+  padding-top: 3px;
+  margin-bottom: 29px;
+  cursor: pointer;
+}
+
+.uslugifilter {
+  margin-bottom: 30px;
+}
+
+.uslugifilter .active {
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.uslugifilter__wrap {
+  margin-bottom: 10px;
+}
+
+.uslugifilter__title {
+  background: #d7d7d7;
+  border-radius: 10px 0 0 0 / 10px 0 0 0;
+  padding: 10px;
+  line-height: 20px;
+  color: #3b434d;
+  font-size: 17px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-weight: bold;
+}
+
+.uslugifilter__listcase {
+  background: #ebebeb;
+  padding: 13px 10px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 15px;
+  line-height: 24px;
+  height: auto;
+  overflow: inherit;
+}
+
+.uslugifilter__listcase label {
+  font-size: 15px;
+  line-height: 24px;
+  width: 100%;
+  color: #3b434d;
+}
+
+.uslugifilter__listcase span {
+  display: inline-block;
+  width: calc(100% - 23px);
+}
+
+.uslugifilter__listcase ul li ul {
+  margin-left: 15px;
+  color: #929292;
+}
+
+.uslugifilter__listcase ul li ul label {
+  color: #929292;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.uslugifilter__listcase input[type=checkbox] {
+  -moz-appearance: checkbox;
+  -webkit-appearance: checkbox;
+  appearance: checkbox;
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 5px;
+}
+
+.uslugifilter__link {
+  padding-left: 18px;
+  display: block;
+  margin-bottom: 8px;
+  color: #3b434d;
+  text-decoration: none;
+}
+
+.uslugifilter__link:hover {
+  color: #e65e26;
+}
+
+.uslugifilter__reset {
+  padding-left: 18px;
+  display: block;
+  color: #3b434d;
+  text-decoration: underline;
+}
+
+.uslugifilter__reset:hover {
+  text-decoration: none;
+}
+
 .errorblock {
   background: #ebebeb;
   display: -webkit-flex;
@@ -3756,16 +4114,16 @@ body {
       text-decoration: none; }
     .copyright__link::after {
       content: '';
-        /* position: absolute; */
-        display: inline-block;
-        vertical-align: middle;
-        margin-left: 10px;
-        /* right: -30px; */
+      /* position: absolute; */
+      display: inline-block;
+      vertical-align: middle;
+      margin-left: 10px;
+      /* right: -30px; */
       top: 0;
-        width: 30px;
-        height: 30px;
+      width: 30px;
+      height: 30px;
       line-height: 25px;
-        background: url(../img/16.png) center center/cover no-repeat;
+      background: url(../img/16.png) center center/cover no-repeat;
     }
 
 .social--fixed {
@@ -6173,6 +6531,35 @@ input[type='submit'].styler[disabled] {
 .navigation__mobileButton {
   display: none; }
 
+@media (max-width: 1300px) {
+  .search-result-2 .personals__title .personals__name {
+    font-size: 14px;
+  }
+
+  .search-result-2 .personals__description, .search-result-2 .personals__category, .search-result-2 .personals__category {
+    font-size: 12px;
+  }
+}
+
+@media (max-width: 1220px) {
+  .uslugi .specsingle--leftlinks--item {
+    width: 100%;
+  }
+
+  .uslugi .search-result-2 {
+    width: 100%;
+    display: block;
+  }
+
+  .uslugi .grid-dis-row {
+    max-width: 100%;
+  }
+
+  .uslugi .grid-col-2 {
+    width: 50%;
+  }
+}
+
 @media (min-width: 960px) and (max-width: 1220px) {
   .wrapper--content {
     display: block; }
@@ -6277,6 +6664,14 @@ input[type='submit'].styler[disabled] {
   .region__name {
     display: none; } }
 
+@media screen and (max-width: 641px) {
+  .uslugi .leftbar {
+    display: block !important;
+    width: 100%;
+    max-width: 100%;
+  }
+}
+
 @media screen and (max-width: 640px) {
   .specialization-selection__container {
     column-count: 2; }
@@ -6412,8 +6807,35 @@ input[type='submit'].styler[disabled] {
   .shortnews__description {
     height: auto; } }
 
+@media screen and (max-width: 510px) {
+  .postbody__imgleft {
+    margin: 10px auto;
+    display: block;
+  }
+
+  .postbody__imgright {
+    margin: 10px auto;
+    display: block;
+  }
+}
+
 @media screen and (max-width: 420px) {
   .specialization-selection__container {
-    column-count: 1; } }
+    column-count: 1;
+  }
+
+  .uslugi .search-result {
+    margin-bottom: 30px;
+    -moz-column-count: 1;
+    /* Firefox */
+    -webkit-column-count: 1;
+    /* Safari and Chrome */
+    column-count: 1;
+  }
+
+  .uslugi .grid-col-2 {
+    width: 100%;
+  }
+}
 
 /*# sourceMappingURL=all.css.map */

src/app/www/index.php

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

src/app/www/usluga_single.php

@@ -0,0 +1,482 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>Услуга</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
+    <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><span class="breadcrumbs__page">Несъемное зубное протезирование мостовидными протезами</span>
+        </div>
+        <!--breadcrumbs-->
+        <div class="wrapper wrapper--content">
+            <!--START leftbar-->
+            <aside class="leftbar">
+                <!--selectedfilter-->
+
+                <div class="leftbar__item specsingle--leftlinks">
+                    <a href="#" class="specsingle--leftlinks--item">Смотреть всех специалистов и подразделения,<br/>
+                        оказывающих данную услугу</a>
+                </div>
+
+                <!--entitybanner-->
+                <div class="entitybanner">
+                    <!--entitybanner__item--><a href="#" class="entitybanner__item">
+                        <p class="entitybanner__title"><span class="entitybanner__titletext">ГБУ РО «Центр медицинской профилактики</span>
+                        </p>
+                        <p class="entitybanner__description"><span class="entitybanner__descrtext">Министерство</span>
+                        </p>
+                        <p class="entitybanner__imgcase">
+                            <img src="http://placehold.it/200x130" class="entitybanner__img"></p>
+                        <p class="entitybanner__address"><span class="entitybanner__addresstrext">ул. Краснослободская, д.10</span>
+                        </p></a>
+                    <!--entitybanner__item--><a href="#" class="entitybanner__item">
+                        <p class="entitybanner__title"><span class="entitybanner__titletext">ГБУ РО «Центр медицинской профилактики</span>
+                        </p>
+                        <p class="entitybanner__description"><span class="entitybanner__descrtext">Министерство</span>
+                        </p>
+                        <p class="entitybanner__imgcase">
+                            <img src="http://placehold.it/200x130" class="entitybanner__img"></p>
+                        <p class="entitybanner__address"><span class="entitybanner__addresstrext">ул. Краснослободская, д.10</span>
+                        </p></a>
+                </div>
+                <!--personals-->
+                <div class="personals">
+                    <div class="personals__list"><a href="#" class="personals__item personals__link">
+                            <p class="personals__title">
+                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
+                            </p>
+                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
+                            </p></a><a href="#" class="personals__item personals__link">
+                            <p class="personals__title">
+                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
+                            </p>
+                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
+                            </p></a><a href="#" class="personals__item personals__link">
+                            <p class="personals__title">
+                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
+                            </p>
+                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
+                            </p></a><a href="#" class="personals__item personals__link">
+                            <p class="personals__title">
+                                <img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span>
+                            </p>
+                            <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span>
+                            </p></a></div>
+                </div>
+            </aside>
+            <!--leftbar END-->
+            <!--START centerbar-->
+            <main class="centerbar single-usluga">
+                <div class="grid-row">
+                    <div class="grid-col grid-col-3">
+                        <div class="postbody">
+                            <h1>Несъемное зубное протезирование мостовидными протезами</h1>
+                        </div>
+                        <div class="grid-row row-org1">
+                            <div class="grid-col grid-col-33">
+                                <ul class="greybox">
+                                    <li>
+                                        <div class="greybox__param">Код услуги:</div>
+                                        <div class="greybox__item">К00-К04</div>
+                                    </li>
+                                    <li>
+                                        <div class="greybox__param">Тип услуги:</div>
+                                        <div class="greybox__item">Медицинская</div>
+                                    </li>
+                                    <li>
+                                        <div class="greybox__param">Возрастная группа:</div>
+                                        <div class="greybox__item">Взрослые</div>
+                                        <div class="greybox__item">Дети от 14 лет</div>
+                                    </li>
+                                    <li>
+                                        <div class="greybox__param">Специализации:</div>
+                                        <div class="greybox__item">Стоматология</div>
+                                        <div class="greybox__item">Ортопедическая стоматология</div>
+                                        <div class="greybox__item">Ортодонтия</div>
+                                        <div class="greybox__item">Челюстно-лицевая хирургия</div>
+                                    </li>
+                                    </li>
+                                </ul>
+                                <div class="single-usluga__personal-title">Эксперт по услуге</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>
+                            </div>
+                            <div class="grid-col grid-col-66">
+                                <div class="postbody">
+                                    <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики.
+                                        Необходимо предусмотреть возможность добавления спецкодом внутри текста
+                                        специалистов и организации по тематике.
+                                        Поведенческая терапия заставляет иначе взглянуть на то, что такое
+                                        ультрафиолетовый сет.
+                                        Рассматривая уравнения, можно с увидеть, что некоммерческая организация
+                                        традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту
+                                        З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный
+                                        краснозём даже в том случае, если непосредственное наблюдение этого явления
+                                        затруднительно.
+                                        Оглеение восстанавливает страх при любом их взаимном расположении.
+                                        Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант,
+                                        работая над проектом.
+                                        Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная
+                                        организация неустойчиво участвует в погрешности определения курса меньше, чем
+                                        вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.
+                                    </p>
+                                    <img src="http://placehold.it/227x222" class="postbody__imgleft"><img src="http://placehold.it/227x222" class="postbody__imgright">
+
+                                    <div class="orgsingle--description closed">Здесь идут какие-то общие сведения о
+                                        клинике, либо какая-то важная информация. Например, краткая история организиции,
+                                        какие-то юридические отличительные особености. Или то, что
+                                        руководтво/редакторы/ответственные за образ компании люди посчитают нужным
+                                        отобразить. Год основания, используемые технические новинки, уровень
+                                        квалификации врачей, возможность приходить с детьми или питомцами и т.д.Здесь
+                                        идут какие-то общие сведения о клинике, либо какая-то важная информация.
+                                        Например, краткая история организиции, какие-то юридические отличительные
+                                        особености. Или то, что руководтво/редакторы/ответственные за образ компании
+                                        люди посчитают нужным отобразить. Год основания, используемые технические
+                                        новинки, уровень квалификации врачей, возможность приходить с детьми или
+                                        питомцами и т.д.Здесь идут какие-то общие сведения о клинике, либо какая-то
+                                        важная информация. Например, краткая история организиции, какие-то юридические
+                                        отличительные особености. Или то, что руководтво/редакторы/ответственные за
+                                        образ компании люди посчитают нужным отобразить. Год основания, используемые
+                                        технические новинки, уровень квалификации врачей, возможность приходить с детьми
+                                        или питомцами и т.д.
+                                    </div>
+                                    <div class="orgsingle--description--handler">Читать далее</div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="postbody">
+                            <div class="postbody__title-uslugi">Подготовка к услуге</div>
+                            <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо
+                                предусмотреть возможность добавления спецкодом внутри текста специалистов и организации
+                                по тематике.
+                                Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+                                Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно
+                                поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ
+                                зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том
+                                случае, если непосредственное наблюдение этого явления затруднительно.
+                                Показать полностью
+                                Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над
+                                проектом.
+                                Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация
+                                неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный
+                                кредит, как бы это ни казалось парадоксальным, устойчив.
+                            </p>
+                            <div class="grid-row row-org1">
+                                <div class="grid-col grid-col-66">
+                                    <div class="postbody__title-uslugi">Показания</div>
+                                    <div class="uslugi--pokazania closed">
+                                        <ul>
+                                            <li><span>К00.2</span>Аномалии размеров и формы зубов</li>
+                                            <li><span>К00.4</span>Нарушения формирования зубов</li>
+                                            <li><span>К00.8</span>Другие нарушения развития зубов</li>
+                                            <li><span>К00.9</span>Нарушение развития зубов неуточненное</li>
+                                            <li><span>К08.0</span>Эксфолиация зубов вследствие системных нарушений</li>
+                                            <li><span>К08.1</span>Потеря зубов вследствие несчастного случая или
+                                                локальной периодонтальной болезни
+                                            </li>
+                                            <li><span>К08.2</span>Атрофия беззубого аввеолиарного края</li>
+                                            <li><span>К08.3</span>Задержка зубного корня</li>
+                                            <li><span>К08.8</span>Другие уточненные изменения зубов и их опорного
+                                                аппарата
+                                            </li>
+                                            <li><span>К08.9</span>Изменения зубов и их опорного аппарата неуточненые
+                                            </li>
+                                        </ul>
+                                    </div>
+                                    <div class="uslugi--pokazania--handler">Смотреть все показания</div>
+                                </div>
+                                <div class="grid-col grid-col-33 protivopokazania">
+                                    <div class="postbody__title-uslugi">Противопоказания</div>
+                                    <p>Постоянных противопоказаний к протезированию нет.</p>
+                                    Временные противопоказания:
+                                    <ul>
+                                        <li>Острые заболевания всего организма или полости рта</li>
+                                        <li>Стадии реабилитации и выздоровления</li>
+                                        <li>Лечение кариеса и его осложнений</li>
+                                        <li>Удаление зубов и их корней, не подлежащих лечению</li>
+                                    </ul>
+                                </div>
+                            </div>
+
+
+                            <div class="postbody__title-uslugi">Стандарт оказания услуги</div>
+                            <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо
+                                предусмотреть возможность добавления спецкодом внутри текста специалистов и организации
+                                по тематике.
+                                Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+                                Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно
+                                поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ
+                                зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том
+                                случае, если непосредственное наблюдение этого явления затруднительно.
+                                Оглеение восстанавливает страх при любом их взаимном расположении.
+                                Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над
+                                проектом.
+                                Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация
+                                неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный
+                                кредит, как бы это ни казалось парадоксальным, устойчив.
+                            </p>
+                            <div class="postbody__title-uslugi">Стоимость услуги</div>
+                            <table class="stoim-uslug">
+
+                                <tbody>
+                                <tr>
+                                    <td>К00.2</td>
+                                    <td>Несъемное зубное протезирование мостовидными протезами Мед-дент</td>
+                                    <td>ДМС</td>
+                                    <td>452,00 ₽</td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <div class="col-mediateka">
+                            <div class="mediateka--headline">Медиатека</div>
+                            <div class="mediateka--slider slick-initialized slick-slider">
+                                <div class="slick-prev slick-arrow" style="display: block;"></div>
+                                <div aria-live="polite" class="slick-list draggable">
+                                    <div class="slick-track" role="listbox" style="opacity: 1; width: 2496px; transform: translate3d(-624px, 0px, 0px);">
+                                        <div class="mediateka--slide slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" tabindex="-1" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" tabindex="-1" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 208px;">
+                                            <div>
+                                                <div class="video-wrapper">
+                                                    <iframe width="100%" height="140" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen=""></iframe>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide03" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide" data-slick-index="4" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide04" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide" data-slick-index="5" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide05" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" tabindex="-1" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" tabindex="-1" style="width: 208px;">
+                                            <div>
+                                                <div class="video-wrapper">
+                                                    <iframe width="100%" height="140" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen=""></iframe>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="mediateka--slide slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" tabindex="-1" style="width: 208px;">
+                                            <div><img src="http://placehold.it/200x140" alt=""></div>
+                                        </div>
+                                    </div>
+                                </div>
+
+
+                                <div class="slick-next slick-arrow" style="display: block;"></div>
+                            </div>
+                            <ul class="mediateka--list">
+                                <li>2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)
+                                </li>
+                                <li>2015-04 Статья: Из санитаров в главные врачи, Комсомольская правда № 123 (март
+                                    2015)
+                                </li>
+                                <li>2015-05 Телесюжет: Новостной выпуск ГТРК Ока (май 2015)</li>
+                                <li>2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)
+                                </li>
+                                <li>2015-04 Статья: Из санитаров в главные врачи, Комсомольская правда № 123 (март
+                                    2015)
+                                </li>
+                                <li>2015-05 Телесюжет: Новостной выпуск ГТРК Ока (май 2015)</li>
+                                <li>2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)
+                                </li>
+                                <li>2015-04 Статья: Из санитаров в главные врачи, Комсомольская правда № 123 (март
+                                    2015)
+                                </li>
+                                <li>2015-05 Телесюжет: Новостной выпуск ГТРК Ока (май 2015)</li>
+                                <li>2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)
+                                </li>
+                            </ul>
+                        </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--popularservice popularservice">
+                            <a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Смежные услуги</span></a>
+                            <ul class="popularservice__list active">
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a>
+                                </li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ сердца</a>
+                                </li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование
+                                        тазобедренного сустава</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Уход за
+                                        лежачим больным</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Консультация
+                                        ЛОР-врача</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при
+                                        гайморите</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Лечебный
+                                        массаж позвоночника</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Эндопротезирование
+                                        молочных желез</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">ЭхоКГ</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Общий анализ
+                                        крови</a></li>
+                            </ul>
+                        </div>
+
+
+                        <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>

src/app/www/uslugi_error.php

@@ -0,0 +1,338 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Результаты поиска услуги - Ошибка</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
+    <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>
+</head>
+<body>
+<!--START container-->
+<div class="container uslugi">
+    <!--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><span class="breadcrumbs__page">Результаты поиска</span></div>
+        <div class="wrapper wrapper--content">
+            <!--START leftbar-->
+            <aside class="leftbar">
+
+                <!--uslugifilter-->
+                <div class="uslugifilter">
+                    <div class="uslugifilter__wrap">
+                        <div class="uslugifilter__title">Подобрать по типу услуги</div>
+                        <div class="uslugifilter__listcase">
+                            <ul class="uslugifilter__list">
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Медицинские</span></label>
+                                    <ul>
+                                        <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>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Оздоровительные</span></label>
+                                    <ul>
+                                        <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>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Санитарные</span></label>
+                                    <ul>
+                                        <li><label><input type="checkbox"><span>Дезинфекция</span></label></li>
+                                        <li><label><input type="checkbox"><span>Санитарные исследования</span></label>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Социальные</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Экспертиза</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Страховые услуги</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Выдача медицинских документов</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Информация и образование</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Услуги для врачей и клиник</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Общий и специальный уход</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Организация медицинской помощи</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Смежные и комплексные услуги</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Прочие услуги</span></label>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <!--search-static-->
+                <div class="leftbar__item leftbar__item--search search search--static">
+                    <div class="search__inputcase search__inputcase--static">
+                        <form action="">
+                            <input type="text" placeholder="Поиск по организациям" class="search__input">
+                            <button type="submit" class="search__iconzoom"></button>
+                        </form>
+                    </div>
+                </div>
+                <!--organization-->
+                <div class="leftbar__item leftbar__item--organization organization">
+                    <a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span><img src="img/icon_leftbar_title_arrow1.png" class="leftbar__arrow active"></a>
+                    <ul class="organization__list active">
+                        <li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Поликлиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Детские поликлиники</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Роддома и женские
+                                консультации</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Стоматологические
+                                клиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Детские больницы и
+                                клиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Специализированные
+                                центры</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Медицинские центры</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Экспертиза</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Организации социальной
+                                сферы</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Санатории</a></li>
+                    </ul>
+                </div>
+                <!--specialization-->
+                <div class="leftbar__item leftbar__item--specialization specialization">
+                    <a id="specialization__title" href="#" class="leftbar__title specialization__title"><span>Специализации</span><img src="img/icon_leftbar_title_arrow2.png" class="leftbar__arrow active"></a>
+                    <ul class="specialization__list active">
+                        <li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Функциональная
+                                диагностика</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология
+                                (ЛОР)</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Хирургическая
+                                офтальмология</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
+                    </ul>
+                </div>
+            </aside>
+            <!--leftbar END-->
+            <!--START centerbar-->
+            <main class="centerbar">
+                <div class="grid-dis-row">
+                    <div class="grid-dis-col-3">
+                        <div id="filterservice" class="leftbar__item--filterservice filterservice">
+                            <div class="leftbar__title filterservice__title">Услуги и<br>процедуры</div>
+                            <div class="filterservice__block">
+                                <form id="" method="" action="">
+                                    <div class="filterservice__form">
+                                        <div class="grid-row row-org1">
+                                            <div class="grid-col grid-col-33">
+                                                <div class="filterservice__inputcase">
+                                                    <div class="filterservice__toggle">
+                                                        <input id="switch_old" type="checkbox" checked="checked">
+                                                        <label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
+                                                        <label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1">Ребенок</label>
+                                                        <label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2 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 type="text" placeholder="лет" class="input input--filterservice filterservice__input">
+                                                    </div>
+                                                    <div class="filterservice__inputcaseinner">
+                                                        <input type="text" placeholder="месяцев" class="input input--filterservice filterservice__input">
+                                                    </div>
+                                                    <div class="filterservice__inputcaseinner">
+                                                        <input type="text" placeholder="недель" class="input input--filterservice filterservice__input">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="grid-col grid-col-66">
+                                                <div class="filterservice__inputcase">
+                                                    <textarea placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input"></textarea>
+                                                </div>
+                                                <div class="filterservice__text">
+                                                    Обратите внимание, что результаты работы смарт-поиска носят
+                                                    исключительно рекомендательный характер. Назначить ту или иную
+                                                    услугу или процедуру может только специалист.
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <button type="submit" class="btn btn-primary">Найти</button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                        <!--pagetitle-->
+                        <h1 class="pagetitle">Результаты поиска</h1>
+                        <div class="postbody">
+                            <div class="postbody__title-uslugi">По вашему запросу найдено очень много вариантов</div>
+                            <p>Пожалуйста, уточните ваш запрос.<br/>
+                                Постарайтесь использовать более конкретные формулировки.<br/>
+                                Вы также можете уточнить пол и возраст пациента для получения более конкретных
+                                результатов поиска.</p>
+                        </div>
+                        <!--errorblock-->
+                        <div class="errorblock">
+                            <div class="errorblock__item errorblock__imagecase">
+                                <img src="img/icon_errorblock_zoom.png" class="errorblock__img errorblock__img--zoom">
+                            </div>
+                            <div class="errorblock__item errorblock__textcase">
+                                <p class="errorblock__text">По вашему запросу ничего не найдено.<br>Попробуйте изменить
+                                    запрос.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="grid-dis-col-1 rightbar">
+                        <div class="leftbar__item leftbar__item--popularservice popularservice">
+                            <a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Смежные услуги</span></a>
+                            <ul class="popularservice__list active">
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a>
+                                </li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ сердца</a>
+                                </li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование
+                                        тазобедренного сустава</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Уход за
+                                        лежачим больным</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Консультация
+                                        ЛОР-врача</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при
+                                        гайморите</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Лечебный
+                                        массаж позвоночника</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Эндопротезирование
+                                        молочных желез</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">ЭхоКГ</a></li>
+                                <li class="popularservice__item"><a href="#" class="popularservice__link">Общий анализ
+                                        крови</a></li>
+                            </ul>
+                        </div>
+
+                    </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>

src/app/www/uslugi_result.php

@@ -0,0 +1,397 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Результаты поиска услуги - Ошибка</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
+    <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>
+</head>
+<body>
+<!--START container-->
+<div class="container uslugi">
+    <!--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><span class="breadcrumbs__page">Результаты поиска</span></div>
+        <div class="wrapper wrapper--content">
+            <!--START leftbar-->
+            <aside class="leftbar">
+
+                <!--uslugifilter-->
+                <div class="uslugifilter">
+                    <div class="uslugifilter__wrap">
+                        <div class="uslugifilter__title">Подобрать по типу услуги</div>
+                        <div class="uslugifilter__listcase">
+                            <ul class="uslugifilter__list">
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Медицинские</span></label>
+                                    <ul>
+                                        <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>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Оздоровительные</span></label>
+                                    <ul>
+                                        <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>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Санитарные</span></label>
+                                    <ul>
+                                        <li><label><input type="checkbox"><span>Дезинфекция</span></label></li>
+                                        <li><label><input type="checkbox"><span>Санитарные исследования</span></label>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Социальные</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Экспертиза</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Страховые услуги</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Выдача медицинских документов</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Информация и образование</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Услуги для врачей и клиник</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Общий и специальный уход</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Организация медицинской помощи</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Смежные и комплексные услуги</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Прочие услуги</span></label>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="leftbar__item leftbar__item--popularservice popularservice">
+                    <a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Смежные услуги</span></a>
+                    <ul class="popularservice__list active">
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ сердца</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование
+                                тазобедренного сустава</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Уход за лежачим
+                                больным</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Консультация
+                                ЛОР-врача</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при
+                                гайморите</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Лечебный массаж
+                                позвоночника</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Эндопротезирование
+                                молочных желез</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">ЭхоКГ</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Общий анализ крови</a>
+                        </li>
+                    </ul>
+                </div>
+                <!--search-static-->
+                <div class="leftbar__item leftbar__item--search search search--static">
+                    <div class="search__inputcase search__inputcase--static">
+                        <form action="">
+                            <input type="text" placeholder="Поиск по организациям" class="search__input">
+                            <button type="submit" class="search__iconzoom"></button>
+                        </form>
+                    </div>
+                </div>
+                <!--organization-->
+                <div class="leftbar__item leftbar__item--organization organization">
+                    <a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span><img src="img/icon_leftbar_title_arrow1.png" class="leftbar__arrow active"></a>
+                    <ul class="organization__list active">
+                        <li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Поликлиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Детские поликлиники</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Роддома и женские
+                                консультации</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Стоматологические
+                                клиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Детские больницы и
+                                клиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Специализированные
+                                центры</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Медицинские центры</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Экспертиза</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Организации социальной
+                                сферы</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Санатории</a></li>
+                    </ul>
+                </div>
+                <!--specialization-->
+                <div class="leftbar__item leftbar__item--specialization specialization">
+                    <a id="specialization__title" href="#" class="leftbar__title specialization__title"><span>Специализации</span><img src="img/icon_leftbar_title_arrow2.png" class="leftbar__arrow active"></a>
+                    <ul class="specialization__list active">
+                        <li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Функциональная
+                                диагностика</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология
+                                (ЛОР)</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Хирургическая
+                                офтальмология</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
+                    </ul>
+                </div>
+            </aside>
+            <!--leftbar END-->
+            <!--START centerbar-->
+            <main class="centerbar">
+                <div class="grid-dis-row">
+                    <div class="grid-dis-col-3">
+                        <div id="filterservice" class="leftbar__item--filterservice filterservice">
+                            <div class="leftbar__title filterservice__title">Услуги и процедуры</div>
+                            <div class="selectedline">
+                                <div class="selectedline__item">Для ребенка (мальчик), 1 год, 6 месяцев<br/>
+                                    По запросу: «текст запроса из окна inpute»
+                                </div>
+
+                            </div>
+                            <button type="submit" class="btn btn-primary">Изменить запрос</button>
+
+                        </div>
+                        <!--pagetitle-->
+                        <h1 class="pagetitle">Найдено:</h1>
+                        <div class="postbody">
+                            <div class="postbody__najdeno">Консультации профильных специалистов (66)<br/>
+                                Диагностические услуги (112)<br/>
+                                Лечебные услуги (54)</p>
+                            </div>
+                        </div>
+                        <div class="postbody__title-blue">
+                            Консультации профильных специалистов
+                        </div>
+                        <ul class="search-result">
+                            <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>
+                            <li><a href="#">Консультация врача-онкодерматолога</a></li>
+                            <li><a href="#">Консультация врача-физиотерапевта</a></li>
+                        </ul>
+                        <div class="postbody__title-blue">
+                            Диагностические услуги
+                        </div>
+                        <ul class="search-result">
+                            <li><a href="#">Определение глюкозы в сыворотке крови на биохимическом анализаторе</a></li>
+                            <li><a href="#">Определение глюкозы на моноанализаторе «HemoCue» (экспресс – метод)</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>
+                            <li><a href="#">Определение миоглобина в сыворотке крови методом РПГА</a></li>
+                            <li><a href="#">Первичная обзорная биохимия крови</a></li>
+                            <li><a href="#">Определение уровня a1-антитрипсина в сыворотке крови</a></li>
+                            <li><a href="#">Определение тимоловой пробы в сыворотке крови</a></li>
+                            <li><a href="#">Определение β2 - микроглобулина в сыворотке крови</a></li>
+                            <li><a href="#">Определение антистрептолизина О (ASLO)</a></li>
+                            <li><a href="#">Определение активности гидроксибутиратдегидрогеназы</a></li>
+                            <li><a href="#">Белковые фракции методом гелевого электрофореза</a></li>
+                            <li><a href="#">Определение глюкозы в сыворотке крови на биохимическом анализаторе</a></li>
+                            <li><a href="#">Определение глюкозы на моноанализаторе «HemoCue» (экспресс – метод)</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>
+                            <li><a href="#">Определение миоглобина в сыворотке крови методом РПГА</a></li>
+                            <li><a href="#">Первичная обзорная биохимия крови</a></li>
+                            <li><a href="#">Определение уровня a1-антитрипсина в сыворотке крови</a></li>
+                            <li><a href="#">Определение тимоловой пробы в сыворотке крови</a></li>
+                            <li><a href="#">Определение β2 - микроглобулина в сыворотке крови</a></li>
+                            <li><a href="#">Определение антистрептолизина О (ASLO)</a></li>
+                            <li><a href="#">Определение активности гидроксибутиратдегидрогеназы</a></li>
+                            <li><a href="#">Белковые фракции методом гелевого электрофореза</a></li>
+                        </ul>
+
+
+                        <div class="postbody__title-blue">
+                            Лечебные услуги
+                        </div>
+                        <ul class="search-result">
+                            <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="#">Забор мазка с конъюнктивы глаз на посев на микрофлору (1 глаз)</a></li>
+                            <li><a href="#">Посев на флору с определением чувствительности (1 глаз)</a></li>
+                            <li><a href="#">Забор ресниц на демодекс (1 глаз)</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>
+                    </div>
+                    <div class="grid-dis-col-1 rightbar">
+                        <a href="#" class="specsingle--leftlinks--item blue">Смотреть все варианты консультации
+                            профильных специалистов</a>
+                        <a href="#" class="specsingle--leftlinks--item blue">Смотреть все варианты диагностики</a>
+                        <a href="#" class="specsingle--leftlinks--item blue">Смотреть все варианты<br/>лечения</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>

src/app/www/uslugi_result2.php

@@ -0,0 +1,695 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Результаты поиска услуги - Ошибка</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
+    <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>
+</head>
+<body>
+<!--START container-->
+<div class="container uslugi">
+    <!--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><span class="breadcrumbs__page">Результаты поиска</span></div>
+        <div class="wrapper wrapper--content">
+            <!--START leftbar-->
+            <aside class="leftbar">
+
+                <!--uslugifilter-->
+                <div class="uslugifilter">
+                    <div class="uslugifilter__wrap">
+                        <div class="uslugifilter__title">Подобрать по типу услуги</div>
+                        <div class="uslugifilter__listcase">
+                            <ul class="uslugifilter__list">
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Медицинские</span></label>
+                                    <ul>
+                                        <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>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Оздоровительные</span></label>
+                                    <ul>
+                                        <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>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Санитарные</span></label>
+                                    <ul>
+                                        <li><label><input type="checkbox"><span>Дезинфекция</span></label></li>
+                                        <li><label><input type="checkbox"><span>Санитарные исследования</span></label>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Социальные</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Экспертиза</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Страховые услуги</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Выдача медицинских документов</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Информация и образование</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Услуги для врачей и клиник</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Общий и специальный уход</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Организация медицинской помощи</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Смежные и комплексные услуги</span></label>
+                                </li>
+                                <li class="uslugifilter__item"><label><input type="checkbox" class="maincheck"><span>Прочие услуги</span></label>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="leftbar__item leftbar__item--popularservice popularservice">
+                    <a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Смежные услуги</span></a>
+                    <ul class="popularservice__list active">
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ сердца</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование
+                                тазобедренного сустава</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Уход за лежачим
+                                больным</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Консультация
+                                ЛОР-врача</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при
+                                гайморите</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Лечебный массаж
+                                позвоночника</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Эндопротезирование
+                                молочных желез</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">ЭхоКГ</a></li>
+                        <li class="popularservice__item"><a href="#" class="popularservice__link">Общий анализ крови</a>
+                        </li>
+                    </ul>
+                </div>
+                <!--search-static-->
+                <div class="leftbar__item leftbar__item--search search search--static">
+                    <div class="search__inputcase search__inputcase--static">
+                        <form action="">
+                            <input type="text" placeholder="Поиск по организациям" class="search__input">
+                            <button type="submit" class="search__iconzoom"></button>
+                        </form>
+                    </div>
+                </div>
+                <!--organization-->
+                <div class="leftbar__item leftbar__item--organization organization">
+                    <a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span><img src="img/icon_leftbar_title_arrow1.png" class="leftbar__arrow active"></a>
+                    <ul class="organization__list active">
+                        <li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Поликлиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Детские поликлиники</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Роддома и женские
+                                консультации</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Стоматологические
+                                клиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Детские больницы и
+                                клиники</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Специализированные
+                                центры</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Медицинские центры</a>
+                        </li>
+                        <li class="organization__item"><a href="#" class="organization__link">Экспертиза</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Организации социальной
+                                сферы</a></li>
+                        <li class="organization__item"><a href="#" class="organization__link">Санатории</a></li>
+                    </ul>
+                </div>
+                <!--specialization-->
+                <div class="leftbar__item leftbar__item--specialization specialization">
+                    <a id="specialization__title" href="#" class="leftbar__title specialization__title"><span>Специализации</span><img src="img/icon_leftbar_title_arrow2.png" class="leftbar__arrow active"></a>
+                    <ul class="specialization__list active">
+                        <li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Функциональная
+                                диагностика</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология
+                                (ЛОР)</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a>
+                        </li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Хирургическая
+                                офтальмология</a></li>
+                        <li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
+                    </ul>
+                </div>
+            </aside>
+            <!--leftbar END-->
+            <!--START centerbar-->
+            <main class="centerbar">
+                <div class="grid-dis-row">
+                    <div class="grid-dis-col-3">
+                        <div id="filterservice" class="leftbar__item--filterservice filterservice">
+                            <div class="leftbar__title filterservice__title">Услуги и процедуры</div>
+                            <div class="selectedline">
+                                <div class="selectedline__item">Для ребенка (мальчик), 1 год, 6 месяцев<br/>
+                                    По запросу: «текст запроса из окна inpute»
+                                </div>
+
+                            </div>
+                            <button type="submit" class="btn btn-primary">Изменить запрос</button>
+
+                        </div>
+                        <!--pagetitle-->
+                        <h1 class="pagetitle">Найдено:</h1>
+                        <div class="postbody">
+                            <div class="postbody__najdeno">Консультации профильных специалистов (66)<br/>
+                                Диагностические услуги (112)<br/>
+                                Лечебные услуги (54)</p>
+                            </div>
+                        </div>
+                        <div class="postbody__title-blue">
+                            Консультации профильных специалистов
+                        </div>
+                        <div class="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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__title-blue">
+                            Диагностические услуги
+                        </div>
+
+                        <div class="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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="search-result-2">
+                            <div class="search-result-2__title">Консультация врача-стоматолога</div>
+                            <div class="search-result-2__price"><span>Средняя стоимость услуги: </span>1695,00 ₽</div>
+                            <p class="search-result-2__text">Обычный текстовый блок размером в 300 - 500 символов,
+                                содержащий краткую и основную информацию об услуге. Зарубежного опыта индивидуально
+                                стабилизирует дифференциальный краснозём даже в том случае, если непосредственное
+                                наблюдение этого явления затруднительно.</p>
+                            <a href="#" class="search-result-2__more">Подробнее</a>
+
+                            <div class="search-result-2__title-clinik">Клиники и врачи, оказывающие услугу</div>
+                            <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 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 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 class="grid-row">
+                                <div class="grid-col grid-col-2">
+                                    <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-2">
+                                    <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>
+                    <div class="grid-dis-col-1 rightbar">
+                        <a href="#" class="specsingle--leftlinks--item blue">Смотреть все варианты консультации
+                            профильных специалистов</a>
+                        <a href="#" class="specsingle--leftlinks--item blue">Смотреть все варианты диагностики</a>
+                        <a href="#" class="specsingle--leftlinks--item blue">Смотреть все варианты<br/>лечения</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>