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

src/files/css/main2.css

@@ -1,64 +1,64 @@
-
-
 /* Менял-start */
 .left-side {
-  font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
-  font-weight: 400;
-  width: 20%; }
+    font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+    font-weight: 400;
+    width: 20%;
+}
 
 /* Менял-end */
 
 
-
 /* Менял-start */
 
 .left-side .value {
-  font-size: 15px;
-  margin-bottom: 5px; }
+    font-size: 15px;
+    margin-bottom: 5px;
+}
 
 .left-side .value img {
-  position: relative;
-  top: -3px;
+    position: relative;
+    top: -3px;
 }
 
 /* Менял-end */
 
 
-
 /* Менял-start */
 .left-side .spec .spec-avatar {
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-  display: block;
-  position: absolute;
-  margin-left: -10px;
-  z-index: 10;
-  left: 15px;
-  top: 5px; }
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    display: block;
+    position: absolute;
+    margin-left: -10px;
+    z-index: 10;
+    left: 15px;
+    top: 5px;
+}
 
 .left-side .spec .text {
-  margin-left: 60px;
-  padding-top: 5px; }
-/* Менял-end */
-
+    margin-left: 60px;
+    padding-top: 5px;
+}
 
+/* Менял-end */
 
 
 /* Менял-start */
 .main-container .col-lg-10 {
-  /*width: 78%; */
+    /*width: 78%; */
 }
+
 /* Менял-end */
 
 
 /* Добавил-start */
 
 .flat-links--pc {
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 30px;
-  margin-top: 45px;
+    flex-direction: column;
+    padding-left: 0;
+    margin-bottom: 30px;
+    margin-top: 45px;
 }
 
 .flat-links--pc .flat-links__item {
@@ -67,77 +67,78 @@
 }
 
 .flat-links--pc .flat-links__item img {
-  height: auto;
-  width: 44px;
+    height: auto;
+    width: 44px;
 }
 
 .flat-links--pc .flat-links__item-description {
-  font-size: 13px;
-  line-height: 18px;
-  font-weight: 700;
-      font-family: "Open Sans";
+    font-size: 13px;
+    line-height: 18px;
+    font-weight: 700;
+    font-family: "Open Sans";
 }
 
 .left-side .specializations .spec-header img {
-  position: relative;
-  top: -3px;
-  -webkit-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  transform: rotate(90deg);
+    position: relative;
+    top: -3px;
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg);
 }
 
 .left-side .spec .text .subtitle,
 .left-side .spec .text .title {
     font-weight: 700;
 }
+
 .left-side .spec .text .title {
-  color: #3b434d;
+    color: #3b434d;
 }
 
 .logo-top-margin {
-  margin-top: -30px;
-position: relative;
+    /*margin-top: -30px;*/
+    position: relative;
     /*
 z-index: 99999999;
 padding: 20px 0;
 */
-background: #fff;
+    background: #fff;
 
 }
 
 header .menu ul li:first-child {
-  margin-left: 65px;
+    margin-left: 65px;
 }
 
 .swiper-container-big {
-  min-height: initial;
-  height: auto;
-  margin-bottom: 20px;
+    min-height: initial;
+    height: auto;
+    margin-bottom: 20px;
 }
 
 .banner-anons {
-  margin: 20px auto;
-  max-height: 162px;
-  overflow: hidden;
+    margin: 8px auto;
+    max-height: 162px;
+    overflow: hidden;
 }
 
 .banner-anons img {
-  width: 100%;
-  max-width: 469px;
-  margin: 0px auto;
+    width: 100%;
+    max-width: 469px;
+    margin: 0px auto;
 }
 
 .content-right .banner-anons {
-      padding-left: 15px;
+    padding-left: 15px;
 }
 
 .min-title-blue {
-  color: #3b434d;
-  margin-bottom: 20px;
-  margin-top: 15px;
-font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
-font-size: 20px;
-font-weight: 700;
+    color: #3b434d;
+    margin-bottom: 20px;
+    margin-top: 15px;
+    font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
 }
 
 .text-page__text p.subtitle-blue {
@@ -145,12 +146,12 @@ font-weight: 700;
     margin-bottom: 20px;
     line-height: 22px;
     color: #3b434d;
-        font-family: "Open Sans";
+    font-family: "Open Sans";
 }
 
 .text-page__text .more a {
-font-size: 13px;
-color: #929292;
+    font-size: 13px;
+    color: #929292;
 }
 
 header.v9 .menu ul li:first-child {
@@ -158,56 +159,57 @@ header.v9 .menu ul li:first-child {
 }
 
 header.v9 .menu ul {
-  display: block;
+    display: block;
 }
 
 header.v9 .circles {
-  text-align: right;
+    text-align: right;
 }
 
 header.v9 .circles .circle, header.v9 #searchToggle {
-  margin: 8px 0 4px 2px;
-     float: none;
+    margin: 8px 0 4px 2px;
+    float: none;
     display: inline-block;
 }
 
 header.v9 .soc {
-  position: initial;
-      margin-top: 11px;
-      text-align: center;
+    position: initial;
+    margin-top: 11px;
+    text-align: center;
 }
