/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
        /* Document
   ========================================================================== */
        /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
        
        html {
            line-height: 1.15;
            /* 1 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
            box-sizing: border-box;
        }
        /* Sections
========================================================================== */
        /**
* Remove the margin in all browsers.
*/
        
        body {
            margin: 0;
        }
        /**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
        
        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }
        /* Grouping content
========================================================================== */
        /**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
        
        hr {
            box-sizing: content-box;
            /* 1 */
            height: 0;
            /* 1 */
            overflow: visible;
            /* 2 */
            ;
        }
        /**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
        
        pre {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
            ;
        }
        /* Text-level semantics
========================================================================== */
        /**
* Remove the gray background on active links in IE 10.
*/
        
        a {
            background-color: transparent;
        }
        /**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
        
        abbr[title] {
            border-bottom: none;
            /* 1 */
            text-decoration: underline;
            /* 2 */
            text-decoration: underline dotted;
            /* 2 */
            ;
        }
        /**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
        
        b,
        strong {
            font-weight: bolder;
        }
        /**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
        
        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
            ;
        }
        /**
* Add the correct font size in all browsers.
*/
        
        small {
            font-size: 80%;
        }
        /**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }
        
        sub {
            bottom: -0.25em;
        }
        
        sup {
            top: -0.5em;
        }
        /* Embedded content
========================================================================== */
        /**
* Remove the border on images inside links in IE 10.
*/
        
        img {
            border-style: none;
        }
        /* Forms
========================================================================== */
        /**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
        
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            /* 1 */
            font-size: 100%;
            /* 1 */
            line-height: 1.15;
            /* 1 */
            margin: 0;
            /* 2 */
            ;
        }
        /**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
        
        button,
        input {
            /* 1 */
            overflow: visible;
        }
        /**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
        
        button,
        select {
            /* 1 */
            text-transform: none;
        }
        /**
* Correct the inability to style clickable types in iOS and Safari.
*/
        
        button,
        [type="button"],
        [type="reset"],
        [type="submit"] {
            -webkit-appearance: button;
        }
        /**
* Remove the inner border and padding in Firefox.
*/
        
        button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }
        /**
* Restore the focus styles unset by the previous rule.
*/
        
        button:-moz-focusring,
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
        }
        /**
* Correct the padding in Firefox.
*/
        
        fieldset {
            padding: 0.35em 0.75em 0.625em;
        }
        /**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
        
        legend {
            box-sizing: border-box;
            /* 1 */
            color: inherit;
            /* 2 */
            display: table;
            /* 1 */
            max-width: 100%;
            /* 1 */
            padding: 0;
            /* 3 */
            white-space: normal;
            /* 1 */
            ;
        }
        /**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
        
        progress {
            vertical-align: baseline;
        }
        /**
* Remove the default vertical scrollbar in IE 10+.
*/
        
        textarea {
            overflow: auto;
        }
        /**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
        
        [type="checkbox"],
        [type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
            ;
        }
        /**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
        
        [type="number"]::-webkit-inner-spin-button,
        [type="number"]::-webkit-outer-spin-button {
            height: auto;
        }
        /**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
        
        [type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
            ;
        }
        /**
* Remove the inner padding in Chrome and Safari on macOS.
*/
        
        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        /**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
        
         ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
            ;
        }
        /* Interactive
========================================================================== */
        /*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
        
        details {
            display: block;
        }
        /*
* Add the correct display in all browsers.
*/
        
        summary {
            display: list-item;
        }
        /* Misc
========================================================================== */
        /**
* Add the correct display in IE 10+.
*/
        
        template {
            display: none;
        }
        /**
* Add the correct display in IE 10.
*/
        
        [hidden] {
            display: none;
        }
        /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
        /* Document
========================================================================== */
        /**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
        
        html {
            line-height: 1.15;
            /* 1 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
            min-width: 1px;
            overflow-x: hidden;
        }
        /* Sections
========================================================================== */
        /**
* Remove the margin in all browsers.
*/
        
        body {
            margin: 0;
        }
        /**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
        
        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }
        /* Grouping content
========================================================================== */
        /**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
        
        hr {
            box-sizing: content-box;
            /* 1 */
            height: 0;
            /* 1 */
            overflow: visible;
            /* 2 */
            ;
        }
        /**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
        
        pre {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
            ;
        }
        /* Text-level semantics
========================================================================== */
        /**
* Remove the gray background on active links in IE 10.
*/
        
        a {
            background-color: transparent;
        }
        /**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
        
        abbr[title] {
            border-bottom: none;
            /* 1 */
            text-decoration: underline;
            /* 2 */
            text-decoration: underline dotted;
            /* 2 */
            ;
        }
        /**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
        
        b,
        strong {
            font-weight: bolder;
        }
        /**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
        
        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
            ;
        }
        /**
* Add the correct font size in all browsers.
*/
        
        small {
            font-size: 80%;
        }
        /**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }
        
        sub {
            bottom: -0.25em;
        }
        
        sup {
            top: -0.5em;
        }
        /* Embedded content
========================================================================== */
        /**
* Remove the border on images inside links in IE 10.
*/
        
        img {
            border-style: none;
        }
        /* Forms
========================================================================== */
        /**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
        
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            /* 1 */
            font-size: 100%;
            /* 1 */
            line-height: 1.15;
            /* 1 */
            margin: 0;
            /* 2 */
            ;
        }
        /**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
        
        button,
        input {
            /* 1 */
            overflow: visible;
        }
        /**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
        
        button,
        select {
            /* 1 */
            text-transform: none;
        }
        /**
* Correct the inability to style clickable types in iOS and Safari.
*/
        
        button,
        [type="button"],
        [type="reset"],
        [type="submit"] {
            -webkit-appearance: button;
        }
        /**
* Remove the inner border and padding in Firefox.
*/
        
        button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }
        /**
* Restore the focus styles unset by the previous rule.
*/
        
        button:-moz-focusring,
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
        }
        /**
* Correct the padding in Firefox.
*/
        
        fieldset {
            padding: 0.35em 0.75em 0.625em;
        }
        /**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
        
        legend {
            box-sizing: border-box;
            /* 1 */
            color: inherit;
            /* 2 */
            display: table;
            /* 1 */
            max-width: 100%;
            /* 1 */
            padding: 0;
            /* 3 */
            white-space: normal;
            /* 1 */
            ;
        }
        /**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
        
        progress {
            vertical-align: baseline;
        }
        /**
* Remove the default vertical scrollbar in IE 10+.
*/
        
        textarea {
            overflow: auto;
        }
        /**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
        
        [type="checkbox"],
        [type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
            ;
        }
        /**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
        
        [type="number"]::-webkit-inner-spin-button,
        [type="number"]::-webkit-outer-spin-button {
            height: auto;
        }
        /**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
        
        [type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
            ;
        }
        /**
* Remove the inner padding in Chrome and Safari on macOS.
*/
        
        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        /**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
        
         ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
            ;
        }
        /* Interactive
========================================================================== */
        /*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
        
        details {
            display: block;
        }
        /*
* Add the correct display in all browsers.
*/
        
        summary {
            display: list-item;
        }
        /* Misc
========================================================================== */
        /**
* Add the correct display in IE 10+.
*/
        
        template {
            display: none;
        }
        /**
* Add the correct display in IE 10.
*/
        
        [hidden] {
            display: none;
        }
        
        @font-face {
            font-family: 'Helvetica Neue Cyr Roman';
            src: url('../fonts/HelveticaNeueCyr-Roman.eot');
            src: url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'Century Gothic';
            src: url('../fonts/CenturyGothic-Italic.eot');
            src: local('../fonts/Century Gothic Italic'), local('../fonts/CenturyGothic-Italic'), url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-Italic.woff') format('woff'), url('../fonts/CenturyGothic-Italic.ttf') format('truetype');
            font-weight: normal;
            font-style: italic;
        }
        
        @font-face {
            font-family: 'Century Gothic';
            src: url('../fonts/../fonts/CenturyGothic.eot');
            src: local('../fonts/Century Gothic'), local('../fonts/CenturyGothic'), url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'Century Gothic';
            src: url('../fonts/CenturyGothic-Bold.eot');
            src: local('../fonts/Century Gothic Bold'), local('../fonts/CenturyGothic-Bold'), url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-Bold.woff') format('woff'), url('../fonts/CenturyGothic-Bold.ttf') format('truetype');
            font-weight: bold;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'Century Gothic';
            src: url('../fonts/CenturyGothic-BoldItalic.eot');
            src: local('../fonts/Century Gothic Bold Italic'), local('../fonts/CenturyGothic-BoldItalic'), url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'), url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
            font-weight: bold;
            font-style: italic;
        }
        
        @font-face {
            font-family: 'Gotham Pro Medium';
            src: url('../fonts/GothamPro-Medium.eot');
            src: url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro-Medium.woff') format('woff'), url('../fonts/GothamPro-Medium.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
        
        body {
            background: #fff;
             overflow-x: hidden;
        }
        
        .container {
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            /* for edge cases: */
            width: 100%;
            max-width: 100%;
        }
        
        .wrapper {
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            /* for edge cases: */
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            /* overflow-x: hidden; */
            ;
        }
        
        .header {
            margin-top: 40px;
            margin-bottom: 55px;
        }
        
        .header.header--sticky {
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 10;
            background-color: #fff;
            margin-bottom: 0;
            margin-top: 0;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        .header__first {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
        }
        
        .header__logo {
            max-width: 85%;
            height: auto;
        }
        
        .header__contacts-block {
            display: flex;
            align-items: center;
        }
        
        .header__contacts-list {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .header__phone--caption-grey {
            font-size: 16px;
            margin-left: 10px;
            color: #c3c3c3;
            vertical-align: text-bottom;
        }
        
        .header__phone {
            margin: 10px 0;
            position: relative;
        }
        
        a.header__phone-caption {}
        
        .header__phone:before {
            content: '';
            display: block;
            width: 37px;
            height: 19px;
            background: url('../images/icons/site_sprites.png') -69px -10px;
            position: absolute;
            left: -20%;
            top: 10%;
        }
        
        .header__phone--velcom:before {
            width: 39px;
            height: 28px;
            background: url(../images/icons/site_sprites.png) -10px -10px;
            display: block;
            top: 0;
            left: -13%;
        }
        
        .mapouter {
            text-align: right;
            height: 650px;
            width: 100%;
        }
        
        .gmap_canvas {
            overflow: hidden;
            background: none!important;
            height: 650px;
            width: 100%;
        }
        
        .gmap_canvas iframe {
            height: 650px;
        }
        
        .header__phone {
            font-family: 'Helvetica Neue Cyr Roman';
        }
        
        .header__phone>a {
            font-family: 'Helvetica Neue Cyr Roman';
            font-size: 24px;
            text-decoration: none;
            color: #242424;
        }
        
        .work__lightbox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            cursor: pointer;
            height: 100%;
        }
        
        .button {
            text-decoration: none;
            text-transform: uppercase;
            padding: 24px 0 22px 0;
            font-size: 14px;
            color: #ffffff;
            font-family: 'Gotham Pro Medium';
            border-radius: 50px;
            background: rgba(254, 172, 40, 1);
            background: -moz-linear-gradient(top, rgba(254, 172, 40, 1) 0%, rgba(254, 143, 39, 1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 172, 40, 1)), color-stop(100%, rgba(254, 143, 39, 1)));
            background: -webkit-linear-gradient(top, rgba(254, 172, 40, 1) 0%, rgba(254, 143, 39, 1) 100%);
            background: -o-linear-gradient(top, rgba(254, 172, 40, 1) 0%, rgba(254, 143, 39, 1) 100%);
            background: -ms-linear-gradient(top, rgba(254, 172, 40, 1) 0%, rgba(254, 143, 39, 1) 100%);
            background: linear-gradient(to bottom, rgba(254, 172, 40, 1) 0%, rgba(254, 143, 39, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#feac28', endColorstr='#fe8f27', GradientType=0);
        }
        
        .header__callback-link {
            padding: 24px 35px 25px 80px;
            margin-left: 50px;
            position: relative;
        }
        
        .header__callback-link:before {
            width: 15px;
            height: 15px;
            background: url(../images/icons/site_sprites.png) -126px -51px;
            content: '';
            display: block;
            position: absolute;
            left: 8%;
            top: 35%;
        }
        
        .header__menu {
            /* margin: 20px; */
            padding: 0;
            /* display: block; */
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        
        .header__menu-link {
            text-decoration: none;
            color: #030303;
            font-size: 20px;
            font-weight: 700;
            font-family: 'Century Gothic';
            text-transform: uppercase;
        }
        
        .header__menu-item {
            list-style: none;
            /* flex: 1 1 20%; */
            /* width: 20%; */
            ;
        }
        
        .main {
            background-image: url('../images/main_bg.png');
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            /* background-position: left center; */
            /* z-index: -5; */
            position: relative;
        }
        
        .header__menu-item--mobile {
            display: none;
        }
        
        .main__wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 35px 0 7px;
            /* position: relative; */
            /* z-index: -1; */
            ;
        }
        
        .main__heading {
            font-weight: 900;
            font-family: 'Century Gothic';
            color: #0b0909;
            text-transform: uppercase;
            font-size: 39px;
            line-height: 1.4;
            position: relative;
            margin: 0;
        }
        
        .main__heading:before {
            content: '';
            height: 100%;
            width: 7px;
            background-color: #ff9021;
            display: block;
            position: absolute;
            left: -5%;
        }
        
        .main__heading-block>p {
            font-family: 'Century Gothic';
            color: #22201e;
            font-size: 16px;
            margin: 30px 0px;
        }
        
        .button--main {
            display: inline-block;
            margin-top: 0px;
            width: 51%;
            text-align: center;
        }
        
        .form__heading {
            color: #ffffff;
            font-size: 60px;
            font-family: 'Century Gothic';
            padding: 0;
            margin: 0;
        }
        
        .main__form {
            background: rgba(255, 170, 33, 1);
            background: -moz-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 170, 33, 1)), color-stop(100%, rgba(255, 139, 33, 1)));
            background: -webkit-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: -o-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: -ms-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: linear-gradient(to bottom, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffaa21', endColorstr='#ff8b21', GradientType=0);
            box-shadow: -2px 3px 6px 3px rgba(0, 0, 0, .3);
            padding: 40px 65px 54px;
            position: relative;
            top: 130px;
            max-width: 460px;
            width: 100%;
            display: block;
            min-width: 1px;
            box-sizing: border-box;
            position: relative;
            z-index: 2;
        }
        
        .form__text {
            font-size: 18px;
            font-family: 'Century Gothic';
            color: #ffffff;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        .form__text--large {
            font-size: 24px;
            margin: 10px 0 10px;
    display: inline-block;
        }
        
        .input__block {
            margin: 15px auto;
            width: 100%;
        }
        
        .works__slider {
            position: relative;
        }
        
        .slider__toggle.slider__toggle--works.slider__toggle--right {
            right: 0;
        }
        
        .slider__toggle.slider__toggle--works.slider__toggle--left {
            left: 0;
        }
        
        .input {
            width: 100%;
            display: block;
            border: none;
            border-radius: 3px;
            box-sizing: border-box;
            padding: 24px 24px 24px 24px;
            font-family: 'Century Gothic';
            font-size: 14px;
            background-color: #e5edf4;
        }
        
        .button--flat {
            background: transparent;
            border: 3px solid #ffffff;
        }
        
        .input__submit {
            display: block;
            margin: 0 auto 0;
            width: 95%;
        }
        
        .input__block--submit {
            margin-bottom: 0;
            margin-top: 35px;
        }
        
        .main__form-wrap:before {
            content: '';
            position: absolute;
            width: 89%;
            height: 90%;
            background-color: transparent;
            border: 8px solid #ff9021;
            z-index: -1;
            top: -30px;
            border-left: none;
        }
        
        .main__form-wrap:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 31px 0 0 31px;
            border-color: transparent transparent transparent #ffa621;
            display: block;
            position: absolute;
            top: -31px;
        }
        
        .heading {
            font-family: 'Century Gothic';
            text-transform: uppercase;
            font-size: 24px;
            margin: 0;
        }
        
        .benefits {
            margin: 55px 0 90px;
        }
        
        .benefits .heading--bg:before {
            content: '';
            position: absolute;
            display: block;
            /* width: 55px; */
            /* height: 55px; */
            height: 29px;
            width: 29px;
            border: 12px solid #ff8b21;
            z-index: -1;
            left: -23px;
            top: -4px;
            left: -2%;
            top: -5%;
        }
        
        .heading--bg:before {
            content: '';
            position: absolute;
            display: block;
            /* width: 55px; */
            /* height: 55px; */
            height: 29px;
            width: 29px;
            border: 12px solid #ff8b21;
            z-index: -1;
            left: -3%;
            top: -45%;
        }
        
        .pj{
            min-height: 180px;
        }

       * {
   outline: none !important;
}

        .heading--bg {
            position: relative;
            /* height: 29px; */
            z-index: 1;
            /* width: 29px; */
            ;
        }
        
        .benefits__list {
            margin-top: 65px;
            display: flex;
            justify-content: space-between;
        }
        
        .benefit {
            flex: 1 1 25%;
            text-align: center;
        }
        
        .benefit__text>p {
            font-family: 'Century Gothic';
            font-size: 16px;
            color: #0b0a0a;
            line-height: 1.2;
        }
        
        .benefit__icon {
            display: block;
            width: 65px;
            height: 113px;
            background-image: url(../images/icons/temperature.png);
            margin: 0 auto 55px;
            background-repeat: no-repeat;
            /* background-size: cover; */
            ;
        }
        
        .benefit__icon--sun {
            background-image: url(../images/icons/sun.png);
            width: 116px;
            height: 116px;
        }
        
        .benefit__icon--price {
            background-image: url(../images/icons/money.png);
            width: 110px;
            height: 113px;
        }
        
        .benefit__icon--shot {
            background-image: url(../images/icons/target.png);
            width: 112px;
        }
        
        .product__heading-block {
            min-height: 40px;
        }
        
        .types__wrap {
            margin-top: 50px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch;
        }
        
        .product {
            flex: 1 1 30%;
            margin: 10px 15px;
            width: 31.5%;
            box-shadow: 0px 2px 15px rgba(0, 0, 0, .1);
        }
        
        .product__wrap {
            box-sizing: border-box;
            padding: 11px 10px 30px;
            background: #ffffff;
            min-height: 353px;
        }
        
        .product__image {
            max-width: 100%;
            /* display: block; */
            height: auto;
            position: absolute;
            /* left: 0; */
            height: 100%;
            top: 50%;
            right: 50%;
            transform: translate(50%, -50%);
            width: auto;
        }
        
        .product--popular {
            margin: 0;
            padding: 0 10px;
            box-sizing: border-box;
        }
        
        .product.product--popular:first-child,
        .product.product--popular:nth-child(4n) {
            margin-left: 0;
            margin-right: 10px;
            padding-left: 0;
            /* padding-right: 0; */
        }
        
        .product__heading {
            text-transform: uppercase;
            font-family: 'Century Gothic';
            font-size: 16px;
            margin: 0;
        }
        
        .product__info {
            padding-left: 16px;
            margin-top: 20px;
            word-wrap: break-word;
            /* margin-bottom: 30px; */
            ;
        }
        
        .product__price {
            margin: 0;
            display: inline-block;
            padding: 11px 14px;
            border: 3px solid #ff0000;
            color: #ff0000;
            font-weight: 700;
            font-size: 14px;
            font-family: 'Century Gothic';
            text-transform: uppercase;
        }
        
        .product__price-block {
            margin: 22px 0 24px;
        }
        
        .button--order {
            display: block;
            text-align: center;
            margin-bottom: 0;
        }
        
        .product__price--number {
            font-size: 22px;
        }
        
        .types {
            padding-bottom: 70px;
            background-size: 50% auto;
            background-position: center;
            position: relative;
        }
        
        .popular {
            background-image: url('../images/types_bg.png');
            /* background-repeat: no-repeat; */
            position: relative;
        }
        
        .popular__wrap:before,
        .popular__wrap:after {
            position: absolute;
            content: '';
            width: 50px;
            height: 50px;
            background: #ecf2f9;
            top: 100%;
            -webkit-transform: translateY(-30px) rotate(45deg);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            transform: translateY(-30px) rotate(45deg);
            z-index: 1;
        }
        
        .popular__wrap:before {
            left: calc(50% - 25px);
        }
        
        .popular__wrap:after {
            left: calc(50% + 25px);
        }
        
        .popular__white {
            background: #ecf2f9;
            width: calc(50% - 25px);
            height: 30px;
            position: absolute;
            bottom: 0;
            border-color: orange;
        }
        
        .popular__white.popular__white---right {
            right: 0;
        }
        
        .popular__white.popular__white---left {
            left: 0;
        }
        
        .popular__wrap {
            padding-top: 75px;
            padding-bottom: 75px;
            /* overflow: hidden; */
            position: relative;
            /* -webkit-clip-path: polygon(50% 100%, 28% 90%, 71% 90%); */
            /* clip-path: polygon(50% 100%, 28% 90%, 71% 90%); */
            /* background-image: url(../images/types_bg.png); */
            ;
        }
        
        .popular__slider {
            margin-top: 85px;
            position: relative;
            margin-bottom: 45px;
        }
        
        .slider__toggle {
            position: absolute;
            top: 45%;
            z-index: 2;
        }
        
        .slider__toggle.slider__toggle--left {
            left: -10%;
        }
        
        .slider__toggle.slider__toggle--right {
            right: -10%;
        }
        
        .product__info--inline {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 0;
            margin-bottom: 0;
        }
        
        .product--popular .product__wrap {
            padding-bottom: 0;
        }
        
        .slider__toggle-link {
            -webkit-appearance: none;
            border: none;
            background-image: url('../images/icons/arrow_left.png');
            background-color: transparent;
            display: block;
            width: 34px;
            height: 62px;
            background-repeat: no-repeat;
        }
        
        .slider__toggle.slider__toggle--right {
            background-position: right right;
        }
        
        .slider__toggle-link--right {
            background-position: right;
        }
        
        .button--catalog {
            display: block;
            margin: 10px auto;
            width: 20%;
            text-align: center;
            border-color: #060606;
            color: #060606;
        }
        
        .reviews__slider {
            margin-top: 100px;
            position: relative;
        }
        
        .callback {
            margin-top: 145px;
            margin-bottom: 35px;
            border: 12px solid #ff8c22;
            /* min-height: 357px; */
            ;
        }
        
        .callback__wrap {
            display: flex;
            justify-content: space-around;
            /* padding-bottom: 40px; */
            /* padding-top: 40px; */
            height: 100%;
            min-height: 357px;
            align-items: center;
            position: relative;
        }
        
        .callback__picture-block {
            flex: 1 1 30%;
            height: 100%;
            position: relative;
            min-height: 357px;
        }
        
        .callback__form-block {
            flex: 1 1 63%;
            margin-left: 5%;
            z-index: 2;
        }
        
        .works__large {
            flex: 1 1 50%;
            /* height: 100%; */
            ;
        }
        
        .works__small {
            flex: 1 1 25%;
            width: 25%;
            /* height: 100%; */
            padding: 0 11px;
            height: 100%;
        }
        
        .callback__picture {
            position: absolute;
            bottom: 0;
            /* max-width: 100%; */
            width: auto;
            height: 132%;
        }
        
        .callback__form-block h5 {
            font-family: 'Century Gothic';
            font-size: 36px;
            line-height: 1.3;
            margin: 0;
            margin-bottom: 15px;
        }
        
        .form__inline-wrap {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
        }
        
        .main__form-project-image-block:nth-child(3n) {
            padding-right: 0;
        }
        
        .modal-content .main__form {
            top: 25px;
        }
        
        .form__project-text {
            font-size: 16px;
            font-family: 'Century Gothic';
            color: #0b0a0a;
            margin-bottom: 10%;
            line-height: 1.3;
        }
        
        .main__form--project .main__form-wrap:before {
            width: 99%;
            height: 92%;
            border-bottom: none;
        }
        
        .main__form--project .main__form-wrap {
            max-height: 100vh;
            height: 100%;
            overflow-y: scroll !important;
        }
        
        .main__form--project .form__heading {
            color: #ff8f22;
            word-wrap: break-word;
        }
        
        .input__block--promo-submit .input__submit {
            width: 100%;
        }
        
        .form__inline-wrap>.input__block {
            flex: 1 1;
            margin-left: 7px;
            margin-right: 7px;
        }
        
        .main__form--project .input__submit {
            color: rgba(254, 172, 40, 1);
            border-color: rgba(254, 172, 40, 1);
            width: 70%;
        }
        
        .main__form--project .main__form-close {
            color: rgba(254, 172, 40, 1);
        }
        
        .form__inline-wrap>.input__block:first-child {
            margin-left: 0;
        }
        
        .input--white {
            background-color: #ffffff;
        }
        
        .callback__picture-wrap {
            position: absolute;
            height: 100%;
            width: 100%;
            bottom: 0;
        }
        
        .form__secure-text {
            font-family: 'Century Gothic';
            font-size: 14px;
            color: #141414;
            position: relative;
            margin-left: 10%;
        }
        
        .form__secure-text:before {
            content: '';
            position: absolute;
            width: 21px;
            height: 24px;
            background: url('../images/icons/site_sprites.png') -52px -58px;
            left: -10%;
            top: -30%;
        }
        
        .works__list {
            align-items: stretch;
            display: flex;
            justify-content: space-between;
            margin-top: 45px;
            /* max-height: 520px; */
            /* height: 520px; */
        }
        
        .works__list>div {
            height: 550px;
            overflow: hidden;
        }
        
        .work {
            height: 100%;
            position: relative;
        }
        
        .work.work--small {
            margin: 0 0 10px;
            /* height: 49%; */
            padding: 10px 0;
            height: 50%;
            box-sizing: border-box;
            position: relative;
        }
        
        .work__image {
            max-width: 100%;
            height: 100%;
            position: absolute;
            width: auto;
            left: 0;
            /* padding: 10px 0; */
            top: 0;
            /* box-sizing: border-box; */
        }
        
        .works__list .works__small:first-child .work__image {
            left: initial;
            right: 0;
        }
        
        .why {
            margin-top: 150px;
            position: relative;
        }
        
        .why__list {
            display: flex;
            margin-top: 100px;
            justify-content: space-between;
        }
        
        .why__counter {
            /* display: block; */
            font-family: 'Century Gothic';
            font-weight: 900;
            font-size: 60px;
            color: #ffa821;
        }
        
        .why__counter-block {
            text-align: center;
        }
        
        .why__description {
            text-align: center;
            font-family: 'Century Gothic';
            font-weight: 900;
            line-height: 1.3;
            margin-top: 20px;
            font-size: 16px;
            margin-bottom: 0;
        }
        
        .why__counter.why__counter--text {
            margin-left: 10px;
            font-size: 30px;
        }
        
        .reviews {
            margin-top: 140px;
            background-image: url('../images/reviews_bg.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding-bottom: 65px;
        }
        
        .review__slide-wrap {
            display: flex;
            justify-content: space-around;
            align-items: stretch;
        }
        
        .review__slide-image-block {
            flex: 1 1 30%;
            text-align: center;
        }
        
        .review__slide-text-block {
            flex: 1 1 70%;
            margin-left: 35px;
            position: relative;
            margin-top: 25px;
        }
        
        .heading--review {
            text-transform: initial;
            margin-bottom: 40px;
        }
        
        .visuallyhidden {
            border: 0;
            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            white-space: nowrap;
        }
        
        .review__slide-text-block>.review__slide-text {
            font-family: 'Century Gothic';
            font-size: 18px;
            line-height: 1.4;
            color: #1e1e1e;
        }
        
        .review__slide-action {
            /* position: absolute; */
            /* bottom: 10%; */
            /* right: 0; */
            text-align: right;
        }
        
        .button--review {
            /* display: block; */
            padding-left: 40px;
            padding-right: 40px;
            width: 40%;
            /* margin-top: 200px; */
            position: relative;
            top: 40px;
        }
        
        .callback.callback--girl {
            margin-top: 100px;
            background-image: url('../images/girl_bg.png');
            background-size: cover;
            background-position: 50% 100%;
            background-repeat: no-repeat;
            margin-bottom: 0;
        }
        
        .callback--girl .callback__wrap {
            min-height: 528px;
        }
        
        .callback--girl .callback__picture-block {
            min-height: 478px;
            align-self: flex-end;
            flex: 1 1 25%;
        }
        
        .callback--girl .callback__form-block {
            margin-left: 0px;
            flex: 1 1 70%;
            z-index: 2;
        }
        
        .contacts {
            position: relative;
        }
        
        .main__form.main__form--contacts {
            position: absolute;
            right: 20%;
            top: 10%;
        }
        
        .footer {
            text-align: center;
            background: rgba(255, 170, 33, 1);
            background: -moz-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 170, 33, 1)), color-stop(100%, rgba(255, 139, 33, 1)));
            background: -webkit-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: -o-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: -ms-linear-gradient(top, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            background: linear-gradient(to bottom, rgba(255, 170, 33, 1) 0%, rgba(255, 139, 33, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffaa21', endColorstr='#ff8b21', GradientType=0);
            position: relative;
            overflow-y: hidden;
        }
        
        .footer__text {
            font-family: 'Century Gothic';
            color: #ffffff;
            font-size: 18px;
            margin: 0;
            line-height: 4;
            font-weight: 700;
        }
        
        .main:after {
            content: '';
            width: 380px;
            height: 380px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 72px solid #c6c6c6d1;
            left: -25%;
            bottom: -40%;
            z-index: -1;
        }
        
        .types:before {
            content: '';
            width: 256px;
            height: 256px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 47px solid #c6c6c6d1;
            right: -10%;
            top: -10%;
        }
        
        .popular:before {
            content: '';
            width: 380px;
            height: 380px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 72px solid #c6c6c6d1;
            left: -15%;
            top: -30%;
            z-index: -1;
        }
        
        .contacts:before {
            content: '';
            width: 380px;
            height: 380px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 72px solid #c6c6c6d1;
            left: -15%;
            bottom: -11%;
            z-index: 2;
            border-bottom: none;
        }
        
        .contacts:after {
            width: 256px;
            height: 156px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 47px solid #c6c6c6d1;
            right: -10%;
            bottom: -10%;
            content: '';
            z-index: 3;
            border-bottom: none;
        }
        
        .why:after {
            content: '';
            width: 256px;
            height: 256px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 47px solid #c6c6c6d1;
            right: -10%;
            bottom: -100%;
            z-index: -1;
        }
        
        .header-mobile__toggle-block {
            display: none;
        }
        
        .header-mobile__toggle {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 7px 8px 0;
            position: relative;
            top: 0;
            width: 35px;
            display: inline-block;
            border: none;
            background: transparent;
            height: 36px;
            right: -6px;
            left: inherit;
            margin: 0;
        }
        
        .header-mobile__toggle i {
            display: block;
            background: #000;
            height: 2px;
            margin: 4px 0;
        }
        
        .header-mobile__toggle i:nth-child(1) {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 0;
            position: relative;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .header-mobile__toggle i:nth-child(2) {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .header-mobile__toggle i:nth-child(3) {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 0;
            position: relative;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .header-mobile__toggle.header-mobile__toggle--active i:nth-child(1) {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 6px;
            position: relative;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .header-mobile__toggle.header-mobile__toggle--active i:nth-child(2) {
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .header-mobile__toggle.header-mobile__toggle--active i:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: -6px;
            position: relative;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .why:before {
            content: '';
            width: 290px;
            height: 290px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 55px solid #c6c6c6d1;
            left: -14%;
            top: -100%;
            z-index: -1 !important;
        }
        
        .popular:after {
            content: '';
            width: 256px;
            height: 256px;
            display: block;
            position: absolute;
            background-color: transparent;
            border: 47px solid #c6c6c6d1;
            right: -20%;
            bottom: -10%;
            /* z-index: -1; */
            ;
        }
        
        .header__callback-block--mobile {
            display: none;
        }
        
        .header__callback-block--desktop {
            display: block;
        }
        
        .contacts__text,
        .contacts__text>a {
            font-size: 16px;
            text-decoration: none;
            color: #ffffff;
            font-family: 'Century Gothic';
            margin-left: 15%;
            position: relative;
            /* display: block; */
            /* width: 16px; */
            /* height: 21px; */
            margin: 30px 13%;
            /* background: url('css_sprites.png') -126px -10px; */
            ;
        }
        
        .contacts__text>a {
            margin-left: 0;
        }
        
        .contacts__social {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: flex-start;
        }
        
        .contacts__social-link {
            display: block;
            width: 51px;
            height: 47px;
            background-image: url('../images/icons/social_sprite.png');
            background-repeat: no-repeat;
            background-position: 5px;
            margin: 0 5px 0 0;
        }
        
        .button--contacts {
            display: block;
            width: 90%;
            text-align: center;
            margin: 20px auto 10px;
        }
        
        .contacts__social-link--fb {
            background-position: -42px;
        }
        
        .contacts__social-link--inst {
            background-position: -93px;
        }
        
        .contacts__social-link--youtube {
            background-position: -143px;
        }
        
        .contacts__text:before {
            content: '';
            position: absolute;
            width: 22px;
            height: 24px;
            background: url('../images/icons/site_sprites.png') -10px -58px;
            left: -15%;
        }
        
        .product__image-block {
            text-align: center;
            height: 340px;
            position: relative;
            cursor: pointer;
        }
        
        .contacts__text--phone:before {
            width: 15px;
            height: 15px;
            background: url('../images/icons/site_sprites.png') -126px -51px;
            top: 25%;
        }
        
        .contacts__text--address:before {
            width: 16px;
            height: 21px;
            background: url('../images/icons/site_sprites.png') -126px -10px;
        }
        
        .review__slide-image {
            max-width: 100%;
            /* height: auto; */
            max-height: 350px;
            width: auto;
        }
        
        .contacts__action-block {
            margin: 30px 0 0;
        }
        
        .modal {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999999999;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
        }
        
        .input--select {
            -webkit-appearance: none;
        }
        
        .main__form-close {
            font-size: 36px;
            font-family: 'Century Gothic';
            position: absolute;
            right: 0;
            top: 0;
            -webkit-appearance: none;
            background-color: transparent;
            color: #ffffff;
            border: none;
            transform: rotate(44deg);
            outline: none;
        }
        
        .main__form--project {
            background: #ffffff;
            max-width: 60%;
            top: initial;
            margin: 0 auto;
            /* max-height: 90vh; */
        }
        
        .main__form--project .main__form-wrap {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
        }
        
        .main__form-project {
            flex: 1 1 55%;
            width: 55%;
            padding: 0 5%;
            box-sizing: border-box;
        }
        
        .main__form-project-images {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .main__form-project-image-block {
            flex: 1 1 30%;
            margin: 0 2% 0 0;
            max-width: 30%;
            box-sizing: border-box;
            /* margin-top: 10px; */
        }
        
        .main__form-project-image-block:nth-child(3n) {
            margin-right: 0;
        }
        
        img.main__form-project-image {
            max-width: 100%;
            height: auto;
        }
        
        .main__form--project .form {
            flex: 1 1 45%;
            width: 45%;
            /* z-index: 2; */
        }
        
        .form__heading--small {
            font-size: 36px;
        }
        
        .main__form--project {
            background: #ffffff;
        }
        
        @media (min-width: 768px) {
            .container {
                width: 750px;
            }
            .wrapper {
                width: 970px;
            }
        }
        
        @media (min-width: 992px) {
            .pj {
    height: 250px;
}
            .container {
                width: 970px;
            }
            .wrapper {
                width: 1170px;
            }
        }
        
        @media (min-width: 1200px) {
            .pj {
    height: 200px;
}
            .callback .container {
                width: 1100px;
            }
            .container {
                width: 1170px;
            }
            .wrapper {
                width: 1170px;
            }
            .cd {
                width: 1170px;
            }
        }

        @media (min-width: 1440px){
.wrapper {
    width: 1710px;
}
        }
        @media (max-width: 1400px) {
            .popular:before {
                z-index: -1;
            }
            .types:before {
                content: unset;
            }
            .slider__toggle--right {
                right: -7%;
            }
            .slider__toggle--left {
                left: -4%;
            }
            .main:after {
                left: -30%;
                /* width: 190px; */
                height: 190px;
                bottom: -10%;
                border: 36px solid #ff8b21;
            }
            .why:after {
                content: '';
                width: 196px;
                height: 196px;
                display: block;
                position: absolute;
                background-color: transparent;
                border: 47px solid #ff8b21;
                right: -22%;
                bottom: -80%;
            }
            .why:before {
                left: -20%;
                /* width: 190px; */
                height: 190px;
                bottom: -10%;
                z-index: -1;
                border: 36px solid #ff8b21;
            }
        }
        
        @media (max-width: 1366px) {
            .works__small {
                padding: 0 11px;
            }
            .main__form--project .input__block--submit {
                margin-bottom: 50px;
            }
            .main__form--project {
                max-width: 80%;
            }
            .main__form--project .main__form-close {
                top: 5%;
            }
            .slider__toggle.slider__toggle--right {
                right: -7%;
            }
            .slider__toggle.slider__toggle--works.slider__toggle--right {
                right: -4%;
            }
            .slider__toggle--works.slider__toggle--left {
                left: -4%;
            }
            .works__slider {
                max-width: 90%;
                margin: 0 auto;
            }
            .header {
                margin-top: 20px;
                margin-bottom: 30px;
            }
            .header__menu-link {
                font-size: 18px;
            }
            .header__phone>a {
                font-size: 20px;
            }
            .popular:after {
                z-index: -1;
            }
        }
        
        @media (max-width: 1200px) {
            .wrapper {
                padding: 0;
            }
            .container {
                box-sizing: border-box;
            }
            .main__form {
                top: 0;
            }
            .slider__toggle--right {
                right: -5%;
            }
            .slider__toggle--left {
                left: -5%;
            }
            .main__form.main__form--contacts {
                right: 5%;
            }
        }
        
        @media (max-width: 1024px) {
            .header__contacts-block {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .header__contacts-block>div {
                margin-bottom: 35px;
            }
            .header__callback-link {
                margin-left: 0;
            }
            .review__slide-wrap {
                padding-left: 10%;
                padding-right: 10%;
                align-items: end;
            }
            .review__slide-action {
                position: relative;
                width: 50%;
                display: block;
                margin: 50px auto 0;
            }
            .review__slide-text-block {
                margin-top: 0;
                flex: 1 1 50%;
            }
            .callback--girl .callback__picture-block {
                min-height: 360px;
            }
            .popular:after {
                z-index: -1;
            }
        }
        
        @media (max-width: 768px) {

        	.header__logo {
    max-width: 100%;
    height: auto;
    margin-top: 5px;
}
        	.main__form {
    margin-top: 20px !important;
}
.header.header--sticky {
    z-index: 999;}

            .main__wrap {
   padding: 50px 0 50px !important; 
}

.main__heading-block{
    margin-top: -30px;
    padding-left: 0px !important;
}
            .header {
                margin-bottom: 0;
                margin-top: 0;
                padding-top: 10px;
                padding-bottom: 0;
            }
            img.main__form-project-image {
                width: 95%;
                display: block;
                margin: 0 auto;
            }
            .main__form--project .main__form-close {
                top: 5%;
            }
            .why {
                margin-top: 90px;
            }
            .header__menu-item--mobile {
                display: initial;
            }
            .works__list>div {
                height: 350px;
                overflow: hidden;
            }
            .product__info--inline .product__price-block {
                padding-left: 3%;
            }
            .header__contacts-block>div {
                margin-bottom: 10px;
            }
            .product__info {
                padding-right: 5px;
                padding-left: 5px;
            }
            .header__callback-block--mobile {
                display: block;
            }
            .header__callback-block--mobile .header__callback-link {
                display: block;
                width: 30%;
                min-width: 80px;
                padding: 15px 25px 15px 60px;
                margin-left: auto;
                margin-right: auto;
            }
            .header__callback-block--desktop {
                display: none;
            }
            .header-mobile__toggle-block {
                display: block;
            }
            .popular:after {
                content: unset;
            }
            .popular:before {
                content: unset;
            }
            .why:before,
            .why:after,
            .contacts:after,
            .contacts:before,
            .main:after {
                content: unset;
            }
            .main__form--project .main__form-wrap {
                flex-direction: column;
                max-height: 100vh;
                height: 100%;
                overflow-y: scroll;
                display: block;
                /* width: 100%; */
            }
            .main__form.main__form--project {
                /* overflow: scroll; */
                /* max-height: 100vh; */
                max-width: 80%;
                margin-bottom: 20%;
                /* height: 100%; */
            }
            .main__form-project {
                width: 90%;
                margin-top: 20px;
            }
            .header__first {
                flex-direction: row;
                /* align-items: center; */
                ;
            }
            .header__phone--caption-grey {
                display: none;
            }
            .header__logo-block {
                flex: 1 1 40%;
                padding-left: 5px;
            }
            .header__contacts-block {
                flex: 1 1 50%;
                text-align: center;
            }
            .header-mobile__toggle {
                flex: 1 1 10%;
                /* top: 5%; */
                right: 5px;
            }
            .header__contacts-list {
                margin: 0px 0;
            }
            .main__form--project .form {
                width: 100%;
                text-align: center;
                margin-top: 10%;
                padding: 0 10px;
                box-sizing: border-box;
            }
            .header__phone:before {
                left: -30%;
            }
            .button--main {
                width: 70%;
            }
            .slider__toggle.slider__toggle--right {
                right: 0;
            }
            .slider__toggle.slider__toggle--left {
                left: 0;
            }
            .review__slide-wrap {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding-left: 0;
                padding-right: 0;
                max-width: 90%;
                margin: 0 auto;
            }
            .review__slide-text-block {
                margin-top: 30px;
            }
            .why__item {
                width: 33%;
                margin: 14px 0;
            }
            .why__list {
                flex-wrap: wrap;
                justify-content: flex-start;
            }
            .main__wrap {
                flex-direction: column;
                align-items: stretch;
                justify-content: center;
            }
            .main__form {
                margin-top: 100px;
                margin-left: auto;
                margin-right: auto;
                max-width: 100%;
            }
            .modal-content .main__form {
                margin-top: 0;
                margin-bottom: 0;
            }
            .modal-content .main__form-project-image-block {
                margin-top: 10px;
            }
            .main__heading-block {
                text-align: center;
            }
            .benefit {
                flex: 1 1 50%;
                width: 50%;
                margin: 15px 0;
            }
            .benefits__list {
                flex-wrap: wrap;
            }
            .product {
                margin: 2% 2%;
                margin-left: 0;
            }
            .callback__picture {
                height: 100%;
                /* max-width: 100%; */
                ;
            }
            .callback__picture-block {
                opacity: .7;
                flex: initial;
                left: 0;
                position: absolute;
            }
            .callback__form-block {
                flex: 1 1 100%;
                margin-left: 0;
                width: 90%;
                position: relative;
            }
            .form__inline-wrap {
                flex-wrap: wrap;
                flex-direction: column;
            }
            .input__block--promo-submit .input__submit {
                width: 90%;
                margin-left: auto;
                margin-right: auto;
            }
            .form__inline-wrap>.input__block {
                width: 95%;
                margin-right: auto;
                margin-left: 0;
            }
            .form__inline-wrap>.input__block:first-child {
                margin-right: auto;
            }
            .popular__slider {
                max-width: 80%;
                margin-left: auto;
                margin-right: auto;
            }
            .main__form.main__form--contacts {
                right: 5;
            }
            .product--popular {
                padding: 0;
            }
            .button--catalog {
                width: 40%;
            }
            .works__list {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .works__list>div {
                flex: 1 1 100%;
                width: 100%;
                margin: 10px auto;
            }
            .work.work--small {
                height: 100%;
                /* margin: 20px 0; */
            }
            .works__small {
                padding: 0;
            }
            .header__menu {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                display: none;
                text-align: center;
            }
            .header__menu--active {
                display: block;
            }
            .header__menu-item {
                margin: 10px 0;
            }
            .benefit__icon {
                margin-bottom: 30px;
            }
            .reviews {
                margin-top: 30px;
            }
            .reviews__slider {
                margin-top: 30px;
            }
            .callback.callback--girl {
                margin-top: 140px;
            }
        }
        
        @media (max-width: 550px) {
            .main__form--project .main__form-wrap {
                max-width: 500px;
            }
            .popular__slider {
                max-width: 90%;
            }
            .review__slide-text-block {
                margin-left: 10px;
            }
            .header__phone:first-child {
                margin-top: 0;
            }
            .heading {
                font-size: 18px;
            }
            .header__phone>a {
                font-size: 16px;
            }
            .header__menu-item {
                margin: 10px 0;
            }
            .header__phone:before {
                content: unset;
            }
            .button--review {
                padding-left: 0;
                padding-right: 0;
                display: block;
                width: 100%;
                text-align: center;
                top: 0;
            }
            .review__slide-action {
                width: 100%;
                margin-top: 0;
            }
            .main__form.main__form--contacts {
                position: relative;
            }
            .gmap_canvas iframe,
            .mapouter,
            .gmap_canvas {
                height: 250px;
            }
            .main__form-wrap:before {
                content: unset;
            }
            .main__form {
                padding: 5%;
                /* margin-top: 0; */
                /* margin-bottom: 0; */
            }
            .product {
                width: 100%;
                flex: 1 1 100%;
            }
        }
        
        @media (max-width: 480px) {
            .main__form.main__form--contacts {
                right: 0;
                margin-top: 0;
            }
            .callback__picture,
            .callback__picture-block {
                display: none;
            }
            .why__list {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .popular__slider .slider__toggle--left {
                left: 0%;
            }
            .popular__slider .slider__toggle--right {
                right: 0%;
            }
            .slider__toggle {
                position: relative;
                padding: 0 20px;
            }
            .slider__toggles {
                display: flex;
                justify-content: center;
                margin: 20px 0;
            }
        }