/*#hd{background-color:green; opacity:0.5;} #yui-main {background-color:yellow;} #ft{background-color:blue;}*/ @font-face { font-family:'CirceExtraBold'; src: url('../fonts/CirceExtraBold.eot'); src: local(' '), url('../fonts/CirceExtraBold.woff') format('woff'), url('../fonts/CirceExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family:'Circe'; src: url('../fonts/CirceRegular.eot'); src: local(' '), url('../fonts/CirceRegular.woff') format('woff'), url('../fonts/CirceRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family:'Circe'; src: url('../fonts/CirceBold.eot'); src: local(' '), url('../fonts/CirceBold.woff') format('woff'), url('../fonts/CirceBold.ttf') format('truetype'); font-weight: normal; font-style: bold; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;} a {color:#36342f; text-decoration:none;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} strong {font-weight:bold;} em {font-style:italic;} ul li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h6{font-size:100%;font-weight:normal;} h1 { font:24px/30px 'CirceExtraBold'; text-transform:uppercase; margin-bottom:30px;} h5 { font-size:13px; text-transform:uppercase; margin-bottom:23px;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; outline:none; resize:none;} textarea { padding:5px 0 5px 10px; background:#e8e4db; border:1px solid #cfcbc0; color:#68645b;} input[type=text], input[type=password] { height:37px; line-height:37px; padding:0 10px; background:#e8e4db; border:1px solid #cfcbc0; color:#68645b;} input[type=button], input[type=submit] { height:39px; line-height:37px; padding:0 11px; background:#36342f; border:none; color:#fff; font-weight:700; text-transform:uppercase; cursor:pointer;} legend{color:#000;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} html{ height:100%; min-height:860px; min-width:1280px; color:#262626; background:#FFF; overflow-y:scroll;} body{ min-height:100%; height:100%; text-align:left; font:13px/20px 'PT Sans Caption', sans-serif;} #bd{ min-height:100%; position:relative; margin:0 auto; text-align:left; zoom:1; z-index:2; background:url(../img/bg/2_about.jpg) center no-repeat; background-size:cover;} #bd:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} #bd .empty{height:100px; clear:both;} #hd { height:83px; padding-top:97px; text-align:center; position:relative; z-index:3;} #hd .logo { position:relative;} #hd .logo:after { content:'класса в+'; position:absolute; left:0; bottom:-23px; width:100%; height:20px; font:11px/1 'PT Sans Caption', sans-serif; letter-spacing:0.3em; text-transform:uppercase; text-align:center;} #hd.small { height:135px; padding:0;} #hd.small .logo { position:absolute; left:50px; top:43px; width:195px; height:49px; line-height:49px; background:#fff; text-align:center;} #hd.small .logo:after { display:none;} #hd.small .logo img { width:153px; vertical-align:middle;} /*#hd .menu_open { position:absolute; right:50px; top:43px; background:url(../img/icon_menu.svg) center no-repeat #bf3c24; width:49px; height:49px;}*/ #hd .menu_open::before, #hd .menu_open::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #hd .menu_open { position:absolute; right:50px; top:43px; width: 49px; height: 49px; background:url(../img/icon_menu.svg) center no-repeat #bf3c24; color: #bf3c24; } #hd .menu_open::before, #hd .menu_open::after { content: ''; z-index: -1; margin: -10%; box-shadow: inset 0 0 0 2px; animation: clipMe 8s linear infinite; } #hd .menu_open::before { animation-delay: -4s;} @keyframes clipMe { 0%, 100% { clip: rect(0px, 59.29px, 0.49px, 0px); } 25% { clip: rect(0px, 0.49px, 59.29px, 0px); } 50% { clip: rect(53.41px, 59.29px, 59.29px, 0px); } 75% { clip: rect(0px, 59.29px, 59.29px, 53.41px); } } #hd .name_page { position:absolute; right:108px; top:43px; height:49px; padding:0 17px; background:url(../img/bg_op_white_62.png); font-size:11px; line-height:49px; letter-spacing:0.3em; text-transform:uppercase; color:#bf3c24;} #hd .name_page:after { content:''; position:absolute; right:-9px; top:19px; width:9px; height:11px; background:url(../img/bg_coner_menu.svg) left top no-repeat;} #hd .my_way { position:absolute; left:121px; top:43px; width:183px; height:49px; line-height:49px; font-weight:bold; text-transform:uppercase; text-align:center; background:#fff; display:none;} #hd .my_way span { display:inline-block; line-height:1.1; border-bottom:1px dotted #36342f;} #ft { position:fixed; left:0; bottom:0; width:100%; height:100px; min-width:1280px; margin:-100px auto 0; background:#bf3c24; font:24px/1 'CirceExtraBold'; letter-spacing:0.04em; color:#fff; z-index:2;} #ft:before { content:''; position:absolute; left:0; top:0; width:50%; height:100px; background:#36342f;} #ft:after { content:''; position:absolute; left:0; top:-6px; width:100%; height:6px; background:#36342f; opacity:0.21;} #ft .wrap { width:1180px; padding:0; height:72px; padding-top:28px; position:relative; z-index:1;} #ft .download { position:absolute; left: calc(50% - 191px); top:30px; width:161px; height:39px; font:13px/39px 'PT Sans Caption'; letter-spacing:normal; text-align:center; color:#fff; border:1px solid #fff; border-radius:2px;} #ft .download span { display:inline-block; line-height:1.1; border-bottom:1px dotted #fff;} #ft .small { display:block; font:11px/1 'PT Sans Caption'; text-transform:uppercase; letter-spacing:0.3em; margin-bottom:11px;} #ft .phone { position:absolute; left:642px; top:28px;} #ft .info {} #ft .info li { float:left; padding:0 28px; border-left:1px solid #4f4d49; text-transform:uppercase;} #ft .info li:first-child { padding-left:0; border:none;} .clear {height:0px;font-size:0;clear:both;visibility:hidden;}/*//z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('beforeEnd', '
'));*/ .bold { font-weight:700;} .wrap { width:1180px; padding:45px 50px 0; margin-left:auto; margin-right:auto;} #yui-main { position:absolute; left:0; top:0; width:100%; height:calc(100% - 100px); z-index:2;} #bg { position:absolute; left:0; top:0; width:100%; height:100%; min-width:1280px; min-height:800px; background-color:#ece9e0; background-position:center; background-repeat:no-repeat;/* background-size:cover;*/ z-index:1;} #bg.off { background-image:url(../img/bg/6_off_bgr.jpg); background-position: top center;} #bg.off_main { background-image:url(../img/bg/6_off_bgr_ch.jpg); background-size:cover;background-position: center bottom;} #bg.contacts { background-image:url(../img/bg/8_contacts.jpg);} .menu_box { position:fixed; right:-380px; top:0; height:calc(100% - 200px); width:230px; min-height:444px; padding:123px 65px 77px 63px; background:#efe9d9; z-index:100; display:block; -webkit-transition-property: right; -webkit-transition-duration: 0.3s; transition: right 0.3s ease-out;} .menu_box:before { content:''; position:absolute; left:-10000%; top:0; width:10000%; height:0%; background:#3c3729; opacity:0; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;} .menu_box.open { right: 0px; -webkit-transition: right 0.5s ease-out; transition: right 0.5s ease-out; } .menu_box.open:before { height:100%;opacity: 0.67; transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .menu_box:after { content:''; position:absolute; left:-20px; top:145px; width:20px; height:calc(100% - 145px); background:#36342f;} .menu_box ul { padding-top:1px; background:url(../img/bg_line.gif) left top repeat-x; position:relative;} .menu_box ul:before { content:''; position:absolute; left:-83px; top:1px; width:20px; height:21px; background:url(../img/bg_coner_menu.png) left top no-repeat;} .menu_box li { height:50px; line-height:50px; font-weight:700; text-transform:uppercase; background:url(../img/bg_line.gif) left bottom repeat-x;} .menu_box .copy { position:absolute; left:65px; bottom:27px;} .menu_box .made_in { position:absolute; left:270px; bottom:31px; width:27px; height:17px;} .menu_box .made_in img { position:absolute;} .menu_box .close { position:absolute; right:60px; top:59px; width:25px; height:17px; background:url(../img/icon_index_menu_close.svg) left top no-repeat;} .note_main { position:absolute; right:60px; top:50%; width:150px; height:63px; margin-top:-58px; padding-top:53px; background:url(../img/icon_index_map_point.svg) right top no-repeat; text-align:right; font-family:'CirceExtraBold'; font-size:11px; text-transform:uppercase; letter-spacing:0.3em; z-index:3;} .choice_office_main { position:absolute; left:50%; top:70px; margin-left:-506px; width:1012px; height:calc(100% - 250px); z-index:4; background:url(../img/text_side.png) 373px bottom no-repeat;} .choice_office_main.offices{ margin-left: -39%; width: 78%; background: url(/pp2/img/text_side.png) 39.75% bottom no-repeat; /* background-size: 5%; */ } .choice_office_main.retail{ margin-left: -39%; width: 78%; background: url(/pp2/img/text_side.png) 39.75% bottom no-repeat; /* background-size: 5%; */ } .choice_office_main .note_box { position:absolute; left:39.90%; top:-20px; width:590px; margin-left:-196px; text-align:center;} .choice_office_main .note { display:inline-block; margin-right:16px; font-weight:bold; text-transform:uppercase; position:relative;} .choice_office_main .note:after { content:''; position:absolute; left:171px; top:35px; background:url(../img/icon_off_arrow_down.svg) left center no-repeat; width:7px; height:30px;} .choice_office_main .button_param { display:inline-block; margin-left:16px; font-weight:bold; text-transform:uppercase; color:#bf3c24; border-bottom:1px dotted #bf3c24; line-height:1.1; position:relative;} .choice_office_main .button_param:after { content:''; position:absolute; right:-26px; top:2px; background:url(../img/icon_off_param.svg) left center no-repeat; width:19px; height:11px;} .choice_office_main .left_side { position:absolute; left:0; bottom:0px; z-index:1;} .choice_office_main .right_side { position:absolute; left:0px; bottom:0px;} /* .choice_office { position:absolute; left:50%; bottom:90px; margin-left:-590px; width:1180px; height:calc(100% - 280px); z-index:4;} */ .choice_office { position:absolute; left:50px; bottom:90px; width:calc(100% - 100px);height:calc(100% - 230px); z-index:4;} .choice_office:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} .choice_office .about_choice {right: 0px;position: absolute; width:325px;} /* .choice_office .room_choice { float:left; padding-right:30px; width:100%; position:relative;} */ .choice_office .room_choice { float:left; padding-right:30px; width:calc(100% - 300px); position:relative;} .choice_office h1 { clear:both; width:211px; padding:17px 0 15px 20px; margin:0 0 9px 94px; border-top:1px solid #d1cdc2; border-bottom:1px solid #d1cdc2;} .choice_office h1 .small { display:block; margin:7px 0 0 1px; font:bold 13px/20px 'PT Sans Caption';} .choice_office h5 { clear:both;} .choice_office .button_param { position:absolute; left:50%; top:-137px; width:211px; height:49px; margin-left:-115px; padding-left:20px; font:bold 13px/49px 'PT Sans Caption'; color:#bf3c24; text-transform:uppercase; background:url(../img/icon_off_param.svg) 191px center no-repeat #fff;} .choice_office .button_param span { display:inline-block; line-height:1.1; border-bottom:1px dotted #bf3c24;} .choice_office .road { height:20px; margin-top:44px; line-height:19px; color:#a19c8f; text-align:center; background:url(../img/text_road_name.png) center no-repeat; background-size:cover;} .choice_office .road.top { margin: 0px 0 25px !important;} .choice_office .img { position:relative;/* margin-left:20px;*/} .choice_office .img img { display:block;} .choice_office .img img.s_stage { position: absolute} .choice_office .img .note { position:absolute; left:-10%; top:50%; width:90%; padding-bottom:43px; background:url(../img/icon_off_arrow_down.svg) center bottom no-repeat; text-align:center; font-family:'CirceExtraBold'; text-transform:uppercase;} .choice_office .rosewind { position:absolute; right:-50px; top:10px; width: 60px} .choice_office .back { float:right;z-index: 10; font-size:11px; line-height:1.3; text-transform:uppercase; letter-spacing:0.3em; position:relative; margin:2px 0 50px; background:url(../img/bg_op_link.png) left 13px repeat-x;} .choice_office .back:before { content:''; position:absolute; left:-25px; top:3px; background:url(../img/icon_off_arrow_return.svg) left top no-repeat; width:15px; height:7px;} .choice_office .about_choice .note { clear:both; width:211px; margin-left:94px; padding:16px 0 13px 20px; border-top:1px solid #d1cdc2; border-bottom:1px solid #d1cdc2; font:23px/30px 'CirceExtraBold'; text-transform:uppercase; position:relative;} .choice_office .about_choice .note:before { content:''; position:absolute; left:-30px; top:0; width:30px; height:100%; background:url(../img/icon_off_left_arrow.svg) left center no-repeat;} .choice_office .about_choice dl { width:231px; margin:0 0 24px 94px; padding-bottom:10px; border-bottom:1px solid #d1cdc2; float:left;} .choice_office .about_choice dt { clear:left; float:left; width:81px; padding-left:20px;} .choice_office .about_choice dd { float:left; width:130px;} .choice_office .about_choice p.price_not_nds { color: #807c70; padding-left: 20px; padding-bottom: 5px;} .choice_office .about_choice dt, .choice_office .about_choice dd { padding-top:5px; padding-bottom:5px;} .choice_office .print_link { clear:both; display:inline-block; margin:0 0 0 143px; background:url(../img/bg_op_link.png) left 17px repeat-x; position:relative;} .choice_office .print_link:before { content:''; position:absolute; left:-28px; top:1px; width:28px; height:16px; background:url(../img/icon_off_print.svg) left top no-repeat;} .choice_office.parking {} .choice_office.parking .about_choice { float:right; width:231px; margin-top:69px;} .choice_office.parking .about_choice * { margin-left:0;} .choice_office.parking .rosewind { position:absolute; right:auto; left:15px; top:32px;} .choice_office.parking .room_choice { padding-right:0; position:relative;} .choice_office.parking .note { position:absolute; left:50%; top:-133px; width:470px; margin-left:-235px; text-align:center; text-transform:uppercase; font-weight:bold;} .choice_office.parking .road { margin-top:24px;} .choice_office.parking .about_choice dt, .choice_office.parking .about_choice dd { width:211px; padding-left:20px;} .choice_office.parking .about_choice dt { padding-bottom:0;} .choice_office.parking .about_choice dd { padding-top:0;} .choice_office.parking .pager_floor { padding:0;} .choice_office.parking .pager_floor:before { display:none;} .choice_office.parking .pager_floor a { width:96px; line-height:49px; text-transform:uppercase;} .choice_office.parking .info { position:absolute; width:48px; height:34px; background:url(../img/bg_parking_num_hover.svg) left top no-repeat; color:#fff; font-weight:bold; text-align:center; line-height:22px;} .pager_floor { height:49px; padding-left:4px; position: absolute; left:0; bottom:50px;} .pager_floor:before { content:''; position:absolute; left:-8px; top:0; background:url(../img/text_floor.png) left top no-repeat; width:12px; height:49px;} .pager_floor li { float:left; text-align:center; margin-left:10px;} .pager_floor a { display:block; width:30px; height:47px; background:#b4afa3; border:1px solid #b4afa3; color:#fff; font:17px/47px 'CirceExtraBold';} .pager_floor a:hover, .pager_floor .sel a { background:#e2d77a; border-color:#e2d77a;} .pager_floor .disable a { background:#ece9e0; border-color:#cec9bc; color:#cbc7bc; cursor:default;} .choice_office_param { width:1220px; padding:45px 30px 0; margin-left:auto; margin-right:auto; position:relative; z-index:4;} .choice_office_param h1 { margin-left:20px;} .choice_office_param .button_plan { position:absolute; left:50%; top:-92px; width:245px; height:49px; margin-left:-123px; text-align:center; font:bold 13px/49px 'PT Sans Caption'; color:#bf3c24; text-transform:uppercase; background:#fff;} .choice_office_param .button_plan span { display:inline-block; line-height:1.1; border-bottom:1px dotted #bf3c24;} .choice_office_param table { width:100%;} .choice_office_param .col_2 { width:94px;} .choice_office_param .col_3 { width:150px;} .choice_office_param .col_4 { width:142px;} .choice_office_param .col_5 { width:183px;} .choice_office_param .col_6 { width:129px;} .choice_office_param .col_7 { width:162px;} .choice_office_param td, th { height:50px; vertical-align:middle; text-align:center; padding:0 20px; background:#fff;} .choice_office_param td:first-child { width:93px; text-align:left;} .choice_office_param thead th { text-transform:uppercase; font-weight:700; color:#8b877e; background:none;} /* .choice_office_param tr[style*='display: table-row;']:nth-child(odd) td {background-color: #fbf8ef;} */ .choice_office_param tbody tr:hover td { background:#f8f2c1;} .choice_office_param a { display:inline-block; background:url(../img/bg_op_link.png) left 17px repeat-x;} .splash.choice_office { position:fixed; margin:0; background:#ece9e0;min-width: 1280px;} .splash.choice_office .wrap { width:calc(100% - 100px); padding:140px 30px 0 0;} .splash.choice_office .about_choice { width:231px; margin-top:70px;} .splash.choice_office .about_choice h1, .splash.choice_office .about_choice dl { margin-left:0;} .splash.choice_office .about_choice .print_link { margin-left:49px;} .filtr { padding:20px 20px 15px; margin-bottom:20px; border-top:1px solid #d1cdc2; border-bottom:1px solid #d1cdc2;} .filtr:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} .filtr .clear_filtr { float:right; margin-top:10px;} .filtr .item { float:left; margin-left:30px;} .filtr .item.check { margin:0;} .filtr input[type=text] { width:55px;} .filtr .price input[type=text] { width:55px;} .filtr label { color:#8b877e; font-weight:700; text-transform:uppercase;} .filtr label[for=build_2] { margin-left:6px;} .filtr label+input { margin-left:5px;} .contacts_box { position:absolute; left:50%; bottom:0; margin-left:-640px; width:1280px; height:154px; padding-top:74px; background:#fff; text-align:center; font:24px/30px 'CirceExtraBold'; text-transform:uppercase;} .contacts_box ul { padding-left:42px;} .contacts_box li { display:inline-block; vertical-align:top; padding:0 48px; position:relative;} .contacts_box li:before { content:''; position:absolute; left:-2px; top:5px; width:1px; height:48px; background:#d6d2c7;} .contacts_box li:first-child:before { display:none;} .contacts_box .small { display:block; margin:6px 0 4px; font:13px/20px 'PT Sans Caption'; text-transform:none;} .contacts_box .view_map { margin-top:20px; font:bold 13px/1.1 'PT Sans Caption';} .contacts_box .view_map a { display:inline-block; color:#bf3c24; border-bottom:1px dashed #ebc3bb;} .splash.map { position:fixed;} .splash.map .logo { position:absolute;} .splash.map .logo img { display:block;} .splash.map .my_way { position:absolute; left:121px; top:43px; width:183px; height:49px; line-height:49px; font-weight:bold; text-transform:uppercase; text-align:center; background:#fff;} .splash.map .my_way span { display:inline-block; line-height:1.1; border-bottom:1px dotted #36342f;} .advantage { position:absolute; left:0; top:0; width:100%; height:100%;} .advantage .slide { position:absolute; left:0; top:0; width:100%; height:100%; display:table; background-position:center; background-repeat:no-repeat; background-size:cover;} .advantage .slide_1 { background-image:url(../img/bg_advantage/1.jpg);} .advantage .slide_2 { background-image:url(../img/bg_advantage/2.jpg);} .advantage .slide_3 { background-image:url(../img/bg_advantage/3.jpg);} .advantage .slide_4 { background-image:url(../img/bg_advantage/4.jpg);} .advantage .slide_5 { background-image:url(../img/bg_advantage/5.jpg);} .advantage .slide_6 { background-image:url(../img/bg_advantage/6.jpg);} .advantage .slide_7 { background-image:url(../img/bg_advantage/7.jpg);} .advantage .slide_8 { background-image:url(../img/bg_advantage/8.jpg);} .advantage .slide_9 { background-image:url(../img/bg_advantage/9.jpg);} .advantage .slide_10 { background-image:url(../img/bg_advantage/10.jpg);} .advantage .slide_11 { background-image:url(../img/bg_advantage/11.jpg);} .advantage .slide_12 { background-image:url(../img/bg_advantage/12.jpg);} .advantage .slide_13 { background-image:url(../img/bg_advantage/13.jpg);} .advantage .slide_14 { background-image:url(../img/bg_advantage/14.jpg);} .advantage .wrap { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; margin:0; padding:0;} .advantage .count { position:absolute; left:50%; top:48px; margin-left:-25px; width:49px; height:49px; background:#fff; font:13px/49px 'CirceExtraBold'; text-align:center; z-index:1;} .advantage .count .glow { color:#bf3c24;} .advantage .slide ul { font:24px/30px 'CirceExtraBold'; text-transform:uppercase; width:1050px; margin:0 auto;} .advantage .slide ul:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} .advantage .slide li { float:left; width:350px; position:relative;} .advantage .slide li:before { content:''; position:absolute; left:-2px; top:5px; width:1px; height:49px; background:#c1bfb9;} .advantage .slide li:first-child:before { display:none;} .advantage .slide .glow { display:block; color:#bf3c24;} /*~~~~~~~~~~~~~~стиль для второго слайда с id 144~~~~~~~~~~~~~~~~~~~*/ .advantage .slide_144 ul { width:1080px;} .advantage .slide_144 li { width:540px;} .advantage .slide_144 li:before { height:79px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .advantage .slide .info { width:475px; margin:0 auto; text-align:center;} .advantage .slide .icon { height:77px;} .advantage .slide .icon img { display:inline;} .advantage .slide .name { font:24px/30px 'CirceExtraBold'; text-transform:uppercase; margin-bottom:17px;} .advantage .slide .text { text-align:left; position:relative; right:-20px;} .about_box { width:1280px; margin:0 auto; background:#fff; position:relative; margin-bottom:290px; z-index:1;} .about_box .top_text { padding:75px 315px 58px 50px;} .about_box .top_text:before { content:''; position:absolute; right:0; top:0; width:263px; height:100%; background:#e5e0d2;} .about_box .top_text:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} .about_box .top_text .item { float:right; width:325px;} .about_box .top_text .item+.item { float:left; width:490px;} /*.about_box .bottom_text { height:290px; text-align:center; font-family:'CirceExtraBold'; text-transform:uppercase; color:#fff; position:relative; z-index:1;} .about_box .bottom_text .item { float:left; width:640px; height:175px; padding-top:115px; background:url(../img/bg_about_text_l.jpg) left top no-repeat;} .about_box .bottom_text .item+.item { background-image:url(../img/bg_about_text_r.jpg)}*/ .about_box h1 { width:490px; margin-bottom:37px;} .about_box h5 { margin-bottom:20px;} .about_box p { margin-bottom:20px;} .about_box ul li { padding-left:30px; margin-bottom:10px; background:url(../img/icon_bullet.svg) left 4px no-repeat;} .about_box .tech_link { position:absolute; right:54px; top:102px; padding-top:51px; background:url(../img/icon_specifications.svg) 121px top no-repeat; font-family:'CirceExtraBold'; font-size:11px; letter-spacing:0.3em; text-transform:uppercase; text-align:right;} .about_box .tech_link span { display:inline; background:url(../img/bg_line_dash.png) left 14px repeat-x;} .about_box_1 { position:absolute; left:50%; bottom:100px; width:1280px; height:290px; margin-left:-640px; height:290px; text-align:center; font-family:'CirceExtraBold'; text-transform:uppercase; color:#fff;} .about_box_1:before { content:''; position:absolute; left:0; top:-200%; width:100%; height:200%; background:#fff;} .about_box_1:after { content:''; position:absolute; right:0; top:-200%; width:263px; height:200%; background:#e5e0d2;} .about_box_1 .item { float:left; width:640px; height:175px; padding-top:115px; background:url(../img/bg_about_text_l.jpg) left top no-repeat;} .about_box_1 .item+.item { background-image:url(../img/bg_about_text_r.jpg)} .tech_about { position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/bg/2_about_th.jpg) center no-repeat; background-size:cover; z-index:100;} .tech_about .close { position:absolute; right:50px; top:43px; width:49px; height:49px; background:url(../img/icon_close.svg) center no-repeat;} .tech_about .wrap { padding:75px 0 0; width:870px;} .tech_about h1 { text-align:center;} .tech_about .info_1 { width:410px; border-bottom:1px solid #c0bcaf; float:left; margin-right:50px;} .tech_about .info_1 dt { clear:left; float:left; width:260px; border-top:1px solid #c0bcaf;} .tech_about .info_1 dd { float:left; width:150px; border-top:1px solid #c0bcaf; font-weight:bold; text-transform:uppercase; text-align:right;} .tech_about .info_1 dt, .tech_about .info_1 dd { height:49px; line-height:49px;} .tech_about .info_2 { width:410px; border-bottom:1px solid #c0bcaf; float:left;} .tech_about .info_2 li { height:49px; line-height:49px; border-top:1px solid #c0bcaf; font-weight:bold; text-transform:uppercase; background:url(../img/icon_check.svg) right center no-repeat;} .splash { left:0; top:0; width:100%; height:100%; z-index:100;} .splash .close { position:absolute; right:50px; top:43px; width:49px; height:49px; background:url(../img/icon_close.svg) center no-repeat;} /*UI Checkbox*/ .ui-helper-hidden-accessible { position:absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);} .ui-button { display:inline-block; cursor:pointer; /**width:500%;*/} .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration:none; outline:none;} .ui-buttonset .ui-state-default { height:39px; line-height:39px; padding:0 15px; vertical-align:middle; background:#b4afa3; color:#fff;} .ui-buttonset .ui-state-active { background:#e2d77a; border:none; vertical-align:middle;} /*UI Select*/ .ui-selectgroup { display:block; overflow:hidden;position:relative; width:81px; background:url(../img/icon_off_param_sel_arrow.svg) 58px 15px no-repeat #e8e4db !important; border:1px solid #cfcbc0; text-decoration:none; color:#8b877e; text-transform:uppercase; font-weight:700; outline:none;} .ui-selectgroup-copy { display:block; padding:0 25px 0 15px; height:37px; line-height:37px;} .ui-selectgroup-group { border:1px solid #cfcbc0; border-top:none; border-bottom:none; position:absolute; z-index:10;} .ui-selectgroup-list li { background:#e8e4db; border-bottom:1px solid #cfcbc0;} .ui-selectgroup-list li:nth-child(odd) { background:#e0dcd1;} .ui-selectgroup-list a { display: block; height:37px; line-height:37px; padding:0 15px; text-decoration:none; color:#8b877e;} .ui-selectgroup-list .ui-state-hover, .ui-selectgroup-list .ui-state-active { background:#f8f1c3 !important;} .ui-selectgroup-list .ui-state-hover a, .ui-selectgroup-list .ui-state-active a { color:#8b877e;} .img_bg { position: absolute; bottom: 4%; background:url(../img/bg/elki.png) top no-repeat; background-size:cover; width: 100%; height: 200px; z-index: 2; left: 0px; min-width: 1280px } .group_list img {z-index: 10} /*add 13092015*/ html{ min-height:710px;} path.sold {cursor: default;} /*add 12102015*/ .panoram_point { position:absolute; overflow:hidden; width:58px; height:58px; border:3px solid #fff; border-radius:32px; z-index:2; background:url(../img/icon_eye.svg) center no-repeat #fff;} .panoram_point img { width:100%; height:100%; opacity: 1; -webkit-transition: opacity 0.35s ease-out 0.25s; -moz-transition: opacity 0.35s ease-out 0.25s;-o-transition: opacity 0.35s ease-out 0.25s;transition: opacity 0.35s ease-out 0.25s;} .panoram_point:hover img { opacity: 0; /*display:none;*/ } .bg_sp { position:fixed; left:0; top:0; width:100%; height:100%; background:#22211e; opacity:0.85; z-index:99;} .panoram_view { position:absolute; left:50%; top:50%; z-index:100;} .panoram_view .str { position:absolute; top:50%; margin-top:-25px; width:49px; height:49px; background-position:center; background-repeat:no-repeat;} .panoram_view .str.str_l { left:0; background-image:url(../img/icon_prey_arrow_left.svg);} .panoram_view .str.str_r { right:0; background-image:url(../img/icon_prey_arrow_right.svg);} .panoram_view .close { position:absolute; right:-1px; top:0; width:49px; height:49px; background:url(../img/icon_close.svg) left top no-repeat;} /*loader*/ .loader { left: 50%; top: 50%; z-index: 10; margin:/* 60px*/ auto; font-size: 5px; position: fixed; /*text-indent: -9999em;*/ border-top: 1.1em solid rgba(191,60,36,0.2); border-right: 1.1em solid rgba(191,60,36,0.2); border-bottom: 1.1em solid rgba(191,60,36,0.2); border-left: 1.1em solid #BF3C24; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .loader, .loader:after { border-radius: 50%; width: 7em; height: 7em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*add 04042016*/ .note_main_1 { position:absolute; left:50px; top:50%; font:24px/1 'CirceExtraBold'; color:#36342f; text-transform:uppercase; letter-spacing:0.04em; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:3} .note_main_1 img { display:block; margin-bottom:11px;} /*add 19042016*/ .partners_list { margin:0 0 40px -10px;} .partners_list:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} .partners_list li { float:left; width:175px; height:90px; margin:0 0 10px 10px; padding:0 !important; background:none !important; text-align:center;} .partners_list a { display:block; height:88px; line-height:88px; border:1px solid #dddbd7;} .partners_list span { display:block; height:88px; line-height:88px; border:1px solid #dddbd7;} .partners_list img { max-width:155px; max-height:70px; vertical-align:middle;} .partners_video { position:relative;} .partners_video a { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/icon_play.svg) center no-repeat;} .note_main_1.inside { left:auto; right:55px; margin-top:-15px; /*margin-top: 223px;*/} /*add 01092016*/ .choice_office h1 { width:231px; margin-left:74px;} .choice_office .about_choice dl { width:251px; margin-left:74px;} .choice_office .about_choice dt { width:101px;} .choice_office .print_link { margin-left:123px;} /*add 23092016*/ .finance_box_bg { position:absolute; left:50%; top:135px; width:1280px; height:calc(100% - 235px); margin-left:-640px; background:#fcf8ee;} .finance_box { width:1280px; margin:0 auto; padding:75px 340px 55px 50px; position:relative; z-index:1; box-sizing:border-box;} .finance_box:after{content:".";display:block;height:0px;font-size:0;clear:both;visibility:hidden;} .finance_box.last { padding-bottom:150px;} .finance_box.box_1 { background:#fff;} .finance_box h2 { font:24px/30px 'CirceExtraBold'; text-transform:uppercase; margin-bottom:37px;} .finance_box h5 { font-family:'CirceExtraBold'; margin-bottom:9px;} .finance_box p+h5 { margin-top:41px;} .finance_box p+p { margin-top:20px;} .finance_box .text { float:left; width:475px;} .finance_box .info { float:right; width:300px; margin-top:4px;} .finance_box .info ul { margin-bottom:40px;} .finance_box .info li { background:url(../img/icon_bullet.svg) left 3px no-repeat; padding-left:29px; margin-bottom:30px;} .finance_box .logo img { display:block; max-width:185px; margin-bottom:86px;} .finance_box.box_1 .logo img { margin-bottom:69px;} .finance_box .phone { display:block; font:24px/1 'CirceExtraBold'; margin-top:6px;} /*add 07102016*/ .partners_list li { width:144px;} .partners_list img { max-width:130px;} #ft .info li { padding:0 24px;} #ft .small { letter-spacing:0.2em;} /*add 28102016*/ .choice_office.retail .room_choice { width:calc(100% - 260px);} .choice_office .square_info { display:none; position:absolute; padding:0 13px; height:41px; white-space:nowrap; color:#fff; background:#36342f; font-size:13px; line-height:41px;} .choice_office .square_info:before { content:''; position:absolute; left:-15px; top:50%; margin-top:-5px; border:6px solid transparent; border-right:9px solid #36342f;} /*add 13022017*/ .hot_news { position:absolute; left:37px; top:42px; width:440px; height:85px; padding:0 0 0 67px; font:11px/18px 'CirceExtraBold'; color:#33302a; text-transform:uppercase; letter-spacing:0.12em; overflow:hidden; z-index:4;} .hot_news:before { content:''; position:absolute; left:0; top:0; width:49px; height:49px; background:url(../img/icon_news.svg) center no-repeat #33302a;} .hot_news a { color:#33302a;} .hot_news .inner { position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);} /*add 16022017*/ #ft .info li { padding:0 30px;} #ft .info a.office_decore { display:block; width:161px; height:39px; border:1px solid #fff; border-radius:2px; font:13px/39px 'PT Sans Caption'; color:#fff; text-transform:none; text-align:center; letter-spacing:normal;} .offices_decor { display:none; position:fixed; left:0; top:0; width:100%; height:100%; min-height:750px; background:#fff; z-index:100;} .offices_decor * { box-sizing:border-box;} .offices_decor_view { float:right; width:calc(100% - 480px); height:100%; position:relative;} .offices_decor_view .slide { height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .offices_decor_info { float:left; width:480px; padding:41px 45px; text-align:center;} .offices_decor_info h1 { margin-bottom:17px;} .offices_decor_info table { width:100%; margin:24px 0 15px;} .offices_decor_info td { height:50px; padding:0 14px; text-align:center; vertical-align:middle; text-transform:uppercase;} .offices_decor_info td:last-child { font-weight:bold;} .offices_decor_info thead td { font-weight:bold; color:#8a877f;} .offices_decor_info tbody td { background:#faf8f0;} .offices_decor_info tbody tr:nth-child(even) td { background:#e1dccf;} .offices_decor .note { text-align:right; margin-right:10px;} .offices_decor .close { position:absolute; right:43px; top:43px; width:49px; height:49px; background:url(../img/icon_close.svg) center no-repeat #363430; z-index:1;} /*add 31072019*/ .AllOffSold { position: absolute; left: 12%; background: #bf3c24; height: 43px; padding: 15px 10px 0; font: bold 16px/1 'Circe'; text-transform: uppercase; color: #fff; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all .3s ease; } .AllOffSold._show { opacity: 1; visibility: visible; } @media (max-width:767px){ .AllOffSold { font-size: 12px; } } .choice_office_main.offices { padding-top: 60px;