/* страница ---------------------------------------------------------------------*/ html, body { height: 100%; text-align: center; font:100%/1 em Arial, Helvetica, sans-serif;} *, *:after, *:before { box-sizing: border-box; padding: 0; margin: 0; } .col { float: left; overflow:hidden; min-height: 1px; margin: 0 auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .min-width-genplan {min-width:1350px; } #wrapper {width:100%; margin:auto; height: auto; min-height:100%; margin:0 auto; text-align: center;} #inner_wrapper {width:100%; padding-bottom:250px; } #wrapper H1, #wrapper H2 { margin:0 auto 8px auto; padding:0; border:0; color:#000000; font-size:28px; line-height:1; font-weight:normal; font-family:OpenSans;} #wrapper H3 { margin:0 auto; padding:0; border:0; color:#0099FF; font-size:18px; line-height:1; font-weight:normal; font-family:OpenSans;} #wrapper H4 { margin:0 auto; padding:0; border:0; color:#000; font-size:22px; line-height:1; font-weight:normal; font-family:OpenSans;} #wrapper H4 a { text-decoration:underline;} #wrapper H4 a:hover { text-decoration: none;} #poisk {padding:0px 10px 0px 10px; max-width:1170px; margin:20px auto 20px auto; text-align:left;} #poisk h1 { text-align:center; margin:0px auto 20px auto; line-height:1.5;} .specinfo {width:90%; 1height:150px; margin:25px auto; padding: 10px 20px; border-radius:3px; border:1px solid #DDD; line-height:1.5; font-size:14px; color:#555; 1overflow-y:scroll; text-align:left} #poisk .forma { width:100%; background-color:#F1F1F1; margin:15px auto; padding:0 0 0px 0; border-radius:3px;} #poisk .forma .name, #poisk .forma .item {display:inline-block; float:left; width:25%;} #poisk .forma .name { font-size:18px; color:#09F; text-align:right; 1font-weight:bold; padding:0 20px 0 0;} #poisk .forma .item { font-size:14px; color:#000; padding:1px 0 0 10px;} #poisk .forma .item input { margin:-1px 10px 0 0; 1border:1px solid #0066FF; 1border-radius:0px; width:16px; height:16px; display:inline-block; float:left;} #poisk .forma .item label { cursor:pointer;} #poisk .forma .line {display:inline-block; float:left; width:100%; padding:20px 0; 1background-color: #F7F7F7; 1margin:10px auto;} #poisk .forma .line:nth-child(even) {background-color: #F7F7F7;} #poisk .forma .button { display:inline-block; float:left; width:100%; margin:20px 0 20px 0; text-align:center } #poisk .forma button { border:0; border-radius:3px; font-size:18px; cursor:pointer; background-color:#0077FF; color:#FFFFFF; padding:14px 70px;} #poisk .forma button:hover {background-color:#0099FF} #poisk .sort {display:inline-block; float:left; width:100%;margin: 25px auto 25px auto; padding:20px; position:relativ; border:2px solid #0099FF;} #poisk .sort .name, #poisk .sort .item {display:inline-block; float:left; width:25%; text-align:center;} #poisk .sort .item a { text-decoration:underline; font-size:16px; color:#111;} #poisk .sort .item a:hover { text-decoration:none;} #poisk .sort .name { font-size:18px; color:#09F; text-align:right; 1font-weight:bold; padding:0 20px 0 0;} #poisk .sort .active a { font-size:24px; 1font-weight:bold; text-decoration:none; color:#000000} #poisk .sort .active { position:relative; margin-top:-9px;} #poisk .total {display:inline-block; float:left; width:100%; font-size:24px; text-align:center; padding:25px 0;} #main-plots .title_img, #poisk .title_img { width:100%; text-align:center} #main-plots .title_img img, #poisk .title_img img { border:1px solid #CCC; width:300px;} #footer {width:100%; height:250px; background-color:#00AAFF; position:relative; margin:-250px auto auto auto; text-align:center; clear: both;} #footer { background: linear-gradient(to top, #0099FF, #00AAFF);} #footer .blocks {height:228px; max-width:1100px; margin:auto; } #footer .blocks .block { 1display:inline-block; float:left; 2width:33.33%; overflow:hidden; 1border:1px solid #FFFFFF; color:#FFFFFF; text-align:left; margin-top:15px;} #footer .blocks .first {width:25%;} #footer .blocks .second {width:40%;} #footer .blocks .third {width:35%;} #footer .blocks .minilogo {padding:10px 0px;} #footer .blocks .minilogo .svg { margin-left:30px;} #footer .blocks .minilogo .svg img { width:80px;} #footer .blocks .block .zag { font-size:20px; margin:0 0 10px 10px;} #footer .blocks .block .link {font-size:14px; margin:15px 0 0 30px; position:relative;} #footer .blocks .block .link a { color:#FFFFFF; text-decoration: underline;} #footer .blocks .block span { position:relative;} #footer .blocks .block .link a:hover {text-decoration: none;} #footer .blocks .block .icon_phone:before { content:''; display:block; position: absolute; width:20px; height:22px; left:-25px; top:-5px; background: url("/img/icon-miniphone.svg") no-repeat; background-size:cover;} #footer .blocks .block .icon_email:before { content:''; display:block; position: absolute; width:20px; height:14px; left:-25px; top:0px; background: url("/img/icon-minienvelope.svg") no-repeat; background-size:cover;} #footer .info { height:22px; width:100%; text-align:center; background-color:#555; color:#FFFFFF; } #footer .info {background: linear-gradient(to top, #555, #666);} #footer .info {display:flex; display: -webkit-flex; -webkit-justify-content:center; justify-content:center; align-items:center; font-size:12px; padding:5px; color:#CCC;} #header { width:100%; } #bread {max-width:1170px; margin:24px auto 0 auto; text-align:left; padding:0 10px;} #bread ul { list-style: none; ;} #bread ul li { display:inline-block; margin:0 36px 0 0; font-size:16px; position:relative;} #bread ul li a { color:#000; text-decoration:underline; } #bread ul li a:hover {text-decoration:none; } #bread ul li:after { content:'›'; font-family:Arial; position:absolute; font-size:18px; right:-24px; top:-2px; color:#000;} #bread ul li:last-child:after { display:none} #mini_banner { background-color: #FF0000; color:#FFFFFF; font-size:18px; width:100%; font-family:OpenSans; text-align:center; z-index:11; border-top:2px solid #FFFFFF;} #mini_banner .wrapper_mini_banner { width:100%; padding:10px 0 10px 0;} #mini_banner:hover {text-decoration:none} #mini_banner a { color:#FFFFFF; text-decoration:none;} a:hover#mini_banner , #mini_banner a:hover { color:#FFFFFF; text-decoration:none;} #mini_banner .adaptive_hidden { } #mini_banner .link { margin:0 0 0 20px; font-size:14px} #mini_banner .link:hover { text-decoration:underline} #skidka {position:fixed; bottom:0px; left:0px; background-color:#EE0000; color:#FFFFFF; font-size:16px; padding:5px 0 5px 0; width:100%; font-family:OpenSans; text-align:center; z-index:11; box-shadow:0 0 12px #999;} #skidka .procent { font-size:28px;} #skidka .skidka { font-size:20px; margin-left:15px;} #skidka span { position:relative;} #skidka .link { color:#FFFFFF; font-size:14px; text-decoration:underline; margin:0 0 0 15px;} #skidka .link:hover {text-decoration:none; } #skidka .label:before { content:''; left:-33px; top:-5pxpx; position:absolute; width:22px; height:30px; background: url("/img/icon-label-yellow.svg") no-repeat center center; z-index:20;} #rassrochka_0, #call-back, #prosmotr {position:fixed; bottom:70px; right:10px; background-color:#0099FF; color:#FFFFFF; font-size:16px; padding:12px 10px; border-radius:5px; z-index:20; width:200px; box-shadow:0 0 18px #CCC; 1border:2px #0099FF solid; font-family:OpenSans;} @keyframes pulse { 0% { left:-57px; } 92% {left:-57px;} 93% {left:-60px;} 94% {left:-54px;} 95% {left:-60px;} 96% {left:-54px;} 97% {left:-60px;} 98% {left:-54px;} 99% {left:-60px;} 100%{left:-57px; } } #prosmotr:before, #call-back:before { animation-name: pulse; animation-delay:12s; animation-iteration-count: infinite; animation-duration: 14s; animation-direction: reverse; } #call-back:before {animation-delay:5s;} #call-back1, #prosmotr1 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/ -moz-opacity: 0.9; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.9; } #prosmotr {bottom:15px;background-color:#009900; } #rassrochka_0 {bottom:125px;background-color:#F00; padding:6px 10px; } #rassrochka_0:hover { background-color:#F33;} #call-back:hover { background-color:#00AAFF;} #prosmotr:hover { background-color:#00AA00;} #call-back:hover, #prosmotr:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/ -moz-opacity: 1; /* Mozilla 1.6 и ниже */ -khtml-opacity:1; /* Konqueror 3.1, Safari 1.1 */ opacity: 1; } #rassrochka_0:before, #call-back:before, #prosmotr:before { content:''; left:-57px; top:-5px; position:absolute; box-shadow:0 0 18px #CCC; width:50px; height:50px; background: url("/img/icon-call-back-phone-white.svg") no-repeat center center; background-size:28px 28px; background-color:#09f; 1border:2px solid #fff; border-radius:25px;} #prosmotr:before { background: url("/img/icon-call-back-dom-white.svg") no-repeat center center; background-size:33px 38px; background-color: #090; } #rassrochka_0:before { background: none; background-size:33px 38px; background-color: #F00; content:'%'; padding-top:10px; font-size:32px; top:-2px; } #call-back:hover::before {background-color:#00AAFF;} #prosmotr:hover::before {background-color:#00AA00;} #rassrochka_0:hover::before {background-color:#F00;} #top {width:100%; background-color:#FFF; 1overflow:hidden; height:70px; margin: auto; } #top .logo {} #top .logo {background: url("/img/logo1.svg")no-repeat; background-position:center 2px; background-size:auto 70px; height:75px; width:16.66%;} #top .slogan {width:41.66%; font-size:22px; font-style:italic; 1font-weight:bold; color:#000000; 1background-color:#FFFFCC; border-right:1px #000000 solid; margin:8px 0 0 0; padding:5px 0 9px 0; position:relative} #top .slogan .span1 { text-align: left; margin:0 0 2px 8.2%; } #top .info {width:41.66%; 1background-color:#00FFFF; text-align:right; padding-right:10px;} #top .info .phone {color:#333; margin:3px 0 3px 0; font-size:21px; padding:0; } #top .info .phone .span2 { font-size:26px; font-weight:bold; } #top .info .phone .span1 {position:relative;} #top .info .phone .span1:before { content:' '; display:block; position: absolute; width:40px; height:40px; left:-45px; top:-3px; background: url("/img/icon-phone.svg") no-repeat; background-size: 35px 35px; } #top .info .phone a {color:#333; text-decoration:none;} #top .info .phone a:hover {color:#333;} #top .info .phone .icon1 { display:inline-block; width:40px; height:40px; } #top .info .phone .icon1 img { height:40px; } #top .info .schedule { font-size:13px;} #top .info .address { font-size:13px; margin-top:6px;} #top .info .address a {text-decoration:underline; color:#000000} #top .info .address a:hover { text-decoration: none; color:#000000} #top .mini-menu {display:none; float:right; width:15.625%; max-width:50px; height:50px; position:relative; overflow: hidden; outline: none; box-shadow: none; border: none; cursor:pointer; padding:0 5px; color:#FFFFFF; font-size:14px; text-align:center; } #top .mini-menu .name {} #top .mini-menu span, #top .mini-menu span::before, #top .mini-menu span::after {position:absolute; display:block; left:0; width:40px; height:4px; background-color:#fff; content:""; border-radius:2px;} #top .mini-menu span {top:27px; left:5px;} #top .mini-menu span::before {top:-11px;} #top .mini-menu span::after {bottom:-11px;} /*2DA5FF 3FC2FF CCE3F2*/ #nav.active {max-height:100%; overflow: scroll; padding-bottom:100px;} #nav.active ul li a { padding:0;} #top-menu {width:100%;} #top-menu .menu {width:100%; float:left; margin:0 auto; background-color:#3366FF;} #top-menu .menu {background: linear-gradient(to top, #2DA5FF, #3FC2FF);} #top-menu .menu .nav_wrapper {max-width:1170px; width:100%; padding:0px; margin: 0 auto; display: table;} #top-menu .menu ul { display:table-row; list-style: none;} #top-menu .menu ul li {display:table-cell; float:none; font-size:1em; 1white-space: pre; text-align:center; 1border:1px solid #99CC99; height:50px; vertical-align:middle; 1cursor:pointer;} #1top-menu .menu ul li:hover { background-color: #CCC;} #top-menu .menu ul li:hover {background: linear-gradient(to top, #3FC8FF ,#3FE3FF); color:#FFFFFF} #top-menu .menu ul li a {display:block; padding:15px 0; 1background-color:#00FFFF; text-decoration:none; 1font-weight:bold; font-family: Arial, Helvetica, sans-serif;} #top-menu .menu li:hover a, #top-menu .menu .proezd {position:relative; } #top-menu .menu .lighter {1background:#3FC8FF; } #top-menu .menu .proezd:before { content:' '; display:none; position: absolute; width:40px; height:40px; left:-24px; top:-7px; background: url("/img/icon-gps.svg") no-repeat; background-size: auto 30px; } #top-menu .menu .skidka{position:relative; } #top-menu .menu .skidka:before { content:''; left:-20px; top:-8px; position:absolute; width:22px; height:30px; background: url("/img/icon-label-yellow.svg") no-repeat center center; z-index:20;} #top-menu .menu ul li.short_text a { padding-left:10px; padding-right:10px;} #top-menu .menu ul li.skidki_short_text a { padding-left:30px; padding-right:5px;} #top-menu .menu ul li.rassrochka { background:#FF0000} #top-menu .menu ul li.rassrochka:hover { background:#FF3333} #top-menu .menu ul li.rassrochka a { color:#FFF} #nav { list-style: none; padding:0; } #top-menu.normal { position:static; } #top-menu.normal ul li { height:50px;} #top-menu.normal ul .telefon {display:none;} #top-menu.fix {position:fixed; z-index:10; top:0; font-size:1} #top-menu.fix ul li { height:36px; font-size:14px;} #top-menu.fix ul .telefon {display:table-cell; color:#FFFFFF; white-space:pre; font-size:18px; } #top-menu.fix ul .telefon span {} #top-menu.fix {} #top-menu a { color:#FFFFFF; text-decoration:none;} #top-menu a:hover {text-decoration: underline;} #price {padding:0px 10px 0px 10px; max-width:1170px; margin:20px auto 20px auto; text-align:left;} #price .top {padding:20px;} #price .top p { line-height:1.5; font-size:16px; color:#000000; position:relative;} #price .top p:before { content:'›'; font-family:Arial; position:absolute; font-size:24px; left:-15px; top:-9px; color:#0099FF;} #price .top .sbor { 1font-size:16px; 1font-weight:bold;} #price .top li {line-height:1.5; font-size:16px; color:#000000; position:relative; padding:0 0 14px 0;} #price .top li:before { content:'›'; font-family:Arial; position:absolute; font-size:24px; left:-15px; top:-9px; color:#0099FF;} #price .top .sbor { 1font-size:16px; 1font-weight:bold;} #price .print_btn { display:inline-block; border:1px solid #555; border-radius:4px; padding:15px 40px 15px 60px; margin:15px auto; font-size:20px; position:relative;} #price .print_btn:before { content:''; left:10px; top:5px; position:absolute; background-size: 100% auto; width:32px; height:32px; background:url("/img/icon-printer.svg") no-repeat center center; } #price .print_btn:hover { color:#FFFFFF; background-color:#000; transition: all 0.5s linear; } #price .print_btn:hover:before { background: url("/img/icon-printer-white.svg") no-repeat center center; 1transition: all 0.5s linear; } #price .print_btn_wrapper { width:100%; text-align:center;} #price .table { width:100%; display:table; margin:30px 0 0 0;} #price .table .row {width:100%; float:left; display: table-row;} #price .table .row:nth-child(odd) { background-color: #EFEFEF; } #price .table .row:first-child { border-bottom:2px #000000 solid; background:none;} #price .table .row-hover:hover {background-color: #DDD; 1box-shadow:0 5px 3px #DDD;} #price .table .cell { text-align:center; width:16.66%; display:table-cell; display:inline-block; position:relative; padding:18px 5px;} #price .table .doublecell { width:33.32%; } #price .table .cell { float: left; 1overflow:hidden; min-height: 1px; margin: 0 auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #price .table a { 1text-decoration:underline;} #price .table a:hover { 1text-decoration: none;} #price .table .title { font-size:16px; line-height:1.5; color:#CCC; margin:7px 0 0;} #price .table .title a {color:#555; text-decoration:underline;} #price .table .highlight { font-size:24px; margin:0;} #price .table .highlight a { text-decoration:none; color:#111; } #price .table .special { position:absolute; right:4px; top:2px; background-color:#FF0000; padding:2px 6px; border-radius:3px; box-shadow:0 0 15px #BBB; font-size:16px; color:#FFFFFF;} #price .table .special {background: linear-gradient(to top, #FF0000 ,#FF0022);} #price .table .row { border-bottom:1px #000000 solid; background:none;} #price .table .row:last-child {border-bottom: none;} #price.print-price { font-size:14px; max-width:800px;} #price.print-price .table .title { font-size:14px; font-weight:bold; line-height:1.5} #price.print-price .top p {font-size:14px;} #price.print-price h1 { font-size:18px; font-weight:normal; margin:auto; padding:0;} #price.print-price .top p:before {color:#000;} #price.print-price .table .special {background: #666666; border:1px #000 solid;} #price.print-price .table .cell { text-align:center; padding:12px 5px;} #price.print-price .telefon { 1font-size:18px} #price.print-price .top li {font-size:14px;} #price.print-price .top li:before {color:#000;} #plot {padding:0px 10px 0px 10px; max-width:1170px; margin:20px auto 20px auto; text-align:left;} #plot .fotos { width:50%; float:left; text-align:center; 1background-color:#00FFCC; margin:20px 0 0 0;} #plot .fotos .inner_wrapper { margin:auto; width:500px; text-align:center; max-width:100% } #plot .fotos .foto {max-width:50%; max-height:160px; margin:0px;float:left; overflow:hidden; display:inline-block;padding:0; margin-bottom:-3px } #plot .fotos .foto img { max-width:240px; 1margin-bottom:-3px; } #plot .fotos .main {max-width:100%; max-height: none;} #plot .fotos .main img { max-width:480px; margin-bottom:-3px;} #plot .fotos img { transition: all 0.2s linear; } #plot .fotos .foto:hover img { transform: scale(1.25);} #plot .info { width:50%; float:right; margin:20px 0 0 0; padding:20px 0 0 0; } #plot .info .top { margin:0 auto 0px 20px;} #plot .info .line {width:100%; margin:10px auto 10px auto;font-size:16px; text-align:left;} #plot .info .line .name { min-width:135px; text-align:left; margin:0 10px 0 40px; display:inline-block; } #plot .info .line .span1 { font-size:30px;} #plot .info .line .span2 { font-size:24px;} #plot .info h4 { text-align:left; padding:0; margin:0 0 0 65px; 1width:100%;} #plot .info .infra ul {list-style: none; padding:10px 10px 10px 65px; font-size:16px; color:#000000; } #plot .info .infra ul li {margin:20px 0 40px 0; position:relative;} #plot .info .infra ul li:last-child {margin:20px 0 0 0;} #plot .info .infra li:before { content:''; left:-40px; top:-8px; position:absolute; background-size: 100% auto; width:32px; height:32px; background: url("/img/icon-water.svg") no-repeat center center;} #plot .info .infra .water:before { background: url("/img/icon-water.svg");} #plot .info .infra .road:before { background: url("/img/icon-road.svg");} #plot .info .infra .svet:before { background: url("/img/icon-bulb-mini.svg");} #plot .info .infra .gas:before { background: url("/img/icon-gas.svg");} #plot .info .infra .ohrana:before { background: url("/img/icon-ohrana.svg");} #plot .info .infra .poezd:before { background: url("/img/icon-poezd.svg");} #plot .dopinfo { margin:25px auto 15px auto; line-height:1.5} #plot .dopinfo p {margin:15px auto;} #plot .info .wrapp_btn { text-align:center; padding:40px 0; margin:auto;} #plot .info .btn { font-size:18px; position:relative; text-align:left; margin: auto ; display:inline-block; padding:15px 25px 15px 55px; border:1px solid #009900; border-radius:8px; color:#009900;} #plot .info .btn:hover { background-color:#009900; color:#FFFFFF;} #plot .info .btn:hover {background: linear-gradient(to top, #009900 ,#00AA00);} #plot .info .btn a { color:#009900; text-decoration:none; } #plot .info .btn a:hover {text-decoration:none; color:#FFFFFF;} #plot .info .btn:after { } #plot .info .icon-map:before {content:''; left:5px; top:4px; position:absolute; background-size: 100% auto; width:36px; height:36px; background:url("/img/icon-map-green.svg") no-repeat center center;} #plot .info .icon-map:hover:before {background:url("/img/icon-map-white.svg");} #plot .info .icon-dom:before {content:''; left:5px; top:4px; position:absolute; background-size: 100% auto; width:44px; height:36px; background:url("/img/icon-dom-green.svg") no-repeat center center;} #plot .info .icon-dom:hover:before {background:url("/img/icon-dom-white.svg");} #poselok-proezd {padding:50px 0 20px 0; width:100%; max-width:1170px; margin:0px auto 8px auto; } #poselok-proezd .wrapper { width:100%; margin:25px auto 40px auto; float:left; display:inline-block; } #poselok-proezd .wrapper .left { width:50%; float:left; text-align:left} #poselok-proezd .wrapper .text { line-height:1.5; font-size:14px;} #poselok-proezd .wrapper .text li { margin:7px 0; position:relative; text-align:left; padding:0 20px 30px 0; } #poselok-proezd .wrapper .text li:before { content:'›'; font-family:Arial; position:absolute; font-size:24px; left:-15px; top:-10px; color:#0099FF;} #poselok-proezd .gps { line-height:1.5; font-size:24px} #poselok-proezd .gps a { color:#0033FF; text-decoration:underline} #poselok-proezd .gps a:hover {text-decoration:none} #poselok-proezd .wrapper .karta { width:50%; float:right; display:inline-block; position:relative} #poselok-proezd .wrapper .karta img {max-width:100%;box-shadow:0 0 15px rgba(0,0,0,0.5);} #poselok-proezd .wrapper .karta .printer { position:absolute; right:20px; top:20px; font-size:18px; padding:15px 20px 15px 60px; border-radius:5px; background:rgba(0,0,0,0.5); color:#FFFFFF; } #poselok-proezd .wrapper .karta a { text-decoration: none; color:#FFF; display:block; position:relative;} #poselok-proezd .wrapper .karta a:hover { text-decoration: none; } #poselok-proezd .wrapper .karta .printer:hover {background:rgba(0,0,0,0.7);} #poselok-proezd .wrapper .karta .printer:before { content:''; left:10px; top:5px; position:absolute; background-size: 100% auto; width:32px; height:32px; background: url("/img/icon-printer-white.svg") no-repeat center center;} #zaglushka {padding:25px 0; width:100%; max-width:550px; margin:0 auto; text-align:center; } #zaglushka p { line-height:1.5; font-size:20px; text-align:left; margin:15px 0; } #zaglushka .zag { font-size:24px} #poselok {padding:0 0; width:100%; max-width:1170px; margin:24px auto 8px auto; text-align:left; } #poselok H4 {padding:15px 0;} #poselok .bread {background-color:#FFF;} #poselok .bread.normal { position:static; } #poselok .bread.fix {position:fixed; display:block; z-index:10; top:44px; width:100%; max-width:1170px; padding:0; margin: auto; text-align:center;} #poselok .bread.fix ul { list-style:none; padding:8px 10px 8px 4bl0px;} #poselok .bread.fix ul li { display:inline-block;margin: 0 25px 0 0 ; font-size:16px; } #poselok .bread ul { list-style:none; padding:10px 10px 20px 50px;} #poselok .bread ul li { display:inline-block;margin: 0 25px 0 0 ; font-size:20px; } #poselok .bread ul li a { color:#09E; text-decoration:underline; } #poselok .bread ul li a:hover {text-decoration:none; } #poselok .advantage { line-height:1.5; font-size:14px; color:#000000; margin:10px 0 10px 50px;} #poselok .advantage li { margin:7px 0; position:relative;} #poselok .advantage li:before { content:'›'; font-family:Arial; position:absolute; font-size:24px; left:-15px; top:-10px; color:#0099FF;} #poselok .infra ul { list-style: none; padding:20px 10px 20px 50px; } #poselok .infra ul li {display:inline-block; margin: 0 48px 0 0 ; font-size:14px; color:#000000; position:relative;} #poselok .infra li:before { content:''; left:-38px; top:-8px; position:absolute; background-size: 100% auto; width:32px; height:32px; background: url("/img/icon-water.svg") no-repeat center center;} #poselok .infra .water:before { background: url("/img/icon-water.svg");} #poselok .infra .road:before { background: url("/img/icon-road.svg");} #poselok .infra .svet:before { background: url("/img/icon-bulb-mini.svg");} #poselok .infra .gas:before { background: url("/img/icon-gas.svg");} #poselok .infra .ohrana:before { background: url("/img/icon-ohrana.svg");} #poselok .infra .poezd:before { background: url("/img/icon-poezd.svg");} #poselok .mini-genplan {display:none;} #poselok .mini-genplan .mini-karta { position:relative; padding:10px 10px; max-width:400px; margin:auto;} #poselok .mini-genplan .mini-karta a { color:#FFFFFF; text-decoration:none;} #poselok .mini-genplan .mini-karta img { max-width:100%; margin:auto; border-radius:16px} #poselok .mini-genplan .mini-karta .btn { position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-130px; background: rgba(0,0,0,0.4);} #poselok .mini-genplan .mini-karta .btn { width:260px; text-align:center; height:60px; border-radius:10px; font-size:24px; padding-top:20px; cursor:pointer;} #poselok .mini-genplan .mini-karta .btn:hover {background: rgba(0,0,0,0.6);} #banner {1background: url("/img/banner.jpg?r=3") no-repeat top center; 1background-size: auto 100%; height:400px; 1box-shadow: 0 0 10px rgba(0,0,0,0.5);} #banner26 {background: url("/img/banner29-3.jpg?rnd=1") no-repeat top center; background-size: auto 100%; height:400px; text-align:right} #banner26 .wrap { margin-right:250px;} #banner26 .line1 { font-size:36px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 15px; margin-top:90px;} #banner26 .line1_1 { font-size:13px; font-style:italic; font-weight:bold; color: #FFCC00; background: rgba(0,0,0,0.5); display:inline-block; padding:3px 20px; margin-top:0px;} #banner26 .line2 { font-size:32px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 20px; margin-top:15px;} #banner26 .line3 { font-size:20px; text-decoration:underline; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 20px; margin-top:20px;} #mini-banner { display:none;} #main-poselki {background-color:#F7F7F7; padding:50px 0 25px 0; width:100%;} #main-poselki .poselki {text-align:center; margin:25px auto 10px auto; max-width:1170px;} #main-poselki .poselok {width:480px; box-shadow: 0 0 20px #DDD; display:inline-block; margin:10px; 1overflow:hidden; padding:0; background-color:#FFFFFF; position:relative;} #1main-poselki .poselok .derevnya {position:absolute; top:0; right:0; color:#09f; font-size:13px; 1font-weight:bold; text-align:left;font-family:OpenSans; padding:4px 8px 3px 4px; border-radius: 0 0 0 9px; border:1px solid #09F} #main-poselki .poselki_filtr {background-color:#eee; display:inline-block; width:100%; max-width:990px; padding:20px 0; margin:20px auto 0 auto; text-align:center} #main-poselki .poselki_filtr div { text-align:left; float:left; 1width:33%; display:inline-block; } #main-poselki .poselki_filtr div label { cursor:pointer; font-size:22px; color:#000000; margin:0 30px;} #main-poselki .poselki_filtr .pos { text-align:right; margin-left:50px;} #main-poselki .poselki_filtr input { margin-top:-3px; width:16px; height:16px;} #main-poselki .poisk_btn { margin: 20px auto 0px auto; font-size:20px; } #main-poselki .poisk_btn a { color:#FFF;} #main-poselki .poisk_btn .btn {padding:15px 60px 15px 25px; border-radius:5px; border:2px solid #0A0; background:#0A0; display:inline-block; position:relative;} #main-poselki .poisk_btn .btn:before { content:''; right: 15px; top: 7px; position:absolute; background-size: 100% auto; width:32px; height:32px; background: url("/img/icon-plot-white.svg") no-repeat center center;} #main-poselki .poisk_btn a:hover { color:#0A0;} #main-poselki .poisk_btn .btn:hover {background:#FFF; border:2px solid #0A0;} #main-poselki .poisk_btn .btn:hover:before {background: url("/img/icon-plot-green.svg") no-repeat center center;} #main-poselki .poselok .obsl {position:absolute; top:0; left:0; color:#FFFFFF; font-size:13px; text-align:left;font-family:OpenSans;} #main-poselki .poselok .s {padding:4px 8px 5px 4px; background-color:#09F; border-radius: 0 0 9px 0; margin-bottom:2px;} #main-poselki .poselok .bez {padding:4px 12px 4px 4px; background-color:#0A0; border-radius: 0 0 9px 0; display:inline-block; margin-bottom:2px;} #main-poselki .poselok .derevnya {padding:4px 8px 5px 4px; color:#08f; 1font-weight:bold; border-radius: 0 0 9px 0; border:1px solid #09F;margin-bottom:2px; display:inline-block;} #main-poselki .poselok .zag { margin:25px auto 3px auto; font-size:24px; color:#000000; line-height:1; } #main-poselki .poselok .zag a { text-decoration:none; color:#000000;} #main-poselki .poselok .zag span { font-size:16px; 1font-weight:bold} #main-poselki .poselok .highway { margin:0 auto; font-size:15px; color:#009900; font-style:italic; line-height:1;} #main-poselki .poselok .img { position:relative; margin:10px auto; width:400px;} #main-poselki .poselok img { width:400px; border-radius:12px;} #main-poselki .poselok .label { position:absolute; 1width:200px; background-color: #FF0000; border-radius:4px; color:#FFFFFF; bottom:10%; right:-25px; font-size:16px; line-height:1.2; padding:5px 20px; box-shadow: 0 0 15px #555; z-index:+1;} #main-poselki .poselok .label .span1 {font-size:24px; font-weight:bold;} #main-poselki .poselok .label .span2 {font-size:18px; font-weight:bold;} #main-poselki .poselok .label .line2 { margin-top:7px;} #main-poselki .poselok .label, #main-plots .plots .plot .label, #main-poselki .poselok .label_derevnya { z-index:+5; transform:rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } #main-poselki .poselok .label_derevnya { position:absolute; background-color:#FFF; border-radius:4px; color:#F00; 1top:0px; 1right:-25px; font-size:18px; font-weight:bold; padding:12px 20px; box-shadow: 0 0 15px #555; z-index:+5; bottom:10%; left:-25px;} #main-poselki .poselok .label_derevnya.big_plots {color:#0077FF;} #main-poselki .poselok .infra {font-size:14px; color:#000000; margin:15px auto; padding:0 10px 0 50px;} #main-poselki .poselok .infra {display:flex; display: -webkit-flex; -webkit-justify-content:space-around; justify-content:space-around; align-items:space-around } #main-poselki .poselok .infra .punkt {position:relative; 1margin-left:40px; } #main-poselki .poselok .infra .punkt:before { content:''; left:-38px; top:-8px; position:absolute; background-size: 100% auto; width:32px; height:32px; background: url("/img/icon-water.svg") no-repeat center center;} #main-poselki .poselok .infra .water:before { background: url("/img/icon-water.svg");} #main-poselki .poselok .infra .road:before { background: url("/img/icon-road.svg");} #main-poselki .poselok .infra .svet:before { background: url("/img/icon-bulb-mini.svg");} #main-poselki .poselok .infra .gas:before { background: url("/img/icon-gas.svg");} #main-poselki .poselok .infra .ohrana:before { background: url("/img/icon-ohrana.svg");} #main-poselki .poselok .infra .poezd:before { background: url("/img/icon-poezd.svg");} #main-poselki .poselok .fraza { font-size:16px; font-weight:bold; color:#000000; margin:8px auto; font-family:Arial;} #main-poselki .poselok .links { text-align:center; width:100%; font-size:16px; margin:15px auto 15px auto; padding:0 20px;} #main-poselki .poselok .links a {color:#0077FF; text-decoration:underline;} #main-poselki .poselok .links a:hover {text-decoration: none;} #main-poselki .effect {position:absolute; border-radius:15px; height:250px; width:400px; overflow:hidden; z-index:+3; background: rgba(0,0,0,0.4); opacity:0; transition: all 0.3s linear 0s; } #main-poselki .effect:hover {opacity: 1; } #main-poselki .effect .caption {position: absolute; 1display:none; top:0; left:0;} #main-poselki .effect .mini-logo {position: absolute; width:65px; left:5px; top:251px; } #main-poselki .effect:hover .mini-logo { top:5px;} #main-poselki .effect:hover .transition1 { -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; } #main-poselki .effect:hover .transition2 { -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.1s; -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.1s; transition: all 0.3s cubic-bezier(0.4, 1, 2, 2) 0.1s; } #main-poselki .effect:hover .transition3 { -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.2s; -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0.2s; transition: all 0.3s cubic-bezier(0.4, 1, 2, 2) 0.2s; } #main-poselki .effect .mini-zag {position: absolute; width:400px; color:#FFFFFF; text-align:center; font-size:24px; top:-55px; font-family:OpenSans} #main-poselki .effect:hover .mini-zag {top:55px; } #main-poselki .effect .wrapper_btn { position:absolute; left:400px; top:110px; text-align:center; width:400px; text-align:center; } #main-poselki .effect:hover .wrapper_btn {left:0px;} #main-poselki .effect .btn { text-decoration:none; padding:10px 20px; font-size:18px; color:#FFFFFF; border-radius:22px; border:2px solid #FFFFFF; text-decoration:none; transition:0.5s; display:inline-block;} #main-poselki .effect .btn:hover { background-color:#FFFFFF; color:#000000;} #advantage { padding:40px 0 24px 0; width:100%; text-align:center; background-color:#F7F7F7;} #advantage .blocks { text-align:center; margin:auto; padding:20px 0; max-width:990px;width:100%; } #advantage .block {text-align:center; padding:25px 15px; float:left; width:33%; overflow:hidden } #advantage .block {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #advantage .block .icon { background-size: 100% auto; width:100px; height:100px; 1background: url("/img/icon-bowl.svg") no-repeat center center; margin:auto;} #advantage .block .icon img { width:100px;} #advantage .block .zag { color:#0088FF; font-size:22px; text-align:center; margin:15px 0 15px 0;} #advantage .block .info { color:#000; font-size:16px; line-height:1.5; width:100%; text-align:left;} #main-media {1background-color:#F7F7F7; padding:50px 0 0px 0; width:100%; display:inline-block; float:left; margin:0 auto; } #main-media .media {text-align:center; margin: 24px auto 0 auto; max-width:1080px;} #main-media .media .block { 1width:360px; width:33.33%; max-width:33.33%; 1height:240px; margin:0; padding:0; overflow:hidden; background-color:#CCCCCC; position:relative; border:0; display:inline-block; float:left; border:none;} #main-media .media .block:before{ content: ""; display: block; padding-top: 55%; /* initial ratio of 1:1 66.66% */ } #main-media .media .block .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #main-media .media .block .img {width:360px; 1height:240px; margin-bottom:-3px;} #main-media .media .block img { transition: all 0.2s linear;} #main-media .media .block:hover img { transform: scale(1.25); } #main-media .media .block .video1 {width:480px; height:320px; position:relative; left:-60px; top:-40px;} #main-media .media .mask {position:absolute; top:50px; width:100px; left:130px; z-index:+1; } #main-media .media .label {position:absolute; top:5px; left:10px; font-size:18px; 1text-shadow: 1px 1px 2px #000; color:#FFFFFF; z-index:+1; } #main-media .media .name {position:absolute; text-shadow: 1px 1px 2px #000; bottom:20px; left:0px; font-size:28px; font-weight:normal; color:#FFFFFF; width:100%; text-align:center; line-height:1.5} #main-rassrochka { width:100%; text-align:center; position:relative; overflow:hidden; padding:0 0 40px 0; } #main-rassrochka .blue { width:100%; height:100%; position:absolute; background-color:#0099DD; z-index:-1;} #main-rassrochka1 .blue {background: linear-gradient(to top, #0088FF, #0099FF);} #main-rassrochka .blue { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/ -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.8; } #main-rassrochka .bg {background: url("/img/dogovor.jpg") no-repeat top center; background-size:cover; position:absolute; z-index:-2; top:0; left:50%; width:1600px; height:800px; margin-left:-800px; } #main-rassrochka .info {color:#FFF; max-width:1170px; margin:auto; font-family:OpenSans; padding:20px 20px;} #main-rassrochka .info .zag { font-size:48px; margin:0px auto 0px auto; 1font-weight:bold; text-shadow: 0 0 1px #000;} #main-rassrochka .info .zag .span1 {color:#FF0000;} #main-rassrochka .info .zag .span2 {color:#FF0000; font-size:60px;} #main-rassrochka .info .podzag {font-size:16x; margin:0 auto; 1font-weight:bold; margin:10px auto 20px auto;} #main-rassrochka .info .podzag1 {font-size:24px; margin:0 auto; 1font-weight:bold; margin:10px auto 20px auto;} #main-rassrochka .info .wrapper { border:7px #FFFFFF solid; border-radius:60px; padding:20px; text-align:left; position:relative; } #main-rassrochka .info .wrapper:before { content:'0'; font-size:120px; color:#FFFFFF; position:absolute; z-index:+1; left:60px; bottom:50%;} #main-rassrochka .info .wrapper:after { content:'%'; font-size:36px; color:#FFFFFF; position:absolute; z-index:+1; left:120px; bottom:50%;} #main-rassrochka .info .line {padding:20px 20px 20px 180px; line-height:1.5;} #main-rassrochka .info .wrapper .span1 { color:#FFF; font-size:32px; padding: 20px 0; text-align:center;} #main-plots {background-color:#F5F5F5; padding:50px 0 24px 0; width:100%; text-align:center;} #main-plots .plots {text-align:center; margin:10px auto 10px auto; max-width:1170px; } #main-plots .plots .plot {width:720px; box-shadow: 0 0 20px #DDD; display:inline-block; margin:20px 10px 20px 70px; 1overflow:hidden; padding:15px 15px 15px 100px; position:relative; color:#111; background-color:#FFFFFF; text-align:left; } #main-plots .plots .plot .img {box-shadow: 0 0 12px #DDD; position:absolute; top:10px; left:-110px; height:130px; 1border:1px solid #0099FF;} #main-plots .plots .plot .label {position:absolute; right:-40px; top:25px; box-shadow: 0 0 6px #999; color:#FFF; background-color:#FF0000; font-size:16px; padding:5px 15px; border-radius:3px; } #main-plots .plots .plot .name {font-size:20px; } #main-plots .plots .plot .uchastok, #main-plots .plots .plot .square, #main-plots .plots .plot .sotka {font-size:14px; margin:10px 0 10px 20px; } #main-plots .plots .plot .sotka {margin:10px 0 0px 20px; } #main-plots .plots .plot .uchastok{margin:5px 0 20px 20px; } #main-plots .plots .plot .sotka .s1{font-size:20px;} #main-plots .plots .plot .square .s1{font-size:20px;} #main-plots .plots .plot .uchastok .s1{font-size:28px;} #main-plots .plots .plot .infra {font-size:14px; color:#000000; padding:0 10px 0 20px; text-align:left;} #main-plots .plots .plot .infra .punkt {position:relative; margin:0 40px 0 10px; display:inline-block; font-size:14px;} #main-plots .plots .plot .infra .punkt:before { content:''; left:-30px; top:-4px; position:absolute; background-size: 100% auto; width:26px; height:26px; background: url("/img/icon-bulb-mini.svg") no-repeat center center;} #main-plots .plots .plot .infra .water:before { background: url("/img/icon-water.svg");} #main-plots .plots .plot .infra .road:before { background: url("/img/icon-road.svg");} #main-plots .plots .plot. infra .svet:before { background: url("/img/icon-bulb-mini.svg");} #main-plots .plots .plot .infra .gas:before { background: url("/img/icon-gas.svg");} #main-plots .plots .plot .infra .ohrana:before { background: url("/img/icon-ohrana.svg");} #main-plots .plots .plot .infra .poezd:before { background: url("/img/icon-poezd.svg");} #main-plots .plots .plot .price {position:absolute; right:10px; top:50%; margin-top:-20px; font-size:28px; } #main-plots .plots .plot .price .s1 {font-size:18px; } #main-plots .plots .plot .link {position:absolute; right:10px; bottom:15px; font-size:16px; } #main-plots .plots .plot .link a { text-decoration:underline; color:#000000;} #main-plots .plots .plot .link a:hover { text-decoration:none; } #subscription {padding:55px 0; width:100%; text-align:center; font-family:OpenSans; } #subscription {display:flex; display: -webkit-flex; -webkit-justify-content:center; justify-content:center; align-items:center } #subscription .name { color:#009900; font-size:20px; padding:12px 0px;} #subscription .name span { display:inline-block; position:relative;} #subscription .name span:before {content:''; left:-80px; top:-45px; position:absolute; background-size: 100% auto; width:80px; height:80px; background: url("/img/icon-envelop.svg") no-repeat center center;} #subscription input { border:1px solid #009900; height:40px; width:200px; color:#009900; font-size:16px; position:relative; padding:5px; margin:0 10px 0 10px; color:#111; border-radius:0px;} #subscription .button { font-size:16px; background-color:#009900; color:#FFFFFF; 1border-radius:3px; padding:12px 50px; cursor:pointer; margin-left:10px;} #subscription .button {background: linear-gradient(to top, #008800, #009900);} #subscription .button:hover {background-color:#00BB00;} #subscription .button:hover {background: linear-gradient(to top, #00AA00, #00BB00);} #subscription input::-webkit-input-placeholder {color:#009900; opacity:1;} /* webkit */ #subscription input::-moz-placeholder {color:#009900; opacity:1;} /* Firefox 19+ */ #subscription input:-moz-placeholder {color:#009900; opacity:1;} /* Firefox 18- */ #subscription input:-ms-input-placeholder {color:#009900; opacity:1;} /* IE */ #subscription input:focus::-webkit-input-placeholder {opacity:0;}/* webkit */ #subscription input:focus::-moz-placeholder {opacity:0;}/* Firefox 19+ */ #subscription input:focus:-moz-placeholder {opacity:0;}/* Firefox 18- */ #subscription input:focus:-ms-input-placeholder {opacity:0;}/* IE */ #print-proezd { line-height:1.5} #print-proezd .zag { font-size:24px; padding:0; } #print-proezd .podzag { font-size:16px; 1color:#0099FF; padding:0 0 5px 0;} #print-proezd img { border:2px solid #555;} #print-proezd .text { width:652px; margin:15px auto; text-align:left;} #print-proezd .text li { margin:7px 0; position:relative; text-align:left; padding:0 20px 30px 0; } #print-proezd .text li:before { content:'›'; font-family:Arial; position:absolute; font-size:24px; left:-15px; top:-10px; color:#000;} #main-poselki, #main-media, #main-plots, #gen-plan, #poselok-proezd { padding-top:20px;} .max-width { max-width:1170px;} .clear { clear:both;} .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { } .mnt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hide { display:none;} .bold { font-weight:bold} .red, .red a { color:#FF0000;} .orange, .orange a { color:#ff6600;} .gray, .gray a { color:#555;} .bg_gray {background-color:#555;} .white {color:#FFF;} .bg_white {background-color:#FFF;} .green {color:#088000;} .bg_green {background-color:#088000;} .bg_light_gray { background:#ECECEC;} .inline { float:left; display:inline-block;} .flex { display:flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; }