/* HTML5-specific CSS setup */
html, body {margin:0; padding:0; width:100%; height:100%}
body {overflow-x:hidden; position:relative; height:auto !important; min-width:1200px; min-height:100%; height:100%; font-family:a_citynovaltregular, arial; font-size:16px; color:#4D4D4D; background:#fff}
a {color:#AC3A2B} a:hover {text-decoration:none} img {margin:0; padding:0; border:0; /*max-width:100%;*/ height:auto !important; width:auto}
a.l100 {display:block; width:100%; height:100%}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
input,textarea {outline:none; border-radius:0; margin:0; box-shadow:0}
@font-face {font-family:'a_citynovaltregular'; src:url('fonts/CITYNL-w.eot'); src:url('fonts/CITYNL-w.eot?#iefix') format('embedded-opentype'), url('fonts/CITYNL-w.woff2') format('woff2'), url('fonts/CITYNL-w.woff') format('woff'), url('fonts/CITYNL-w.ttf') format('truetype'), url('fonts/CITYNL-w.svg#a_citynovaltregular') format('svg'); font-weight:normal; font-style:normal}

/*==Основные общие стили==============================*/

header {display:block; position:relative; z-index:20; width:100%; min-height:220px; margin:0 auto; background:url(img/fon1.png) no-repeat center 100%}
.header-shd {display:block; background:url(img/bgr1.png) no-repeat center 0 #EDD9A9}
.h-dv {display:block; position:absolute; z-index:30; left:50%; top:0}
.logo {margin:128px 0 0 -500px}
.nav {margin:30px 0 0 -500px}
.a1st {display:inline-block; margin:0 40px 0 0; line-height:22px; color:#AC3A2B; text-transform:uppercase; font-size:1.15em; font-family:a_citynovaltregular}
.nav {padding:0}
.nav .home {display:inline-block; text-decoration:none; margin:0 44px 0 0}
.nav .home:hover {background-position:0 0}
.nav a.selecta {text-decoration:none; color:#DB2726}
.action-block {width:160px; margin:0 0 0 340px; text-align:center}
.act-cont {display:block; background:#B82020}
.act-cont a {display:inline-block; color:#fff; margin:12px 0 20px}
.act-a {display:block; width:160px; height:65px; text-transform:uppercase; font-size:1.1em; line-height:56px; color:#fff; background:url(img/actblocklink.png) no-repeat}
.phone {margin:74px 0 0 120px; color:#000; font-size:1.2em; line-height:30px; padding:0 34px 0 0; background:url(img/phone1.png) no-repeat 100% center}

.content {max-width:1000px; margin:0 auto}
.c-p {display:table; width:100%; padding:24px 0 0}
.cont-l {display:table-cell; position:relative; vertical-align:top; width:300px}
.cont-r {display:table-cell; vertical-align:top}
.st-cont {display:block; max-width:1000px; margin:0 auto; z-index:20; position:relative}
.st-cont h1 {color:#000; text-transform:uppercase; font-size:3em; font-weight:normal; margin:40px 0 20px}
.st-cont .txt {display:inline-block; width:740px; font-family:arial; font-size:.875em}
.st-cont .detlink {display:block; width:180px; height:52px; margin:24px 0 0; padding:0 0 0 80px; text-transform:uppercase; text-decoration:none; line-height:52px; color:#EDD9A9; background:url(img/podrobnee2.png) no-repeat}
.st-cont .detlink:hover {background-position:0 -52px}
.block24 {display:block; width:160px; position:absolute; color:#fff; text-align:center; padding:25px 0 0; right:0; bottom:-54px; background:url(img/24blocklink.png) no-repeat}
.bl24bg {background:#ECA10F; padding:0 0 48px}
.bl24bg .splitt {display:block; margin:0 auto 6px; height:2px; width:120px; background:#F3C263}
.bl24bg span {font-size:2.5em} .bl24bg font {font-size:1.3em}
.header-line {}
.header-line .short-h1 {font-size:3em; margin:0; padding:6px 0 0; font-weight:normal; color:#000; text-transform:uppercase}

.st-slider {display:block}

.st-1st-row {text-align:center; position:relative; z-index:44; margin:16px 0 0; padding:34px 0 0; background:url(img/fon8.png) repeat-x center 1px}
.s1r-cl {padding:0 0 80px 0; background:#EDD9A9}
.s1r-bg {display:block; max-width:1200px; margin:0 auto}
.s1r-cont-bg {display:inline-block; width:414px; height:342px; margin:118px 0 0; background:url(img/proizbg.png)}
.s1r-cont {display:inline-block; width:678px; text-align:right; margin:0 0 0 16px; padding:0 60px 0 0; vertical-align:top}
.s1r-cont .header {display:block; text-align:right; text-transform:uppercase; padding:0 20px 48px 0; font-size:2.3em; color:#000}
.proiz-item {display:inline-block; width:180px; text-decoration:none; cursor:pointer; margin:0 0 32px; text-transform:uppercase; text-align:center; vertical-align:top}
.proiz-item .img-frame {display:block; width:128px; margin:0 auto; height:148px; background:no-repeat center; background-size:100%}
.proiz-item .img-frame div {width:100%; height:100%; /*background:url(img/proizvodstvo_foto.png) no-repeat center*/}
.proiz-item .name {display:block; height:35px; line-height:36px; width:146px; font-size:.85em; color:#fff; margin:0 auto; background:url(img/proizvodstvo3.png) no-repeat}
.proiz-item:hover .name {background-position:0 -35px}

.menu-l {}
.a2nd {display:table; width:266px; height:60px}
.a2nd a {display:table-cell; padding:0 0 0 72px; text-transform:uppercase; vertical-align:middle; background:no-repeat 16px -60px}
.a2nd:hover, .menu-l span.selecta {background:url(img/3_menush.png)}
.a2nd062 a {background-image:url(img/mico_novosti.png)} .a2nd063 a {background-image:url(img/mico_akcii.png)}
.a2nd065 a {background-image:url(img/mico_istoriya.png)} .a2nd066 a {background-image:url(img/mico_vakansii.png)}
.a2nd067 a {background-image:url(img/mico_komanda.png)} .a2nd078 a {background-image:url(img/mico_kafe.png)}
.a2nd079 a {background-image:url(img/mico_detskaia_komnata.png)} .a2nd080 a {background-image:url(img/mico_klub.png)} 
.a2nd:hover a, .menu-l span.selecta a {text-decoration:none; color:#DB2726; background-position:16px 0}
.c-act .a2nd {float:left; margin:0 16px 0 0}

.st-2nd-row {text-align:center; position:relative; z-index:47; padding:160px 0 0; margin:-160px 0 0; background:url(img/fon3.png) no-repeat center 0}
.s2r-cl {padding:0 0 74px; background:url(img/fon5_2.png) no-repeat center 100% #ECA10F}
.s2r-bg {display:block; max-width:1200px; margin:0 auto}               
.news-st-block {display:inline-block; width:366px; vertical-align:top; text-align:left}
.news-st-block .header {color:#000; font-size:2.3em; text-transform:uppercase}
.news-det-link {display:block; width:180px; height:52px; line-height:52px; margin:24px 0 0; padding:0 0 0 80px; text-transform:uppercase; text-decoration:none; color:#edd9a9; background:url(img/podrobnee2.png) no-repeat}
.news-det-link:hover {background-position:0 -52px}
.news-item {display:block; padding:32px 0 8px}
.news-item .date {display:block; color:#fff; margin:0 0 8px; line-height:33px; background:url(img/date-fr.png) no-repeat 0 center}
.news-item .date font {display:inline-block; padding:0 8px 0 10px}
.day-act {display:inline-block; width:604px; height:484px; vertical-align:top; background:url(img/day-act.png) no-repeat center}
.day-act .header {display:block; text-align:center; color:#000; padding:56px 0 0; text-transform:uppercase; font-size:2.5em}
.day-act .img-frame {height:244px}
.link-row {display:block; padding:8px 0 0}
.link-row a {display:inline-block; width:140px; vertical-align:top}
.link-row span.price {display:inline-block; padding:0 0 0 16px; font-size:2.4em; color:#DB2726}

.st-news {padding:40px 0; margin:0}
.st-news .header {display:block; margin:0 auto; width:980px; text-align:right; font-size:2.35em; padding:0 0 32px; text-transform:uppercase; color:#000}
.st-news .img-frame span {display:block; max-width:136px; margin:0 auto}
.st-news .img-frame font {display:table; width:100%; text-align:center; vertical-align:middle; height:160px}
.st-news .img-frame font ins {display:table-cell; vertical-align:middle}
.st-splitt {display:block; width:983px; height:59px; margin:0 auto; background:url(img/razdelitel.png)}
.st-part {padding:40px 0}
.st-part .header {display:block; margin:-32px auto 0; width:980px; font-size:2.35em; padding:0 0 32px; text-transform:uppercase; color:#000}
.news-p-list {display:block; max-width:1000px; margin:18px auto 0}
.news-item-p {display:inline-block; vertical-align:top; width:48%; margin:12px 0.5% 24px}
.nip {display:table; width:100%}
.nip-imgframe {display:table-cell; width:174px; height:128px; vertical-align:top; background:no-repeat; background-size:100% auto}
.nip-imgframe span {display:block; width:100%; height:100%; background:url(img/ramka2.png)}
.nip-info {display:table-cell; vertical-align:top; padding:0 0 0 16px}
.nip-info .date {display:block; width:117px; height:25px; line-height:25px; padding:0 0 0 8px; color:#fff; text-transform:uppercase; font-size:1.2em; background:url(img/data.png)}
.nip-info .name {display:block; margin:4px 0 0; font-size:1.1em}
.date-p {color:#999; font-style:italic}

.team-item {display:inline-block; vertical-align:top; width:210px; margin:34px 24px 16px 0}
.team-item .img-frame {height:258px; background:no-repeat center; background-size:100% auto}
.team-item .img-frame span {display:block; width:100%; height:100%; background:url(img/ramka3.png)}
.team-item .name {display:block; text-align:center; margin:16px 0 12px; font-size:1.1em; color:#DE3837; text-transform:uppercase}
.team-item .dolz {display:block; color:#000; text-align:center; font-size:1.1em}
.team-item .anons {display:block; margin:12px 0 0; font-size:.875em}
.nomrg-3 {margin:34px 0 16px}

.history-bg {display:block; width:1000px; margin:24px auto 0; min-height:742px; background:url(img/obelisk.png) no-repeat 0 0}
.hist-item {display:block; height:134px; padding:24px 0 0}
.hist-item .date {display:inline-block; width:262px; padding:0 0 0 34px; font-weight:bold; font-size:2em; color:#000; vertical-align:middle; background:url(img/str.png) no-repeat 204px center}
.hist-cont {display:inline-block; width:412px; padding:0 102px 0 0; vertical-align:middle}
.hist-item .img-frame {display:inline-block; width:176px; height:130px; vertical-align:middle; background:no-repeat center; background-size:100% auto}

.about-shops {display:block; position:relative; width:100%; height:620px; margin:58px 0 0; background:#ECA10F}
.absh1 {display:block; width:100%; height:100%; background:url(img/fon4_2.png) repeat-x center -1px}
.absh2 {display:block; width:100%; height:426px; padding:180px 0 0; overflow-y:hidden /*background:url(img/fon5_2.png) repeat-x center 100%*/}
.about-shops .header {display:block; position:absolute; width:218px; font-size:3.2em; color:#000; text-transform:uppercase; text-align:center; padding:148px 0 0; left:50%; top:0; margin:-46px 0 0 -114px; background:url(img/skarabey.png) no-repeat center 0}
.about-item {display:block; width:258px; margin:0 auto}
.about-item .img-frame {display:block; width:258px; height:210px; background:no-repeat center; background-size:contain}
.about-item .img-frame a {display:block; width:100%; height:100%; background:url(img/ramka.png)}
.about-item .name {display:block; color:#fff; padding:8px 0 0; text-transform:uppercase; text-align:center; font-size:1.4em}

.cont-td {width:100%; padding:50px 0}
.cont-td th {font-size:2.2em; text-align:left; color:#000; padding:0 0 24px; text-transform:uppercase; font-weight:normal}
.cont-td-td {width:294px; vertical-align:middle}
.cont-td-phone {height:64px; background:url(img/tel.png) no-repeat 0 center}
.cont-td-mail {height:64px; background:url(img/@.png) no-repeat 0 center}
td.cont-td-mid {width:370px; padding:0 100px; background-position:100px center}
th.cont-td-mid {width:370px; padding:0 100px 24px}
.cont-td span {padding:0 0 0 60px}
.mapcanv-bg {display:block; position:relative; width:100%; height:670px}
#map_canvas {display:block; width:100%; height:670px}
.cont-form {display:inline-block; vertical-align:top; width:436px}
.cont-form .p-inp {margin:0 0 18px}
.cont-form .p-text {width:428px}
.cont-form #mc-canvas {display:block; margin:0 auto}
.cont-form .p-but {float:none; margin:16px auto}
.scheme {display:inline-block; width:580px; height:580px; vertical-align:top; background:url(img/shema_proezda.png) no-repeat 100% 100%}
.cont-row-2 {display:block; width:1024px; margin:0 auto}

.left-p-img {display:block; width:243px; height:525px; background:url(img/3.png)}
.left-p-img1 {display:block; width:412px; height:340px; margin:28px auto 0; position:absolute; right:26px; background:url(img/1.png)}
.left-p-img2 {display:block; width:196px; height:577px; margin:28px auto 0; background:url(img/2.png)}
.left-p-img4 {display:block; width:290px; height:298px; margin:28px auto 0; background:url(img/4.png)}
.left-p-img79 {display:block; width:314px; height:315px; text-align:center; color:#000; margin:28px auto 0; background:url(img/rejim_rab.png)}
.left-p-img79 span {display:block; padding:44px 0 0; text-transform:uppercase; font-size:1.3em}
.left-p-img79 font {display:block; padding:94px 0 0; font-size:1.2em}
.part-link {display:block; float:right; width:260px; height:52px; text-transform:uppercase; text-align:center; line-height:52px; color:#fff; background:url(img/knopka.png)}
.part-link:hover {background-position:0 -52px}
.part-block {display:block; text-align:center; padding:56px 0; max-width:1000px; margin:0 auto}
.part-block span {display:inline-block; vertical-align:top; text-transform:uppercase; padding:76px 0 0; font-size:1.6em; width:260px; height:187px; color:#AC3A2B; background:url(img/podlojka.png)}
.part-block font {font-size:2em; text-transform:lowercase}
.part-block font sup {font-size:21px}
.part-block span.no-mrg {margin:0 72px; padding:56px 0 20px}
.part-form {display:block; margin:0 auto; max-width:1000px}
.part-f-header {display:block; text-align:center; color:#000; padding:12px 0 24px; text-align:center; font-size:2.5em; text-transform:uppercase}
.part-f-div {display:inline-block; vertical-align:top; width:48%; margin:0 .5%}
.p-inp {display:block; width:426px; height:44px; color:#814925; line-height:44px; font-family:a_citynovaltregular; font-size:1.2em; margin:0 0 40px; padding:0 12px; border:0; border:1px solid #EDD9A9; background:#EDD9A9}
.p-text {display:block; resize:none; width:444px; height:80px; padding:8px 12px; border:0; background:#EDD9A9; font-family:a_citynovaltregular; color:#814925; font-size:1.2em}
.p-but {display:block; float:right; width:260px; height:52px; line-height:52px; color:#fff; font-family:a_citynovaltregular; cursor:pointer; text-transform:uppercase; border:0; text-align:center; font-size:1.2em; background:url(img/knopka.png)}
.p-but:hover {background-position:0 -52px}
.p-but:disabled {background-position:0 -52px; cursor:default; color:#666}

.shopm-header {display:inline-block; margin:0; font-size:3em; padding:0 16px 0 0; text-transform:uppercase; font-weight:normal}
.shopm-header h1 {margin:0; padding:0; font-size:inherit}
.stage-list {}
.shops-td-block {display:table; width:100%}
.shop-list-td {display:table-cell; vertical-align:top; width:300px}
.shop-list-menu {padding:8px 0 0}
.sbm-list-bl {display:none}
.shop-list-menu div.selecta {display:block}
.s1rd {display:block}
.a1rd {display:table; cursor:pointer; width:100%; text-decoration:underline; font-size:1.2em; text-transform:uppercase; color:#AC3A2B; background:url(img/3_shop_ic.png) no-repeat 0 center}
.a1rd span {display:table-cell; height:32px; padding:2px 6px 2px 32px; vertical-align:middle}
.a1rd:hover {text-decoration:none; color:#DC2B2A; background-image:url(img/3_shop_ich.png)}
.shop-list-menu .submenu {display:block; width:100%; padding:0 0 4px; background:#ccc}
.a2rd {display:block; position:relative; padding:4px 24px 4px 10px}
.a2rd font {display:block; position:absolute; right:4px; bottom:3px}
.shop-map-td {display:table-cell; padding:0 0 0 36px}
.shop-map-sh {display:block; position:relative; /*margin:0 auto;*/ /*width:698px; height:1247px;*/width:640px; height:544px; background:no-repeat 0 0} 
.shop-map {display:none; position:relative; z-index:5; margin:0 auto; width:640px; height:544px; background:no-repeat 0 0; /*height:1694px /*background:url(img/plan1a.png)*/}
.shop-map-over {position:absolute; z-index:0;}
.shop-map-sh div.selecta {display:block}
.shop-mapp2 {min-height:100%}
.add-shops-but, .add-map-but {display:inline-block; color:#fff; font-family:universe_c; cursor:pointer; margin:0 24px 16px 0; padding:0 16px; background:#C41E3A} 
.add-shops-rdy, .add-map-rdy {display:inline-block; color:#fff; font-family:universe_c; cursor:pointer; margin:0 24px 16px 0; padding:0 16px; background:#C41E3A}
.add-shops-hide {display:none}
.draw-canvas {display:none; top:0; margin:86px 0 0 0; position:absolute; z-index:10}
.draw-options {display:none; height:86px; position:relative}
.draw-options textarea {display:block; width:1247px; height:16px; margin:0; padding:6px; border:1px solid #666; resize:none}
.draw-options .btn {display:block; float:left; color:#fff; font-family:universe_c; cursor:pointer; border:0; margin:16px 24px 0 0; padding:0 16px; background:#C41E3A}
.draw-unhide {display:block}
.shm-area {display:none; position:absolute; z-index:5; cursor:pointer; width:50px; height:50px; left:0; top:0; background:#34223f}
.shm-area span {display:table-cell; width:50px; height:50px; vertical-align:middle; background-size:contain; background-repeat:no-repeat; background-position:center}
.shm-advice {display:none; position:absolute; left:50%; bottom:50%; font-family:universe_c; margin:0 0 6px 0; padding:8px; min-width:60px; max-width:200px; border-radius:8px; background:url(img/tilew.png)}
.shm-area:hover .shm-advice {display:block}
.timeline {display:block; width:640px; height:320px; overflow:hidden}
.shop-info {display:block; width:auto; height:720px; padding:12px}
.shop-info h3 {display:block; font-size:1.6em; margin:.5em 0; font-family:universe_c}
.stage-list {display:block; margin:0 0 16px; padding:4px 0 12px}
.a-stage {display:inline-block; color:#fff; font-size:1.7em; margin:0 12px 0 0; padding:0 8px; height:39px; line-height:42px; cursor:pointer; background:#DB2726}
.a-stage:hover, .stage-list a.selecta {background:#EDD9A9} .stage-list a.selecta {cursor:default}
.area-hov {cursor:pointer}
.shm-area {width:200px; height:200px; overflow:hidden;
  shape-outside: polygon(100px 150px, 150px 150px, 150px 165px, 100px 165px, 100px 200px);
} 
.poly-area {display:block; width:100px; height:100px; border:1px solid red; background:red;}
.poly-map {display:block; width:300px; height:300px; background:green}
.scroll-pane img {max-width:540px; margin:0 auto}

.shop-list-item {display:inline-block; max-width:200px; vertical-align:top; text-align:center; margin:0 24px 24px}
.shop-list-item div {display:block; width:212px; height:120px; line-height:120px; margin:0 0 16px; padding:8px; border:1px solid #888}
.shop-list-item img {display:inline-block; max-width:200px; height:auto; vertical-align:middle}

.modal-form {padding:24px 0 0}
.m-inp {display:block; margin:0 auto; width:180px}
.b-save {display:inline-block; padding:2px 6px; cursor:pointer; margin:0 24px 0 0; border:0; color:#fff; background:#c41e3a}
.b-dele {display:inline-block; padding:2px 6px; cursor:pointer; margin:0 0 0 24px; border:0; color:#fff; background:#c41e3a}
.but-frame {display:block; padding:16px 0 0; text-align:center}

.modal-w {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:url(/img/tile-bg.png)}
.modal-unhide, .modal-w-unhide {display:block}
.modal-bg-sh {display:block; width:100%; top:0; height:100%; position:absolute; z-index:1; background:#000; opacity:.5}
.modal-w-frame {display:table; width:100%; height:100%; overflow:scroll;}
.modal-w-frame-td {display:table-cell; vertical-align:middle}
.modal-w-cont {display:block; position:relative; z-index:5; min-width:314px; max-height:340px; max-width:720px; margin:0 auto; min-height:100px; background:#fff; background:url(img/3_tile.png)}
.modal-w-close {display:block; position:absolute; right:-22px; top:-22px; text-indent:-999em; cursor:pointer; width:42px; height:42px; background:url(img/3_close.png)}
.modal-loader {display:block; position:fixed; width:218px; height:149px; top:50%; left:50%; margin:-75px 0 0 -114px}
.shop-img-left {display:inline-block; vertical-align:top; text-align:center width:226px}
.shop-img-left img {max-width:226px; max-height:318px; margin:0 auto}
.shop-info-h-bg {display:inline-block; vertical-align:top; width:458px}
.shop-info-l-bg {}
.shop-info-header {display:block; line-height:52px; height:52px; margin:0 0 16px; padding:0 0 0 8px; text-transform:uppercase; color:#fff; font-size:1.2em; background:url(img/3_shopframe.png) no-repeat 100% 0}
.si-txt {color:#000}

.notfounded {position:absolute; width:100%; min-width:1000px; text-align:center; vertical-align:middle; height:100%}

footer {display:block; position:absolute; z-index:10; left:0; color:#fff; text-align:center; margin:0; bottom:0; height:224px; padding:10px 0 0; width:100%; background:url(img/fon19.png) no-repeat center 100%} 
.foot-fantom {display:block; width:100%; height:240px}
.f-dv {display:block; position:absolute; z-index:20; left:50%; bottom:0}
.adress-block {margin:0 0 32px -500px; color:#fff; font-size:1.2em; text-align:left}
.copyright {margin:0 0 40px -100px; font-family:arial; font-size:.875em; color:#fff}
.counter {width:24px; height:24px; margin:0 0 40px 128px; background:url(img/counter.png) no-repeat center}
.search-block {margin:0 0 34px 200px}
.s-inp {display:inline-block; width:252px; vertical-align:middle; height:36px; line-height:36px; border:0; padding:0 8px; background:#fff}
.s-but {display:inline-block; width:44px; vertical-align:middle; height:36px; cursor:pointer; border:0; background:url(img/search.png) no-repeat center}
.insylogo {padding:16px 0 0; font-size:.75em; margin:0 0 34px 400px; color:#fff; font-family:arial; background:url(img/insy2.png) no-repeat center 0}
.how-find {font-size:1.2em; margin:0 0 160px 260px}
.social-block { margin:0 0 96px -500px} 
.social-block a {display:inline-block; width:30px; height:30px; margin:0 26px 0 0; background:0 -30px}
a.tw32 {background-image:url(img/ico_tw32.png)} a.vk32 {background-image:url(img/ico_vk32.png)}
a.sk32 {background-image:url(img/ico_sk32.png)} a.fb32 {background-image:url(img/ico_fb32.png)}
.social-block a:hover {background-position:0 0}

/*==Адаптивные стили==================================*/

@media all and (min-width: 0px) {
}                                    

@media all and (min-width: 480px) {
}

@media all and (min-width: 640px) {
}

@media all and (min-width: 800px) {
}

@media all and (min-width: 1024px) {
}

@media all and (min-width: 1320px) {
}

@media all and (min-width: 1440px) {
}

@media all and (min-width: 1680px) {
}

@media all and (min-width: 1920px) {
}