.maininfo .block {max-width: 1400px;}
.maininfo .epichead {
	position: relative;
	padding: 120px 0 140px 0;
	text-align: center;
	overflow: hidden
}
.epichead > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(30%);
}
.epichead::after {
  background: url("../../../images/home/bg_top.png") 50% 100% no-repeat, url("../../../images/home/down.png") 50% 97% no-repeat, linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(61, 46, 34, 0.7) 200px);
  background-size: 100% auto, auto auto, auto auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.epichead > .block {z-index: 1;}

.bookmarks {
  margin-top: 24px;
  border-radius: 15px;
  overflow: hidden;
}
.bookmarks li {
  display: block;
  margin: 2px;
}
.bookmarks li a {
  display: block;
  text-decoration: navajowhite;
  color: #777;
  line-height: normal;
  padding: 14px;
  background: #fff;
  border-left: 3px solid #ccc;
}
.bookmarks li a:hover {
  text-decoration: underline;
  color: #395bb6;
}
.bookmarks li a.active, .bookmarks li a.active:hover {
  color: tomato;
  border-left: 3px solid tomato;
  background: transparent;
  text-decoration: none
}


.shell {
  display: flex;
}
.aside {
  display: block;
  width: 400px;
  order: 2
}
.stick {
  position: sticky;
  top: 20px;
  padding-bottom: 20px;
}
.content {
  display: block;
  width: calc(100% - 400px);
  padding-right: 36px;
}
.content .image {
  position: relative;
  padding-bottom: 48%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 7px;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
}
.content .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.content figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  text-align: center;
  color: #ccc;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 0;
  letter-spacing: .5px;
}
#request {
  padding: 0;
  border: 1px none #ddd;
  border-radius: 7px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  background: #5d5f66;
  border-top: 9px solid #ff6347;
  color: #fff;
}
.recall {padding: 20px 30px 30px 30px;}
.content img { max-width: 100%}

.arthead {
  color: #fff;
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  text-align: center;
  width: 100%;
}

.aside form input {
  display: block;
  width: 100%;
  background: #fff;
  color: #000;
  border-radius: 7px;
  padding: 16px 28px 15px 28px;
  margin: 0 auto 12px auto;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 1px;
  max-width: 400px;
  border: none;
  box-shadow: inset 0 1px 3px 0px rgba(0, 0, 0, .4);
}
.aside form .btn {width: 100%; margin: 20px 0 0 0;}
#request h2 {
  text-align: center;
  color: #eec930;
  text-transform: uppercase;
  font-size: 40px;
}
.headstars strong {
  padding: 8px 0 12px;
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: #000;
}
.headstars ul, .headstars li {
  display: inline;
  margin: 0 4px 0 0;
}
.headstars span {
  display: inline-block;
  padding: 3px 8px 2px 8px;
  background: #e8e8e8;
  color: #555;
  border-radius: 10px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: normal;
  position: relative;
  top: -6px;
  margin-left: 6px;
}
.aside .about, .headstars {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 12px 0 12px 45px;
  background: #fff
}
.aside .about {
  color: #000;
  font-weight: 600;
  background: #fff url(../../../images/site/city/check.png) 18px 14px no-repeat;
    background-size: auto;
  background-size: 16px auto;
}

.title a {color: #000;text-decoration: none}

@media (max-width: 769px) {
  .shell {display: block}
  .content, .aside {width: 100%; padding: 0;}
  .content > h2 {font-size: 40px}
}