ul.cities {
    column-count: 2;
    list-style-type: circle;
    color: #f7f7f7;
    font-size: 16px;
}
.container.s-content img {
    width: 100%;
}
ul.cities a {
    color: #e8e8e8;
}
.margin20 {
    margin: 5px 20px 0 0;
}
ul.cities span {
    color: #2cd181;
    font-size: 16px;

}
.portfolio__item-line.constructname {
    color: #35d788;
    margin-bottom: 10px;
    font-size: 16px;
}

.portfolio__item-line {
    margin: -2px 0;
    font-size: 12px;
}

.portfolio__item-line.citycname {
    font-size: 14px;
    margin-bottom: 6px;
}
ul.navbar-nav {
    padding: 0 0px 0 20px;
    margin: 20px 0;
}
@media (min-width: 992px) {
  .navbar-container {
    position: sticky;
    top: 0;
    overflow-y: auto;
    height: 100vh;
  }
  .navbar-container .navbar {
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
  }
  .navbar-container .navbar-collapse {
    align-items: flex-start;
  }
  .navbar-container .nav {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .navbar-container .navbar-nav {
    flex-direction: column !important;
  }
}
.article h1 {font-size: 32px;}
.article h2 {font-size: 27px;}
.article h3 {font-size: 24px;}
.article h4 {font-size: 22px;}
.article h5 {font-size: 20px;}
.article h2, h3, h4, h5{
	font-family: roboto light;
    text-transform: none;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 30px;
    margin-top: 25px;
    color: black;
    text-align: start;
}
.article__content p {
    font-size: 20px;
    line-height: 1.7;
    padding-bottom: 30px;
    font-family: roboto light;
}
.article ol, ul {
    font-family: roboto light;
    font-size: 18px;
}
.navbar-brand {
    font-size: 20px;
}
li.nav-item a {
    color: #2f2f2d;
}
.article_gallery {margin: 10px 0}
li.nav-item {margin: 10px 0;padding: 0;font-size: 16px;}
.blockimg {
    width: 315px;
    height: 180px;
    margin-bottom: 10px;
    float: left;
    margin: 7px 7px 8px 0px;
}
.playbutton {
    background: url(https://tk-dessa.ru/static/img/youtubeplayicon1.png) no-repeat;
    background-position: center;
    height: 180px;
    width: 315px;
    margin:auto;
    border: none;
    cursor: pointer;
}

.playbutton:hover {
    background: url(https://tk-dessa.ru/static/img/youtubeplayicon1.png) no-repeat;
    border: none;
    background-size: 30%;
    padding: 1px;
    background-position: 50% 50%;
}
.table_dark {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 14px;
  width: 640px;
  text-align: left;
  border-collapse: collapse;
  background: #252F48;
  margin: 10px;
}
.table_dark th {
  color: #EDB749;
  border-bottom: 1px solid #37B5A5;
  padding: 12px 17px;
}
.table_dark td {
  color: #CAD4D6;
  border-bottom: 1px solid #37B5A5;
  border-right:1px solid #37B5A5;
  padding: 7px 17px;
}
.table_dark tr:last-child td {
  border-bottom: none;
}
.table_dark td:last-child {
  border-right: none;
}
.table_dark tr:hover td {
  text-decoration: underline;
}
.sublist{padding:7px !important;
}
.soc {
    display: inline-block;
    margin-right: 25px;
}

.soc a {
    padding: 20px;
    margin: 2px;
    border: none;
}

a.vk {
    background-image: url(/static/vk.png);
    background-size: contain;
}

a.inst {
    background-size: contain;
    background-image: url(/static/instagram.png);
}
.header__right {text-align: right;align-items: center;display: flex;}
.calculation, .project-text {
min-height: 450px !important;}

a.center {
    margin: auto;
    text-align: center;
}

.button.center.red {
    display: flex;
    justify-content: center;
    margin: 20px;
}

.button.center.red button {
    font-size: 18px;
    background: red;
    color: white;
    padding: 5px 10px;
    border: none;
    text-decoration: none;
    font-weight: 600;
}
.header__city a {
    font-size: 16px !important;
}