/***********************/ .corona__link { position: absolute; top: 50px; right: 0; width: 110px; height: 110px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; border-radius: 50%; border: 5px solid #004298; background-color: #ffffff; background: url("../img/corona.jpg"); background-repeat: no-repeat; background-position: center; background-size: 110%; z-index: 10; } .corona__link::before { content: "Расчет сметы по телефону!"; position: absolute; top: 50%; left: 4px; margin-top: -15px; width: 92px; height: 31px; font-family: "Qanelas-Bold", "Arial", sans-serif; font-size: 12px; color: #0C1327; text-align: center; background-color: #ffffff; z-index: 10; } .container--corona { position: relative; } .corona__link:hover { border: 5px solid #ffd300; } @media (min-width: 375px) { .corona__link { top: 70px; } } @media (min-width: 532px) { .corona__link { padding-left: 80px; font-size: 25px; } } @media (min-width: 768px) { .corona__link { top: 105px; font-size: 25px; width: 156px; height: 156px; } .corona__link::before { left: 5px; margin-top: -23px; width: 135px; height: 46px; font-size: 18px; } } @media (min-width: 992px) { .corona__link { right: 15px; } } @media (min-width: 1366px) { .corona__link { top: 150px; } } /***********************/ .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .owl-carousel .owl-item { float: left } .mfp-arrow, .mfp-counter, .mfp-preloader, .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .form-button, .title, .title-ceni { letter-spacing: .6px } .cena-slide, .meditext h1 span, .mfp-counter, .nobr { white-space: nowrap } .mfp-arrow, .owl-controls { -webkit-tap-highlight-color: transparent } .form-button:active, .form-button:hover, .nav-inner a:hover, .nav-main a, .navbar-nav>li>a, .navbar-text a, a { text-decoration: none } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clear:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .inner-page-priyomka .clr, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after, .uslugi:after { clear: both } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light'), local(OpenSans-Light), url(/lp/new/fonts/opensanslight.woff2.html) format("woff2"), url(/lp/new/fonts/opensanslight.woff) format("woff"), url(/lp/new/fonts/opensanslight.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light Italic'), local(OpenSansLight-Italic), url(/lp/new/fonts/opensanslightitalic.woff2.html) format("woff2"), url(/lp/new/fonts/opensanslightitalic.woff) format("woff"), url(/lp/new/fonts/opensanslightitalic.ttf) format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans'), local(OpenSans), url(/lp/new/fonts/opensans.woff2.html) format("woff2"), url(/lp/new/fonts/opensans.woff) format("woff"), url(/lp/new/fonts/opensans.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold'), local(OpenSans-Semibold), url(/lp/new/fonts/opensanssemibold.woff2.html) format("woff2"), url(/lp/new/fonts/opensanssemibold.woff) format("woff"), url(/lp/new/fonts/opensanssemibold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold Italic'), local(OpenSans-SemiboldItalic), url(/lp/new/fonts/opensanssemibolditalic.woff2.html) format("woff2"), url(/lp/new/fonts/opensanssemibolditalic.woff) format("woff"), url(/lp/new/fonts/opensanssemibolditalic.ttf) format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold'), local(OpenSans-Bold), url(/lp/new/fonts/opensansbold.woff2.html) format("woff2"), url(/lp/new/fonts/opensansbold.woff) format("woff"), url(/lp/new/fonts/opensansbold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold Italic'), local(OpenSans-BoldItalic), url(/lp/new/fonts/opensansbolditalic.woff2.html) format("woff2"), url(/lp/new/fonts/opensansbolditalic.woff) format("woff"), url(/lp/new/fonts/opensansbolditalic.ttf) format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Extrabold'), local(OpenSans-Extrabold), url(/lp/new/fonts/opensansextrabold.woff2.html) format("woff2"), url(/lp/new/fonts/opensansextrabold.woff) format("woff"), url(/lp/new/fonts/opensansextrabold.ttf) format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Extrabold Italic'), local(OpenSans-ExtraboldItalic), url(/lp/new/fonts/opensansextrabolditalic.woff2.html) format("woff2"), url(/lp/new/fonts/opensansextrabolditalic.woff) format("woff"), url(/lp/new/fonts/opensansextrabolditalic.ttf) format("truetype"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: Neucha; src: local(Neucha), url(/lp/new/fonts/neucha.woff2.html) format("woff2"), url(/lp/new/fonts/neucha.woff) format("woff"), url(/lp/new/fonts/neucha.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; src: local('Open Sans Cond Light'), local(OpenSans-CondensedLight), url(/lp/new/fonts/opensanscondlight.woff2.html) format("woff2"), url(/lp/new/fonts/opensanscondlight.woff) format("woff"), url(/lp/new/fonts/opensanscondlight.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; src: local('Open Sans Cond Light Italic'), local(OpenSans-CondensedLightItalic), url(/lp/new/fonts/opensanscondlightitalic.woff2.html) format("woff2"), url(/lp/new/fonts/opensanscondlightitalic.woff) format("woff"), url(/lp/new/fonts/opensanscondlightitalic.ttf) format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans Condensed'; src: local('Open Sans Condensed Bold'), local(OpenSans-CondensedBold), url(/lp/new/fonts/opensanscondensedbold.woff2.html) format("woff2"), url(/lp/new/fonts/opensanscondensedbold.woff) format("woff"), url(/lp/new/fonts/opensanscondensedbold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: OpenSansCondensedBold; src: url(/lp/new/fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot); src: url(/lp/new/fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot@) format("embedded-opentype"), url(/lp/new/fonts/OpenSansCondensedBold/OpenSansCondensedBold.woff) format("woff"), url(/lp/new/fonts/OpenSansCondensedBold/OpenSansCondensedBold.ttf) format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: OpenSansRegular; src: url(/lp/new/fonts/OpenSansRegular/OpenSansRegular.eot); src: url(/lp/new/fonts/OpenSansRegular/OpenSansRegular.eot@) format("embedded-opentype"), url(/lp/new/fonts/OpenSansRegular/OpenSansRegular.woff) format("woff"), url(/lp/new/fonts/OpenSansRegular/OpenSansRegular.ttf) format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Qanelas-Regular; src: url(/lp/new/fonts/Qanelas/Regular/Qanelas-Regular.eot); src: url(/lp/new/fonts/Qanelas/Regular/Qanelas-Regular.eot@) format("embedded-opentype"), url(/lp/new/fonts/Qanelas/Regular/Qanelas-Regular.woff) format("woff"), url(/lp/new/fonts/Qanelas/Regular/Qanelas-Regular.ttf) format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Qanelas-Medium; src: url(/lp/new/fonts/Qanelas/Medium/Qanelas-Medium.eot); src: url(/lp/new/fonts/Qanelas/Medium/Qanelas-Medium.eot@) format("embedded-opentype"), url(/lp/new/fonts/Qanelas/Medium/Qanelas-Medium.woff) format("woff"), url(/lp/new/fonts/Qanelas/Medium/Qanelas-Medium.ttf) format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Qanelas-Bold; src: url(/lp/new/fonts/Qanelas/Bold/Qanelas-Bold.eot); src: url(/lp/new/fonts/Qanelas/Bold/Qanelas-Bold.eot@) format("embedded-opentype"), url(/lp/new/fonts/Qanelas/Bold/Qanelas-Bold.woff) format("woff"), url(/lp/new/fonts/Qanelas/Bold/Qanelas-Bold.ttf) format("truetype"); font-style: normal; font-weight: 400; font-display: swap; } a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } .mfp-container:before, .mfp-content, img { vertical-align: middle } :focus { outline: 0 } ol, ul { list-style: none; margin-top: 0; margin-bottom: 10px } table { border-collapse: separate; border-spacing: 0 } caption, td, th { text-align: left; font-weight: 400 } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } input, input[type=submit], input[type=text], textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } a { color: #337ab7 } figure { margin: 0 } p { margin: 0 0 10px } .container, .container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1170px } } .row { margin-right: -15px; margin-left: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50%; padding-left: 10px; padding-right: 10px; } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .mfp-bg, .mfp-container, .mfp-wrap { left: 0; top: 0; height: 100%; width: 100% } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent } .mfp-bg, .mfp-wrap { position: fixed } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px } @media (min-width:768px) { .navbar-header, .navbar-nav, .navbar-nav>li { float: left } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } .navbar-toggle { display: none } .navbar-nav { margin: 0 } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px } } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after { content: '' } .center-block { display: block; margin-right: auto; margin-left: auto } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } @media (max-width:767px) { .visible-xs, .visible-xs-block { display: block !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm, .visible-sm-block { display: block !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md, .visible-md-block { display: block !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important } } @media (min-width:1200px) { .visible-lg, .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } .hidden-lg { display: none !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } .mfp-bg { z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: .8 } .mfp-wrap { z-index: 1043; outline: 0 !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { display: inline-block; height: 100% } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none } button.mfp-arrow { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } .mfp-figure:after, .mfp-iframe-scaler iframe { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .6); position: absolute; left: 0 } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px } .mfp-figure, img.mfp-img { line-height: 0 } .mfp-arrow { position: absolute; opacity: .65; margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow:after, .mfp-arrow:before { display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-image-holder .mfp-content, img.mfp-img { max-width: 100% } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { display: block; top: 0; width: 100%; height: 100%; background: #000 } .mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block } img.mfp-img { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure:after { top: 40px; bottom: 40px; right: 0; z-index: -1; background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-gallery .mfp-image-holder .mfp-figure, .owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel, .owl-carousel .owl-wrapper { display: none; position: relative } .owl-carousel { width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } @media (max-width:360px) { .owl-prev { left: 0 } .owl-next { right: 0 } } .calculation-wrap .form .selectric .label, .selectric-disabled { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .grabbing { cursor: url(https://novosibirsk.studia-remontov.ru/owl-carousel/grabbing.png) 8 8, move } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .selectric-wrapper { position: relative; cursor: pointer; font-family: Qanelas-Regular, Arial, sans-serif } .selectric-responsive { width: 100% } .form .selectric { position: relative; padding: 0 14px 7px 0; border: none; border-bottom: 2px solid #0e6dee } .tab-pane .selectric { position: relative; padding: 10px 24px 10px 12px; font-size: 16px; line-height: 1.42857143; color: #0c1327; background-color: #fcfcfc; background-image: none; border: 1px solid #b1b1b1 } .calculation-wrap .form .selectric .label { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 21px; line-height: 1.2; color: #c4c4c4; border-radius: 0; padding: 0; text-align: left; border: none; background-color: transparent; user-select: none } .selectric-disabled, .selectric-items .disabled { filter: alpha(opacity=50) } .form .selectric .label { font-size: 16px; line-height: 1.42857143; color: #0c1327; background-color: #fcfcfc; background-image: none; border: 1px solid #b1b1b1 } .selectric .button { display: block; position: absolute; right: -9px; top: 0; width: 34px; height: 34px; color: #BBB; text-align: center; font: 0/0 a } .tab-pane .selectric .button { right: -1px; top: 4px } .form .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAAHlBMVEUAAAD7mzb7mzb7mzb7mzb7mzb7mzb7mzb7mzb7mzaKO11MAAAACXRSTlMAYNAQ8KDggDC6fQvbAAAAQ0lEQVQI12OAA9YAECnSwFA5yYCBgXGmA4PRTGUGBsmZAgzMmpMMGGdOBEoDhUACDEChaSABsBBIACwEFIAIAQUQAAC8yQzXebpaWQAAAABJRU5ErkJggg==) center no-repeat } .tab-pane .selectric .button:after { pointer-events: none; content: ''; position: absolute; top: 50%; right: 12px; width: 12px; height: 8px; margin-top: -4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAFVBMVEUAAAC/v7+/v7+/v7+/v7+/v7+/v79GoAcsAAAAB3RSTlMA/U6lw34P0/SOcAAAADJJREFUCNdjSGUAgjAGRwMGBmYRBkVhBgZDIQYmQQNmQQUGIBfIYQByQRwgF8gBcYEcAHJQA0LpyxetAAAAAElFTkSuQmCC) center no-repeat } .form .selectric-open .button:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .selectric-focus .selectric { border-color: #aaa } .selectric-hover .selectric { border-color: #c4c4c4 } .selectric-hover .selectric .button { color: #a2a2a2 } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2 } .selectric-open { z-index: 9999 } .selectric-open .selectric { border-color: #c4c4c4 } .selectric-open .selectric-items { display: block } .selectric-disabled { opacity: .5; cursor: default; user-select: none } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0 } .selectric-hide-select select { position: absolute; left: -100% } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10 } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0 } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: 0 !important; border: none !important; background: 0 0 !important } .nav-sub, .second-sub { list-style: none; outline: #f0f0f0 solid 1px } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #c4c4c4; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px } .selectric-items .selectric-scroll { height: 100%; overflow: auto } .noscroll, body { overflow-y: scroll } .selectric-above .selectric-items { top: auto; bottom: 100% } .selectric-items li, .selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 20px; min-height: 20px } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer } .selectric-items li.highlighted, .selectric-items li.selected, .selectric-items li:hover { color: #444 } .selectric-items .disabled { opacity: .5; cursor: default !important; background: 0 0 !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectric-items .selectric-group .selectric-group-label { font-weight: 700; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #444 } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1 } .selectric-items .selectric-group li { padding-left: 25px } body { margin: 0; padding: 0; min-width: 320px; font-size: 14px; line-height: 1.2; color: #0c1327; font-family: Qanelas-Regular, Arial, sans-serif; overflow-x: hidden; webkit-overflow-scrolling: touch !important } section { width: 100%; margin: 0 auto } body, html { height: 100%; margin-right: 0 !important } .text-center { text-align: center } .text-right { text-align: right } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } .pull-right { float: right !important } .pull-left { float: left !important } .logo, .nav-inner, .nav-main, .navbar-nav, .navbar-nav li { float: left } .hidden, .visible-mobile { display: none !important } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .navbar-fixed-top, .noscroll { position: fixed; right: 0; left: 0 } .yellow { color: #ffd300 } .clear:after { content: ''; display: table } .navbar-fixed-top { color: #000; text-align: center; padding: 14px 0; background: #000; overflow: hidden; min-height: 80px; z-index: 1030 } .logo a, .logo img { position: relative; overflow: hidden } .logo { height: 60px; display: flex; flex-wrap: wrap; width: 250px; justify-content: center; align-content: center; } .logo a { display: block; font-family: Neucha, Arial, sans-serif; font-size: 26px; text-align: left; color: #00afec } .navbar-nav, .navbar-text { font-family: 'Open Sans Condensed', 'Open Sans', sans-serif } .logo img { width: 200px; } .logo p, .logo span { position: absolute; left: 50px; text-transform: uppercase } .logo span { color: #fb9b36 } .logo p { top: 24px } .navbar-wrap-hidden-sm { display: inline-block; vertical-align: middle } .navbar-nav { margin: 0 } .navbar-nav>li:last-child { margin-right: 0 } .navbar-nav>li>a, .navbar-nav>li>span { position: relative; display: block; font-size: 17px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 16px 16px 16px 0 } .navbar-nav>li a:focus, .navbar-nav>li a:hover { color: #ffd600; text-decoration: none; background-color: transparent } .navbar-nav .nav-button { padding-right: 42px; margin-right: 10px } .navbar-nav .nav-toggle { position: absolute; top: 50%; right: 0; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; background-color: #fff; border-radius: 50% } .navbar-fixed-top .form-button, .navbar-text p { margin: 0 } .navbar-nav .nav-toggle:after, .navbar-nav .nav-toggle:before { content: ''; position: absolute; top: 18px; left: 9px; width: 18px; height: 2px; background-color: #fb9b36; -webkit-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0; -o-transition-delay: .3s, 0; transition-delay: .3s, 0 } .navbar-nav .nav-toggle:before { top: 14px; -webkit-transition-property: top, -webkit-transform; -o-transition-property: top, transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform } .navbar-nav .nav-toggle:after { -webkit-box-shadow: 0 4px 0 0 #fb9b36; box-shadow: 0 4px 0 0 #fb9b36; -webkit-transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform } .navbar-nav .nav-toggle--opened:before { top: 18px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .navbar-nav .nav-toggle--opened:after { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .navbar-nav .nav-toggle--opened:after, .navbar-nav .nav-toggle--opened:before { -webkit-transition-delay: 0, .3s; -o-transition-delay: 0, .3s; transition-delay: 0, .3s } .form-button, .navbar-text { display: inline-block; vertical-align: middle } .navbar-text { font-size: 28px; color: #fff; padding-left: 5px; margin: 0 40px 0 0 } .navbar-text p { font-size: 20px } .header>.container, .nav-main { padding: 0 } .navbar-text a { color: inherit } .nav-overlay { display: none; position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0, 0, 0, .7) } .nav-overlay.active { display: block } .nav-wrapper { display: none; position: fixed; top: 85px; right: 0; left: 0; background-color: #fcfcfc; overflow-y: auto; z-index: 1010 } .nav-main__link:before, .social-link:before { top: 50%; content: '' } .nav-inner { width: 75% } .nav-inner-wrap { overflow-y: scroll; overflow-x: hidden } .nav-main { position: relative; width: 33.3333%; list-style: none } .nav-main__item, .nav-sub__item { cursor: pointer; padding: 15px; border-bottom: 1px solid #f0f0f0 } .nav-main__item:last-child, .nav-sub__item:last-child { border-bottom: none } .nav-main__link { position: relative; display: block; font-size: 14px; color: #2f2923; text-align: left; padding-left: 45px } .nav-main__link:before { position: absolute; left: 0 } .nav-main__link--about:before { width: 24px; height: 24px; margin-top: -12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmaHTeAAAAIXRSTlMA0DCYxSoElBi2TzojCcrArYl8cmteJx/UxkE/EbWli1VyTwFPAAAAnElEQVQoz62RSRKFIAxEO0gQcZ7HP9z/lILiStz5NqTqVSdFghdJEwqQpJAaAbQEIQg5YYYH8ZFF1W0BQQq6jYEssmR9dglRuaocoIRFaXWJ3+KqpbbCwz5RKkCVwrbyxPk5w/WP28BwFMyFfZg885kYpUtIviWq43+CwA3PeZR/zX87xNT069o30y0xmq6uOzPeRBB6XPvzod5jB4E0Bd69bV5pAAAAAElFTkSuQmCC) center no-repeat } .nav-main__link--flat:before { width: 25px; height: 27px; margin-top: -13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAMAAAC+/9RaAAAAYFBMVEUAAAAdHRocHBkcHBseHhsaGhgdHRsbGxobGxkYGBYdHRoaGhgYGBUeHhwaGhkbGxocHBobGxkdHRscHBocHBocHBsUFBQYGBcdHRocHBoaGhkcHBsaGhkXFxQaGhgiIh/PVDBKAAAAIHRSTlMAREovBUBZJxYKKg8CZEc0PFZeUBxpWFE4IWt6cSKBlH8i0hwAAAEGSURBVCjPbc9XbsMwFAXRYRW7umy5Zf+7DBBLlAxnfg8ewUtSR8nZiZqUonYrJvsqI0c2YeRxo4HVOMAbwLqztH37Y0DnFdRwknRxQhiNto8AS3sSkxUy4a+xh5h9FZ63eQhsQnc5BK0m2F6DS1NlS+cnf7J8yvZr4mDjW4CPBXPHu75TKnh8UM9uZNLXhS0njBkkwo6vMMl74dICVQtixYixJNvom6fWCIwCEcH1XC108SzvyhUrxSzTl/js4xy5hy+hXWC1bb2RIvqNbMPjLtil6eWwnbmc3NQtuwBK8s4U3Fx2Wbs214n9LQd2GV/CHcslW8GQguWfQp5cHDTf+bEU2fHZL8UjC/I39rZBAAAAAElFTkSuQmCC) center no-repeat } .nav-main__link--arrow:after, .nav-sub__link--arrow:after { content: ''; position: absolute; top: 50%; right: 20px; width: 5px; height: 9px; margin-top: -4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJBAMAAAAIg/utAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADnRSTlMAxUhLO7q2lYlwVUE+OK03nXEAAAArSURBVAjXY2hiYGAwPMDAwCQNZKg6MDBwCjAwuCkw8AozMDgaMDBUMTAAAEaDA4Bg8Eg8AAAAAElFTkSuQmCC) center no-repeat } .nav-main__link--room:before { width: 28px; height: 24px; margin-top: -12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAG3RSTlMAalFXYBNHc1YpSkMxCT8zNgRnY1xuTg88HDkSHHVqAAAAzklEQVQoz53O227EIAxF0RPs4CRASLjkMv//oR0YDX0oU1VdT7a2ZADmoS/PAAyPXbSUeKBLl7gqdC36L9FO1Q2Mqk7bd7SyWe/tms99MGXyeW2RPCq6T0I1x1c0C1SeCyuXl62OA2Mtv32ogxNX9BS5SGlSV7kgasdPRiwAO6CLH6VJGDqCZA85jOoyi4Dx0QR2+GCn/8ff35RDm03rzei3974ILiIWImFqolCSRLTiyRFAO5pxAlJbgnNhRHNHd4YTLy4yR4fGBWYul74AOX0Kk2YTEyQAAAAASUVORK5CYII=) center no-repeat } .nav-main__link--office:before { width: 29px; height: 29px; margin-top: -15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAWlBMVEUAAAAQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQoQDQpFiBQ0AAAAHnRSTlMAX1RWUHwRbUs7Px5HB0NlaWIqFHWFW1qJNi2ADDJgC76QAAAA00lEQVQoz72P3RaCIBCEl59VJAQiNLV6/9esxTyQdvSm03fBLjvADACnG5bcRijRriqR4lOVe9vm87D9j7qNwaFkGnxNsFT8oCC4NFDzaUWYoU9V38GjNcYovEMmG7AmFcrz0GFsiE6+ljBRh9pabaIZwYjOcULR0iF1UrzokZFzX0F+1ORezJNTnpyze8uqteqKu9fLWhW1XrC+3aiRL4i63X/5p6mikm/41pdHLmZ4/yWVPUpVhRAuOdVKnRDRJvX4R75Qa55Vl3xFoarIFs6+hSfZFguTq9aIAwAAAABJRU5ErkJggg==) center no-repeat } .nav-main__link--house:before { width: 29px; height: 29px; margin-top: -15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAdVBMVEUAAAAAAAAAAAAAAAADAwMEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQEAAAAAAAAAAAALCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+IiIgAAAAAAABwcHAAAACMjIxCQkJ6eno3NzcAAAAAAAAHzWGAAAAAJ3RSTlMAahhuIh8GZnEKXVlORhwqUi4lFREIeWFJdSeMfUxBdQ+Md3ZwgjN/4IBjAAABHklEQVQoz82Q23bCIBBFD+FaUmMEkhhb77b//4mdmVitt/eel1mw2RwWuEmKc7xMM4zevII2zLAZ0wtTvQOYafPU1GugIxzME8hmqudiP5oEjR/9Clje241nqOlVgbEyN1C3BLl4wutg/5oXSLV3dsWmFE9YJ+A9NFfzCsVObMvl+dd0NhljkunINme7sNmwaQ+fnIOVH2G7QhupmCHS/oOzT2BsgTqi3yGrVvpPx+12ezxJ31I3cCN6V8YvB4rLlUQW6PsKI1rvBzVtFIEFkqH2MaL4ZVZv8tV0bhi8skJ92ahMhita6NyvrLErtRBKKINTnWktBfWZVsAt5dHFf0O7K3UPNOycc1jEAofd8A1adReae60oYRp9UDIykR+UARGEl/B6iQAAAABJRU5ErkJggg==) center no-repeat } .nav-main__link--services:before { width: 24px; height: 28px; margin-top: -14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAMAAABMOI/cAAAAY1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmaHTeAAAAIXRSTlMAeWEjEnxdBFslVU0/jB4YbUcyhGc1KQmBdC4aDUtqOkIUVFCgAAABC0lEQVQoz22QCQ6EIBAEm0sQBBTve///ylXU6G6sEGBSYaYDckFeEDlsYBE3csf4yLiPZQ8hcSA9wAHfxkpBcES0Vg2qgDyLJb3EattNqAG0/hHcpuiH54trhgSchJcYp3NGF2KmLcueKgbbWdBVCX2BQLR4I4GY0BoJM2HlqD2GrD4FB7cT7Ii+wRJAZ8KuuLxsUXpUDeiW2HnLTzGRFoQjYdANVI28iAKvKHTazB9jPrMpsqzY9mJfpkdHVXKgRKmSC/JsFQwi97efZPoW9BBDc4vAHqLMb2GTh9DFLVR2i/cZEhf1Typbe5dGmMrZcXM+7bGQsiR/dFbsaYiGjOA6g4399Yo/XAV8ASWFDsNmAEUaAAAAAElFTkSuQmCC) center no-repeat } .nav-main__link--design:before { width: 29px; height: 20px; margin-top: -10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAUCAMAAABGQsb1AAAAe1BMVEUAAAACAgIQEA8LCwoKCgkBAQEHBwcEBAMICAcVFRQBAQEEBAQPDw4ZGRgNDQ0EBAQICAcFBQUJCQgICAcKCgkHBwcGBgYSEhEEBAQBAQEEBAQKCgkHBwcNDQwRERADAwMGBgUJCQkSEhEDAwMFBQUMDAsMDAsVFRMICAh74GafAAAAKXRSTlMAcgI/M3Y4eA8Le3UfBAdNPHFSLCJsVxRoYWBGNTAbgFxLJYVuZ0IqFxoxOacAAAEvSURBVCjPVdHXrsMgDAZgAw2ElUlGm737/k94Ypqjpv+FkfUBQgZGTTAp+VnU1gNGjQljSaMKxtiuz4pJMvHwqnOsso5xGRv4pF+5X4OH14ZTgOiVXVpNxrrQqw+Fm2K4KsNLqf1ofEdSXhrxA+tzwm2YdmkqXUOQey1Ki2f1FO/y7B/DFD7rN4gs77qci5gC0LauizEE6IY4fJEeQKgiTYt0aai/Q0pJPT4RQTTGOZPrDNUCJlcnCvOdRrRlp9AEn3h4dLdpRAdupccM4MiJQQ9fvUJdD3IVphRzKG9KfWfZA/ggNDHV2N1UZozieGVFlmGdwaT8oy3WMMVp2L2bl4BVAK74+cFtwvvnt3UVXvLeWq+q5EnCmVjx0SbhbYv9/++/NPFRuwXKgv+uNoh/GzcUcCfCqVMAAAAASUVORK5CYII=) center no-repeat } .nav-main__link--vacancies:before { width: 25px; height: 22px; margin-top: -11px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAMAAAACYceEAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAG3RSTlMAWh9MLHFpTxxXOg9dbmtkRCkTCYNhM3YjDDw+84RgAAAAj0lEQVQoz83P2w6DIBAE0AHZRSoXxXv//0OrUpKabHzuedphCGHxNfJKRcadSV3hetxt9WB5o9rNYbA0mGtI6Rra4w41kthj7SHREbxA0jrwS27UQxNNDZ4CxbFu7o7s1MnxlHPmqSTFHjM39tTMk940UUnW+5/XXAgh1TA+/O0PGjKQdAopaIll7F5JZv0B3wkGwS8ZDKMAAAAASUVORK5CYII=) center no-repeat } .nav-main__item--social { text-align: center; padding: 30px 20px; display: inline-block } .social-link { position: relative; display: inline-block; vertical-align: top; font-size: 0; width: 32px; height: 32px; margin-right: 12px; border-radius: 50%; border: 2px solid #004298; background-color: #004298 } .inner-page-privacy .header .navbar-text, .inner-page-rabota .header .navbar-text, .social-link:last-child { margin-right: 0 } .social-link:hover { background-color: #fff } .social-link:before { position: absolute; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; background-position: center; background-repeat: no-repeat; background-size: contain } .social-link--vk:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMAyRAH9uChkfrv59K+Z0M8NzAgEgTZzcGuq5eLg2xcTjQbwJx4SSMMECBRoQAAAKpJREFUKM/F0FcSgzAMBNA1LfReQodU3f+EYQP+4QK8D1vWjuUZ41JrmiQfAJETBs3ATpEtS5rDFxErByZPNgYAxcLGwO0GoD2CWKhDYfHKCtx4NoGQu28APYvnEZR4C818i8PdDA4bMOx9NI0sq+TfmRqugQkqAzmJscvcUzDi8DoF7qyTVrfsSshKsTPvenq5V36OQ+QJGTAfQjW07/aLyuHtXtVKdbjSD3DsHfK77MsGAAAAAElFTkSuQmCC) } .social-link--fb:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA4TCAj2DCWDTy7KikEw7YyohsZV5XKBwG+yAjPgAAAGRJREFUKM/djjkSgCAMAFEJcnsf+f9HBQqHiaayc6tkt0hERZyURUQQBN1goSP+HPA9zMgEX6xyTpMwZr+IJ+W05kJLZAAAWw4DrLEKHVZsXOg/hV1KabL0aQjsuz8NKnlz3OsFpFEPQ8luio0AAAAASUVORK5CYII=) } .social-link--inst:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMA4eYDSCxcQg71u7KegnmIZAj0UpB+AAAAqklEQVQoz32SWQ6DMAxEJzbZyFKY+x+2JBWgFrnvJ1Ke5Exs4yD1IryQ0hMmiyOzu8ikW+Y9Wb3iQn0lD5McA34IdAmdFV/sW0JlR6E/S4QwSkZu8CyQrJ8IMiMt0LhDs4AOgxe5traSLwwch5jRJI4zygh0CxVGTCJFcQvP9Qy10uMWge0UjcEUZinz8f9xzQ8+WzLQLI8mTjzLbPuDym4OyhqtvQzm+rwB+kMLsqN3mP8AAAAASUVORK5CYII=) } .social-link--ok:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAnuezv2U0iDwY+gvg2NCscmxZTEUqVXLSogAAAJ5JREFUKM+FkOsShSAIhAVLLbtf9v0f9ahHK7MZ9w+4HwOCuNRKZtmKt7oGQU33As6PJPdboCelqAfybhIgHwmQGWBA+agAroGyVX14+d36gttq75PYdUu+AYYjPY4BMDE/4UTGumpDPj9T1c7wGscQeH+Mlrgk8/saPXl30kYUmoFZfCiMpU8/ktInKokOVsA6A3yfnTOwcCzUvPyTH/45DO+bgW3AAAAAAElFTkSuQmCC) } .social-link--vk:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAdVBMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpj8Ih/SAAAAJnRSTlMAoBAH9u/gyZE3MAT60s2+Z0M8IBLn2cGuq5eLg2xcThvAeEkjDCSGWxgAAACpSURBVCjPxZBHFoQgEEQLcUQw5zE7ifsfcWzCxgv4F3TBf908wK0csq6/AEpWZMOCk1YpKRs8tNZhA2wUdABAUIiwUIkBjE5UmpjQhtRyADHtOVBQ7QJgpsCcSPDRxE530fBUgRkRRHY0sVLsa3OyDbRmHESS6QsVLCq9iBWO90WkuzejP4p6U0LpBH/66YlNXQNH+dD25fxlQg7P7/xFwah7FnkuJtzJH4syHHqvqiqNAAAAAElFTkSuQmCC) } .social-link--fb:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAS1BMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQph9Xxz8AAAAGHRSTlMA4TCAj2DyWDQRysKopAns2IhsZV5XKBxICwUQAAAAY0lEQVQoz92OORKAIAwAUQhye2v+/1KBwmGiqezcKtktEtGQZq8REQTBdFiRxKcJ38OCTIjVuhAMCa74VTyppw0XeiItAIz1MMBmmyCxYefC8CkcSildZMyDZd/9afDZ6/NeL97jDqy3RiBSAAAAAElFTkSuQmCC) } .social-link--inst:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgQBaGqAAAAEXRSTlMA4eYDSCyEXEIO9buynnlkCAQZ+88AAACkSURBVCjPfdJZDsMgDATQwexrMve/bANKk7aR+z4ZyYBtHPJowou0kbE4QxZzKaRx65zs3uJifScdkA0jfkSajMGOL/uW0TnQ6N8lYpwlEzd4NkixmJysJznYtMMWAQ2mQNYQKhkwGZ6BoyQcktB9BlaYsCSKxR14VpwqPe4grtJLYFQDtZR6+f/nqh98tmSyRR5NXDzbavtD51AHpY1WXwZ1fV5b6wssRsCueAAAAABJRU5ErkJggg==) } .social-link--ok:hover:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgelRfAAAAAFXRSTlMAnuezZr80iDwY+gvg2NCscllMRSpYc38zAAAAnUlEQVQoz4WQ3RKFIAiEBU0t+699/1c96tHKbMa9AfdjQBCXlGSWSrzVd4jq+hfwfiKlr4CBtKYBKLtJgEIkQBaAAR2iBrgF6lbt4fV32wtuyt0ncWrLvgXGIz+OEbApP+FF1vlqSyE/c9XOCJqmGHh/jJa4JMv7WjMHdzZWVFqARXwojqVPP5HaJ6qJiVbEpgB8n50LsHIqNLz+kx9PIAxZwDLy1QAAAABJRU5ErkJggg==) } .nav-sub { display: none; position: absolute; top: 0; left: 100%; width: 100%; padding: 0; background-color: #fafafa } .nav-sub--wide { width: 200% } .nav-sub.active { display: block } .nav-sub__link { position: relative; display: block; font-size: 14px; color: #2f2923; text-align: left } .nav-main__item.active, .nav-sub__item.active, .second-sub__item.active { background-color: #ffd300; -webkit-transition: .1s; -o-transition: .1s; transition: .1s } .nav-sub__back, .second-sub__back { position: relative; padding: 15px 15px 15px 30px; color: #084057; text-align: left; cursor: pointer; border-bottom: 1px solid #f0f0f0 } .nav-sub__back:before, .second-sub__back:before { content: ''; position: absolute; top: 50%; left: 15px; width: 5px; height: 10px; margin-top: -5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKBAMAAACOF4kDAAAAIVBMVEUAAAAga4oga4oga4oga4oga4oga4oga4oga4oga4oga4oLjGFRAAAACnRSTlMA8rNGxb2kZVk6PBCZ5wAAAClJREFUCNdjYGCYwMDAsYCBwWoBA/MqAYYqII4CYiYgZtACYhagHEMCAJVTBxI9dU8PAAAAAElFTkSuQmCC) center no-repeat } .second-sub { display: none; position: absolute; top: 0; left: 100%; width: 100%; padding: 0; background-color: #fcfcfc } .second-sub.active { display: block } .second-sub__item:after { display: none } .second-sub__item a { display: block; font-size: 14px; padding: 15px; color: #2f2923; text-align: left; border-bottom: 1px solid #f0f0f0 } .second-sub--shot .second-sub__item a:hover, .second-sub__item:hover { background-color: #ffd300; -webkit-transition: .1s; -o-transition: .1s; transition: .1s } .second-sub--shot .second-sub__item a { float: left; width: 33.333% } .second-sub--shot .second-sub__item.visible-mobile.mark a { width: 100% } .second-sub__title { position: relative; color: #fff; text-align: center; font-weight: 700; padding: 15px 0; background-color: #3e88ab } .second-sub__title:before { content: ''; position: absolute; top: 50%; left: auto; width: 16px; height: 16px; margin-top: -8px; margin-left: -25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAFHRSTlMAi4+NqIgDrpJnWpaZX7qhfnJPSfRhOW4AAABeSURBVBjTXcxJDoAgEETR3zQNKM7e/67ikCC8TSV/UfiUXCEaYy67MvEZuSmuDdYHwfdhGYrthPkN9XTejycYDUOp6mnliX3IEPiEgJLu/Z8m4BeETMMRVVXM5KX+AiBVAdQ9uMR1AAAAAElFTkSuQmCC) center no-repeat } .nav-banner { position: relative; float: right; width: 25% } .nav-banner img { width: 100%; height: auto } .nav-banner__box { position: absolute; bottom: 16px; left: 16px; right: 16px; font-family: 'Open Sans Condensed', Arial, sans-serif; padding: 20px 15px; border-radius: 3px; background-color: rgba(244, 245, 246, .95) } .nav-banner__title { font-size: 20px; color: #08405a; padding-bottom: 15px; border-bottom: 1px solid #c5cacc } .nav-banner__text { font-size: 18px; color: #2c2a27; padding-top: 15px } .bghtml { background-image: image-set( url("/img/main_hero.avif") type("image/avif"), url("/img/main_hero.webp") type("image/webp")); background-position: top center; background-repeat: no-repeat; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; z-index: -99999 } .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-1920.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-1920.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-1920.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-1920.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-1920.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/demontazh.jpg) } .inner-page-privacy .header .form-button, .inner-page-privacy .header .navbar-nav, .inner-page-rabota .header .form-button, .inner-page-rabota .header .navbar-nav { display: none } .inner-page-privacy .container-fluid, .inner-page-rabota .container-fluid { position: relative } .inner-page-privacy .container-fluid:before, .inner-page-rabota .container-fluid:before { content: 'Политика конфиденциальности'; position: absolute; top: 50%; left: 0; right: 0; font: 37px "Open Sans Condensed", "Open Sans", sans-serif; text-align: center; display: block; margin: -18px auto auto; line-height: 1; padding: 0; color: #fff } .inner-page-rabota .container-fluid:before { content: 'Вакансии в Студию Ремонтов' } .benefits-item:before, .meditext:before { content: '' } .inner-page-privacy main { padding-top: 125px } .inner-page-privacy h1, .inner-page-rabota h1 { font: 700 48px/1.333 "Open Sans Condensed", "Open Sans", sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 45px; text-align: center; color: #444 } .inner-page-privacy main p { text-indent: 21px; line-height: 1.5; font-size: 18px; text-align: justify; color: #333 } .inner-page-privacy hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; width: 50% } .inner-page-privacy .footer .container, .inner-page-privacy .like, .inner-page-rabota .footer .container, .inner-page-rabota .like { display: none } .inner-page-privacy .coordinates, .inner-page-rabota .coordinates { padding: 45px 0 } .inner-page-privacy .footer, .inner-page-rabota .footer { padding: 45px 0 0 } .inner-page-rabota main { padding-top: 80px } .inner-page-rabota #portfolio { padding-top: 95px; background: #ececec } .inner-page-rabota #slider { -webkit-box-shadow: none; box-shadow: none } .inner-page-rabota .imagewr { float: none; display: block; margin: auto; max-width: 768px } .inner-page-rabota .custom1 .item { border: none; margin: auto; font-size: 18px; height: 100% } .inner-page-rabota .bgwall { padding: 45px 0; background: url(/lp/new/img/Background.png) center } .inner-page-rabota .rabota_item { padding: 0 0 3vh } .inner-page-rabota .rabota_item-img { width: 150px; height: 125px; display: block; margin: auto; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .inner-page-rabota .rabota_item-img img.w { width: 80px } .inner-page-rabota .rabota_item-img img { width: 120px; height: auto; display: block; margin: auto } .inner-page-rabota .rabota_item-text { font: 300 26px/1 "PF Din Text Cond Pro Regular", "Open Sans Condensed", sans-serif; padding: 3vh 0; text-align: center } .inner-page-rabota .form .selectric .label { background-color: transparent; border: none } .inner-page-rabota .predlagaem { background: #fbfbfb; padding: 45px 0 } .inner-page-rabota .predlagaem, .inner-page-rabota .predlagaem_item-title, .rabota_pochemu { border-bottom: 1px solid #d0d4d9 } .inner-page-rabota .ishhem h3, .inner-page-rabota .predlagaem h2, .inner-page-rabota .rabota_akciya h3, .inner-page-rabota .rabota_pochemu h1, .inner-page-rabota .vakancia-inner h1 { font: 700 48px/1.333 "Open Sans Condensed", "Open Sans", sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 45px; text-align: center; color: #444 } .inner-page-rabota .predlagaem_item-title { font-size: 24px; display: inline-block; padding: 0 2vw 2vh 1vh } .inner-page-rabota .predlagaem_item-list ul, .inner-page-rabota .vakancia-inner ul { padding: 2vh 0 2vh 3em } .inner-page-rabota .predlagaem_item-list li, .inner-page-rabota .vakancia-inner li { list-style-type: disc !important; line-height: 1.5; font-size: 16px; padding: 3px 0 } .inner-page-rabota .ishhem { background: #ececec; padding: 45px 0 } .inner-page-rabota .forma-rabota { padding: 2em 0 4em; border-top: 1px solid #d0d4d9 } .inner-page-rabota .ishhem_item, .inner-page-rabota .rabota .menu>.container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .inner-page-rabota .ishhem_item { border-bottom: 1px solid #b7b7b7; padding: 1.5em 0 } .inner-page-rabota .forma_rabota-title, .inner-page-rabota .ishhem_item-title, .inner-page-rabota .vakancia-inner-trebovaniya { font: 300 26px/1 "PF Din Text Cond Pro Regular", "Open Sans Condensed", sans-serif; color: #001a26; position: relative } .inner-page-rabota .ishhem_item-title span { display: block; font-size: 16px; color: #8c8c8c; padding: 6px 0 0 6px } .inner-page-rabota .form-button { margin: 0; font-size: 16px } .inner-page-rabota .forma_rabota-title { text-align: center; padding: 20px 0; font-size: 42px } .inner-page-rabota .rabota_akciya-titile { border: 5px solid #ffd300; color: #fff; background: rgba(0, 0, 0, .7); display: inline-block; margin: 0 auto; font-size: 24px; text-align: left; padding: 20px; font-style: italic } .inner-page-rabota .rabota_akciya-titile span { display: block; color: #ffd300 } .inner-page-rabota #slider .owl-next { right: 14% !important } .inner-page-rabota #slider .owl-prev { left: 14% !important } .inner-page-rabota #slider .owl-dots { position: absolute; left: 50%; margin-left: -117px } .inner-page-rabota .owl-carousel .owl-item img { width: 100% } .inner-page-rabota .vakancia-inner-trebovaniya { font-weight: 700; padding: 10px 20px; margin: 15px -5px 10px -10px; background: #eef1f5 } .inner-page-rabota div.zp, .inner-page-rabota h2.zp { padding: 0 0 15px; font-size: 21px; text-align: center; font-family: "Open Sans", Arial, sans-serif } .inner-page-rabota h2.zp { font-weight: 700 } .inner-page-rabota div.zp b, .inner-page-rabota h2.zp b { display: block; font-weight: 700 } .inner-page-rabota .bgwall .wrap-vertical .title-benefit, .inner-page-rabota h2 { color: #444; text-align: center; font-family: "PF Din Text Cond Pro Regular", "Open Sans Condensed", Verdana, Arial } .inner-page-demontazhnye-raboty .cena-uslugi { font-size: 22px } .inner-page-priyomka .benefits-item { font-size: 17px; padding: 22px 5px 22px 15px } .stena-defekt { height: 380px; background: url(/lp/new/img/bg-wall-def-4.png) center; margin: 9em 0 } .stena-defekt_title-first, .stena-defekt_title-last { -webkit-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); -moz-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); position: relative; background: #fff; width: 90%; max-width: 500px; display: block; font-size: 36px; line-height: 1.2; color: #003C59; font-family: "PF Din Text Cond Pro Regular", sans-serif; text-transform: uppercase; padding: 1.4em; text-align: left } .form, .header, .meditext { text-align: center } .stena-defekt_title-first { top: -64px; display: inline-block; -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, .38); box-shadow: 0 0 35px 0 rgba(0, 0, 0, .38) } .stena-defekt_title-last { float: right; top: 140px; -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, .38); box-shadow: 0 0 35px 0 rgba(0, 0, 0, .38) } .stena-defekt_title-last span { font-size: 25px; text-transform: none; line-height: 1; position: relative; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; display: inline-block } .inner-page-priyomka .bgmain { position: relative; display: table } .inner-page-priyomka .osmotr-kvartiry { background: #fbfbfb; margin: 18em 0 0; padding: 3em 0; position: relative } .osmotr-kvartiry h2 { font-size: 26px; display: inline-block; padding: 1.4em; font-weight: 400; text-transform: none; border: 5px solid #ffd300; background: #fff; -webkit-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); box-shadow: 0 0 35px 0 rgba(0, 0, 0, .2); -webkit-transition: .6s; -o-transition: .6s; transition: .6s } .border, .pochemu-my_info { -webkit-transition: .5s; -o-transition: .5s } .header, .header-table { display: table; width: 100% } .benefit__caption--upper, .btn, .form-button, .like__btn, .meditext h1 { text-transform: uppercase } .osmotr-kvartiry h2 strong { font-weight: 700 } .osmotr-kvartiry .osmotr-kvartiry_title, .pochemu-my h2 { font: 700 48px/1.333 "Open Sans Condensed", "Open Sans", sans-serif; text-transform: uppercase; margin: 0; padding: .7em 0 .5em; text-align: center; color: #444 } .osmotr-kvartiry_text ul { padding: 2vh 0 1em 3em } .osmotr-kvartiry_text li { list-style-type: disc !important; line-height: 1.5; font-size: 21px; padding: .4em 0 } .osmotr-kvartiry_title-last { font: 500 36px/1.333 "Open Sans Condensed", "Open Sans", sans-serif; padding: .5em 0; color: #007baf; margin: 0 auto } .meditext h1, .osmotr-kvartiry_title-last b { font-weight: 700 } .akcia .text, .italian, .our-masters__say, .revname span { font-style: italic } .pochemu-my { background: #fff; padding: 45px 0 80px } .pochemu-my_info { -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, .2); box-shadow: 0 20px 35px 0 rgba(0, 0, 0, .2); border-radius: 3px; position: relative; transition: .5s; padding: 2em; height: 100%; border: 5px solid #ffd300; margin: 20px 0 } .header { margin: 0 auto } .header-table { position: relative; min-height: 100vh } .header-cell { display: table-cell; vertical-align: middle } .benefits-item, .form-wrapper, .meditext { display: inline-block } .header .container-fluid { max-width: 1366px } .meditext { position: relative; border: 5px solid #ffd300; background: rgba(0, 0, 0, .7); padding: 30px; margin: 145px auto auto; float: none; color: #fff; width: 96%; max-width: 947px } .meditext h1 { font-family: "Open Sans Condensed", "Open Sans", sans-serif; font-size: 54px; line-height: 1.333 } .inner-page-kvartiry .meditext h1, .inner-page-doma .meditext h1, .inner-page-ofisy .meditext h1 { font-size: 50px; } .border sup, .meditext sup { top: -.5em } .meditext h1+div { font-family: Qanelas-Regular, Arial, sans-serif; font-size: 30px; line-height: 1.333; margin: 0; color: #fff } .benefits { margin: 35px 0 } .benefits-item { position: relative; vertical-align: middle; font-family: "Open Sans Condensed", sans-serif; font-size: 18px; line-height: 1.2; color: #0c1327; padding: 22px 10px; width: 211px; background: #ffd300; margin: 0 15px 15px; font-weight: 400 } .bottomtitle, .subtitle, .title { line-height: 1.333 } .benefits-item:before { position: absolute; top: 50%; left: -7px; width: 36px; height: 53px; margin-top: -26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA1BAMAAADbpFSVAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////CwsLkO/BHAAAADHRSTlMAL0EFGQ8dJjcWCEx3i0MHAAAAsklEQVQoz2XMMQrCQABE0YGcQAuxsdDKJpAmBxC0FwIBS0HxAilM6SHscxZFsZhSVJC9i51s9k/5eYyMMd2YGqRHizTdp+kyqgRUiEhEIhKRiEQkIhGJSEQiEpGIRCQiAf3TvVKa3DFdmRx9kZnMZCYzmclMZjKTmcxkJjOZyUxmMpMZ0ySE7yzavNUxhM9pEK3RIg/v3TLaWfUwvNbqrdzmz66fsnqcJpWHNk3ZZlX0wg9TmPPqVFJPGQAAAABJRU5ErkJggg==) center no-repeat } .bgm, .border, .form, .form-button, .form-wrapper, .popup_inner { position: relative } .form { max-width: 750px; padding: 50px; border-radius: 5px; background-color: rgb(0 0 0 / 60%); margin: 0 auto; font-size: 0; box-shadow: inset 0 0 0 9px #ffd627; } .form-wide { max-width: 800px } .form-narrow { max-width: 445px } .form-title { font-family: Qanelas-Regular, Arial, sans-serif; font-size: 32px; margin: 0 0 33px; color: #fff } .mark { font-family: Qanelas-Bold, Arial, sans-serif } .form-wrapper { vertical-align: top; width: 271px; margin: 0 47px 40px 0; text-align: left } .bottomtitle, .form-privacy, .subtitle, .title, .title-ceni, .uslugi { text-align: center } .form-wide .form-wrapper { width: 218px; margin: 0 22px 22px 0 } .form-wide .form-wrapper-wide, .uslugi { width: 100% } .form-wrapper-margin { margin-right: 0 !important } .form-button:active, .form-button:hover { color: #fff } .form-narrow .form-button { margin-bottom: 0 } .form .selectric-focus .selectric { border-color: #fb9b36 } .form .selectric-hover .selectric { border-color: #e0e0e0 } .form .selectric-open .selectric { border-color: #cdcdcd } .form .selectric-items { -webkit-box-shadow: 3px 3px 1px 0 rgba(244, 244, 244, .5); box-shadow: 3px 3px 1px 0 rgba(244, 244, 244, .5); border: 2px solid #e0e0e0; border-radius: 3px } .form .selectric-items li { font-size: 16px; color: #0c1327; cursor: pointer } .form .selectric-items li:hover { background: #f4f4f4 } .form .selectric-items li.highlighted { display: none } .form-input::-webkit-input-placeholder { color: #777 } .form-input::-moz-placeholder { color: #777 } .form-input:-moz-placeholder { color: #777 } .form-input:-ms-input-placeholder { color: #777 } .form-input { width: 100%; font-family: Qanelas-Regular, Arial, sans-serif; font-size: 18px; color: #0c1327; padding: 15px 20px; border-radius: 3px; border: 2px solid #e0e0e0; background-color: #fff; -webkit-box-shadow: inset 3px 3px 1px 0 #f4f4f4; box-shadow: inset 3px 3px 1px 0 #f4f4f4 } .form-input:hover { border: 2px solid #cdcdcd; background-color: #fff } .form-input.error:focus { outline: 0; border: 2px solid #016cea; background-color: #fff; -webkit-box-shadow: inset 3px 3px 3px 0 #d5d5d5; box-shadow: inset 3px 3px 3px 0 #d5d5d5 } .form-button { display: inline-block; font-family: Qanelas-Bold, Arial, sans-serif; font-size: 18px; color: #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); border: 1px solid #ffd600; border-radius: 3px; padding: 15px 19px; cursor: pointer; background: #ffd600; } .border, .form-privacy, .form-text span { display: block } .form-button:hover { background-image: linear-gradient(180deg, #fff359 0, #d9b600 70%, #d1af00 100%); } .form-button:active { border: 1px solid #003d8c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0856c0), color-stop(0, #007aff), to(#2d86ff)); background-image: -webkit-linear-gradient(top, #0856c0 0, #007aff 0, #2d86ff 100%); background-image: -o-linear-gradient(top, #0856c0 0, #007aff 0, #2d86ff 100%); background-image: linear-gradient(180deg, #0856c0 0, #007aff 0, #2d86ff 100%); text-shadow: 0 -1.5px 0 rgba(0, 0, 0, .4); top: 1px; outline: 0 } .form-privacy { font-family: Qanelas-Regular, Arial, sans-serif; font-size: 11px; color: #adadad } .form-privacy a { color: inherit } .form-privacy:hover a { text-decoration: underline } .btn:hover, .calculator-item a, .like__btn, .like__btn:active, .like__btn:hover { text-decoration: none } .form-input.error { border: 2px solid #ff3131 } .form-wrapper select.error { color: #ff3131 } .bgm { overflow: hidden; padding: 100px 0; background-color: #1a181b } .bottomtitle { color: #ffd300; font-size: 20px; font-weight: 200 } .title { color: #fff; font-size: 38px; font-weight: 400; padding: 0 0 15px; font-family: Qanelas-Bold, sans-serif; padding-top: 0 !important } .subtitle { color: #ffd300; font-size: 16px; font-weight: 600; font-family: OpenSansRegular, sans-serif } .wrap-title { margin: 0 auto 32px } .title-small { color: #fff; font-size: 22px; font-weight: 400; padding: 20px 0 0 } .italian { color: #ffd300; font-size: 16px } .border { border: 5px solid #ffd300; padding: 20px; transition: .5s; min-height: 980px; height: auto } .border:hover { -webkit-box-shadow: 0 40px 0 -30px #cecece, 0 80px 0 -60px #a7a7a7; box-shadow: 0 40px 0 -30px #cecece, 0 80px 0 -60px #a7a7a7; background: #fff; border: 5px solid #fff } .wrap-img { margin-top: -42px } .img-responsive { display: block; max-width: 100%; height: auto; margin: 0 auto } .title-ceni { font: 800 30px Qanelas-Regular, Arial, sans-serif; color: #fff; padding: 0 0 20px } .uslugi { font-family: Qanelas-Regular, Arial, sans-serif } .uslugi:after { content: ""; display: table } .table_price.callback, .uslugi.second-table br { display: none } .uslugi.second-table { margin-bottom: 20px } .uslugi.second-table td { padding-bottom: 25px } .title-uslugi { font-size: 24px; color: #ffd300; float: left; width: 70%; line-height: 1; font-weight: 200; text-align: left } .title-uslugi.white { color: #fff } .descr-uslugi { font-size: 16px; line-height: 1.2; color: #fff; padding: 0 0 20px; letter-spacing: .1px } .cena-uslugi { font-size: 25px; color: #fff; float: right; text-align: right; width: 30% } .inner-page-kvartiry .cena-uslugi { font-size: 23px } .btn_align { text-align: center; height: 60px } .border:hover .cena-uslugi, .border:hover .title-ceni, .border:hover .title-uslugi { color: #004298 } .border:hover .descr-uslugi { color: #0c1327 } .popup_inner { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 800px; padding: 20px; z-index: 999999999; margin: 0 auto; background: #FFF } .popup_title { font-size: 42px; padding: 20px 0; color: #003C59; text-align: center } .popup_inner table { width: 100%; padding: 10px; border: 1px; border-collapse: collapse; border-spacing: 0 } .popup_inner table tr { border: 1px solid #FFD300; border-bottom: 1px solid #ccc; font-size: 18px; font-family: Qanelas-Regular, Verdana, Arial } .popup_inner td:nth-of-type(1), .popup_inner td:nth-of-type(3), .popup_inner td:nth-of-type(4) { text-align: center !important; padding: 0 2px } .popup_inner td { border-left: 1px solid #FFD300; font-size: 16px } .popup_inner td:last-child { border-right: 1px solid #FFD300 } .popup_inner td:nth-of-type(2) { padding-left: 20px } .popup_inner .mfp-close { font-size: 0; right: 0 } .akcia, .calculation { display: table; width: 100%; min-height: 100vh } .akcia>.container, .calculation>.container { display: table-row; text-align: center } .akcia-wrap, .calculation-wrap { display: table-cell; vertical-align: middle } .calculator { background: url(/lp/new/img/bg-calculator.jpg) top repeat-x; padding: 100px 0; -webkit-box-shadow: 0 0 2em 0 rgba(0, 0, 0, .2); box-shadow: 0 0 2em 0 rgba(0, 0, 0, .2); background-size: contain } .calculator .tab-content { position: relative; padding: 20px 40px; border: 5px solid #ffd907; background-color: #fff } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .calculator .form-wrapper { width: 100%; margin: 0 0 30px } .calculator .tab-content:before { content: ''; position: absolute; bottom: -105px; right: -395px; background: url(/lp/new/img/calculator-mockup.png) center no-repeat; width: 561px; height: 555px; z-index: 1 } .calculator-title { font-family: Qanelas-Regular, sans-serif; font-size: 38px; letter-spacing: .6px; color: #004298; text-align: left; margin-bottom: 24px; line-height: 1.2 } .calculator-items { text-align: left; margin-bottom: 35px; font-size: 0 } .calculator-item { display: inline-block; vertical-align: top; width: 30%; margin-right: 35px } .calculator-item.active { border-radius: 3px; -webkit-box-shadow: inset 3px 4px 3px rgba(5, 33, 124, .15); box-shadow: inset 3px 4px 3px rgba(5, 33, 124, .15) } .calculator-item:last-child { margin-right: 0 } .calculator-item a { display: block; font-family: Qanelas-bold, Arial, sans-serif; font-size: 21px; color: #0c1327; text-align: left; margin-right: 0; padding: 15px 20px; border-radius: 3px; border: 2px solid #e0e0e0; -webkit-box-shadow: 3px 4px 10px rgba(5, 33, 124, .1); box-shadow: 3px 4px 10px rgba(5, 33, 124, .1); letter-spacing: .4px } .btn, .credit-title, .text-result { letter-spacing: .6px } .calculator-item.active>a, .calculator-item.active>a:focus, .calculator-item.active>a:hover { cursor: default; background-color: #ffd300; border: 2px solid #ffd300; -webkit-box-shadow: inset 3px 3px 10px 0 rgba(5, 33, 124, .1); box-shadow: inset 3px 3px 10px 0 rgba(5, 33, 124, .1) } .calculator .btn { color: #fff !important; margin-top: 25px } .calculator label { display: inline-block; vertical-align: top; font-size: 17px; margin-bottom: 15px; color: #000; } .calculator-label { display: none } .calculator h2, .calculator p { font-size: 30px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-bottom: 35px } .calculator p { font-size: 18px; font-weight: 700; margin-bottom: 15px } .calculator-form { text-align: right } .calculator-form .btn { color: inherit !important; margin-top: 0 } #enter-value:focus { outline: 0; border-bottom: 2px solid #ffd300; -webkit-box-shadow: none; box-shadow: none } #enter-value-tooltip { position: relative; top: -10px; color: red } .error { border: 1px solid red } .form-button-wrap { text-align: left } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 0; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; border: 1px solid #b1b1b1 } .form-control.error { border: 1px solid #ff3131 } .calculator-checkbox input[type=checkbox]:checked+label, .calculator-checkbox label:hover, .calculator-radio input[type=radio]:checked+label, .calculator-radio label:hover { color: #000 } .calculator-checkbox label, .calculator-radio label { position: relative; display: block; font-size: 18px; line-height: 1.3; padding-left: 32px; margin-bottom: 25px; cursor: pointer } .calculator-checkbox label:before, .calculator-radio label:before { -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #fff; border: 2px solid #ffd300; border-radius: inherit } .calculator-checkbox input[type=checkbox]:checked+label:before, .calculator-radio input[type=radio]:checked+label:before { background: #ffd300; border: 2px solid #ffd300 } .calculator-checkbox input[type=checkbox]:checked+label:after, .calculator-radio input[type=radio]:checked+label:after { content: ''; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA4MUVEQTFDNkU4MTFFNzgzODg4N0Q0MUEwMjdBOUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA4MUVEQTBDNkU4MTFFNzgzODg4N0Q0MUEwMjdBOUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY5MGNlYmViLWM2ZTctMTFlNy1iMzAyLWE1NTBjMjc3NTExYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY5MGNlYmViLWM2ZTctMTFlNy1iMzAyLWE1NTBjMjc3NTExYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plh2oD0AAACBSURBVHjaYvn//z8DMYCRkbEVSJkzgDQQwkCQA8QgxixiFIdBFa8F8wkotoAqPgPEHDDnzwfiUiyK1YH4LxA/A2JBJHGGuVBTepEERYD4CRB/A2JtFIOgCqZANc0AYkkgPgDlW2HYjGRqOVTRZyjti9VfaO5OAuIPQJyPKyAAAgwAgEzISSqdpZIAAAAASUVORK5CYII=) center no-repeat } .calculator-checkbox label:hover:after, .calculator-radio label:hover:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAGXRFW…CWBOIDUL4Vus3InHKoos9Q2hebv9AFkoD4AxDn4woIgAADANSIOeCp2zRqAAAAAElFTkSuQmCC) center no-repeat } .calculator-checkbox label:after, .calculator-radio label:after { content: ''; position: absolute; width: 12px; height: 12px; background: #fff; left: 0; left: 6px; top: 6px } .calculator-checkbox input, .calculator-radio input { width: 24px; height: 24px; margin: 0; padding: 0; position: absolute; left: 0; cursor: pointer; opacity: 0 } .calculator__title { font-family: 'Open Sans', sans-serif; color: #080626; vertical-align: bottom; border-top: none; border-bottom: 2px solid #ffd300; font-size: 32px; line-height: 1.42857143 } .calculator-value-error, .tooltips-box span, .tooltips-box-apartment span, .tooltips-box-bath span { font-family: Qanelas-Bold, Arial, sans-serif } .calculator__input-block { position: relative; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 30px } .calculator__input-block input { width: 100%; min-height: 44px; padding: 10px 12px; margin-top: 0; border: 1px solid #b1b1b1; -webkit-box-shadow: none; box-shadow: none; background-color: #fcfcfc; border-radius: 0; outline: 0 } .calculator__input-block span { position: absolute; top: 0; right: 5px; width: 24px; padding: 13px 0; font-size: 15px } .radio-group .title-label { display: block } .radio-group input[type=radio] { display: none } .radio-group input[type=radio]+label { position: relative; display: inline-block; vertical-align: top; font-size: 18px; line-height: 44px; width: 44px; height: 44px; text-align: center; cursor: pointer; border-radius: 50%; border: 2px solid transparent; z-index: 2 } .radio-group input[type=radio]+label:hover { border-radius: 50%; border: 2px solid #ffd300 } .radio-group input[type=radio]+label.unbind-hover:hover { border: 2px solid transparent; cursor: default } .mfp-close, .nav-box, .sale-close, .youtube { cursor: pointer } .radio-group input[type=radio]+label.unbind-hover { color: silver } .radio-group input[type=radio]+label.text-label { font-size: 12px } .radio-group input[type=radio]:checked+label { border-radius: 50%; border: 2px solid #ffd300; background-color: #ffd300; -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .27); box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .27) } .tooltips-box, .tooltips-box-apartment, .tooltips-box-bath { display: none; font-size: 16px; line-height: 22px; min-height: 110px; margin-bottom: 45px; padding-right: 5px } .tooltips-box-apartment.active, .tooltips-box-bath.active, .tooltips-box.active { display: block } .calculator-footer { text-align: center; padding-top: 28px; border-top: 1px dashed #d9d9d9 } .calculator-footer .form-input { padding: 14px 20px } .calculator-column { position: relative; float: left; width: 33.33333333%; padding-top: 30px; padding-right: 50px; margin-bottom: 30px } .calculator-column--date { padding-right: 0 } .calculator-column:before { content: ''; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat } .calculator-column--cost:before { width: 24px; height: 21px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAAAY1BMVEUAAAD0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAphM6EdAAAAIHRSTlMA4LDwkFEwwWBA+LwtpMonFKjm47eFSR0Z9deBXDo5C8aDGHAAAACDSURBVCjPldFJDoMwEETRwsYYPEMmMvf9T5lFE8mYWApv1dLfdQFONCV/ARClOYo1S4cEeONQOtMJaEZsBQvIFltC/xvmgeki9IYW0uXhfdWKPSabB0cqJj7bKQ8dKeuXIIsQ518h0dix1y3kAXf6MsMq4NmzoPe/pPrd6h71BaubfwANWwkDZTho2AAAAABJRU5ErkJggg==) } .calculator-column--materials:before { width: 24px; height: 21px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAAAaVBMVEUAAAD0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAqwDUlzAAAAInRSTlMA8LCAUOHA0KCQIDDqEHBgQNh7+d2eivPKqWocyKdzcioIAtWQ1wAAAI5JREFUKM+lz8sWgjAMRdGkpC0tQW15i+///0iFu2TkCPfoZp1R6JELOG/jSYuUHAzJgN7WwELgCwITdoY0GhisA24/l1DVh+BtCZ5LcJYWwRAUnkB4R8jK3DQW+Dv0QtodQM0RvBGR+q/P+xpMF+NMNL1+uhLNMXajwNSeIPPOz3sXIbQV3HUNVWLQbeQ3lSYMHxSPQAAAAAAASUVORK5CYII=) } .calculator-column--date:before { width: 22px; height: 22px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAaVBMVEX0XAr0XAoAAAD0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAr0XAox9s6GAAAAInRSTlNg8ADQoDAgsJD27N36A5tLfXRwNyvotXpmQQjYXiUT4r5p6Q0g0AAAANRJREFUGNOdzElSxEAMRFEpZVCpJg/tuQeg7n9IytGs2gQLfkRu3iIJSNnrDmzX0AK7+pyAym1ZbAXkUydgtaW0lVObGaJENlAhUgHnNlEuVtmYS2Vmq2wlkx9ulkIHTMsagS4kuw2emO7mywVozGbgUrzdKzJh7Ksi0deO6v2Ig7u3U13l8kuV+/dTfWUam5dGOpiiamDVj0mVg2qkJzPgBGgUEAfw31xEvIkwi5gXKT8cnRPv3DU458W5f34zx2ORuRx78oNeelQMM52aA22BT4XtGwdmDuO+BaIpAAAAAElFTkSuQmCC) } .calculator-column--cost.disabled, .calculator-column--date.disabled, .calculator-column--materials.disabled { display: none } .calculator-value-error { display: none !important; font-size: 18px; width: auto } .calculator-value-error:after { display: none } .calculator-value-error.active { display: inline-block !important } .text-result { font-family: Qanelas-Regular, Arial, sans-serif; text-align: left; font-size: 16px; line-height: 1.125; color: #0c1327 } .text-result span { font-family: Qanelas-Bold, Arial, sans-serif; display: block; font-size: 28px; padding-bottom: 10px; border-bottom: 5px solid #ffd907; margin-top: 10px } .text-result i { font-style: normal } .calculator-column--cost .text-result { padding-left: 0 } .credit { font-family: Qanelas-Regular, sans-serif; color: #004298; z-index: 1; padding: 100px 0; background: #f6f6f6 } .credit-wrapper { position: relative } .credit-wrapper:after { content: 'переплата 0%'; position: absolute; bottom: 0; right: 0; font-family: Qanelas-Bold, sans-serif; font-size: 120px; color: #e8e8e8; z-index: 1 } .btn:before, .certificates-item:before, .coordinates__address:before, .credit-tagline:before, .mfp-close:after, .social__item:before { content: '' } .credit-title { font-size: 38px; text-align: left; font-weight: 700; padding: 0 0 10px; font-family: Qanelas-Regular, sans-serif; line-height: 1.2; color: #0c1327 } .credit-condition { padding: 25px 100px 25px 0; display: inline-block } .credit-text { display: inline-block; vertical-align: top; padding-top: 10px; font-size: 26px; line-height: 1.4 } .credit-condition span { font-family: Qanelas-Bold, sans-serif; display: block; vertical-align: top; min-width: 95px; font-size: 38px; line-height: 1.4; color: #ff5a00; text-align: left } .copyright, .logo-description { font-family: Qanelas-Regular, sans-serif } .credit-condition b { display: block } .credit-center { position: relative; display: table-cell; vertical-align: middle; color: #004298; padding: 12px 0 0; z-index: 2 } .credit-tagline { font-size: 18px; line-height: 1.4; padding: 0 0 15px 24px; position: relative; color: #0c1327 } .credit-tagline:before { display: block; position: absolute; left: 0; width: 12px; height: 12px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #59b3ff), color-stop(70%, #0e6dee), to(#0456c5)); background: -webkit-linear-gradient(left, #59b3ff 0, #0e6dee 70%, #0456c5 100%); background: -o-linear-gradient(left, #59b3ff 0, #0e6dee 70%, #0456c5 100%); background: linear-gradient(90deg, #59b3ff 0, #0e6dee 70%, #0456c5 100%); margin: 0; top: 7px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; border-radius: 50% } .credit-footer { margin-top: 30px } #portfolio { text-align: center; padding: 45px 0 70px; background-color: #fff } #portfolio .title { color: #0c1327; position: relative; margin: 0 auto 30px } #slider { display: block; -webkit-box-shadow: 0 11px 38px rgba(0, 0, 0, .2); box-shadow: 0 11px 38px rgba(0, 0, 0, .2) } #slider .owl-dots { position: absolute; left: 50%; margin-left: -221px } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .custom1 .item { display: table; margin: auto; font-size: 18px; height: 100%; -webkit-transition: background 1s; -o-transition: background 1s; transition: background 1s; padding: 0; width: 100%; text-align: left; border: 5px solid #004298 } .imagewr { float: left } .custom1 .bgwhite div { color: #ff5a00; font-size: 16px } h3.title-slide { font-size: 21px; text-align: left; padding: 10px 0 } .custom1 .descr-uslugi { padding: 0 0 0 10px; line-height: 1.4; font-size: 15px } .custom1 .item .descr-uslugi, .custom1 .item:hover .cena-slide, .custom1 .item:hover h3.title-slide { color: #0c1327 } .btn, .btn:hover, .copyright, .logo-description, .review, .revname { color: #fff } .cena-slide { padding-left: 8px; color: #0c1327; display: inline } .popup-gallery .owl-prev { left: -5% } .popup-gallery .owl-next { right: -5% } .owl-next, .owl-prev { display: inline-block; position: absolute; top: 38%; width: 17px; height: 77px } .owl-next { right: 1%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABNCAMAAAB3/39EAAAAnFBMVEUAAAD/1AD/0QD/0gD/1AD/0wD/1AD/0wD/1AD/1AD/1AD/1AD/1AD/1AD/1AD/1AD/1AD/1AD/1AD/0wD/0wD/1AD/0wD/1AD/1AD/1AD/1QD/1AD/1AD/0wD/1AD/0wD/1AD/0wD/1AD/1AD/0wD/0wD/1AD/0wD/1AD/1AD/0gD/1QD/0wD/1QD/1QD/1gD/0wD/1QD/0QD/0wBnDSAKAAAAM3RSTlMAlwsFjPnz7Obd1s7AuLGrpp96YVtJQTYgGhH38OHSyMS9koeEf3Vyb2lmVFFOPDEtKibYcLyQAAAA6ElEQVQ4y53UVw7CMBBFUXqHUEMJEHrv2f/eYObrSReEFH8exX6xPZ6Mj3LyGdmMjIZJQyVrUlY5miRjkdAlFJm4HHRaBWFLk4XKymSqckLYzWWAsD3COipNk1ilYFJS6flCI5EhwnIuO502+x5WTxd2RVhXp1VN2iothK1NorxI3xd6idxdLqnC5iobkyLDniIPl7NIvmiy1YVqJoFKYFLDMUb8huswi//Df+a+uHeeD8+Q58y74H3xTv9HsX5YY6hD1irrmTXPd5EmKuY75Vvme2dPQN9gb2H/YY9iH2OvQz/81TPZV9+NY1ECt1ICmwAAAABJRU5ErkJggg==) no-repeat } .owl-prev { left: 1%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABNCAMAAAB3/39EAAAAmVBMVEUAAAD/1AD/0gD/1AD/1AD/1AD/0wD/1AD/1AD/1AD/1AD/1AD/1AD/1AD/0wD/1AD/1AD/1AD/1AD/1AD/0wD/1AD/1AD/1AD/1AD/1AD/1gD/zQD/1AD/1AD/1AD/1QD/1AD/1AD/1AD/1AD/0wD/1AD/0wD/1AD/0wD/0wD/1AD/0gD/1QD/0gD/0gD/0AD/1QD/2QD/0wAmrlITAAAAMnRSTlMAlwXz+/fs493UwLq1q56Rhn1zZV5PSD03Kw8KysWMJB/w6NjPsKakeG5qWlRDMhsYFLMiBD0AAADnSURBVDjLnZTXDoJAEEXtBcSuiL33yv9/nM76csMJJLqPJ2QOOztzc9+Tjz+nkpPjGfGUVIzkBTxjO2chN0dCISdHXkKcaq2FZ0Z8JSsjLQEPV6YnZAhV15GxkKaBaraqmFQtU1SjH1VTIw2o5lD1hQygOjoyEXIwUNPC26SqUDbSFrJIUd2FdAyUVLWHqm5kl6mKXOGLkKsjEVQFIYGRDVRBSgPxDevQxf/hP/NevDv7wx6yz3wLyvimfHfOBueHMraRs8p55sxzL7g73C/I/P9kITOBuZG28MwfZhRzjFnHPGRmMlffM5VPjij7Te4AAAAASUVORK5CYII=) no-repeat } .btn:before, .social__item:before { left: 0; top: 0; right: 0; bottom: 0 } .owl-theme .owl-controls { margin-top: 10px; text-align: center } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: -webkit-gradient(linear, left top, right top, color-stop(0, #59b3ff), color-stop(70%, #0e6dee), to(#0456c5)); background: -webkit-linear-gradient(left, #59b3ff 0, #0e6dee 70%, #0456c5 100%); background: -o-linear-gradient(left, #59b3ff 0, #0e6dee 70%, #0456c5 100%); background: linear-gradient(90deg, #59b3ff 0, #0e6dee 70%, #0456c5 100%) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .footer { background-color: #16181c; padding: 100px 0 0 } .footer-column { display: flex; flex-wrap: wrap; justify-content: center; } .footer .navbar-nav { float: none } .footer .navbar-nav li { display: inline-block; vertical-align: top; float: none } .logo-description { font-size: 13px; letter-spacing: .3px; text-align: center; width: 250px; } .copyright { letter-spacing: .2px; font-size: 14px; line-height: 1.4; text-align: center; padding: 10px 0; opacity: .3 } .social { text-align: right; font-size: 22px; } .social__item { display: inline-block; position: relative; width: 20px; height: 12px; margin: 0 6px } .social__item:first-child { margin-left: 0 } .social__item:last-child { margin-right: 0 } .social__item:before { position: absolute; display: block; background: url(/lp/new/img/social-sprite1.png) no-repeat } .social__item--vk:before { background-position-x: 0 } .social__item--tw:before { background-position-x: -29px } .social__item--tlg:before { background-position-x: -59px } .social__item--ok:before { background-position-x: -86px } .social__item--yo:before { background-position-x: -115px } .social__item--fb:before { background-position-x: -142px } .social__item:hover:before { background-position-y: -17px } .btn { font-family: Qanelas-Bold, sans-serif; -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, .29); box-shadow: 0 4px 25px rgba(0, 0, 0, .29); border-radius: 5px; border: 2px solid #ff6c00; padding: 12px 14px; line-height: 1.3; display: inline-block; font-size: 13px; font-weight: 400; margin-top: 15px; position: relative; z-index: 0; background-color: transparent } .btn:before { position: absolute; width: 100%; height: 0; background-color: #ff6c00; z-index: -1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear } #review .owl-next, .akcia .owl-next, .our-masters .owl-next { right: -5% } .btn:hover:before { height: 100% } .our-masters { position: relative; padding: 100px 0; background-color: #fff } .our-masters .content { padding: 0 } .our-masters__slider { display: block; max-width: 955px; margin: 0 auto 60px; -webkit-box-shadow: 0 11px 38px rgba(0, 0, 0, .2); box-shadow: 0 11px 38px rgba(0, 0, 0, .2); border: 5px solid #004298 } .our-masters__item { border-radius: 3px; background-color: #fff; min-height: 390px } .our-masters__item span { display: block; font-family: Qanelas-Bold } .our-masters__link { float: left; width: 55%; overflow: hidden } .our-masters__text { float: left; width: 45%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 35px; } .our-masters__popup img { width: 100%; } .akcia, .akcia .bgblack { text-align: center; color: #fff } .our-masters__text p { margin-bottom: 20px } .our-masters__caption { font-family: Qanelas-Bold, sans-serif; font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: .6px; margin-bottom: 20px } .our-masters__say, .our-masters__subtitle { font-family: Qanelas-Bold } .our-masters__subtitle { font-size: 22px; line-height: 1.2; margin-bottom: 20px } .our-masters__say { font-weight: 700 } .our-masters .owl-controls { margin-top: 0 } .our-masters .owl-dots { position: absolute; left: 50%; margin-left: -104px; bottom: -47px } #map-yandex, .map, .ymap-container { position: relative } #review .owl-prev, .akcia .owl-prev, .our-masters .owl-prev { left: -5% } .akcia { padding: 100px 0 } .akcia .bgblack { display: inline-block; max-width: 748px; padding: 30px; margin: 0 auto 30px; border: 5px solid #ffd300; background: rgba(0, 0, 0, .7) } #slider2, .akcia .title i { display: block } .akcia .title { font-size: 28px } .akcia .text { font-size: 24px; padding: 20px; text-align: left } .akcia .owl-dots { margin-bottom: 35px } #review { padding: 100px 0; background: #16181c } #review .title { padding-bottom: 60px !important } #slider2 { max-width: 750px; margin: auto } .review { font-family: "Open Sans Condensed", "Open Sans", sans-serif; font-size: 17px } .imgrev_wr { width: 170px; height: 170px; margin: 0 auto 20px } .imgrev { width: 140px; height: 140px; margin: auto } .imgrev img { border-radius: 50%; display: inline-block; vertical-align: middle; width: 100%; height: auto } .revname { text-align: center; line-height: 1.4 } .revname span { color: #ffd300; display: block } #map, #map-yandex { max-height: 750px; min-height: 335px; width: 100%; height: auto } #map-yandex { z-index: 7; width: 100%; background-color: transparent } .ymap-container { background-image: url(/lp/new/img/bg-map.jpg); background-color: #fff; background-position: center center; background-size: cover; background-repeat: no-repeat } .section-caption { font-family: Qanelas-Bold, sans-serif; opacity: 0; -webkit-transform: matrix(1, 0, 0, 1, 0, 50); -ms-transform: matrix(1, 0, 0, 1, 0, 50); transform: matrix(1, 0, 0, 1, 0, 50); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .coordinates { padding: 100px 0; -webkit-transition: background-color .4s ease-out; -o-transition: background-color .4s ease-out; transition: background-color .4s ease-out } .coordinates__title { color: #0c1327; font-family: Qanelas-Bold, sans-serif; font-size: 28px; font-weight: 400; line-height: 1.6; letter-spacing: -.3px; margin-bottom: 20px } .coordinates__address { color: #0c1327; font-family: Qanelas-Regular, sans-serif; font-size: 17px; letter-spacing: .2px; display: block; position: relative; padding-left: 36px; margin-bottom: 16px; padding-right: 54px } .coordinates__address:before { position: absolute; width: 20px; height: 20px; top: 7px; left: 0; right: 0; background-repeat: no-repeat; background-size: contain; background-position: center } section.active .section-caption { opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0) } .coordinates__address--map:before { top: 5px; width: 14px; height: 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAMAAACK2/weAAAAgVBMVEUAAAD/dwD/dgb/dQb/dQb/dgj/dQf/dQb/dQT/dQb/cQD/dQb/dQb/dQX/dQf/dQb/cAr/dQX/dQb/eQD/dQX/dQb/dAb/dAX/dAb/dQb/dQb/dQb/dAj/dQb/dQb/dAX/VQD/dQb/dgX/gAD/dQb/dAf/dAb/dwf/dgb/gAD/dQacXzjPAAAAK3RSTlMAD3nI7EPq/z/6CeX3vG/GGb/xFeik85PbyZ1ZRP2LNwPfaAbcS6tHhAKs/gHHBgAAAJFJREFUeAFFwQV2AjEAANFBYHAhwd1h73/Apknf9n+SRrPVbreaDbJO16zbIen1tej3YDBUR+PxSB0OmKjTGcym6oS5LgJJWOicqEuypUZWuiZb64qNbsm2umGn7kn26o6Dejydz6ejeuBytXa9wM3aDbg/tHjcSZ5aPMleZi+KEFVj4M9b9U3tox/+favqy68fhikKNZgWvCMAAAAASUVORK5CYII=) } .coordinates__address--tell:before { top: 2px; width: 18px; height: 18px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAn1BMVEUAAAD/YQX/YwT/YgX/YwT/YwT/YwT/YAD/YwX/YgT/YwT/ZAT/ZgD/YwT/YwT/ZAX/YwT/ZAT/ZAb/YwT/YgT/YwT/YAj/ZQf/YwT/ZAT/agD/YgX/YwT/AAD/YwX/YwD/ZAX/YwT/YgT/VQD/YgT/YwT/YgT/ZAX/YQD/ZgD/YwT/ZAX/YwX/YwT/YwX/Zgf/YwT/YgX/YwT/YwT/YwPdylnOAAAANXRSTlMAN+Zo8f/wEDaH2fYZhtRhjoUphLP1ICb4zQxwvgGnH2uyQQa99H+pHQq6bqjnbCOvL5DT28mWfWcAAACDSURBVHgBVcrZFsFAEIThCtOE2GNI7Pu+8/7PZvpodP8XdfGdAhAVirBFjkplI7EjooqhKoWSmqaEuLqmBnFNTS2WNnQdphSmbiDfM9TPguUDY0MKjYyNJ2z5FJjNF2LLFdt6k4bd7j62P9Avf5Tf6W9nSJdMxEX4dr1pke6Pp3/FwBt77we2MVTg/gAAAABJRU5ErkJggg==) } .coordinates__address--mail:before { top: 6px; width: 19px; height: 14px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAMAAAD6xte7AAAAXVBMVEUAAAD/egv/eAj/gAD/dQb/dQb/dwb/dgD/dQb/cQn/dQf/gAD/dAb/dAb/dQb/dAj/dQf/dQb/dQb/dAf/cgf/dQb/dQb/cAD/dAb/dQX/dQX/dQb/dQb/ZgD/dQa0ANU7AAAAH3RSTlMAFyAC0f8rDa8blwh9/sshTPDuSybWhRCi6L7sqAXc9siXRQAAAGpJREFUeAGVyEcSgkAUhsF/Bj5yzoLD/Y8pWlr1WNrLluS85XSJYqw4ui5JM1NZmkg5RVnV36mrsiCXh6bt+k/1XduAfx/DOM3API0Dv4Nl3R7buoA5die3cz+O54E5478LJ3dnkIK/C3oBq/EG8eSvhjUAAAAASUVORK5CYII=) } .mfp-close { padding: 0; outline-style: none; background: 0 0; position: absolute; display: block; border: 5px solid #ffd300; width: 60px; height: 60px; right: -80px; top: 0 } .mfp-close:after { display: block; width: 44px; height: 44px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsAgMAAABj6rKSAAAADFBMVEUAAAD/0wD/0wD/0wDKKEZWAAAAA3RSTlMA+CgTpgeRAAAAj0lEQVQoz2WS0Q2AIAxEG/6YhLX4dQH+TIh7MJeMA7kcXANGoeFete1p3daVrOy4WasMQ7GUGcc+74XnKS284iEOjTgW4hCJY8WJVJDYeACZIHbi0MExATgTgDPhK+ruUafxzzsOb71jMcq936lvqQbVdtasXtTj1btmolkdM9Rs/cy9F94j75331Hvt/4EBXN4+ba42ZfkAAAAASUVORK5CYII=) center no-repeat; margin: auto } .certificates { position: relative; padding: 100px 0; background-color: #f6f8fd; -webkit-box-shadow: 0 0 2em 0 rgba(0, 0, 0, .2); box-shadow: 0 0 2em 0 rgba(0, 0, 0, .2) } #certificates-slider { display: block; margin-bottom: 47px } .certificates-item { position: relative; text-align: center; padding-bottom: 45px } .certificates-item:before { position: absolute; bottom: 0; left: 0; right: 0; font-size: 16px } .certificates-item--first:before { content: 'ИНН' } .certificates-item--second:before { content: 'ЕГРИП' } .certificates-item--third:before { content: 'Лицензия' } .certificates-item--fourth:before { content: 'Допуск СРО' } .certificates-item--fifth:before { content: 'Франшиза' } .certificates-link { display: inline-block; vertical-align: top } .certificates-link:focus { outline: 0 } .certificates-item img { max-width: 250px } .certificates .owl-prev { left: -5% } .certificates .owl-next { right: -5% } .success .navbar-text { margin-right: 0 } .success .form-button { margin-top: 20px } .success .navbar-fixed-top .form-button, .success .navbar-nav, .success .navbar-nav .nav-toggle { display: none } .sale { position: fixed; bottom: 0; right: -264px; z-index: 8 } .sale>a { position: relative; display: inline-block; vertical-align: top } .sale-close { position: absolute; top: 23px; right: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAJ1BMVEVMaXH+fAD+fAD+fAD+fAD+fAD+fAD+fAD+fAD+fAD+fAD+fAD+fABEaxR8AAAADHRSTlMAYPAwoIDgIB/2cJAC5Vk0AAAACXBIWXMAAAsSAAALEgHS3X78AAAAjUlEQVQoz22S2xKAIAgFlYuX4v+/N8GaUPQhbRdm7FBKcXHVJxZc8SUwSAWR7HEWkTKaxuaFYkFr8yL/b3bkiRFckQkKeAiYwvDt7mCAGnx9q+gBvyLilJpW9xY4WT3gAfcoFEOjXfALTOQlq1lHsuXwtd9bbmugl37RaQAj3iJxYFAtAd4ymROvfPgnHrvOByhAXAKwAAAAAElFTkSuQmCC) no-repeat; width: 23px; height: 23px; border: none; z-index: 10 } .sale-2 { position: absolute; top: -140px; right: -86px; } @media (max-width:1920px) { .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-1920.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-1920.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-1920.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-1920.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-1920.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/demontazh.jpg) } } @media (max-width:1600px) { .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-1600.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-1600.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-1600.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-1600.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-1600.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/bg1600_d.jpg) } } @media (max-width:1366px) { .meditext:before { top: -23px } .sale-2 { top: 50%; right: -135px; margin-top: -101px; } .navbar-text { margin: 0 15px 0 0 } .bghtml { background-position: right; } .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-1366.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-1366.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-1366.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-1366.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-1366.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/bg1366_d.jpg) } } @media (max-width:1305px) { .popup-gallery .owl-prev { left: 1% } .popup-gallery .owl-next { right: 1% } } @media (max-width:1265px) { .navbar-fixed-top .form-button { display: none } .logo, .navbar-text { margin-right: 0 } } @media (max-width:1200px) { .sale-2 { top: -190px; left: 50%; right: auto; margin-top: 0; margin-left: -101px; } .sale-2-img { max-width: 293px } .meditext { margin-top: 275px; } .second-sub--shot .second-sub__item a { padding: 11px } .title-ceni { font-size: 25px } .cena-uslugi, .inner-page-kvartiry .cena-uslugi, .title-uslugi { font-size: 20px } .descr-uslugi { font-size: 14px } .calculator .tab-content:before { display: none } .calculator label, .calculator-item a, .calculator-value-error { font-size: 18px } .calculator label { margin-bottom: 10px } .calculator-column:after { top: auto; bottom: 0; right: 0; left: 0; width: 100%; height: 1px } .calculator-items { position: static; width: 100%; border: none } .calculator-item { width: 29%; margin-right: 40px } .calculator-item a { margin-bottom: 0 } .calculator .row-part, .row-part .col-md-6 { margin-bottom: 25px } .calculator .tab-content { width: 100%; margin-left: 0 } .calculator__input-block, .form-control { width: 100% } .row-part .col-md-6:last-child { margin-bottom: 0 } .our-masters .owl-next { right: 1% } .our-masters .owl-prev { left: 1% } .footer .navbar-nav>li>a { padding-right: 10px } .logo-description { font-size: 11px } .certificates .owl-prev { left: -1% } .certificates .owl-next { right: -1% } .video-review__project-name span { display: block } h3.title-slide { font-size: 18px } .custom1 .bgwhite div, .custom1 .descr-uslugi { font-size: 13px } .custom1 .descr-uslugi { margin-bottom: 5px } } @media (max-width:1024px) { .navbar-nav>li>a { display: none } .navbar-nav>li>a.nav-button { display: block } .border:hover .cena-uslugi, .border:hover .descr-uslugi, .border:hover .title-ceni, .navbar-nav>li>a.nav-button:hover { color: #fff } .bghtml { background-position: right; } .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-1024.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-1024.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-1024.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-1024.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-1024.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/bg1024_d.jpg) } .calculator { background: #fff } .youtube { width: 100% !important; background-size: cover } .like__btn--dislike:hover:before, .like__btn--like:hover:before { -webkit-transform: none; -ms-transform: none; transform: none } .border:hover { background-color: transparent; box-shadow: none; border: 5px solid #ffd300 } .border:hover .title-uslugi { color: #ffd300 } .border:hover .title-uslugi.white { color: #fff } } @media (max-width:992px) { .border .uslugi .title-uslugi, .nav-inner { width: 100% } .border, .our-masters, .tooltips-box, .tooltips-box-apartment, .tooltips-box-bath { min-height: auto } .border .uslugi .cena-uslugi, .footer-column, .form-button-wrap, .logo-description, .social { text-align: center } .inner-page-privacy .container-fluid:before, .inner-page-rabota .container-fluid:before { font-size: 26px; margin-top: -13px } .inner-page-rabota #slider .owl-prev { left: 3% !important } .inner-page-rabota #slider .owl-next { right: 3% !important } .credit-wrapper:after, .nav-banner { display: none } .nav-inner { float: none } .header-table .benefit__arrow i { margin-top: 20px } #ceni>div>div>div div.wrap-title { margin: 0 0 25px; text-align: center } .uslugi.second-table td { padding-bottom: 5px } .descr-uslugi { padding: 0 0 10px } .border { height: auto !important } .border .uslugi .cena-uslugi { width: 100%; font-size: 30px; margin-bottom: 20px } .calculator-footer .form-input, .footer-column { margin-bottom: 35px } .border .uslugi .cena-uslugi.add-sup { font-size: 21px } .border .uslugi.second-table .cena-uslugi, .border .uslugi.second-table .title-uslugi { width: auto } .our-masters, .our-masters .cont-wrap-table { display: block } .credit-condition { padding-right: 60px } .custom1 .item { padding-bottom: 20px } .akcia .owl-prev { left: 1% } .akcia .owl-next { right: 1% } .our-masters__link, .our-masters__text { float: none; width: auto } .our-masters__link img { width: 100%; height: auto } .calculator-column { padding-right: 20px } .calculator .radio-group { margin-bottom: 30px } .calculator .calculator-label { display: block; font-size: 14px } #review .owl-prev { left: 1%; top: 100px } #review .owl-next { right: 1%; top: 100px } .footer .logo { float: none; display: inline-block; vertical-align: top; margin-bottom: 13px } .mfp-close { right: 0 } } @media (max-width:830px) { .form-wide .form-wrapper { width: 100%; margin: 0 0 22px } .video-review__project-name span { display: inline-block } } @media (max-width:768px) { .meditext { margin-top: 230px; } .sale-2 { top: -153px; margin-left: -75px; } .sale-2-img { max-width: 150px; } .inner-page-rabota .ishhem_item, .inner-page-rabota .rabota .menu>.container, .logo p { display: block } .navbar-nav, .navbar-text { position: relative } .inner-page-privacy h1, .inner-page-rabota h1 { font-size: 34px; padding: 0 0 25px } .inner-page-privacy main p { font-size: 16px } .inner-page-rabota main { padding-top: 70px } .inner-page-rabota #portfolio { padding: 40px 0 } .inner-page-rabota .ishhem h3, .inner-page-rabota .predlagaem h2, .inner-page-rabota .rabota_akciya h3, .inner-page-rabota .rabota_pochemu h1, .inner-page-rabota .vakancia-inner h1 { font-size: 34px; padding: 0 0 25px } .inner-page-rabota .form-button { display: block; margin: 8px auto 0; max-width: 260px } .calculator .form-wrapper, .calculator .radio-group, .calculator-column, .calculator-items, .calculator__input-block { margin-bottom: 24px } .inner-page-rabota .custom1 .item { height: auto; min-height: 100% } .inner-page-rabota div.zp, .inner-page-rabota h2.zp { font-size: 18px } .meditext h1, .inner-page-kvartiry .meditext h1, .inner-page-doma .meditext h1, .inner-page-ofisy .meditext h1 { font-size: 40px } .benefits-item, .meditext h1+div { font-size: 16px } .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-768.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-768.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-768.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-768.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-768.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/bg767_d.jpg) } .navbar-fixed-top { min-height: 70px } .nav-wrapper { top: 70px } .nav-inner-wrap>.container { padding: 0 } .navbar-header { float: left } .logo { width: 154px } .logo img { width: 154px; height: auto; left: 5px } .nav-main, .nav-sub--wide { width: 100% } .logo a { font-size: 20px } .logo p, .logo span { top: 0; left: 45px } .logo p { top: 18px !important } .navbar-text { font-size: 18px; line-height: 1.2; text-align: right; padding: 0 } .navbar-text p { font-size: 13px } .navbar-nav>li>.nav-button { padding: 10px 42px 10px 0; margin: 0 } .navbar-nav>li>.nav-button.active:before { display: none } .visible-mobile { display: block !important } .nav-main { float: none } .nav-main__item, .nav-sub__item { padding: 0 } .nav-main__item--social { padding: 15px 0 } .nav-main__link, .nav-sub__link { padding: 15px 15px 15px 60px } .nav-sub__link { padding-left: 15px } .nav-main__link:before { left: 15px } .second-sub__item:after { display: block } .second-sub__item a:hover { background-color: transparent } .second-sub--shot .second-sub__item a { width: 25% } .border .uslugi .cena-uslugi, .title-ceni { font-size: 20px } section.active .section-caption { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none } .calculator-title { font-size: 35px } .calculator-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .calculator-item { margin-right: 5px } .calculator-item a { font-size: 14px; padding: 12px 15px } .calculator .form-wrapper { padding: 0 } .calculator-column:last-child { float: none; text-align: center } .calculator-value-error.active { display: block !important; text-align: center; margin-top: 0 } .akcia, .akcia-wrap, .akcia>.container, .custom1 .item, .form-wrapper { display: block } .tooltips-box, .tooltips-box-apartment, .tooltips-box-bath { min-height: auto; margin-bottom: 24px; font-size: 14px } .form-button-wrap .form-button { padding: 13px 10px } .calculator-footer .form-input { padding: 10px 20px } .text-result { font-size: 14px } .text-result span { font-size: 22px; border: none } .credit-condition { padding: 25px 0 0; display: block } .credit-text { font-size: 18px; padding-top: 0 } .credit-condition span { font-size: 30px } .form { width: 100%; padding: 40px; max-width: 500px } .form-title { font-size: 26px } .form-wrapper { width: auto; margin-right: 0; padding: 0 } .form-wrapper .arrow { right: 0 } .form-button { font-size: 13px } .certificates-item { text-align: center } .our-masters__item { min-height: auto } .our-masters__caption { font-size: 22px; margin-bottom: 10px } .our-masters__subtitle { font-size: 14px } .our-masters__item img { width: 100%; height: auto } .video-review__item iframe { height: 350px !important } .review { font-size: 16px } .akcia .text { font-size: 18px } .success .meditext h1 span { white-space: normal } #review, .akcia, .bgm, .calculation, .calculator, .certificates, .coordinates, .credit, .like, .our-masters, .scheme-work, .video-review { padding: 45px 0; min-height: auto } .footer { padding-top: 45px } } @media (max-width:670px) { .calculator-column { padding: 0; width: 100% } .text-result { display: table; width: 100% } .text-result span { display: table-cell; vertical-align: middle; font-size: 18px; text-align: right; padding: 0 } .calculator-column:before { display: none } .calculator-footer .form-input { margin-bottom: 24px } .form-button-wrap .form-button { margin: 0 } } @media (max-width:585px) { .inner-page-privacy .container-fluid:before, .inner-page-rabota .container-fluid:before { display: none } .calculator-items, .text-result i { display: block } .calculator-item { margin-right: 0; display: block; width: 100%; margin-bottom: 14px } .form-button-wrap, .form-phone-wrap { float: none; width: auto } .border .uslugi .cena-uslugi.add-sup, .cena-uslugi, .title-uslugi { font-size: 16px; margin-bottom: 0 } .youtube { width: 100% !important; height: 162px !important; margin-bottom: 20px !important; background-size: cover } .navbar-nav>li>.nav-button { font-size: 0; width: 40px } .navbar-nav .nav-toggle { left: 50%; margin-left: -18px } } @media (max-width:414px) { .meditext:before { top: -12px } .inner-page-rabota .custom1 .owl-dots { display: none !important } .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-414.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-414.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-414.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-414.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-414.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/bg413_d.jpg); background-size: cover } .meditext h1, .inner-page-kvartiry .meditext h1, .inner-page-doma .meditext h1, .inner-page-ofisy .meditext h1 { font-size: 34px } .benefit__item { font-size: 16px } .form { padding: 30px; max-width: 100%; margin-bottom: 45px } .form-title { font-size: 22px } .form-button { width: 100% } .popup_inner { width: 100%; max-width: 100% } .popup_inner td { font-size: 12px } .calculator-title { font-size: 23px; margin-bottom: 15px } .calculator .form-wrapper, .calculator .radio-group, .calculator-item, .calculator__input-block { margin-bottom: 10px } .calculator-column:last-child, .calculator-footer .form-input { margin-bottom: 15px } .calculator-footer { padding-top: 10px } .tooltips-box-apartment.active, .tooltips-box-bath.active, .tooltips-box.active { display: none } .radio-group { font-size: 0 } .radio-group input[type=radio]+label { width: 40px; height: 40px; font-size: 14px; line-height: 40px } .radio-group input[type=radio]+label.text-label { font-size: 10px } .credit-condition { padding: 10px 0 0; display: block } .credit-center { padding: 27px 0 0 } .youtube { background-size: contain } .video-review__area { font-size: 15px } .video-review__subtitle { font-size: 21px } .video-review__description { display: none } .our-masters__text p { margin-bottom: 15px; font-size: 14px } } @media (max-width:360px) { .bghtml { background-image: image-set( url("/img/main_hero.avif") type("image/avif"), url("/img/main_hero.webp") type("image/webp")); } .inner-page-doma .bghtml { background-image: url(/lp/new/img/bg-domov-360.jpg) } .inner-page-ofisy .bghtml { background-image: url(/lp/new/img/bg-ofis-360.jpg) } .inner-page-prochie-uslugi .bghtml { background-image: url(/lp/new/img/prochie-uslugi-360.jpg) } .inner-page-tualet .bghtml, .inner-page-vannaya .bghtml { background-image: url(/lp/new/img/bg-vannaya-414.jpg) } .inner-page-kuxni .bghtml { background-image: url(/lp/new/img/bg-kuxnya-414.jpg) } .inner-page-demontazhnye-raboty .bghtml { background: url(/lp/new/img/bg375_d.jpg) center no-repeat; background-size: cover } .meditext { padding: 20px 0; max-width: 94% } .border .uslugi .cena-uslugi.add-sup, .cena-uslugi, .title-uslugi { font-size: 14px } } @media (max-width:320px) { .logo { width: 135px } .logo a { padding-left: 15px } .logo p, .logo span { left: 55px } .logo img { left: 0 } .form-control { font-size: 14px } .form-button-wrap .form-button { padding: 17px 10px } .calculator .tab-content { padding: 20px } .navbar-nav .nav-toggle { margin-left: -12px } .our-masters__text p { font-size: 12px } .title { font-size: 26px } } .benefit__uppercaption, .principles-circles__uppercaption { font-family: Qanelas-Bold, sans-serif; font-weight: 400; padding: 0 15px; margin-bottom: 50px } .benefit, .coordinates, .principles-circles, .scheme-work { display: table; width: 100%; vertical-align: middle; min-height: 100vh; position: relative; background-color: #fff } .coordinates, .scheme-work { min-height: auto } .benefit__quality { background-color: #f6f8fd } .benefit__table { display: table; width: 100%; vertical-align: middle; height: 100% } .benefit__list__item:before { background: center no-repeat } .benefit__block, .cont-wrap-table, .principles-circles__block { display: table-cell; vertical-align: middle; float: none } .benefit__list--quality:before { content: '5'; display: block; position: absolute; left: 15px; bottom: 145px; font-size: 520px; line-height: .075; opacity: .14; font-family: Qanelas-Bold, sans-serif; font-weight: 400; color: #f4f4f4 } .benefit__item:before, .rectangle:before { content: "" } .benefit__title:before, .like__btn:before, .round-icn:before, .video-review__video:before { content: '' } .benefit__caption, .coordinates__caption, .section-caption { color: #0c1327; font-size: 38px; line-height: 1.2; text-align: center; margin-bottom: 60px; position: relative; letter-spacing: .6px } .benefit__text { font-family: Qanelas-Regular, sans-serif; font-size: 21px; line-height: 1.5; text-align: left } .benefit__uppercaption .benefit__text { max-width: 860px } .benefit__title { padding-top: 40px; font-family: Qanelas-Bold, sans-serif; font-size: 38px; font-weight: 400; line-height: 1.16; margin-bottom: 25px; position: relative } .benefit__item, .benefit__list { font-family: Qanelas-Regular, sans-serif } .benefit__title:before { position: absolute; left: 0; top: 0; width: 34px; height: 8px; border-radius: 4px; background-color: #ff8817; background-image: -webkit-linear-gradient(19deg, #fea56b 0, #fe7c00 100%); background-image: -o-linear-gradient(19deg, #fea56b 0, #fe7c00 100%); background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%) } .benefit__list { position: relative; font-size: 14px; line-height: 1.28; font-weight: 400; padding-left: 0; padding-bottom: 50px; margin: 0 } .benefit__item { font-size: 21px; line-height: 1.85 } .benefit__item span { font-family: Qanelas-Bold, sans-serif; display: block; margin-bottom: 12px; font-size: 21px } .benefit__item--quality { margin-bottom: 12px; position: relative; font-size: 14px; font-family: Qanelas-Regular, sans-serif; line-height: 1.28; margin-top: 12px } .benefit__fixed__inside__images__img, .principles-circles__fixed__inside__images__img { max-width: 465px; margin-left: auto; display: block; border-radius: 50%; padding: 8px; overflow: hidden; -webkit-box-shadow: 0 4px 57px rgba(10, 10, 9, .34); box-shadow: 0 4px 57px rgba(10, 10, 9, .34); background-color: #ff8817; background-image: -webkit-linear-gradient(19deg, #fea56b 0, #fe7c00 100%); background-image: -o-linear-gradient(19deg, #fea56b 0, #fe7c00 100%); background-image: linear-gradient(71deg, #fea56b 0, #fe7c00 100%) } .scroll-to, .scroll-to__icn { margin: 0 auto; position: relative } .benefit__arrow, .benefit__arrow i { display: block; position: absolute; left: 0; right: 0 } .round-img__img { border-style: solid; border-color: transparent; border-width: 8px; border-radius: 50% } .benefit__material__img { background-color: #07f; background-image: -webkit-linear-gradient(19deg, #9bd8f6 0, #07f 100%); background-image: -o-linear-gradient(19deg, #9bd8f6 0, #07f 100%); background-image: linear-gradient(71deg, #9bd8f6 0, #07f 100%) } .benefit__arrow { height: 55px; text-align: center; margin: 0 auto; bottom: 0 } .benefit__arrow i { -webkit-animation: MoveUpDown 1.5s linear infinite; animation: MoveUpDown 1.5s linear infinite; width: 20px; height: 14px; margin: 0 auto 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAKlBMVEUAAAD/gAD/dwD/fAD+fAD/eAD/fQD+fAD+fAD+fAD+fAD+fAD/gAD+fQBYZhiFAAAADnRSTlMADA9p4yQt6v/k67EGsiBz5ogAAABGSURBVHjaVcgxFoAgAMPQKqJV4P7XFR9DaoYMX9KmX/u3ctS08yrT7LuGPXZR81LMTX0sxUYXGoZioVgoFoqhWCiWioViL4xzBH3wifBGAAAAAElFTkSuQmCC) } .benefit__deadline, .benefit__title--deadline, .benefit__workers { color: #fff } .benefit__workers { background-color: #0c1327 } .benefit__item { position: relative } .benefit__item:before { position: absolute; left: -30px; top: 12px; width: 14px; height: 12px; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAilBMVEUAAAD/qgD9fwD/fwD//wD9fwD+gAD+gAD/gQD9gAD+gAD9gAD+gAD/gAD/iAD/ggD/gQD+gAD/fwD/gAD+gAD+gAD/ggD/gQD+gAD/gAD+gAD+fwD/fwD/gAD+gAD/gAD/gQD+gAD+fwD+gAD/ggD9gAD+gAD/ggD9gAD/gAD9fwD/fwD9gAD/gABBdXjXAAAALnRSTlMAA6ZcAZr//U+Lw3zTFA8xbdwaCsHtLV/kIrPmJFLrKmnl+vEzePY9h0iWVKNi4QgkBwAAAF9JREFUeAFFx1USQjEQRcEDhBvc3Qku7H97TL1KZfqvcbV6Axeaii1vW1KnrGvr9WEwxIxs4wlMZ/MFLG2rNbCRtrt9lA5HzEnSOUmXK5WbZO4PsqctvSjeih9c+P7I/mjoBPQQn+ZxAAAAAElFTkSuQmCC); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: .3 } .youtube { margin: 0 0 20px !important; height: 325px !important } .benefit__item:hover:before, .youtube .play:hover { opacity: 1 } .benefit__item--material:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAMAAACDzGUcAAAAsVBMVEUAAAArVYA0SoU2S4VVVao1S4U1S4U1S4U0TIMAAP80S4Q1S4U0TIQ0SoY1TIU1S4Y1S4UyToc1TIU1S4U0S4UrVYA1TIY1TYc0SoU1S4UxSYY0TIY1S4U1TYY1S4U1S4UzRIg1Soc1S4U0TIY0SoQ1S4UzTYA2S4Y1SoU1S4U1S4Q3SYQ2SoU1S4U1S4U2TIQ1S4U1S4Q5TIQ1S4U1SoU1S4c1SoQ3SYY2S4U3S4c0SoQB4KtGAAAAO3RSTlMABq9LA6n/9kABnPE2jcd+5CRv6ywMYTV11RVU/T9mzA9I+kpZwgo9Vri3OGTJ/nLTgRvckCKeKqszuXt+22MAAACaSURBVHjaZcrXEoIwEIXhRXEjxoJiRVREBbH39v4PJjkDMxD+i+ycb0J6RqVKpcwai7qOVoOZZVPTFqvaRewA7W4Be0CnjzFIcQiUI4zxxMWdegrFDGPOvPCTuwwUBivgWv3YhBQJhd6WUMyq3V7iHoiQf8Q84T1TlnvhrCshdLun+KB8Txv4sqjQ20nwY5LWV3JsUKnoF+bnH3nFChhlQtFgAAAAAElFTkSuQmCC) } .benefit__item--quality:before { top: 5px } .benefit__title--material { color: #0c1327 } .benefit__caption span, .benefit__title span { color: #ff5a00 } .benefit__title--workers span { color: #fc250f } .benefit__title--material span { color: #004298 } .benefit__deadline { background-color: #004298 } .benefit__arrow--blue i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAKlBMVEUAAAAVK2oiM2YdM2seM2ocMmocM2wfM2oeM2oeM2oeM2oeMmsrK1UeNGouAp9MAAAADnRSTlMADA9p4yQt6v/k67EGsiBz5ogAAABGSURBVHjaVcgxFoAgAMPQKqJV4P7XFR9DaoYMX9KmX/u3ctS08yrT7LuGPXZR81LMTX0sxUYXGoZioVgoFoqhWCiWioViL4xzBH3wifBGAAAAAElFTkSuQmCC) } .benefit__arrow--white i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMADA9p4yQt6v/k67EGsiBz5ogAAABGSURBVHjaVcgxFoAgAMPQKqJV4P7XFR9DaoYMX9KmX/u3ctS08yrT7LuGPXZR81LMTX0sxUYXGoZioVgoFoqhWCiWioViL4xzBH3wifBGAAAAAElFTkSuQmCC) } .content-wrapp { display: table-cell; vertical-align: middle } .content { min-height: 100vh; padding: 45px 0; display: table; vertical-align: middle; width: 100%; position: relative } .benefit__indicator li.active a { background: #ff5a00; opacity: 1 } @media screen and (max-width:1200px) { .benefit__fixed__inside__images__img, .principles-circles__fixed__inside__images__img { max-width: 400px } } @media screen and (max-width:1024px) { .benefit__uppercaption, .principles-circles__uppercaption { padding: 0 25px } .benefit__list { margin: 0 auto 50px } .home-project__desc { max-width: 100% } .benefit__block, .principles-circles__block { display: table; left: 0; right: 0; margin: 0 auto; width: auto; padding: 0 } .benefit__fixed__inside__images__img, .benefit__title, .principles-circles__fixed__inside__images__img { margin: 0 auto 50px } .principles-circles__fixed__inside__images__img, body .benefit__fixed__inside__images__img { max-width: 600px; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } .benefit__caption, .coordinates__caption, .section-caption { font-size: 30px; line-height: 1.3 } .benefit__text { font-size: 16px } .benefit__title { text-align: center; display: table; padding-left: 15px; padding-right: 15px; font-size: 26px; line-height: 1.3 } .benefit__list--quality:before { left: 50px; font-size: 320px } .benefit__arrow { margin-top: 20px } .benefit__title:before { right: 0; margin: 0 auto } .benefit__item { font-size: 18px } .benefit__item--quality { font-size: 15px } .work-principles { min-height: auto } .benefit .benefit__block { float: none } .benefit__table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .benefit__fixed { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } } .video-review { position: relative; background-color: #1a181b; background-size: cover; padding: 100px 0 } .video-review__caption { color: #fff } .video-review__item { color: #fff; margin-bottom: 50px } .video-review__project-name { font-size: 20px } .video-review__project-name span { color: #ff5a00 } .video-review__area { font-size: 17px; line-height: 1.3 } p.video-review__area { margin-bottom: 20px } .video-review__item iframe { height: 325px !important; margin-bottom: 20px } .video-review__video { position: relative; margin-bottom: 25px } .video-review__video:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background: url(/lp/new/img/playbutton.png) center no-repeat; background-size: cover; display: block; width: 80px; height: 80px; -webkit-transition: .35s linear; -o-transition: .35s linear; transition: .35s linear } .video-review__video:hover:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .video-review__subtitle { color: #ff5a00; display: block; font-size: 24px } .youtube { position: relative; background-position: left center; background-repeat: no-repeat } .youtube .play { position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAq1BMVEUAAADYNirYNirYNirYNinYNirZNSrYNinbNCnYNinaOCXZNirYNSrYNSnYNirZNivYMyjYNirYNirYNirZNirYNCvXNyrbLCTZNinZNinXNyrYNinZNSnXNirYNSrZOSbZNirZNinYNirYNir////0x8T++vneUEbpjYfaPTH98fH76Of539720M3yubXsnpjkbmbhX1bbRDnzwb3upqHlenPwr6vqkYvmfXWGibGpAAAAI3RSTlMA9rXiyHhp0TApDYjAlkA1Fvns1aE7IgesT0W6poBbGttdjLZ1sQkAAAGESURBVFjD7ZfZcoIwFIZ/tgCyKoL71lDXaqutbd//yVooM3phEsq5c/xumfkm5CTn/MGDO6YVZ67rRGk4HIZp5LhuFrcgJRtYXtDt676ZGB2N30TrGInp6/1u4FkDF9ewOf83BrusV+eNGFV/1bN5Q+weCjzemAl+mbWbC9oxAIsTYABMisAHem2KQAMcTsLBlCaYgtEEDBZNYAmP0WFdS+AhEHx5zl/euJoAY6Egz99XSsEYukSQL183CoEOUygo2X3LBSZsoaBif5TeaBgSQcXnSdKXoKkF+XYtuQy8hiCXlLSeoCwpRVCVlCAo2Z0JgmoNJMHh5i4oy6g4Txo6tDIaMGgHKUGiFCw/TrLLZKoEh5X8Oo/kgv2R1FB2Z3VL64oF269Njab6JBIUe6fGEs6F9armYFlwElP6cIXGCWgAfIrAB2jjmQGIqSELk+aCCTlo0qKufgnwiwZZb85wzWxgFWHfrsK+MO/b5ugv7mc1nhtRGhYPjjBNo8hxZy08uFt+AMpakDSFFovYAAAAAElFTkSuQmCC); width: 64px; height: 64px; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px } @media (max-width:1200px) { .video-review__project-name { font-size: 21px } } @media screen and (max-width:768px) { .content, .coordinates { min-height: auto } .benefit__caption, .coordinates__caption, .section-caption { font-size: 28px; margin-bottom: 45px } .benefit__list, .text-list { padding-left: 50px; padding-right: 30px; display: table } .benefit__table, .coordinates .cont-wrap-table { display: block } .coordinates__title { font-size: 20px } .video-review__item { margin-bottom: 45px } .video-review__item iframe { height: 370px !important } .video-review__area { padding-bottom: 0 } .video-review__area:last-child { margin-bottom: 15px } .video-review__subtitle { padding: 0; margin-bottom: 10px } } @media screen and (max-width:480px) { #portfolio .title, .benefit__caption, .coordinates__caption, .credit-title, .section-caption { font-size: 26px } .benefit__fixed__inside__images__img, .principles-circles__fixed__inside__images__img { width: 280px; height: 280px } .akcia .title { font-size: 17px; margin-bottom: 0 } .akcia .text, .benefit__text, .like__text, .review { font-size: 14px } .benefit__item, .credit-tagline { font-size: 16px } .benefit__item span, .calculation-wrap .form .selectric .label { font-size: 18px } .benefit__uppercaption .benefit__caption, .credit-condition span { font-size: 21px } #review .title { margin-bottom: 0 !important } .scheme-work { display: none } .benefit, .coordinates, .principles-circles, .scheme-work { min-height: auto } .benefit__block, .cont-wrap-table, .principles-circles__block { display: block } .calculation-wrap { display: block; margin-top: 45px } .benefit__caption, .coordinates__caption, .section-caption { margin-bottom: 40px } } @media screen and (min-width:1025px) { .benefit__fixed, .principles-circles__fixed { clip: rect(auto, auto, auto, auto); top: 0; width: 60%; right: 0 } .benefit__fixed__inside { padding-right: 13px } .principles-circles__fixed { left: 0 } .scroll .benefit__fixed__inside { right: 28px; margin-left: auto; width: 100%; } .scroll .benefit__fixed__inside--left { left: 28px; right: initial } .benefit__fixed__inside__images__img, .principles-circles__fixed__inside__images__img { display: block; max-width: 600px } .benefit__fixed__inside__images, .principles-circles__fixed__inside__images { display: block; position: relative; width: 600px; height: 600px; margin: auto 0 0 auto; vertical-align: bottom } .benefit__fixed__inside__images--left, .principles-circles__fixed__inside__images, .principles-circles__fixed__inside__images--left { margin: auto auto 0 0 } .principles-circles__fixed__inside { padding-left: 13px } .principles-circles__block { height: 400px } .scroll .benefit__fixed { position: absolute; height: 100%; overflow: hidden } .scroll .benefit__fixed__inside__images__img { position: fixed; top: 50%; width: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .scroll .benefit__fixed__inside { position: absolute; padding: 0; top: 45% } .principles-circles-scroll .principles-circles__fixed { position: absolute; height: 100%; overflow: hidden } .principles-circles-scroll .principles-circles__fixed__inside__images__img { position: fixed; top: 50%; width: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .principles-circles-scroll .principles-circles__fixed__inside { position: absolute; padding: 0; top: 35%; left: 28px } } body .scheme-work__caption { color: #fff } .scheme-work { background-color: #0c1327; padding: 100px 0 } .scheme-work__item { display: inline-block; font-family: Qanelas-Light, sans-serif; font-size: 14px; color: #fff; vertical-align: top; line-height: 1.2; width: 160px; height: 366px; margin-right: 110px; margin-top: -20px } .scheme-work__item span { font-family: Qanelas-Bold, sans-serif; font-size: 21px; color: #fff; display: block; margin-top: 25px; margin-bottom: 10px } .scheme-work__item p { font-family: Qanelas-Regular, sans-serif; margin-bottom: 10px } .scheme-work__step, .work-principles__round__item p { font-family: Qanelas-Bold, sans-serif; font-size: 20px } .scheme-work__step { width: 45px; height: 45px; background: #ff5a00; border-radius: 50%; color: #fff; text-align: center; line-height: 2.2 } .scheme-work__bg { background: url(/lp/new/img/slide5_bg.png) center center no-repeat; margin: 100px auto; position: relative; background-size: contain } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .path { opacity: 0 } @media screen and (max-width:1200px) { .scheme-work__item { margin-right: 70px; margin-top: 8px; height: 305px } .fadeIn { opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both } section.active .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .8s; animation-duration: .8s } section.active .scheme-work__top-level .fadeIn.item2 { -webkit-animation-delay: .4s; animation-delay: .4s } section.active .scheme-work__top-level .fadeIn.item3 { -webkit-animation-delay: .6s; animation-delay: .6s } section.active .scheme-work__lower-level .fadeIn.item4 { -webkit-animation-delay: .8s; animation-delay: .8s } section.active .scheme-work__lower-level .fadeIn.item5 { -webkit-animation-delay: 1s; animation-delay: 1s } section.active .scheme-work__lower-level .fadeIn.item6 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s } } @media screen and (max-width:991px) { .scheme-work { min-height: auto } .scheme-work__bg { background: 0 0; margin: 0 auto } .scheme-work__item { height: auto; margin: 0 auto 20px; width: 100%; max-width: 300px; display: table } .scheme-work__item span { margin: 10px 10px 15px 25px; display: inline-block; width: calc(100% - 95px); font-size: 15px } .scheme-work__item p { padding-left: 70px; padding-right: 15px } .scheme-work__step { float: left } .scheme-work .btn { margin-left: 70px } } @media screen and (min-width:992px) { .scheme-work__bg { width: 940px; height: 600px } .scheme-work__lower-level, .scheme-work__top-level { padding-left: 140px } .osmotr-kvartiry h2 { position: absolute; top: -150px } .osmotr-kvartiry h2:hover { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) } .osmotr-kvartiry .osmotr-kvartiry_title { padding: 2.7em 0 .7em } } @media screen and (min-width:1200px) { .scheme-work__bg { width: 1051px; height: 600px } } @media (max-width:768px) { section .fadeIn, section.active .fadeIn { -webkit-animation-name: none; animation-name: none; opacity: 1 } } @-webkit-keyframes rotation1 { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @keyframes rotation1 { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } .work-principles { display: none; background-color: rgba(255, 217, 7, .15); padding: 45px 0 } .work-principles__round { position: relative; margin: 50px auto; width: 442px; height: 442px } .work-principles__round--circle { position: absolute; top: 0; left: 0; -webkit-transform-origin: 50% 50%; -webkit-animation: rotation1 infinite 50s linear; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; animation: rotation1 infinite 50s linear } .work-principles__round--circle--small { left: calc(50% - 127px); top: calc(50% - 127px) } .work-principles__round__item { position: absolute; width: 270px } .work-principles__round__item p { max-width: 270px; position: absolute; font-weight: 700; line-height: 1.35; letter-spacing: -.2px } .work-principles__round__item:hover i { -webkit-box-shadow: 0 1px 7px rgba(255, 120, 0, .31); box-shadow: 0 1px 7px rgba(255, 120, 0, .31); background-color: #fcfcfc; background-image: -webkit-linear-gradient(289deg, #ffc30d 0, #ff3000 100%); background-image: -o-linear-gradient(289deg, #ffc30d 0, #ff3000 100%); background-image: linear-gradient(-199deg, #ffc30d 0, #ff3000 100%) } .work-principles__round__item:hover i:before { background-position-y: -66px } .work-principles__round__item--money { left: -190px; top: 14px } .work-principles__round__item--work { top: 185px; left: -265px } .work-principles__round__item--work:hover i:before { background-position-y: -65px; background-position-x: -64px } .work-principles__round__item--standarts { bottom: 88px; left: -236px } .work-principles__round__item--time { right: -236px; top: 14px } .work-principles__round__item--time:hover i:before { background-position-y: -63px } .work-principles__round__item--purse { right: -318px; top: 185px } .work-principles__round__item--assurance { bottom: 88px; right: -250px } section.active .round-icn { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } @media screen and (max-width:1100px) { .work-principles__round { width: 400px; height: 400px; background-size: 65px 75px; background-position-x: 53% } .work-principles__round--circle--small { max-width: 220px; left: calc(50% - 100px); top: calc(50% - 110px) } .work-principles__round__item { max-width: 200px } .work-principles__round__item p { font-size: 16px } .work-principles__round__item--money { left: -175px } .work-principles__round__item--work { left: -230px; top: 154px } .work-principles__round__item--standarts { left: -180px } .work-principles__round__item--purse { right: -257px; top: 154px } .work-principles__round__item--time { right: -186px } .work-principles__round__item--assurance { right: -200px } .round-money { right: -85px } .round-work { right: -72px } } @media screen and (max-width:992px) { .work-principles__round { width: 280px; height: 280px; background-size: 38px 50px; background-position-x: 50% } .work-principles__round__item { max-width: 150px } .work-principles__round__item p { font-size: 14px } .work-principles__round__item--money { left: -63px; top: -10px } .work-principles__round__item--work { left: -180px; top: 100px } .work-principles__round__item--standarts { left: -130px; bottom: 50px } .work-principles__round__item--time { right: -120px; top: -10px } .work-principles__round__item--purse { right: -180px; top: 100px } .work-principles__round__item--assurance { right: -140px; bottom: 50px } .work-principles__round--circle--small { max-width: 150px; left: calc(50% - 75px); top: calc(50% - 75px) } section.active .round-icn { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6) } .round-money { right: -20px } .round-standards { right: -86px; top: -18px } .round-time { left: -77px } .round-purse { left: -75px } .round-assurance { left: -90px; top: -18px } } @media screen and (max-width:768px) { .round-icn, .work-principles__round__item { position: relative; left: inherit; right: inherit; top: 0 } .work-principles__round { background: 0 0; width: auto; height: auto; margin: 0 auto; background-size: 18px 26px } .work-principles__round__item { bottom: inherit; max-width: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 15px } .work-principles__round__item p { font-size: 14px; max-width: 320px; width: 320px; position: relative } .work-principles__round--circle, .work-principles__round--circle--small { display: none } .round-icn { bottom: 0; margin-right: 20px; max-width: 85px } } @media screen and (max-width:480px) { .work-principles__round__item p { width: auto; max-width: 100% } } .principles-circles__estimates, .principles-circles__guarantee { background-color: #16181c; color: #fff } .principles-circles__payment__img { background-image: -webkit-linear-gradient(top, #59b3ff 0, #0e6dee 30%, #0050bd 100%); background-image: -o-linear-gradient(top, #59b3ff 0, #0e6dee 30%, #0050bd 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #59b3ff), color-stop(30%, #0e6dee), to(#0050bd)); background-image: linear-gradient(180deg, #59b3ff 0, #0e6dee 30%, #0050bd 100%) } @media screen and (min-width:1025px) { .principles-circles__uppercaption { margin-bottom: 120px } } .benefit__arrow--black i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAKlBMVEUAAAAVFRUiIiIdGxseGxscHBwcHBwfGxseGxseGxseGxseGxsrKyseGxtDFk3NAAAADnRSTlMADA9p4yQt6v/k67EGsiBz5ogAAABGSURBVHjaVcgxFoAgAMPQKqJV4P7XFR9DaoYMX9KmX/u3ctS08yrT7LuGPXZR81LMTX0sxUYXGoZioVgoFoqhWCiWioViL4xzBH3wifBGAAAAAElFTkSuQmCC) } .like { text-align: center; padding: 100px 0; background-color: #f6f8fd } .like__btn { position: relative; display: inline-block; vertical-align: top; font-size: 24px; color: #0c1327; padding-top: 210px; border-radius: 50%; margin: 0 35px 35px 0 } .like__btn:last-child { margin-left: 0 } .like__btn:before { position: absolute; width: 200px; height: 200px; top: 0; left: 50%; margin-left: -100px; background-position: center; background-repeat: no-repeat; border-radius: 50%; -webkit-box-shadow: inset 0 0 5px 0 rgba(45, 45, 45, .98); box-shadow: inset 0 0 5px 0 rgba(45, 45, 45, .98); border: 5px solid #fff } .like__btn--like:before { background-color: #00cc10; background-image: url(/lp/new/img/like.png) } .like__btn--dislike:before { background-color: #ed0003; background-image: url(/lp/new/img/dislike.png) } .like__btn--like:hover:before { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); -webkit-transition: .1s; -o-transition: .1s; transition: .1s } .like__btn--dislike:hover:before { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); -webkit-transition: .1s; -o-transition: .1s; transition: .1s } .like__text { font-size: 18px; color: #0c1327 } @media (max-width:585px) { .like__btn { margin: 0 10px 35px } } @media (max-width:414px) { .like__btn { margin: 0 0 35px } .video-review__item, p.video-review__area { margin-bottom: 0 } } @-webkit-keyframes ani_close_popup { 0% { -webkit-transform: scale(1, 1) rotate(0, 0); -ms-transform: scale(1, 1) rotate(0, 0); transform: scale(1, 1) rotate(0, 0) } 60% { -webkit-transform: scale(.6, .6) rotate(-20deg); -ms-transform: scale(.6, .6) rotate(-20deg); transform: scale(.6, .6) rotate(-20deg) } 70% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg) } 80% { -webkit-transform: scale(1, 1) rotate(-10deg); -ms-transform: scale(1, 1) rotate(-10deg); transform: scale(1, 1) rotate(-10deg) } 90% { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg) } 95% { -webkit-transform: scale(1.2, 1.2) rotate(-5deg); -ms-transform: scale(1.2, 1.2) rotate(-5deg); transform: scale(1.2, 1.2) rotate(-5deg) } 100% { -webkit-transform: scale(1, 1) rotate(0); -ms-transform: scale(1, 1) rotate(0); transform: scale(1, 1) rotate(0) } } @keyframes ani_close_popup { 0% { -webkit-transform: scale(1, 1) rotate(0, 0); -ms-transform: scale(1, 1) rotate(0, 0); transform: scale(1, 1) rotate(0, 0) } 60% { -webkit-transform: scale(1.4, 1.4) rotate(-20deg); -ms-transform: scale(1.4, 1.4) rotate(-20deg); transform: scale(1.4, 1.4) rotate(-20deg) } 70% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg) } 80% { -webkit-transform: scale(1, 1) rotate(-10deg); -ms-transform: scale(1, 1) rotate(-10deg); transform: scale(1, 1) rotate(-10deg) } 90% { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg) } 95% { -webkit-transform: scale(1.2, 1.2) rotate(-5deg); -ms-transform: scale(1.2, 1.2) rotate(-5deg); transform: scale(1.2, 1.2) rotate(-5deg) } 100% { -webkit-transform: scale(1, 1) rotate(0); -ms-transform: scale(1, 1) rotate(0); transform: scale(1, 1) rotate(0) } } .mfp-close:hover:after { -webkit-animation: ani_close_popup .6s; animation: ani_close_popup .6s } .mfp-counter { display: none } .popup-price { margin-top: 10px } @media (max-width:768px) { .like, .video-review { padding: 45px 0 } .benefit__list--quality:before { display: none } .content-wrapp, .our-masters, .our-masters-wrap>.content { display: block } } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .navbar-wrap-hidden-sm { font-size: 0 } .navbar-nav>li>a { padding: 16px 11px 16px 0 } .form-button { background: -webkit-linear-gradient(#59b3ff 0, #0e6dee 30%, #0050bd 100%); background: -o-linear-gradient(#59b3ff 0, #0e6dee 30%, #0050bd 100%); background: linear-gradient(#59b3ff 0, #0e6dee 30%, #0050bd 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#59b3ff', endColorstr='#0050bd') } .meditext h1 { font-size: 53px } .credit-wrapper::after { display: none } .col-md-pull-6.benefit__block { right: auto; float: left } .col-md-push-6.benefit__block { left: auto; float: right } .benefit__fixed__inside__images__img, .principles-circles__fixed__inside__images__img { border: 1px solid transparent } .benefit__fixed__inside__images__img { background-color: transparent; background-image: none; z-index: 999 } .benefit__fixed, .principles-circles__fixed { clip: none } @media (max-width:768px) { .calculator-item { width: 100%; margin-right: 0; display: block; margin-bottom: 10px } } } @-moz-document url-prefix() { .akcia, .benefit__deadline .content, .benefit__material .content, .benefit__workers .content, .calculation, .header-table, .principles-circles.benefit__material .content, .principles-circles__estimates .content, .principles-circles__guarantee .content { height: 100vh } @media (max-width:768px) { .akcia, .benefit__deadline .content, .benefit__material .content, .benefit__material .content .benefit__deadline .content, .benefit__workers .content, .calculation, .header-table, .principles-circles.benefit__material .content, .principles-circles__estimates .content, .principles-circles__guarantee .content { height: auto } } } .inner-page-priyomka .bottomtitle { padding: 0 0 30px } .inner-page-priyomka .stena-defekt_title-first, .inner-page-priyomka .stena-defekt_title-last, .osmotr-kvartiry h2 { font-family: Qanelas-Regular, Arial, sans-serif; color: #004298 } .inner-page-priyomka .stena-defekt_title-first, .inner-page-priyomka .stena-defekt_title-last { border: 5px solid #004298 } .inner-page-priyomka .osmotr-kvartiry h2 { color: #0c1327 } .inner-page-priyomka .stena-defekt_title-last { text-transform: none } .inner-page-priyomka .osmotr-kvartiry .osmotr-kvartiry_title { font-family: Qanelas-Regular, Arial, sans-serif; color: #004298; letter-spacing: .6px; text-transform: none } .inner-page-priyomka .osmotr-kvartiry_text { position: relative } .inner-page-priyomka .osmotr-kvartiry_title-last { font-family: Qanelas-Regular, Arial, sans-serif; font-size: 31px; line-height: 1.333; padding: .5em 0; color: #004298; margin: 0 auto } .inner-page-priyomka .osmotr-kvartiry_text ul { padding: 2vh 0 1em 3em; color: #0c1327 } .inner-page-priyomka .section-caption { opacity: 1; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .inner-page-priyomka .custom1 .bgwhite div { font-size: 18px } .inner-page-priyomka .custom1 .bgwhite p { margin: 10px 0 } .inner-page-priyomka .oborudyvanie { background: #0c1327; padding: 50px 0 70px } .inner-page-priyomka .oborudyvanie .section-caption { color: #fff; margin: 40px 0 } .inner-page-priyomka .oborudyvanie_info { background: #fff; padding: 30px; margin: 15px 0; -webkit-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); -moz-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); box-shadow: 0 0 35px 0 rgba(0, 0, 0, .2) } .inner-page-priyomka .oborudyvanie_img img { display: block; margin: 0 auto } .inner-page-priyomka .oborudyvanie_text span:first-child { font-size: 24px; padding: 3vh 0; display: block } .inner-page-priyomka .oborudyvanie_text span:last-child { color: #5d5d5d; font-size: 15px } .inner-page-priyomka .bgmain { width: 100%; min-height: 100vh } .inner-page-priyomka .wrap-center { display: table-cell; vertical-align: middle } .inner-page-priyomka .mfp-close { font-size: 0 } .inner-page-priyomka .border .form-button { max-width: 220px; margin: 0 auto 33px; width: 100% } .inner-page-priyomka .form .selectric .label { border: none } .inner-page-priyomka .proverim { background: #fff; padding: 90px 0 } .inner-page-priyomka .proverim-item { background-color: #fff; -webkit-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); -moz-box-shadow: 7px 7px 25px 0 rgba(148, 148, 148, 1); box-shadow: 0 0 35px 0 rgba(0, 0, 0, .2); -webkit-transition: .5s; -o-transition: .5s; border-radius: 3px; padding-top: 35px } .inner-page-priyomka .proverim-text { padding: 128px 15px 30px; position: relative } .inner-page-priyomka .proverim-text:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -64px } .inner-page-priyomka .proverim-text-1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACAAQMAAAD58POIAAAABlBMVEUAAAAAQpiZ/I8+AAAAAXRSTlMAQObYZgAAAD1JREFUSMdj+P//PwMMgDgDJgAiP/CDIIg7UAKDJjwYkPggzqgAxQKDB4yGx2h4DIXwGEYCg6VcH63nUAQAnKjeMLn+REkAAAAASUVORK5CYII=) top no-repeat } .inner-page-priyomka .proverim-text-2 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAb1BMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgIEl/cAAAAJHRSTlMA+rBpNg8f5dIJF8WdlVBE7PLgWyi4fcvZVkotv4w+hndxYqMsUEp6AAAFo0lEQVR42uyW6Y6jMBCE24AJN+EKEEISJv3+z7jSSIMabDPmMKuV9vsXCZOCquoG/vOv4/vwNyjvQ1zVzSVjiCy7NHUVD/cSTsEtooahFNZEhQsm4W3c4C80ccvBDPcPQy3Y5w6H48RXXME1duBI0geu5pHCUbQ1bqJuj/n7BjfT7JdQPnAXj3Jf73qGO2H9jlYmFzyASwLb8OOFmoXRu02dMuA8KJ20fUfhQk1jf5P7Hsrx4oRL/Upi5ZENSSgyqaNWEcACQWFJU5MVsJJYWmybawTXrqU2rLPfQhGrA0066fEVQeAhCoRPWMFTdgftPrpilppkdYUbMYquZvwvQpNt2IAt3kerDG4+T/DNh034t3mTclfDf28efRc249ZzF/ivqkON8O6oU+jDMhVOucFObjilgkUinMAS2E3CcEIECxSz1DpwAM6sDcVCAbOpXwEcQjDNVVYqE+PpxG9/FD1fawHVist40Ue2K6mcHfUFVyiodRZTMvU/AClp/p3OAWYM31nLU4UL0xwkUpU5Epgif91PpmcKhp9znSKJDAm5DyIvrah6o8KJCy4bDdYq2EtiIRMvEHFxxAaCjSNEmPoBmbs8Ai1Q0JKBohhgLSiwFgdiorcybCJScXNbb80lorf0/RgQQF0Ws3JHQg9mBECPhDtQ6LC8clMC+JUOeiA8kTCAKQEwIOGpqEDumxPg5/IidNMRZEaAOI46aTg8MCkAPGnY6aZIzQpI6b6TRbACYwLEuD0lH4KOaQGO+HnoZzQBpgXQFGS+sAbe5gW8hYXQ0y1gXoDL5j3waATNC4Bq5jhnGoctXI2l8RCMzyKgcqDDDXQqD2YhiMlkUHdHF51GX6Yf6DWOfM4R8MGRGgDIFPg6R8AXmQQAATlSniOgJBcFdBEwOEcAMLIO6PtozhLQUNdfpLnGBYhT5TX5cZKA6UNXQgmMC6C2V/SDPDlJAB2+IV1F6VkCUrqO/rRvLguKwkAUvQHDI4IgKijQtI/8/zfOtpNAuHGGcdNn240pbyrUI2VDPBFsAP9xDWojemxsgBvbaggjFm5sgBsPxecNSD/rAzV3ChL9BglzChrsieYKcv0GEkSjJyPTyVoHI6jUtsOLKgquOpiGauGPKI0sfeOs2K3GI7TUI08dTEzdSpSIiaT4rWOQUHo+jCOuqJKSdwEiLz8gF0bnjMghOFpOzgHIqIfkUQdxlFyjKAcKwgtZCYgT5dRijBeGSyAU16KIAOzIBk37j84gpLDefYITDqOmGeGhsr9xx+0BVE17YALOm4Sj7QQPPTtN18NHYyt1pic9Th4L6Pveg/uyyIw9IDQg1udcaZhrnHmZVv0greBlMPrS7quxgx8VaS8XBf5+vp27L+mxws0jQh1jBSXmGiJxgASAbNOF5e950DzDft6sCuvcxpkhrzjHKueFlQrDLgZZtdGP6ND0ORi6hYUSYRwEktYTfIiQWi35ZirBsTPa7ASTMAVYkqAASW03uPzIxhLAloA/im7LUz+5f3cFcCXgN+Hg3LfyI0KV988FOJqAicVopWxJjtoQlOLOZkHIL2bSLr0Vo9aiAoMUZBhM9np9QsWw8TiEj56KeFEpK6O9EylXqigJzLBQSMwwZWTderJH/whuVjz6duyunACeSs5RR8qCizYRxfln+vGV6oDBTlWHD6Eqd4VrVD763e1eRlftcvV9aiVMWwcmIggdQqYA0I2IY8W5Ac8owyYwxQnrxIQG/IhgoU1ehCv2ZOEqynfcOu2JTKvRBN0ODHmnLYp1EeSo16hjkKiMKDYcnqn2UijQyIuzeU9CuUe9vPnR9Lc/b6gYw9tmdvXxKRFKqy32oBjavf3gg9CeqcQVSNTt8fUas2b/+o77QYKAqoPP2AS+Dk7w/znVwT6wmQiiB8dGIogDPoW6j+JaTvjll834AwvVUeCrCSoJAAAAAElFTkSuQmCC) top no-repeat } .inner-page-priyomka .proverim-text-3 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAjVBMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQph5bO5yAAAALnRSTlMA+MAQQGhPqXgwiJGg70joC/rgYQJZJxYG9NTOcLHJ2rchmDkdgHVSplYrvI5tFu7d7QAABHlJREFUeNrs2dluozAYhuE/gTTsmEAKWSgltEkmnfnu//JGbklGBWMIHVuqynPGYvxK+AAZutfLbx/domVFiuWQCzNSKo3Q4xcplYXocSG1jpDLSbXy1b3xwL25N05FWj2CW9BQU8AUMAVMAVPAFPDfpIHlcAdwzw73+pCSJpkTQejASIdshy6FQR0S8+gta2fnZNAXOOjmkVg5xydhoOqz9CKe30dTTGMFkIlJIJmjZVPSSBY4126qovfzJGBCwP3aElhTi9+5CI4QmGsM8MBVRi0t+KGvMWAJzqCr9yUxmwKmgCnguwawZ2nAylQcYBaQBHCeoTCAuaiZ1LLDh3CtLKAqZHthe1zlTE2AOUOteCSBP7frc6YiILg+P3IYCZV5o0AaMHr++UVyU3ErGB+QpHYQL5qsen4/TkgiO27qgsU/T3cEJOYhhERYDlgpLcMDghWk/Av1CqLRAcYZchubBjgJCyLWG2BsITczaZA1BJbUF8CeILcJaKA4QtPO7g1YorZ1rfihzTRosDRoDLaJ+gJMfMhtUkQekGzBRTG1aQkIINnt0BFwBvdGIjoC2AzciUR0BNiyX146Ak7gHBLSEbCXvQEdAS64ioR0BOTgShLSEbAFx0hIR8AKHIn90ABjYX0Wv9Bg9r4xeM3uDYj/NmsvyqnCQBiAfwvekEtQKiCKWi/VXvb9H+/M6UbjEMYqwyz9XoB/lgSySXKqyl086ECWIHwuQLImW757eCvR9vlcgA+qE8zxgD7VUk8FGFOtadpkRcicNgLQwsEvBnGLATz3ahDpzuSMexyfmO8aL40DzGB8RMQ2+zvlj4i9JTCGrQTAPCKWLxVqzTfWVniLATgBy0+DDBXbUUEXX2g7AJtP6Srw38eprrOau8eCDA/tB2Cqcl4WT8vV5yIgppU7tBnAfs33RbMEbQawDe518PHEAWsWILED2LLZqke1itEWaBig5O+cf8EDPkQ9dR7mVFEet2CNAkzufz1tWfjt+f8HYDwth5Pj6x6saYBB04OtLAFrHoCdyJLP0UDTAI41v4J3tIRP+b9Djf9rEapei5iMyE/Rlj7V2MCWjd2LFC0aU40DBL2RZa0gSBVUEewgKjvExMyiRpja9Zfad5jiD3NGp2OG7qiFwNXc37u6Abri8PKqQFc8ok5LkObEigSd8OjiHfK4ANoiQQcmZJwhb9/jvrKzEvCTP7NIH9BL28f6YH4pWAK7ACWggk5K4PSuvchBR5G1NB9hh6fjGJKS9c3s+9L3MyWFvFTkkZf+vI6eA0HDaztsBuQScngOTjOwbazrIYYH/qhyghJCDC/c95VueQIpKq60a1kkuzJyrT+gp289CBlxB29FciFk8/P7wQ0l28L+vPETbq1JskOIrL9P1uObJzL43DJPYIxl5+HQ6gY8/WkWMuN9IccUgJdHKSSYlmzlgG0XeiNJDJeAojABkPV5RRLsIWdFLHjxyx6xGQSlAVVtICqMSNPKFLLSFd2IRwnEvZrXUHygC+rsF1E8Lb/cBEL+AVf77980k4KzAAAAAElFTkSuQmCC) top no-repeat } .inner-page-priyomka .proverim-text-4 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAgVBMVEUAAAAAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQpgAQphArd8ZAAAAKnRSTlMABfrgxUkfCRMOsIRseCxQQvQ41u/n0cCZfuwzvJWQW6SK3Ldhyqk8FyZPoBgrAAAFEklEQVR42ryY2XqjMAyFJZaACVtIShZC9k6mfv8HnIuZr7YwWGbp/Hf9DlBsHx2JwCREc13fnkHtnzzv5NfB87a+NgL+C1F433/IXj729zCCnwTLdeBJK16wLhF+hqo9SSdObQWLszo+5Agex9Wyi0/kaJLltqE8y0mcS1iCMJCTCcL5Z5/IWSTzvIDZRs5kkyFM5r2VA/jnNg2rfBUjxqu8CtP27MsBtm+YBq4HoybqzcjBmFrjpNPvM9/uEAqwIMLDrs+ME5xQmA/ykgKBBYvEM1+8gHHgxWw1WQyOxJnZri4II4gSw3VpNOoBqeHJZMQDxL67+hfCSPDV3YW9AEd+15LgXQRMQFw6Xqh/O9rfl4TPBibSfErCY+W0/ockZDCDrOMkhz0QNU3SAmZR0CyvBWtf6j8/h5nkPnUiUwuY0MtjmE1Ml5Qg2KD5c0BYADzQRLKeGKm+FBYiJfVYWApwp8d3CYtRkgcPFiMG+vpLWJBS34MAoR/S/1NYlJTMBwPzD/EfLAxxYu+MhFu9/hAWBvVq3CKTmn4MixP79nxfbbT8zeEHyPX/YFZCQirVQnM8HHNG4FMm6YqhY//D+98JYUhoXXtjCJRA6/9g4UZf0hSOYOFTCwOqlErxGqc1xLxg0mh5RIPubDQL7hSvjMA2uzNoVNr8KSzD0o4kJSuYCG1SrfpL4AXD/KIm4gWTV28hrLQIQhgklPQ6XjBBLY5UFhyNDeTulQUjcF2JFsxDOSBy24DDsMAQKRc8eiyYuTmgjiwCQ2basFUZYCni2CO9ghf45/yLTTxRY/KH97IIDKTkTthNwcLpBLaOAp9mZWcS2yEMEyijMAID7jqzWeBmYV/VLyNwHGhHijynEMPvyzw3waWevYj+KcDETEufEVgEXfJd2xALFb2MF5zsdAeAvWYJC1/K64zAQGy/B4APrSgsRCptGIGnVNEPIOQ39hhVcSVcBGYx6pbG1UM1mXl4wa2kG7gaMxKboE9G4Dmrd9YM0bo6x8sZgaXVjH9z/R7OpbJ7xAnOU8kNnmYO8kP9jRHcs/CphUI14hP/yguuqaY8nLtPEnLzxQiux1mP6WVHqdgKVnBsLKf+byr2J4wnWgSOWA1FoLaPv/EtNe4WgQNV5ZIXYLlLjTcjuL0AOQIW/MOsvasgDAVBGCZeiIhGEBGjFtoE9f0f0MJiA1N8aBq3/RVCkj27M5NrGD0AfARfLlSrsZffG/glzDa00VMqgsBtyIMo5W3VhsAHURzFrFuYOQA4imMYqdpR03cCHkYxjl3drIapgMdxLiSuemprAS8kuZK56pqPAl7Jcil11V/OBF5Kcy13Vcu3Al7LU5i46nV/EliY3KdIqz0ApRnE6XSlbnGa8txVgrwBoDyHQTFRqduggEVDo20BQIsGJhWbYACgSQWbjgN5A0CbDkalVpLZCsBGZVq1qvZYvx4AaNXCrGYCugSQWQ27ntHbvAGQXY/AgpnBEoCBBSIbZQYDACMbhFa6gYcHAEMrxHZYhl47AMZ2CC6lqbYADi4R3aKLw4vpEzi6dXid9flC7d7kqh0A4fWv8X3Xn/qLgOP7//uA4V29HZsADAMBDDQYMogr7z9hVkjznDKGQMcXDj+x8I3Hj0x+5eIzm9/5/NDol04+tfqtd62758bmcz+155lau/fzj7nd7/0eOHji4ZFLgPl46OSpVwC7ee4XAI8B8hlArwH2G4DPBfodwO8T/P8FcOIkdv3zh6AAAAAASUVORK5CYII=) top no-repeat } .inner-page-priyomka .proverim-title { font-size: 28px; padding: 3vh 0; display: block } .inner-page-priyomka .proverim-desc { color: #5d5d5d; font-size: 15px } .inner-page-priyomka .priemka-b { width: 66.66666667%; position: relative; margin: auto } .inner-page-priyomka .priemka-b_info { position: relative; background: #fff; padding: 10px } .inner-page-priyomka .priemka-b_info ul { padding: 2vh 0 2vh 3em } .inner-page-priyomka .priemka-b_info li { list-style-type: disc !important; line-height: 1.5; font-size: 16px; padding: 3px 0 } @media (max-width:1200px) { .inner-page-priyomka .stena-defekt { height: auto; background: 0 0; margin: 3em 0 } .inner-page-priyomka .stena-defekt_title-first, .inner-page-priyomka .stena-defekt_title-last { display: block; margin: auto; position: static; font-size: 28px } .inner-page-priyomka .stena-defekt_title-last { float: none; top: 0; margin-top: 25px } .inner-page-priyomka .osmotr-kvartiry_text li, .inner-page-priyomka .stena-defekt_title-last span { font-size: 18px } .inner-page-priyomka .osmotr-kvartiry .osmotr-kvartiry_title { font-size: 38px } .inner-page-priyomka .osmotr-kvartiry_title-last { font-size: 24px } .inner-page-priyomka .osmotr-kvartiry { margin: 5em 0 0; padding: 5em 0 } } @media (max-width:768px) { .inner-page-priyomka .proverim-text { background-size: 75px; padding: 80px 15px 30px } .inner-page-priyomka .proverim-title { font-size: 24px } .inner-page-priyomka .osmotr-kvartiry h2 { font-size: 21px } .inner-page-priyomka .osmotr-kvartiry .osmotr-kvartiry_title { font-size: 28px } .inner-page-priyomka .osmotr-kvartiry_text li, .inner-page-priyomka .stena-defekt_title-last span { font-size: 16px } .inner-page-priyomka .benefit__item span, .inner-page-priyomka .osmotr-kvartiry_title-last { font-size: 18px } .inner-page-priyomka .forma-priemka { margin: 45px auto } } @media (min-width:991px) { .stena-defekt_title-last span:hover { -webkit-transform: translateX(7px); -ms-transform: translateX(7px); -o-transform: translateX(7px); transform: translateX(7px) } .inner-page-priyomka .proverim-item:hover { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); box-shadow: 0 15px 32px 13px rgba(0, 0, 0, .2) } } @media screen and (min-width:992px) { .osmotr-kvartiry h2:hover { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: none } } .nav-box { display: none; } a.mt-1.mb-1.mr-1.popup-youtube img { width: 100%; } @media (max-width: 700px) { .bghtml { background-position: right 20% top 50%; } } /* --- Стили для нового Hero блока --- */ .hero-text-block h1 { margin-bottom: 15px; } .hero-subtitle { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 30px; max-width: 800px; color: #ffffff; /* Убедитесь, что цвет контрастирует с фоном */ } /* Адаптация старого класса benefits под новые плашки */ .hero-trust-badges { margin-bottom: 30px; } .hero-trust-badges .benefits-item { font-size: 24px; line-height: 1.1; padding-left: 20px; } /* Блок акции */ .hero-promo-block { background-color: #ffd300; /* Ваш фирменный желтый (hover кнопки corona) */ color: #0C1327; font-family: "Qanelas-Bold", "Open Sans", sans-serif; font-size: 18px; padding: 15px 25px; border-radius: 5px; display: inline-block; margin-bottom: 35px; max-width: 750px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } /* Призыв к действию (CTA) */ .hero-cta-wrapper { text-align: center; } .hero-main-btn { display: inline-block; background-color: #000000; color: #ffd600; font-size: 22px; font-family: "Qanelas-Bold", sans-serif; padding: 18px 45px; border-radius: 4px; text-transform: uppercase; transition: background 0.3s ease; } .hero-main-btn:hover { background-color: #ffd300; color: #0C1327; } /* Микротекст под кнопкой */ .hero-microtext { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #fff; margin-top: 12px; font-weight: 700; text-shadow: 1px 1px black; } /* Адаптив для мобильных устройств */ @media (max-width: 768px) { .hero-subtitle { font-size: 15px; } .hero-promo-block { font-size: 14px; padding: 12px 15px; } .hero-main-btn { font-size: 18px; padding: 15px 30px; width: 100%; text-align: center; } .hero-microtext { text-align: center; } } #portfolio, #video-review, #credit, #coordinates { min-height: 100vh; display: grid; place-items: center; } .form-narrow { max-width: 748px; } /* --- Тёмный блок FAQ --- */ .faq-dark-section { background-color: #000000; padding: 80px 0; color: #ffffff; } /* Выравнивание картинки и текста по центру по вертикали (если нужно) */ @media (min-width: 992px) { .display-flex-center { display: flex; align-items: center; } } .faq-main-img { width: 100%; max-width: 500px; margin: 0 auto; border-radius: 8px; /* Немного скруглим углы картинки, если нужно */ } /* Жёлтый заголовок */ .faq-title-wrapper { margin-bottom: 40px; } .faq-yellow-title { display: inline-block; background-color: #ffd300; /* Ваш фирменный жёлтый */ color: #000000 !important; padding: 15px 30px; font-family: "Qanelas-Bold", "Open Sans", sans-serif; font-size: 28px; margin: 0; } /* Контейнер вопроса */ .faq-dark-panel { margin-bottom: 15px; } /* Белая плашка вопроса */ .faq-dark-toggle { display: block; background-color: #ffffff; color: #000000 !important; padding: 18px 50px 18px 25px; font-family: "Qanelas-Bold", "Open Sans", sans-serif; font-size: 16px; text-decoration: none; border-radius: 4px; position: relative; transition: background-color 0.3s ease; } .faq-dark-toggle:hover { background-color: #f5f5f5; text-decoration: none; } /* Иконка стрелочки */ .faq-dark-toggle::after { content: ''; position: absolute; right: 25px; top: 50%; margin-top: -3px; width: 10px; height: 10px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(45deg); transition: transform 0.4s ease; } /* Стрелочка переворачивается при открытии */ .faq-dark-panel.is-open .faq-dark-toggle::after { transform: rotate(-135deg); margin-top: 1px; } /* --- Идеально плавное раскрытие ответа (CSS Grid Hack) --- */ .faq-answer-wrapper { display: grid; grid-template-rows: 0fr; /* Закрыто */ transition: grid-template-rows 0.4s ease-out; /* Плавная анимация */ } .faq-answer-inner { overflow: hidden; /* Скрываем вылезающий контент */ } /* Текст ответа (белый текст на чёрном фоне) */ .faq-answer-text { padding: 20px 15px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #ffffff; line-height: 1.6; opacity: 0; transform: translateY(-10px); transition: opacity 0.4s ease, transform 0.4s ease; } /* Состояния при открытии */ .faq-dark-panel.is-open .faq-answer-wrapper { grid-template-rows: 1fr; /* Открыто на нужную высоту */ } .faq-dark-panel.is-open .faq-answer-text { opacity: 1; transform: translateY(0); } /* Адаптив */ @media (max-width: 991px) { .faq-title-wrapper { text-align: center; margin-top: 30px; } .faq-main-img { margin-bottom: 30px; } .faq-yellow-title { font-size: 24px; padding: 12px 20px; } } /* мессенджеры */ .header-column { display: flex; align-items: center; align-self: center; } header-column { flex-grow: 1; flex-direction: column; } li.messagers { margin-left: 8px; } ul .messagers span.viber { background: #28a9ea; } ul .messagers span { width: 30px; height: 30px; border-radius: 3px; color: #fff; } .tel-mes span { margin-right: 8px; } ul.nav.nav-pills.tel-mes li:nth-child(3) a { font-weight: 700; color: #fff; font-size: 20px; margin-right: 5px; } ul .messagers span { width: 30px; height: 30px; border-radius: 3px; color: #fff; } .tel-mes span { margin-right: 8px; } .whatsapp { background: #46d46c; } /*Иконки и телефон*/ .navbar-text a { font-size: 30px; font-weight: 500; color:#fff; } .header-right-section { display: flex; align-items: center; height: 100%; } .header-right-section .header-contacts { margin: 0 25px 0 0; display: flex; flex-direction: column; align-items: flex-end; } .phone-with-icons { display: flex; align-items: center; gap: 12px; } .phone-link { font-size: 22px; font-weight: bold; line-height: 1; color: #ffffff; text-decoration: none; white-space: nowrap; } .phone-link:hover, .phone-link:focus { color: #ffffff; text-decoration: none; } .messengers-block { display: flex; align-items: center; gap: 8px; } .messengers-block span a { display: block; line-height: 0; transition: opacity 0.2s ease-in-out; } .messengers-block span a:hover { opacity: 0.7; } .messengers-block img { width: 26px; height: 26px; object-fit: contain; } .header-contacts .work-hours { margin: 4px 0 0 0; font-size: 18px; color: #cccccc; line-height: 1; width: 100%; text-align: center; } .corona__link { border: 5px solid #000; } label { margin-bottom: 0; } label { display: inline-block; } input[type=checkbox] { width: auto; margin-right: 5px; } .switchable input { display: none; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } .mask-telefon { color: #000000; overflow: hidden; position: relative; cursor: pointer; } a.ml-1 { color: #fff; } .mask-telefon::after { content: "показать"; position: absolute; width: 100%; text-align: center; left: 0px; background: linear-gradient(135deg, rgba(255, 0, 0, 0) 15%, rgb(255, 214, 0) 30%); font-size: 28px; } .switchable input { display: none } .switchable input:checked+.mask-telefon:after { display: none } .principles-circles__fixed__inside__images__img { max-width: 600px; max-height: 600px; object-fit: cover; width: 100%; height: 100%; } .raboty { padding: 0px; display: inline-block; } @media (max-width: 499px) { .work-hours { display: none; } .phone-with-icons { flex-direction: column; align-items: flex-end; gap: 8px; } .navbar-text a, .mask-telefon::after{ font-size: 22px; } .header-right-section .header-contacts { margin: 0 5px 0 0; } } input[type="tel"].form97 { display: block; width: 100%; height: 3px; margin-bottom: -3px; opacity: .0001; } .form-check { position: relative; display: block; padding-left: 1.25rem; font-size: 20px; color: #fff; margin: 10px 0; } input[type=checkbox], input[type=radio] { width: 20px; height: 20px; pointer-events: auto; -webkit-appearance: checkbox; appearance: auto; }