#simple-search {
  z-index: 1023;
}

#project .basic-info {
  background: #252525;
  margin: auto;
  color: #6B6B6B;
  font-size: 13px;
}

#project .basic-info a { color: #ca1d61; }

#project .admin-area {
  position: fixed;
  top: 145px;
  left: 20px;
  padding: 10px;
  background: rgba(25,25,25,0.8);
  color: #fff;
  font-size: 14px;
  z-index: 25;
}

#project .admin-area a {
  text-decoration: none;
  color: #fff;
}

.create-note { color: #ca1d61; }

#project #main-view {
  width: 100%;
  padding: 0 40px;
  background: #252525;
  box-sizing: border-box;
}

#project #main-view .inner {
  position: relative;
  max-width: 1400px;
  margin: auto;
}

a.label.builtby {
  background: #CE1C63;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding: 12px 15px;
  font-size: 26px;
  right: 102px;
  top: 53px;
  box-shadow: none;
  position: absolute;
  z-index: 30;
  text-decoration: none;
  text-transform: uppercase;
}
#project #main-view .slider-container { float: left; position: relative; width: 1336px; }
#project #main-view .royalSlider { width: 100%; }
#project #main-view .royalSlider.rsFullscreen { width: 100%; max-width: max-content; }
#project #main-view .royalSlider img { width: 100%; }
#project #main-view .royalSlider > .plan { display: none; }
#project #main-view .royalSlider .plan { background: #fff; overflow: auto; height: 1080px; }
#project #main-view .royalSlider .plan > div { float: left; margin: 20px 0 0 0; color: #000; }
#project #main-view .royalSlider .plan .plan-img { text-align: center; width: 63%; }
#project #main-view .royalSlider .plan img.rsMainSlideImage { max-width: 93%; width: auto !important; height: auto !important; max-height: 720px !important; margin: 0 auto !important; }
#project #main-view .royalSlider.rsFullscreen .plan img.rsMainSlideImage { max-height: 850px !important; }
#project #main-view .royalSlider .plan div.rooms { width: 33%; }
#project #main-view .plan .rooms h3 { font-size: 28px; }
#project #main-view .plan .rooms span { text-transform: uppercase; }
#project #main-view .plan .rooms ul li { display: block; border-bottom: 1px solid #f1f1f1; font-size: 17px; line-height: 2; width: 98%; max-width: 300px; }
#project #main-view .plan .rooms ul li span { display: inline-block; width: 75%; }
#project #main-view .rsDefault .rsOverflow, #project #main-view .rsDefault .rsSlide, #project #main-view .rsDefault .rsVideoFrameHolder, #project #main-view .rsDefault .rsThumbs { background: #252525; }
#project #main-view .rsFullscreen.rsDefault .rsOverflow, #general-data-left .rsFullscreen.rsDefault .rsSlide, #general-data-left .rsFullscreen.rsDefault .rsVideoFrameHolder, #general-data-left .rsFullscreen.rsDefault .rsThumbs { background: #252525; }
#project #main-view .rsNav { padding: 0; }
#project #main-view .rsDefault .rsThumb { width: 102px; height: 69px; }
#project #main-view .rsThumbsHor { height: 68px; }
#project #main-view iframe.loan { width: 1336px; max-width: 1336px; height: 592px; border: 0 none; float: left;}
#project #main-view iframe.walk { width: 1336px; max-width: 1336px; border: 0 none; float: left;}

#project .label-new, #project .label-recommended, #project .label-new, #project .label-2017-ready {
  text-transform: uppercase; width: 110px;	height: 20px; display: block; position: absolute; left: 0; text-align: center; color: white; line-height: 20px; font-size: 11px;
}
#project .label-new { background-color: #CE1C63; top: 30px; }
#project .label-recommended { background-color: #216DC6; top: 50px; }
#project .label-2017-ready { background-color: #efef2f; top: 70px; color: #000; }

#project .main-view-tabs {
  float:right;
  width: 64px;
  line-height: normal;
  font-size: 8px;
  text-transform: uppercase;
  z-index: 20;
}

#project .main-view-tabs li a {
  display: block;
  width: 100%;
  height: 64px;
  margin-bottom: 1px;
  padding-top: 16px;
  box-sizing: border-box;
  -webkit-sizing: border-box;
  background: #161616;
  color: #999;
  text-decoration: none;
  text-align: center;
  transition: background 0.5s, padding 0.5s, margin 0.5s, color 0.5s;
}

#project .main-view-tabs li a i {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
}

