/* Start:/local/templates/web/css/modal.css?16235319553576*/
@charset "UTF-8";
/* Модалка */

input:-webkit-autofill{
  box-shadow:inset 0 0 0 1000px #000;
  border-color: transparent;
  -webkit-text-fill-color: #fff !important;
  border-left: none;
    border-top: none;
    border-right: none;
}
.message {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000000;
    background: #000;
    display: none;
    max-width: 1600px;
}

.message__container {
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.message__container__item {
    padding: 0 40px;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.message__h {
    font-size: 60px;
    color: #fff;
}

.message__container__wrapper {
    background: #000;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.message__icon {
    flex-basis: 100%;
    text-align: right;
}

.message__icon__close {
    height: 30px;
    margin: 20px;
    cursor: pointer;
}

.message__form__item {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.message__form__input {
    padding: 1em 0;
    border: 1px solid transparent;
    width: 100%;
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.message__form__label {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 1em;
    height: 100%;
    line-height: 18px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

.message__form__input:focus + label, .message__form__input:not(:placeholder-shown) + label {
    top: -20px;
    color: #fff;
    font-size: 12px;
    display: block;
    opacity: 1;
}

.form-checkbox {
    appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid gray;
    border-radius: 2px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
}

.terms-label {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-size: 13px;
}

.form-checkbox:checked:after {
    content: '';
    width: 2px;
    height: 2px;
    display: block;
    background-color: gray;
}


.message__form__input--fill {
    -webkit-box-shadow: inset 0 0 0 50px #000;
    -webkit-text-fill-color: #fff;
}
.message {
    overflow-y: auto;
}

.message::-webkit-scrollbar {
    background: rgba(232, 238, 244, 0.74);
    width: 10px;
    color: #ffc600;
}

.message::-webkit-scrollbar-thumb {
    background: #595959;
    color: #fff;
    height: 20px;
}

.message__form__input--textarea::-webkit-scrollbar {
    background: rgba(232, 238, 244, 0.74);
    width: 10px;
    color: #ffc600;
}

.message__form__input--textarea::-webkit-scrollbar-thumb {
    background: #595959;
    color: #fff;
    height: 20px;
}

.message__form__button {
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    display: inline-block;
    padding: 10px 10px 10px 0;
    background: transparent;
    border: none;
}

.message__form__input--error {
    border-bottom-color: brown;
}

.message__error {
    color: brown;
    margin-bottom: 5px;
    display: block;
}

.message__form__item--invisible {
    display: none !important;
}

/* End */


/* Start:/local/templates/web/vendor/slick/slick.css?16125473231794*/
@charset "UTF-8";
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/web/vendor/slick/slick-theme.css?16125473233145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/web/vendor/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/web/vendor/slick/./fonts/slick.eot');
    src: url('/local/templates/web/vendor/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/web/vendor/slick/./fonts/slick.woff') format('woff'), url('/local/templates/web/vendor/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/web/vendor/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/web/css/fonts.css?16284526639945*/
@charset "UTF-8";
/* cyrillic-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Fira Sans Thin'), local('FiraSans-Thin'), url(https://fonts.gstatic.com/s/firasans/v9/va9C4kDNxMZdWfMOD5Vn9LjEYTLHdQ.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Fira Sans Thin'), local('FiraSans-Thin'), url(https://fonts.gstatic.com/s/firasans/v9/va9C4kDNxMZdWfMOD5Vn9LjNYTLHdQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Fira Sans Thin'), local('FiraSans-Thin'), url(https://fonts.gstatic.com/s/firasans/v9/va9C4kDNxMZdWfMOD5Vn9LjHYTLHdQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Fira Sans Thin'), local('FiraSans-Thin'), url(https://fonts.gstatic.com/s/firasans/v9/va9C4kDNxMZdWfMOD5Vn9LjJYTI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnPKreSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnPKreQhf6TF0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v9/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v9/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v9/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v9/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnZKveSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnZKveQhf6TF0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnLK3eSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnLK3eQhf6TF0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Fira Sans Black'), local('FiraSans-Black'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnFK_eSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Fira Sans Black'), local('FiraSans-Black'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnFK_eQhf6TF0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Fira Sans Black'), local('FiraSans-Black'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnFK_eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Fira Sans Black'), local('FiraSans-Black'), url(https://fonts.gstatic.com/s/firasans/v9/va9B4kDNxMZdWfMOD5VnFK_eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* End */


/* Start:/local/templates/web/css/global.css?178739075836209*/
@charset "UTF-8";
html {
    min-height: 100%;
    font-size: 100%;
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    display: block;
}

body {
    font-family: 'Fira Sans', sans-serif;
    width: 100%;
    color: #666;
    background: #fff;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    display: block;
    font-weight: 300;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

html::-webkit-scrollbar {
    background: rgba(232, 238, 244, 0.74);
    width: 10px;
    color: #ffc600;
}

html::-webkit-scrollbar-thumb {
    background: #595959;
    color: #fff;
    height: 20px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none;
}
.text-white {
    color: #fff!important;
}
.text-center {
    text-align: center;
}
.text__center {
    text-align: center;
}
.relative {
    position: relative;
}
.wrapper {
    display: block;
    height: 100%;
    max-width: 1600px;
    position: relative;
}

.header {
    position: fixed;
    width: 70px;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #dedede;
    z-index: 3;
    background: #fff;
}

.header__wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.buttons-wr a {
    max-width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
     margin-right: 15px;
}
.buttons-wr svg {
    max-width: inherit;
    max-height: 50px;
}
.buttons-wr {
    position: fixed;
    bottom: 8px;
    left: 70px;
    z-index: 100;
    display: flex;
    align-items: center;
   
}
.pulse-button {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-transform: uppercase;
    text-align: center;
    line-height: 62px;
    letter-spacing: -1px;
    color: white;
    border: none;
    border-radius: 50%;
    background: gray;
    cursor: pointer;
    margin-right: 10px;
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.pulse-button:hover {
    -webkit-animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }
    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}

.cms-list {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}


.projects {
    padding-left: 70px;
    background-size: cover;
    background: url(/assets/img/projects.png) no-repeat fixed center top;
    padding-top: 50px;
    display: block;
    min-height: 100vh;
}

.price__item__title a {
    color: inherit;
}

.main {
    padding-left: 70px;
    background-size: cover;
    background: url(/assets/img/back.png) no-repeat fixed center top;
    padding-top: 50px;
    display: block;
    min-height: 100vh;
}

.header__nav__menu {
    max-width: 30%;
}
.menu-toggle svg {
    width: 25px;
}
.header__nav__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header__nav-parent {
    position: relative;
}
.menu-toggle {
    transform: rotate(90deg);
    transition: .3s;
}
.menu-toggle.active {
    transform: rotate(270deg);
}

.child__link {
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    margin: 10px 20px;
    display: flex;
}
.product__intro {
    padding: 10px;
    max-width: 800px;
    text-align: justify;
    margin: 0 auto;
    font-weight: 400;
    line-height: 1.7;
}

.poduct__grid {
    display: flex;
    justify-content: center;
}

.product__list__item:after {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    content: '';
    background: url(/images/p_icon/checkmark.svg);
    background-size: 20px 20px;
}
.grid-2 {
    display: flex;
    justify-content: space-between;
    margin-left: -20px;
    margin-right: -20px;
}
.page-grid-2 {
    padding: 20px;
}
.product__list__item {
    line-height: 1.8;
    position: relative;
    padding-left: 27px;
}

.product__h1 {
    font-weight: 400;
    margin-top: 0;
}

.product_h {
    text-align: center;
    font-weight: 400;
}

.menu-switcher {
    color: #000;
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    margin: 20px auto;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.menu-switcher__first {
    border-bottom: 3px solid;
    width: 25px;
    height: 3px;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu-switcher__second {
    border-bottom: 3px solid;
    width: 25px;
    height: 3px;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu-switcher__third {
    border-bottom: 3px solid;
    width: 25px;
    height: 3px;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.menu-switcher__second.active {
    display: none;
}

.menu-switcher__first.active {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    position: absolute;
}

.menu-switcher__third.active {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    position: absolute;
    bottom: 0;
    right: 5px;
}


.header__logo {
    display: inline-block;
    margin: 10px auto;
    color: #000;
    font-size: 20px;
    border: 1px solid #000;
    padding: 3px;
    width: 33px;
    text-align: center;
}
.logo-mob {
    display: inline-block;
    margin: 20px;
    color: #fff;
    font-size: 20px;
    border: 1px solid;
    padding: 3px;
    width: 33px;
    text-align: center;
}


.post-button {
    height: 30px;
    display: block;
    background: url(/assets/img/envelope.svg) no-repeat center;
    margin-bottom: 10px;
}

.header__nav {
    position: fixed;
    right: 0;
    left: 70px;
    bottom: 0;
    top: 0;
    background: rgb(0, 0, 0);
    transition: linear 0.3s;
    z-index: 10;
    transform: translateX(100%);
}

.header__nav__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: auto;
}
.header-popup-bot {
    margin: 20px;
    border-top: 1px solid #fff;
    padding: 40px 0;
    text-align: right;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.header__nav.active {
    transform: translateX(0);
    opacity: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    max-width: 1530px;
}

.header__nav__link {
    color: #fff;
    font-size: 40px;
    font-weight: 100;
    margin: 10px 20px;
    display: block;
}
.child__item {
    padding-left: 25px;
}
.header__logo--menu {
    color: #fff;
    width: 50px;
    height: 45px;
    font-size: 30px;
    border-color: #fff;
}

.main__grid {
    margin: 50px 0;
    display: flex;
    justify-content: center;
}

.main__h {
    padding: 10px 30px;
    position: relative;
    font-weight: 400;
    font-size: 38px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 50%;
}

.main__h:after {
    content: "";
    background: #2196F3;
    bottom: -2px;
    height: 2px;
    width: 50px;
    display: block;
    position: absolute;
    left: 45%;
}

.main_header {
    height: 100vh;
    padding-left: 70px;
    background-size: cover;
    background: url(/assets/img/creat.jpg) no-repeat fixed;
    position: relative;
    z-index: 1;
}

.main_header:after {
    content: "";
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(4, 4, 4, 0.8));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}


.main_header__menu {
    display: flex;
    justify-content: flex-start;
    z-index: 3;
    position: absolute;
    right: 0;
    left: 70px;
}

.portfolio__item {
    max-width: 400px;
    height: auto;
    padding: 0;
    width: calc(100% / 3);
    flex-basis: calc(100% / 3);
    font-size: 0;
}

.portfolio__item__wrapper {
    position: relative;
}

.portfolio__logo {
    max-width: 50%;
    right: 0;
    top: 0;
    position: absolute;
    margin: 10px;
}

.portfolio__item__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(10, 10, 10, 0.28);
    text-align: center;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: .3s all;
    transition: .3s all;
    display: flex;
}

.portfolio__item:hover .portfolio__item__layer {
    opacity: 1;
    background-color: #000000d4;
}

.portfolio__item__name {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: aliceblue;
    display: block;
}

.portfolio__item__descr {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    max-height: 120px;
    overflow: hidden;
    color: #666;
}

.portfolio__item__more {
    width: 50%;
    padding: 10px;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 500;
    font-size: 16px;
}



.top__menu {
    flex-basis: 60%;
    margin-top: 30px;
    text-align: right;
}

.banner__item-h {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    margin-top: 0;
    text-transform: lowercase;
    margin-bottom: 10px;
}

.banner__button__link {
    background-color: #17232f;
    color: #fff;
    font-size: 16px;
    padding: 10px 40px;
    border-radius: 30px;
    line-height: 30px;
    margin-top: 20px;
    display: inline-block;
    font-weight: bold;
}

.services {
    flex-basis: 25%;
    text-align: center;
    max-width: 300px;
    padding: 10px 20px;
}

.services__link {
    color: #191d23;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 22px;
}

.services__img {
    width: 30%;
}

.main_logo {
    flex-basis: 40%;
    margin-top: 30px;
    padding-left: 30px;
}

.main_logo__item {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
    border: 2px solid #fff;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    height: 47px;
    line-height: 50px;
    text-align: center;
}

.main_logo__item::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 100% 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}

.main_logo__item::before {
    background: #000 none repeat scroll 0 0;
}

.main_logo__item:hover::before,
.main_logo__item:focus::before,
.main_logo__item:active::before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.main_logo__item:hover {
    color: #fff;
}
.list-ol {
    counter-reset: counter;
    vertical-align: top;
    margin: 0;
    padding-left: 2.5em;
    list-style: none;
}

.list-ol li {
    position: relative;
    margin-bottom: 30px;
    line-height: 1.4;
    padding-left: 16px;
}
.list-ol li:before {
    counter-increment: counter;
    content: counter(counter);
    position: absolute;
    left: -2.5em;
    margin-top: -1em;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #b03c57;
    top: 50%;
    height: 2.1em;
    width: 2.1em;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner__button__link:hover {
    background: rgba(255, 80, 8, 0.93);
}

.banner {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    align-items: center;
    position: absolute;
    z-index: 2;
}

.banner__item {
    padding: 0 30px;
    margin-top: -100px;
}

.banner__item-descr {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.top__menu__item {
    display: inline-block;
}

.top__menu__link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    margin: 0 25px;
    padding: 0;
}


/* Slider */

.slick-dots li button {
    background: #357fd1;
    border: none;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    cursor: pointer;
}

.slick-active button {
    background: #9bc7f9 !important;
}

.slick-dots li {
    display: inline-block;
    margin: 0 1px;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


.body__no__active {
    overflow: hidden;
}


.footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-bottom: -150px;
}

.footer__wrapper {
    margin: 30px 20px 0 90px;
    border-top: 1px solid #999;
    padding: 20px 0;
    text-align: right;
}

.footer__phone {
    color: #999;
}

.footer__mail {
    color: #999;
}

.footer__phone--text {
    border-bottom: 1px solid #2196F3;
    padding: 0 0 2px;
}

.footer__wrapper {
    margin: 30px 20px 0 90px;
    border-top: 1px solid #dedede;
    padding: 40px 0;
    text-align: right;
    display: flex;
    justify-content: space-between;
}

.footer__copyright {
    color: #000;
    font-weight: 400;
}

.main__h--right {
    /*  text-align: right;*/
}

.main__h--right:after {
    right: 25px;
}

.advantage {

}

.advantage__item--left {
    background: url(/assets/img/responsive2.png) center center no-repeat;
    background-size: contain;
}

.sale__wrapper {
    background: linear-gradient(rgba(8, 8, 8, 0.55), rgba(8, 8, 8, 0.62)), url(/assets/img/banner1.jpg) no-repeat;
    flex-basis: 100%;
    background-attachment: fixed;
}


.advantage__item {

    width: 50%;
}

.advantage__wrapper {
    padding: 50px;
}

.advantage__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.advantage__list__item {
    flex-basis: 25%;
}

.advantage__nav {
    display: flex !important;
    justify-content: flex-start;
}

.advantage__nav__link {
    border: 1px solid #2196F3;
    color: #2196F3;
    width: 21px !important;
    height: 21px;
    display: block !important;
    text-align: center;
    margin: 3px;
    cursor: pointer;
    line-height: 21px;
    transition: .15s background-color;
}

.advantage__nav__link:hover {
    background: #2196F3;
    color: #fff;
}

.advantage__item--right {

}

.advantage__story_h {
    color: #000;
    font-size: 2em;
    font-weight: 400;
}

.advantage__nav__link.slick-current {
    border-color: brown;
    color: brown;
}

.list__marked__item {
    line-height: 1.8;
    color: #000;
    position: relative;
    padding-left: 30px;
    min-height: 56px;
}

.list__marked__item::after {
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 0;
    width: 20px;
    height: 20px;
    content: '';
    background: url(/assets/outline.svg);
    background-size: 20px 20px;
}

.advantage__story__numeric {
    position: absolute;
    font-size: 80px;
    font-weight: bold;
    color: rgba(33, 150, 243, 0.25);
    left: 30%;
    top: 30%;
}

.advantage__story__descr__short {
    color: #000;
    margin-top: -20px;
    margin-bottom: 10px;
    line-height: 1.7;
    font-style: italic;
}

.arrow {
    padding-left: 75px;
    position: relative;
}

.mouse_scroll {
    display: block;
    width: 24px;
    height: 100px;
    margin: -100px auto 0;
}


.m_scroll_arrows {
    display: block;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px;
}


.unu {
    margin-top: 1px;
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}


.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.wheel {
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;


}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
}


@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.price__item {
    flex-basis: 25%;
    border: 1px solid transparent;
}

.price__item {
    border-right: 1px solid #d7d7d7;
}

.main__grid--price {
    justify-content: space-between;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.main__grid--price {
    justify-content: space-between;
    background: #fff;
}

.price__item__head {
    transition: 0.15s background-color;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 12px;
    background: #fff;
}

.price__item__head.active {
    border-color: #383838;
}

.price__item__head.active .price__item__title {

}

.price__item__footer.active {
    border-color: #383838;
}

.price__item.active {
    border: 1px solid #383838;
}

.price__item__img {
    max-width: 40px;
}

.price__item__main {
    min-height: 420px;
    transition: 0.15s background-color;
}

.price__item__main.active {

}

.price__item__title {
    font-weight: 400;
    border-bottom: 1px dotted #2196F3;
}

.price__item__list {
    padding: 12px;
}

.list__marked__item--circle {
    line-height: 1.8;
    position: relative;
    padding-left: 30px;
    margin-bottom: 7px;
}

.list__marked__item--circle:after {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    content: '';
    background: url(/assets/outline.svg);
    background-size: 20px 20px;
}

.price__item__footer {
    padding: 20px 12px;
    border-top: 1px solid #d7d7d7;
    transition: 0.15s background-color;
    display: flex;
    justify-content: space-between;
}

.price__item__footer.active p, .price__item__footer.active a {

}

.price__item__value {
    color: brown;
    font-weight: 400;
    font-size: 20px;
}

.price__item__button {
    border-bottom: 1px solid #2196F3;
}

.js-portfolio__item {
    padding: 10px;
}

.js-portfolio-button {
    display: inline-block;
    border-bottom: 1px solid #2196F3;
    margin-right: 10px;
    padding-bottom: 2px;
    cursor: pointer;
}

.portfolio__nav__container {
    padding-left: 20px;
}

.js-portfolio-button.is-checked.current {
    border-color: brown;
}

.portfolio_h {
    font-weight: 400;
    padding-left: 20px;
}



.portfolio__wrapper {
    display: flex;
    margin-top: -50px;
    background-size: cover;
    flex-direction: column;
    background-attachment: fixed;
}

.breadcrumb {
    padding: 20px;
}

.breadcrumb li {
    display: inline-block;
}

.portfolio__item__container {
    flex-basis: 100%;
    text-align: center;
}

.portfolio__item__title h1 {
    color: inherit;
    font-weight: 300;
    font-size: 50px;
    text-align: center;
    margin: 10px;
}

.portfolio__item__descr {
    color: #fff;
}

.portfolio__main__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main__intro--item {
    padding: 50px;
    flex-basis: 50%;
}

.portfolio__main {
    max-width: 800px;
    margin: 0 auto;
}

.blog_h {
    font-size: 36px;
    padding: 20px;
    text-align: center;
}

.blog__item {
    padding: 20px;
    border: 1px solid #efecec;
    margin: 5px;
    transition: .2s;
}
.blog__item:hover {
    box-shadow: 0 0 11px 2px rgba(0,0,0,0.7);
}
.blog__item__wrapper {
    display: flex;
    flex-direction: column;
}

.blog__item__link {
    font-size: 24px;
    color: #2196F3;
    padding: 10px 0;
}

.blog__item__date {
    font-size: 14px;
    color: #9fa7ab;
    font-weight: bold;
}

.blog__breadcrumbs {
    margin-top: -50px;
    border-bottom: 1px solid #e7e7e7;
}

.blog__breadcrumbs li a, .blog__breadcrumbs li span {
    color: #000;
}

.blog__item__name {
    display: block;
}


.blog__wrapper {
    text-align: center;
}

.blog__item__container {
    max-width: 991px;
    margin: 0 auto;
}

.blog__item__title h1 {
    font-size: 40px;
    font-weight: 300;
}

.main__grid.blog {
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto;
}

.blog__item__descr {
    color: #99A2A3;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 10px;
    text-align: justify;
    font-weight: 400;
}

.blog__item__content {
    font-size: 18px;
    line-height: 1.9;
    font-weight: normal;
    color: #5D6769;
}

.blog__image {
    margin-top: 100px;
}

.blog_p {
    text-align: justify;
    text-indent: 30px;
    margin: 30px 0;
}

.blog_h2 {
    font-weight: 300;
    font-size: 36px;
}

#map {
    min-height: 400px;
    z-index: -1;
}

.contact__wrapper {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.contact__wrapper {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    line-height: 2;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin-top: -100px;
    z-index: 1;
}

.contacts {
    padding-left: 70px;
    padding-top: 50px;
}

.contact__block {
    margin: 0 auto;
}

.portfolio__full__img {
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}

.pager.pagenav {
    display: flex;
    justify-content: space-around;
    margin: 30px 0;
}

.previous a, .next a {
    color: #a1a1a1;
    border-bottom: 1px solid #2196F3;
}

.banner__button--center {
    text-align: center;
}

.scroll {
    position: fixed;
    right: 15px;
    bottom: 60px;
    top: inherit;
    text-decoration: none;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 2;
}
.scroll svg {
    max-width: 50px;
    max-height: 50px;
}

.tags__item__link {
    color: #5d676d;
    border-bottom: 1px solid #2196F3;
}

.price__header {
    display: block;
    margin: 0 auto;
    position: relative;
}

.product__list__item {
    font-weight: 400;
}

.price__header__img {
    width: 100%;
}

.price__item__h {
    text-align: center;
}

.price__item__list--pdl {
    padding-left: 50px;
}

.price__info {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    text-align: center;
    color: #fff;
}

.price__container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.price__text {
    line-height: 2.4;
}

.blog__image__container {
    display: flex;
    padding: 20px;
    justify-content: space-around;
}

.blog__image--two {
    flex-basis: 50%;
    width: 50%;
    padding: 30px;
    height: 50%;
}

@media (max-width: 1024px) {
    .price-grid-counter {
    color: #e6e6e6;
    font-size: 80px;
    font-weight: bold;
    position: absolute;
    z-index: 0;
    top: -17px;
    right: 20px;
}
    .price-grid__item {
    width: calc(100%/3);
    flex-basis: calc(100%/3);
    padding: 20px;
    min-height: 26vw;
}
    .price-grid__title {
    font-size: 20px;
    line-height: 1.6;
   }
    .main__h {
        width: 100%;
        text-align: center;
    }
    .header__nav__menu {
        max-width: 50%;
    }

    .portfolio__item__name {
        font-size: 26px;
    }

    .portfolio__full__img {
        width: 95%;
    }

}

@media (max-width: 768px) {
    .product__h1 {
    margin-bottom: 0;
   }
    .price__wrapper {
    flex-direction: column;
}
    .header__nav__menu {
        max-width: 95%;
    }
    .portfolio__item__more {
        width: 80%;
        padding: 5px;
    }

    .portfolio__item__name {
        font-size: 16px;
        line-height: 26px;
        font-weight: 700;
        color: aliceblue;
        display: block;
        margin: 30px 0 20px;
    }

    .banner__item {
        flex-basis: 100%;
    }

    .top__menu {
        flex-basis: 80%;
    }

    .main_logo {
        flex-basis: 20%;
    }

    .services {
        flex-basis: 50%;
    }

    .main__grid {
        flex-wrap: wrap;
    }

    .advantage__item--left {
        display: none;
    }

    .advantage__item {

        width: 100%;
    }

    .portfolio__item {
        flex-basis: 100%;
        margin: 0;
    }

    .main__h {
        font-size: 32px;
    }

    .message__h {
        font-size: 25px;
        color: #fff;
    }

    .price__item {
        flex-basis: 50%;
    }

    .price__item {
        border-top: 1px solid #2196F3;
    }

    .footer__copyright {
        display: none;
    }

}

@media (max-width: 768px) {
    .price-grid__item {
    width: calc(100%/2);
    flex-basis: calc(100%/2);
    padding: 20px;
    min-height: 26vw;
}
    .top__menu {
        display: none;
    }

    .main_logo {
        flex-basis: 100%;
        text-align: center;
    }

    .price__item {
        flex-basis: 100%;
    }

    .footer__wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer__phone {
        margin-bottom: 10px;
    }

    .message__container__item {
        flex-basis: 100%;
        height: auto;
    }

    .services {
        flex-basis: 100%;
        max-width: 90%;
        text-align: center;
    }

    .price__item__main {
        min-height: auto;
    }

    .price__item__list {
        min-height: auto;
    }

    .breadcrumb li a, .breadcrumb li span {
        font-size: 12px;
    }

    .portfolio__item__title h1 {
        font-size: 40px;
    }

    .portfolio__main__intro {
        flex-wrap: wrap;
    }

    .main__intro--item {
        padding: 20px;
        flex-basis: 100%;
    }
}

@media (max-width: 736px) {

    .main__block {
        padding: 0 5px;
    }

    .sale__gift {
        width: 100% !important;
    }

    .banner__item-h {
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
    }

    .header__logo {
        max-width: 33px;
    }

    .main__h {
        font-size: 20px;
    }

    .banner__button__link {
        font-size: 12px;
    }

    .banner__item-descr {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 30px;
        display: block;
    }

    .header {
        width: 50px;
    }

    .services {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }

    .main_header {
        padding-left: 50px;
    }

    .main {
        padding-left: 50px;
    }

    .advantage__story_h {
        font-size: 1em;
        font-weight: 400;
    }

    .advantage__story__descr__short {
        margin-top: -5px;
        line-height: 1.7;
        font-size: 14px;
    }

    .advantage__wrapper {
        padding: 10px;
    }

    .list__marked__item {
        line-height: 1.6;
        font-size: 12px;
    }

    .footer__wrapper {
        margin: 30px 20px 0 55px;
    }

    .header__nav {
        left: 50px;
    }

    .header__logo--menu {
        width: 33px;
        height: 33px;
        font-size: 22px;
    }

    .header__nav__link, .child__link  {
        font-size: 30px;
    }

    .portfolio__item {
        min-height: 230px;
        width: 100%;
    }

    .price__info {
        top: 3%;
    }

    .price__title {
        font-size: 16px;
    }

    .price__descr {
        font-size: 12px;
    }

    .price__item__h {
        font-size: 14px;
    }

    .main_logo__item {
        padding: 0 10px;
    }

    .advantage__item--right {
        border: 1px solid transparent;
    }

    .main__h:after {
        width: 30px;
        left: 42%;
    }

    .main_header {
        background: #000;
        background-size: cover;
    }

    .arrow {
        padding-left: 0;
    }

    .portfolio__item__title h1 {
        font-size: 36px;
    }

    .portfolio__item__container {
        margin-top: 20vh;
    }


    .blog__item__title h1 {
        font-size: 24px;
    }

    .blog__item__descr {
        padding: 5px;
    }

    .blog__item__content {
        font-size: 14px;
        line-height: 1.7;
        font-weight: normal;
        color: #5D6769;
        padding: 5px;
    }

    .blog__image__container {
        flex-direction: column;
        min-height: 700px;
    }

    .blog__image--two {
        flex-basis: 100%;
        width: 100%;

    }

    .blog_h2 {
        font-size: 22px;
    }

    .main_logo {
        text-align: left;
    }

    .contacts {
        padding-left: 50px;
    }

    .mouse_scroll {

    }

    .portfolio__main__intro {
        margin-top: 50px;
    }

    .arrow {

    }
}


.table__container {
    max-width: 1200px;
    margin: 0 auto;
}


.grid-icon__item {
    max-height: 200px;
    display: inline-block;
}

.grid-icon {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 2em!important;
    background: #f0f0f0;
    text-align: left;
}

.nav.menu li {
    display: inline-block;
    margin: 2px;
}

.menu__new li a {
    padding: 5px;
    color: #fff;
    font-weight: 500;
    border: 2px solid;
    transition: 0.3s;
}

.menu__new li {
    display: inline-block;
    margin: 0 10px;
}

.menu__new {
    margin-top: 30px;
}

.menu__new li a:hover {
    background-color: #2196f3;
    border-color: #2196f3;
}

.sale {
    margin: 0 0 100px 0;
}


.sale__gift {
    text-align: center;
    padding: 50px 0;
    display: inline-block;
    width: 20%;
}

.sale__text {
    width: 60%;
    display: inline-block;
    color: #fff;
}

.main__h4 {
    font-size: 30px;
    margin: 0;
    font-weight: 300;
}
.price__wrapper {
    display: flex;
    align-items: center;
}
.sale__button {
    display: inline-block;
    color: #fff;
    box-shadow: 0 0 0 2px #fff inset;
    border-radius: .28571429rem;
    padding: .78571429em 1.5em;
    vertical-align: middle;
    width: 15%;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.sale__description {
    font-weight: 300;
    display: block;
    margin-top: 15px;
    padding-right: 25px;
}

.main__h--sale {
    margin: 50px auto;
}

.main__block {
    font-size: 18px;
    line-height: 1.9;
    font-weight: 400;
    color: #5D6769;
    max-width: 750px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .main__h4 {
        font-size: 20px;
    }

    .sale__description {
        font-weight: 300;
        display: block;
        margin-top: 15px;
        padding-right: 25px;
        font-size: 14px;
    }

}

@media (max-width: 767px) {
    .grid-2 {
    flex-direction: column;
   }
    .mob-menu-scroll {
    flex: 1;
}
  .blog__image {
    margin-top: 0;
}
    .projects {
    padding-left: 50px;
    padding-right: 5px;
}
    .price-sections__link {
    padding: 5px 10px;
}
    .price__header__img {
       height: 145px;
    }
       .price-grid__item {
    width: 100%;
    flex-basis: 100%;
    padding: 20px;
    min-height: 200px;
}
    .header__nav__wrapper {
        justify-content: space-between;
    }
    .header-popup-bot {
        display: none;
    }
    .social {
        display: none;
    }
    .header-popup-bot {
        margin: 20px;
        border-top: 1px solid #fff;
        padding: 10px 0;
        text-align: left;
        display: flex;
        justify-content: space-between;
        position: unset;
        flex-direction: column;
    }
    .header-popup-bot .social {
        display: none;
    }
    .grid-icon__item {
        max-height: 50px;
        display: inline-block;
    }
    .menu__new li a {
        padding: 2px;
        color: #fff;
        font-weight: 500;
        border: 1px solid;
        transition: 0.3s;
        font-size: 9px;
    }
    .menu__new {
        margin-top: 5px;
    }
    .menu__new li {
        display: inline-block;
        margin: 0 5px;
    }
    .sale__gift {
        text-align: center;
        padding: 25px 0;
        display: block;
    }
    .sale__text {
        width: 100%;
        text-align: center;
    }
    .sale__button {
        display: block;
        padding: .68em 1.3em;
        margin: 10px auto 20px auto;
        width: 50%;
    }

    .sale__description {
        padding: 15px !important;
    }

}


/* End */
/* /local/templates/web/css/modal.css?16235319553576 */
/* /local/templates/web/vendor/slick/slick.css?16125473231794 */
/* /local/templates/web/vendor/slick/slick-theme.css?16125473233145 */
/* /local/templates/web/css/fonts.css?16284526639945 */
/* /local/templates/web/css/global.css?178739075836209 */