@main-dark-color: #087e81;    /* зеленый */
@light-color: #19a6aa;        /* светло-зеленый */
@second-dark-color: #f7941d;  /* оранжевый */
@active-button-color: #eb8205; /* цвет активных кнопок */ 
@headers-font: 'Roboto Condensed', sans-serif;
@import "header.less";
@import "menu.less";
@import "area-features.less";
@import "actions.less";
@import "features.less";
@import "company.less";
@import "blog.less";
@import "call-us.less";
@import "partners.less";
@import "want-buy.less";
@import "footer.less";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  background: url(../images/bg.jpg) center top no-repeat;
  background-size: 100% auto;
  font-family: @headers-font;
  font-size: 18px; 
  height: 100%;
  /*display: flex;
  flex-direction: column;*/
  /*justify-content: space-between;  */
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.container {
  width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}
.breadcrumb {
  a {
    color: @main-dark-color;
  }
}
.item-page {
  a {
    color: @main-dark-color;
  }
}  
.sobranie {
  padding: 30px 0;
  ol {
    list-style-position: inside;
  }
}
.stroy-exhib {
  margin: 0 -15px;
  max-height: 293px;
  a {
    display: block;
  }
}  
.custom--msg {
  p {
    margin-bottom: 10px;
  }
  li {
    margin-bottom: 10px;
  }
}
table {
  border: 1px solid @light-color;
}
td {
  padding: 10px;
  border: 1px solid @light-color;
}
.no-border {
  border: none;
  td {
    border: none;
  }
}
ul {
  margin-bottom: 30px;
  list-style-position: inside;
}
a {
  color: @light-color;
  text-decoration: none;
}
h1 {
  color: @main-dark-color;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 36px;
}
h2 {
  color: @main-dark-color;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 28px;
}
td h2 {
  margin-bottom: 0;
}
h3 {
  color: @main-dark-color;
  margin-bottom: 10px;
  font-weight: 400;
}
.breadcrumb {
  margin-top: 30px;
  /*margin-bottom: 0;*/
  li {
    display: inline-block;
    list-style: none;
  }
}
.category-list {
  padding: 30px 0;
}
.category-list a:hover {
  text-decoration: underline;
}
.docs #adminForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  div:first-child {
    width: 100%;
	margin-bottom: 20px;
  }
  li {
    list-style-position: inside;
  }
  p {
    margin-bottom: 10px;
  }
  li {
    margin-bottom: 10px;
  }
}
#ckimgrsz {
  height: 0;
}
.preview {
  height: 0;
}
.item-page {
  padding: 0 0 30px 0;
  p {
    margin-bottom: 15px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  a:hover {
    text-decoration: underline;
  }
}

.page-header {
  width: 100%;
}
.content p {
  margin-bottom: 30px;
}
.content p:last-child {
  margin-bottom: 0;
}
.form__comment {
  font-size: 14px;
}
.form-success {
  display: none;
  justify-content: center;
  text-align: center;
}
#go-off {
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: none;
  width: 50px;
  height: 501px;
  background: url(../images/up.svg) center center no-repeat;
}
#go-off:hover {
  cursor: pointer;
}
.block-header {
  text-align: center;
  margin-bottom: 60px;
  font-family: @headers-font;
  font-weight: bold;
  color: @main-dark-color;
  text-transform: uppercase;
  font-size: 30px;
}
.bg-header {
  text-align: center;
  font-family: @headers-font;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 -15px;
  padding: 45px 0;
  background: url(../images/bg-green.jpg) left top repeat-x;
}


#map, #map-alt, #map-novosel, #map-matros {
  max-width: 1260px;
  height: 600px; 
  padding: 0; 
  margin: 0 auto;
}
.baloon_img {
  width: 200px;
  float: left;
  padding: 0 10px 0 0; 
}
.baloon_header {
  text-align: center;
  color: #009999;
}
.balloon_txt {
  margin-left: 210px;
}
		
.all-objects {
  padding: 0 0 60px 0;
}		
.object-gallery {
  padding: 0 0 60px 0;
  .slick-list {
    max-width: 1160px;
	margin: 0 15px;
  }
}

		
.adr {
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 12px;
  color: #36b3b5;
}

.animated-ico--default {
  transition: all 1s ease-in 0.1s;
}
.animated-ico--hover {
  transform: scale(1.3);
  transition: all 1s ease-in 0.1s;
}

.twocols-text {
  display: flex;
  padding: 0 0 60px 0;
  div {
    width: calc(~"100%/12*6");
	color: #3c3c3c;
	font-size: 18px;
  }
  div:first-child {
    padding-right: 15px;
  }
  div:last-child {
    padding-left: 15px;
  }
}


.about-company {
  padding: 0 0 60px 0;
  p {
    margin-bottom: 30px;
  }
  p:last-child {
    margin-bottom: 0;
  }
}
.block__wrapper {
  margin: 0 -15px;
  padding: 60px 0;
}
.block__link {
  color: #fff;
  text-decoration: none;
}
.block__comment {
  margin: 0 auto;
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
}
 
