@import url(http://fonts.googleapis.com/css?family=Roboto:700&subset=latin,cyrillic);

.image-left  {float:left; margin-right:15px;margin-bottom:10px;}
.image-right{float:right;margin-left: 15px;margin-bottom:10px;}

.mceContentBody,
.article{
	text-align: justify;
}

.icon{
	display:inline-block;
	height:64px;
	width:64px;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:-128px 64px;/*left top*/
}
.icon.icon-genplan{background-position:0 0;}
.icon.icon-key        {background-position:0 -64px;}

.button{
	display:inline-block;
	height: 50px;
	min-width:210px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:50px;
	text-align:center;
	color:#fdfdfd;
	background-color:#0669b2;
	border:0 none;
	text-transform:uppercase;
}
.button.button-black{
	color:#ffffff;
	background-color:#000000;
}
.button.button-black:hover{
	color:#ffffff;
	background-color:#222222;
}

p.readmore{text-align:right;}

.flip-button-container{	
	perspective:1000px;
}

body{
	background-color: #dddddd;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#282828;
}
body.site{
	background:fixed #dddddd url(../images/BG2_50.jpg) no-repeat center top;
}
a{
  /*color:#282828;*/
  color:#0669b2;
}
#container{background: #fff; width:1000px; margin: 40px auto; padding:0 20px 30px 20px;}

#header{width:100%;height:115px;}
#header:after{display:table;content:"";clear:both;}

#logo{height:115px;width:225px;float:left;}
#logo a{display:block;height:115px;width:225px;background:url(../images/logo.png) no-repeat 0 37px;}

#top_menu{
	height:115px;
	width:720px;
	float:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}
#top_menu ul{display:block;height:115px;padding:0;margin:0;}
#top_menu ul:after{display:table;content:"";clear:both;}
#top_menu ul li{display:table;height:115px;padding:0;margin:0;float:left;}
#top_menu ul li a{
	display: table-cell;
	height: 115px;
	width: 100%;
	padding: 22px 5px 0 5px;
	margin: 0;
	vertical-align: middle;
	color: #000;
	text-decoration:none;
	background:#f3f3f3;
	text-align:center;
}

#top_menu ul li.even a{
	background:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
}

#top_menu ul li.active a,
#top_menu ul li a:hover{
	background:#0669b2;
	color:#fff;
	text-decoration:none;
	font-size:19px;
}
#top_menu ul li ul{display:none;}

#top_menu ul li.item-l1-01{width:130px;}
#top_menu ul li.item-l1-02{width:156px;}
#top_menu ul li.item-l1-03{width:115px;}
#top_menu ul li.item-l1-04{width:187px;}
#top_menu ul li.item-l1-05{width:132px;}


/* carousel */
.top_module .carousel  .carousel-inner img{
	max-width:100%;
}
.top_module .carousel  .carousel-controls{
	display:block;
	padding:15px 0;
	margin:0;
	text-align:center;
	font-size:16px;
	height:55px;
}
.top_module .carousel  .carousel-controls .carousel-button{
	text-decoration:none;
}
.top_module .carousel  .carousel-controls .carousel-button:hover{
	text-decoration:none;
	color:#282828;
}
#genplan-button-container{
	display:inline-block;
	width:250px;
	height:220px;
	
	position:absolute;
	right:0;
	bottom:55px;
}
#genplan-button{
	display:inline-block;
	width:250px;
	height:220px;
	background-color:rgba(3, 74, 169, 0.90);
	text-align:center;
	color:#fdfdfd;
	font-size:20px;
	padding-top:50px;
	text-transform:uppercase;
	
}
#genplan-button:active,
#genplan-button:link ,
#genplan-button:visited,
#genplan-button:hover{
	color:#fdfdfd;
	text-decoration:none;
}

/* top-button */
.top_module{
	margin-bottom: 20px;
	text-align:justify;
}
.top_module:after{display:table;content:"";clear:both;}