@-webkit-keyframes blinker {
  0% {background-color: #252525;}
  50% {background-color: #ca1d61;}
  100% {background-color: #252525;}
}
@keyframes blinker {
  0% {background-color: #252525;}
  50% {background-color: #ca1d61;}
  100% {background-color: #252525;}
}

#project .main-view-tabs li a:hover { background-color: #ca1d61; animation-name: none; -webkit-animation-name: none; color: #fff; }
#project .main-view-tabs li a.selected { background-color: #ca1d61; color: #fff; }

#project input[type="checkbox"] {
  appearance: button;
  -webkit-appearance: button;
  width:  25px;
  height: 30px;
  border: 0 none;
  background: url('/images/checkbox6.png') no-repeat -5px -2px;
  color: #fff;
  white-space: nowrap;
  overflow:hidden;
  vertical-align: middle;
  outline: none;
}
#project input[type="checkbox"] + label { cursor: pointer; }
#project input[type="checkbox"]:hover { background-position: -5px -37px; }
#project input[type="checkbox"]:checked { background-position: -5px -72px; }
#project input[type="checkbox"]:checked:hover { background-position: -5px -107px; }

#project .wooden-version-info {
  padding: 1em 0;
  font-size: 14px;
}

/* Pasek narzędziowy */
#main-footer {
  margin: auto;
  background: #E6E6E6;
  padding: 10px 40px 20px 40px;
  position: relative;
}

#main-footer .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: auto;
  box-sizing: border-box;
}

#main-footer a {
  padding: 0;
  background: transparent;
  text-decoration: none;
  font-size: 10px;
  color: #252525;
}
#main-footer a:hover, #main-footer #question-button:hover { background: #fff; color: #000; }
#main-footer .buttons {
  vertical-align: middle;
}
#main-footer a.button {
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 17px 0 0 0;
  margin-left: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: bold;
  vertical-align: middle;
  color: #333;
}
#main-footer a.button i {
  display: block;
  font-size: 26px;
  line-height: 26px;
  color: #999;
}

#main-footer #question-button {
  width: auto;
  min-width: 275px;
  padding: 20px 15px;
  background: #fff;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

mbs_up#project-content {
  margin: 10px auto auto auto;
  padding: 0 40px;
}

/* dane ogólne */
#general-info, #project-realizations, #construction-offers, #project-variants, #comments, #project-interior, #project-faq, #project-east-faq, #project-addons, #project-composition {
  width: 100%;
  max-width: 1400px;
  padding: 20px 0;
  margin: auto;
  box-sizing: border-box;
}

#general-info > header {
  padding: 20px 0;
  text-align: center;
}

#project-variants header, #project-realizations header, #project-constructions > header, #comments > header, #project-interior > header,
#project-constructions > header {
  margin: auto;
  padding: 20px 40px;
  text-align: center;
}
#project-variants > header, #my-construction header, #project-constructions header { padding-top: 20px; padding-bottom: 20px; }

#general-info > header h1, #project-elevations > h1, #general-info .variants > h1, #general-info .similar > h1,
#project-realizations > header h1, #project-variants > header h1, #comments > header h1,
#project-interior > header h1, #project-faq > header h1, #my-construction .stages header h1,
#my-construction .archive header h1, #project-constructions header h1 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 50px;
  text-align: center;
}

#general-info > header h2, #project-realizations header h2, #project-variants header h2, #comments header h2, #project-interior header h2, #project-faq > header h2, #my-construction .welcome header p {
  margin: 0;
  font-size: 21px;
  font-weight: 100;
}

#project-realizations .mc-listing-big { margin: 40px auto 50px auto; overflow: auto; }

#project .star {
  margin: 0 auto 50px auto;
  width: auto;
  font-size: 17px;
  color: #ca1d61;
  max-width: 1600px;
  position: relative;
  padding: 40px 22px 10px 22px;
  line-height: normal;
  clear: both;
}

#my-construction .star span { font-size: 30px; position: absolute; left: 0; top: 32px; }
#project-faq #faq { margin-top: 40px; }

#general-info .col-container {
  padding: 60px 0 40px 0;
}

#general-info .cols {
  margin: auto;
  background: url('/images/project/dot.png') repeat-y 500px 0, url('/images/project/dot.png') repeat-y 0 0, url('/images/project/dot.png') repeat-y 100% 0;
}

#general-info .left-col {
  float: left;
  width: 500px;
  padding: 10px 40px 10px 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#general-info .right-col {
  float: left;
  width: 900px;
  padding: 10px 40px 10px 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#general-info h3 {
  font-size: 24px;
  text-transform: uppercase;
}

#general-info h4 {
  font-size: 21px;
}

#general-info h4 span { text-transform: uppercase; }

#general-info header {
  margin-bottom: 20px;
}

#general-info header p { font-size: 24px;}

#general-info .files-list table {
  width: 100%;
  font-size: 14px;
}

