@charset "UTF-8"; /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ button, hr, input { overflow: visible; } audio, canvas, progress, video { display: inline-block; } #foot-tel {color:#fff; text-decoration:none;} #foot-mail {color:#fff;} progress, sub, sup { vertical-align: baseline; } [type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0; } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; } h1 { font-size: 2em; margin: .67em 0; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { color: inherit; display: table; max-width: 100%; white-space: normal; } textarea { overflow: auto; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } [hidden], template { display: none; } /* ------------------- Fonts */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rubl { font-style: normal; } .rubl:before { content: '₽'; font-weight: normal; } /* ------------------- Typography */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { width: 100%; margin: 0; padding: 0; background-color: #fff; font: 14px "Open Sans", Arial, sans-serif; line-height: 20px; color: #4e5660; } h1, .site-h1-tt, h2, .site-h2-tt, h3, .site-h3-tt, h4, .site-h4-tt, h5, .site-h5-tt, h6, .site-h6-tt { display: block; margin: 20px 0; padding: 0; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; line-height: 1.2em; color: #000; } h1, .site-h1-tt { font-size: 24px; text-transform: uppercase; color: #a3c618; } h2, .site-h2-tt { font-size: 22px; text-transform: uppercase; color: #1d324e; font-weight: 700; } h3, .site-h3-tt { font-size: 17px; text-transform: uppercase; color: #1d324e; font-weight: 700; } h4, .site-h4-tt { font-size: 17px; } h5, .site-h5-tt { font-size: 16px; } h6, .site-h6-tt { font-size: 14px; } ul, ol { margin: 20px 0; padding: 0; list-style-position: inside; } li { margin: 10px 0; padding: 0; } p { margin: 20px 0; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } img { vertical-align: middle; max-width: 100%; } a { color: #e01951; text-decoration: underline; outline: none; } a:hover { text-decoration: none; color: #e01951; } .st-inner-block-text { margin: 40px 0; border: 1px solid #000; } /* Min width 768 pixels */ @media only screen and (min-width: 768px) { h1, .site-h1-tt { font-size: 33px; } h2, .site-h2-tt { font-size: 34px; } h3, .site-h3-tt { font-size: 24px; } h4, .site-h4-tt { font-size: 18px; } h5, .site-h5-tt { font-size: 16px; } h6, .site-h6-tt { font-size: 14px; } .phone-header > span > a {color:#fff; text-decoration:none;} /* end media min width 768 pixels */ } /* ------------------- Page structure */ .clear { clear: both; } .group:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #wrapper { position: relative; left: 0; min-width: 320px; width: 100%; transition: left 0.2s linear; } .section-st { padding: 20px 0; } .section-dark { background-color: #dddddd; } .section-light { background-color: #fefefe; } .container { padding: 1px 15px; } .hidden-mobile, .hidden-devices { display: none; } /* ------------------- Header */ .header { position: relative; } .header-cont { padding: 65px 0; background-color: #0f1b41; color: #fff; text-align: center; } .logo { text-align: center; margin-bottom: 20px; } .logo a { display: inline-block; outline: none; width: 150px; } .tt-header { font-weight: 600; font-size: 14px; line-height: 20px; margin-bottom: 20px; } .tt-header > span { text-transform: uppercase; font-size: 16px; font-weight: 600; display: block; } .mail-link { color: #fff; text-decoration: none; display: block; margin-bottom: 20px; } .mail-link > span { display: inline-block; vertical-align: middle; } .mail-link .fa { color: #97b813; margin-right: 10px; margin-top: -2px; } .mail-link:hover { color: #fff; text-decoration: none; } .mail-link:hover > span:last-child { text-decoration: underline; } .phone-header > span { display: block; font-size: 24px; line-height: 28px; font-weight: 700; margin: 10px 0; } .phone-header > span > a {color:#fff; text-decoration:none;} .feedback-link { display: block; text-decoration: none; color: #fff; } .feedback-link > span { display: inline-block; vertical-align: middle; } .feedback-link > span:last-child { position: relative; } .feedback-link > span:last-child:before { content: ' '; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #fff; } .feedback-link .fa { color: #97b813; margin-right: 10px; margin-top: -2px; } .feedback-link:hover { color: #fff; text-decoration: none; } .feedback-link:hover > span:last-child:before { display: none; } /* ------------------- Footer */ .footer { position: relative; left: 0; min-width: 320px; width: 100%; margin: 0; opacity: 1; transition: opacity 0.2s linear, margin 0.2s linear; background-color: #0f1b41; color: #fff; text-align: center; padding: 38px 0 0; } .footer .container { overflow: hidden; } .copy { display: block; line-height: 61px; color: white; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: 14px; font-weight: 300; color: rgba(255, 255, 255, 0.35); margin-top: 20px; } .footer-contact-item { overflow: hidden; text-align: left; width: 210px; display: block; margin-bottom: 19px; } .footer-contact-item .fa { float: left; color: #98bd21; font-size: 18px; font-weight: 400; } .footer-contact-item > div { margin-left: 36px; font-size: 16px; line-height: 20px; } .footer-contact-item > div b { font-weight: 600; font-size: 20px; } .footer-contact-item.footer-phone-ic .fa { margin: 2px 0 0 2px; } .footer-contact { display: inline-block; vertical-align: top; padding-top: 20px; } @media only screen and (min-width: 480px) { .header-cont > div { display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; align-items: center; } .logo { width: 100%; } .tt-header { width: 100%; } .mail-link { margin-bottom: 0; } .phone-header > span > a {color:#fff; text-decoration:none;} } @media only screen and (min-width: 640px) { .logo { width: 45%; } .tt-header { width: 55%; text-align: left; padding-left: 10px; } .logo { text-align: right; padding-right: 10px; } .header-cont > div { text-align: right; } .phone-header { text-align: left; width: 55%; padding-left: 10px; } .mail-link { width: 100%; padding-right: 10px; } .footer-bl { display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; } .footer-bl .logo { width: 205px; } .footer-bl .logo a { width: 100%; } .phone-header > span > a {color:#fff; text-decoration:none;} } /* Min width 768 pixels */ @media only screen and (min-width: 768px) { /* ------------------- Page structure */ .container { max-width: 768px; margin: 0 auto; } .hidden-mobile { display: block; } /* ------------------- Header */ .logo { width: 100px; padding-right: 0; margin: 0 0 0 40px; } .logo a { width: 100%; } .tt-header { margin: 0 10px; width: 250px; padding-left: 0; font-size: 11px; line-height: 14px; } .tt-header > span { font-size: 13px; } .mail-link { width: auto; margin: 0 0 8px 0; padding: 0; } .phone-header { width: auto; margin: 0; padding: 0; margin-left: 10px; } .phone-header > span { font-size: 20px; margin-bottom: 0; } .header .container { position: relative; } .footer-bl { justify-content: space-between; } .footer-nav { display: block; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; text-align: left; } .footer-nav ul { list-style: none; padding: 0; margin: 0; width: 49%; } .footer-nav ul > li { margin: 0 0 5px; } .footer-nav ul > li a { text-decoration: none; color: #fff; font-size: 13px; } .footer-nav ul > li a:hover { color: #da184f; text-decoration: none; font-weight: 300; } .footer-bl .logo { margin-left: 0; width: 150px; } .phone-header > span > a {color:#fff; text-decoration:none;} /* end media min width 768 pixels */ } /* Min width 1024 pixels */ @media only screen and (min-width: 1024px) { /* ------------------- Page structure */ html, body { height: 100%; } #wrapper { min-height: 100%; margin-bottom: -100px; } .page-buffer { height: 100px; } .section-st { padding: 70px 0; } .container { max-width: 980px; padding: 1px 10px; } .hidden-devices { display: block; } .hidden-desktop { display: none; } /* ------------------- Header */ .logo { margin-left: 0; width: 205px; } .tt-header { font-size: 14px; line-height: 18px; width: 300px; } .tt-header > span { font-size: 17px; margin-bottom: 5px; } .footer-nav { display: flex; width: 540px; padding: 12px 60px; } .footer-nav ul > li a { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .phone-header > span > a {color:#fff; text-decoration:none;} /* end media min width 1024 pixels */ } /* Min width 1224 pixels */ @media only screen and (min-width: 1224px) { /* ------------------- Page structure */ .container { max-width: 1130px; } /* ------------------- Header */ .mail-link { font-size: 16px; } .phone-header > span { font-size: 24px; line-height: 24px; margin: 10px 0; } .phone-header > span > a {color:#fff; text-decoration:none;} .feedback-link > span:last-child { font-size: 17px; } .header-cont { padding-bottom: 17px; } /* ------------------- Footer */ .footer-bl .logo { width: 205px; } .footer { padding-top: 22px; } .footer-contact-item { margin-bottom: 14px; } /* end media min width 1224 pixels */ } /* ------------------- Button styles */ .form-bl .group { margin-bottom: 38px; } .btn-wrapper { position: relative; padding-bottom: 4px; } .btn-wrapper:before { content: ' '; position: absolute; bottom: 0; height: 4px; background-color: #9e0f38; width: 94%; left: 3%; } .btn { position: relative; z-index: 5; display: inline-block; vertical-align: middle; min-width: 220px; margin: 0; padding: 14px 14px; border: none; border-radius: 0; font: normal normal 14px/24px "Open Sans", Arial, sans-serif; text-align: center; text-decoration: none; outline: none; cursor: pointer; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.28); background-color: #e01951; transition: 0.5s; text-transform: uppercase; } .btn:hover { background-color: #da184f; color: #fff; text-decoration: none; border: none; } .btn-max { width: 100%; } input.btn { line-height: 15px; padding: 0 14px; height: 52px; } input.btn.btn-max { width: 100%; } input.btn.btn-sm { min-width: 60px; padding: 5px 10px; font-size: 12px; } input.btn.btn-md { min-width: 120px; padding: 16px 25px; font-size: 18px; } input.btn.btn-lg { min-width: 160px; padding: 22px 30px; font-size: 24px; } /* ------------------- Form styles */ .st-form { margin: 20px 0; } .form-group { margin: 20px 0; } .form-label-tt { display: block; margin: 10px 0; } .form-group-inline { display: flex; justify-content: space-between; align-items: center; } .form-group-inline .form-label-tt { min-width: 120px; max-width: 120px; line-height: 20px; padding: 10px 0; margin: 0; } .placeholder { color: #8b8e92; } .inp-bl { position: relative; margin-bottom: 15px; } .icon-inp { position: absolute; top: 50%; left: 25px; color: #97b813; margin-top: -10px; } .inp-pers .icon-inp { margin-left: 4px; } .inp-phone .icon-inp { margin-left: 4px; } .line-inp { position: absolute; right: 0; width: 3px; height: 33px; background-color: #a3c618; content: ' '; top: 50%; margin-top: -17px; display: none; } input, textarea { border-radius: 0; padding: 0 15px 0 51px; height: 45px; position: relative; outline: none; font: 15px "Open Sans", Arial, sans-serif; color: #8b8e92; background-color: #fff; border: 1px solid #e0e0e0; } input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder { color: #8b8e92; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8b8e92; opacity: 1; } input:focus:-moz-placeholder, input:focus::-moz-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; } input:hover, textarea:hover { border: 1px solid #a3c618; color: #57595c; } input:hover:-moz-placeholder, input:hover::-moz-placeholder, textarea:hover:-moz-placeholder, textarea:hover::-moz-placeholder { color: #57595c; opacity: 1; } input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder { color: #57595c; opacity: 1; } input:hover:focus:-moz-placeholder, input:hover:focus::-moz-placeholder, textarea:hover:focus:-moz-placeholder, textarea:hover:focus::-moz-placeholder { opacity: 0; } input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder { opacity: 0; } input:hover + .line-inp, textarea:hover + .line-inp { display: block; } input:focus, textarea:focus { border: 1px solid #a3c618; color: #57595c; } input:focus:-moz-placeholder, input:focus::-moz-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder { color: #57595c; opacity: 1; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #57595c; opacity: 1; } input:focus:focus:-moz-placeholder, input:focus:focus::-moz-placeholder, textarea:focus:focus:-moz-placeholder, textarea:focus:focus::-moz-placeholder { opacity: 0; } input:focus:focus::-webkit-input-placeholder, textarea:focus:focus::-webkit-input-placeholder { opacity: 0; } input:focus + .line-inp, textarea:focus + .line-inp { display: block; } input[type="text"], input[type="password"] { width: 100%; } textarea { height: 130px; width: 100%; vertical-align: top; padding: 10px 15px; resize: none; } /* ------------------- Navigation */ .menu-open-wrapper-page { overflow: hidden; position: fixed; height: 100%; width: 100%; top: 0; left: 0; } .menu-open-wrapper-page #wrapper { position: absolute; top: 0; left: 260px; z-index: 2; } .menu-open-wrapper-page .footer { opacity: 0; margin-left: 260px; } .menu-icon-wrap { display: block; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; text-align: right; z-index: 101; } .menu-icon { width: 34px; position: absolute; left: 15px; top: 20px; z-index: 101; padding: 8px 0; } .menu-icon span { display: block; height: 3px; background-color: #fff; position: relative; } .menu-icon span:before, .menu-icon span:after { content: ' '; position: absolute; left: 0; height: 3px; background-color: #fff; width: 100%; } .menu-icon span:before { top: -8px; } .menu-icon span:after { bottom: -8px; } .menu-wrapper-fixed { left: -260px; position: fixed; top: 0; transition: left 0.2s linear; z-index: 100; height: 100%; min-width: 260px; width: 260px; } .menu-open-wrapper { background-color: #fff; padding: 20px; height: 100%; overflow: auto; } .menu { margin: 0; padding: 0; list-style: none; } .menu > li { margin: 0px 0 10px; padding: 0 0 10px; list-style-type: none; font-size: 14px; line-height: 26px; color: #335583; font-weight: 600; border-bottom: 1px solid rgba(42, 60, 84, 0.25); } .menu > li > a { color: #335583; text-decoration: none; font-weight: 600; line-height: 26px; display: block; } .menu > li > a:hover { text-decoration: none; color: #e01951; } .menu > li:last-child { border: none; } /* ------------------- menu drop down */ .menu-dd-open-link { color: #fff; display: inline-block; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .menu-dd-open-link > span { display: inline-block; vertical-align: top; } .menu-drop-down { position: relative; } .menu-drop-down > ul { display: none; margin: 0; padding: 5px 0 0; list-style: none; } .menu-drop-down > ul > li { padding-left: 15px; line-height: 20px; margin: 10px 0; position: relative; } .menu-drop-down > ul > li > a { color: #fff; text-decoration: none; font-size: 18px; } .menu-drop-down > ul > li > a:hover { text-decoration: underline; } .menu-dd-open > ul { display: block; } .menu-dd-open .arrow-corner-bottom { display: inline-block; vertical-align: middle; margin: 0 3px; width: 0; height: 0; border-top: none; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-bottom-color: #fff; margin-left: 5px; } .arrow-corner-bottom { display: inline-block; vertical-align: middle; margin: 0 3px; width: 0; height: 0; border-top: 6px solid #fff; border-right: 6px solid transparent; border-bottom: none; border-left: 6px solid transparent; border-top-color: #fff; margin-left: 5px; } /* ------------------- menu open mobile */ .menu-mobile-open .menu-wrapper-fixed { left: 0; } .menu-mobile-open .menu-icon-wrap { position: fixed; left: 260px; top: 0; width: 100%; height: 100%; padding: 15px 13px; background-color: rgba(255, 255, 255, 0.7); transition: background 0.2s linear, left 0.2s linear; } .menu-mobile-open .menu-icon { left: 13px; top: 20px; background: none; } .menu-mobile-open .menu-icon span { background: none; } .menu-mobile-open .menu-icon span:before, .menu-mobile-open .menu-icon span:after { transition: transform 0.2s linear; transform-origin: 50% 50%; background: #0f1b41; } .menu-mobile-open .menu-icon span:before { top: 0; transform: rotate(45deg); } .menu-mobile-open .menu-icon span:after { bottom: 0; transform: rotate(-45deg); } .ic-about-work path { transition: 0.5s; transition-delay: 0.2s; } .list-about-work { list-style: none; padding: 20px 0 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; } .list-about-work > li { margin: 0 0 30px; font-size: 13px; line-height: 18px; font-weight: 600; width: 50%; padding: 0 5px; } .list-about-work > li:hover .ic-about-work path { fill: #a3c618; } .list-about-work > li p { margin: 20px 0 0; } .ic-about-work { color: #74798a; display: block; } /*.ic-about-work path { color: #74798a; fill: #74798a; }*/ .ic-about-work path { color: #a4c710; fill: #a4c710; } /* Min width 480 pixels */ @media only screen and (min-width: 480px) { .menu-open-wrapper-page #wrapper { left: 360px; } .menu-open-wrapper-page .footer { margin-left: 360px; } .menu-wrapper-fixed { left: -360px; width: 360px; min-width: 360px; } .menu-mobile-open .menu-icon-wrap { left: 360px; } .list-about-work > li { width: 33%; } /* end media min width 480 pexels */ } @media only screen and (min-width: 768px) { .menu-icon { top: 34px; } .btn { font-size: 15px; } .list-about-work { padding-top: 40px; } .list-about-work > li { width: 20%; text-align: left; } } /* Min width 1024 pixels */ @media only screen and (min-width: 1024px) { .menu-open-wrapper-page { overflow: visible; position: relative; height: auto; width: auto; top: 0; left: 0; } .menu-open-wrapper-page #wrapper { position: relative; left: 0; top: 0; margin: 0; transition: none; } .menu-open-wrapper-page .footer { margin-left: 0; opacity: 1; } .menu-wrapper-fixed { position: fixed; left: 0; top: 0; height: auto; transition: none; width: 100%; background:white; box-shadow: 0px 1px 5px 0px #616161; transition: .3s; } .menu-open-wrapper { background: none; padding: 0; height: auto; overflow: visible; transition: .3s; } .menu-icon-wrap { display: none; } .menu { text-align: center; display: table; width: 100%; } .menu > li { display: table-cell; margin: 0; padding-bottom: 0; border-bottom: none; border-right: 1px solid rgba(42, 60, 84, 0.25); padding: 0 15px; font-size: 12px; } .header-nav { padding: 15px 0 16px; } /* ------------------- menu drop down */ .menu-drop-down:hover > ul { display: block; position: absolute; top: 100%; width: 270px; text-align: left; background-color: #000; padding: 15px 20px 10px 10px; } .menu-drop-down .arrow-corner-bottom { display: none; } .menu-dd-open > ul { display: none; } /* end media min width 1024 pixels */ .height-menu, .height-menu .menu-open-wrapper { height: 40px; transition: .3s; } .height-menu .header-nav { padding: 8px 0 7px; transition: .3s; } } @media only screen and (min-width: 1224px) { .menu > li { font-size: 14px; } } .mfp-container, .owl-theme .owl-dots { text-align: center; } .mfp-arrow, .owl-carousel, .owl-carousel .owl-item, .owl-theme .owl-dots, .owl-theme .owl-nav { -webkit-tap-highlight-color: transparent; } .owl-carousel { display: none; width: 100%; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after { content: ''; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .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); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .mfp-bg, .mfp-wrap { position: fixed; left: 0; top: 0; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .mfp-bg, .mfp-container, .mfp-wrap { width: 100%; height: 100%; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .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 { position: absolute; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; 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: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .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-close, .mfp-preloader a:hover { color: #FFF; } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } .mfp-figure:after, .mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); position: absolute; left: 0; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .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-holder .mfp-close { top: -40px; } .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 { 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-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @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, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* ------------------- Plugins */ /* ------------------- magnific modal window */ .mfp-bg { background-color: rgba(0, 0, 0, 0.6); } .st-modal { position: relative; max-width: 500px; margin: 30px auto; padding: 10px 30px; background-color: #fff; } .mfp-close-btn-in .mfp-close { color: #fff; } .mfp-close { top: -24px; right: -24px; width: 24px; height: 24px; line-height: 24px; } .mfp-close:active { top: -24px; right: -24px; } /* ------------------- Main blocks */ .tt-main-screen { display: block; color: #1d324e; margin-bottom: 30px; font-size: 18px; line-height: 24px; font-weight: 700; padding-bottom: 30px; border-bottom: 2px solid #a3c618; } .jcf-checkbox { vertical-align: middle; display: inline-block; position: relative; overflow: visible; cursor: default; background: #fff; margin: -1px 0px 0 0; width: 20px; height: 20px; border-radius: 0px; border: 1px solid #e01951; background-color: white; float: left; cursor: pointer; } .jcf-checkbox span { position: absolute; display: none; top: 50%; left: 50%; margin: -6px 0 0 -7px; background: url("../img/svg/icon-check.svg") no-repeat 50% 0; width: 14px; height: 12px; } .jcf-checkbox input[type="checkbox"] { position: absolute; width: 100%; height: 100%; border: 0; margin: 0; left: 0; top: 0; } .jcf-checkbox.jcf-checked span { display: block; } .jcf-checkbox.jcf-disabled { background-color: #e1e1e1; } .form-bl label { display: block; margin-left: 40px; font-size: 13px; line-height: 18px; } .form-bl label a { color: #e01951; text-decoration: underline; } .form-bl label a:hover { text-decoration: none; color: #e01951; } .tt-cont-main-screen { display: block; margin-bottom: 40px; font-size: 14px; line-height: 18px; color: #4e5660; } .tt-cont-main-screen > span { display: block; font-weight: 600; font-size: 18px; line-height: 24px; color: #142235; margin-bottom: 10px; } .btn:before { content: ' '; position: absolute; width: 10; height: 20px; background: #000; } .btn-max .btn { width: 100%; } .sale-main-screen { padding-top: 30px; text-align: center; } .tt-sale-main-screen { display: block; color: #a3c618; font-size: 30px; line-height: 30px; font-weight: 700; text-transform: uppercase; margin: 13px 0 30px; } .sale-main-screen-bl { box-shadow: 0 2px 25px rgba(0, 0, 0, 0.11); width: 166px; margin: 0 auto; padding: 18px 20px 30px; } .tt-sale-main-screen-bl { display: block; margin-bottom: 18px; font-size: 24px; line-height: 24px; font-weight: 700; color: #1d324e; } .tt-sale-main-screen-bl > span { font-size: 20px; font-weight: 600; position: relative; display: block; margin-bottom: 5px; } .tt-sale-main-screen-bl > span:before { content: ' '; position: absolute; top: 10px; z-index: 1; width: 100%; height: 1px; background-color: #b7b7b7; opacity: 0.7; left: 0; } .tt-sale-main-screen-bl > span > span { display: inline-block; background: #fff; padding: 1px 15px; position: relative; z-index: 2; } .to-sale { background: url("../img/to-sale.png") no-repeat 50% 0; width: 34px; height: 64px; margin: 0 auto; display: block; text-decoration: none; padding: 19px 5px; } .main-screen { padding: 20px 0 40px; } .tt-popup { display: block; text-align: center; text-transform: uppercase; font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight: 600; } .st-modal { padding: 30px; } .mfp-close-btn-in .mfp-close { position: absolute; right: 5px; top: 5px; color: #000; } .sale-main-screen { display: none; } .tt-cont-main-screen br { display: none; } .about-work { background-color: #f7f7f7; padding: 20px 0 40px; } .list-resultation { list-style: none; padding: 0; margin: 30px 0 40px; } .list-resultation > li { margin: 0 0 25px; overflow: hidden; } .list-resultation > li > span { float: left; width: 25px; color: #a3c618; font-size: 36px; line-height: 36px; font-weight: 700; } .list-resultation > li > div { margin-left: 30px; color: #1d324e; font-size: 15px; line-height: 18px; } .tabs { list-style: none; padding: 0; margin: 0 0 0; } .tabs > li { cursor: pointer; text-align: center; border-bottom: 4px solid #d2d2d2; color: #4e5660; font-size: 18px; font-weight: 300; line-height: 24px; padding: 0 0 6px; margin: 0 0 9px; transition: 0.5s; } .tabs > li:last-child { margin-bottom: 0; } .tabs > li:hover, .tabs > li.current { color: #e01951; border-color: #e01951; } .tt-tabs, .tt-graff-resultation { display: block; background-color: #f2f2f2; color: #1d324e; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; padding: 20px 20px; text-align: left; } .box-cont { padding-top: 30px; text-align: left; } .info-resultation { list-style: none; padding: 0px 0 0; margin: 0 0 30px; } .info-resultation > li { position: relative; padding-left: 47px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; padding: 0; margin: 0 0 20px; } .btn-wrapper { display: inline-block; } .box { text-align: center; } .info-resultation-bl { margin-left: 17px; } .ic-info-resultation { margin-top: -4px; } .info-resultation-bl > span { display: block; color: #4e5660; font-size: 15px; line-height: 18px; margin-bottom: 5px; } .info-resultation-bl > div { font-size: 15px; font-weight: 600; color: #1d324e; } .graff-resultation { margin: 30px 0; } .korpus { padding-bottom: 30px; } .resultation { padding: 20px 0 20px; } .box { display: none; } .box.visible { display: block; } .list-advantage { list-style: none; padding: 20px 0 0; margin: 0; } .list-advantage > li { margin: 0 0 26px; color: #4e5660; cursor: pointer; } .list-advantage > li:hover .icon-advantage path { fill: #a3c618; } .list-advantage > li p { margin: 0; line-height: 17px; } .tt-advantage-bl { border-left: 2px solid #a3c618; padding-left: 12px; margin-bottom: 11px; padding-top: 3px; } .tt-advantage-bl > span { display: block; } .icon-advantage { min-height: 45px; margin-bottom: 5px; } .tt-advantage { text-transform: uppercase; font-weight: 600; color: #1d324e; font-size: 15px; line-height: 20px; } .icon-advantage path { transition: 0.5s; fill: #74798a; } .how-work-nav { display: none; } .how-work { padding: 20px 0; } .how-work-bl h2 { padding-left: 25px; } .how-work-bl .stp { display:none; } .how-work-bl .stp.active { display:block!important; } .tt-how-work { display: block; position: relative; text-transform: uppercase; font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 20px; padding-left: 25px; } .tt-how-work > span { position: absolute; max-width: 22px; color: #c8c8c8; font-size: 30px; line-height: 30px; font-weight: 700; left: 0; top: -3px; } .list-how-work { list-style: none; padding: 0; margin: 0; } .list-how-work > li { margin: 0 0 10px; position: relative; padding-left: 25px; color: #1d324e; font-size: 15px; } .list-how-work > li:before { content: ' '; position: absolute; left: 0; top: 4px; border-radius: 50%; width: 10px; height: 10px; background-color: #a3c618; opacity: 0.7; } .list-step-nav { list-style: none; padding: 0; margin: 40px 0 20px; position: relative; display: flex; justify-content: space-between; flex-wrap: nowrap; } .list-step-nav:before { content: ' '; position: absolute; width: 100%; left: 0; bottom: 0; height: 2px; border: 1px solid #d7d7d7; background-color: white; } .list-step-nav > li { width: 16.66%; position: relative; margin: 0; text-align: center; } .list-step-nav > li:before, .list-step-nav > li:after { content: ' '; position: absolute; bottom: -4px; z-index: 1; width: 10px; height: 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); border: 1px solid #d7d7d7; background-color: white; border-radius: 50%; } .list-step-nav > li:before { left: -7px; } .list-step-nav > li:after { right: -5px; } .list-step-nav > li:hover, .list-step-nav > li.active { color: #e01951; } .list-step-nav > li:hover:before, .list-step-nav > li:hover:after, .list-step-nav > li.active:before, .list-step-nav > li.active:after { border-color: #e01951; z-index: 2; } .list-step-nav > li:hover > a, .list-step-nav > li.active > a { color: #e01951; } .list-step-nav > li:hover > a:before, .list-step-nav > li.active > a:before { content: ' '; position: absolute; bottom: 0; width: 100%; height: 4px; background: #e01951; left: 0; z-index: 1; } .list-step-nav > li > a { display: block; position: relative; text-decoration: none; color: #4e5660; font-weight: 600; font-size: 13px; padding-bottom: 15px; } .list-step-nav > li > a:hover { text-decoration: none; color: #e01951; } .col-wt { color: #fff; } .favorably { background: #0e225c; padding: 20px 0 40px; } .favorably-cont { background-color: #eeeeee; margin: 43px 0 0; } .favorably-bl { padding: 50px 20px 30px; } .tt-favorably-bl { display: block; position: relative; padding-left: 44px; color: #1d324e; font-size: 17px; line-height: 24px; font-weight: 600; margin-bottom: 37px; } .tt-favorably-bl > span { position: absolute; bottom: 2px; left: 4px; } .list-favorably { list-style: none; padding: 0; margin: 0; } .list-favorably > li { margin: 0 0 30px; color: #1d324e; position: relative; padding-left: 43px; letter-spacing: -0.1px; } .list-favorably > li:before { content: ' '; position: absolute; left: 0; top: -3px; background: url("../img/svg/icon-no.svg") no-repeat 50% 0; width: 25px; height: 25px; } .fovorably-our-company { background: #fff; } .fovorably-our-company .tt-favorably-bl { color: #5ebb0c; } .fovorably-our-company .list-favorably > li:before { background: url("../img/svg/icon-yes.svg") no-repeat 50% 0; top: -4px; } .tt-our-tariffs { display: block; text-align: center; padding-bottom: 20px; margin-bottom: 39px; color: #1d324e; font-weight: 600; font-size: 16px; line-height: 20px; position: relative; } .tt-our-tariffs:before { content: ' '; position: absolute; left: 50%; bottom: 0; width: 78px; height: 3px; background-color: #e01951; margin-left: -39px; } .our-tariffs { padding: 20px 0 50px; border-bottom: 1px solid rgba(156, 156, 156, 0.4); position: relative; } .our-tariffs:before, .our-tariffs:after { content: ' '; position: absolute; bottom: -11px; background: url("../img/ic-circul.png") no-repeat 50% 0; width: 22px; height: 22px; } .our-tariffs:before { left: -10px; } .our-tariffs:after { right: -10px; } .tt-our-tariffs-bl { display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 24px; color: #1d324e; margin-bottom: 36px; } .tariffs-analysis { background-color: #f9f9f9; } .list-our-tariffs { list-style: none; padding: 0; margin: 0; } .list-our-tariffs > li { margin: 0 0 60px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); background-color: white; text-align: center; } .list-our-tariffs > li .btn-wrapper { position: relative; bottom: -26px; } .tt-list-our-tariffs { display: block; background-color: #eeeeee; text-transform: uppercase; font-weight: 600; color: #1d324e; font-size: 15px; line-height: 22px; padding: 20px 10px; } .tt-list-our-tariffs > span { display: block; font-weight: 700; } .list-our-tariffs-bl { padding: 40px 20px 10px; } .list-our-tariffs-bl p { margin: 0; color: #1d324e; } .old-price { display: block; font-size: 26px; line-height: 26px; color: #b5b5b5; font-weight: 600; position: relative; margin-bottom: 15px; } .old-price:before { content: ' '; position: absolute; left: 50%; top: 43%; width: 120px; height: 1px; background-color: #ce353a; margin-left: -60px; } .old-price .fa { color: #dbdbdb; font-weight: 400; } .new-price { position: relative; padding-bottom: 26px; margin-bottom: 26px; } .new-price:before { content: ' '; position: absolute; left: 50%; bottom: 0; width: 78px; height: 1px; background-color: rgba(224, 25, 81, 0.5); margin-left: -39px; } .new-price > div { color: #a3c618; font-size: 36px; font-weight: 700; line-height: 36px; margin-bottom: 0px; } .new-price > div .fa { color: #c7d491; font-size: 28px; font-weight: 400; } .new-price > span { color: #1d324e; font-size: 18px; line-height: 20px; font-weight: 400; } .free-analysis { padding: 50px 0 50px; } .free-analysis-bl p { font-size: 16px; line-height: 22px; font-weight: 600; color: #1d324e; margin: 13px 0; } .free-analysis-bl p > span { color: #a3c618; font-weight: 700; } .tt-free-analysis { display: block; position: relative; color: #1d324e; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 40px; padding-bottom: 15px; } .tt-free-analysis:before { content: ' '; position: absolute; left: 0; bottom: 0; width: 78px; height: 3px; background-color: #e01951; } .info-free-analysis { display: block; color: #a3c618; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 26px; margin-bottom: 40px; } .questions-bl { background-color: #16275c; padding: 30px 15px; color: #fff; text-align: center; } .questions-bl form { text-align: left; } .questions > div { padding: 0; } .tt-questions { display: block; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 28px; margin-bottom: 20px; } .tt-questions-phone { display: block; font-size: 16px; line-height: 20px; margin-bottom: 10px; } .tt-questions-phone > span { display: block; font-size: 20px; line-height: 30px; font-weight: 700; } .tt-questions-phone > span > a {color:#fff; text-decoration:none;} .map { position: relative; overflow: hidden; /*background: url("../img/map.jpg") 27% 50%; */ height: 300px; } .about_text { display: none; } .about_more { display: inline-block; color: #ffffff; background-color: #1e4070; cursor: pointer; padding: 0 5px; font-weight: 700; } .about_brie { display: block; margin: 0 auto 15px auto; width: 150px; color: #ffffff; background-color: #1e4070; text-align: center; padding: 5px 0; cursor: pointer; } .about_brie:hover { background-color: #305890; } /* Min width 768 pixels */ @media only screen and (min-width: 768px) { /* ------------------- Main blocks */ .tt-main-screen { font-size: 28px; line-height: 32px; } .tt-cont-main-screen > span { font-size: 21px; line-height: 30px; } .about-work { padding: 30px 0 0; } .list-about-work { padding: 42px 0 0px; position: relative; } .list-about-work:before { width: 100%; content: ' '; position: absolute; left: 0; bottom: -1px; height: 4px; border: 1px solid #d7d7d7; background-color: white; z-index: 1; } .list-about-work > li { margin-bottom: 0px; position: static; padding-bottom: 57px; cursor: pointer; } .list-about-work > li:before { content: ' '; position: absolute; bottom: -4px; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); border: 1px solid #d6d6d6; background-color: white; z-index: 3; margin-left: -6px; } .list-about-work > li:nth-child(1):before { left: 20%; } .list-about-work > li:nth-child(2):before { left: 40%; } .list-about-work > li:nth-child(3):before { left: 60%; } .list-about-work > li:nth-child(3):before { left: 80%; } .list-about-work > li:last-child:before { display: none; } .list-about-work > li:hover:before { border-color: #e01951; } .list-about-work > li:hover:after { opacity: 1; } .list-about-work > li:hover:nth-child(1):after { width: 20%; } .list-about-work > li:hover:nth-child(2):after { width: 40%; } .list-about-work > li:hover:nth-child(3):after { width: 60%; } .list-about-work > li:hover:nth-child(4):after { width: 80%; } .list-about-work > li:hover:nth-child(5):after { width: 100%; } .list-about-work > li:after { content: ' '; position: absolute; height: 4px; z-index: 2; background-color: #e01951; bottom: 0; transition: width 0.6s linear; width: 0; left: 0; opacity: 0; } .tabs { display: flex; flex-wrap: wrap; justify-content: space-between; } .tabs > li { width: 32%; margin-bottom: 0; } .list-resultation { margin: 44px 0 38px; display: flex; flex-wrap: wrap; justify-content: space-between; } .list-resultation > li { width: 32%; } .korpus { padding: 4px 0 30px; } .list-advantage { display: flex; flex-wrap: wrap; justify-content: flex-start; } .list-advantage > li { width: 50%; padding-right: 40px; } .list-advantage .tt-advantage { display: flex; flex-wrap: wrap; min-height: 60px; align-items: center; } .list-step-nav > li > a { font-size: 16px; } .tt-favorably-bl { font-size: 24px; } .list-favorably > li { font-size: 16px; } .favorably-bl { padding: 50px 40px 19px; } .list-our-tariffs { display: flex; flex-wrap: wrap; justify-content: space-between; } .list-our-tariffs > li { width: 32%; max-width: 360px; } .list-our-tariffs-bl p { min-height: 80px; } .questions-bl { padding: 53px 80px 58px; } /* end media min width 768 pixels */ } /* Min width 1024 pixels */ @media only screen and (min-width: 1024px) { /* ------------------- Main blocks */ .main-screen { background: url("../img/bg1.jpg") no-repeat 50% 0; overflow: hidden; min-height: 750px; padding: 30px 0 0; } .main-screen > div { position: relative; } .tt-main-screen { border-bottom: none; position: relative; } .tt-main-screen .line-main-screen { position: absolute; bottom: -18px; right: 0; width: 1239px; } .cont-main-screen-bl .form-bl { width: 380px; display: inline-block; vertical-align: top; } .img-main-screen { position: absolute; bottom: 40px; right: 0; } .tt-cont-main-screen { max-width: 815px; } .tt-cont-main-screen br { display: block; } h1.site-h1-tt { margin: 0 0 2px; } .form-bl .group { margin: 16px 0 32px; } .form-bl label { cursor: pointer; } .sale-main-screen-bl { min-height: 235px; } .about-work { padding-top: 56px; } .list-about-work > li p { margin-top: 11px; font-size: 14px; } .about-work > div { position: relative; } .about-work > div:before { content: ' '; position: absolute; right: 0; top: -110px; background: url("../img/icon-cont4.png") 50% 0; width: 21px; height: 90px; } .box { position: relative; } .tt-graff-resultation { position: absolute; top: 0; left: 453px; padding: 24px 0 23px; } .tt-tabs { padding: 24px 37px 23px; } .tt-tabs > span { max-width: 416px; } .resultation { background: url("../img/bg2.jpg") no-repeat 50% 100%; padding: 62px 0 30px; min-height: 968px; } .box { background: #fff; } .box .btn-wrapper { bottom: -30px; position: relative; } .box-cont { padding: 19px 34px 9px; display: flex; flex-wrap: wrap; justify-content: space-between; } .info-resultation { margin-bottom: 0; width: 30%; padding-top: 4px; } .graff-resultation { margin: 0; width: 69%; max-width: 720px; } .info-resultation > li { margin-bottom: 36px; } .list-advantage > li { width: 33.3%; } .advantage { position: relative; padding: 47px 0 60px; } .advantage:before, .advantage:after { content: ' '; position: absolute; background: url("../img/icon-cont4.png") no-repeat 50% 0; width: 21px; height: 90px; top: -60px; } .advantage:before { left: -10px; } .advantage:after { right: -10px; } .advantage-how-work { background: url("../img/bg3.jpg") no-repeat 50% 0; } .list-advantage { padding-top: 38px; } .list-advantage > li { padding-right: 5px; } .how-work-bl { margin-left: 370px; } .how-work { padding: 43px 0 19px; } .tt-how-work { margin: 34px 0 26px; } .list-step-nav { margin: 53px 0 30px; } .how-work { position: relative; } .how-work:before { content: ' '; position: absolute; background: url("../img/icon-cont4.png") no-repeat 50% 0; width: 21px; height: 90px; top: -75px; left: -10px; } .how-work-nav { position: absolute; left: 0; top: 162px; width: 293px; height: 286px; display: block; } .ic-how-work-nav { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; } .list-how-work-nav { list-style: none; padding: 0; margin: 0; } .list-how-work-nav > li { position: absolute; margin: 0; text-align: center; } .list-how-work-nav > li a { display: block; text-decoration: none; font-weight: 700; font-size: 40px; line-height: 40px; width: 98px; height: 89px; line-height: 89px; color: rgba(255, 255, 255, 0.5); position: relative; z-index: 3; } .list-how-work-nav > li a:hover, .list-how-work-nav > li.active a { color: white; } .list-how-work-nav > li:before { content: ' '; position: absolute; background: url("../img/list-how-work-nav1.png") no-repeat 50% 0; width: 101px; height: 96px; z-index: 1; } .list-how-work-nav > li:after { width: 38px; height: 58px; content: ' '; position: absolute; right: -15px; bottom: -33px; background: url("../img/arrow-how-work.png") no-repeat 50% 0; z-index: 2; } .list-how-work-nav > li:nth-child(2n):before { background: url("../img/list-how-work-nav2.png") no-repeat 50% 0; width: 83px; height: 106px; } .list-how-work-nav1 { right: 44px; top: 0; } .list-how-work-nav1:before { transform: rotate(-117deg); left: -3px; top: -7px; } .list-how-work-nav6 { left: 39px; top: 0; } .list-how-work-nav6:before { transform: rotate(-119deg); left: 11px; top: 0px; } .list-how-work-nav6:after { display: none; } .list-how-work-nav2 { right: -17px; top: 98px; } .list-how-work-nav2:before { transform: rotate(0deg); left: -2px; top: -8px; } .list-how-work-nav2:after { transform: rotate(62deg); left: 11px; top: 80px; } .list-how-work-nav5 { left: -17px; top: 98px; } .list-how-work-nav5:before { transform: rotate(120deg); left: -3px; top: 4px; } .list-how-work-nav5:after { transform: rotate(242deg); left: 44px; top: -48px; } .list-how-work-nav3 { right: 44px; bottom: 0; } .list-how-work-nav3:before { transform: rotate(0deg); left: 8px; top: -7px; } .list-how-work-nav3:after { transform: rotate(122deg); left: -30px; top: 32px; } .list-how-work-nav4 { left: 39px; bottom: 0; } .list-how-work-nav4:before { transform: rotate(120deg); left: 12px; top: -16px; } .list-how-work-nav4:after { transform: rotate(181deg); left: -15px; top: -29px; } .advantage-how-work { padding-bottom: 10px; min-height: 1302px; } .favorably { background: url("../img/bg4.jpg") no-repeat 50% 0; min-height: 789px; position: relative; padding: 10px 0 0; } .favorably > div { position: relative; } .favorably > div:before { content: ' '; position: absolute; background: url(../img/icon-cont4.png) no-repeat 50% 0; width: 21px; height: 90px; top: -100px; right: 2px; } .favorably-cont { display: flex; flex-wrap: nowrap; justify-content: space-between; } .favorably-cont > div { width: 50%; } .list-our-tariffs-bl { padding: 38px 28px 10px; } .list-our-tariffs-bl p > span { display: block; } .list-our-tariffs-bl p { font-size: 16px; min-height: auto; } .our-tariffs { padding: 57px 0 58px; } .tt-our-tariffs { font-size: 20px; margin: 25px 0 38px; padding-bottom: 24px; } .tt-our-tariffs-bl { font-size: 20px; } .tt-list-our-tariffs { font-size: 18px; } .list-our-tariffs > li .btn-wrapper { bottom: -30px; } .tariffs-analysis { background: url("../img/bg5.jpg") no-repeat 50% 0; position: relative; overflow: hidden; } .tariffs-analysis:before { content: ' '; position: absolute; background: url(../img/icon-cont4.png) no-repeat 50% 0; width: 21px; height: 90px; top: -56px; right: 50%; margin-right: -12px; } .free-analysis { padding: 50px 0 50px; position: relative; min-height: 542px; } .img-free-analysis { top: 9px; left: -73px; position: absolute; } .free-analysis-bl { position: relative; z-index: 3; margin-left: 366px; } .free-analysis-bl .btn-wrapper { margin-left: 111px; } .tt-free-analysis { font-size: 26px; line-height: 30px; } .free-analysis-bl p { font-size: 18px; line-height: 24px; } .free-analysis-bl p > span { font-size: 24px; } .info-free-analysis { font-size: 26px; line-height: 30px; } .map { height: 600px; } .questions > div.container { position: relative; } .questions > div.container:before { content: ' '; position: absolute; background: url(../img/icon-cont4.png) no-repeat 50% 0; width: 21px; height: 90px; top: -56px; left: 10px; z-index: 10; } .questions-bl { position: absolute; right: 10px; top: 0; width: 540px; z-index: 2; padding: 23px 80px 13px 80px; background-color: rgba(22, 39, 92, 0.8); } .tt-questions { font-size: 24px; margin-bottom: 5px; } .tt-questions-phone { font-size: 20px; line-height: 26px; } .tt-questions-phone > span { font-size: 26px; } .totop { position: fixed; right: 30px; bottom: 100px; border-bottom: 2px solid #98bd21; width: 80px; background-color: rgba(19, 77, 134, 0.7); text-decoration: none; color: #fff; text-align: center; padding: 10px 5px 14px; z-index: 100; opacity: 0; transition: 0.5s; } .totop p { font-size: 16px; line-height: 16px; margin: 10px 0 0; } .totop:hover { color: #98bd21; text-decoration: none; } .sticky .totop { opacity: 1; } /* end media min width 1024 pixels */ } /* Min width 1224 pixels */ @media only screen and (min-width: 1224px) { /* ------------------- Main blocks */ .img-main-screen { right: 25px; bottom: 40px; } .sale-main-screen { display: inline-block; vertical-align: top; margin-left: 49px; padding-top: 0; } .tt-main-screen { font-size: 30px; line-height: 36px; } .tt-cont-main-screen > span { font-size: 24px; } .list-advantage > li { padding-right: 40px; } .tt-how-work { margin-top: 20px; } .favorably > div { max-width: 1160px; } .list-our-tariffs > li { width: 350px; } .free-analysis { min-height: 562px; padding-top: 84px; } .tt-free-analysis { padding-bottom: 22px; } .info-free-analysis { margin-bottom: 63px; } /* end media min width 1224 pixels */ } .adress1 { margin:0; font-size: 20px; margin-bottom: 10px; } .adress2 { margin:0; font-size:22px; font-weight: 700; } @media only screen and (min-width: 1300px) { .header-nav { margin-left: 5%; margin-right: 5%; } } @media only screen and (min-width: 1400px) { .header-nav { margin-left: 10%; margin-right: 10%; } } @media only screen and (min-width: 1500px) { .header-nav { margin-left: 12%; margin-right: 12%; } } @media only screen and (min-width: 1600px) { .header-nav { margin-left: 15%; margin-right: 15%; } } @media only screen and (min-width: 1700px) { .header-nav { margin-left: 17%; margin-right: 17%; } } @media only screen and (min-width: 1800px) { .header-nav { margin-left: 19%; margin-right: 19%; } } @media only screen and (min-width: 1920px) { .header-nav { margin-left: 20%; margin-right: 20%; } } .complexity{ background: url(../files/Image/bg5_new.png) no-repeat 50% top; position: relative; overflow: hidden; z-index: 2; margin-top: -455px; padding: 300px 0 100px 0; } .tt-complexity{ font-size: 26px; } .complexity_list ul li p{ font-size: 17px; } .complexity_cont{ font-size: 26px; background: url(../files/Image/complexity_cont.png) no-repeat center; } .complexity_cont span{ font-size: 40px; } @media only screen and (max-width: 300px) { .complexity { background: #ffffff; margin: 0; padding: 0; } } .tt-complexity { font-size: 15px; font-weight: 700; line-height: 30px; width: auto; text-align: center; margin: 0 auto; position: relative; padding: 25px 0; } .tt-complexity:before { content: ' '; position: absolute; left: 50%; bottom: 0; width: 78px; height: 3px; background-color: #e01951; margin-left: -39px; } .complexity_list { padding: 40px 0; } .complexity_list ul { padding: 0; margin: 0; display: flex; list-style-type: none; justify-content: center; flex-wrap: wrap; } .complexity_list ul li { width: 240px; text-align: center; } .complexity_list_img { display: flex; align-items: center; justify-content: center; border: 7px solid #f2f4f9; width: 110px; height: 110px; margin: 0 auto; } .complexity_list_img:hover{ border-color: #134f89; } .complexity_list ul li p { color: #1d324e; font-size: 17px; font-weight: 600; } .complexity_cont { text-align: center; font-size: 15px; font-weight: 700; line-height: 30px; text-transform: uppercase; background: url(../files/Image/complexity_cont.png) no-repeat center; } .complexity_cont span { font-size: 20px; color: #a3c618; } .btn-complexity{ margin: 20px auto; width: 220px; display: block; } @media only screen and (min-width: 300px) { .complexity { background: #ffffff; margin-top: 0; padding: 10px 0 20px 0; } } @media only screen and (min-width: 640px) { .complexity { background: #ffffff; margin-top: 0; padding: 10px 0 20px 0; } } @media only screen and (min-width: 768px){ .complexity { background: #ffffff; margin-top: 0; padding: 10px 0 100px 0; } .complexity_cont { background: #ffffffff; } } @media only screen and (min-width: 1024px){ .complexity { background: url(../files/Image/bg5_new.png) no-repeat 50% top; position: relative; overflow: hidden; z-index: 2; margin-top: -455px; padding: 300px 0 100px 0; } .complexity_cont { background: url(../files/Image/complexity_cont.png) no-repeat center; } } @media only screen and (min-width: 1024px){ .tt-complexity { font-size: 26px; } } @media only screen and (min-width: 1024px){ .tariffs-analysis { position: relative; overflow: hidden; background: #f9f9f9; padding-bottom: 200px; } } @media only screen and (min-width: 1024px){ .img-free-analysis { top: 90px; } }