Merge branch 'anatoly' of medgis/mo-assets into master

src/files/css/main.css

@@ -10451,6 +10451,457 @@ img {
     display: inline-block;
     vertical-align: middle; }
 
+.organization-info__container {
+  box-sizing: border-box;
+  border: 1px solid #ebebeb;
+  border-radius: 10px 0 0 0;
+  padding: 0 2px 0 9px;
+  margin-bottom: 10px; }
+.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__vrach-img {
+  position: relative; }
+.organization-info__staz {
+  position: absolute;
+  background: #ebebeb;
+  padding: 5px 10px;
+  border-radius: 0 10px 0 10px;
+  bottom: 0;
+  right: 18px;
+  width: 32px;
+  height: 55px;
+  text-align: center;
+  font-size: 13px;
+  color: #929292; }
+.organization-info__staz span {
+  font-size: 18px;
+  color: #004d7b; }
+.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__map-container {
+  width: 700px;
+  max-width: 100%;
+  position: relative;
+  padding-top: 100%; }
+.organization-info__map {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0; }
+.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;
+  font-size: 17px; }
+.organization-info__contacts-phones-list {
+  max-height: 123px;
+  transition: all 0.5s ease-in-out;
+  overflow: hidden; }
+  .organization-info__contacts-phones-list--all {
+    max-height: 9999px; }
+.organization-info__contacts-skype {
+  font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+  padding: 2px 0 1px 25px;
+  background: url(../img/skype.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;
+  font-size: 17px; }
+.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;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 17px; }
+.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: "Open Sans", 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: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+  font-size: 13px;
+  color: #004d7b;
+  padding-top: 3px;
+  margin-bottom: 29px;
+  cursor: pointer; }
+.organization-info__menu-vrachi {
+  box-sizing: border-box;
+  vertical-align: top;
+  font-size: 15px;
+  margin-left: 10px;
+  margin-top: 0px;
+  padding-left: 0px;
+  min-height: 165px;
+  max-width: 230px;
+  font-family: "Cuprum", Impact, "Charcoal CY", sans-serif; }
+  .organization-info__menu-vrachi-header {
+    font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+    font-size: 13px;
+    color: #929292;
+    margin-bottom: 2px;
+    display: block;
+    margin-left: 5px; }
+  .organization-info__menu-vrachi-link {
+    display: block;
+    padding: 7px 6px;
+    line-height: 14px;
+    color: #004d7b;
+    text-decoration: none; }
+    organization-info--active .organization-info__menu-vrachi-link, .organization-info__menu-vrachi-link:hover {
+      background: #ebebeb; }
+    organization-info--active .organization-info__menu-vrachi-link {
+      color: #929292; }
+.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--active .organization-info__menu-link, .organization-info__menu-link:hover {
+      background: #ebebeb; }
+    organization-info--active .organization-info__menu-link {
+      color: #929292; }
+.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;
+  min-width: 100%; }
+  .organization-info__documents td {
+    border: none;
+    padding: 5px;
+    vertical-align: top;
+    font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 13px;
+    line-height: 15px;
+    color: #3b434d; }
+    @media screen and (max-width: 768px) {
+      .organization-info__documents td {
+        display: block; } }
+  .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: 0;
+    left: 0;
+    background: url(../img/icon_table_link.png); }
+.organization-info__socials {
+  filter: grayscale(1); }
+  .organization-info__socials > li {
+    display: inline-block; }
+.organization-info__slidedown {
+  margin-bottom: 14px; }
+  .organization-info__slidedown-title {
+    font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+    padding: 9px 0;
+    position: relative;
+    font-size: 20px;
+    font-weight: 600;
+    color: #3b434d; }
+  .organization-info__slidedown-subtitle {
+    color: #004d7b;
+    font-size: 13px;
+    display: block; }
+  .organization-info__slidedown-mesto {
+    color: #929292;
+    font-size: 13px; }
+  .organization-info__slidedown-handler {
+    position: absolute;
+    top: 50%;
+    right: 3px;
+    width: 15px;
+    height: 9px;
+    margin-top: -4px;
+    cursor: pointer;
+    background: url(../img/blockslide_sprite.png) no-repeat; }
+.organization-info__administration-content {
+  padding-left: 10px; }
+.organization-info__sub-organizations-header {
+  font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 20px;
+  font-weight: bold;
+  color: #3b434d;
+  margin-bottom: 10px; }
+
+.organization-info__slidedown .vrach-content-dolznosti {
+  background: #ebebeb;
+  padding: 10px; }
+.organization-info__slidedown .vrach-content-dolznosti-50 {
+  width: calc(50% - .25em);
+  display: inline-block;
+  vertical-align: top;
+  padding: 0 5px; }
+  @media screen and (max-width: 768px) {
+    .organization-info__slidedown .vrach-content-dolznosti-50 {
+      width: 100%;
+      display: block; } }
+.organization-info__slidedown .vrach-content-dolznosti-map {
+  text-align: center; }
+.organization-info__slidedown .vrach-content-dolznosti-adress {
+  color: #929292;
+  font-size: 13px;
+  text-align: center;
+  font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+  margin: 5px auto 15px auto; }
+.organization-info__slidedown .vrach-content-dolznosti-grafik-title {
+  color: #3b434d;
+  font-size: 15px; }
+.organization-info__slidedown .vrach-content-dolznosti-50 table td {
+  width: 22%;
+  text-align: center;
+  color: #3b434d;
+  font-size: 15px;
+  padding: 3px 0; }
+.organization-info__slidedown .vrach-content-dolznosti-50 table td:last-child {
+  width: 46%; }
+.organization-info__slidedown .rach-content-dolznosti-grafik-prev {
+  display: inline-block;
+  width: calc(50% - .25em);
+  font-size: 13px;
+  color: #929292;
+  margin: 5px 0;
+  cursor: pointer; }
+.organization-info__slidedown .rach-content-dolznosti-grafik-next {
+  display: inline-block;
+  width: calc(50% - .25em);
+  font-size: 13px;
+  color: #929292;
+  text-align: right;
+  margin: 5px 0;
+  cursor: pointer; }
+.organization-info__slidedown .rach-content-dolznosti-grafik-prev::before {
+  content: '';
+  display: inline-block;
+  position: relative;
+  background: url("../img/icon_leftbar_title_arrow3-p.png") no-repeat;
+  background-size: cover;
+  width: 10px;
+  height: 10px; }
+.organization-info__slidedown .rach-content-dolznosti-grafik-next::after {
+  content: '';
+  display: inline-block;
+  position: relative;
+  background: url("../img/icon_leftbar_title_arrow3.png") no-repeat;
+  background-size: cover;
+  width: 10px;
+  height: 10px; }
+.organization-info__slidedown .rach-content-dolznosti-grafik-button {
+  background: #d7d7d7;
+  color: #929292;
+  width: 100%;
+  display: block;
+  padding: 10px 0;
+  text-align: center; }
+
+.grid-dis-row {
+  display: -webkit-flex;
+  display: -ms-flex;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-bottom: 40px; }
+  @media screen and (max-width: 1220px) {
+    .grid-dis-row {
+      justify-content: space-around; } }
+  @media screen and (max-width: 1000px) {
+    .grid-dis-row {
+      max-width: 470px;
+      margin: auto; } }
+  .grid-dis-row img {
+    display: block; }
+  .grid-dis-row: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: 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: calc(50% - 10px);
+      max-width: 230px; }
+      .grid-dis-col-1:last-child {
+        margin-right: 0; } }
+.grid-dis-col-2 {
+  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%;
+      margin-right: 0;
+      max-width: none; }
+      .grid-dis-col-2:last-child {
+        width: 100%; } }
+.grid-dis-col-3 {
+  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%;
+      max-width: calc(100% - 240px); } }
+  @media screen and (max-width: 1000px) {
+    .grid-dis-col-3 {
+      width: 100%;
+      max-width: none;
+      margin: 0; } }
+.grid-dis-col-4 {
+  width: 100%;
+  margin: 0 10px 0 0; }
+  @media screen and (max-width: 1000px) {
+    .grid-dis-col-4 {
+      width: 100%;
+      max-width: none; }
+      .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; } }
+
 @media (min-width: 992px) {
   .left-side {
     padding-right: 20px; }

src/files/scss/_organization-worktime.scss

@@ -0,0 +1,652 @@
+$organizationInfoSelector: 'organization-info';
+$organizationMediaSelector: 'organization-media';
+
+.#{$organizationInfoSelector} {
+
+    &__container {
+        box-sizing: border-box;
+        border: 1px solid #ebebeb;
+        border-radius: 10px 0 0 0;
+        padding: 0 2px 0 9px;
+        margin-bottom: 10px;
+    }
+
+    &__header {
+        margin-bottom: 30px;
+    }
+
+    &__title {
+        font-family: $fontcuprum;
+        font-size: 32px;
+        font-weight: bold;
+        color: #004d7b;
+        padding: 3px 0 0 0;
+        margin-bottom: 5px;
+    }
+
+    &__vrach-img {
+        position: relative;
+    }
+
+    &__staz {
+        position: absolute;
+        background: #ebebeb;
+        padding: 5px 10px;
+        border-radius: 0 10px 0 10px;
+        bottom: 0;
+        right: 18px;
+        width: 32px;
+        height: 55px;
+        text-align: center;
+        font-size: 13px;
+        color: #929292;
+    }
+
+    &__staz span {
+        font-size: 18px;
+        color: #004d7b;
+    }
+
+    &__sub-title {
+        font-family: $fontcuprum;
+        font-size: 18px;
+        font-weight: bold;
+        color: #3b434d;
+    }
+
+    &__logo {
+        margin-bottom: 3px;
+        max-width: 100%;
+        height: auto;
+    }
+
+    &__address {
+        font-size: 14px;
+        line-height: 16px;
+        text-align: center;
+        color: #929292;
+        margin-bottom: 13px;
+    }
+
+    &__map-link {
+        background: #ebebeb;
+        padding: 6px 10px;
+        text-align: center;
+        font-size: 13px;
+        margin-bottom: 10px;
+        color: #929292;
+        display: block;
+
+        &:hover {
+            background: #d2dee9;
+        }
+    }
+
+    &__map-container {
+        width: 700px;
+        max-width: 100%;
+        position: relative;
+        padding-top: 100%;
+    }
+
+    &__map {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+    }
+
+    &__contacts {
+
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            color: #929292;
+            margin-bottom: 2px;
+            display: block;
+        }
+
+        &-phone {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_01.png) no-repeat left center;
+            margin-bottom: 4px;
+            display: block;
+            font-size: 17px;
+        }
+
+        &-phones-list {
+            max-height: 123px;
+            transition: all 0.5s ease-in-out;
+            overflow: hidden;
+            &--all {
+                max-height: 9999px;
+            }
+        }
+
+        &-skype {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/skype.png) no-repeat left center;
+            margin-bottom: 4px;
+            display: block;
+        }
+
+        &-show-phones {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            padding-left: 4px;
+            margin-bottom: 5px;
+            text-decoration: none;
+            color: #929292;
+
+            &:after {
+                font-family: $fontcuprum;
+                content: '>';
+                display: inline-block;
+                width: 7px;
+                height: 7px;
+                margin-left: 5px;
+            }
+        }
+
+        &-email {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_03.png) no-repeat left center;
+            margin-bottom: 5px;
+            color: #004d7b;
+            text-decoration: none;
+            display: block;
+            font-size: 17px;
+        }
+
+        &-site {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/icon_contact_02.png) no-repeat left center;
+            color: #004d7b;
+            text-decoration: none;
+            display: block;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            font-size: 17px;
+        }
+
+        &-workmode {
+            font-family: $fontcuprum;
+            line-height: 22px;
+            margin-bottom: 32px;
+            display: block;
+        }
+    }
+
+    &__description {
+        font-family: $fontopensans;
+        font-size: 15px;
+        line-height: 18px;
+        position: relative;
+        overflow: hidden;
+        max-height: none;
+
+        p {
+            margin: 10px 0;
+        }
+
+        &--short {
+            max-height: 100px;
+            &:after {
+                background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) repeat scroll 0 0;
+                bottom: 0;
+                content: "";
+                display: block;
+                height: 100px;
+                left: 0;
+                position: absolute;
+                right: 0;
+            }
+        }
+    }
+
+    &__description-read-more {
+        text-align: center;
+        font-family: $fontopensans;
+        font-size: 13px;
+        color: #004d7b;
+        padding-top: 3px;
+        margin-bottom: 29px;
+        cursor: pointer;
+    }
+
+    &__menu-vrachi {
+        box-sizing: border-box;
+        vertical-align: top;
+        font-size: 15px;
+        margin-left: 10px;
+        margin-top: 0px;
+        padding-left: 0px;
+        min-height: 165px;
+        max-width: 230px;
+        font-family: $fontcuprum;
+
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            color: #929292;
+            margin-bottom: 2px;
+            display: block;
+            margin-left: 5px;
+        }
+        &-item {
+
+        }
+
+        &-link {
+            display: block;
+            padding: 7px 6px;
+            line-height: 14px;
+            color: #004d7b;
+            text-decoration: none;
+
+            #{$organizationInfoSelector}--active &,
+            &:hover {
+                background: #ebebeb;
+            }
+            #{$organizationInfoSelector}--active & {
+                color: #929292;
+            }
+
+        }
+    }
+    &__menu {
+        box-sizing: border-box;
+        vertical-align: top;
+        font-size: 15px;
+        margin-left: 14px;
+        margin-top: -6px;
+        padding-left: 3px;
+        border-left: 1px solid #ebebeb;
+        max-width: 230px;
+        font-family: $fontcuprum;
+
+        &-item {
+
+        }
+
+        &-link {
+            display: block;
+            padding: 7px 6px;
+            line-height: 14px;
+            color: #004d7b;
+            text-decoration: none;
+
+            #{$organizationInfoSelector}--active &,
+            &:hover {
+                background: #ebebeb;
+            }
+            #{$organizationInfoSelector}--active & {
+                color: #929292;
+            }
+
+        }
+    }
+
+    &__show-services {
+        background: #ebebeb;
+        padding: 6px 10px;
+        text-align: center;
+        font-size: 13px;
+        margin-bottom: 10px;
+        color: #929292;
+        display: block;
+        font-family: $fontcuprum;
+        text-decoration: none;
+    }
+
+    &__documents {
+        background: #ebebeb;
+        min-width: 100%;
+
+        td {
+            border: none;
+            padding: 5px;
+            vertical-align: top;
+            font-family: $fontopensans;
+            font-size: 13px;
+            line-height: 15px;
+            color: #3b434d;
+            @media screen and (max-width: 768px) {
+                display: block;
+            }
+        }
+        tr td:first-child {
+            padding-right: 19px;
+        }
+        tr:first-child td {
+            padding-top: 10px;
+        }
+        tr:last-child td {
+            padding-bottom: 7px;
+        }
+        a {
+            display: block;
+            color: #004d7b;
+            text-decoration: none;
+            position: relative;
+            padding-left: 20px;
+        }
+        .table_icon:before {
+            content: '';
+            display: inline-block;
+            width: 13px;
+            height: 15px;
+            margin: 0 5px 0 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            background: url(../img/icon_table_link.png);
+        }
+    }
+
+    &__socials {
+        filter: grayscale(1);
+
+        & > li {
+            display: inline-block;
+        }
+    }
+
+    &__slidedown {
+        margin-bottom: 14px;
+
+        &-title {
+            font-family: $fontcuprum;
+            padding: 9px 0;
+            position: relative;
+            font-size: 20px;
+            font-weight: 600;
+            color: #3b434d;
+        }
+
+        &-subtitle {
+            color: #004d7b;
+            font-size: 13px;
+            display: block;
+        }
+
+        &-mesto {
+            color: #929292;
+            font-size: 13px;
+        }
+
+        &-content {
+
+        }
+
+        &-handler {
+            position: absolute;
+            top: 50%;
+            right: 3px;
+            width: 15px;
+            height: 9px;
+            margin-top: -4px;
+            cursor: pointer;
+            background: url(../img/blockslide_sprite.png) no-repeat;
+        }
+    }
+
+    &__administration-content {
+        padding-left: 10px;
+    }
+
+    &__sub-organizations {
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 20px;
+            font-weight: bold;
+            color: #3b434d;
+            margin-bottom: 10px;
+        }
+    }
+}
+
+.organization-info {
+    &__slidedown {
+        .vrach-content-dolznosti {
+            background: #ebebeb;
+            padding: 10px;
+        }
+
+        .vrach-content-dolznosti-50 {
+            width: calc(50% - .25em);
+            display: inline-block;
+            vertical-align: top;
+            padding: 0 5px;
+            @media screen and (max-width: 768px) {
+                width: 100%;
+                display: block;
+            }
+        }
+
+        .vrach-content-dolznosti-map {
+            text-align: center;
+        }
+
+        .vrach-content-dolznosti-adress {
+            color: #929292;
+            font-size: 13px;
+            text-align: center;
+            font-family: $fontcuprum;
+            margin: 5px auto 15px auto;
+        }
+
+        .vrach-content-dolznosti-grafik-title {
+            color: #3b434d;
+            font-size: 15px;
+        }
+
+        .vrach-content-dolznosti-50 table td {
+            width: 22%;
+            text-align: center;
+            color: #3b434d;
+            font-size: 15px;
+            padding: 3px 0;
+        }
+
+        .vrach-content-dolznosti-50 table td:last-child {
+            width: 46%;
+        }
+        .rach-content-dolznosti-grafik-prev {
+            display: inline-block;
+            width: calc(50% - .25em);
+            font-size: 13px;
+            color: #929292;
+            margin: 5px 0;
+            cursor: pointer;
+        }
+
+        .rach-content-dolznosti-grafik-next {
+            display: inline-block;
+            width: calc(50% - .25em);
+            font-size: 13px;
+            color: #929292;
+            text-align: right;
+            margin: 5px 0;
+            cursor: pointer;
+        }
+
+        .rach-content-dolznosti-grafik-prev::before {
+            content: '';
+            display: inline-block;
+            position: relative;
+            background: url("../img/icon_leftbar_title_arrow3-p.png") no-repeat;
+            background-size: cover;
+            width: 10px;
+            height: 10px;
+        }
+
+        .rach-content-dolznosti-grafik-next::after {
+            content: '';
+            display: inline-block;
+            position: relative;
+            background: url("../img/icon_leftbar_title_arrow3.png") no-repeat;
+            background-size: cover;
+            width: 10px;
+            height: 10px;
+        }
+
+        .rach-content-dolznosti-grafik-button {
+            background: #d7d7d7;
+            color: #929292;
+            width: 100%;
+            display: block;
+            padding: 10px 0;
+            text-align: center;
+        }
+    }
+}
+
+.grid {
+    &-dis {
+        &-row {
+            display: -webkit-flex;
+            display: -ms-flex;
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            margin-bottom: 40px;
+
+            @media screen and (max-width: 1220px) {
+                justify-content: space-around;
+            }
+            @media screen and (max-width: 1000px) {
+                max-width: 470px;
+                margin: auto;
+            }
+
+            & img {
+                display: block;
+            }
+            &: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: calc(25% - #{$gutterSize});
+                max-width: 230px;
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 25%;
+                }
+
+                @media screen and (max-width: 1000px) {
+                    width: calc(50% - #{$gutterSize});
+                    max-width: 230px;
+
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+            &-2 {
+                width: calc(50% - #{$gutterSize});
+                max-width: 470px;
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 50%;
+                }
+
+                @media screen and (max-width: 1000px) {
+                    width: 100%;
+                    margin-right: 0;
+                    max-width: none;
+
+                    &:last-child {
+                        width: 100%;
+                    }
+                }
+            }
+            &-3 {
+                width: calc(75% - #{$gutterSize});
+                max-width: 710px;
+                margin: 0 $gutterSize 0 0;
+
+                &:last-child {
+                    width: 75%;
+                }
+
+                @media screen and (max-width: 1220px) {
+                    width: 80%;
+                    max-width: calc(100% - 240px);
+                }
+                @media screen and (max-width: 1000px) {
+                    width: 100%;
+                    max-width: none;
+                    margin: 0;
+                }
+            }
+            &-4 {
+                width: 100%;
+                // max-width: 710px;
+                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%;
+                    max-width: none;
+
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+        }
+    }
+}

src/files/scss/main.scss

@@ -25,6 +25,8 @@
 @import "materials-wide";
 @import "header-search";
 @import "search";
+@import "organization-worktime";
+
 
 @import "media-overrides";