.mceContentBody p,
.top_module.townhouse  p{
	line-height:1.6em
}
.mceContentBody .right-buttons,
.top_module.townhouse .right-buttons{
	float:right;
}
.mceContentBody .right-buttons img,
.top_module.townhouse .right-buttons img{
	display:block;
	float:left;	
}
.mceContentBody .flip-button-container,
.top_module.townhouse .flip-button-container{
	display:block;
	float:left;	
	width:230px;
	height:200px;
}
.mceContentBody .big-black-button,
.top_module.townhouse .big-black-button{
	display:block;
	float:left;	
	width:230px;
	height:200px;
	background:#000000;
	text-align:center;
	color:#fdfdfd;
	font-size:20px;
	padding-top:35px;
	text-transform:uppercase;
}
.mceContentBody .big-black-button:active,
.mceContentBody .big-black-button:link,
.mceContentBody .big-black-button:visited,
.mceContentBody .big-black-button:hover,
.top_module.townhouse .big-black-button:active,
.top_module.townhouse .big-black-button:link ,
.top_module.townhouse .big-black-button:visited,
.top_module.townhouse .big-black-button:hover{
	color:#fdfdfd;
	text-decoration:none;
}
.mceContentBody .title-small,
.top_module.townhouse .title-small{
	font-size:27px;
	padding-top:0;
	height:38px;
}
.mceContentBody .title,
.top_module.townhouse .title{
	font-size:34px;
	font-weight:bold;
	height:auto;
	margin-bottom:15px;
}


#content{margin:20px 0;min-height:500px;}
#content:after{display:table;content:"";clear:both;}

#content .left,
#bottom   .left{
	width: 445px;
	float: left;
}
#content .right,
#bottom   .right{
	width: 470px;
	float: right;
}
#content .left   img,
#bottom   .left   img,
#content .right img,
#bottom   .right img{
	max-width:100%;
}
/* content left */
#advantages-block{
	background: #034aa9;
	color:#fafafa;
	padding-bottom:50px;
}
.mceContentBody #advantages-block{
	width:445px;
}
#advantages-block:after{display:table;content:"";clear:both;}
#advantages-block  .sub-header{
	font-weight:normal;
	font-size:22px;
	padding:35px 15px 40px 15px;
	text-align:center;
	text-transform: uppercase;
}
#advantages-block .sub-header .small{
	text-transform: none;
}
#advantages-block  .icons{
	width:190px;
	float:left;
}
#advantages-block  .icons .icon-d{
	width:164px;
	height:164px;
	margin-top:30px;
	
	float:right;
	
	background-image:url(../images/icons_desc.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:0 0;
}
#advantages-block  .icons .icon-d:first-child{margin-top:0;}
#advantages-block  .icons .icon-d1{
	background-position:0 0;
}
#advantages-block  .icons .icon-d2{
	background-position:0 -164px;
}
#advantages-block  .icons .icon-d3{
	background-position:0 -328px;
}
#advantages-block  .buttons{
	width:230px;
	float:right;
}
#advantages-block  .buttons ul,
#advantages-block  .buttons li{
	margin:0;
	padding:0;
	list-style:none
}
#advantages-block  .buttons ul{
	display:table;
}
#advantages-block  .buttons li{
	display:table-row;
}
#advantages-block  .buttons span,
#advantages-block  .buttons a{
	display:table-cell;
	padding:19px 15px;
	height:92px;
	
	border-top:2px solid #fdfdfd;
	background:#000;
	
	color:#fdfdfd;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	
}

#advantages-block  .buttons a{
	cursor: pointer;
}
#advantages-block  .buttons li:first-child span,
#advantages-block  .buttons li:first-child a{
	border-top:0 none;
}
#advantages-block  .modal{color:#282828;}


/* content right */
#content .right{
	text-align:justify;
}
#content .right .sub-header{
	font-weight:bold;
	font-size:34px;
	margin-bottom:20px;
}
#content .right p{
	margin-bottom:16px;
}


/*bottom*/
#bottom{margin:20px 0;color:#000;}
#bottom:after{display:table;content:"";clear:both;}