#general-info .files-list th, #general-info .files-list td, #general-info .dimensions th, #general-info .dimensions td {
  padding: 5px 0;
  border-bottom: 1px solid #f1f1f1;
}

#general-info .files-list td { width: 20px; }
#project-variants .download a, #general-info .files-list a {
  text-decoration: none;
  color: #ca1d61;
}

#project-variants .download a span {
  display: inline-block;
  margin-left: 10px;
  padding-right: 30px;
  background: url('/images/icons/file_pdf.png') no-repeat right center;
  color: #999;
}

#general-info .files-list a:hover, #project-variants .download a:hover { opacity: 0.75; }
#general-info .description, #general-info .files-list { margin-top: 40px; padding: 30px 0; border-top: 1px solid #ccc; font-size: 15px; line-height: 22px; }
#general-info .description p { margin: 0.5em 0; }

#general-info .tags li { display: inline-block; padding: 2px 4px; background: #f4f4f4; margin-right: 10px; color: #666; }

#general-info .hint.fa-question-circle, #general-info .z-hint.fa-question-circle { color: #ddd; }

#general-info .left-col .features {
  width: 100%;
  margin: 10px 0;
  border: 0 none;
  font-size: 13px;
  display: table;
}

#general-info .left-col .features.cost-files { margin: 0; font-size: 12px; }

#general-info .left-col .features > div { display: table-row; }

#general-info .left-col .features > div > div:first-child {
  display: table-cell;
  width: 50%;
  padding: 4px 0;
  border-bottom: 1px solid #F1F1F1;
  text-align: left;
  color: #666;
  font-weight: 400;
}

#general-info .left-col .features.annotation > div > div:first-child {
  width: 100%;
  font-size: 11px;
  font-weight: 100;
  text-align: left;
}

#general-info .left-col .features.heating-info > div > div:first-child {
  width: 100%;
  font-weight: 400;
  text-align: left;
}

#general-info .left-col .features > div > div:not(:first-child)  {
  display: table-cell;
  padding: 4px 0;
  border-bottom: 1px solid #F1F1F1;
  text-align: left;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
}

#general-info .left-col .features > div > div:not(:first-child):last-child { width: 20px; text-align: center; }

#general-info .left-col .features td.empty { border-bottom: 0 none; }
#general-info .left-col .features > div.empty > div {
  border: 0 none;
}

#general-info .left-col .features h3 {
  font-size: 22px;
  font-weight: 100;
  text-transform: none;
}

#general-info .left-col .features del { color: #aaa; }

#general-info .left-col .features strong {
  font-weight: bold;
  color: #ca1d61;
}

#general-info .left-col .features .old {
  font-size: 19px;
  font-weight: 100;
  text-decoration: line-through;
}

#general-info .left-col .cost-file a {
  color: #ca1d61;
  font-size: 13px;
}

#general-info .cost { border-top: 1px solid #ddd; padding: 20px 0; }
#general-info .cost h3 { line-height: 1; }
#general-info .cost h3 .source { font-size: 12px; }
#general-info .cost h3 .source span { color: #ca1d61; }
#general-info .cost h3 .source span:nth-of-type(2) { color: #999; }

#general-info .right-col .projections > a {
  float: left;
  display: block;
  width: 400px;
  margin-right: 80px;
}

#general-info .right-col .projections > a img { width: 100%; }

#general-info div.rooms {
  float: left;
  width: 280px;
}

#general-info .rooms ul {
  line-height: 28px;
  font-size: 15px;
  color: #333;
}

#general-info .rooms ul li {
  display: block;
  border-bottom: 1px solid #f1f1f1;
}

#general-info .rooms ul li span {
  display: inline-block;
  width: 220px
}

#general-info .rooms ul li b {
  display: inline-block;
  width: 50px
}

#general-info .right-col .placement, #general-info .right-col .materials {
  margin-top: 20px;
  padding: 40px 0 40px 40px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}

#general-info .right-col .placement a {
  float: left;
  display: block;
  width: 360px;
  text-align: center;
  margin: 20px 80px 0 0;
}

#general-info .right-col .placement img {
  width: 250px;
}

#general-info .right-col .placement .dimensions {
  float: left;
  width: 330px;
  padding: 20px 0 0 0;
}
#general-info .right-col .placement .dimensions h4 { text-transform: uppercase; }

#general-info .dimensions table th {
  width: 250px;
  font-weight: 100;
  text-transform: uppercase;
}

#general-info .dimensions table td {
  font-weight: bold;
}

#general-info .right-col .materials table {
  width: 100%;
  margin: 10px 0;
  font-size: 13px;
}

