/*@media screen and (min-width:480px) and (max-width:768px) {*/ @media screen and (max-width:1050px) { #banner {height:300px;} #top-menu .menu ul li { font-size:0.85em; } #main-poselki .poselok .infra .punkt:before { left:-1.7em; top:-0.2em; width:1.5em; height:1.5em; } #banner26 {background: url("/img/banner29-3.jpg?rnd=1") no-repeat top center; background-size: 100% auto ; height:300px; text-align:right} #banner26 .wrap { margin-right:220px;} #banner26 .line1 { font-size:30px; 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:14px; font-style:italic; font-weight:bold; color: #FFCC00; background: rgba(0,0,0,0.65); display:inline-block; padding:3px 20px; margin-top:0px;} #banner26 .line2 { font-size:26px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 15px; margin-top:15px;} #banner26 .line3 { font-size:18px; text-decoration:underline; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 15px; margin-top:20px;} #banner26 .label {display:inline-block; color:#FFFFFF; background:#FF0000;} } @media screen and (max-width:812px) { #banner26 {background: url("/img/banner29-3.jpg?rnd=1") no-repeat top center; background-size:auto 100% ; height:300px; text-align:right} #top-menu .menu ul li a { font-size:0.8em; } #banner26 .wrap { margin-right:100px;} } @media screen and (max-width:768px) { body {} #genplan_anons { display:none} .min-width-genplan {min-width:0;} #main-poselki1 .effect {opacity: 1; } #main-poselki1 .effect .mini-zag {top:55px; } #main-poselki1 .effect .wrapper_btn {left:0px;} #main-poselki1 .effect .mini-logo { top:5px;} #poisk {margin:10px auto; padding-top:50px; max-width:400px; width:100%;} #poisk h1 { text-align:center; margin:10px auto 20px auto;} #poisk .forma { width:100%; padding:0 0 0px 0; border-radius:0px;} #poisk .forma .name, #poisk .forma .item {display:inline-block; float:left; width:100%;} #poisk .forma .name { font-size:18px; color:#09F; text-align:left; 1font-weight:bold; padding:0 0px 8px 40px;} #poisk .forma .item { font-size:16px; color:#000; padding:8px 0 8px 15px;} #poisk .forma .item input { margin:-1px 10px 0 0; 1border:1px solid #0066FF; 1border-radius:0px; width:16px; height:16px;} #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 .total { line-height:1.5; font-size:24px; } #top {height:50px; background: linear-gradient(to top, #2DA5FF, #3FC2FF); position:fixed; top:0; left:0; z-index:+100; box-shadow: 0 0 8px #DDD;} #top .mini-menu {display: block; } #top .logo {background: url("/img/minilogo.svg")no-repeat; background-position:2px 2px; background-size:auto 46px; height:100%; width:25%;} #top .slogan, #top .info .schedule, #top .info .address {display:none;} #top .info { width:59.375%; top:0; left:0; overflow:hidden; margin:15px 0 0 0; padding:0; text-align:center; } #top .info .phone, #top .info .phone .span1 {font-size:1em; font-weight:normal; margin:0; padding:0; position:static;} #top .info .phone .span2 {font-size:1.25em; font-weight:normal; margin:0; padding:0; position:static;} #top .info .phone .span1:before { background:none;} #top .info .phone a { color:#FFFFFF;} #top .info .phone a:hover { color:#FFFFFF;} /* скрываем верхнее меню, отменяем обтекание, позиционируем его, сместив на высоту шапки сайта */ #nav { display: block; max-height: 0; float: none; position: fixed; overflow: hidden; top: 50px; right: 0; left: 0; margin: 0; padding: 0; z-index: 7; } /* делаем элементы списка блочными, чтобы они располагались друг под другом */ #top-menu .menu ul li { display: block; background-color:#FFF; padding:10px 0; border-bottom: 1px solid #0099FF; 1margin-right: 0; height:auto; } #top-menu .menu ul li a { font-size:16px; color:#0099FF; 1display:block} #top-menu .menu ul li:hover { background:none; background-color: #DDFFFF;} #top-menu .menu ul a.li:hover, #top-menu .menu ul li:hover a { 1color:#FFFFFF;} #top-menu .menu .proezd:before { display:none;} #banner, #genplan, #bread {display:none;} #poselok .mini-genplan {display:block;} #mini-banner1 { display:block; 1display:none; margin-top:60px; background: url("/img/mini-banner.jpg") no-repeat; background-size: 736px auto; background-position: center top; height:270px /* Положение фона */ } #mini-banner { display:block; max-width:768px; margin:50px auto 0 auto;} #mini-banner img { max-width:100%;} #mini_banner .link { display:none } #mini_banner.shift { margin-top:50px;} #mini_banner { margin-top:0px;} #mini-banner .karantin {background: url("/img/banner29-1.jpg?r=9") no-repeat bottom left; background-size: auto 100%; height:300px; text-align:center; position:relative;} #mini-banner .karantin .wrap { 1margin-right:250px;} #mini-banner .karantin .line1 { font-size:32px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.8); display:inline-block; padding:5px 10px; margin-top:90px;} #mini-banner .karantin .line1_1 { font-size:16px; font-style:italic; font-weight:bold; color: #FFCC00; background: rgba(0,0,0,0.7); display:inline-block; padding:3px 10px; margin-top:35px;} #mini-banner .karantin .line2 { font-size:28px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 20px; margin-top:15px;} #mini-banner .karantin .line3 { font-size:14px; font-weight:bold; text-decoration:underline; color:#000000; background: rgba(255,204,0,0.9); display:inline-block; padding:5px 20px; margin-top:20px;} #mini-banner .karantin .label {display:inline-block; color:#FFFFFF; background:#FF0000; padding:2px 5px; 1margin:40px 10px 0 0; border-radius:5px; border:1px solid #FFFFFF; position:absolute; bottom:25px; right:0px;} #mini-banner .karantin .label { z-index:+5; transform:rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); } #mini-banner .karantin .label .block {display:inline-block; float:left; text-align:left; margin:3px;} #mini-banner .karantin .label .span1 { font-size:36px; font-weight:bold;} #mini-banner .karantin .label .span1 span {font-size:18px} #mini-banner .karantin .label .span2 { font-size:18px; font-weight:bold; margin:0 0 3px;} #mini-banner .karantin .label .span3 { font-size:16px; font-style:italic; font-weight:bold; text-align:right} #wrapper H1, #wrapper H2 { margin:0px auto 10px auto; font-size:1.5em; line-height:1.5; padding:0 5px; 1font-weight:bold; color:#08F; color:#000; position:relative; display:block; padding-top:10px;} #wrapper1 H1 { margin-top:30px; padding-top:10px} #wrapper1 H1:before, #wrapper1 H2:before { content:''; position:absolute; bottom:-5px; width:80%; left:10%; 1border-bottom:1px solid #0099FF;} #wrapper1 H1:after, #wrapper1 H2:after { content:''; position:absolute; bottom:-8px; width:30%; left:10%; border-bottom:1px solid #0099FF; } #wrapper1 H1 {padding-top:40px;} #wrapper H3 { 1display:none; line-height:1.5; font-size:16px;} #skidka .adaptive_hide, #skidka .link { display:none} #skidka .procent {font-size:14px; font-weight:bold} #skidka .skidka {font-size:14px; font-weight:normal;} #skidka .label:before { content:''; left:-22px; top:-3px ; position:absolute; width:18px; height:25px; background: url("/img/icon-label-yellow.svg") no-repeat center center; } #skidka, #call-back, #prosmotr { bottom:0px; left:66.66%; left:50%;font-size:14px; padding:12px 0px 12px 12px; border-radius:0px; width:33.33%; box-shadow:none; } #prosmotr { left:50%; width:50%; } #call-back { left:0px; width:50%; } #skidka { bottom:36px; left:0%; padding:5px 0; border-radius:0px; width:100%; box-shadow:none; border-top:2px #FFFFFF solid;} #rassrochka_0 { bottom:38px; left:0%; padding:10px 0; border-radius:0px; width:100%; box-shadow:none; border-top:2px #FFFFFF solid;} #rassrochka_0 .line1, #rassrochka_0 .line2 { display:inline-block;} #call-back:before, #prosmotr:before { content:''; left:4px; top:5px; position:absolute; width:28px; height:28px; background: url("/img/icon-call-back-phone-white.svg") no-repeat center center; background-size:22px 22px; background-color: none; border-radius:0; box-shadow:none; animation: none !important;} #prosmotr:before { background: url("/img/icon-call-back-dom-white.svg") no-repeat center center; background-size:28px 24px;} #price {padding:0 2% 20px 2%; width:100%; text-align:center; } #price .top { text-align:left; font-size:14px} #price .table { font-size:14px;} #price .table .title { font-size:14px;} #price .table .special {right:0px; top:0px; font-size:14px; } #poselok-proezd {background-color:#FFF; text-align:center; padding:0 0; width:100%;} #poselok-proezd .wrapper {padding:0 10px 10px 10px; margin:0 auto 20px auto; width:100%; } #poselok-proezd .wrapper .left { width:100%; padding:0; margin: auto; line-height:1.5; ; float: none; max-width:550px; } #poselok-proezd .wrapper .text {font-size:16px} #poselok-proezd .wrapper .text ul { padding:0px 10px 10px 10px; text-align:left; margin:0} #poselok-proezd .wrapper .text li { display:block; margin:0 0 40px 0; padding:0; font-size:16px;} #poselok-proezd .wrapper .text li:after { content:''; font-family:Arial; position:absolute; font-size:24px; left:50%; bottom:-30px; color:#0099FF; margin-left:-12px; width:20px; height:20px; border-radius:10px; background-color:#0099FF;} #poselok-proezd .wrapper .text li:last-child:after { display:none; margin:0;} #poselok-proezd .wrapper .text li:before { display:none;} #poselok-proezd .wrapper .gps {font-size:16px; padding:0px 10px 10px 10px; font-weight:bold} #poselok-proezd .wrapper .karta { width:100%; padding:0; margin:auto; float: none; max-width:550px;} #poselok-proezd .wrapper .karta img {max-width:100%;box-shadow:0 0 15px rgba(0,0,0,0.5);} #poselok-proezd .wrapper .karta .printer {text-align:center; height:50px; border-radius:10px; font-size:24px; padding:6px 0 0 40px; cursor:pointer; line-height:1.5; } #poselok-proezd .wrapper .karta .printer { position:absolute; width:280px; left:50%; top:50%; margin-top:-30px; margin-left:-140px; background: rgba(0,0,0,0.4); color:#FFFFFF;} #main-poselki {background-color:#F7F7F7; padding:40px 0 20px 0 ; width:100%;} #main-poselki .poselki {text-align:center; margin:10px auto 10px auto; max-width:812px} #main-poselki .poselok {max-width:550px; width:100%; margin:10px auto;} #main-poselki .poselok .obsl {font-size:0.9em; } #main-poselki .poselok .zag { margin:25px auto 3px auto; font-size:24px; color:#000000; line-height:1; } #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:95%;} #main-poselki .poselok img { width:95%; border-radius:12px;} #main-poselki .poselok .effect { display:none;} #main-poselki .poselok .label { position:absolute; background-color: #FF0000; border-radius:4px; color:#FFFFFF; bottom:5%; right:3%; font-size:0.9em; line-height:1.2; padding:5px 10px; box-shadow: 0 0 10px #555; z-index:+1;} #main-poselki .poselok .label, #main-plots .plots .plot .label { transform:rotate(-15deg); -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); } #main-poselki .poselok .label span {font-size:1.4em; font-weight:bold;} #main-poselki .poselok .infra {font-size:1em; color:#000000; margin:15px auto; padding:0 2% 0 7%;} #main-poselki .poselok .infra .punkt {position:relative; } #main-poselki .poselok .infra .punkt:before { content:''; left:-1.7em; top:-0.2em; position:absolute; background-size: 100% auto; width:1.5em; height:1.5em; background: url("/img/icon-bulb-mini.svg") no-repeat center center;} #main-poselki .poselok .infra .water:before { background: url("/img/icon-water.svg") no-repeat center center;} #main-poselki .poselok .infra .road:before { background: url("/img/icon-road.svg") no-repeat center center;} #main-poselki .poselok .infra .svet:before { background: url("/img/icon-bulb-mini.svg") no-repeat center center;} #main-poselki .poselok .infra .gas:before { background: url("/img/icon-gas.svg") no-repeat center center;} #main-poselki .poselok .infra .ohrana:before { background: url("/img/icon-ohrana.svg") no-repeat center center;} #main-poselki .poselok .infra .poezd:before { background: url("/img/icon-poezd.svg") no-repeat center center;} #main-poselki .poselok .fraza {font-size:16px; font-weight:bold; color:#000000; margin:5px auto; padding:0 2%; line-height:1.5; font-family:OpenSans;} #main-poselki .poselok .links { text-align:center; width:100%; font-size:1em; margin:15px auto 15px auto; padding:0 1%; font-family:OpenSans;} #main-poselki .poselok .links a {color:#0077FF; text-decoration:underline; } #main-poselki .poselok .links a:hover {text-decoration: none;} #main-poselki .poselki_filtr {background-color:#eee; display:inline-block; width:100%; max-width:800px; padding:15px 0; margin:15px auto 0 auto; text-align:center} #main-poselki .poselki_filtr .pos { text-align:left; margin: 15px;} #main-poselki .poselki_filtr div { text-align:left; float:none; display:block; margin:15px 15px; text-align:left;} #main-poselki .poselki_filtr input { margin-top:-3px; width:16px; height:16px;} #main-poselki .poselki_filtr div label { cursor:pointer; font-size:18px; margin:0 10px;} #advantage {padding:20px 0;width:100%;text-align:center;} #advantage .blocks {margin:10px auto; padding:0; max-width:550px; width:95%;} #advantage .block {text-align:center; margin:10px auto; padding:15px 0; width:100%; box-shadow: 0 0 8px #DDD;} #advantage .block .icon {width:100%; height:auto;} #advantage .block .icon img { width:30%; margin:auto;} #advantage .block .zag { color:#0088FF; font-size:1.5em; text-align:center; margin:15px 0 15px 0;} #advantage .block .info { color:#000; font-size:1em; line-height:1.5; padding:0 3%; text-align:left;} #poselok {padding:0px 0 20px 0; width:100%; text-align:center; max-width:550px;} #poselok .bread ul { padding:0px 10px 10px 20px; text-align:left;} #poselok .bread ul li { display:block; margin: 16px 25px 16px 0; font-size:16px;} #poselok .bread.fix {position: static; } #poselok .advantage { line-height:1.5; font-size:16px; text-align:left; color:#000000; margin:0; padding:16px 16px 16px 32px; } #poselok .advantage ul {} #poselok .advantage li { margin:7px 0; } #poselok .advantage li:before { content:'›'; font-family:Arial; position:absolute; font-size:24px; left:-12px; top:-8px; color:#0099FF;} #poselok .infra {font-size:16px; padding:20px 0; margin: auto;} #poselok .infra ul {padding:0 10px 10px 10px; text-align:center; } #poselok .infra ul li {margin:12px 16px 12px 32px;} #main-media {width:100%; padding:0 0 0px 0 ;} #main-media .media {text-align:center; margin: 0px auto 0 auto; max-width:550px;} #main-media .media .block {width:100%; max-width:100%; margin:auto;} #main-media .media .block .img {width:100%; 1height:240px; margin-bottom:-3px;} #main-media .media .name1 {font-size:18px; text-shadow: 1px 1px 2px #000; } #main-media .media .mask {position:absolute; top:25%; width:30%; left:35%; z-index:+1; } #main-rassrochka { width:100%; padding: 0 0 20px 0 ;} #main-rassrochka .bg1 { display:none;} #main-rassrochka .blue {background: linear-gradient(to top, #0088FF, #0099FF);} #main-rassrochka .info {max-width:550px; margin:auto; padding:0px 10px 40px 10px;} #main-rassrochka .info .zag { font-size:1.5em; margin:0px auto 0px auto; 1text-shadow: 0 0 1px #000;} #main-rassrochka .info .zag .span1 {color:#FF0000;} #main-rassrochka .info .zag .span2 {color:#FF0000; font-size:2em;} #main-rassrochka .info .podzag {font-size:1em; margin:0 auto; margin:10px auto 20px auto; line-height:1.5;} #main-rassrochka .info .wrapper { border:5px #FFFFFF solid; border-radius:40px; padding:10px; text-align:left; position:relative; } #main-rassrochka .info .wrapper:after, #main-rassrochka .info .wrapper:before { display:none;} #main-rassrochka .info .line { padding:3%; line-height:1.5;} #main-rassrochka .info .wrapper .span1 { color:#FFF; font-size:1.5em; padding: 20px 0; text-align:center;} #plot {margin:10px auto; padding:0; max-width:550px; width:100%;} #plot .fotos { width:100%; float:left; text-align:center; margin:16px auto ; padding:16px 8px; } #plot .fotos .inner_wrapper { margin:auto auto; max-width:480px; width:100%; text-align:center; box-shadow:0 0 15px #CCC;} #plot .fotos .foto {max-width:100%; width:50%;margin:0px;float:left;overflow:hidden; padding:0px; background-color:#00FFFF; text-align:center;box-shadow:0 0 15px #CCC; max-height:160px;} #plot .fotos .foto img { max-width:100%; 1margin-bottom:-3px;} #plot .fotos .main { max-width:480px; display:block; width:100%; max-height: none;} #plot .fotos .main img { max-width:100%; margin-bottom:-3px;} #plot .info { width:100%; float: none; margin: auto; padding:16px 0 0 0; } #plot .info .top { margin:0 auto;} #plot .info .line {width:100%; margin:10px auto 10px auto;font-size:16px; text-align:left;} #plot .info .line .name { min-width:50%; text-align:right; margin:0 8px 0 0; display:inline-block; } #plot .info .line .span1 { font-size:30px;} #plot .info .line .span2 { font-size:24px;} #plot h1 { text-align:center; width:100%; } #plot .info .infra ul {padding:16px 16px 16px 30%; font-size:16px; color:#000000; } #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");} #main-plots {padding:0 0 10px 0;} #main-plots .plots {margin:0px auto 10px auto; max-width:500px; } #main-plots .plots .plot {width:100%; margin: 10px auto 30px; padding: 15px 0; text-align:center;} #main-plots .plots .plot .img {position: static; display:block; width: auto; 1max-width:270px; margin: 10px auto; height: auto; } #main-plots .plots .plot .label {position:absolute; right:5px; top:-15px; 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:1em; font-weight:bold; line-height:1.5;} #main-plots .plots .plot .square, #main-plots .plots .plot .uchastok, #main-plots .plots .plot .sotka {font-size:1em; margin:15px auto;} #main-plots .plots .plot .uchastok .s2 { display:block; margin:20px auto;} #main-plots .plots .plot .infra {font-size:14px; color:#000000; padding:10px 10px 10px 30px; text-align:center; line-height:2.5; margin:auto;} #main-plots .plots .plot .infra .punkt {position:relative; margin:0 30px 0 10px; display:inline-block; font-size:16px;} #main-plots .plots .plot .infra .punkt:before { content:''; left:-30px; top:8px; 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:static; margin:20px auto; font-size:1.5em; } #main-plots .plots .plot .link {position: static; font-size:1em; margin:20px auto 0 auto; text-align:right; 1width:100%; padding:0 3%; } #subscription {width:100%; max-width:400px;} #subscription {display:block; margin:40px auto; padding:0;} #subscription .name { color:#009900; font-size:1.5em; position:relative; padding:12px 0px;} #subscription .name:before { background:none;} #subscription .name span:before {content:''; left:-55px; top:-20px; position:absolute; background-size: 100% auto; width:50px; height:50px; background: url("/img/icon-envelop.svg") no-repeat center center;} #subscription input {width:90%; margin: 20px auto; display:block;} #subscription .button { font-size:16px; background-color:#009900; color:#FFFFFF; 1border-radius:3px; padding:12px 50px; cursor:pointer; margin-left:10px;} #subscription .button {width:90%; margin: 20px auto 0 auto;} #footer {width:100%; margin: auto; padding:0; height:auto; } #footer .blocks {width:100%; max-width:500px; margin:auto;} #footer .blocks .block {width:100%; text-align:center; margin:1em auto 1em auto; padding:0 3%;} #footer .blocks .first, #footer .blocks .second, #footer .blocks .third {width:100%}; #footer .blocks .minilogo {width:100%} #footer .blocks .minilogo .svg { margin: 16px; auto; } #footer .blocks .minilogo .svg img {width:120px;} #footer .blocks .block .zag { font-size:1.5em; margin:15px 0 8px 0px;} #footer .blocks .block .link {font-size:1em; margin:1em 0 1em 0; position:relative; line-height:1.5;} #footer .blocks .block .link a { color:#FFFFFF; text-decoration: underline;} #footer .blocks .block .link a:hover {text-decoration: none;} #footer .info { height: auto; width:100%; line-height:1.5; font-size:0.6em; text-align:left; padding:5px; } #main-poselki1, #advantage1, #main-media1, #main-rassrochka1, #main-plots1, #subscription1, #footer1 .blocks, #footer1 .info { display:none} #footer { 1height:20px; 1margin:-20px auto auto auto;} #inner_wrapper {width:100%; padding-bottom:20px; } #prosmotr:before, #call-back:before { animation:none;} #prosmotr:before, #call-back:before { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } #main-poselki, #main-media, #main-plots, #gen-plan, #poselok-proezd { padding-top:10px;} } @media screen and (max-width:479px) { #mini-banner .karantin {background: url("/img/banner11-mini.jpg?r=11") no-repeat bottom left; background-size: auto 100%; background-position: bottom 0px left -65px; height:300px; text-align:center} #mini-banner .karantin .line1 { font-size:23px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.8); display:inline-block; padding:5px 10px; margin:60px auto 0 auto;} #mini-banner .karantin .line1_1 { font-size:16px; font-style:italic; font-weight:bold; color: #FFCC00; background: rgba(0,0,0,0.6); display:inline-block; padding:3px 10px; margin-top:30px; } #mini-banner .karantin .line2 { font-size:22px; font-weight:bold; color:#000000; background: rgba(255,204,0,0.8); display:inline-block; padding:5px 10px; margin-top:15px; margin:20px 10px 0 10px; } #mini-banner .karantin .line3 { font-size:16px; text-decoration:underline; color:#000000; background: rgba(255,204,0,0.8); display:inline-block; padding:5px 10px; margin-top:20px; font-weight: normal;} #mini-banner .karantin .label { margin:40px 10px 0; } #mini_banner .adaptive_hide { display:none } #mini-banner1 { display:block; margin-top:60px; background: url("/img/mini-banner.jpg") no-repeat; background-size:auto 175px ; background-position: center top; height:175px /* Положение фона */ } #skidka, #call-back, #prosmotr {font-size:12px; padding:12px 0px; width:50%; bottom:0px; left:0px;} #prosmotr { left:50%;} #call-back:before, #prosmotr:before { display:none;} #skidka {bottom:36px; width:100%; padding:10px 0px;} #skidka .procent { font-size:16px;} #skidka .hide{ display:inline-block} #main-poselki .poisk_btn { margin: 20px auto 0px auto; font-size:20px; } #main-poselki .poisk_btn .btn .span2 { display:none; } #main-poselki .poselok .links {font-size:0.9em;} #main-poselki .poselok .infra {font-size:0.9em; } #main-poselki .poselok .s {display:inline-block;} #main-plots1 .plots .plot .name span { display:block;} #main-poselki .poselok .label {bottom:10%; } #subscription .name {font-size:1em; } #plot .info .infra ul {padding:10px 10px 10px 50px;} #plot .fotos .main, #plot .fotos .foto {max-width:100%; max-height: none; display:block; width:100%; max-height: none;} #plot .fotos .foto img, #plot .fotos .main img {max-width:100%;width:100%; max-height: none; margin-bottom:-3px;} }