/* bottom left */
#bottom .left p{
  margin:0;
}
#bottom .left .sub-header{
	height:42px;
	font-weight:bold;
	font-size:29px;
	padding:0 15px;
  	margin-top: 10px
}
#bottom .left .time{
	font-weight:normal;
	font-size:20px;
	padding:5px 0;
}
#bottom .left .phone{
	font-weight:bold;
	font-size:42px;
	padding:15px 10px;
}

/* bottom right */
#bottom .right .sub-header{
	height:42px;
	font-weight:bold;
	font-size:19px;
	padding-top:5px;
}

/* footer */
#footer{
	width:100%;
	height:75px;
	margin-top:20px;
	background:#000;
	font-size:18px;
	line-height:75px;
	color:#fafafa;
	text-align:center;
}

/* Plans */
.plans .subcategory{
	padding-top: 10px;
  	padding-bottom:40px;
}
.plans .description,
.plans .category-desc,
.plans h2.category-title{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
.plans h2.category-title{
	color: #0769b2;
  	margin-top:40px;
	
}
.plans .description,
.plans .category-desc{
	color: #202020;
}

.plans .description{
  	margin-top: 40px;
}

.plans .category-items .item{
	margin-top:50px;
}

.plans .item .item-title,
.plans .item .item-table,
.plans .item .item-intro,
.plans .item .item-readmore{
	float:left;
}

.plans .item .item-intro{
	width: 500px;
	margin-left:50px;
}
.plans .item .item-intro p{
	margin:0;
	padding:0;
}
.plans .item .item-table,
.plans .item .item-title,
.plans .item .item-readmore{
	width: 410px;
}
.plans .item .item-title{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-transform: lowercase;
	margin-top:40px;
}


.plans .item .item-table{
	text-align:center;
	margin-top: 40px;
}
.plans .item .table-plan{
	margin: 0 auto;
}
.plans .item .table-plan td{
	padding:2px 3px;
	border: 1px solid #e1e1e1;
}
.plans .item .table-plan td.room{
	text-align:	left;
	padding-right: 10px;
}
.plans .item .table-plan td.area{
	border-left: 1px solid #242424;
	text-align:	right;
	padding-left: 30px;
}
.plans .item .table-plan tr.total td.room{
	font-weight: bold;
}

.plans .item .item-readmore{
	text-align:center;
	margin-top:50px;
}
.plans .item .item-readmore a{
	display:inline-block;
	padding:10px 30px;
	background-color: #5e8ac6;
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	outline-offset: -5px;
	color: #000;
	font-weight:bold;
}
.plans .item .item-readmore a.gray{
	background-color: #ccc;
}


.planirovki_page .item-body{
	width:100%;
	float:left;
}
.planirovki_page .item  .item-title{
	margin-top:20px;
	float:none;
	width:auto;
}

/* Gallery */
div.sigplus-gallery ul{
  text-align:left !important;
}
div.sigplus-gallery ul > li > img,
div.sigplus-gallery ul > li > a > img {
    border: 0 none transparent !important;
    margin: 0 !important;
    padding: 0 !important;
	max-width:225px;
}

div.sigplus-gallery ul > li > a{
	padding: 3px;
	margin: 9px 9px 0 0;
}
div.sigplus-gallery ul > li:nth-child(1) > a,
div.sigplus-gallery ul > li:nth-child(2) > a,
div.sigplus-gallery ul > li:nth-child(3) > a,
div.sigplus-gallery ul > li:nth-child(4) > a{
	margin-top: 0 !important;
}
div.sigplus-gallery ul > li:nth-child(4n) > a{
	margin-right:0;
}

div.sigplus-gallery ul > li > a{
	border: 1px solid transparent;
}
div.sigplus-gallery ul > li > a:hover{
	border: 1px solid #aaa;
}


@media (max-width: 1023px) {
  #container{width:980px; padding-left:10px;padding-right:10px;}
}
/* Подстройка стилей модального окна галереи */
#boxplus .boxplus-viewer > .boxplus-resizer > .boxplus-enlarge{
  display: none; /*Скрыть кнопку развернуть на весь екран*/
}

#boxplus .boxplus-viewer > .boxplus-thumbs > ul{
  visibility: visible; /* миниатюры показывать всегда */
}