#general-info .right-col .materials th {
  width: 120px;
  padding: 5px 0;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
  color: #666;
  text-transform: uppercase;
  font-weight: 100;
}

#general-info .right-col .materials td {
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
  color: #000;
  line-height: 24px;
}

#general-info .elevations, #general-info .variants, #general-info .similar {
  width: 100%;
  padding: 40px 0 20px 0;
  background: #fff;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  text-align: center;
}

#general-info .elevations > ul > li {
  float: left;
  display: block;
  width: 25%;
  text-align: center;
}

#general-info .variants {
  padding: 40px 0;
}
#general-info .variants h1 { margin-bottom: 20px; }
#general-info .variants a {
  color: #ca1d61;
  font-size: 18px;
  line-height: 40px;
}

#general-info .dynamic_tags th, #general-info .dynamic_tags td { vertical-align: top; }
#general-info .dynamic_tags li { padding: 0 0 5px 0; }

#project-variants .listing > ul { margin-top: 20px; margin-left: -20px; }
#project-variants .listing > ul > li { float: left; display: block; position: relative; width: 20%; height: 191px; margin: 0 0 30px 0; }
#project-variants .listing > ul > li { height: 335px; }
#project-variants .listing > ul > li > div { width: 290px; margin: auto; }
#project-variants .listing img { display: block; width: 290px; height: 164px; }
#project-variants .listing .short-summary li { display: block; float: left; min-width: 25px; padding: 4px 8px; color: #fff; font-size: 14px; line-height: normal; }
#project-variants .listing .short-summary li h2 { margin: 0; padding: 0; font-weight: bold; }
#project-variants .listing .short-summary li a { color: #fff; font-size: 14px; text-decoration: none; }
#project-variants .listing .short-summary li span { font-size: 14px; font-weight: normal; }
#project-variants .listing .short-summary li:first-of-type { background: #ca1d61; }
#project-variants .listing .short-summary li:nth-of-type(2) { background: #252525; }
#project-variants .listing .short-summary li:nth-of-type(3) { background: transparent; color: #333; font-weight: bold; }
#project-variants .listing > ul > li a img:hover { opacity: 0.75; }

#project-variants, #project-addons, #project-faq {
  max-width: 1600px;
  margin: auto;
}

#project-variants .filters {
  padding: 15px 0;
  font-size: 11px;
}
#project-variants .filters .sort { float: right; }
#project-variants .filters .sort select {
  background-color: #fff;
  border-top: 1px solid #abadb3;
  border-right: 1px solid #dbdfe6;
  border-bottom: 1px solid #e3e9ef;
  border-left: 1px solid #e2e3ea;
  border-radius: 2px;
  font-family: inherit;
}
#project-variants .filters .sort span {
  display: inline-block;
  width: 30px;
  height: 8px;
  background: url('/images/project/sort.png') no-repeat 0 0;
  cursor: pointer;
}

#project-variants .listing {
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #ebebeb;
}

#project-variants .listing .features {
  float: left;
  width: 100%;
  padding: 5px 0;
  font-size: 13px;
}

#project-variants .listing .features p {
  padding: 3px 3px 8px 3px;
  color: #000;
  font-size: 16px;
}

#project-variants .listing .features > span {
  display: block;
  padding: 0 3px;
  color: #666;
}

#project-variants h3 {
  margin: 0;
  font-size: 22px;
  text-transform: uppercase;
}

#project-variants .comment-form { margin: 10px auto; }
#project-variants .comment-form .bulb { width: 500px; margin: 0 auto; border-bottom: 4px solid #ca1d61; text-align: center; }
#project-variants .comment-form .bulb img { border-bottom: 5px solid #f2f2f2; margin-bottom: -10px; }
#project-variants .comment-form h3 { margin: 20px 0; font: bold 30px 'Open Sans', Arial, sans-serif; text-align: center; color: #ca1d61; }
#project-variants .comment-form > p { max-width: 570px; margin: 10px auto 20px auto; color: #666; font-size: 16px; text-align: justify; line-height: 22px; }
#project-variants .comment-form .flow { text-align: center; }
#project-variants .comment-form ol { max-width: 800px; margin: 0 auto; padding: 10px; }
#project-variants .comment-form ol li { float: left; width: 33.333%; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; color: #666; }
#project-variants .comment-form ol li:first-child { color: #ca1d61; }

#project-variants .comment-form .comment { margin: 0 auto; }
#project-variants .comment-form .comment .body { background: transparent; }
#project-variants .ideas, #project-variants .ideas > .context { width: 1000px; margin: 10px auto 0 auto; padding: 10px 0; border-top: 1px solid #dcdbdb; }
#project-variants .ideas { border-top: 1px solid #000; margin-top: 30px; }

