* {
    margin: 0;
    padding: 0;
    font-family: Arial
}

html {
    width: 100%;
    height: 100%
}

body {
	margin: 0 auto;
	background: #e8e8e8 url("../images/oba.png") no-repeat 50% 174px;
	width: 100%;
	overflow-x: hidden;
}

body a img {
    border: 0
}

.heder {
    width: 100%;
    height: 141px;
    background: url(../images/fon_heder.jpg) no-repeat 50% 0;
    padding-top: 33px
}

.heder.shown {
	left: 0px;
	top: 0;
	position: fixed;
	width: 100%;
	padding-top: 0;
	z-index: 999;
	background: none;
}

.hede {
	width: 1024px;
	margin: 0 auto;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	padding: 10px 19px;
	background: rgba(255,255,255,0.85);
	box-sizing: border-box;
}

.shown .hede {
	box-shadow: 0 0 5px #999;
	width: 1024px;
	box-sizing: border-box;
}

.hede > a {
    float: left;
    display: block
}
.telef, .top_header {
	height: 90px;
	max-width:100%;
}
.telef {
	height: 90px;
	overflow: hidden;
	float: right;
}
.top_header {
	float:left;
}
.telef img {
    border: 1px dotted #7f7a6c;
    border-radius: 3px;
    max-height: 90px
}

.dop_tel {
    width: 300px;
    overflow: hidden;
    float: right;
    text-align: right;
    margin-top: -3px
}

.shown .dop_tel {
    position: relative
}
.viewdCount {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px !important;
  font-style: italic;
}
.dop_tel span {
    color: #727272;
    font-size: 13px;
    line-height: 18px
}

.dop_tel a {
    color: #191919;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px dotted #191919;
    float: right;
    display: block;
    margin-top: 5px
}

.shown .dop_tel a {
    float: none;
    position: absolute;
    left: 0;
    top: 20px
}

.dop_tel p {
    color: #191919;
    font-size: 18px
}

.vokrug-selecta {
    height: 38px;
    background: #fff url(../images/fon_f.png) repeat-x 0 0;
    border-radius: 3px;
    float: left;
    position: relative;
    margin: 0 10px 0 0
}

.vokrug-selecta input {
    height: 100%;
    background: url(../images/m_sel.png) no-repeat 95% 50%;
    position: absolute;
    width: 100%;
    font: 18px/38px Arial;
    color: #2d2d2d;
    border: 0;
    padding: 0 15px
}

.vokrug-selecta select {
    height: 100%;
    background: none;
    position: absolute;
    width: 100%;
    border: 0;
    opacity: 0
}

.rayony {
    width: 253px;
    margin-left: 27px;
    border: 1px solid #d5d5d5
}

.rayony input {
    width: 223px
}

.main {
	width: 1024px;
	overflow: hidden;
	border-radius: 5px;
	background: #fafafa;
	margin: 20px auto;
	position: relative;
	min-height: 1960px;
}

.main h2,
.pravo h2,
.prav h1 {
    color: #272727;
    font-size: 24px;
    font-weight: normal;
}

.lev {
	width: 30%;
    height: 100%;
	overflow: hidden;
	float: right;
	clear: right;
	padding: 17px 12px;
	box-sizing: border-box;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color=#ededed)";/*IE 8*/
    -moz-box-shadow: inset 1px 0px 20px #ededed;/*FF 3.5+*/
    -webkit-box-shadow: inset 1px 0px 20px #ededed;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: inset 1px 0px 20px #ededed;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color=#ededed); /*IE 5.5-7*/
}

.lev h3 {
    height: 35px;
    display: block;
    background: #95bb58;
    border-radius: 0 3px 3px 0;
    position: relative;
    margin: 15px 0
}

.lev .spisok {
    overflow: hidden;
    margin: 1px 0 15px
}

.lev .spisok > div {
    width: 231px;
    overflow: hidden;
    margin-left: 27px
}

.lev h3 b {
    color: #242424;
    font-size: 15px;
    line-height: 34px;
    margin-left: 27px
}

.lev h3 img {
    position: absolute;
    top: 35px;
    left: 27px
}

.lev form > div .ll {
    color: #444;
    font-size: 14px;
    line-height: 15px;
    margin: 2px 0 8px;
    display: block
}

.niceCheck2,
.niceCheck {
    background: url(../images/krugi.png) no-repeat 0 0;
    float: left;
    margin: 0 5px 0 0;
    display: block;
    width: 14px;
    height: 14px
}