+
 header.v9 .soc .social {
     display: inline-block;
-  float: none;
-  }
+    float: none;
+}
 
 .left-sidebar-v9,
 .right-sidebar-v9 {
-  width: 230px;
-  display: inline-block;
-  vertical-align: top;
-  margin: 0 15px;
+    width: 230px;
+    display: inline-block;
+    vertical-align: top;
+    margin: 0 15px;
 }
 
 .right-sidebar-v9 {
-  width: 200px;
+    width: 200px;
 }
 
 .center-sidebar-v9 {
-  width: calc(100% - 430px - 1em - 85px);
-  display: inline-block;
-  vertical-align: top;
-  margin: 0 15px;
+    width: calc(100% - 430px - 1em - 85px);
+    display: inline-block;
+    vertical-align: top;
+    margin: 0 15px;
 }
 
 .left-sidebar-v9 .logo {
-  text-align: center;
-  padding: 20px 0;
+    text-align: center;
+    padding: 20px 0;
 }
 
 .content-fluid {
-  padding-left: 0;
-  padding-right: 0;
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .swiper-container-big .arrow {
@@ -230,154 +232,168 @@ header.v9 .soc .social {
 }
 
 .flat-links--pc-v9 {
-      margin-top: 20px;
+    margin-top: 20px;
 }
 
 .content-center {
-  padding-right: 15px;
+    padding-right: 15px;
     padding-left: 15px;
 }
+
 .content-center .today,
 .content-center .news {
-  padding-left: 0;
+    padding-left: 0;
 }
 
 .content-center .today .special-items__item {
-  width: 100%;
-  height: auto;
-  display: block;
-  border: 0;
+    width: 100%;
+    height: auto;
+    display: block;
+    border: 0;
 }
 
 .content-center .today .special-items__item-content {
     padding: 0px 10px;
-  }
+}
 
 .content-center .today .special-items__item .special-items__item-images,
 .content-center .today .special-items__container .special-items__title--school .special-items__dates {
-  width: 200px;
-  display: inline-block;
-  vertical-align: top;
+    width: 200px;
+    display: inline-block;
+    vertical-align: top;
 }
 
 .content-center .today .special-items__item .special-items__item-images .entity-badge__badge {
-  bottom: initial;
-  top: 15px;
-      left: 0px;
+    bottom: initial;
+    top: 15px;
+    left: 0px;
 }
 
 .content-center .today .special-items__top {
-  height: auto;
+    height: auto;
 }
 
 .content-center .today .special-items__item .special-items__item-text,
 .content-center .today .special-items__container .special-items__title--school .special-items__type {
-  width: calc(100% - 200px - .5em);
-  display: inline-block;
-  vertical-align: top;
-  padding: 0 0px 0 30px;
+    width: calc(100% - 200px - .5em);
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 0px 0 30px;
 }
 
 .content-center .today .special-items__item .special-items__item-text .special-items__description {
-  height: auto;
+    height: auto;
 }
 
 .content-center .today .special-items__item .special-items__item-text .special-items__organization-name {
-  text-align: left;
-  padding: 5px 0px;
-  height: auto;
-  line-height: 16px;
-  margin-bottom: 5px;
+    text-align: left;
+    padding: 5px 0px;
+    height: auto;
+    line-height: 16px;
+    margin-bottom: 5px;
 }
 
 
 .content-center .today .special-items__item .special-items__item-text .special-items__organization-address {
-  text-align: left;
-  padding: 5px 10px;
+    text-align: left;
+    padding: 5px 10px;
 }
 
 .content-center .today .special-items__item .special-items__item-text .special-items__horizontal-rule {
     margin: 5px 0px;
-  }
+}
 
 .content-center .today .special-items__container {
-  display: block;
+    display: block;
 }
 
 .content-center .today .special-items__container .special-items__title--school {
-  background: #fff;
-  color: #929292;
-  display: block;
-      padding: 10px 10px;
+    background: #fff;
+    color: #929292;
+    display: block;
+    padding: 10px 10px;
 }
 
 
 .content-center .news .shortnews__list,
 .content-center .news .shortnews__list .shortnews__item {
-  display: block;
+    display: block;
 }