#project-variants .comment { padding: 0; background: transparent; }
#project-variants .comment header > .options { width: 32px; }
#project-variants .comment .left-col {
  float: left;
  width: 647px;
  padding: 15px 15px 0 15px;
  background: #f4f4f4;
}
#project-variants .comment .left-col footer { margin: 0 0 5px 0; }
#project-variants .comment .right-col {
  float: left;
  width: 263px;
  margin-left: 30px;
  padding: 15px 15px 5px 15px;
  background: #f4f5f4;
}
#project-variants .comment .right-col button {
  width: 100%;
  padding: 8px 0;
  background-image: linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);
  background-image: -o-linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);
  background-image: -webkit-linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);
  background-image: -ms-linear-gradient(bottom, #E3E3E3 30%, #FFFFFF 85%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #E3E3E3),color-stop(0.85, #FFFFFF));
  border: 0 none;
  font-family: inherit;
  font-size: 18px;
  text-align: center;
  color: #333;
  cursor: pointer;
}
#project-variants .comment .right-col button:hover {
  background-image: linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);
  background-image: -o-linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);
  background-image: -webkit-linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);
  background-image: -ms-linear-gradient(bottom, #ccc 30%, #e3e3e3 85%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #ccc),color-stop(0.85, #e3e3e3));
  color: #000;
}
#project-variants .comment .right-col button span {
  display: inline-block;
  width: 27px;
  height: 33px;
  margin-left: 15px;
  background: url('/images/project/hand-ok.png') no-repeat;
  vertical-align: middle;
}
#project-variants .comment .right-col .voted {
  width: 100%;
  padding: 15px 0;
  background: #fff;
  font-family: inherit;
  font-size: 18px;
  text-align: center;
  color: #333;
}

#project-variants .comment .right-col div.votes-count {
  width: 100%;
  padding: 0;
  font-family: inherit;
  font-size: 22px;
  font-weight: 100;
  text-align: center;
  color: #333;
  line-height: initial;
}

#project-variants .comment .right-col div.votes-count span {
  display: block;
  margin: auto;
  font-size: 70px;
}

#project-variants .comment .right-col p.votes-count {
  padding: 5px 0;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
}

#project-variants .comment header .info { width: auto; }

#project-variants .comment.sublevel .left-col { width: 597px; }
#project-variants .comment.edit.sublevel .body { background: transparent; }
#project-variants .comment.sublevel .content { width: 540px; }

/* komentarze */

.comments-body .context .best-comment { width: 234px; margin-top: 12px; }
.comments-body .context .best-comment a { font-weight: bold; color: #e70059; text-decoration: none; }
.comments-body .context .best-comment-bar { width: 234px; height: 6px; margin-bottom: -15px; background: url('/images/my_construction/down-mark.png') no-repeat center; }
#project-interior { text-align: center; }

#interiors {
  max-width: 1000px;
  margin: auto;
  padding-top: 20px; 
}

#interiors h3 {
  clear: both;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 36px;
}
#interiors .media-box {
  display: inline-block;
  position: relative; 
  width: 320px;
  padding: 10px;
  box-sizing: border-box;
  font: 100 20px 'Open Sans', Arial, sans-serif;
  color: #636161; 
}
#interiors .media-box.wide {
  max-width: none;
}
#interiors .media-box > a { transition: opacity 0.5s; }
#interiors .media-box > a:hover { opacity: 0.5; }

.note-form textarea { max-width: 450px; width: 430px; }

#partner-registration .error-tooltip.arrow-left.arrow-top:after { left: 20px; top: 0; }

/* inwdywidualne ustawienia formularzy popup */
#ask-for-loan-form { background: url('/images/project/loan-background.jpg') no-repeat right 38px; }
#ask-for-loan-form .desc1, #ask-for-loan-form .desc2 { width: 290px; padding-bottom: 10px; font-size: 12px; }
#ask-for-loan-form .ask_for_loan_content strong, #adaptation-form .adaptation_content strong { font-weight: bold; color: #ca1d61; }
#adaptation-form .desc1, #adaptation-form .desc2 { padding-bottom: 10px; font-size: 13px; }

.popup-form .project-thumb {
  float: left;
  width: 100px;
  height: 90px;
  margin-right: 10px;
}

#project #main-data .z-hint-container {
  font-size: 14px;
}

#project #main-data .z-hint-container a { font-size: 14px; }

#project #main-data .z-hint-container ul { color: #fff; }
#project #main-data .z-hint-container li {
  float: none;
  display: list-item;
  height: auto;
  padding: 0;
  margin-left: 1.5em;
  list-style: outside disc;
  font-size: inherit;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
}