.niceCheck {
    background: url(../images/kvadrati.png) no-repeat 0 0
}

.niceCheck2.checked,
.niceCheck.checked {
    background-position: 0 100%
}

.niceCheck2 input,
.niceCheck input {
    opacity: 0
}

.chek {
    list-style: none;
    width: 285px;
    overflow: hidden
}

.chek li {}

.chek label {
    color: #444;
    font-size: 14px
}

.min-v {
    float: left
}

.max-v {
    float: right
}

.diap {
    width: 231px;
    height: 8px;
    border-radius: 8px;
    padding: 5px 0 10px;
    clear: both
}

.slide-left {
    position: relative
}

.prav {
	width: 70%;
	overflow: hidden;
	float: left;
	padding: 17px 0;
	box-sizing: border-box;
    padding-left: 25px;
}

.filtr {
    width: 626px;
    height: 57px;
    background: url(../images/fon_filt.png) repeat-x;
    border: 1px solid #e9e9e9;
    margin: 7px 0 0 0;
    border-radius: 5px;
    padding: 0 14px
}

.filtr span {
    color: #272727;
    font-size: 14px;
    float: left;
    line-height: 56px
}

.knop {
    float: right
}

.knop span {
    color: #272727;
    font-size: 14px
}

.knop a {
    background: #fff;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    color: #272727;
    font-size: 14px;
    padding: 9px 16px;
    line-height: 56px;
    border: 1px solid #e9e9e9;
    margin: 0 0 0 10px
}

.knop a.cur-knop {
    background: #c9df67;
    color: #242424;
    padding: 9px 18px;
    font-weight: bold
}

.kvartira {
    position: relative;
    width: 420px;
    min-height: 141px;
    padding: 14px 14px 14px 220px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin: 15px 0;
    overflow: hidden
}

.kvartira img {
    position: absolute;
    left: 14px;
    top: 14px;
    border: 0;
    display: block;
    width: 192px;
    height: 141px
}

.name {
    color: #2e9cc4;
    font: 18px/20px Arial;
    display: block
}

.name:hover {
    text-decoration: none
}

.kvartira b {
    color: #868686;
    font-size: 12px;
    font-weight: normal;
    margin: 6px 0
}

.kvartira p {
    color: #272727;
    font-size: 14px;
    margin: 5px 0 6px
}

.cena {
    cursor: pointer;
    width: 175px;
    height: 40px;
    display: block;
    background: #95bb58;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    margin: 21px 0 0 0;
    line-height: 36px;
    border-radius: 3px
}

.cena:hover {
    background: #c9df67
}

.kvartira span {
    float: right;
    width: 20px;
    height: 18px;
    display: block;
    background: url(../images/ruka_s.png) no-repeat 0 50%;
    padding-left: 20px;
    color: #272727;
    font-size: 12px
}

.kvartira i {
    color: #d21673;
    font-size: 15px;
    font-style: normal;
    position: absolute;
    display: block;
    margin: -30px 0 0 190px
}

.kvartira.stranicy {
    min-height: 20px;
    padding: 0;
    border: 0;
    margin: 0 0 0 25px;
    width: 100%
}

.stranicy p {
    color: #272727;
    font-size: 14px
}

.stranicy p a {
    color: #272727;
    font-size: 14px;
    margin-left: 15px
}

.stranicy p a:hover {
    text-decoration: none
}

.stranicy ul {
    list-style: none;
    margin: 15px 0 0 2px
}

.stranicy li a {
    color: #272727;
    font-size: 14px;
    padding: 9px 12px;
    text-decoration: none;
    border-radius: 3px;
    background: #92bd52;
    float: left;
    margin-right: 7px
}

.stranicy a.activ {
    color: #fff;
    background: #40ccfa;
    font-weight: bold
}

.abz {
    margin: 25px 26px 15px 25px
}

.abz p {
    color: #272727;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 19px
}

.dofut {
    width: 100%;
    overflow: hidden;
    background: #090a0d
}

.dofuter {
    width: 1024px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
    box-sizing: border-box;
}

.dofuter p {
    color: #8d8d8d;
    font-size: 13px;
    line-height: 32px;
    float: left
}

.telo {
    width: 1024px;
    overflow: hidden;
    margin: 0px auto;
}

.telo.shown {
    margin-top: 174px
}

.osnova {
    width: 1024px;
    overflow: hidden;
    border-radius: 5px;
    background: #fafafa url(../images/fonik.png) repeat-y 715px 0;
    margin: 20px auto;
    position: relative;
}