+
 .content-center .news .shortnews__list .shortnews__item {
-  height: auto;
-  border-top-left-radius: 14px;
+    height: auto;
+    border-top-left-radius: 14px;
 }
+
 .content-center .news .shortnews__list .shortnews__item .shortnews__imgcase {
-  max-width: 230px;
-  display: inline-block;
-  vertical-align: top;
+    max-width: 230px;
+    display: inline-block;
+    vertical-align: top;
 }
+
 .content-center .news .shortnews__list .shortnews__item .shortnews__textpos {
-  display: inline-block;
-  vertical-align: top;
-  width: calc(100% - 230px - .5em);
-  position: initial;
-  background: transparent;
+    display: inline-block;
+    vertical-align: top;
+    width: calc(100% - 230px - .5em);
+    position: initial;
+    background: transparent;
 }
+
 .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__title {
-  color: #004d7b;
-  font-size: 17px;
-  background: transparent;
+    color: #004d7b;
+    font-size: 17px;
+    background: transparent;
 }
+
 .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__description {
-  height: auto;
+    height: auto;
 }
+
 .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__details {
-  display: block;
-  padding: 0 10px;
+    display: block;
+    padding: 0 10px;
 }
+
 .content-center .news .shortnews__list .shortnews__item .shortnews__textpos .shortnews__details .shortnews__date {
     font-family: 'Open Sans';
     font-size: 13px;
 }
 
 .content-center h2 {
-  color: #3b434d;
-  font-size: 25px;
-  line-height: 30px;
-  text-align: center;
-  font-weight: 700;
-  margin-bottom: 15px;
-  margin-top: 30px;
+    color: #3b434d;
+    font-size: 25px;
+    line-height: 30px;
+    text-align: center;
+    font-weight: 700;
+    margin-bottom: 15px;
+    margin-top: 30px;
 }
+
 .personals__tile-v9 .personals__title {
     background: #fff;
     display: block;
 }
+
 .personals__tile-v9 .personals__item {
     border: 1px solid #ebebeb;
     border-radius: 0;
 }
+
 .personals__tile-v9 .personals__details {
     border: 0px;
-        display: block;
+    display: block;
 }
+
 .personals__tile-v9 .personals__photo {
     margin-left: -31px;
-        top: 0px;
+    top: 0px;
 }
+
 .personals__tile-v9 .personals__name {
     padding-left: 42px;
-        min-height: 33px;
+    min-height: 33px;
 }
+
 .personals__tile-v9 .personals__description {
     padding: 0px 10px 25px 42px;
 }