.leading-0 {
  margin-bottom: 40px;
  position: relative;
  min-height: 250px;
}
.span6 {
  position: relative;
  min-height: 250px;
  margin-bottom: 40px;
  &:last-child {
    margin-bottom: 0;
  }
}
.readmore {
  margin-top: 40px;
  text-align: right;
  a {
    color: @main-dark-color;
    font-size: 16px;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 20px;
	background: url(../images/readmore.png) left center no-repeat;
  }
  a:after {
    content: "";
	position: absolute;
	left: 20px;
	bottom: -5px;
	width: calc(~"100% - 20px");
	height: 1px;
	border-bottom: 1px dotted #8e8e8e;
  }
  a:hover {
    color: @second-dark-color;
	background: url(../images/readmore-hover.png) left center no-repeat;
  }
  a:hover:after {
    border-bottom: 1px dotted @second-dark-color;
  }
}
.plans {
  &__wrapper {
    padding: 60px 0;
  }
  img {
    border: 4px solid #efefef;
	width: 200px;
	height: 200px;
	margin-right: 30px;
  }
  img:last-of-child {
    margin-right: 0;
  }
}
.three-types-flat {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-bottom: 15px;
  padding-right: 110px;
  background: url(../images/3typesflat.svg) right center no-repeat;
  min-height: 38px;
  &:after {
    content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px solid @main-dark-color;
	position: absolute;
	left: 0;
	bottom: -10px;
  }
}
.print {
  z-index: 9999;
  position: relative;
}
.print:hover {
  color: #ff0000;
}
.flats {
  padding: 0 0 60px 0;
}
.commerce {
  padding: 0 0 60px 0;
}
@media print {
  body.printing * {
    display: none;
  }
  body.printing #print-me {
    display: block;
  }
}

table {
  tr:nth-of-type(even) {
    background-color: #f2f2f2;
  }
}
table.category {
  border: none;
  tr:nth-of-type(odd) {
    background-color: transparent;
  }
  td {
    border: none;
	background: url('../images/pdf.png') left center no-repeat;
    padding: 10px 0 10px 40px;
    height: 40px;
    display: block;
  }
}
.pdf-icon {
  background: url('../images/pdf.png') left center no-repeat;
  padding: 10px 0 10px 40px;
  height: 40px;
  display: block;
}
.doc-data {
  font-size: 12px;
  font-style: italic;
}
.area-plan {
  padding: 60px 0 0 0;
}

.info {
  background: url(../images/info.png) no-repeat left center;
  padding-left: 40px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.print {
  margin: 0 0 0 auto;
  text-align: right;
  width: 20px;
  height: 20px;
  background: url(../images/btn-print.png) no-repeat left center;
  &:hover {
    cursor: pointer;
  }
}

.plan {
  border: 4px solid #efefef;
  margin: 15px 10px;
}

#xmap ul {
  ul {
    margin-left: 20px;
  }
}

@media (max-width: 414px) {
  ul {
    margin-bottom: 20px;
  }
  h1 {
    font-size: 20px;
	margin-bottom: 20px;
  }
  .container {
    width: 100%;
  }
  .stroy-exhib img {
    max-width: 100%;
	display: block;
  }
  .block-header {
    margin-bottom: 20px;
	font-size: 18px;
  }
  .bg-header {
    font-size: 18px;
	/*margin-bottom: 20px;*/
	padding: 25px 0;
  }
  .twocols-text {
    display: block;
	padding: 0;
	div {
      width: 100%;
    }
	div:first-child {
      padding-right: 0;
    }
	div:last-child {
      padding-left: 0;
    }
  }
  .readmore {
    margin: 20px 0;
  }
  .readmore a {
    position: relative;
  }
  .multithumb_blog {
    margin: 5px;
    width: calc(~"100% - 10px");
  }
  p .multithumb {
    margin: 5px;
    width: calc(~"100% - 10px");
	height: auto;
  }	
  td .multithumb {
    margin: 5px;
    width: auto;
  }
  .area-plan {
    padding: 30px 0 0 0;
  }
  .twocols-text {
    padding-bottom: 30px;
  }
  .plans img {
    margin: 5px;
    width: calc(~"100% - 10px");
    height: auto;  
  }
  .plans__wrapper {
    padding: 30px 0;
  }
  #map, #map-alt, #map-novosel, #map-matros { 
    max-height: 450px;
  }
  #lbCenter {
    /*width: 100% !important; 
    left: 0 !important;
    margin-left: 0 !important;  */ 
    overflow-x: auto;
  }
  #lbImage {
    /*background-size:*/
    overflow-x: auto;
  }
  #lbCenter, #lbBottomContainer {
    width: 100% !important; 
    margin-left: 0 !important;
    left: 0 !important;
  }
  table.category {
    td {
      height: auto;
    }
  }
  .pdf-icon {
    height: auto;
  }
  .no-border {
    tr:nth-of-type(even) {
      background-color: transparent;
    }  
    td {
      display: block;
      width: 100% !important;
    }
  }    
}

.block-header + .item-page {
  padding-top: 0;
  .page-header {
    display: none;
  }
} 

@media print {
	body.printing * { display: none; }
	body.printing #print-me * { display: block; width: 800px; height: 600px; }
        body.printing #print-me { display: block; }
}

@media screen {
	#print-me { display: none; }
}


@media (max-width: 414px) {
  .slider {
    display: none;
  }
  #go-off {
    right: 10px;
  }
}

@media screen and (max-width: 640px) {
  table {
	overflow-x: auto;
    display: block;
  }
}

@media (min-width: 415px) and (max-width: 1200px) {
  html {
    width: 1200px;
  }
  body {
    width: 1200px;
  }
}
#map-matros + #map-matros{
  display: none;
}
#map-alt + #map-matros{
  display: none;
}
#map-novosel + #map-matros{
  display: none;
}
#map-kuril + #map-matros{
  display: none;
}
#map-klov + #map-matros{
  display: none;
}
dd.create {
  font-style: italic;
  margin-bottom: 10px;
  font-size: 14px;
}