.levo {
    width: 655px;
    overflow: hidden;
    float: left;
    background: #fff;
    padding: 20px 30px 30px
}

.kvarta {
    width: 655px;
    overflow: hidden;
	position:relative;
}

.kvarta h1 {
    color: #272727;
    font-size: 28px;
    font-weight: normal
}

.kvarta span {
    color: #868686;
    font-size: 15px
}

.kvart {
    width: 633px;
    height: 354px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    margin: 5px 0
}

.kvart > a img {
    width: 481px;
    height: 353px;
    border: 0
}

.diafilm {
    width: 136px;
    height: 354px;
    float: right
}

.kn_up {
    cursor: pointer;
    display: block;
    width: 119px;
    height: 25px;
    background: url(../images/kn_up.png) no-repeat 0 0;
    margin: 0 0 0 17px
}

.kn_do {
    cursor: pointer;
    display: block;
    width: 119px;
    height: 25px;
    background: url(../images/kn_do.png) no-repeat 0 0;
    margin: 0 0 0 17px
}

.diaf {
    width: 136px;
    height: 281px;
    margin: 11px 0;
    position: relative;
    overflow: hidden
}

.dia {
    width: 136px;
    height: 200%
}

.dia a {
    display: block;
    padding: 0 0 0 17px;
    width: 119px;
    height: 87px;
    overflow: hidden;
    margin: 0 0 10px 0;
    background: url(../images/kn_l.png) no-repeat -500px 50%
}

.dia a:hover,
.dia a.cur {
    background-position: 0 50%
}

.dia a img {
    width: 100%;
    border: 0
}

.tarif {
    width: 655px;
    margin: 5px 0
}

.tar {
	width: 430px;
	border: 2px solid #95bb58;
	border-radius: 3px;
	float: left;
	min-height: 90px;
}

.tar ul {
	list-style: none;
	padding: 10px 16px;
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.tar h4 {
	color: #272727;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 7px;
}

.tar b {
    color: #95bb58;
    font-size: 19px
}

.tar p {
    color: #272727;
    font-size: 15px;
    line-height: 22px
}

.call-back {
    cursor: pointer;
    width: 204px;
    height: 78px;
    display: block;
    text-align: center;
    background: url(../images/fon_bron.png) repeat-x 0 0;
    color: #242424;
    font-size: 19px;
    float: right;
    border-radius: 3px;
    text-decoration: none;
    padding-top: 15px
}

.call-back:hover {
    background: url(../images/fon_bron.png) repeat-x 0 50%
}

.call-back:active {
    background: url(../images/fon_bron.png) repeat-x 0 100%
}

.variant {
    width: 655px;
    overflow: hidden;
    margin-top: 20px;
    padding-top: 10px
}

.tabs-heads {
    width: 100%;
    overflow: hidden
}

.tabs-heads a {
    padding: 7px 20px;
    cursor: pointer;
    background: url(../images/fon_variant.png) repeat-x 0 100%;
    border-radius: 3px 3px 0 0;
    color: #272727;
    font-size: 17px;
    text-decoration: none;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    margin-right: 3px;
    display: block;
    float: left
}

.tabs-heads a:hover,
.tabs-heads a.cur-tab {
    background-position: 0 0;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    color: #242424
}

.tab-content {
    width: 100%;
    overflow: hidden
}

.tab-content > div {
    display: none
}

.tab-content > div.cur-tab-c {
    display: block
}

.dsfsf {
    list-style: none;
    width: 613px;
    overflow: hidden;
    padding: 20px 20px 15px;
    border: 1px solid #e9e9e9;
    border-radius: 0 3px 0 0
}

.variant li {
    color: #1e1e1e;
    font-size: 15px;
    line-height: 22px
}

.osna {
    width: 613px;
    overflow: hidden;
    padding: 15px 20px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.osna h5,
.dopoln h5 {
    color: #1e1e1e;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin: 20px 0 0 0
}

.dopoln h5:first-child {
    margin: 6px 0 0 0
}

.osn li {
    display: block;
    list-style: none;
    margin: 7px 0;
    background: url(../images/li-green.png) no-repeat 0 3px;
    padding: 0 0 0 20px
}

.osn li.no {
    background: url(../images/li-red.png) no-repeat 0 3px
}

.dopoln {
    width: 613px;
    overflow: hidden;
    padding: 15px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 0 0 3px 3px
}

.dopoln p {
    color: #1e1e1e;
    font-size: 13px;
    line-height: 18px;
    margin: 2px 0 10px
}

.comment {
    width: 613px;
    overflow: hidden;
    padding: 15px 20px;
    border: 1px solid #e9e9e9;
    margin-top: -1px
}

.comment p {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding: 10px;
    font: 13px/16px Arial;
    color: #1e1e1e
}

.comment b {
    font: bold 15px/20px Arial;
    color: #1b1b1b
}

.comment i {
    font: normal 13px/20px Arial;
    color: #8b8b8b;
    margin: 0 0 0 20px
}

.comment span {
    display: block;
    padding: 0 0 0 25px;
    font: 13px/18px Arial;
    color: #e35353;
    background: url(../img/polotr.png) no-repeat 0 0
}

.comment span.fb_r_1 {
    color: #70ab3b;
    background-position: 0 100%
}

.comment img {
    margin: -1px 0 0 35px;
    display: block
}

.pravo {
    width: 257px;
    overflow: hidden;
    padding: 20px 26px
}

.pravo h2 {
    margin: 0
}

.smotr {
    position: relative;
    min-height: 76px;
    width: 141;
    overflow: hidden;
    padding: 0 0 15px 114px;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 15px
}

.smotr img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 103px;
    height: 76px
}

.smotr a {
    color: #282828;
    font-size: 14px;
    line-height: 18px
}

.smotr a:hover {
    text-decoration: none
}

.smotr b {
    color: #95bb58;
    font-size: 15px;
    display: block;
    margin-top: 7px
}

.fut {
    width: 100%;
    overflow: hidden;
    background: #090a0d;
    padding: 5px 0
}

.pop-up-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000
}

