@font-face { font-family: 'HelveticaNeueCyrRoman'; src: url('/assets/files/fonts/HelveticaNeueCyrRoman.eot'); src: url('/assets/files/fonts/HelveticaNeueCyrRoman.eot') format('embedded-opentype'), url('/assets/files/fonts/HelveticaNeueCyrRoman.woff') format('woff'), url('/assets/files/fonts/HelveticaNeueCyrRoman.ttf') format('truetype'), url('/assets/files/fonts/HelveticaNeueCyrRoman.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyrLight'; src: url('/assets/files/fonts/HelveticaNeueCyrLight.eot'); src: url('/assets/files/fonts/HelveticaNeueCyrLight.eot') format('embedded-opentype'), url('/assets/files/fonts/HelveticaNeueCyrLight.woff') format('woff'), url('/assets/files/fonts/HelveticaNeueCyrLight.ttf') format('truetype'), url('/assets/files/fonts/HelveticaNeueCyrLight.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CirceBold'; src: url('/assets/files/fonts/CirceBold.eot'); src: url('/assets/files/fonts/CirceBold.eot') format('embedded-opentype'), url('/assets/files/fonts/CirceBold.woff') format('woff'), url('/assets/files/fonts/CirceBold.ttf') format('truetype'), url('/assets/files/fonts/CirceBold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CirceExtraBold'; src: url('/assets/files/fonts/CirceExtraBold.eot'); src: url('/assets/files/fonts/CirceExtraBold.eot') format('embedded-opentype'), url('/assets/files/fonts/CirceExtraBold.woff') format('woff'), url('/assets/files/fonts/CirceExtraBold.ttf') format('truetype'), url('/assets/files/fonts/CirceExtraBold.svg') format('svg'); font-weight: normal; font-style: normal; } /* Icons */ @font-face { font-family: 'icons'; src: url('/assets/files/fonts/icons.eot'); src: url('/assets/files/fonts/icons.eot') format('embedded-opentype'), url('/assets/files/fonts/icons.woff') format('woff'), url('/assets/files/fonts/icons.ttf') format('truetype'), url('/assets/files/fonts/icons.svg') format('svg'); font-weight: normal; font-style: normal; } [class*='icon-']:before{ display: inline-block; font-family: 'icons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-yt:before{content:'\0041';} .icon-vk:before{content:'\0042';} .icon-fb:before{content:'\0043';} .icon-ig:before{content:'\0044';} .icon-cb:before{content:'\0045';} .icon-rub:before{content:'\0046';} .icon-img:before{content:'\0047';} .icon-news:before{content:'\0048';} .icon-doc:before{content:'\0049';} .icon-search:before{content:'\004a';} .icon-key:before{content:'\004b';} .icon-parking:before{content:'\004c';} .icon-map:before{content:'\004d';} .icon-map-2:before{content:'\004e';} .icon-tv:before{content:'\004f';} .icon-plane:before{content:'\0050';} .icon-pdf:before{content:'\0051';} .icon-eye:before{content:'\0052';} .icon-3d:before{content:'\0053';} .icon-leaf:before{content:'\0054';} .icon-meal:before{content:'\0055';} .icon-plan:before{content:'\0056';} .icon-house:before{content:'\0057';} .icon-mail:before{content:'\0058';} .icon-column:before{content:'\0059';} .icon-star:before{content:'\005a';} *, a:focus { outline: none; } img { display:block; } a { color: inherit; } a:hover { text-decoration: none; } h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; line-height: 110%; } ul, ol { padding-left: 20px; } .jspPane>div>*:first-child { margin-top: 0; } html { width: 100%; height: 100%; } body { font-family: "HelveticaNeueCyrRoman", Helvetica, Arial, sans-serif; font-size: 14px; position: relative; background: #ffffff; color: #000; min-width: 1250px; width: 100%; height: 100%; } .test { border: 1px solid #F00; } .upper { text-transform: uppercase; } .z-1 { z-index: 1; } .events-none { pointer-events: none; } .css_ani { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } html.svg .svg-bg, html.svg .svg-bg-after:after, html.svg .svg-bg-before:before { background-image: url('/assets/i/sprite.svg?v4') !important; } #body_frame, #centrer1, #centrer2, .bg_img, .load_frame, .scroll_frame, #bg_video, #preloader_frame, .rotate_help_frame, .pano_place.off:after, .map_place, .popup_overlay, .plans_map_cont, .plans_map, .floor_map_cont, .floor_map, .apart_img, .div_100 { position:absolute; height: 100%; width: 100%; top: 0; left: 0; } #body_frame, .load_frame { overflow: hidden; } #bg_video { display: none; } #bg_video, #bg_video>* { width: 100% !important; height: 100% !important; } #preloader_frame, #svg_preloader_frame { z-index: 10000; background: url('/assets/i/blank.gif'); display: none; } .preloader_img, #fancybox-loading { position: absolute; width: 40px; height: 40px; padding: 5px; margin: -25px; top: 50%; left: 50%; border-radius: 3px; /*background-color: #000;*/ /*background-image: url('/assets/i/ajax-loader.gif');*/ /*background-repeat: no-repeat;*/ /*background-position: center center;*/ } .preloader_img { background-image: none; } .popup_overlay, .fancybox-default-overlay, .rotate_help_frame { background: rgba(0, 49, 88, 0.95); } .popup_overlay { display: none; z-index: 8010; } .feedback1_popup, .feedback0_popup, .reserve_popup, .feedback2_popup, .pdf_popup { z-index: 20; } .v-align { height: 100%; width: 100%; left: 0; top: 0; position: absolute; white-space: nowrap; } .v-align>div/*, .jspPane>div*/ { display: inline-block; vertical-align: middle; position: relative; width: 100%; white-space: normal; } .v-align:before/*, .jspPane:before*/ { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } /*.jspPane { height: 100%; } .jspScrollable .jspPane { height: auto; }*/ .shadow { position: absolute; width: 100%; height: 295px; bottom: 0; background: url('/assets/i/shadow.png') repeat-x; left: 0; } .page404_frame { background: #fff; } .page404_frame h1 { text-align: center; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -30px; font-size: 25px; line-height: 30px; color: #000; } .arrow-right, .arrow-left { position: absolute; width: 54px; height: 54px; top: 50%; right: 5%; margin-top: -28px; cursor: pointer; background-color: rgba(5, 45, 73, 0.34); border: 1px solid #5a8ab1; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; } .arrow-right.blue, .arrow-left.blue { background-color: rgba(255, 255, 255, 0.34); border: 1px solid #052d49; } .arrow-right:after, .arrow-left:after { content: ''; position: absolute; width: 18px; height: 13px; top: 50%; left: 50%; margin: -6.5px 0 0 -9px; background: url('/assets/i/sprite.png?v4') -5px -37px; } .arrow-left:after { background-position: -29px -37px; } .arrow-right.blue:after { background-position: -5px -19px; } .arrow-left.blue:after { background-position: -29px -19px; } .arrow-right.white:after { background-position: -228px -186px; } .arrow-left.white:after { background-position: -252px -186px; } .home__start-skip.arrow-right:after { width: 13px; height: 18px; margin: -9px 0 0 -6.5px; background-position: -290px -186px; } .breadcrumbs{ position: absolute; left: 540px; top:20px; color: #e3cba4; z-index: 9; -webkit-transition: opacity .8s .7s, -webkit-transform .8s .7s; -moz-transition: opacity .8s .7s, -moz-transform .8s .7s; -ms-transition: opacity .8s .7s, -ms-transform .8s .7s; -o-transition: opacity .8s .7s, -o-transform .8s .7s; transition: opacity .8s .7s, transform .8s .7s; } .breadcrumbs.hidden{ opacity: 0; -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .plans .breadcrumbs{ color:#fff ; } .arrow-circle { position: absolute; width: 58px; height: 27px; top: 50%; left: 50%; margin: -13.5px 0 0 -29px; overflow: hidden; -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } .arrow-circle:after { content: ''; position: absolute; width: 51px; height: 51px; top: 50%; left: 50%; margin: -28.5px 0 0 -28.5px; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .section_popup .arrow-circle:after { border-color: #e3cba4; } .section_popup:hover .arrow-circle:after, .section_popup.hover .arrow-circle:after { border-color: #FFFFFF; } .arrow-right:hover .arrow-circle, .arrow-left:hover .arrow-circle, .home__start-skip .arrow-circle, .menu__button.active:hover .menu__button-circle, .circle-rotate:hover .arrow-circle, .circle-rotate.hover .arrow-circle, .circle-rotate .apart_popup_circle, .korpus__sections-link:hover .korpus__sections-circle, .plus-button-circle, .gallery__item:hover .gallery__item-circle { -webkit-animation: arrowRotate 3s linear infinite; -moz-animation: arrowRotate 3s linear infinite; -ms-animation: arrowRotate 3s linear infinite; animation: arrowRotate 3s linear infinite; } .plus-button.close_btn { border: none; } .plus-button { position: absolute; width: 58px; height: 58px; z-index: 1; margin: -29px 0 0 -29px; -webkit-border-radius: 29px; -moz-border-radius: 29px; border-radius: 29px; } .plus-button:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid #ffffff; -webkit-border-radius: 29px; -moz-border-radius: 29px; border-radius: 29px; -webkit-transition: border .3s; -moz-transition: border .3s; -ms-transition: border .3s; -o-transition: border .3s; transition: border .3s; } .plus-button:hover:before, .plus-button.hover:before, .plus-button-parent:hover .plus-button:before, .plus-button-parent.hover .plus-button:before { border: 1px solid #5a8ab1; } .plus-button:after { content: ''; position: absolute; width: 15px; height: 15px; top: 50%; left: 50%; margin: -7.5px 0 0 -7.5px; background: url('/assets/i/sprite.png?v4') -208px -186px; } html.svg .plus-button:after { background-image: url('/assets/i/sprite.svg?v4'); } .plus-button-circle { position: absolute; width: 58px; height: 27px; top: 50%; left: 50%; margin: -13.5px 0 0 -29px; overflow: hidden; opacity: 0; -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .plus-button:hover .plus-button-circle, .plus-button.hover .plus-button-circle, .plus-button-parent:hover .plus-button-circle, .plus-button-parent.hover .plus-button-circle { opacity: 1; } .plus-button-circle:after { content: ''; position: absolute; width: 51px; height: 51px; top: 50%; left: 50%; margin: -28.5px 0 0 -28.5px; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .plus-button-text { visibility: hidden; position: absolute; top: 50%; right: 68px; margin-top: -13px; padding: 5px 16px 4px; opacity: 0; background-color: #052d49; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 11px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; color: #FFFFFF; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .arrow-left>.plus-button-text { right: auto; left: 68px; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } .prev-page>.plus-button-text { right: 68px; left: auto; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .plus-button-text.right { right: auto; left: 68px; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } .add-text__open .plus-button-text.right { left: 50px; } .plus-button:hover .plus-button-text, .plus-button.hover .plus-button-text, .plus-button-parent:hover .plus-button-text, .plus-button-parent.hover .plus-button-text, .arrow-right:hover .plus-button-text, .arrow-left:hover .plus-button-text { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .next-page-link { cursor: pointer; } .arrow-right.next-page { right: 45px; z-index: 3; } .arrow-left.prev-page { right: 45px; top: 70%; z-index: 1; } .home_frame .next-page { display: none; } .page__left-panel { position: absolute; width: 262px; height: 100%; top: 0; left: 228px; z-index: 2; background-color: rgba(0, 26, 47, 0.65); -webkit-transition: all .5s .5s; -moz-transition: all .5s .5s; -ms-transition: all .5s .5s; -o-transition: all .5s .5s; transition: all .5s .5s; } .page__left-panel.hidden { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .page__left-panel-title { position: absolute; width: 55px; height: 100%; bottom: 0; left: 0; } .page__left-panel-title > span, .page__left-panel-title > h1 { position: absolute; bottom: 0; left: 50%; margin-bottom: -0.2em; font-size: 40px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; text-transform: uppercase; line-height: 1; white-space: nowrap; letter-spacing: 0.03em; color: #ffffff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .page__left-panel-submenu { position: absolute; top: 0; right: 20px; bottom: 0; left: 80px; font-size: 0; white-space: nowrap; } .page__left-panel-submenu .parking-request-button{ display: none; } .parking .page__left-panel-submenu .parking-request-button{ display: block; } .page__left-panel-submenu, .page__left-panel-title { -webkit-transition: opacity .8s 1s, -webkit-transform .8s 1s; -moz-transition: opacity .8s 1s, -moz-transform .8s 1s; -ms-transition: opacity .8s 1s, -ms-transform .8s 1s; -o-transition: opacity .8s 1s, -o-transform .8s 1s; transition: opacity .8s 1s, transform .8s 1s; } .page__left-panel.hidden .page__left-panel-title, .page__left-panel.hidden .page__left-panel-submenu { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .page__left-panel-submenu:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .page__left-panel-submenu > div { display: inline-block; position: relative; width: 100%; vertical-align: middle; } .page__left-panel-submenu-item { display: block; position: relative; height: 54px; cursor: pointer; } .page__left-panel-submenu-item + .page__left-panel-submenu-item { border-top: 1px solid #79a4c8; } .page__left-panel-submenu-item:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .page__left-panel-submenu-item:before { content: ''; position: absolute; top: 0; right: -20px; bottom: 0; left: -80px; opacity: 0; background-color: rgba(255, 255, 255, 0.15); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .page__left-panel-submenu-item:hover:before { opacity: 1; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .page__left-panel-submenu-item > div { display: inline-block; position: relative; width: 100%; z-index: 1; vertical-align: middle; } .page__left-panel-submenu-item > div > span { display: block; position: relative; padding: 10px 10px 10px 50px; font-size: 10px; text-decoration: none; text-transform: uppercase; color: #dceeff; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .5s; } .page__left-panel-submenu-item > div > span.n2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #ffffff; } .page__left-panel-submenu-item:hover > div > span.n1, .page__left-panel-submenu-item > div > span.n2 { opacity: 0; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .page__left-panel-submenu-item:hover > div > span.n2 { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .page__left-panel-submenu-item.active > div > span { color: #ffffff; } .page__left-panel-submenu-item > div > span:before { position: absolute; top: 50%; left: 0; margin-top: -12px; font-size: 24px; color: #79a4c8; } .page__left-panel-submenu-item > div > span.n2:before { color: #ffffff; } .page__left-panel-submenu-item.active > div > span:before { color: #e3cba4; } /* Меню */ .menu__frame { position: absolute; width: 228px; height: 100%; top: 0; left: 0; z-index: 21; background-color: rgba(0, 49, 88, 0.85); } .menu__frame--white { background-color: rgba(255,255,255,.68); } .logo { position: absolute; width: 159px; height: 84px; top: 44px; left: 50%; z-index: 1; margin-left: -79px; background: url('/assets/i/sprite.png?v4') -189px -5px; } .menu__frame--white .logo { background-position: -353px -5px; } .menu__button { position: absolute; width: 39px; height: 24px; top: 167px; left: 50%; z-index: 1; margin-left: -19px; cursor: pointer; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .menu__button:after { content: 'Меню'; position: absolute; width: 50px; top: 100%; left: 50%; margin-left: -25px; padding-top: 10px; font-size: 13px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; color: #e3cba4; -webkit-transition: all .4s .2s; -moz-transition: all .4s .2s; -ms-transition: all .4s .2s; -o-transition: all .4s .2s; transition: all .4s .2s; } .menu__frame--white .menu__button:after { color: #003254; } .menu__button.active:after { visibility: hidden; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .menu__button-top, .menu__button-bottom { position: absolute; width: 39px; height: 10px; left: 0; -webkit-transition: all .3s .3s; -moz-transition: all .3s .3s; -ms-transition: all .3s .3s; -o-transition: all .3s .3s; transition: all .3s .3s; } .menu__button-top { top: 0; } .menu__button-bottom { bottom: 0; } .menu__button.active .menu__button-top, .menu__button.active .menu__button-bottom { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .menu__button.active .menu__button-top { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } .menu__button.active .menu__button-bottom { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .menu__button-top:before, .menu__button-bottom:before, .menu__button-top:after, .menu__button-bottom:after { content: ''; position: absolute; width: 39px; height: 3px; left: 0; background-color: #E3CBA4; } .menu__frame--white .menu__button-top:before, .menu__frame--white .menu__button-bottom:before, .menu__frame--white .menu__button-top:after, .menu__frame--white .menu__button-bottom:after { background-color: #003254; } .menu__button-top:before, .menu__button-bottom:before { top: 0; } .menu__button-top:after, .menu__button-bottom:after { bottom: 0; } .menu__button-close { position: absolute; width: 54px; height: 54px; top: 50%; left: 50%; margin: -28px 0 0 -28px; cursor: pointer; opacity: 0; background-color: rgba(5, 45, 73, 0.34); border: 1px solid #5a8ab1; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu__button.active .menu__button-close { opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .menu__button-close:after { content: ''; position: absolute; width: 15px; height: 15px; top: 50%; left: 50%; margin: -7.5px 0 0 -7.5px; background: url('/assets/i/sprite.png?v4') -5px -70px; } .menu__button-circle { position: absolute; width: 58px; height: 27px; top: 50%; left: 50%; margin: -13.5px 0 0 -29px; overflow: hidden; -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } .menu__button-circle:after { content: ''; position: absolute; width: 51px; height: 51px; top: 50%; left: 50%; margin: -28.5px 0 0 -28.5px; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .menu__center-buttons { position: absolute; top: 205px; right: 35px; bottom: 205px; left: 35px; font-size: 0; white-space: nowrap; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .menu__frame.popup-open .menu__button, .menu__frame.popup-open .menu__center-buttons { visibility: hidden; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } .menu__center-buttons:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .menu__center-buttons > div { display: inline-block; position: relative; width: 100%; vertical-align: middle; } .menu__center-button { display: block; position: relative; height: 54px; cursor: pointer; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #91BBDC; } .menu__frame--white .menu__center-button { color: #003254; border-color: #003254 !important; } .menu__center-button + .menu__center-button { border-top: 1px solid #91BBDC; } /*.menu__center-button:before {*/ /*margin-right: 12px;*/ /*vertical-align: middle;*/ /*font-size: 17px;*/ /*}*/ .menu__center-button:before { content: ''; position: absolute; top: 0; right: -35px; bottom: 0; left: -80px; opacity: 0; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .menu__frame--white .menu__center-button:before { background-color: rgba(0, 50, 84, 0.75); } .menu__center-button:hover:before { opacity: 1; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .menu__center-button:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .menu__center-button > div { display: inline-block; position: relative; vertical-align: middle; } .menu__center-button > div > span { display: block; position: relative; padding: 10px 10px 10px 40px; font-size: 10px; text-decoration: none; text-transform: uppercase; color: #91BBDC; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .5s; } .menu__frame--white .menu__center-button > div > span { color: #003254; } .menu__center-button > div > span.n2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #ffffff; } .menu__center-button.active > div > span { color: #ffffff; } .menu__center-button:hover > div > span.n1, .menu__center-button > div > span.n2 { opacity: 0; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .menu__center-button:hover > div > span.n2 { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .menu__center-button > div > span:before { position: absolute; top: 50%; left: 10px; margin-top: -10px; font-size: 17px; } .menu__center-button > div > span.n2:before { color: #ffffff; } .menu__center-button.active > div > span:before { color: #E3CBA4; } .menu__center-button.callback-button > div > span:before { -webkit-animation: phoneShakeAnimation 2000ms linear infinite; -moz-animation: phoneShakeAnimation 2000ms linear infinite; animation: phoneShakeAnimation 2000ms linear infinite; } @-moz-keyframes phoneShakeAnimation { 0%, 12%, 25%, 37%, 50%, 100%{-moz-transform: rotate(0deg);} 6%, 31%{-moz-transform: rotate(25deg);} 18%, 44%{-moz-transform: rotate(-25deg);} } @-webkit-keyframes phoneShakeAnimation { 0%, 12%, 25%, 37%, 50%, 100%{-webkit-transform: rotate(0deg);} 6%, 31%{-webkit-transform: rotate(25deg);} 18%, 44%{-webkit-transform: rotate(-25deg);} } @keyframes phoneShakeAnimation { 0%, 12%, 25%, 37%, 50%, 100%{transform: rotate(0deg);} 6%, 31%{transform: rotate(25deg);} 18%, 44%{transform: rotate(-25deg);} } .menu__footer { position: absolute; width: 100%; bottom: 125px; left: 0; } .menu__phone { position: relative; margin-bottom: 20px; font-size: 19px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-align: center; color: #e3cba4; } .menu__frame--white .menu__phone { color: #003158; } .menu__copyright { font-size: 11px; text-align: center; color: #5a8ab1; } .menu__legal-info { display: inline-block; margin-top: 5px; cursor: pointer; text-decoration: underline; } .menu__legal-info:hover { text-decoration: none; } .menu__socials { position: relative; margin-top: 20px; font-size: 0; text-align: center; white-space: nowrap; } .menu__social + .menu__social { margin-left: 10px; } .menu__social:before { font-size: 22px; color: #5a8ab1; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .menu__social:hover:before { color: #FFFFFF; } .menu__frame--white .menu__copyright, .menu__frame--white .menu__social:before { color: #326689; } .menu__sezar-logo { position: absolute; width: 137px; height: 88px; bottom: -20px; left: -13px; z-index: 1; background: url('/assets/i/sprite.png?v4') -47px -5px; -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; transition: transform .3s ease-in-out; } .menu__sezar-logo:hover { -webkit-transform: translate(3px, -5px); -moz-transform: translate(3px, -5px); -ms-transform: translate(3px, -5px); -o-transform: translate(3px, -5px); transform: translate(3px, -5px); } .menu__list-frame { visibility: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 19; background-color: #5A8AB1; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .7s ease-in-out .5s; -moz-transition: all .7s ease-in-out .5s; -ms-transition: all .7s ease-in-out .5s; -o-transition: all .7s ease-in-out .5s; transition: all .7s ease-in-out .5s; } .menu__list-frame.visible { visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .menu__title { visibility: hidden; position: absolute; bottom: 0; left: 240px; margin-bottom: -1.2em; font-size: 40px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #ffffff; -webkit-transform: rotate(-90deg) translateX(-120%); -moz-transform: rotate(-90deg) translateX(-120%); -ms-transform: rotate(-90deg) translateX(-120%); -o-transform: rotate(-90deg) translateX(-120%); transform: rotate(-90deg) translateX(-120%); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .menu__list-frame.visible .menu__title { visibility: visible; -webkit-transform: rotate(-90deg) translateX(0); -moz-transform: rotate(-90deg) translateX(0); -ms-transform: rotate(-90deg) translateX(0); -o-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .menu__list { position: absolute; top: 0; right: 40px; bottom: 0; left: 400px; font-size: 0; white-space: nowrap; } .menu__list:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .menu__list > div { display: inline-block; position: relative; width: 100%; vertical-align: middle; } .menu__row { position: relative; } .menu__row + .menu__row { margin-top: 50px; } .menu__col { display: inline-block; width: 20%; margin-right: 5%; vertical-align: top; } .menu__col-title { position: relative; margin-bottom: 15px; border-bottom: 1px solid #e3cba4; font-size: 21px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #e3cba4; } .menu__item { display: block; position: relative; cursor: pointer; font-size: 15px; text-decoration: none; } .menu__item.inactive { opacity: 0.3; cursor: default; } .menu__item > span { display: block; position: relative; padding: 10px 25px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .menu__item > span.n1 { background-color: #5A8AB1; color: #d9e4ec; } .menu__item > span.n2 { position: absolute; top: 0; right: 0; left: 0; background-color: #1B4C73; color: #ffffff; } .menu__item.active > span { background-color: #6E9FC7; color: #ffffff; } .menu__item:hover > span.n1, .menu__item > span.n2 { opacity: 0; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .menu__item:hover > span.n2 { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .top-shadow { position: absolute; width: 100%; height: 162px; top: 0; left: 0; z-index: 1; background: url('/assets/i/top_shadow.png'); pointer-events: none; } .close_btn, a.fancybox-close { position: absolute; width: 54px; height: 54px; top: 5%; right: 5%; cursor: pointer; background-color: rgba(5, 45, 73, 0.34); border: 1px solid #5a8ab1; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; } .close_btn:after { content: ''; position: absolute; width: 15px; height: 15px; top: 50%; left: 50%; margin: -7.5px 0 0 -7.5px; background: url('/assets/i/sprite.png?v4') -5px -70px; } .pano_close { z-index: 1; background-color: rgba(5, 45, 73, 0.55); } html.svg .close_btn:after { background-image: url('/assets/i/sprite.svg?v4'); } .close_btn_circle { position: absolute; width: 58px; height: 27px; top: 50%; left: 50%; margin: -13.5px 0 0 -29px; overflow: hidden; -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } .close_btn:hover .close_btn_circle { -webkit-animation: arrowRotate 3s linear infinite; -moz-animation: arrowRotate 3s linear infinite; -ms-animation: arrowRotate 3s linear infinite; animation: arrowRotate 3s linear infinite; } .close_btn_circle:after { content: ''; position: absolute; width: 51px; height: 51px; top: 50%; left: 50%; margin: -28.5px 0 0 -28.5px; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .small_close { width: 33px; height: 33px; background-position: -824px -5px; } .open_feedback { margin-top: 40px; cursor: pointer; } .open_feedback+.open_feedback { margin-top: 10px; } .video_popup_center { position: absolute; top: 50%; left: 50%; } .video_close { margin: 0; top: -70px; right: -70px; } .blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); filter: url("data:image/svg+xml;utf8,#blur"); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3); } /* Главная */ /*.home__start-block:before {*/ /*content: '';*/ /*position: absolute;*/ /*width: 100%;*/ /*height: 238px;*/ /*height: 508px;*/ /*height: 50%;*/ /*top: 100%;*/ /*left: 0;*/ /*background-color: rgba(255, 255, 255, 1);*/ /*}*/ /*.home__start-block:after {*/ /*content: '';*/ /*position: absolute;*/ /*width: 85px;*/ /*height: 130px;*/ /*top: 100%;*/ /*left: 50%;*/ /*margin: 108px 0 0 -42px;*/ /*background: url('/assets/i/sprite.png?v4') -516px -5px;*/ /*}*/ .bg_img_container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .bg_img_wrapper { position: absolute; top: 0; left: 0; overflow: hidden; } .home__start-wrapper, .home__start-block { overflow: hidden; } .home__start-bg { position: absolute; } .home__start-help { position: absolute; bottom: 100%; left: 0; margin-bottom: 170px; padding-left: 50px; font-size: 13px; text-transform: none; color: #003254; } .home__start-help:before { content: ''; position: absolute; width: 36px; height: 54px; top: 50%; left: 0; margin-top: -27px; background: url('/assets/i/sprite.png?v4') -276px -107px; } .home__start-slogan { position: absolute; bottom: 50%; left: 15%; z-index: 1; margin: 0 0 -165px 350px; font-size: 100px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 0.95; color: #ffffff; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .home__start-slogan.hidden { opacity: 0; } .home__start-skip { right: auto; left: 0; top: 100%; margin-top: 30px; } .home__start-skip h1 { position: absolute; top: 50%; left: 100%; margin-top: -0.5em; padding-left: 1em; font-size: 0.2em; white-space: nowrap; } .home__slogans { position: absolute; width: 262px; top: 0; bottom: 0; left: 228px; background-color: rgba(0, 49, 88, 0.41) } .home__slogans.hidden { display: none; } .home__slogan { position: absolute; width: 65px; height: 100%; cursor: pointer; font-size: 0; -webkit-transition: left .5s, width .5s; -moz-transition: left .5s, width .5s; -ms-transition: left .5s, width .5s; -o-transition: left .5s, width .5s; transition: left .5s, width .5s; } .home__slogan.p0 { width: 115px; left: 10px; cursor: default; } .home__slogan.p1 { left: 125px; } .home__slogan.p2 { left: 190px; } .home__slogan > span { position: absolute; bottom: 0; left: 50%; font-size: 44px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; line-height: 1; white-space: nowrap; color: #e3cba4; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: font-size .5s, color .5s, font-family .5s, margin-bottom .5s, -webkit-transform .5s; -moz-transition: font-size .5s, color .5s, font-family .5s, margin-bottom .5s, -moz-transform .5s; -ms-transition: font-size .5s, color .5s, font-family .5s, margin-bottom .5s, -ms-transform .5s; -o-transition: font-size .5s, color .5s, font-family .5s, margin-bottom .5s, -o-transform .5s; transition: font-size .5s, color .5s, font-family .5s, margin-bottom .5s, transform .5s; } .home__slogan:not(.p0):hover > span { color: #ffffff; -webkit-transform: scale(1.1) rotate(-90deg); -moz-transform: scale(1.1) rotate(-90deg); -ms-transform: scale(1.1) rotate(-90deg); -o-transform: scale(1.1) rotate(-90deg); transform: scale(1.1) rotate(-90deg); } .home__slogan > span:after { content: ''; position: absolute; width: 9px; height: 13px; top: 50%; left: 100%; margin: -6.5px 0 0 10px; background: url('/assets/i/sprite.png?v4') -7px -54px; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .home__slogan.p0 > span { margin-bottom: -0.25em; font-size: 114px; /*font-family: 'CirceBold', Helvetica, Arial, sans-serif;*/ color: #ffffff; } .home__slogan.p0 > span:after { opacity: 0; } @keyframes arrowRotate { from { transform: rotate(-130deg) ; } to { transform: rotate(230deg) ; } } @-moz-keyframes arrowRotate { from { -moz-transform: rotate(-130deg) ; } to { -moz-transform: rotate(230deg) ; } } @-webkit-keyframes arrowRotate { from { -webkit-transform: rotate(-130deg) ; } to { -webkit-transform: rotate(230deg) ; } } @-o-keyframes arrowRotate { from { -o-transform: rotate(-130deg) ; } to { -o-transform: rotate(230deg) ; } } @-ms-keyframes arrowRotate { from { -ms-transform: rotate(-130deg) ; } to { -ms-transform: rotate(230deg) ; } } .home__next-page-help { position: absolute; width: 150px; height: 100%; top: 0; right: -150px; z-index: 2; background-color: #E7CA9C; -webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; -o-transition: right .5s; transition: right .5s; } .next-page-link:hover .home__next-page-help { right: 0; } .home__next-page-help-title { position: absolute; width: 60px; left: 50%; margin-left: -30px; opacity: 0; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .home__next-page-help-title.n1 { bottom: 50%; margin-bottom: 60px; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .home__next-page-help-title.n2 { top: 50%; margin-top: 60px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .next-page-link:hover .home__next-page-help-title { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .next-page-link:hover .home__next-page-help-title { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .home__next-page-help-title > span { position: absolute; left: 50%; font-size: 15px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; line-height: 1; letter-spacing: 0.5em; white-space: nowrap; color: #072c4d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .home__next-page-help-title.n1 > span { bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .home__next-page-help-title.n2 > span { top: 0; -webkit-transform: rotate(-90deg) translate(-100%); -moz-transform: rotate(-90deg) translate(-100%); -ms-transform: rotate(-90deg) translate(-100%); -o-transform: rotate(-90deg) translate(-100%); transform: rotate(-90deg) translate(-100%); } .home__next-page:hover { background-color: #052d49; } .home__next-page:hover:before { content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .home__next-page:hover:after { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .home__next-page:hover .arrow-circle { display: none; } .home__urban-awards { position: absolute; width: 110px; height: 135px; bottom: 7%; right: 3%; background: url('/public/images/articles/home/urban.png'); } .home__urban-awards.n1 { position: absolute; width: 110px; height: 135px; margin-right: 110px; bottom: 7%; right: 3%; background: url('/public/images/articles/home/urban_1.png'); } .home__white-spisok { position: absolute; width: 210px; height: 30px; bottom: 2%; right: 3%; background: url('/public/images/articles/home/white_sp.png'); } .record_dynasty { position: absolute; width: 135px; height: 135px; bottom: 7%; margin-right: 210px; right: 3%; background: url('/public/images/articles/home/record_dynasty.png'); } /* о проекте */ .text_scroll img { max-width: 100%; } .browser_scroll { overflow: auto; } .about__block { position: absolute; max-width: 1010px; top: 0; right: 138px; bottom: 0; left: 490px; z-index: 1; background-color: rgba(0, 26, 47, 0.65); -webkit-transition: opacity .8s .7s, -webkit-transform .8s .7s; -moz-transition: opacity .8s .7s, -moz-transform .8s .7s; -ms-transition: opacity .8s .7s, -ms-transform .8s .7s; -o-transition: opacity .8s .7s, -o-transform .8s .7s; transition: opacity .8s .7s, transform .8s .7s; } .about__block.hidden { opacity: 0; -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .about__content { position: absolute; top: 80px; right: 55px; bottom: 0; left: 50px; -webkit-transition: opacity .8s 1.4s, -webkit-transform .8s 1.4s; -moz-transition: opacity .8s 1.4s, -moz-transform .8s 1.4s; -ms-transition: opacity .8s 1.4s, -ms-transform .8s 1.4s; -o-transition: opacity .8s 1.4s, -o-transform .8s 1.4s; transition: opacity .8s 1.4s, transform .8s 1.4s; } .about__block.hidden .about__content { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .about__title { position: relative; margin-bottom: 50px; padding: 0 80px 30px 80px; border-bottom: 3px solid #ffffff; font-size: 35px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 1; color: #ffffff; } .about__text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .about__text-style { padding-bottom: 45px; font-size: 15px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; line-height: 1.6; letter-spacing: 0.06em; color: #e1f0ff; } .about__text-style > h4 { font-size: 21px; font-weight: normal; } .about__text-style > p, .about__text-style > h4, .about__text-style > ul, .about__text-style > ol { padding: 0 80px !important; } .about__text-style > ul, .about__text-style > ol { list-style-position: inside; } .about__text-style > *:first-child { margin-top: 0 !important; } .about__text-style img { max-width: 100%; margin: 30px 0; } .about__special-text { position: relative; padding: 50px 0 50px 80px; color: #e3cba4; } .about__special-text h4 { font-size: 35px; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #e3cba4; } .about__special-text > p { padding-right: 80px; } .about__gallery-block { position: relative; margin: 50px 0; padding-top: 30%; overflow: hidden; cursor: pointer; } .about__gallery-block.n1,.about__gallery-block.n2,.about__gallery-block.n3{ width: 33%; display: inline-block; } .about__gallery-block.n1 img,.about__gallery-block.n2 img, .about__gallery-block.n3 img{ width: 150%; max-width: 150%; } .about__gallery-block.n1,.about__gallery-block.n2{ } .about__gallery-text{ position: absolute; bottom: 50px; margin-left: 12%; color: #4a6882; } .news_frame .about__gallery-block { margin-left: -100px; } .construction_frame .about__gallery-block { margin-top: 25px; } .about__gallery-block > img { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .about__gallery-block:hover > img { -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .about__gallery-block:before, .about__gallery-block:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .about__gallery-block:before { background-color: rgba(0, 0, 0, 0.35); -webkit-transition: background-color .4s; -moz-transition: background-color .4s; -ms-transition: background-color .4s; -o-transition: background-color .4s; transition: background-color .4s; } .about__gallery-block:hover:before, .about__gallery-block.hover:before { background-color: rgba(0, 0, 0, 0.55); } .about__gallery-title { position: absolute; width: 100%; height: 58px; top: 50%; left: 0; z-index: 1; margin-top: -29px; } .about__gallery-title-text { position: absolute; height: 58px; top: 0; opacity: 0; font-size: 0; white-space: nowrap; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .about__gallery-title-text.n1 { right: 50%; margin-right: 50px; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); } .about__gallery-title-text.n2 { left: 50%; margin-left: 50px; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px); } .about__gallery-block:hover .about__gallery-title-text, .about__gallery-block.hover .about__gallery-title-text { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .about__gallery-title-text:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .about__gallery-title-text > span { display: inline-block; vertical-align: middle; font-size: 10px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; color: #ffffff; } .about__info-frame { position: relative; margin-left: 80px; margin-top: -40px; padding-bottom: 40px; } .buy__seo-text { position: relative; margin-left: 80px; margin-top: 70px; padding-bottom: 40px; } .about__text-style p + .about__info-frame{ margin-top: 0; } .about__info { display: inline-block; position: relative; margin: 40px 40px 0 0; vertical-align: top; font-size: 13px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 1.1; color: #e3cba4; } .about__info > span { display: block; font-size: 75px; text-transform: none; line-height: 1; } .about__info > span > i { font-size: 0.5em; font-style: normal; } .about__info sup { font-size: 0.5em; } .about__plane { position: absolute; width: 293px; height: 243px; right: -20px; bottom: 3%; background: url('/assets/images/parallax/plane.png'); } .about__grass { position: absolute; width: 386px; height: 376px; right: -50px; bottom: -10px; background: url('/assets/i/animation_sprites/grass.png'); } .about__grass.play { -webkit-animation: grassAnimation 1s steps(50); -moz-animation: grassAnimation 1s steps(50); -ms-animation: grassAnimation 1s steps(50); -o-animation: grassAnimation 1s steps(50); animation: grassAnimation 1s steps(50); } @-webkit-keyframes grassAnimation { from { background-position: 0; } to { background-position: -19300px; } } @-moz-keyframes grassAnimation { from { background-position: 0; } to { background-position: -19300px; } } @-ms-keyframes grassAnimation { from { background-position: 0; } to { background-position: -19300px; } } @-o-keyframes grassAnimation { from { background-position: 0; } to { background-position: -19300px; } } @keyframes grassAnimation { from { background-position: 0; } to { background-position: -19300px; } } .about__flowers { position: absolute; width: 352px; height: 334px; right: -50px; bottom: -80px; background: url('/assets/i/animation_sprites/flowers.png'); } .about__flowers.play { -webkit-animation: flowersAnimation 1s steps(49); -moz-animation: flowersAnimation 1s steps(49); -ms-animation: flowersAnimation 1s steps(49); -o-animation: flowersAnimation 1s steps(49); animation: flowersAnimation 1s steps(49); } @-webkit-keyframes flowersAnimation { from { background-position: 0; } to { background-position: -17248px; } } @-moz-keyframes flowersAnimation { from { background-position: 0; } to { background-position: -17248px; } } @-ms-keyframes flowersAnimation { from { background-position: 0; } to { background-position: -17248px; } } @-o-keyframes flowersAnimation { from { background-position: 0; } to { background-position: -17248px; } } @keyframes flowersAnimation { from { background-position: 0; } to { background-position: -17248px; } } .about__parking { position: absolute; width: 302px; height: 268px; right: -70px; bottom: 10px; background: url('/assets/images/parallax/parking.png'); } .about__car { position: absolute; width: 972px; height: 406px; left: 77%; bottom: -113px; cursor: pointer; background: url('/assets/i/animation_sprites/car.png'); } .about__car.play { -webkit-animation: carAnimation 1s steps(16) 3; -moz-animation: carAnimation 1s steps(16) 3; -ms-animation: carAnimation 1s steps(16) 3; -o-animation: carAnimation 1s steps(16) 3; animation: carAnimation 1s steps(16) 3; } @-webkit-keyframes carAnimation { from { background-position: 0; } to { background-position: -15552px; } } @-moz-keyframes carAnimation { from { background-position: 0; } to { background-position: -15552px; } } @-ms-keyframes carAnimation { from { background-position: 0; } to { background-position: -15552px; } } @-o-keyframes carAnimation { from { background-position: 0; } to { background-position: -15552px; } } @keyframes carAnimation { from { background-position: 0; } to { background-position: -15552px; } } .about__leaves { position: absolute; width: 323px; height: 404px; right: -70px; bottom: -108px; background: url('/assets/i/animation_sprites/leaves.png'); } .concept_frame .about__leaves { top: -100px; bottom: auto; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .concept_frame .about__leaves .close_btn { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .about__leaves.play { -webkit-animation: leavesAnimation 1s steps(50); -moz-animation: leavesAnimation 1s steps(50); -ms-animation: leavesAnimation 1s steps(50); -o-animation: leavesAnimation 1s steps(50); animation: leavesAnimation 1s steps(50); } @-webkit-keyframes leavesAnimation { from { background-position: 0; } to { background-position: -16170px; } } @-moz-keyframes leavesAnimation { from { background-position: 0; } to { background-position: -16170px; } } @-ms-keyframes leavesAnimation { from { background-position: 0; } to { background-position: -16170px; } } @-o-keyframes leavesAnimation { from { background-position: 0; } to { background-position: -16170px; } } @keyframes leavesAnimation { from { background-position: 0; } to { background-position: -16170px; } } .about__elevator { position: absolute; width: 163px; height: 223px; left: 89%; top: 67%; background: url('/assets/i/animation_sprites/elevator.png'); } .about__elevator.play { -webkit-animation: elevatorAnimation 1s steps(99); -moz-animation: elevatorAnimation 1s steps(99); -ms-animation: elevatorAnimation 1s steps(99); -o-animation: elevatorAnimation 1s steps(99); animation: elevatorAnimation 1s steps(99); } @-webkit-keyframes elevatorAnimation { from { background-position: 0; } to { background-position: -16137px; } } @-moz-keyframes elevatorAnimation { from { background-position: 0; } to { background-position: -16137px; } } @-ms-keyframes elevatorAnimation { from { background-position: 0; } to { background-position: -16137px; } } @-o-keyframes elevatorAnimation { from { background-position: 0; } to { background-position: -16137px; } } @keyframes elevatorAnimation { from { background-position: 0; } to { background-position: -16137px; } } .about__clouds { position: absolute; width: 460px; height: 574px; top: -10px; right: -20px; background: url('/assets/i/animation_sprites/clouds.png'); } .about__clouds.play { -webkit-animation: cloudsAnimation 1s steps(49); -moz-animation: cloudsAnimation 1s steps(49); -ms-animation: cloudsAnimation 1s steps(49); -o-animation: cloudsAnimation 1s steps(49); animation: cloudsAnimation 1s steps(49); } @-webkit-keyframes cloudsAnimation { from { background-position: 0; } to { background-position: -23030px; } } @-moz-keyframes cloudsAnimation { from { background-position: 0; } to { background-position: -23030px; } } @-ms-keyframes cloudsAnimation { from { background-position: 0; } to { background-position: -23030px; } } @-o-keyframes cloudsAnimation { from { background-position: 0; } to { background-position: -23030px; } } @keyframes cloudsAnimation { from { background-position: 0; } to { background-position: -23030px; } } .about__dividers { position: absolute; width: 269px; height: 354px; right: -10px; bottom: 0; background: url('/assets/images/parallax/dividers.png'); } .infinite-animation { -webkit-animation-iteration-count: infinite !important; -moz-animation-iteration-count: infinite !important; -ms-animation-iteration-count: infinite !important; -o-animation-iteration-count: infinite !important; animation-iteration-count: infinite !important; } /* Преимущества */ .advantages__cloud { position: absolute; width: 90%; height: auto; } .advantages__block { position: absolute; max-width: 1010px; top: 0; right: 138px; bottom: 0; left: 490px; background-color: rgba(0, 26, 47, 0.65); } /*.advantages_frame .page__left-panel {*/ /*background-color: rgba(0, 49, 88, 0.45);*/ /*}*/ .advantages__scroll { position: absolute; top: 130px; right: 55px; bottom: 0; left: 50px; } .advantages__content { position: relative; padding: 30px 0; } .advantages__item { position: relative; } .advantages__item + .advantages__item { margin-top: 100px; } .advantages__item-title { position: relative; margin-bottom: 30px; padding: 0 0 25px 100px; cursor: pointer; border-bottom: 3px solid #ffffff; font-size: 35px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; letter-spacing: 0.05em; color: #ffffff; } .advantages__item-title:before { content: ''; position: absolute; width: 90px; height: 90px; top: 50%; left: 0; margin-top: -60px; background: url('/assets/i/sprite.png?v4'); } .advantages__item-title.n1:before { background-position: -5px -218px; } .advantages__item-title.n2:before { background-position: -100px -218px; } .advantages__item-title.n3:before { background-position: -195px -218px; } .advantages__item-title.n4:before { background-position: -290px -218px; } .advantages__item-title.n5:before { background-position: -385px -218px; } .advantages__item-title.n6:before { background-position: -470px -218px; } .advantages__item-title:after { /*content: '';*/ position: absolute; width: 13px; height: 9px; right: 0; top: 50%; margin-top: -14.5px; background: url('/assets/i/sprite.png?v4') -276px -167px; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -ms-transition: -ms-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; } .advantages__item-title.active:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .advantages__item-text, .advantages__item-full-text { margin: 0 70px 0 90px; font-size: 13px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; line-height: 1.5; letter-spacing: 0.07em; color: #dcedff; } .advantages__item-full-text { display: none; } .advantages__item-text > *:first-child, .advantages__item-full-text > *:first-child { margin-top: 0; } .advantages__bird { position: absolute; width: 254px; height: 290px; top: 3%; left: 90%; z-index: 1; background: url('/assets/i/sprite.png?v4') -5px -313px; } /* динамика строительства */ .carousel_over { position: relative; width: 60%; overflow: hidden; margin: 0 auto; } .carousel_line { position: relative; left: 0; width: 100%; white-space: nowrap; font-size: 0; } .carousel_item { position: relative; width: 100%; top: 0; display: inline-block; vertical-align: top; text-decoration: none; } .carousel_content { margin: 0 20px; padding: 20px 30px 20px; background: #fff; color: #000; cursor: pointer; font-size: 15px; } .carousel_item_img { width: 100%; height: auto; } /*.carousel_arrow, .g_btn, a.fancybox-nav span {*/ /*position: absolute;*/ /*top: 50%;*/ /*width: 40px;*/ /*height: 60px;*/ /*cursor: pointer;*/ /*margin: -30px -80px;*/ /*background: url('/assets/i/sprite.png?v4');*/ /*}*/ /*.carousel_arrow.left, .g_btn.left, a.fancybox-prev span {*/ /*left: 10%;*/ /*background-position: -169px -5px;*/ /*}*/ /*.carousel_arrow.right, .g_btn.right, a.fancybox-next span {*/ /*right: 10%;*/ /*background-position: -219px -5px;*/ /*}*/ .carousel_arrow { opacity: 0.5; } .carousel_arrow.active { opacity: 1; } /* новости */ .page__left-panel.press-panel { background-color: rgba(0, 49, 88, 0.65); } .news__block { position: absolute; max-width: 1500px; top: 0; right: 138px; bottom: 0; left: 0; z-index: 1; background-color: rgba(255, 255, 255, 0.95); } .news__content { position: absolute; top: 55px; right: 65px; bottom: 0; left: 538px; } .news__text { padding: 0 10px 0 0; } .news__year-title { position: relative; padding-bottom: 5px; border-bottom: 3px solid #052d49; white-space: nowrap; font-size: 18px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; color: #4a6882; } .news__year { display: inline-block; margin: 0 10px 0 5px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; } .news__year.active { text-decoration: none; } .news__current-year { font-size: 25px; color: #052d49; } .news__archive { display: inline-block; margin-left: 30px; } .news__scroll { position: absolute; top: 90px; right: 0; bottom: 0; left: 0; } .news__item { position: relative; padding: 0 40px 0 100px; border-bottom: 1px solid #052d49; } .tv_frame .news__item { border: none; } .construction_frame .news__item { margin-top: 30px !important; padding: 0 0 0 40px; } .news__item + .news__item { margin-top: 25px; } .news__item-preview { position: absolute; width: 80px; height: 75px; top: 3px; left: 0; overflow: hidden; background: 50% 50%; -webkit-background-size: cover; background-size: cover; } .news__item-date { margin-bottom: 10px; font-size: 21px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; color: #4a6882; } .news__item-date > span { font-size: 35px; } .news__item-source { display: inline-block; position: relative; font-size: 21px !important; font-family: 'CirceBold', Helvetica, Arial, sans-serif; } .news__item-source:before { content: '|'; display: inline-block; margin: 0 10px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; } .news__item-title { position: relative; padding: 0 20px 25px 0; cursor: pointer; font-size: 25px; color: #1c4b71; } .news__item-title:after { content: ''; position: absolute; width: 13px; height: 9px; top: 50%; right: 0; margin-top: -17.5px; background: url('/assets/i/sprite.png?v4') -295px -167px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .news__item.active .news__item-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .tv_frame .news__item-title:after { display: none; } .news__item-text { display: none; font-size: 13px; /*font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif;*/ line-height: 1.6; letter-spacing: 0.06em; color: #4a6882; } .news__item.active .news__item-text, .construction_frame .news__item-text { display: block; } .news__item-video { position: relative; width: 400px; height: 250px; margin: 10px 0 30px; cursor: pointer; background: #000000 center center; -webkit-background-size: cover; background-size: cover; } .news__item-video:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: background-color .4s ease-in-out; -moz-transition: background-color .4s ease-in-out; -ms-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out; } .news__item-video:hover:before { background-color: rgba(0, 0, 0, 0.5); } .news__item-video:after { content: ''; position: absolute; width: 58px; height: 58px; top: 50%; left: 50%; margin: -29px 0 0 -29px; background: url('/assets/i/sprite.png?v4') -576px -151px; } .divide-30 { height: 30px; } .divide-80 { height: 80px; } /*.news__years {*/ /*display: none;*/ /*position: absolute;*/ /*bottom: 55px;*/ /*left: 0;*/ /*}*/ /*.news__year {*/ /*cursor: pointer;*/ /*font-size: 17px;*/ /*font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif;*/ /*text-decoration: underline;*/ /*color: #052d49;*/ /*}*/ /*.news__year + .news__year {*/ /*margin-top: 20px;*/ /*}*/ /*.news__year.active {*/ /*display: none;*/ /*}*/ /* документы */ .docs_item{ position: relative; display: block; min-height: 35px; padding: 12px 0 0 60px; font-size: 16px; text-decoration: none; } .docs_item + .docs_item{ margin-top: 30px; } .docs_item:before { content: ''; display: block; position: absolute; width: 34px; height: 45px; top: 0; left: 0; background: url('/assets/i/sprite.png?v4') -671px -34px; } .docs_item_details{ display: none; font-size: 0.8em; padding-top: 0.25em; } .docs_item.opened .docs_item_details{ display: block; } .docs_item_details_btn{ cursor: pointer; display: inline-block; padding-right: 20px; position: relative; } .docs_item_details_btn span{ color: #e3cba4; display: inline-block; text-decoration: underline; } .docs_item_details_btn:hover span{ text-decoration: none; } .docs_item_details_btn:after{ border-style: solid; border-width: 6px 5px 0 5px; border-color: #e3cba4 transparent transparent transparent; content: ""; display: block; height: 0; margin-top: -1px; position: absolute; right: 0; top: 50%; width: 0; } .docs_item.opened .docs_item_details_btn:after{ border-width: 0 5px 6px 5px; border-color: transparent transparent #e3cba4 transparent; margin-top: -3px; } html.svg .documents_frame .text_scroll a:before { background-image: url('/assets/i/sprite.svg?v4'); } /* параллакс */ img.p_item { width: 120%; height: 120%; left: -10% !important; top: -10% !important; } /* Расположение */ .placement_frame { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*.placement__cup {*/ /*position: absolute;*/ /*width: 25.9%;*/ /*bottom: 0;*/ /*left: 67%;*/ /*z-index: 1;*/ /*-webkit-transition: all .6s;*/ /*-moz-transition: all .6s;*/ /*-ms-transition: all .6s;*/ /*-o-transition: all .6s;*/ /*transition: all .6s;*/ /*}*/ /*.placement__cup.hidden {*/ /*bottom: -26%;*/ /*left: 78%;*/ /*}*/ .placement__cup { position: absolute; width: 1em; height: 0.5em; bottom: 0; left: 67%; z-index: 1; font-size: 500px; background-image: url('/assets/i/animation_sprites/coffee.png'); -webkit-background-size: 45em 0.5em; background-size: 45em 0.5em; } .placement__cup.play { -webkit-animation: coffeeAnimation 1s steps(44); -moz-animation: coffeeAnimation 1s steps(44); -ms-animation: coffeeAnimation 1s steps(44); -o-animation: coffeeAnimation 1s steps(44); animation: coffeeAnimation 1s steps(44); } @-webkit-keyframes coffeeAnimation { from { background-position: 0; } to { background-position: -44em; } } @-moz-keyframes coffeeAnimation { from { background-position: 0; } to { background-position: -44em; } } @-ms-keyframes coffeeAnimation { from { background-position: 0; } to { background-position: -44em; } } @-o-keyframes coffeeAnimation { from { background-position: 0; } to { background-position: -44em; } } @keyframes coffeeAnimation { from { background-position: 0; } to { background-position: -44em; } } .placement__pen { position: absolute; width: 30.31%; bottom: -8%; left: 21%; z-index: 1; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .placement__pen.hidden { bottom: -22%; left: 15%; } .placement__infrastructure-button-logo > span { visibility: hidden; position: absolute; top: 50%; left: 100%; margin: -40px 0 0 5px; padding: 10px 20px; opacity: 0; background-color: rgba(0, 49, 88, 0.85); font-size: 12px; text-transform: uppercase; color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .placement__infrastructure-button:hover span { visibility: visible; opacity: 1; } .placement__infrastructure-button-logo > span:before { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 100%; margin-top: -5px; border-style: solid; border-width: 5px 8px 5px 0; border-color: transparent rgba(0, 49, 88, 0.85) transparent transparent; } .placement__infrastructure-button { position: absolute; width: 6%; height: 9%; top: 26%; left: 51.2%; z-index: 1; cursor: pointer; } .placement__map-image { display: none; position: absolute; width: 98.95%; height: 129.62%; top: 0; left: 1.1%; z-index: 1; } .placement__map-image > img { position: absolute; width: 100%; height: 100%; } .placement__map-wrapper { visibility: hidden; z-index: 1; opacity: 0; } .placement__map-wrapper.visible { visibility: visible; opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #map_place { background-color: #F4F0D3; } .placement__map-overlay { position: absolute; pointer-events: none; } .placement__infrastructure-toggle-button { position: absolute; width: 100%; height: 66px; top: 65px; left: 0; z-index: 1; cursor: pointer; font-size: 0; white-space: nowrap; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .placement__infrastructure-toggle-button:hover { background-color: rgba(0, 50, 87, 0.50); } .placement__infrastructure-toggle-button:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .placement__infrastructure-toggle-button > div { display: inline-block; position: relative; margin-left: 135px; vertical-align: middle; font-size: 10px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #ffffff; } .placement__infrastructure-toggle-button > div:before { content: ''; position: absolute; width: 26px; height: 24px; top: 50%; right: 100%; margin: -13px 20px 0 0; background: url('/assets/i/sprite.png?v4') -605px -34px; } .placement__infrastructure-toggle-button.active > div:before { height: 26px; background-position: -636px -34px; } .placement__content { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .placement__content.active { display: block; } .placement__content-title { position: absolute; width: 55px; height: 100%; bottom: 0; left: 0; } .placement__content-title > span { position: absolute; bottom: 0; left: 50%; margin-bottom: -0.2em; font-size: 40px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; line-height: 1; white-space: nowrap; letter-spacing: 0.03em; color: #ffffff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .placement__content-text { position: absolute; /*top: 50px;*/ top: 0; right: 0; bottom: 0; left: 55px; } .advantages_frame .placement__content-text { top: 0 !important; } .placement__content-text .v-align > div { width: auto; margin-left: 30px; } .placement__distance { font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; color: #e3cba4; } .placement__distance + .placement__distance { margin-top: 30px; } .placement__distance > span { display: block; line-height: 1; } .placement__distance > .n0 { margin-bottom: 8px; font-size: 13px; letter-spacing: 0.05em; } .placement__distance > .n1 { font-size: 70px; line-height: 0.8; color: #ffffff; } .placement__distance > .n1 > i { font-size: 0.2em; font-style: normal; } .placement__distance > .n2 { font-size: 31px; } .placement__distance > .n3 { font-size: 13px; letter-spacing: 0.05em; } .placement__infrastructure-points { position: absolute; top: 160px; right: 0; bottom: 250px; left: 25px; font-size: 0; white-space: nowrap; } .placement__infrastructure-points:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .placement__infrastructure-points > div { display: inline-block; vertical-align: middle; } .placement__infrastructure-point { position: relative; width: 146px; height: 55px; cursor: pointer; font-size: 0; white-space: nowrap; } .placement__infrastructure-point + .placement__infrastructure-point { border-top: 1px solid #003257; } .placement__infrastructure-point:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .placement__infrastructure-point > span { display: inline-block; margin-left: 60px; vertical-align: middle; opacity: 0.5; font-size: 10px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #ffffff; } .placement__infrastructure-point.active > span { opacity: 1; } .placement__infrastructure-point:after { content: ''; position: absolute; width: 25px; height: 25px; top: 50%; left: 10px; margin-top: -12.5px; background: url('/assets/i/sprite.png?v4'); } .placement__infrastructure-point.n0:after { background-position: -605px -5px; } .placement__infrastructure-point.n1:after { background-position: -635px -5px; } .placement__infrastructure-point.n2:after { background-position: -665px -5px; } .placement__infrastructure-point.n3:after { background-position: -695px -5px; } .placement__infrastructure-point.n4:after { background-position: -725px -5px; } .placement__infrastructure-point.n5:after { background-position: -755px -5px; } .placement__infrastructure-counts { position: absolute; bottom: 10px; left: 25px; } .placement__infrastructure-count { font-size: 10px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #ffffff; } .placement__infrastructure-count + .placement__infrastructure-count { margin-top: 30px; } .placement__infrastructure-count > span { display: block; font-size: 75px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; line-height: 0.8; } .placement__slider { position: absolute; width: 478px; height: 3px; top: 78px; left: 70%; z-index: 2; margin-left: -239px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .placement__slider.hidden { visibility: hidden; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .placement__slider:before { content: ''; position: absolute; width: 100%; height: 1px; top: 0; left: 0; border-bottom: 1px solid #ffffff; } .placement__slider-mask { position: absolute; height: 3px; top: 0; right: 300px; left: 0; background-color: #E3CBA4; } .placement__slider-min { position: absolute; width: 8px; height: 8px; top: 50%; left: -4px; margin-top: -4px; background-color: #E3CBA4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .placement__slider-max { position: absolute; width: 11px; height: 11px; top: 50%; right: -5.5px; margin-top: -5.5px; background-color: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .placement__slider-drag { position: absolute; width: 50px; height: 50px; top: -35px; left: 0; margin-left: -25px; cursor: url('/assets/i/cur1.cur'), pointer; } .placement__slider-drag:before { content: ''; position: absolute; width: 13px; height: 9px; bottom: -3px; left: 50%; margin-left: -6.5px; background: url('/assets/i/sprite.png?v4') -5px -90px; } .placement__slider-drag:active { cursor: url('/assets/i/cur2.cur'), pointer; } .placement__slider-drag:after { content: ''; position: absolute; width: 15px; height: 32px; bottom: 20px; left: 50%; margin-left: -7.5px; background: url('/assets/i/sprite.png?v4') -25px -70px; } .placement__slider-drag-text { position: absolute; width: 50px; top: 60px; left: 50%; margin-left: -25px; font-size: 11px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; color: #ffffff; } .placement__slider-drag-text > span { display: block; font-size: 25px; line-height: 0.85; } /* Контакты */ .contacts__map-block { z-index: 1; } .contacts__map-mask { position: absolute; pointer-events: none; } #contacts_map_place { top: 0; right: 0; bottom: 0; left: 18%; background-color: #C1C4C9; } .contacts__content { position: relative; font-size: 15px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; text-align: center; color: #5a8ab1; } .contacts__address { position: relative; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .contacts__address + .contacts__address { margin-top: 80px; } .contacts__address.inactive { opacity: 0.3; } .contacts__address.inactive:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .contacts__sezar-logo { width: 33px; height: 38px; margin: 0 auto 10px; cursor: pointer; background: url('/assets/i/sprite.png?v4') -208px -107px; } .contacts__dynasty-logo { width: 85px; height: 45px; margin: 0 auto 10px; cursor: pointer; background: url('/assets/i/sprite.png?v4') -386px -107px; } .contacts__route-block { position: relative; margin-top: 30px; text-align: left; } .contacts__route-button { display: inline-block; position: relative; padding-left: 45px; cursor: pointer; font-size: 11px; text-align: left; text-transform: uppercase; color: #ffffff; } .contacts__route-button:before { content: ''; position: absolute; width: 26px; height: 30px; top: 50%; left: 0; margin-top: -15px; background: url('/assets/i/sprite.png?v4') -208px -151px; -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; -o-transition: left .3s; transition: left .3s; } .contacts__route-button:hover:before { left: 8px; } .contacts__route-button.active:before { background-position: -245px -151px; } .scheme-hidden { display: none; } .route_adr_frame { visibility: hidden; position: absolute; width: 100%; height: 30px; top: 100%; left: 0; margin-top: 10px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .route_adr_frame.visible { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .route_adr_input { display: block; position: absolute; width: 138px; height: 28px; top: 0; left: 0; background: none; border: none; border-bottom: 1px solid #366489; font-size: 15px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; color: #ffffff; } .route_adr_frame ::-webkit-input-placeholder { color: #5a8ab1; } .route_adr_frame :-moz-placeholder { color: #5a8ab1; } .route_adr_frame ::-moz-placeholder { color: #5a8ab1; } .route_adr_frame :-ms-input-placeholder { color: #5a8ab1; } .route_adr_btn { position: absolute; width: 20px; height: 30px; top: 0; right: 0; cursor: pointer; } .route_adr_btn:after { content: ''; position: absolute; width: 9px; height: 13px; top: 50%; left: 50%; margin: -6.5px 0 0 -4.5px; background: url('/assets/i/sprite.png?v4') -245px -107px; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -ms-transition: -ms-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; } .route_adr_btn:hover:after { background-position: -259px -107px; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .contacts__zoom-button { position: absolute; width: 44px; height: 44px; top: 10%; right: 52px; z-index: 1; cursor: pointer; background-color: rgba(0, 50, 88, 0); border: 2px solid #475a6d; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -webkit-transition: border-color .3s, background-color .3s, visibility .5s, opacity .5s, -webkit-transform .5s; -moz-transition: border-color .3s, background-color .3s, visibility .5s, opacity .5s, -moz-transform .5s; -ms-transition: border-color .3s, background-color .3s, visibility .5s, opacity .5s, -ms-transform .5s; -o-transition: border-color .3s, background-color .3s, visibility .5s, opacity .5s, -o-transform .5s; transition: border-color .3s, background-color .3s, visibility .5s, opacity .5s, transform .5s; } .contacts__zoom-button.hidden { visibility: hidden; opacity: 0; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .contacts__zoom-button:hover { background-color: rgba(0, 50, 88, 0.55); border-color: #E3CBA4; } .contacts__zoom-button.zoom-in { margin-top: 68px; } .contacts__zoom-button:before { content: ''; position: absolute; width: 15px; height: 1px; top: 50%; left: 50%; margin: -0.5px 0 0 -7.5px; background-color: #475a6d; } .contacts__zoom-button.zoom-in:after { content: ''; position: absolute; width: 1px; height: 15px; top: 50%; left: 50%; margin: -7.5px 0 0 -0.5px; background-color: #475a6d; } .contacts__zoom-button:before, .contacts__zoom-button.zoom-in:after { -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .contacts__zoom-button:hover:before, .contacts__zoom-button.zoom-in:hover:after { background-color: #E3CBA4; } .contacts__announcement-bg, .contacts__requisites-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 490px; z-index: 5; background-color: rgba(255, 255, 255, 0.5); } .contacts__requisites-bg { display: none; } .contacts__announcement, .contacts__requisites { position: absolute; width: 570px; height: 250px; top: 50%; left: 50%; margin: -125px 0 0 -340px; background-color: rgba(0, 26, 47, 0.9); font-size: 0; text-align: center; } .contacts__announcement:before, .contacts__requisites:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .contacts__announcement > div:first-child, .contacts__requisites > div:first-child { display: inline-block; width: 85%; margin-top: 20px; vertical-align: middle; font-size: 15px; text-align: left; color: #ffffff; } .contacts__requisites > div:first-child { margin: 0 40px 0 0; width: 75%; } .contacts__requisites > div:first-child strong { font-weight: normal; color: #e3cba4; } .contacts__announcement-close, .contacts__requisites-close { top: 20px; right: 20px; } .contacts__requisites-open { position: absolute; width: 100%; bottom: 14px; left: 0; cursor: pointer; font-size: 12px; text-align: center; text-decoration: underline; text-transform: uppercase; color: #7dabd0; } /* Выбор квартир */ .plans__korpus-bubble { position: absolute; width: 62px; height: 62px; z-index: 1; margin: -32px 0 0 -32px; background-color: rgba(5, 45, 73, 0.60); border: 1px solid #ffffff; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; font-size: 0; text-align: center; white-space: nowrap; } .plans__korpus-bubble:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .plans__korpus-bubble-inner { display: inline-block; position: relative; vertical-align: middle; font-size: 11px; text-transform: uppercase; color: #ffffff; } .plans__korpus-bubble-inner > span { display: block; font-size: 30px; line-height: 1; } .plans__cloud-1 { position: absolute; width: auto; height: 140%; top: -25%; left: -4%; } .plans__cloud-2 { position: absolute; width: auto; height: 140%; top: -15%; left: -3%; } @-webkit-keyframes verticalFlyTrough { from { -webkit-transform: translateY(100%) ; } to { -webkit-transform: translateY(-150%) ; } } @-moz-keyframes verticalFlyTrough { from { -moz-transform: translateY(100%) ; } to { -moz-transform: translateY(-150%) ; } } @-ms-keyframes verticalFlyTrough { from { -ms-transform: translateY(100%) ; } to { -ms-transform: translateY(-150%) ; } } @-o-keyframes verticalFlyTrough { from { -o-transform: translateY(100%) ; } to { -o-transform: translateY(-150%) ; } } @keyframes verticalFlyTrough { from { transform: translateY(100%) ; } to { transform: translateY(-150%) ; } } .vertical-fly-through { -webkit-animation: verticalFlyTrough 35s linear infinite; -moz-animation: verticalFlyTrough 35s linear infinite; -ms-animation: verticalFlyTrough 35s linear infinite; animation: verticalFlyTrough 35s linear infinite; } @-webkit-keyframes horizontalFlyTrough { from { -webkit-transform: translateX(100%) ; } to { -webkit-transform: translateX(-110%) ; } } @-moz-keyframes horizontalFlyTrough { from { -moz-transform: translateX(100%) ; } to { -moz-transform: translateX(-110%) ; } } @-ms-keyframes horizontalFlyTrough { from { -ms-transform: translateX(100%) ; } to { -ms-transform: translateX(-110%) ; } } @-o-keyframes horizontalFlyTrough { from { -o-transform: translateX(100%) ; } to { -o-transform: translateX(-110%) ; } } @keyframes horizontalFlyTrough { from { transform: translateX(100%) ; } to { transform: translateX(-110%) ; } } .horizontal-fly-through { -webkit-animation: horizontalFlyTrough 40s linear infinite; -moz-animation: horizontalFlyTrough 40s linear infinite; -ms-animation: horizontalFlyTrough 40s linear infinite; animation: horizontalFlyTrough 40s linear infinite; } .plans_close { top: 40px; right: 40px; z-index: 1; margin: 0; background-color: rgba(5, 45, 73, 0.6); } /*.floor_frame .plans_close {*/ /*right: auto;*/ /*left: 100%;*/ /*}*/ /*.plans_close:after {*/ /*content: '';*/ /*position: absolute;*/ /*width: 9px;*/ /*height: 13px;*/ /*top: 50%;*/ /*left: 50%;*/ /*margin: -6.5px 0 0 -4.5px;*/ /*background: url('/assets/i/sprite.png?v4') -25px -54px;*/ /*}*/ /*.plans_close:hover:after {*/ /*background-position: -7px -54px;*/ /*}*/ .plans_windrose { position: absolute; width: 90px; height: 97px; top: 140px; left: 57px; background: url('/assets/i/sprite.png?v4') -115px -107px; } .korpus_frame .plans_windrose { top: 65px; } .korpus__sections-link { position: absolute; width: 87px; height: 87px; z-index: 1; margin: -43.5px 0 0 -43.5px; background-color: rgba(5, 45, 73, 0.6); border: 2px solid #87b4d9; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; font-size: 0; text-align: center; text-decoration: none; white-space: nowrap; } .korpus__sections-link:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .korpus__sections-text { display: inline-block; position: relative; vertical-align: middle; font-size: 11px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #ffffff; } .korpus__sections-text > span { display: block; margin-bottom: 3px; font-size: 25px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; } .korpus__sections-circle { position: absolute; width: 92px; height: 41px; top: 50%; left: 50%; margin: -20.5px 0 0 -46px; overflow: hidden; -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } .korpus__sections-circle:after { content: ''; position: absolute; width: 81px; height: 78px; top: 50%; left: 50%; margin: -44px 0 0 -45px; border: 5px solid #ffffff; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; } .korpus__ruler { position: absolute; width: 20px; } .korpus__ruler.left { margin-left: -40px; } .korpus__ruler.right { margin-left: 10px; } .korpus__ruler-top, .korpus__ruler-bottom { position: absolute; width: 100%; height: 50%; } .korpus__ruler-top { top: 0; } .korpus__ruler-bottom { bottom: 0; } .korpus__ruler .korpus__ruler-top:after, .korpus__ruler .korpus__ruler-bottom:after { content: ''; position: absolute; width: 100%; border: solid #ffffff; } .korpus__ruler .korpus__ruler-top:after { top: 0; bottom: 40px; } .korpus__ruler.left .korpus__ruler-top:after { border-width: 1px 0 0 1px; -webkit-border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; border-radius: 15px 0 0 0; } .korpus__ruler.right .korpus__ruler-top:after { border-width: 0 1px 0 0; -webkit-border-radius: 0 15px 0 0; -moz-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0; } .korpus__ruler .korpus__ruler-bottom:after { top: 40px; bottom: 0; } .korpus__ruler.left .korpus__ruler-bottom:after { border-width: 0 0 1px 1px; -webkit-border-radius: 0 0 0 15px; -moz-border-radius: 0 0 0 15px; border-radius: 0 0 0 15px; } .korpus__ruler.right .korpus__ruler-bottom:after { border-width: 0 1px 1px 0; -webkit-border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0; } .korpus__ruler-content { position: absolute; width: 55px; height: 55px; top: 50%; left: 50%; margin: -27.5px 0 0 -39.5px; background-color: rgba(0, 49, 88, 0.6); -webkit-border-radius: 43px; -moz-border-radius: 43px; border-radius: 43px; font-size: 0; text-align: center; white-space: nowrap; color: #ffffff; } .korpus__ruler.right .korpus__ruler-content { margin: -27.5px 0 0 -17.5px; } .korpus__ruler.hover .korpus__ruler-content { background-color: rgba(255, 255, 255, 0.6); color: #003158; } .korpus__ruler-content:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .korpus__ruler-content > div { display: inline-block; position: relative; vertical-align: middle; font-size: 13px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-transform: uppercase; } .korpus__ruler-content span { display: block; margin-top: 5px; font-size: 19px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; line-height: 1em; } .plans_map_svg { z-index: 1; } .blur_bg, .floor_frame { z-index: 10; display: none; } .floor_frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFFFFF; } .floor_frame.visible { display: block; } .floor__next-section, .apart__next-type{ right: 45px; z-index: 1; margin-right: 0; background-color: rgba(5, 45, 73, 0.6); } .floor__prev-section, .apart__prev-type{ left: 650px; z-index: 1; margin-left: 0; background-color: rgba(5, 45, 73, 0.6); } .apart__prev-type, .apart__next-type{ display: none; } .floor_popup { display: none; position: absolute; width: 89px; height: 89px; z-index: 2; margin: -95px 0 0 0; background-color: #ffffff; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; font-size: 0; text-align: center; } .floor_popup:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .floor_popup_det { display: inline-block; position: relative; vertical-align: middle; font-size: 13px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 0.95; color: #052d49; } .floor_popup_det > div { display: block; font-size: 41px; line-height: 0.9; } .rooms_sel span:before { content: '1'; position: absolute; width: 17px; top: 14px !important; left: 10px !important; font-size: 23px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: center; } .rooms_sel.n2 span:before { content: '2'; } .rooms_sel.n3 span:before { content: '3'; } .rooms_sel.n4 span:before { content: 'T'; } .rooms_sel.active span:before { color: #e3cba4; } .opened_floor .blur_bg, .opened_floor .floor_frame, .opened_flat .blur_bg, .opened_flat .floor_frame { display: block; } .plan_frame { position: absolute; top: 15%; right: 125px; bottom: 15%; left: 740px; } .plan_frame_centrer { position: absolute; top: 50%; left: 50%; background: url('/assets/i/blank.gif'); } .plan_frame_centrer.apart_zoom { overflow: hidden; } .plan_frame_centrer.apart_zoom:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #fff; } .apart_zoom_frame { position: absolute; width: 300px; height: 300px; margin: -152px; overflow: hidden; border-radius: 5000px; border: 2px solid #fff; display: none; } .plan_frame_centrer.apart_zoom_lens .apart_zoom_frame { display: block; } .apart_zoom_img { position: absolute; margin: 50%; } .korpus_details { position: absolute; width: 100px; top: 50%; left: 505px; z-index: 1; margin-top: -80px; } .korp_det, .popup_details_row { position: relative; padding: 10px 0 8px 15px; border-bottom: 1px solid #80add2; font-size: 13px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; color: #164f7f; } .korp_det > div, .popup_details_row > div { font-size: 35px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; line-height: 0.95; } .popup_details_row { border: none; white-space: nowrap; } .popup_details_row>div sup { font-size: 0.65em; line-height: 100%; } .popup_details_row+.popup_details_row { border-top: 1px solid #80add2; } .section_popup { position: absolute; width: 54px; height: 54px; z-index: 1; margin: -28px 0 0 -28px; cursor: pointer; background-color: rgba(5, 45, 73, 0.7); border: 1px solid #5a8ab1; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; text-decoration: none; } .section_popup:hover { z-index: 2; } .section_popup:hover, .section_popup.hover { background-color: rgba(5, 45, 73, 0.9); } .section_num { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0; text-align: center; white-space: nowrap; } .section_num:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .section_num > span { display: inline-block; position: relative; vertical-align: middle; font-size: 21px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; color: #FFFFFF; } .section_at { visibility: hidden; position: absolute; width: 80px; height: 80px; top: 80px; left: 50%; margin: 0 0 0 -40px; opacity: 0; background-color: #ffffff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-size: 10px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; color: #052d49; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: -webkit-transform .3s, visibility .3s, opacity .3s; -moz-transition: -moz-transform .3s, visibility .3s, opacity .3s; -ms-transition: -ms-transform .3s, visibility .3s, opacity .3s; -o-transition: -o-transform .3s, visibility .3s, opacity .3s; transition: transform .3s, visibility .3s, opacity .3s; } .section_popup:hover .section_at, .section_popup.hover .section_at { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .section_at > span { display: block; margin-top: 17px; font-size: 35px; line-height: 33px; } .sect_left, .sect_right, .floor_up, .floor_down { position: absolute; width: 30px; height: 30px; cursor: pointer; z-index: 1; background: url('/assets/i/blank.gif'); } .sect_left, .sect_right { top: 50%; margin-top: -15px; } .sect_left { right: 100%; } .sect_right { left: 100%; } .sect_left.active { background: url('/assets/i/sprite.png?v4') -5px -216px; } .sect_right.active { background: url('/assets/i/sprite.png?v4') -39px -216px; } .floor_up, .floor_down { left: 50%; margin-left: -15px; } .floor_up { bottom: 100%; } .floor_down { top: 100%; } .floor_up.active { background: url('/assets/i/sprite.png?v4') -73px -216px; } .floor_down.active { background: url('/assets/i/sprite.png?v4') -107px -216px; } .floor_help { position: absolute; bottom: 40px; left: 505px; font-size: 0; white-space: nowrap; } .floor_help_item { display: inline-block; position: relative; padding-left: 42px; vertical-align: top; font-size: 10px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #164f7f; } .floor_help_item + .floor_help_item { margin-left: 25px; } .floor_help_item:before { content: ''; position: absolute; width: 32px; height: 32px; top: 50%; left: 0; margin-top: -16px; background-color: #E3CBA4; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .floor_help_item.n1:before { background-color: #87B4D9; } .apart_popup { position: absolute; width: 62px; height: 62px; margin: -31px 0 0 -31px; background-color: rgba(5, 45, 73, 0.6); -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; font-size: 0; white-space: nowrap; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .apart_popup.hover { width: 87px; height: 87px; margin: -43.5px 0 0 -43.5px; } .apart_popup:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #ffffff; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; } .apart_popup.hover:before { border: 2px solid #87b4d9; } .apart_popup:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .apart_popup_circle { position: absolute; width: 89px; height: 41px; top: 50%; left: 50%; margin: -20.5px 0 0 -44.5px; overflow: hidden; opacity: 0; -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .apart_popup.hover .apart_popup_circle { opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .apart_popup_circle:after { content: ''; position: absolute; width: 78px; height: 78px; top: 50%; left: 50%; margin: -44px 0 0 -44px; border: 5px solid #ffffff; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; } .apart_popup_inner { display: inline-block; position: relative; margin-top: 15px; vertical-align: middle; color: #ffffff; -webkit-transition: margin-top .3s; -moz-transition: margin-top .3s; -ms-transition: margin-top .3s; -o-transition: margin-top .3s; transition: margin-top .3s; } .apart_popup.hover .apart_popup_inner { margin-top: 0; } .apart_popup_rc { font-size: 13px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-transform: uppercase; } .apart_popup_rc > span { font-size: 25px; } .apart_popup_sq { position: relative; margin-top: 5px; padding-top: 5px; opacity: 0; font-size: 11px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .apart_popup.hover .apart_popup_sq { opacity: 1; } .apart_popup_sq:before { content: ''; position: absolute; width: 47px; height: 1px; bottom: 100%; left: 50%; margin-left: -23.5px; background-color: #ffffff; } .apart_popup_sq > span { font-size: 16px; } .apart_details_frame { display: none; position: relative; } .apart_frame .apart_details_frame { display: block; } .not_sale_text { display: none; font-size: 40px; line-height: 50px; color: #c1c1c1; margin-top: 180px; } .apart_details_frame.not-sale .popup_details_row { display: none; } .apart_details_frame.not-sale .not_sale_text { display: block; } .apart_act_frame { position: absolute; right: 65px; bottom: 30px; z-index: 1; font-size: 0; white-space: nowrap; } .apart_act { display: inline-block; position: relative; vertical-align: top; cursor: pointer; } .apart_act + .apart_act { margin-left: 30px; } .type-plans__flat-info.right .apart_act { text-align: left; } .type-plans__flat-info.right .apart_act + .apart_act { margin: 30px 0 0 0; } .apart_act > span { display: block; position: relative; padding-left: 35px; font-size: 10px; text-decoration: none; text-transform: uppercase; color: #164f7f; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .5s; } .apart_act:hover > span.n1, .apart_act > span.n2 { opacity: 0; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .apart_act > span.n2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #326689; } .apart_act:hover > span.n2 { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .apart_act > span:before { position: absolute; top: 50%; left: 0; margin-top: -12px; font-size: 24px; } /*.apart_act > span.n2:before {*/ /*color: #E3CBA4;*/ /*}*/ .korpus_minimap { position: absolute; width: 175px; height: 200px; top: 85px; left: 520px; z-index: 1; } .korpus_minimap:after { content: 'Хорошевское ш.'; position: absolute; bottom: 190px; left: 50%; margin-left: -15px; font-size: 11px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.1em; color: #164f7f; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .building_map_cont, .building_map { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* Типовые планировки */ .type-plans__header{ border-bottom: 1px solid #164f7f; color: #3e6a91; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; font-size: 30px; height: 110px; left: 525px; position: absolute; right: 200px; text-align: justify; top: 10px; } .type-plans__header:after{ content: ""; display: inline-block; height: 0; width: 100%; } .type-plans__header-title, .type-plans__header-title h1{ display: inline-block; line-height: 110px; } .type-plans__header-link{ cursor: pointer; display: inline-block; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-decoration: underline; } .type-plans__header-link strong{ /*font-size: 75px;*/ font-weight: normal; } .type-plans__header-link:hover{ text-decoration: none; } .type-plans__scroll { position: absolute; top: 125px; right: 200px; bottom: 0; left: 525px; } .no-type-plans_frame .type-plans__scroll{ top: 45px; } .type-plans__rooms { position: relative; padding-bottom: 10px; } /*.type-plans__rooms + .type-plans__rooms{*/ /*border-top: 3px solid #164f7f;*/ /*}*/ .type-plans__rooms-title { position: relative; margin-bottom: 30px; border-bottom: 3px solid #164f7f; font-size: 35px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; color: #3e6a91; } .type-plans__rooms-title a { text-decoration: none; } .type-plans__rooms-title > span { display: inline-block; position: relative; width: 70px; margin-right: 20px; font-size: 35px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; white-space: nowrap; color: #164f7f; } .no-type-plans_frame .type-plans__rooms-title > span { width: 170px; } .type-plans__rooms-title > span > strong { font-size: 75px; font-weight: normal; } .type-plans__list { position: relative; text-align: center; } .type-plans__flat { display: inline-block; position: relative; width: 35%; max-width: 360px; margin: 4%; cursor: pointer; } .no-type-plans_frame .type-plans__flat { display: block; width: 100%; max-width: none; margin: 10% 0; } .no-type-plans_frame .type-plans__flat:first-child { margin-top: 5%; } .type-plans__flat-img { position: relative; width: 100%; -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: -ms-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out; transition: transform .3s ease-in-out; } .no-type-plans_frame .type-plans__flat-img { position: absolute; width: 96%; top: 0; left: 2%; } .type-plans__flat:hover .type-plans__flat-img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .type-plans__flat-info { position: relative; margin-top: 25px; padding-top: 25px; border-top: 1px solid #80add2; text-align: center; } .no-type-plans_frame .type-plans__flat-info { margin: 25px 15% 0; padding: 0 0 25px; border: none; border-bottom: 1px solid #80add2; } .type-plans__flat-info.right { position: absolute; width: 150px; right: 0; top: 50%; z-index: 1; margin: -80px 0 0 0; padding: 0; border: none; text-align: left; } .type-plans__flat-info-item { display: inline-block; position: relative; vertical-align: middle; font-size: 13px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; text-align: left; color: #577488; } .type-plans__flat-info-item + .type-plans__flat-info-item { margin-left: 20px; padding-left: 20px; border-left: 1px solid #80add2; } .type-plans__flat-info-item > span { display: block; font-size: 31px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; line-height: 1; } .type-plans__flat-info-item.txt { /*display: block;*/ /*margin-top: 20px;*/ } .type-plans__map-cont { position: relative; width: 50%; margin: 0 auto; padding-top: 50%; } .type-plans_text { font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; color: #577488; padding-bottom: 10px; } .type-plans_text h2 { color: #3e6a91; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; font-size: 24px; } /* Галерея / 3D-тур */ .gallery__item { position: absolute; width: 45px; height: 45px; z-index: 1; margin: -22.5px 0 0 -22.5px; cursor: pointer; background-color: rgba(5, 45, 73, 0.6); -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .gallery__item:hover { z-index: 2; background-color: rgba(5, 45, 73, 1); } .gallery__item:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid #e3cba4; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; } .gallery__item:hover:before { border: 1px solid #ffffff; } .gallery__item:after { content: ''; position: absolute; top: 50%; left: 50%; background: url('/assets/i/sprite.png?v4'); } .gallery__item.open-gallery:after { width: 25px; height: 16px; margin: -8px 0 0 -12.5px; background-position: -635px -70px; } .gallery__item.open-pano:after { width: 21px; height: 25px; margin: -12.5px 0 0 -10.5px; background-position: -605px -70px; } /*.gallery__item.open-pano:after {*/ /*content: attr(data-targ);*/ /*position: absolute;*/ /*width: 100%;*/ /*height: 100%;*/ /*top: 0;*/ /*left: 0;*/ /*z-index: 2;*/ /*background: #000000;*/ /*font-size: 21px;*/ /*text-align: center;*/ /*line-height: 50px;*/ /*color: #FFFFFF;*/ /*}*/ .gallery__item-circle { position: absolute; width: 46px; height: 19px; top: 50%; left: 50%; margin: -9.5px 0 0 -23px; overflow: hidden; opacity: 0; } .gallery__item:hover .gallery__item-circle { opacity: 1; } .gallery__item-circle:after { content: ''; position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin: -23px 0 0 -23px; border: 3px solid #E3CBA4; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; } .gallery__item-text { visibility: hidden; position: absolute; top: 50%; left: 52px; margin-top: -13px; padding: 5px 16px 4px; opacity: 0; background-color: #E3CBA4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 11px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; color: #052d49; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .gallery__item:hover .gallery__item-text { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .pano_place, .pano_screen, .pano_place .shadow { z-index: 1; } .pano_place.off:after { content: ''; background: url('/assets/i/blank.gif'); display: block; z-index: 1; } .pano_place { display: none; z-index: 22; background: rgba(0, 49, 88, 1); } .pano_help { /*position: absolute;*/ /*width: 228px;*/ /*height: 70px;*/ /*top: 50%;*/ /*left: 50%;*/ /*margin: -35px 0 0 -114px;*/ /*background: url('/assets/i/sprite.png?v4') -479px -5px;*/ /*display: none;*/ /*z-index: 2;*/ } /* обратная связь */ .feedback_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 228px; background-color: rgba(0, 49, 88, 0.45); } .feedback_inputs { text-align: center; } .feedback_inputs > div { width: auto; } .feedback_input_frame { position: relative; width: 526px; margin: 0 auto 9px; } .feedback_input_frame.hidden { display: none; } .feedback_bg input, .feedback_bg textarea, .feedback_bg label { display: block; position: relative; width: 484px; padding: 20px; background: none; border: 1px solid #dfc2a4; font-size: 15px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-align: left; color: #e3cba4; } .feedback_bg label { position: absolute; left: 0; top: 0; cursor: pointer; display: none; background: #7A93A7; border-color: #ec6471; } .feedback_bg textarea, .feedback_bg textarea+label { resize: none; height: 50px; } ::-webkit-input-placeholder { color: #e3cba4; } :-moz-placeholder { color: #e3cba4; } ::-moz-placeholder { color: #e3cba4; } :-ms-input-placeholder { color: #e3cba4; } .feedback_sended { display: none; text-align: center; } .feedback_sended>div { font-size: 15px; font-family: 'HelveticaNeueCyrRoman', Helvetica, Arial, sans-serif; color: #e3cba4; } .send_btn { top: 100%; right: 0; margin-top: 10px; } .send_btn .arrow-circle:after { border-color: #e3cba4; } .feedback_name { position: absolute; width: 55px; height: 100%; bottom: 0; left: 0; } .feedback_name > span { position: absolute; bottom: 0; left: 50%; margin-bottom: -0.2em; font-size: 40px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; text-align: left; text-transform: uppercase; line-height: 1; white-space: nowrap; letter-spacing: 0.03em; color: #ffffff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .feedback_close { width: 50px; height: 50px; top: -75px; right: 0; left: auto; background: none; border: 3px solid #e3cba4; } .feedback_close:after { background-position: -245px -126px; } .gallery_popup .g_s_area, .gallery_popup .g_btn, .gallery_popup .close_btn, .gallery_popup .gallery_title_frame { z-index: 2; } /* Mortgage */ .mortgage__item { position: relative; padding: 40px; background-color: rgba(255, 255, 255, 0.9); font-size: 18px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; color: #1c4b71; } .mortgage__item + .mortgage__item { margin-top: 33px; } .mortgage__item-logo-block { position: absolute; top: 40px; } .mortgage__item-logo-block img { display: block; max-width: 200px; max-height: 50px; margin: 0 0 15px; } .mortgage__item-logo-block span { font-size: 36px; } .mortgage__item-logo-block span .small_ipoteq { font-size: 14px; text-decoration: none; } .mortgage__item-tables { position: relative; } .mortgage__item-table { position: relative; margin: 0 0 0 30%; font-size: 13px; line-height: 1; white-space: nowrap; } .mortgage__item-hidden-part .mortgage__item-table { padding-top: 60px; } .mortgage__item-hidden-part .mortgage__item-table:after { content: ''; position: absolute; width: 100%; height: 1px; top: 30px; left: 0; margin-bottom: 30px; background-color: #1c4b71; } .mortgage__item-table table { width: 100%; } .mortgage__item-table tr + tr > td{ position: relative; padding-top: 40px; } .mortgage__item-table td { width: 30%; padding-left: 4%; vertical-align: top; color: #5A8AB1; } .mortgage__item-table td:first-child { padding-left: 0 !important; } .mortgage__item-table td span { display: block; margin-bottom: 7px; font-size: 23px; color: #004A73; } .mortgage__item-table td span s{ font-size: 20px; text-decoration: none; } .mortgage__item-program { white-space: normal; } .mortgage__item-hidden-part { visibility: hidden; max-height: 0; opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .mortgage__item.active .mortgage__item-hidden-part { visibility: visible; max-height: 2000px; opacity: 1; } .mortgage__item-hidden-part > .mortgage__item-table { visibility: hidden; opacity: 0; -webkit-transform: translateX(80%); -moz-transform: translateX(80%); -ms-transform: translateX(80%); -o-transform: translateX(80%); transform: translateX(80%); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .mortgage__item-hidden-part > .mortgage__item-table.n1 { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .mortgage__item-hidden-part > .mortgage__item-table.n2 { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .mortgage__item-hidden-part > .mortgage__item-table.n3 { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .mortgage__item-hidden-part > .mortgage__item-table.n4 { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; } .mortgage__item-hidden-part > .mortgage__item-table.n5 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .mortgage__item-hidden-part > .mortgage__item-table.n6 { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } .mortgage__item-hidden-part > .mortgage__item-table.n7 { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } .mortgage__item.active .mortgage__item-hidden-part > .mortgage__item-table { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mortgage__item-all { position: absolute; width: 120px; top: 100%; right: 76px; margin-top: -23px; padding: 10px 25px; cursor: pointer; background-color: #004A73; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 15px; text-align: center; color: #e3cba4; } .mortgage__item-all:hover { color: #FFFFFF; } .mortgage__item-all-help { visibility: hidden; position: absolute; width: 319px; top: 100%; left: 50%; z-index: 1; margin: 12px 0 0 -158px; padding: 20px 0 0; opacity: 0; background-color: #378BB4; font-size: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mortgage__item:not(.active) .mortgage__item-all:hover .mortgage__item-all-help { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mortgage__item-all-help:before { content: ''; position: absolute; width: 0; bottom: 100%; left: 50%; margin-left: -9px; border-style: solid; border-width: 0 9px 13px 9px; border-color: transparent transparent #378BB4 transparent; } .mortgage__item-all-help-item { display: inline-block; width: 49%; margin-bottom: 20px; padding: 0 20px; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-family: 'HelveticaNeueCyrLight', Helvetica, Arial, sans-serif; text-align: center; line-height: 1.1; color: #FFFFFF; } .mortgage__item-all-help-item span { display: block; margin-top: 5px; font-size: 15px; font-family: 'CirceBold', Helvetica, Arial, sans-serif; color: #1c4b71; } .mortgage__item-all-help-item strong { font-size: 31px; font-weight: normal; line-height: 1.2; } .mortgage_frame .about__text-style { padding-bottom: 150px; } .mortgage__item-conditions { position: relative; z-index: 1; margin: 50px 0 0 0; font-size: 9px; font-family: "HelveticaNeueCyrRoman", Helvetica, Arial, sans-serif; text-align: left; } .mortgage__text, .advantages__text { color: #fff; padding-bottom: 10px; } /* SEO */ .add-text__open { top: auto; right: auto; bottom: 10px; left: 146px; z-index: 22; margin: 0; background: none; border-color: transparent; -webkit-transition: visibility .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out; -ms-transition: visibility .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out; -o-transition: visibility .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out; transition: visibility .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out; } .add-text__open.hidden { visibility: hidden; bottom: 0; opacity: 0; } .arrow-right.add-text__open:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .add-text__frame { position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; z-index: 300; background-color: #0D3F65; -webkit-box-shadow: inset 0 10px 40px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 10px 40px rgba(0,0,0,0.3); box-shadow: inset 0 10px 40px rgba(0,0,0,0.3); -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -webkit-transform .5s ease-in-out; -moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -moz-transform .5s ease-in-out; -ms-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -ms-transform .5s ease-in-out; -o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out, -o-transform .5s ease-in-out; transition: visibility .5s ease-in-out, opacity .5s ease-in-out, transform .5s ease-in-out; } .add-text__frame.hidden, .add-text__frame.instant-hidden { visibility: hidden; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .add-text__frame.instant-hidden { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .add-text__frame:before { content: ''; position: absolute; width: 100%; height: 200%; bottom: 100%; left: 0; background: rgba(0, 49, 88, 0.6); -webkit-transition: opacity .8s .5s; -moz-transition: opacity .8s .5s; -ms-transition: opacity .8s .5s; -o-transition: opacity .8s .5s; transition: opacity .8s .5s; } .add-text__frame.hidden:before, .add-text__frame.instant-hidden:before { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .arrow-right.add-text__close { top: 34px; right: auto; left: 146px; margin: 0; } .arrow-right.add-text__close:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .add-text__content { position: absolute; top: 120px; right: 120px; bottom: 60px; left: 60px; font-size: 14px; color: #91BBDC; } .add-text__content-inner { position: relative; max-width: 1280px; } .add-text__content-inner > *:first-child { margin-top: 0 !important; } .add-text__content h1, .add-text__content h2, .add-text__content h3 { margin: 1.5em 0 1em; color: #ffffff; } .add-text__content h1 { font-size: 2.5em; } .add-text__content h2 { font-size: 2em; } .add-text__content strong, .add-text__content b { font-weight: normal; color: #ffffff; } .search-text{ position: absolute; left: 0; right: 0; margin: 0; padding: 45px 80px; background-color: #fff; font-size: 14px; color: #164f7f; top: 100%; padding-left: 200px; } .plans_seo_ap{ width: 1050px; } .table_img{ margin: 20px 20px 20px 0; width: 240px; display: inline-block; } .table_img img{ width: 100%; } .table_pg{ display: none; } .floor_table{ position: absolute; left: 50px; top:100px; } ul.floor_table-ul{ list-style: none; } li.filtre_table-floor{ cursor: pointer; font-size: 12px; padding: 5px; } ul.home1, ul.home2, ul.room_btn{ overflow: hidden; } .pagination li, li.filtre_table-section, li.filtre_table-room { float: left; margin-right: 5px; list-style: none; } .pagination div, .pagination span, li.filtre_table-section, li.filtre_table-room { display: block; cursor: pointer; padding: 4px 11px; border: 1px solid #2e516d; border-radius: 2px; /*background: #e7e7e7;*/ color: #2e516d; text-decoration: none; font-size: 12px; line-height: 22px; } .pagination .current { background-color: #2e516d; color: #FFF; } .pagination .dots { border: none; padding: 0px; background-color: transparent; } .pagination .prev, .pagination .next { padding: 2px 2px 0px 3px; width: 25px; height: 28px; text-align: center; } .pagination .disabled { color: #bbb; } @media only screen and (max-width: 1500px) { .home__start-slogan { font-size: 86px; margin-bottom: -120px; } /*.menu__title {*/ /*font-size: 65px;*/ /*}*/ .menu__list { right: 0; left: 335px; } .menu__col-title { font-size: 18px; } .menu__item { font-size: 13px; } .menu__item > span { padding: 8px 25px; } .placement__cup { font-size: 400px; } .mortgage__item-logo-block img { max-width: 150px; max-height: 45px; } } @media only screen and (max-width: 1400px) { /*.menu__title {*/ /*font-size: 60px;*/ /*}*/ .menu__col { width: 23%; margin-right: 2%; } .placement__cup { font-size: 350px; } .no-type-plans_frame .type-plans__rooms-title > span { width: 110px; } .type-plans__header{ font-size: 25px; } .type-plans__rooms-title > span > strong { font-size: 60px; } .mortgage__item-table { font-size: 10px; white-space: normal; } .mortgage__item-logo-block > div { font-size: 16px; } .mortgage__item-logo-block span { font-size: 28px; } .mortgage__item-logo-block span .small_ipoteq { font-size: 14px; text-decoration: none; } .mortgage__item-logo-block img { max-width: 100px; max-height: 40px; margin-bottom: 8px; } } @media only screen and (max-height: 900px) { .home__slogan > span { font-size: 36px; } .home__slogan.p0 > span { font-size: 80px; } } @media only screen and (max-height: 800px) { .home__slogan.p0 > span { font-size: 70px; } .menu__footer { bottom: 100px; } .placement__content-text { top: 90px; } .placement__distance > .n1 { font-size: 54px; } .placement__distance > .n2 { font-size: 20px; } .placement__distance > .n3 { font-size: 11px; } .placement__infrastructure-points { top: 60px; bottom: 210px; } .placement__infrastructure-count > span { font-size: 60px; } .korp_det > div { font-size: 30px; } .korpus_details { margin-top: 0; } .korpus_minimap { left: 550px; } .floor_help { bottom: 25px; } .home__start-help { margin-bottom: 100px; } } @media only screen and (min-width: 1950px), only screen and (min-height: 1100px) { .home__start-slogan { font-size: 125px; margin-bottom: -200px; } .home__slogan > span { font-size: 48px; } .home__slogan.p0 > span { font-size: 115px; } } /* FILE ARCHIVED ON 14:31:31 Aug 15, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 09:47:01 Jul 10, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): capture_cache.get: 1.698 load_resource: 75.087 PetaboxLoader3.resolve: 60.445 PetaboxLoader3.datanode: 12.44 */