@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* Regular (400) */
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost/static/Jost-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Оптимизация загрузки */
}

/* Bold (700) */
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost/static/Jost-Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Italic (400) */
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost/static/Jost-italic.ttf');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Bold Italic (700) */
@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost/static/Jost-bolditalic.ttf');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

main
 {
    background: #fbfbfb;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* --- Общие стили --- */
@font-face {
  font-family: 'Panton Light';
  src: url("../fonts/Panton/Panton Light.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Panton Light';
  src: url("../fonts/Panton/Panton-Black.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: fallback; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  font-family: 'Panton Light'; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

a, button, input {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

form.ajax_form {
    margin-top: 20px;
}
button {
  display: block; }

.masonry-grid {
            display: grid;
            gap: 15px;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            grid-auto-rows: 10px; /* Базовый размер строки */
            margin: 20px;
                margin-top: 100px;
        }

        .masonry-item {
            position: relative;
            cursor: pointer;
            transition: transform 0.3s;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* Обычные элементы */
        .masonry-item:not(.featured) {
            grid-row-end: span 9; /* Высота обычных элементов */
        }

        /* Особый элемент (4-е фото) */
        .masonry-item.featured {
            grid-row-end: span 27; /* В 2 раза выше обычных */
            grid-column: span 2;   /* Может занимать 2 колонки */
        }
         .masonry-item.featured1 {
            grid-row: span 18;; /* В 2 раза выше обычных */
        }

        .masonry-item:hover {
            transform: scale(1.03);
        }

        .masonry-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s;
        }



        @keyframes zoom {
            from {transform: translate(-50%, -50%) scale(0.7)}
            to {transform: translate(-50%, -50%) scale(1)}
        }

        .close {
            position: absolute;
            top: 20px;
            right: 30px;
            color: white;
            font-size: 35px;
            font-weight: bold;
            cursor: pointer;
        }

        .caption {
            color: white;
            text-align: center;
            padding: 10px;
            position: absolute;
            bottom: 0;
            width: 100%;
            background: rgba(0,0,0,0.7);
        }
         .item-text {
             padding: 15px;
            position: absolute;
            z-index: 2; /* Чтобы текст был поверх затемнения */
        }
        
        .item-title {
            font-size: 18px;
            font-weight: bold;
               color: #ffffff;
    margin-top: -100px;
        font-family: 'Jost';
        }
        
        .item-subtitle {
            font-size: 15px;
                color: #ffffff;
            line-height: 1.4;
                font-family: 'Jost', sans-serif;
                    margin-top: 10px;
        }
        .image-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 75%;
            background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);
            z-index: 1;
        }


        .masonry-item.featured .item-title {
            font-size: 22px;
        }

textarea,
select,
button {
  -webkit-appearance: none; }

b {
  font-weight: bold; }

section {
  padding: 25px 0; }

[data-src] {
  opacity: 0; }

img {
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

button,
input[type='submit'] {
  width: 100%;
  color: #fff;
  padding: 15px;
  margin: 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #000000;
  background-color: #e94a2d; 
        font-family: 'Jost';
}
  button:hover,
  input[type='submit']:hover {
    color: #000000;
    background-color: transparent; }

select {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin: 0 0 10px;
  background: #fff url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDM4Ni4yNTcgMzg2LjI1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzg2LjI1NyAzODYuMjU3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBwb2ludHM9IjAsOTYuODc5IDE5My4xMjksMjg5LjM3OSAzODYuMjU3LDk2Ljg3OSAiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K") no-repeat;
  background-size: 15px 15px;
  background-position: 95% center; }

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.w-970px {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1250px; }

.title-53px {
  color: #2d2d2d;
  font-size: 53px;
  margin: 50px 0 60px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase; }

.text-red-color {
  color: #ff0000; }

/* --- Header --- */
.header {
  width: 100%;
  background-color: #080b2e;
    height: 75px;
    position: fixed;
    z-index: 999;
}
  .header .child-header {
    color: #fff;
    margin: 0 auto;
    padding: 13px 20px; }
    .header .child-header.flex {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }

.header .title-header {
  font-size: 19px; 
    font-family: 'Jost', sans-serif;
    color: #ffffff;
        font-weight: 600;
}
p.email {
    color: #ffffff;
}

.header .phone-and-email {
  font-size: 19px;
  text-align: center; 
    font-family: 'Jost', sans-serif;
        font-weight: 600;
}
  .header .phone-and-email.flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .header .phone-and-email a {
    color: #ffffff;
    margin-right: 20px; 
      font-family: 'Jost', sans-serif;
          font-weight: 600;
  }

.header .phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.header .phone-and-email .header-button {
  width: 100%;
    left: 200px;
    top: -26px;
    color: #fff;
    padding: 11px;
    font-size: 12px;
    margin-top: -5px;
    border: 1px solid #000000;
    background-color: #e94a2d;
    position: relative;
    font-weight: 700;
    border-radius: 6px; 
    font-family: 'Jost', sans-serif;
}
    .phone {
    position: relative;
    top: 18px;
}
  .header .phone-and-email .header-button:hover {
    color: #3c3c3c;
    border: 1px solid #3c3c3c;
    background-color: transparent; }

/* --- /Header --- */
/* ---	Main slider --- */
.main-slider {
  height: 700px;
  overflow: hidden; }

.main-slider .slide {
  height: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.slick-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  position: relative; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: hand;
    cursor: pointer; }

.slick-slider {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }


.vertical-block {
            text-align: center;
            margin-bottom: 40px;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            max-width: 700px;
    margin-left: auto;
    margin-right: auto;
        }
        
        .main-title {
            color: #2c3e50;
            font-size: 32px;
            margin-bottom: 20px;
                font-family: 'Jost';
    font-weight: 600;
        }
        
        .main-image {
            max-width: 600px !important;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        /* Второй блок (3 заголовка с фото в ряд) */
        .horizontal-block {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .itemmu {
            flex: 1;
            min-width: 250px;
            text-align: center;
        }
        
        .item-titley {
            color: #2c3e50;
            font-size: 22px;
            margin-bottom: 15px;
                font-family: 'Jost';
    font-weight: 600;
        }
        
        .item-imagesi {
            width: 100% !important;
            height: 180px !important;
            object-fit: cover;
            border-radius: 8px;
            transition: transform 0.3s;
        }
        
        .item-image:hover {
            transform: scale(1.05);
        }

.slick-track {
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .slick-track:before, .slick-track:after {
    content: '';
    display: table; }
  .slick-track:after {
    clear: both; }

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

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

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

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

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

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

/* slick button */
.slick-arrow {
  width: 38px;
  height: 92px;
  z-index: 9;
  font-size: 0;
  border: 0px;
  position: absolute; }
  .slick-arrow.slick-next {
    right: 0;
    background: transparent url("data:image/png+xml;base64, iVBORw0KGgoAAAANSUhEUgAAACYAAABcCAYAAAAChMcJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAOLSURBVHja7JvLb0xRHMc/0+mEFTaojUdiY+q5IzR23vFc8QeQdtTQWCiqsetDS2tjiQgLS2mInbdEsaQPipXHGiM0YzG/k/zSdKZ37tx7zy/hlzRzOrOYk+/3+7n3nnN+kyoWi0z+/l0P9AF5Eqp0JlPx8zp5bQaOAQcwUilRbAxYDnwCVgA/rCjWL6+LgQ5LiqWBF8A64BewGhi1oNgk0AIUgVnAZd+K1anxc+CqjLcA+y1Y6f6fLxbOixuEoFa6+gacUSCctaIYQBoYBtYKCKuAMd+KmQGhrsz7z4BrMt4K7LNgZSIghLFSg9ChQDhtRbFYQahFMQdCToEw6Dv8up4C12W8DdhrwUpXC4ARAeEjkK0VhFqtdPUVOCfjJUC7FcUiByEqxRwIrQqEAd/h1/VYgbA9ThCqsdLVQuCtgPABaAwDQpRWuvoCdMp4KXDKimIA9bJGCA1CHIoB/JF1qAPhou/w63qkQNgZNQhhrXTVICDMBSaAlUFBiMtKV5/VHWFZlCDUqpgDYRhYAxQEhHHfijkQ3B1hNnDJd/ingnBDgbDHgpUahBFgjoDQCPz0aaUGoUOB0G5FMQfCKwGgIJePd74VcyDkFAgDvsM/FYSbCoTdFqwsB0JWrPVmpQahsxYQ4lLMgfBaACjI5eO9b8WmA2HQd/h1PQRuKRB2WbCyIgg+rdQgnK/20SgJxaYDIZvOZCZ8K+ZAOFoNCElNDCClxsX/Vs5QeZkUQJfQ6V2xRbKSMne5uCCTQtYGBQtX/s3AQRkPyZ+5m3hWZ8unla0q8N1BAv9PPyjqwOeDBj7uiTUBh1Tg71hZvunAm1m+5VTge8tNyvcWQbZStpJUrFcF/kSYwMehWBPwQB5thoI828+kWFQbdy8pdbeY2rhrkUk5O8ejyEUUm8M68GY2h7tV4NuI8DC/FsWqDnwS4Td7ZNMikwLoIYYWmzCKNQBvMHgs2CWTclf4WNq4qlVsk+zgpIC7wI6wXxxl+M0e1udU4HvjCHwYxXRDSCSdUVEp1qMCnyeBBt4gim2ktHefAu5RamuouWoNv9k2rWYV+L64Ax9UMbOtgDrwx5MIfBDFNgBPJPD3KXV2Rlphwm+2QfeICnx/koGvpJjZJvBuFfi2pANfTrH1lDo4Ywt8mPCb/WnGYZkUlFquRvFc0/38Jwt8j/uLgyrmDp1OJjGpoOtDgCui2G2M1N8BAIyk4tl0tGV0AAAAAElFTkSuQmCC") no-repeat;
    background-size: cover; }
  .slick-arrow.slick-prev {
    left: 0;
    background: transparent url("data:image/png+xml;base64, iVBORw0KGgoAAAANSUhEUgAAACYAAABcCAYAAAAChMcJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJTSURBVHgB7ZtHbhRBFIb/JkiENWmDRDwDGfZkEIcAkdkikWGHxAXIXAAhwiVIXlpyOIHtlT1Vbbffs7qs55Y18sr6RppPGs30rEqvvr9TvZJA5JTeNE2zWSTqur5Wp9TMp3RLFKxK2+teb9IHZt+j/t8GAbABPVRV7fXfVVW9FgGr1mEb2JxXyxz7bccbRcCm7tfSFKa00KR0RARM+KvtoPzzVgRsyrYtC5/SlB3vEIHc670s1bJTxA0RsOocCsL/YQqf81ERMOEvB+HfiQBZ+BdB+JsiQBb+RxD+uAiY8JeC8O9FYBXhd4qACf8sCH9bBMjCfw/CnxABsvDjQfjdImDCPx0E4TeJgE3htyD8SRHoCP9BBFrhx9pBzQyF74dV56ANaLYV/t9Q+H6Y8BeD8J9EwKZsyyAIf0cErDoHgvAjQ+H7YcKfD8J/FgGy8I+D8PdEwKqzbxCEPy0CJvzZIPwXEVhF+D0iMJ/zo2Xhc34gAmThvxbhc85ntE6sZcmmKj+sVI0oYKfSWXG2z/m+KGCvj46dYM/hTrCFziXplCjYFO4nB+FJuO25Kwr0IFzA3VoXkA8jTufx7T8tCLw3PI5VaSs5CPGlykeRIAchvrj7OwzCWui8HJ6mBYG3flQgB4G5ZOPQgzAelgV3iQI9CLylZwe7WO902htQPa4ehAlcQ4hDD0JsOjomCvQgPK9pjW0OthXQQTZPFqxqP2tau6lDDwKvpdmhB+FKTWubLyA3GjjYrRmOBeFVCMJ1UVgRhHb7D4ayfwR1M1lot5gtPYcuAomafXCumHygAAAAAElFTkSuQmCC") no-repeat;
    background-size: cover; }
  .slick-arrow:active {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }

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

/* -- Фон слайдеров -- */
.main-slider .slide.slide-bgd-1 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main-slider/slide1-min.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

.main-slider .slide.slide-bgd-2 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url("../img/new/20180925_164543.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

.main-slider .slide.slide-bgd-3 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/new/IMG-20210925-WA0009.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

.main-slider .slide.slide-bgd-4 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/new/IMG-20211011-WA0011.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

.main-slider .slide.slide-bgd-5 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/new/IMG_20231120_191210_238.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

.main-slider .slide.slide-bgd-6 {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/new/IMG-20210805-WA0035.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

 .containery {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        section {
            margin-bottom: 40px;
            padding: 20px 0;
            border-bottom: 1px solid #eee;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 28px;
            color: #2c3e50;
        }
        
        .blocks-container {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }
        
        .image-block {
            flex: 1 1 45%;
            min-width: 300px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .image-block img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            display: block;
            transition: transform 0.3s;
        }
        
        .image-block:hover img {
            transform: scale(1.03);
        }
        
        .text-block {
            flex: 1 1 45%;
            min-width: 300px;
            padding: 20px;
            background: #f9f9f9;
            border-radius: 8px;
                font-size: 20px;
    font-family: 'Jost';
        }
        
        .text-block h2 {
            color: #2c3e50;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Jost';
    font-size: 30px;
    font-weight: 600;
        }
        

/* -- Заголовок в слайдере -- */
.main-slider .description-slide {
  text-align: center; }
  .main-slider .description-slide .title-slide {
    color: #fff;
    display: block;
    font-size: 75px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
    .main-slider .description-slide .title-slide span.background-span {
      padding: 0 10px;
      margin: 0 0 15px;
      display: inline-block; 
        font-family: 'Jost', sans-serif;
    }
    .main-slider .description-slide .title-slide span.color-span {
      color: #ffa500;
      display: block; 
            font-family: 'Jost', sans-serif;
            font-size: 48px;
    }
    .main-slider .description-slide .title-slide span.font-size48px {
      font-size: 48px; 
        font-family: 'Jost', sans-serif;
    }

/* -- Цена в слайдере -- */
.main-slider .description-slide .price-slide {
  color: #fff;
  margin: 35px 0 0;
  font-size: 53px;
  padding: 5px 10px;
  text-align: center;
  display: inline-block;
  background-color: #e94a2d;
  font-weight: 600;
        font-family: 'Jost', sans-serif;
}

/* -- Изготовление/Монтаж/Гарантия -- */
.enumeration-services-slide {
  margin-top: 35px; }
  .enumeration-services-slide.flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .enumeration-services-slide p {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase; }

/* ---	/Main slider --- */
/* --- Блок под слайдером --- */
.block_under_slider {
  color: #fff;
  font-size: 27px;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  background-color: #00ace6;
  display: none;}
  .block_under_slider .w-970px {
    margin: auto; }
    .block_under_slider .w-970px.flex {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }

/* --- Назначение навесов --- */
.purpose-of-canopies .photo-gallery.flex {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.purpose-of-canopies .photo-gallery img {
  width: 314px;
  height: auto;
  margin: 23px 0 0;
  -o-object-fit: cover;
     object-fit: cover; }

/* --- Виды навесов --- */
.types-of-sheds .types-grid.flex {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.types-of-sheds p {
  font-size: 27px; }

.types-of-sheds .types-grid {
  text-align: center; }
  .types-of-sheds .types-grid p {
    color: #2d2d2d;
    padding: 23px 0; }
  .types-of-sheds .types-grid img {
    width: 314px;
    height: 209px;
    -o-object-fit: cover;
       object-fit: cover; }

.scheme-description {
  margin: 40px 0 0; }
  .scheme-description.flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .scheme-description p {
    color: #ff8c00;
    text-align: center; }
  .scheme-description b {
    font-size: 37px;
    text-align: right; }

/* --- /Виды навесов --- */
/* --- Расчёт стоимости навеса --- */
.price-calculation {
  background-color: #f0f0f0; }
  .price-calculation .w-970px {
    padding: 25px 35px;
    position: relative; 
          max-width: 1100px;
  }
    .price-calculation .w-970px.flex {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .price-calculation .w-970px:before {
      content: '';
      right: 0;
      width: 100%;
      height: 100%;
      display: block;
      max-width: 766px;
      position: absolute;
      border: 8px solid #e94a2d; }

.price-calculation form p {
  text-align: center; 
    text-align: center;
    font-size: 22px;
    font-family: 'Jost';
    margin-bottom: 24px;
}

.price-calculation form .title-form-calculation {
  margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Jost'; }

.price-calculation img {
  width: 100%;
  height: auto;
  z-index: 2;
  max-width: 560px; }

.price-calculation form {
  z-index: 2;
  width: 100%;
  max-width: 400px; }
  .price-calculation form input {
    font-size: 21px;
    text-align: center; }
  .price-calculation form label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 13px 0;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap; }
    .price-calculation form label input[type='number'] {
      color: #fff;
      width: 65px;
      margin-left: 15px;
      border: 1px solid;
      border-radius: 5px;
      padding: 2px 0px 0px;
      background-color: #3c3c3c; }
    .price-calculation form label input[type='radio'] {
      margin: auto 8px; }
  .price-calculation form input[type='range'] {
    width: 100%;
    margin: 8px 0 0; }

.range-container {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.price-calculation form input[type='text'] {
  width: 100%;
  padding: 10px;
  text-align: center;
  border: 1px solid #000000; }

/* --- /Расчёт стоимости навеса --- */
/* --- Любые формы ферм --- */
.any-form-of-farm .text-red-color {
  margin: 35px 0;
  font-size: 27px;
  text-align: center; }

.any-form-of-farm img {
  width: 100%;
  height: auto; }

/* -- Блоки в "Выполненные нашими специалистами объекты" -- */
.work-performed-container.flex {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.work-performed-container + .work-performed-container {
  margin-top: 55px; }

/* - фотогалерея - */
.work-performed-container .gallery-wp .photo-wp {
  width: 554px; }
  .work-performed-container .gallery-wp .photo-wp.flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .work-performed-container .gallery-wp .photo-wp img {
    margin: 15px 0;
    -o-object-fit: cover;
       object-fit: cover; }
  .work-performed-container .gallery-wp .photo-wp .main-photo-wp {
    height: 310px;
    width: 100%; }
  .work-performed-container .gallery-wp .photo-wp .child-photo-wp {
    width: 172px;
    height: 150px;
    border: 1px solid #ffa500; }
  .work-performed-container .gallery-wp .photo-wp .child-photo-wp + .child-photo-wp {
    margin-left: 15px; }

.work-performed-container .title-wp {
  font-size: 27px;
  line-height: 31px; 
    margin-top: 10px;
    font-family: 'Jost';
}

/* - описание - */
.description-wp {
  margin-left: 35px; }
  .description-wp ul {
    font-size: 20px;
    margin: 5px 0 25px; 
      font-family: 'Jost';
  }
    .description-wp ul li {
      padding: 5px 0; 
        
    }

/* --- /Любые формы ферм --- */
/* --- Фотогалерея наших навесов --- */
.photogallery-canopy.flex {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
              margin-bottom: 50px;}

.photogallery-canopy img {
  width: 235px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 5px 5px 0; }

/* --- Калькулятор быстрого расчета навеса --- */
.quick-calculator {
  background: #ddd url("../img/bkg-scheme-1700x1214.jpg") no-repeat;
  background-size: cover; }
  .quick-calculator .title-qc {
    color: #2d2d2d;
    font-size: 53px;
    margin: 50px 0 60px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
  .quick-calculator .text-red-color {
    color: #2d2d2d;
    font-size: 23px;
    margin: 50px 0 60px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Jost';}

.quick-calculator .form-qc {
  padding: 25px;
  margin: 35px 0 0;
  max-width: 830px;
  margin: 25px auto;
  border: 5px solid #e94a2d; }
  .quick-calculator .form-qc .title-form-qc {
    font-size: 21px;
    margin: 0 0 20px;
    font-weight: 600;
    font-family: 'Jost';}
  .quick-calculator .form-qc .type-canopy-calculator.flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .quick-calculator .form-qc .type-canopy-calculator label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 25px;
    font-family: 'Jost'; }
  .quick-calculator .form-qc .type-canopy-calculator img {
    width: 200px;
    height: auto;
    display: block;
    margin: 35px 0 0; }
  .quick-calculator .form-qc .select-form-qc {
    min-width: 290px; }

/* --- /Калькулятор быстрого расчета навеса --- */
/* --- Мы надежная компания по строительству навесов --- */
.we-are-reliable-company {
   }
  .we-are-reliable-company .w-970px.flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .we-are-reliable-company .w-970px > * {
    width: 100%;
    max-width: 480px;
    margin: 0 0 50px; }
  .we-are-reliable-company .title-27px-warc {
    font-size: 27px;
    margin: 0 0 15px;
    text-transform: uppercase; }
  .we-are-reliable-company .color-warc {
    color: #ff8c00; }

.we-are-reliable-company .w-970px span img {
  margin: 10px 10px 10px 0; }

.we-are-reliable-company .w-970px span p {
  font-size: 24px; }

/* --- 3D проектирование --- */
.three-d-designing {
  height: 550px;
  background: url("../img/r444.jpg") no-repeat;
  background-size: cover; }
  .three-d-designing .w-970px .title-53px {
    text-align: right; }
    .three-d-designing .w-970px .title-53px .title-color-1d {
      color: #e94a2d; }
    .three-d-designing .w-970px .title-53px .title-color-2d {
      color: #e94a2d; }
  .three-d-designing .w-970px .subtitle {
    font-size: 32px;
    text-align: right;
    text-transform: uppercase; 
    margin-top: -45px;
  }

/* --- Остались вопросы задайте их менеджеру --- */
.questions-remained {
  text-align: center; }
  .questions-remained .title-53px span {
    display: block;
    color: #ffa500; }
  .questions-remained a {
    display: block;
    color: #2d2d2d;
    font-size: 64px;
    margin-top: 15px;
    font-family: 'Jost';}

/* --- Подвал --- */
.footer {
  padding: 30px 0;
  background-color: #080b2e; }
  .footer .w-970px.flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .footer .w-970px p,
  .footer .w-970px a {
    color: #fff;
    font-size: 24px;
    font-family: 'Jost';}
  .footer .w-970px p {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 0 25px; }

/* ---- UI Systems ---- */
/* -- PhotoGallery -- */
.photogallery-jq img {
  cursor: pointer; }
  .photogallery-jq img:hover {
    opacity: 0.6; }

.view-photogallery {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background: #000;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .view-photogallery.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.view-photogallery img {
  width: 100%;
  height: auto;
  margin: 0 25px;
  display: none;
  max-width: 1000px;
  -o-object-fit: cover;
     object-fit: cover; }
  .view-photogallery img.active-img {
    display: block; }

.view-photogallery span {
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  border-radius: 50px; }

.view-photogallery .btn-vp {
  background: #fff url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ1MS44NDdweCIgaGVpZ2h0PSI0NTEuODQ3cHgiIHZpZXdCb3g9IjAgMCA0NTEuODQ3IDQ1MS44NDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MS44NDcgNDUxLjg0NzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTk3LjE0MSwyMjUuOTJjMC04LjA5NSwzLjA5MS0xNi4xOTIsOS4yNTktMjIuMzY2TDMwMC42ODksOS4yN2MxMi4zNTktMTIuMzU5LDMyLjM5Ny0xMi4zNTksNDQuNzUxLDANCgkJYzEyLjM1NCwxMi4zNTQsMTIuMzU0LDMyLjM4OCwwLDQ0Ljc0OEwxNzMuNTI1LDIyNS45MmwxNzEuOTAzLDE3MS45MDljMTIuMzU0LDEyLjM1NCwxMi4zNTQsMzIuMzkxLDAsNDQuNzQ0DQoJCWMtMTIuMzU0LDEyLjM2NS0zMi4zODYsMTIuMzY1LTQ0Ljc0NSwwbC0xOTQuMjktMTk0LjI4MUMxMDAuMjI2LDI0Mi4xMTUsOTcuMTQxLDIzNC4wMTgsOTcuMTQxLDIyNS45MnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K") no-repeat;
  background-size: 25px 25px;
  background-position: center center; }
  .view-photogallery .btn-vp:hover {
    opacity: 0.6; }
  .view-photogallery .btn-vp.right-btn {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.view-photogallery .close-btn-vp {
  top: 90px;
  right: 20px;
  position: absolute;
  background: #fff url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEyLjk4MiAyMTIuOTgyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMTIuOTgyIDIxMi45ODI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJDbG9zZSI+DQoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTEzMS44MDQsMTA2LjQ5MWw3NS45MzYtNzUuOTM2YzYuOTktNi45OSw2Ljk5LTE4LjMyMywwLTI1LjMxMg0KCQljLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTINCgkJbDc1LjkzNyw3NS45MzZMNS4yNDIsMTgyLjQyN2MtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJjNi45OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwbDc1LjkzNy03NS45MzdsNzUuOTM3LDc1LjkzNw0KCQljNi45ODksNi45OSwxOC4zMjIsNi45OSwyNS4zMTIsMGM2Ljk5LTYuOTksNi45OS0xOC4zMjIsMC0yNS4zMTJMMTMxLjgwNCwxMDYuNDkxeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat;
  background-size: 20px 20px;
  background-position: center center; }
  .view-photogallery .close-btn-vp:hover {
    opacity: 0.6; }

/* -- Cloning elements -- */
.element-cl {
  cursor: pointer; }
  .element-cl:hover {
    opacity: 0.6; }

/* -- Modal Window -- */
.modal-window {
  bottom: 0;
  z-index: 99999;
  position: fixed;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.59); }
  .modal-window .window-container {
    padding: 30px;
    width: 100%;
    max-width: 460px;
    position: relative;
    background-color: #fff;
    -webkit-animation: ModalAnime .3s;
            animation: ModalAnime .3s;
    border: 3px solid #e94a2d;
    height: 400px;}
    .modal-window .window-container .close-btn-mw {
      width: 50px;
      height: 50px;
      top: -25px;
      right: -25px;
      display: block;
      cursor: pointer;
      position: absolute;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      background: #e94a2d url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxNyAtMC4wOTc2MzExIDEuMzE2NTggLTAuMDk3NjMxMSAxLjcwNzExIDAuMjkyODkzTDggNi41ODU3OUwxNC4yOTI5IDAuMjkyODkzQzE0LjY4MzQgLTAuMDk3NjMxMSAxNS4zMTY2IC0wLjA5NzYzMTEgMTUuNzA3MSAwLjI5Mjg5M0MxNi4wOTc2IDAuNjgzNDE3IDE2LjA5NzYgMS4zMTY1OCAxNS43MDcxIDEuNzA3MTFMOS40MTQyMSA4TDE1LjcwNzEgMTQuMjkyOUMxNi4wOTc2IDE0LjY4MzQgMTYuMDk3NiAxNS4zMTY2IDE1LjcwNzEgMTUuNzA3MUMxNS4zMTY2IDE2LjA5NzYgMTQuNjgzNCAxNi4wOTc2IDE0LjI5MjkgMTUuNzA3MUw4IDkuNDE0MjFMMS43MDcxMSAxNS43MDcxQzEuMzE2NTggMTYuMDk3NiAwLjY4MzQxNyAxNi4wOTc2IDAuMjkyODkzIDE1LjcwNzFDLTAuMDk3NjMxMSAxNS4zMTY2IC0wLjA5NzYzMTEgMTQuNjgzNCAwLjI5Mjg5MyAxNC4yOTI5TDYuNTg1NzkgOEwwLjI5Mjg5MyAxLjcwNzExQy0wLjA5NzYzMTEgMS4zMTY1OCAtMC4wOTc2MzExIDAuNjgzNDE3IDAuMjkyODkzIDAuMjkyODkzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat;
      background-position: center; }
      .modal-window .window-container .close-btn-mw:hover {
        background-color: red; }

.modal-window.show {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

/* - Email form - */
.modal-window form input[type='text'] {
  width: 100%;
  padding: 10px;
  border: 1px solid #000000;
  font-family: 'Jost';}

.modal-window form input {
  margin: 0 0 15px; }
  .modal-window form input:focus {
    border: 1px solid #000000; }

@-webkit-keyframes ModalAnime {
  from {
    -webkit-transform: translateY(200px);
            transform: translateY(200px); }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes ModalAnime {
  from {
    -webkit-transform: translateY(200px);
            transform: translateY(200px); }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

/* ---- Адаптированная часть ---- */
@media screen and (max-width: 1200px) {
    .itemmu {
    min-width: auto;
}
  .exclamation-mark-img {
    display: none; } 
        .masonry-grid {
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.image-block {
    height: 350px;
}
}
@media screen and (max-width: 980px) {
    .itemmu {
    min-width: 250px;
}
    .masonry-item.featured {
    grid-row-end: span 18;
    grid-column: span 1;
}
  .work-performed-container.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .work-performed-container .gallery-wp .photo-wp,
  .work-performed-container .description-wp {
    width: 100%; }
  .work-performed-container .description-wp {
    padding: 15px;
    margin: 15px 0 0 0;
    background: #f1f1f1; }
  .price-calculation .w-970px.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .price-calculation .w-970px:before {
    display: none; }
  .price-calculation form {
    padding: 15px;
    margin: 25px 0 0;
    max-width: 450px;
    background-color: #fff;
    border: 8px solid #e94a2d; }
  .we-are-reliable-company .w-970px.flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .we-are-reliable-company .w-970px > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 25px;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .we-are-reliable-company .w-970px span img {
    width: 100%;
    margin: 25px 0; }
  .we-are-reliable-company .title-27px-warc {
    font-weight: bold;
    text-align: center; } }

@media screen and (max-width: 768px) {
    .masonry-item.featured {
    grid-row-end: span 18;
    grid-column: span 1;
}
  .title-53px {
    font-size: 33px; }
  .main-slider .description-slide .title-slide {
    font-size: 45px; }
    .main-slider .description-slide .title-slide span.font-size48px {
      font-size: 40px; }
  .main-slider .description-slide .price-slide {
    font-size: 25px; }
  .enumeration-services-slide p {
    font-size: 20px; }
  .enumeration-services-slide p + p {
    margin-left: 25px; }
  .block_under_slider .w-970px.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .block_under_slider .w-970px img {
    margin: 25px 0; }
  .view-photogallery .btn-vp {
    top: 0;
    bottom: 0;
    opacity: 0.7;
    margin: auto 0;
    position: absolute; }
    .view-photogallery .btn-vp.right-btn {
      right: 5px; }
    .view-photogallery .btn-vp.left-btn {
      left: 5px; }
  .questions-remained a {
    font-size: 20px; } }

@media screen and (max-width: 650px) {
    form.ajax_form {
    margin-top: 0px;
}
  .scheme-description b {
    text-align: center; }
  .photogallery-canopy.flex {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .photogallery-canopy img {
    margin: 0 0 25px; }
  .quick-calculator .form-qc.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .three-d-designing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .three-d-designing .w-970px .title-53px,
    .three-d-designing .w-970px .subtitle {
      text-align: center; } }

@media screen and (max-width: 480px) {
    .masonry-item.featured {
    grid-row-end: auto;
    grid-column: auto;
}
.masonry-grid {
    grid-auto-rows: auto;
}
    .header .title-header {
    font-size: 16px;
}
    .phone {
    top: 0px;
}
    .header {
    height: 90px;
}
.header .phone-and-email .header-button {
    left: 0px;
    top: 15px;
}
  .title-53px {
    font-size: 26px; }
  .header .email {
    display: none; }
  .header .phone {
    font-size: 16px;
    white-space: nowrap; }
  .main-slider .description-slide .title-slide {
    font-size: 30px; }
    .main-slider .description-slide .title-slide span.font-size48px {
      font-size: 20px; }
  .main-slider .description-slide .price-slide {
    font-size: 18px; }
  .scheme-description > * {
    margin-bottom: 25px; }
  .quick-calculator .form-qc {
    padding: 15px;
    background-color: #fff; }
    .quick-calculator .form-qc .select-form-qc {
      min-width: auto; }
  .we-are-reliable-company .w-970px span p {
    font-size: 16px; }
  .we-are-reliable-company .w-970px span .title-27px-warc {
    font-size: 20px; }
  .three-d-designing .w-970px .subtitle {
    font-size: 23px; }
  .work-performed-container .gallery-wp .photo-wp img {
    -o-object-fit: initial;
       object-fit: initial;
    margin: 15px 0 0 0 !important; }
  .work-performed-container .gallery-wp .photo-wp .main-photo-wp,
  .work-performed-container .gallery-wp .photo-wp .child-photo-wp {
    width: 100%;
            height: 300px; 
      object-fit: cover;
  }
  .photogallery-canopy img {
    width: 100%;
    height: 300px;
    -o-object-fit: initial;
       object-fit: initial; }
  .price-calculation .w-970px {
    padding: 25px 20px; }
  .price-calculation form label:not(.range-container) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .footer .w-970px p,
  .footer .w-970px a {
    font-size: 20px; }
  .modal-window .window-container {
    padding: 55px 30px 30px; }
    .modal-window .window-container .close-btn-mw {
      top: -1px;
      right: -1px; } }
      
    @media (min-width: 768px) and (max-width: 1200px) {  
        p.email {
    display: none;
}}
@media (min-width: 768px) and (max-width: 1920px) {
      .header .phone-and-email {
    right: 200px;
    position: relative;
}}
/*# sourceMappingURL=style.css.map */