.pop-up {
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff url(../img/pop-up-h2.png) repeat-x 0 16px;
    z-index: 1001;
    border-radius: 5px;
    padding: 0 20px 20px 20px
}

.pop-up.write-us-pop {
    position: relative;
    left: 0;
    top: 0;
    background: none;
    z-index: 1001;
    border-radius: 0;
    padding: 15px 20px;
    border: 1px solid #e9e9e9;
    margin-top: -1px;
    z-index: 1;
}

.pop-up a,
.pop-up input,
.pop-up textarea,
.pop-up h2,
.pop-up form,
.pop-up label {
    color: #464646;
    display: block
}

.pop-up h2 {
    font: 20px/56px Arial;
    margin: 0 0 20px 0
}

.pop-up.write-us-pop h2 {
    color: #1e1e1e;
    font: 24px/30px Arial;
    margin: 30px 0 10px 0
}

.pop-up input, .pop-up textarea {
  background: #fff url("../img/input-bg.png") repeat-x scroll 0 0;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  height: 20px;
  margin: 3px 0 5px;
  padding: 1px 6px 0;
  width: 267px;
}

.pop-up textarea {
    height: 94px;
    width: 386px
}

.pop-up .cena {
    color: #fff !important
}

.clz {
    position: absolute;
    right: -30px;
    top: 0;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url(../img/clz.png)
}

.call-back-pop {
    width: 279px;
    margin: -280px 0 0 -160px
}

/*SETTING*/

.none {
    display: none
}

.clear{
    clear: both;
}

.fl{
    float: left;
}

.fr{
    float: right;
}


/*TYPE-KV*/
.type-kv {
    clear: both;
    background: #fafafa;
    text-align: center;
    border-radius: 5px;
    padding: 14px;
}

.type-kv ul li {
    width: 25%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0px 11px;
}

.type-kv li img {
    width: 100%;
}

.type-kv li a {
    text-decoration: none;
}

.type-kv li span {
    display: block;
    color: black;
    font-weight: bold;
    background: #95bb58;
    margin-top: -5px;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
}

.w25 {
    width: 300px;
    text-align: center;
    box-sizing: border-box;
}

/*SIDE ARROW*/
#side-arrow {
	position: absolute;
	right: 0px;
	top: 125px;
	width: 20px;
	height: 50px;
	background: #95bb58;
	border-radius: 10px 0px 0px 10px;
	cursor: pointer;
	display: none;
	z-index: 100501;
}

#side-arrow.right {
	border-radius: 0px 10px 10px 0px;
}

#side-arrow div{
	width: 100%;
	height: 100%;
	position: relative;
}

#side-arrow div::after {
	position: absolute;
	content: '';
	border: 5px solid transparent;
    border-right: 10px solid white;
	top: 50%;
	margin-top: -5px;
	right: 4px;
}

#side-arrow div.right::after {
	border-left: 10px solid white;
	border-right: none;
}