.social-media-inline {
  max-width: 100%;
  text-align: center;
  margin-top:50px;
}

.social-media-inline .links a {
  display: inline-block;
  width: 37px;
  height: 37px;
}

.social-media-inline .plugins > div {
  display: none;
}

#vk_groups {
  display: inline-block;
}

.vk-community-plugin {
  background: url('/images/vk_hover_img.png') no-repeat ;
}

.vk-community-plugin.active {
  background: url('/images/vk_img.png') no-repeat ;
}


.facebook-website-plugin {
  background: url('/images/fb_hover_img.png') no-repeat ;
}

.facebook-website-plugin.active {
  background: url('/images/fb_img.png') no-repeat ;
}

.odnoklassniki-group-plugin {
  background: url('/images/ok_hover_img.png') no-repeat ;
}

.odnoklassniki-group-plugin.active {
  background: url('/images/ok_img.png') no-repeat ;
}

article.context .comments .comment a img:hover { opacity: 0.7; }
.mc-listing-big ul li a img:hover { opacity: 0.75; }

@media screen and (max-width: 1559px) {
  #project #main-view .inner { max-width: 1234px; }
  #project #main-view .slider-container { max-width: 1170px; }
  #main-footer .inner { max-width: 1234px; }
  #project #main-data .inner { max-width: 1234px; }
  #project #main-data .inner > .left-col { max-width: 800px; }
  #project #main-data .inner > .right-col { padding: 0; }
  #main-footer .inner { padding-right: 0; }
 
  #general-info { max-width: 1234px; }
  #general-info .cols { background-position: 465px 0, 0 0, 100% 0; }
  #general-info .left-col { width: 465px; }
  #general-info .right-col { width: 769px; }
  #general-info .right-col .projections > a { width: 300px; }
  #general-info .elevations > ul > li img { width: 300px; }

  #project-variants .listing > ul > li { width: 25%; }
}

@media screen and (max-width: 1335px) {
  #project #main-view .inner { max-width: 1180px; }
  #project #main-data .inner > .left-col { max-width: 750px; }
  #project #main-view .slider-container { max-width: 1116px; }
  #main-footer .inner { max-width: 1180px; }
  #project #main-data .inner { max-width: 1180px; }

  #general-info { max-width: 1180px; }
  #general-info .cols { background-position: 435px 0, 0 0, 100% 0; }
  #general-info .left-col { width: 435px; }
  #general-info .right-col { width: 745px; }
  #general-info .right-col .projections > a { width: 300px; }
  #general-info div.rooms { width: 280px; }

  #project-variants .listing > ul > li, #general-info .projects-listing.similar  > ul > li { width: 33.333%; }
}

@media screen and (max-width: 1279px) {
  #project .main-view-tabs { width: 50px; font-size: 7px; }
  #project .main-view-tabs li a { height: 50px; padding-top: 10px; }
  #project #main-view .inner { max-width: 920px; }
  #project #main-data .inner > .left-col { max-width: 500px; }
  #project #main-view .slider-container { max-width: 870px; }
  #project #main-view .royalSlider .plan > div { margin: 5px 0 0 0; }
  #project #main-view .plan .rooms ul li { font-size: 16px; line-height: 1.5; }

  #project #main-data .short-summary { height: 60px; }
  #project #main-data .short-summary li { height: 60px; padding: 13px 12px; font-size: 22px; }
  #project #main-data .short-summary li.name { padding: 10px 12px; }
  #project #main-data .short-summary li h2 { font-size: 36px; line-height: 36px; }
  #project #main-data .short-summary li.build-ad { padding-top: 17px; }
  #project #main-data .short-summary li .top-left { top: 5px; }

  #general-info { max-width: 920px; }
  #general-info .cols { background-position: 435px 0, 0 0, 100% 0; }
  #general-info .left-col { width: 435px; }
  #general-info .description, #general-info .files-list { font-size: 14px; line-height: 20px; }
  #general-info .right-col { width: 485px; padding: 10px 20px; }
  #general-info .right-col .projections > a { width: 210px; margin-right: 20px; }
  #general-info div.rooms { width: 215px; }
  #general-info .rooms ul li span { width: 160px; }
  #general-info .rooms ul { font-size: 13px; }
  #general-info h4 { font-size: 17px; }
  #general-info .right-col .placement, #general-info .right-col .materials { padding: 30px 0 30px 20px; }
  #general-info .right-col .placement a { float: none; width: 400px; margin: auto; }
  #general-info .right-col .addons { padding: 30px 0 30px 20px; }
  #general-info .right-col .addons ul li { font-size: 13px; }
  #general-info .elevations > ul > li img { width: 230px; }
  
  #project-variants .ideas, #project-variants .ideas > .context { width: auto; }
}