@@ -385,8 +401,8 @@ header.v9 .soc .social {
 .personals__tile-v9 {
     display: inline-block;
     width: 50%;
-        padding-left: 30px;
-        padding-right: 30px;
+    padding-left: 30px;
+    padding-right: 30px;
     height: 150px;
 }
 
@@ -410,156 +426,189 @@ header.v9 .soc .social {
 }
 
 .left-side .doctor {
-  font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
-  font-weight: 400; }
+    font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+    font-weight: 400;
+}
 
 .left-side .doctor .doctor-avatar {
-  margin-bottom: 8px;
-  text-align: center; }
+    margin-bottom: 8px;
+    text-align: center;
+}
 
 .left-side .doctor .doctor-avatar img {
-  display: block;
-  margin: 0 auto;
-  border-radius: 50%; }
+    display: block;
+    margin: 0 auto;
+    border-radius: 50%;
+}
 
 .left-side .doctor .doctor-name {
-  text-align: center;
-  font-size: 20px;
-  color: #004d7b;
-  line-height: 22px;
-  margin-bottom: 4px; }
+    text-align: center;
+    font-size: 20px;
+    color: #004d7b;
+    line-height: 22px;
+    margin-bottom: 4px;
+}
+
 .left-side .doctor .doctor-desc {
-  line-height: 15px;
-  text-align: center;
-  color: #929292; }
+    line-height: 15px;
+    text-align: center;
+    color: #929292;
+}
 
 .left-side .doctor .doctor-link {
-  padding: 0;
-  font-size: 14px;
-  margin-top: 15px;
-  text-align: center;
-  background: #ebebeb; }
+    padding: 0;
+    font-size: 14px;
+    margin-top: 15px;
+    text-align: center;
+    background: #ebebeb;
+}
+
 .left-side .doctor .doctor-link a {
     color: #929292;
     text-decoration: underline;
     padding: 9px 0;
-    display: block; }
-.left-side .doctor .doctor-link a:hover {
-      color: #fff;
-      background: #004d7b; }
+    display: block;
+}
 
