Merge branch 'organizations' of Adyn/medgis-ru-assets into master

app/assets/styles/_grid.scss

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

app/assets/styles/all.scss

@@ -17,6 +17,8 @@
 //
 @import "blocks/logo";
 @import "blocks/entity-badge";
+@import "blocks/organization-list";
+@import "blocks/map";
 //
 @import "header/header";
 @import "header/slogan";
@@ -55,6 +57,7 @@
 @import "content/centerbar/selectedline";
 @import "content/centerbar/specials";
 @import "content/centerbar/comments";
+@import "content/centerbar/organization";
 @import "blocks/opinion";
 //
 @import "content/centerbar/errorblock";

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

@@ -1,4 +1,7 @@
-.entity-badge {
+$entity-badge-selector: 'entity-badge';
+
+.#{$entity-badge-selector} {
+
     &__badge {
         position: absolute;
         bottom: 0;

app/assets/styles/blocks/map.scss

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

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

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

app/assets/styles/content/breadcrumbs.scss

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

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

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

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

@@ -0,0 +1,238 @@
+.organization-info {
+
+    &__container {
+        box-sizing: border-box;
+        border: 1px solid #ebebeb;
+        border-radius: 10px 0 0 0;
+        padding: 0 2px 0 9px;
+    }
+
+    &__header {
+        margin-bottom: 30px;
+    }
+
+    &__title {
+        font-family: $fontcuprum;
+        font-size: 32px;
+        font-weight: bold;
+        color: #004d7b;
+        padding: 3px 0 0 0;
+        margin-bottom: 5px;
+    }
+
+    &__sub-title {
+        font-family: $fontcuprum;
+        font-size: 18px;
+        font-weight: bold;
+        color: #3b434d;
+    }
+
+    &__logo {
+        margin-bottom: 3px;
+        max-width: 100%;
+        height: auto;
+    }
+
+    &__address {
+        font-size: 14px;
+        line-height: 16px;
+        text-align: center;
+        color: #929292;
+        margin-bottom: 13px;
+    }
+
+    &__map-link {
+        background: #ebebeb;
+        padding: 6px 10px;
+        text-align: center;
+        font-size: 13px;
+        margin-bottom: 10px;
+        color: #929292;
+        display: block;
+
+        &:hover {
+            background: #d2dee9;
+        }
+    }
+
+    &__contacts {
+
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            color: #929292;
+            margin-bottom: 2px;
+            display: block;
+        }
+
+        &-phone {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_01.png) no-repeat left center;
+            margin-bottom: 4px;
+            display: block;
+        }
+
+        &-show-phones {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            padding-left: 4px;
+            margin-bottom: 5px;
+            text-decoration: none;
+            color: #929292;
+
+            &:after {
+                font-family: $fontcuprum;
+                content: '>';
+                display: inline-block;
+                width: 7px;
+                height: 7px;
+                margin-left: 5px;
+            }
+        }
+
+        &-email {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_03.png) no-repeat left center;
+            margin-bottom: 5px;
+            color: #004d7b;
+            text-decoration: none;
+            display: block;
+        }
+
+        &-site {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_02.png) no-repeat left center;
+            color: #004d7b;
+            text-decoration: none;
+            display: block;
+        }
+
+        &-workmode {
+            font-family: $fontcuprum;
+            line-height: 22px;
+            margin-bottom: 32px;
+            display: block;
+        }
+    }
+
+    &__description {
+        font-family: $fontopensans;
+        font-size: 15px;
+        line-height: 18px;
+        position: relative;
+        overflow: hidden;
+        max-height: none;
+
+        p {
+            margin: 10px 0;
+        }
+
+        &--short {
+            max-height: 100px;
+            &:after {
+                background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) repeat scroll 0 0;
+                bottom: 0;
+                content: "";
+                display: block;
+                height: 100px;
+                left: 0;
+                position: absolute;
+                right: 0;
+            }
+        }
+    }
+
+    &__description-read-more {
+        text-align: center;
+        font-family: $fontopensans;
+        font-size: 13px;
+        color: #004d7b;
+        padding-top: 3px;
+        margin-bottom: 29px;
+        cursor: pointer;
+    }
+
+    &__menu {
+        box-sizing: border-box;
+        vertical-align: top;
+        font-size: 15px;
+        margin-left: 14px;
+        margin-top: -6px;
+        padding-left: 3px;
+        border-left: 1px solid #ebebeb;
+        max-width: 230px;
+        font-family: $fontcuprum;
+
+        &-item {
+
+        }
+
+        &-link {
+            display: block;
+            padding: 7px 6px;
+            line-height: 14px;
+            color: #004d7b;
+            text-decoration: none;
+
+            &:hover {
+                background: #ebebeb;
+            }
+        }
+    }
+
+    &__show-services {
+        background: #ebebeb;
+        padding: 6px 10px;
+        text-align: center;
+        font-size: 13px;
+        margin-bottom: 10px;
+        color: #929292;
+        display: block;
+        font-family: $fontcuprum;
+        text-decoration: none;
+    }
+
+    &__documents {
+        background: #ebebeb;
+
+        td {
+            border: none;
+            padding: 5px;
+            vertical-align: top;
+            font-family: $fontopensans;
+            font-size: 13px;
+            line-height: 15px;
+            color: #3b434d;
+        }
+        tr td:first-child {
+            padding-right: 19px;
+        }
+        tr:first-child td {
+            padding-top: 10px;
+        }
+        tr:last-child td {
+            padding-bottom: 7px;
+        }
+        a {
+            display: block;
+            color: #004d7b;
+            text-decoration: none;
+            position: relative;
+            padding-left: 20px;
+        }
+        .table_icon:before {
+            content: '';
+            display: inline-block;
+            width: 13px;
+            height: 15px;
+            margin: 0 5px 0 0;
+            position: absolute;
+            top: 2px;
+            left: 0;
+            background: url(../img/icon_table_link.png);
+        }
+    }
+}

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

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

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