@media screen and (max-width: 1120px) {
  #project-variants .comments { max-width: 677px; margin: auto; overflow: hidden; }
  #project-variants .comment .right-col { width: 120px; padding: 0 5px 5px 5px; margin-left: 0; float: none; }
  #project-variants .comment .right-col div.votes-count { font-size: 15px; }
  #project-variants .comment .right-col div.votes-count span { font-size: 25px; }
}

@media screen and (max-width: 1023px) {
  #project #main-view { padding: 0; }
  #project .main-view-tabs { display: none; }
  #project #main-view .inner { max-width: none; }
  #project #main-view .slider-container { max-width: none; width: 100%; }
  #project #main-view .plan .rooms ul li { font-size: 14px; line-height: 1.4; }
  #main-footer { padding: 10px 20px; }
  #main-footer .inner { max-width: none; }

  #project #main-data { padding: 0 20px; }
  #project #main-data .inner { max-width: none; }
  #project #main-data .inner > .left-col { margin: auto; padding: 0; }
  #project #main-data .inner > .left-col h1 { margin-top: 0; line-height: 30px; }
  #project #main-data .inner > .left-col .promotion { font-size: 18px; line-height: 24px; }
  #project #main-data .inner > .right-col { margin: auto auto 20px auto; padding: 0; }
  #general-info .right-col .projections { width: 680px; margin: auto; }
  #general-info .right-col .projections > a { width: 360px; margin-right: 40px; }
  #general-info div.rooms { width: 260px; }
  #general-info h4 { font-size: 21px; }
  #general-info .rooms ul li span { width: 200px; }
  #general-info .rooms ul { font-size: 15px; }
  #general-info .right-col .placement a { float: left; width: 260px; }
  #general-info .right-col .placement, #general-info .right-col .materials, #general-info .right-col .addons { width: 680px; margin: auto; }
  
  #project-variants .listing > ul > li, #general-info .projects-listing.similar  > ul > li { width: 50%; }
  #project #main-data .short-summary.built { margin-bottom: 10px; }
  #project #main-data .short-summary.built .show-details { padding-top: 18px; font-size: 20px; }
  #project #main-data .short-summary li.build-ad { display: none; }

  #general-info .cols { background: transparent; }
  #general-info .left-col { width: 100%; }
  #general-info .right-col { width: 100%; }
  #general-info .elevations > ul > li { width: 50%; }
  #general-info .elevations > ul > li img { width: auto; }
}

@media screen and (max-width: 900px) {
  #project #main-data .inner > .left-col { max-width: none; }
  #project #main-data .inner > .left-col h1 { margin-top: 1em; }
}

@media screen and (max-width: 799px) {
  #project #main-view .royalSlider .plan .plan-img { width: 100%; }
  #project #main-view .royalSlider .plan img.rsMainSlideImage { max-height: 200px !important; }
  #project #main-view .royalSlider .plan div.rooms { display: none; }
  #project #main-data .inner > .left-col { max-width: 100%; }
  #project #main-data .inner > .right-col { max-width: 100%; width: auto; }
  #project #main-data .right-col input[type="button"] { width: 170px; height: 50px; padding: 15px 0; font-size: 20px; line-height: 20px; }
  #main-footer .inner { max-width: none; }
  #main-footer a.button { width: 55px; height: 55px; padding: 15px 0 0 0; }
  #main-footer a.button i { font-size: 22px; line-height: 22px; }
  #main-footer #question-button { width: auto; padding: 16px 15px; font-size: 16px; }
  
  #project #main-data .inner { max-width: none; }

  #project #main-data .short-summary.built .show-details { float: none; clear: both; padding-top: 18px; font-size: 20px; text-align: center; }
  #project #main-data .short-summary li.build-ad p:nth-of-type(2) { display: none; }
  #project #main-data .mirror-box { float: none; text-align: center; margin: 0; padding-top: 12px; }
  #project #main-data .mirror-box a { display: inline-block; width: 150px; text-align: left; }
  #project #main-data .mirror-box a span { display: inline-block; width: 120px; vertical-align: middle; }

  #general-info .col-container { padding-top: 20px; }
  #general-info .right-col { padding: 10px 0; }
  #general-info .right-col .projections, #general-info .right-col .placement, #general-info .right-col .materials, #general-info .right-col .addons { width: 100%; }
  #general-info .right-col .projections > a { float: none; width: 360px; margin: auto; }
  #general-info div.rooms { float: none; width: 260px; margin: auto; }
  #general-info .elevations > ul > li { width: 100%; }
  #general-info .right-col .placement a { float: none; margin: auto; }
  #general-info .right-col .placement .dimensions { float: none; margin: auto; }
  
  #project-variants .filters .sort select { padding: 5px; }
  #project-variants .comment .left-col { width: calc(100% - 15px); padding: 15px 15px 0 0; }
  #project-variants .comment.sublevel .left-col { width: calc(100% - 5px); }
}
@media screen and (max-width: 750px) {
  #project-variants .listing > ul > li, #general-info .projects-listing.similar  > ul > li { width: 100%; }
  #project #main-data .right-col button i { margin-right: 10px; }
}
@media screen and (max-width: 750px) and (max-height: 630px) {
  #main-footer .inner { justify-content: center; }
}