-      @media(max-width: 1250px) {
-          header.v9 .menu ul li a {
-    height: 100%;
+.left-side .doctor .doctor-link a:hover {
     color: #fff;
-    font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 13px;
-}
-.flat-links--pc .flat-links__item img {
-    height: auto;
-    width: 32px;
-}
-.flat-links--pc .flat-links__item-description {
-    font-size: 14px;
-    line-height: 16px;
+    background: #004d7b;
 }
-.main-title .title {
-    font-size: 24px;
-}
-.banner-anons {
-    text-align: center;
-}
-/* .swiper-container-big {
-    min-height: 420px;
-} */
+
+@media (max-width: 1250px) {
+    header.v9 .menu ul li a {
+        height: 100%;
+        color: #fff;
+        font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
+        font-size: 13px;
+    }
+
+    .flat-links--pc .flat-links__item img {
+        height: auto;
+        width: 32px;
+    }
+
+    .flat-links--pc .flat-links__item-description {
+        font-size: 14px;
+        line-height: 16px;
+    }
+
+    .main-title .title {
+        font-size: 24px;
+    }
+
+    .banner-anons {
+        text-align: center;
+    }
+
+    /* .swiper-container-big {
+        min-height: 420px;
+    } */
 }
 
 .clear {
-  content: '';
-  clear: both;
-  display: block;
+    content: '';
+    clear: both;
+    display: block;
 }
-@media(max-width: 991px) {
-    header.v9 .menu>ul{
+
+@media (max-width: 991px) {
+    header.v9 .menu > ul {
         display: none;
     }
 
-.left-sidebar-v9 {
-    width: 100px;
-      }
-      .right-sidebar-v9 {
-          width: 140px;
-      }
-      .center-sidebar-v9 {
-    width: calc(100% - 240px - 1em - 85px);
-}
-/* .swiper-container-big {
-    min-height: 320px;
-} */
-.flat-links--pc .flat-links__item-description {
-    font-size: 12px;
-    line-height: 14px;
-}
-.personals__tile-v9 {
-    display: inline-block;
-    width: 100%;
-    padding-left: 30px;
-    padding-right: 30px;
-    height: auto;
-}
-.content-left .slider {
-    position: relative;
-    margin-bottom: 50px;
-}
-}
-@media(max-width: 767px) {
-  header.v9 .menu-mobile {
-    position: absolute;
-    top: 47px;
-    width: 160px;
-    text-align: left;
-    padding: 0 15px 0;
+    .left-sidebar-v9 {
+        width: 100px;
+    }
+
+    .right-sidebar-v9 {
+        width: 140px;
+    }
+
+    .center-sidebar-v9 {
+        width: calc(100% - 240px - 1em - 85px);
+    }
+
+    /* .swiper-container-big {
+        min-height: 320px;
+    } */
+    .flat-links--pc .flat-links__item-description {
+        font-size: 12px;
+        line-height: 14px;
+    }
+
+    .personals__tile-v9 {
+        display: inline-block;
+        width: 100%;
+        padding-left: 30px;
+        padding-right: 30px;
+        height: auto;
+    }
+
+    .content-left .slider {
+        position: relative;
+        margin-bottom: 50px;
+    }
 }
-  .right-sidebar-v9 {
-    margin: 0 0 15px;
-    display: block;
 
-  }
+@media (max-width: 767px) {
+    header.v9 .menu-mobile {
+        position: absolute;
+        top: 47px;
+        width: 160px;
+        text-align: left;
+        padding: 0 15px 0;
+    }
+
+    .right-sidebar-v9 {
+        margin: 0 0 15px;
+        display: block;
+
+    }
+
     header.v9 .col-2 {
         width: 16.6666%;
         float: left;
     }
+
     header.v9 .col-5 {
         width: 41.6666%;
 
-            float: left;
+        float: left;
     }
+
     .content-right .banner-anons {
         padding-left: 0;
     }
+
     .content-center .today .special-items__item .special-items__item-images, .content-center .today .special-items__container .special-items__title--school .special-items__dates {
-    width: 200px;
-    display: block;
-}
-.content-center .today .special-items__item .special-items__item-text, .content-center .today .special-items__container .special-items__title--school .special-items__type {
-    width: 100%;
-    display: block;
-    padding: 0 0px 0 0;
-}
-.content-center .news .shortnews__list .shortnews__item .shortnews__imgcase {
-    max-width: 230px;
-    display: block;
-}
-.content-center .news .shortnews__list .shortnews__item .shortnews__textpos {
-    display: block;
-    width: 100%;
-}
-.center-sidebar-v9 {
-    margin: 0 0px;
-}
-.swiper-container-big {
-min-height: initial;
-}
+        width: 200px;
+        display: block;
+    }
+
+    .content-center .today .special-items__item .special-items__item-text, .content-center .today .special-items__container .special-items__title--school .special-items__type {
+        width: 100%;
+        display: block;
+        padding: 0 0px 0 0;
+    }
+
+    .content-center .news .shortnews__list .shortnews__item .shortnews__imgcase {
+        max-width: 230px;
+        display: block;
+    }
+
+    .content-center .news .shortnews__list .shortnews__item .shortnews__textpos {
+        display: block;
+        width: 100%;
+    }
+
+    .center-sidebar-v9 {
+        margin: 0 0px;
+    }
+
+    .swiper-container-big {
+        min-height: initial;
+    }
 }
 
 .content-center h2 {
@@ -574,20 +623,21 @@ min-height: initial;
 }
 
 @media (max-width: 768px) {
-header.v9 .container {
-    padding: 0px 0px 0;
-}
-.main-container.container {
-    padding: 30px 15px 0;
-}
+    header.v9 .container {
+        padding: 0px 0px 0;
+    }
 
-.additional-info__item img {
-  margin: 0 auto;
-}
+    .main-container.container {
+        padding: 30px 15px 0;
+    }
+
+    .additional-info__item img {
+        margin: 0 auto;
+    }
 }
 
 /* Добавил-end */
 
-.content-right .news{
+.content-right .news {
     margin-top: 25px;
 }

src/files/scss/_media-overrides.scss

@@ -58,7 +58,7 @@
         padding-bottom: 420px;
     }
     .left-side {
-        width: 27% !important;
+        width: 30% !important;
     }
 
     .content-a-lot {
@@ -66,7 +66,7 @@
     }
 
     .main-container .col-lg-10 {
-        width: 73% !important;
+        width: 70% !important;
     }
 
     header .circles {

src/files/scss/_shortnews.scss

@@ -1,174 +1,183 @@
 .shortnews {
 
-  &__list {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-  }
-
-  &__item {
-    font-family: $fontcuprum;
-    background-color: #ebebeb;
-    //min-height: 320px;
-    height: 320px;
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    flex-direction: column;
-    border-radius: 10px 0 0 0 / 10px 0 0 0;
-    margin-bottom: 10px;
-
-    &--half-size {
-      width: calc(50% - 10px);
-      margin-left: 10px;
-    }
-    &--one-third {
-      width: calc(33% - 10px);
-      margin-left: 10px;
+    &__list {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+    }
+
+    &__item {
+        font-family: $fontcuprum;
+        background-color: #ebebeb;
+        //min-height: 320px;
+        height: 320px;
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: column;
+        border-radius: 10px 0 0 0 / 10px 0 0 0;
+        margin-bottom: 10px;
+        @media (max-width: 1200px) {
+            height: auto;
+        }
+
+        &--half-size {
+            width: calc(50% - 10px);
+            margin-left: 10px;
+        }
+
+        &--one-third {
+            width: calc(33% - 10px);
+            margin-left: 10px;
+        }
+
+        &:hover {
+            background-color: #ececec;
+            text-decoration: none;
+
+            .shortnews__textpos {
+                background: none;
+            }
+
+            .shortnews__title {
+                background: rgba(255, 255, 255, .5);
+                color: #3b434d;
+            }
+        }
+
     }
 
     &:hover {
-      background-color: #ececec;
-      text-decoration: none;
+        background-color: #ececec;
+    }
 
-      .shortnews__textpos {
+    &__link {
+        text-decoration: none;
+        max-height: calc(100% - 30px);
+
+        &:hover {
+            text-decoration: none;
+        }
+    }
+
+    &__imgcase {
+        position: relative;
+    }
+
+    &__textpos {
+        min-height: 100px;
+        background: -moz-linear-gradient(top, rgba(59, 67, 77, 0) 0%, rgba(59, 67, 77, 0.1) 10%, rgba(59, 67, 77, 1) 100%);
+        background: -webkit-linear-gradient(top, rgba(59, 67, 77, 0) 0%, rgba(59, 67, 77, 0.1) 10%, rgba(59, 67, 77, 1) 100%);
+        background: linear-gradient(to bottom, rgba(59, 67, 77, 0) 0%, rgba(59, 67, 77, 0.1) 10%, rgba(59, 67, 77, 1) 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b434d', endColorstr='#3b434d', GradientType=0);
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        align-items: flex-end;
+        align-content: flex-end;
+    }
+
+    &:hover &__textpos {
         background: none;
-      }
+    }
 
-      .shortnews__title {
+    &__title {
+        font-family: $fontcuprum;
+        color: #ffffff;
+        font-size: 17px;
+        padding: 8px 10px;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    &:hover &__title {
         background: rgba(255, 255, 255, .5);
         color: #3b434d;
-      }
     }
-  }
 
-  &:hover {
-    background-color: #ececec;
-  }
+    &__img {
+        border-radius: 10px 0 0 0 / 10px 0 0 0;
+        display: block;
+        max-width: 100%;
+    }
 
-  &__link {
-    text-decoration: none;
-    max-height: calc(100% - 30px);
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  &__imgcase {
-    position: relative;
-  }
-
-  &__textpos {
-    min-height: 100px;
-    background: -moz-linear-gradient(top, rgba(59, 67, 77, 0) 0%, rgba(59, 67, 77, 0.1) 10%, rgba(59, 67, 77, 1) 100%);
-    background: -webkit-linear-gradient(top, rgba(59, 67, 77, 0) 0%, rgba(59, 67, 77, 0.1) 10%, rgba(59, 67, 77, 1) 100%);
-    background: linear-gradient(to bottom, rgba(59, 67, 77, 0) 0%, rgba(59, 67, 77, 0.1) 10%, rgba(59, 67, 77, 1) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b434d', endColorstr='#3b434d', GradientType=0);
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    align-items: flex-end;
-    align-content: flex-end;
-  }
-
-  &:hover &__textpos {
-    background: none;
-  }
-
-  &__title {
-    font-family: $fontcuprum;
-    color: #ffffff;
-    font-size: 17px;
-    padding: 8px 10px;
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  &:hover &__title {
-    background: rgba(255, 255, 255, .5);
-    color: #3b434d;
-  }
-
-  &__img {
-    border-radius: 10px 0 0 0 / 10px 0 0 0;
-    display: block;
-    max-width: 100%;
-  }
-
-  &__description {
-    border-bottom: 1px solid #d4d4d4;
-    height: 150px;
-    box-sizing: border-box;
-    padding: 6px 10px 10px;
-    color: #1a1916;
-    font-size: 15px;
-    line-height: 17px;
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-  }
-
-  &__details {
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    justify-content: space-between;
-    line-height: 30px;
-  }
-
-  &__category {
-    line-height: 30px;
-    text-align: left;
-    color: #eb914e;
-    text-decoration: none;
-    font-size: 13px;
-    font-family: $fontopensans;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: block;
-    height: 30px;
-    white-space: nowrap;
-    word-wrap: normal;
-    background: url(../img/icon_category@2x.png) 0 0 / 30px 60px no-repeat;
-    padding: 0 10px 0 23px;
-    margin: 0;
+    &__description {
+        border-bottom: 1px solid #d4d4d4;
+        height: 150px;
+        box-sizing: border-box;
+        padding: 6px 10px 10px;
+        color: #1a1916;
+        font-size: 15px;
+        line-height: 17px;
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin: 0;
+        @media (max-width: 1200px) {
+            height: auto;
+        }
+    }
 
-    &:hover {
-      color: #e65e26;
-      background: url(../img/icon_category@2x.png) 0 -30px / 30px 60px no-repeat;
-    }
-  }
-
-  &__no-category {
-    display: block;
-    align-self: flex-start;
-    margin: 0;
-  }
-
-  &__date {
-    padding-right: 10px;
-    color: #929292;
-    font-size: 13px;
-    align-self: flex-end;
-    display: block;
-    margin: 0;
-  }
-
-  &--big {
-    @media screen and (max-width: 1000px) {
-      max-width: 470px;
-    }
-  }
-
-  &--big &__title {
-    font-size: 25px;
-  }
+    &__details {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        justify-content: space-between;
+        line-height: 30px;
+    }
+
+    &__category {
+        line-height: 30px;
+        text-align: left;
+        color: #eb914e;
+        text-decoration: none;
+        font-size: 13px;
+        font-family: $fontopensans;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        display: block;
+        height: 30px;
+        white-space: nowrap;
+        word-wrap: normal;
+        background: url(../img/icon_category@2x.png) 0 0 / 30px 60px no-repeat;
+        padding: 0 10px 0 23px;
+        margin: 0;
+
+        &:hover {
+            color: #e65e26;
+            background: url(../img/icon_category@2x.png) 0 -30px / 30px 60px no-repeat;
+        }
+    }
+
+    &__no-category {
+        display: block;
+        align-self: flex-start;
+        margin: 0;
+    }
+
+    &__date {
+        padding-right: 10px;
+        color: #929292;
+        font-size: 13px;
+        align-self: flex-end;
+        display: block;
+        margin: 0;
+    }
+
+    &--big {
+        @media screen and (max-width: 1000px) {
+            max-width: 470px;
+        }
+    }
+
+    &--big &__title {
+        font-size: 25px;
+    }
 
 }

src/files/scss/_specials.scss

@@ -29,7 +29,7 @@
         flex-direction: column;
         flex-grow: 0;
         flex-shrink: 0;
-        flex-basis: 0;
+        flex-basis: calc(50% - 10px);
         min-width: 200px;
         justify-content: space-between;
         color: #000000;
@@ -167,8 +167,8 @@
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
-        height: 40px;
-        padding: 5px 20px;
+        min-height: 40px;
+        padding: 5px 10px;
         text-align: center;
         box-sizing: border-box;
     }