@@ -1,4 +1,6 @@
-.special-items {
+$specials-selector: 'special-items';
+
+.#{$specials-selector} {
 
     &__container {
         display: flex;
@@ -19,6 +21,10 @@
         margin: 15px 10px;
         color: #000000;
         text-decoration: none;
+
+        &:hover {
+            border-color: #d2dee9;
+        }
     }
 
     &__title {
@@ -30,43 +36,60 @@
         font-size: 13px;
         background-color: #656565;
         padding: 10px;
-        border-radius: 10px 0 0 0;
         margin-left: -1px;
         margin-right: -1px;
         margin-top: -1px;
 
+        @extend .left_border_radius;
+
         &--specials {
             background-color: #e65e26;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#e65e26, 10%);
+            }
         }
 
         &--exhibition {
             background-color: #53b02e;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#53b02e, 10%);
+            }
         }
 
         &--school {
             background-color: #929292;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#929292, 10%);
+            }
         }
 
         &--conference {
             background-color: #5597d1;
+
+            .#{$specials-selector}__item:hover & {
+                background-color: lighten(#5597d1, 10%);
+            }
         }
     }
 
     &__badge {
         &--specials {
-            @extend .entity-badge__badge--orange;
+            @extend .#{$entity-badge-selector}__badge--orange;
         }
 
         &--exhibition {
-            @extend .entity-badge__badge--green;
+            @extend .#{$entity-badge-selector}__badge--green;
         }
 
         &--school {
-            @extend .entity-badge__badge--gray;
+            @extend .#{$entity-badge-selector}__badge--gray;
         }
 
         &--conference {
-            @extend .entity-badge__badge--blue;
+            @extend .#{$entity-badge-selector}__badge--blue;
         }
     }
 
@@ -135,5 +158,9 @@
         overflow: hidden;
         text-align: center;
         box-sizing: border-box;
+
+        .#{$specials-selector}__item:hover & {
+            background: #d2dee9;
+        }
     }
 }

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