@media screen and (max-width: 650px) {
  #project-variants .comment-form ol { display: none; }
  #project-variants .comment-form .flow img { display: none; }
}

@media screen and (max-width: 599px) {
  #general-info > header h1, #project-elevations > h1, #general-info .variants > h1, #general-info .similar > h1, #project-realizations > header h1, #project-constructions > header h1, #project-variants > header h1, #comments > header h1, #project-interior > header h1, #project-faq > header h1, #my-construction .stages header h1, #my-construction .archive header h1 { font-size: 28px; }
  #general-info > header h2, #project-realizations header h2, #project-constructions header h2, #project-variants header h2, #comments header h2, #project-interior header h2, #project-faq > header h2, #my-construction .welcome header p { font-size: 20px; line-height: 1.2em; }

  #project #main-view .inner { max-width: 390px; }
  #project #main-view .slider-container { max-width: 340px; }
  #project #main-view .royalSlider .plan img.rsMainSlideImage { max-height: 135px !important; }

  #project #main-data .inner > .left-col h1 { margin-top: 20px; }
  #project #main-data .short-summary li { height: 54px; padding: 14px 10px; font-size: 18px; }
  #project #main-data .short-summary li.name { padding: 13px 12px; }
  #project #main-data .short-summary li h2 { font-size: 28px; line-height: 28px; }
  #project #main-data .short-summary li.build-ad { padding-top: 17px; }
  #main-footer .voting { display: none; }

  #project-variants .filters .sort { float: none; text-align: center; margin-top: 10px; font-size: 15px; }
  #project-variants .filters .sort select { padding: 8px 5px; margin: 0 7px; }

  #general-info .right-col .projections > a { float: none; width: 260px; margin: auto; }
  #general-info div.rooms { float: none; width: 260px; margin: auto; }
  #general-info .elevations > ul > li img { width: 260px; }
  #general-info .right-col .placement .dimensions { width: 260px; }
  #general-info .dimensions table th { width: 200px; }
  
  #comments { margin-left: 10px; width: calc(100% - 20px); }
  
  #project-content { padding: 0; }
  #project #main-data .select-project { margin-bottom: 30px; }
  #project #main-data .select-project-list li { padding: 5px 15px 0 15px; }
  
  #project-variants { width: 97%; }
  #project-variants .comment-form .bulb, #project-variants .comment-form > p, #project-variants .comment.sublevel .content { width: 100%; }
  #project-variants header { padding: 20px 20px 0 20px; }
}

@media screen and (max-width: 450px) {
  #project #main-view .inner { max-width: 100%; }
  #project #main-view .slider-container { max-width: 100%; }
  #main-footer .inner { max-width: 300px; }
  #project .main-view-tabs { display: none; }
  #project #main-data .short-summary li.cost { display: none; }
  #project #main-data .right-col input[type="button"] { width: auto; margin-right: 0; padding: 3px 15px 0 15px; font-size: 16px; line-height: 16px; }
  #main-footer .inner { padding-right: 0; }
  #main-footer li { margin: 0 20px 20px 0; }
  #main-footer a.button { width: 35px; height: 50px; }
  #main-footer a.button i { font-size: 22px; line-height: 22px; }
  #main-footer #question-button { font-size: 13px; }
  #comments > header { padding: 0; }
  #comments > header h1 { font-size: 47px; }
  #general-info .files-list th, #general-info .files-list td  { padding: 20px 0; }
  #general-info .col-container { padding: 0px 0 40px 0; }
  #general-info .left-col { padding: 10px; }
  #general-info .left-col .features th, #general-info .right-col .materials td { font-size: 15px; }
}

@media screen and (max-width: 399px) {
  #project #main-data .short-summary { height: 112px; }
  #project #main-data .short-summary .mirror-box { clear: both; }
  #project #main-data .short-summary .mirror-box a { width: auto; }
  #project #main-data .short-summary .mirror-box a span { width: auto; }
}

@media screen and (max-width: 320px) {
  #project #main-data .right-col button { width: auto; padding: 15px 15px; font-size: 14px; }
}