@@ -3,6 +3,7 @@
 
     &__item {
         margin-bottom: 20px;
+        background: #fff;
         border: 1px solid #ebebeb;
         display: -webkit-flex;
         display: -ms-flex;
@@ -10,6 +11,7 @@
         flex-direction: column;
         text-decoration: none;
         border-radius: 10px 0 0 0 / 10px 0 0 0;
+        height: calc(100% - 20px);
 
         &:hover {
             border-color: #d2dee9;
@@ -52,6 +54,7 @@
         margin: auto;
         margin-bottom: 5px;
         position: relative;
+        min-width: 200px;
     }
     &__img {
         width: 100%;

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

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

app/www/css/all.css

@@ -258,7 +258,7 @@ body {
     flex-direction: row;
     justify-content: space-between; }
 
-.left_border_radius {
+.left_border_radius, .special-items__title {
   border-radius: 10px 0 0 0; }
 
 .grid-dis-row {
@@ -278,24 +278,35 @@ body {
   .grid-dis-row img {
     display: block; }
   .grid-dis-row:last-child,
-  .grid-dis-row div:last-child {
+  .grid-dis-row .grid-dis-col-1:last-child,
+  .grid-dis-row .grid-dis-col-2:last-child,
+  .grid-dis-row .grid-dis-col-3:last-child,
+  .grid-dis-row .grid-dis-col-4:last-child,
+  .grid-dis-row .grid-dis-col-33:last-child,
+  .grid-dis-row .grid-dis-col-66:last-child,
+  .grid-dis-row .grid-dis-col-1:nth-child(4n),
+  .grid-dis-row .grid-dis-col-2:nth-child(2n) {
     margin: 0; }
 
 .grid-dis-col-1 {
-  width: 25%;
+  width: calc(25% - 10px);
   max-width: 230px;
   margin: 0 10px 0 0; }
+  .grid-dis-col-1:last-child {
+    width: 25%; }
   @media screen and (max-width: 1000px) {
     .grid-dis-col-1 {
-      width: 50%;
+      width: calc(50% - 10px);
       max-width: 230px; }
       .grid-dis-col-1:last-child {
         margin-right: 0; } }
 
 .grid-dis-col-2 {
-  width: 50%;
+  width: calc(50% - 10px);
   max-width: 470px;
   margin: 0 10px 0 0; }
+  .grid-dis-col-2:last-child {
+    width: 50%; }
   @media screen and (max-width: 1000px) {
     .grid-dis-col-2 {
       width: 100%;
@@ -303,9 +314,11 @@ body {
       max-width: none; } }
 
 .grid-dis-col-3 {
-  width: 75%;
+  width: calc(75% - 10px);
   max-width: 710px;
   margin: 0 10px 0 0; }
+  .grid-dis-col-3:last-child {
+    width: 75%; }
   @media screen and (max-width: 1220px) {
     .grid-dis-col-3 {
       width: 80%;
@@ -326,6 +339,30 @@ body {
       .grid-dis-col-4:last-child {
         margin-right: 0; } }
 
+.grid-dis-col-33 {
+  width: calc(33% - 10px);
+  margin: 0 10px 0 0; }
+  .grid-dis-col-33:last-child {
+    width: 33%; }
+  @media screen and (max-width: 1000px) {
+    .grid-dis-col-33 {
+      width: 100%;
+      max-width: none; }
+      .grid-dis-col-33:last-child {
+        margin-right: 0; } }
+
+.grid-dis-col-66 {
+  width: calc(66% - 10px);
+  margin: 0 10px 0 0; }
+  .grid-dis-col-66:last-child {
+    width: 66%; }
+  @media screen and (max-width: 1000px) {
+    .grid-dis-col-66 {
+      width: 100%;
+      max-width: none; }
+      .grid-dis-col-66:last-child {
+        margin-right: 0; } }
+
 .grid-disrb-row {
   display: -webkit-flex;
   display: -ms-flex;
@@ -500,70 +537,206 @@ body {
   color: #fff;
   background-image: url(../img/specials/badge-middle.png);
   font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-  font-size: 18px;
-}
-
-.entity-badge__badge:before {
-  position: absolute;
-  left: -8px;
-  top: 0;
-  content: '';
-  display: block;
-  height: 100%;
-  width: 8px;
-  background-image: url(../img/specials/badge-start.png);
-}
-
-.entity-badge__badge:after {
-  position: absolute;
-  right: -10px;
-  top: 0;
-  content: '';
-  display: block;
-  height: 100%;
-  width: 10px;
-  background-image: url(../img/specials/badge-end.png);
-}
-
-.entity-badge__badge--orange, .special-items__badge--specials {
-  background-position: 0 0;
-}
-
-.entity-badge__badge--orange:before, .special-items__badge--specials:before, .entity-badge__badge--orange:after, .special-items__badge--specials:after {
-  background-position: 0 0;
-}
-
-.entity-badge__badge--green, .special-items__badge--exhibition {
-  background-position: 0 -36px;
-}
+  font-size: 18px; }
+  .entity-badge__badge:before {
+    position: absolute;
+    left: -8px;
+    top: 0;
+    content: '';
+    display: block;
+    height: 100%;
+    width: 8px;
+    background-image: url(../img/specials/badge-start.png); }
+  .entity-badge__badge:after {
+    position: absolute;
+    right: -10px;
+    top: 0;
+    content: '';
+    display: block;
+    height: 100%;
+    width: 10px;
+    background-image: url(../img/specials/badge-end.png); }
+  .entity-badge__badge--orange, .special-items__badge--specials {
+    background-position: 0 0; }
+    .entity-badge__badge--orange:before, .special-items__badge--specials:before, .entity-badge__badge--orange:after, .special-items__badge--specials:after {
+      background-position: 0 0; }
+  .entity-badge__badge--green, .special-items__badge--exhibition {
+    background-position: 0 -36px; }
+    .entity-badge__badge--green:before, .special-items__badge--exhibition:before, .entity-badge__badge--green:after, .special-items__badge--exhibition:after {
+      background-position: 0 -36px; }
+  .entity-badge__badge--gray, .special-items__badge--school {
+    background-position: 0 -72px; }
+    .entity-badge__badge--gray:before, .special-items__badge--school:before, .entity-badge__badge--gray:after, .special-items__badge--school:after {
+      background-position: 0 -72px; }
+  .entity-badge__badge--blue, .special-items__badge--conference {
+    background-position: 0 -108px; }
+    .entity-badge__badge--blue:before, .special-items__badge--conference:before, .entity-badge__badge--blue:after, .special-items__badge--conference:after {
+      background-position: 0 -108px; }
+  .entity-badge__badge-text {
+    overflow: hidden;
+    width: 100%;
+    display: block;
+    white-space: nowrap;
+    text-overflow: ellipsis; }
 
-.entity-badge__badge--green:before, .special-items__badge--exhibition:before, .entity-badge__badge--green:after, .special-items__badge--exhibition:after {
-  background-position: 0 -36px;
-}
+.organization-list__headline {
+  height: 44px;
+  margin-bottom: 15px;
+  padding: 0 18px 0 56px;
+  box-sizing: border-box;
+  position: relative;
+  display: -webkit-flex;
+  display: -ms-flex;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-content: center;
+  align-items: center;
+  background: #ebebeb;
+  z-index: 2; }
+  .organization-list__headline:before {
+    content: '';
+    position: absolute;
+    width: 49px;
+    height: 49px;
+    border-radius: 50%;
+    left: -10px;
+    top: -8px;
+    border: 5px solid #ffffff;
+    background: url(../img/icon_leftbar_innermenu_01@2x.png) center/50% 50% no-repeat #004d7b; }
 
-.entity-badge__badge--gray, .special-items__badge--school {
-  background-position: 0 -72px;
-}
+.organization-list__headline-text {
+  width: 900px;
+  margin-right: 20px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 20px;
+  font-weight: bold;
+  color: #004d7b;
+  overflow: hidden; }
 
-.entity-badge__badge--gray:before, .special-items__badge--school:before, .entity-badge__badge--gray:after, .special-items__badge--school:after {
-  background-position: 0 -72px;
-}
+.organization-list__item {
+  border: 1px solid #ebebeb;
+  background: #fff;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  margin-bottom: 10px;
+  position: relative;
+  padding-right: 30px;
+  display: flex;
+  flex-direction: row;
+  text-decoration: none; }
+  .organization-list__item:hover {
+    border-color: #d2dee9; }
+  .organization-list__item-img {
+    max-width: 110px; }
+    .organization-list__item-img-placeholder {
+      width: 110px;
+      height: 73px;
+      background: #ebebeb; }
+      .organization-list__item:hover .organization-list__item-img-placeholder {
+        background: #d2dee9; }
+    .organization-list__item-img-container {
+      margin: -1px 9px -1px -1px; }
+  .organization-list__item-title {
+    height: 29px;
+    margin: 5px 0 6px;
+    overflow: hidden; }
+    .organization-list__item-title-text {
+      display: table-cell;
+      height: 29px;
+      vertical-align: middle;
+      font-size: 17px;
+      line-height: 14px;
+      color: #3b434d;
+      text-decoration: none; }
+      .organization-list__item:hover .organization-list__item-title-text {
+        color: #515c6a; }
+  .organization-list__item-description {
+    height: 29px;
+    overflow: hidden;
+    font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 13px;
+    line-height: 14px;
+    color: #3b434d; }
+  .organization-list__item-arrow {
+    display: block;
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    top: 50%;
+    right: 4px;
+    margin-top: -7px;
+    background: url(../img/icon_leftbar_title_arrow1.png) no-repeat; }
+  .organization-list__item-badge {
+    left: -1px;
+    bottom: 6px; }
 
-.entity-badge__badge--blue, .special-items__badge--conference {
-  background-position: 0 -108px;
-}
+.organization-list__grid {
+  margin: 10px 0; }
 
-.entity-badge__badge--blue:before, .special-items__badge--conference:before, .entity-badge__badge--blue:after, .special-items__badge--conference:after {
-  background-position: 0 -108px;
-}
+.organization-list__side-menu {
+  z-index: 2;
+  position: relative;
+  background: #ffffff; }
+  .organization-list__side-menu-item {
+    border-bottom: 1px solid #ebebeb;
+    position: relative; }
+    .organization-list__side-menu-item:after {
+      content: url(../img/icon_leftbar_title_arrow1.png);
+      transform: rotate(90deg);
+      position: absolute;
+      right: 5px;
+      top: 10px;
+      display: block;
+      height: 20px;
+      width: 15px; }
+    .organization-list__side-menu-item.active:after {
+      transform: rotate(-90deg); }
+    .organization-list__side-menu-item.active ul {
+      display: block; }
+  .organization-list__side-menu-link {
+    color: #004d7b;
+    text-decoration: none;
+    font-size: 16px;
+    padding: 8px 25px 8px 8px;
+    display: block;
+    line-height: 19px;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-weight: normal; }
+    .organization-list__side-menu-link:hover {
+      background: #d2dee9; }
 
-.entity-badge__badge-text {
-  overflow: hidden;
-  width: 100%;
-  display: block;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
+.organization-list__side-submenu {
+  display: none;
+  background: #f7f7f7; }
+  .organization-list__side-menu-item.active .organization-list__side-submenu {
+    display: block; }
+  .organization-list__side-submenu-link {
+    color: #9b9b9b;
+    text-decoration: none;
+    font-size: 15px;
+    padding: 8px 8px 8px 15px;
+    display: block;
+    line-height: 19px;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-weight: normal;
+    position: relative; }
+    .organization-list__side-submenu-link:before {
+      position: absolute;
+      content: '>';
+      left: 5px;
+      top: 6px;
+      font-size: 17px; }
+    .organization-list__side-submenu-link:hover {
+      background: #004d7b;
+      color: #fff; }
+
+.map__container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 637px;
+  z-index: 1; }
 
 .header {
   background: #3b434d;
@@ -703,7 +876,9 @@ body {
   align-items: center;
   align-content: center;
   font-size: 11px;
-  line-height: 15px; }
+  line-height: 15px;
+  position: relative;
+  z-index: 2; }
   .breadcrumbs__link {
     color: #929292;
     text-decoration: underline;
@@ -996,7 +1171,8 @@ body {
 .filterservice__title {
   line-height: 18px;
   color: #5597d1;
-  height: 53px; }
+  height: 53px;
+  text-decoration: none; }
   .filterservice__title::before {
     content: '';
     position: absolute;
@@ -1113,13 +1289,15 @@ body {
   margin-bottom: 20px; }
   .entitybanner__item {
     margin-bottom: 20px;
+    background: #fff;
     border: 1px solid #ebebeb;
     display: -webkit-flex;
     display: -ms-flex;
     display: flex;
     flex-direction: column;
     text-decoration: none;
-    border-radius: 10px 0 0 0 / 10px 0 0 0; }
+    border-radius: 10px 0 0 0 / 10px 0 0 0;
+    height: calc(100% - 20px); }
     .entitybanner__item:hover {
       border-color: #d2dee9; }
     .entitybanner__item:hover .entitybanner__address {
@@ -1156,7 +1334,7 @@ body {
     margin: auto;
     margin-bottom: 5px;
     position: relative;
-  }
+    min-width: 200px; }
   .entitybanner__img {
     width: 100%;
     max-width: 200px;
@@ -1177,11 +1355,9 @@ body {
     align-items: center;
     align-content: center;
     font-family: "cuprum", Impact, "Charcoal CY", sans-serif; }
-
-.entitybanner__badge {
-  left: -14px;
-  bottom: 7px;
-}
+  .entitybanner__badge {
+    left: -14px;
+    bottom: 7px; }
   .entitybanner__item:hover {
     border-color: #d2dee9; }
   .entitybanner__item:hover .entitybanner__address {
@@ -1345,6 +1521,10 @@ body {
 
 .centerbar {
   width: 78.2%; }
+  .centerbar--with-map {
+    margin-top: 300px;
+    position: relative;
+    z-index: 2; }
   @media screen and (max-width: 1220px) {
     .centerbar {
       width: 100%; } }
@@ -2275,6 +2455,11 @@ body {
     line-height: 40px; }
     .pagination__filter:hover {
       background: #eb914e; }
+    .pagination__filter--blue {
+      background: #3b444d; }
+      .pagination__filter--blue:hover {
+        background: #5597d1;
+        color: #004d7b; }
 
 .usefulinfo__title {
   color: #3b434d;
@@ -2336,6 +2521,8 @@ body {
   margin: 15px 10px;
   color: #000000;
   text-decoration: none; }
+  .special-items__item:hover {
+    border-color: #d2dee9; }
 
 .special-items__title {
   display: flex;
@@ -2346,18 +2533,25 @@ body {
   font-size: 13px;
   background-color: #656565;
   padding: 10px;
-  border-radius: 10px 0 0 0;
   margin-left: -1px;
   margin-right: -1px;
   margin-top: -1px; }
   .special-items__title--specials {
     background-color: #e65e26; }
+    .special-items__item:hover .special-items__title--specials {
+      background-color: #eb8054; }
   .special-items__title--exhibition {
     background-color: #53b02e; }
+    .special-items__item:hover .special-items__title--exhibition {
+      background-color: #6bce43; }
   .special-items__title--school {
     background-color: #929292; }
+    .special-items__item:hover .special-items__title--school {
+      background-color: #acacac; }
   .special-items__title--conference {
     background-color: #5597d1; }
+    .special-items__item:hover .special-items__title--conference {
+      background-color: #7db0dc; }
 
 .special-items__item-content {
   padding: 10px;
@@ -2417,6 +2611,8 @@ body {
   overflow: hidden;
   text-align: center;
   box-sizing: border-box; }
+  .special-items__item:hover .special-items__organization-address {
+    background: #d2dee9; }
 
 .comments__block {
   margin-top: 40px; }
@@ -2641,6 +2837,197 @@ body {
   font-size: 13px;
   color: #f00; }
 
+.organization-info__container {
+  box-sizing: border-box;
+  border: 1px solid #ebebeb;
+  border-radius: 10px 0 0 0;
+  padding: 0 2px 0 9px; }
+
+.organization-info__header {
+  margin-bottom: 30px; }
+
+.organization-info__title {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 32px;
+  font-weight: bold;
+  color: #004d7b;
+  padding: 3px 0 0 0;
+  margin-bottom: 5px; }
+
+.organization-info__sub-title {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 18px;
+  font-weight: bold;
+  color: #3b434d; }
+
+.organization-info__logo {
+  margin-bottom: 3px;
+  max-width: 100%;
+  height: auto; }
+
+.organization-info__address {
+  font-size: 14px;
+  line-height: 16px;
+  text-align: center;
+  color: #929292;
+  margin-bottom: 13px; }
+
+.organization-info__map-link {
+  background: #ebebeb;
+  padding: 6px 10px;
+  text-align: center;
+  font-size: 13px;
+  margin-bottom: 10px;
+  color: #929292;
+  display: block; }
+  .organization-info__map-link:hover {
+    background: #d2dee9; }
+
+.organization-info__contacts-header {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 13px;
+  color: #929292;
+  margin-bottom: 2px;
+  display: block; }
+
+.organization-info__contacts-phone {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  padding: 2px 0 1px 25px;
+  background: url(../img/icon_contact_01.png) no-repeat left center;
+  margin-bottom: 4px;
+  display: block; }
+
+.organization-info__contacts-show-phones {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 13px;
+  padding-left: 4px;
+  margin-bottom: 5px;
+  text-decoration: none;
+  color: #929292; }
+  .organization-info__contacts-show-phones:after {
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    content: '>';
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    margin-left: 5px; }
+
+.organization-info__contacts-email {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  padding: 2px 0 1px 25px;
+  background: url(../img/icon_contact_03.png) no-repeat left center;
+  margin-bottom: 5px;
+  color: #004d7b;
+  text-decoration: none;
+  display: block; }
+
+.organization-info__contacts-site {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  padding: 2px 0 1px 25px;
+  background: url(../img/icon_contact_02.png) no-repeat left center;
+  color: #004d7b;
+  text-decoration: none;
+  display: block; }
+
+.organization-info__contacts-workmode {
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  line-height: 22px;
+  margin-bottom: 32px;
+  display: block; }
+
+.organization-info__description {
+  font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+  font-size: 15px;
+  line-height: 18px;
+  position: relative;
+  overflow: hidden;
+  max-height: none; }
+  .organization-info__description p {
+    margin: 10px 0; }
+  .organization-info__description--short {
+    max-height: 100px; }
+    .organization-info__description--short: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; }
+
+.organization-info__description-read-more {
+  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; }
+
+.organization-info__menu {
+  box-sizing: border-box;
+  vertical-align: top;
+  font-size: 15px;
+  margin-left: 14px;
+  margin-top: -6px;
+  padding-left: 3px;
+  border-left: 1px solid #ebebeb;
+  max-width: 230px;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif; }
+  .organization-info__menu-link {
+    display: block;
+    padding: 7px 6px;
+    line-height: 14px;
+    color: #004d7b;
+    text-decoration: none; }
+    .organization-info__menu-link:hover {
+      background: #ebebeb; }
+
+.organization-info__show-services {
+  background: #ebebeb;
+  padding: 6px 10px;
+  text-align: center;
+  font-size: 13px;
+  margin-bottom: 10px;
+  color: #929292;
+  display: block;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  text-decoration: none; }
+
+.organization-info__documents {
+  background: #ebebeb; }
+  .organization-info__documents td {
+    border: none;
+    padding: 5px;
+    vertical-align: top;
+    font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 13px;
+    line-height: 15px;
+    color: #3b434d; }
+  .organization-info__documents tr td:first-child {
+    padding-right: 19px; }
+  .organization-info__documents tr:first-child td {
+    padding-top: 10px; }
+  .organization-info__documents tr:last-child td {
+    padding-bottom: 7px; }
+  .organization-info__documents a {
+    display: block;
+    color: #004d7b;
+    text-decoration: none;
+    position: relative;
+    padding-left: 20px; }
+  .organization-info__documents .table_icon:before {
+    content: '';
+    display: inline-block;
+    width: 13px;
+    height: 15px;
+    margin: 0 5px 0 0;
+    position: absolute;
+    top: 2px;
+    left: 0;
+    background: url(../img/icon_table_link.png); }
+
 .opinion__container {
   float: right;
   width: 33%;