@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap);
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{transform:rotate(1turn)}}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* 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;
    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
{
    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;
}

@charset "UTF-8";
@font-face {
  font-family: "icon-font";
  src: url(/fonts/icon-font.eot?90b05545c20f7f33d20ef675079ee7f9);
  src: url(/fonts/icon-font.eot?90b05545c20f7f33d20ef675079ee7f9#iefix) format("embedded-opentype"), url(/fonts/icon-font.ttf?09c5b70c3252062a7d1ccc3af04eaa2e) format("truetype"), url(/fonts/icon-font.woff?64cc0c61cf250665b5fc40d4963ed6e9) format("woff"), url(/fonts/icon-font.svg?617e3caafbe9b86ae828d915fb1a89e1#icon-font) format("svg");
  font-weight: normal;
  font-display: auto;
  font-style: normal;
}
[class^=fa-], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-fb:before {
  content: "\e901";
}

.fa-inst:before {
  content: "\e902";
}

.fa-arrow-down:before {
  content: "\e900";
}

.fa-arrow-next:before {
  content: "\e903";
}

.fa-arrow-prev:before {
  content: "\e904";
}

.fa-close:before {
  content: "\e905";
}

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@-webkit-keyframes move-light {
  from {
    transform: translateX(-4em) skewX(-45deg);
  }
  to {
    transform: translateX(18em) skewX(-45deg);
  }
}

@keyframes move-light {
  from {
    transform: translateX(-4em) skewX(-45deg);
  }
  to {
    transform: translateX(18em) skewX(-45deg);
  }
}
.policy {
  padding: 100px 0;
}
@media only screen and (max-width: 980px) {
  .policy {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 720px) {
  .policy {
    padding: 50px 0;
  }
}

*::-moz-selection {
  color: #fff;
  /* Цвет текста */
  background: #20322A;
  /* Цвет фона */
}

*::selection {
  color: #fff;
  /* Цвет текста */
  background: #20322A;
  /* Цвет фона */
}

html, body {
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
}

body {
  min-width: 320px;
  color: #fff;
  font: normal 18px/1.5 "Inter", sans-serif;
}

main {
  background-color: #fff;
  position: relative;
  z-index: 3;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: "Inter", sans-serif;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}
a::-moz-selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */
}
a::selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */
}

form {
  box-sizing: border-box;
}

input {
  outline: none;
  box-sizing: border-box;
}

input[type=submit] {
  cursor: pointer;
}

textarea {
  box-sizing: border-box;
  outline: none;
}

select, option {
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select::-ms-expand {
  display: none;
}

img::-moz-selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */
}

img::selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */
}

label {
  cursor: pointer;
  margin-bottom: 0;
}

.section-frame {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 1550px) {
  .section-frame {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 1250px) {
  .section-frame {
    max-width: 700px;
  }
}
@media only screen and (max-width: 720px) {
  .section-frame {
    max-width: 375px;
    padding: 0 20px;
  }
}

.load * {
  transition: none !important;
}

.open-frame {
  overflow: hidden;
}

@media only screen and (max-width: 1250px) {
  .tablet-hide {
    display: none !important;
  }
}

@media only screen and (max-width: 1250px) {
  .table-hide {
    display: none !important;
  }
}

.table-show {
  display: none !important;
}
@media only screen and (max-width: 1250px) {
  .table-show {
    display: block !important;
  }
}

.table-show-flex {
  display: none !important;
}
@media only screen and (max-width: 1250px) {
  .table-show-flex {
    display: flex !important;
  }
}

@media only screen and (max-width: 720px) {
  .mob-hide {
    display: none !important;
  }
}

.mob-show {
  display: none !important;
}
@media only screen and (max-width: 720px) {
  .mob-show {
    display: block !important;
  }
}

.mob-show-flex {
  display: none !important;
}
@media only screen and (max-width: 720px) {
  .mob-show-flex {
    display: flex !important;
  }
}

.header {
  width: 100%;
  background: rgba(65, 91, 81, 0.9);
  box-sizing: border-box;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  transition: 0.6s;
}

.header.out {
  transform: translateY(-200%);
}

.header-frame {
  display: flex;
  align-items: center;
}

.logo {
  width: 157px;
  display: block;
}
.logo img {
  max-width: 100%;
  display: block;
}

.header-logo {
  width: 290px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #20322A;
  transform: translateY(24px);
  transition: 0.4s;
}
.header-logo img {
  width: 225px;
  display: block;
  transition: 0.4s;
}
@media only screen and (max-width: 1250px) {
  .header-logo {
    width: 212px;
    height: 87px;
    margin-right: auto;
  }
  .header-logo img {
    width: 172px;
    display: block;
  }
}
@media only screen and (max-width: 720px) {
  .header-logo {
    width: 193px;
    height: 80px;
    transform: translateY(15px);
  }
  .header-logo img {
    width: 157px;
  }
}

.header-menu {
  margin-left: auto;
  margin-right: 100px;
}
.header-menu ul {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}
.header-menu li {
  margin-right: 50px;
}
.header-menu li:last-child {
  margin: 0;
}
.header-menu a {
  position: relative;
  overflow: hidden;
}
.header-menu a::after {
  content: "";
  width: 0%;
  height: 1px;
  background-color: #fff;
  border-radius: inherit;
  position: absolute;
  transition: 0.4s;
  transform-origin: left;
  bottom: 0;
  right: 0;
  left: auto;
}
.header-menu a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.header-menu a:after {
  bottom: -3px;
}
@media only screen and (max-width: 1250px) {
  .header-menu {
    margin: 55px auto 0;
  }
  .header-menu ul {
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .header-menu li {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

.social {
  display: flex;
  align-items: center;
  font-size: 25px;
}
.social li {
  margin-right: 27px;
}
.social li:last-child {
  margin: 0;
}
.social a {
  display: block;
  transition: 0.3s;
}
.social a:hover {
  transform: scale(1.1);
}

.header-social {
  margin-right: 225px;
}
@media only screen and (max-width: 1550px) {
  .header-social {
    margin-right: 85px;
  }
}
@media only screen and (max-width: 720px) {
  .header-social {
    display: none;
  }
}

.language {
  position: relative;
}
@media only screen and (max-width: 720px) {
  .language {
    display: none;
  }
}

.language-active {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.language-active i {
  margin-left: 10px;
  font-size: 8px;
  transition: 0.4s;
}
.language-active:hover i {
  transform: scale(1.1);
}

.language-link {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}

.language-drop {
  display: none;
  position: absolute;
  margin-top: 10px;
}
.language-drop li {
  margin-bottom: 10px;
}
.language-drop li:last-child {
  margin: 0;
}

.header_static {
  position: static;
}

.burger {
  display: none;
  margin-right: 60px;
}
.burger p {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}
.burger img {
  display: block;
  margin-right: 13px;
}
@media only screen and (max-width: 1250px) {
  .burger {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 720px) {
  .burger {
    margin-right: 0;
  }
}

.mob-menu-frame {
  width: 100%;
  height: 100vh;
  display: none;
  overflow-y: auto;
  background: rgba(185, 185, 190, 0.6);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}

.mob-menu {
  width: 310px;
  min-height: 100%;
  padding: 80px 50px 135px;
  background-color: #20322A;
  box-sizing: border-box;
  transition: 0.4s;
  position: absolute;
  right: -310px;
  top: 0;
}

.mob-menu_active {
  right: 0px;
}

.mob-close {
  font-size: 20px;
  color: #B9B9BE;
  cursor: pointer;
  position: absolute;
  top: 30px;
  left: 30px;
}

.mob-logo {
  width: 57px;
  display: block;
  margin: 0 auto;
}
.mob-logo img {
  width: 100%;
  display: block;
}

.header_active {
  color: #779C8D !important;
  border-color: #779C8D !important;
}

.header-social_mob {
  padding: 33px 0;
  justify-content: center;
  margin-top: 70px;
  border-top: 1px solid #B9B9BE;
  border-bottom: 1px solid #B9B9BE;
  font-size: 30px;
}

.language-mob {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 90px;
}
.language-mob li {
  margin-right: 21px;
}
.language-mob li:last-child {
  margin-right: 0;
}

.header-scroll .header-logo {
  height: 80px;
}
.header-scroll .header-logo img {
  width: 180px;
}
@media only screen and (max-width: 1250px) {
  .header-scroll .header-logo {
    height: 70px;
    margin-right: auto;
  }
  .header-scroll .header-logo img {
    width: 150px;
    display: block;
  }
}
@media only screen and (max-width: 720px) {
  .header-scroll .header-logo {
    height: 65px;
    transform: translateY(15px);
  }
  .header-scroll .header-logo img {
    width: 130px;
  }
}

.footer {
  width: 100%;
  padding-top: 177px;
  background: url(/images/footer-bg.jpg?cb5f2086141b3c0fcc589c265290346e) center bottom no-repeat;
  background-size: cover;
}
.footer::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(32, 50, 42, 0.9);
  position: absolute;
  left: 0;
  top: 0;
}
.footer .section-frame {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 720px) {
  .footer {
    padding-top: 135px;
  }
}

.footer-back {
  padding-top: 125px;
}
@media only screen and (max-width: 720px) {
  .footer-back {
    padding-top: 100px;
  }
}

.footer-back-form {
  margin: 0 auto 144px;
}
@media only screen and (max-width: 1250px) {
  .footer-back-form {
    margin-bottom: 134px;
  }
}

.footer-back__group {
  width: 473px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .footer-back__group {
    width: 100%;
  }
}

.form-title {
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: -0.015em;
  font-weight: 300;
}
.form-title h2 {
  font-size: 36px;
  line-height: 44px;
}
.form-title p {
  line-height: 22px;
  margin-top: 10px;
}
@media only screen and (max-width: 720px) {
  .form-title h2 {
    font-size: 26px;
    line-height: 31px;
  }
  .form-title p {
    font-size: 14px;
    line-height: 17px;
  }
}

.page-input {
  width: 100%;
  height: 52px;
  padding: 0 23px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #FFFFFF;
  font-size: 15px;
  color: #000;
  margin-bottom: 16px;
}
.page-input:last-child {
  margin-bottom: 0;
}
.page-input::-moz-placeholder {
  color: #000;
}
.page-input:-ms-input-placeholder {
  color: #000;
}
.page-input::placeholder {
  color: #000;
}

.footer-back__sub {
  max-width: 100%;
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  background: #20322A;
  font: 900 13px "Inter", sans-serif;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  transition: 0.4s;
}
.footer-back__sub input {
  display: none;
}
.footer-back__sub:hover {
  background-color: #fff;
  color: #20322A;
}

.footer-content {
  padding: 40px;
  padding-bottom: 25px;
  background: rgba(65, 91, 81, 0.3);
  border: 1px solid #B9B9BE;
  border-bottom: none;
  box-sizing: border-box;
}
@media only screen and (max-width: 1250px) {
  .footer-content {
    padding: 32px 30px 40px;
  }
}

.footer-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 1250px) {
  .footer-bar {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 720px) {
  .footer-bar {
    flex-direction: column;
  }
  .footer-bar .logo {
    margin: 0 auto;
  }
}

.footer-phone {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 720px) {
  .footer-phone {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 35px auto;
  }
}

.footer-address {
  font-size: 17px;
  line-height: 21px;
}
@media only screen and (max-width: 720px) {
  .footer-address {
    width: 100%;
    text-align: center;
  }
}

.footer-mail {
  font-size: 17px;
  line-height: 21px;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 1250px) {
  .footer-mail {
    margin-left: auto;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 720px) {
  .footer-mail {
    margin: 35px auto 0;
  }
}

@media only screen and (max-width: 1250px) {
  .footer-social {
    margin-top: 40px;
    margin-right: auto;
    margin-left: 60px;
  }
}
@media only screen and (max-width: 720px) {
  .footer-social {
    margin-left: auto;
    margin-top: 35px;
  }
}

.footer-copy {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}
@media only screen and (max-width: 1250px) {
  .footer-copy {
    text-align: center;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 720px) {
  .footer-copy {
    margin-top: 40px;
    font-size: 10px;
  }
}

.gallery-wrap {
  position: relative;
}

.gallery-slide img {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (max-width: 1250px) {
  .gallery-slide img {
    height: 100vh;
    min-height: 700px;
  }
}
@media only screen and (max-width: 720px) {
  .gallery-slide img {
    min-width: 400px;
  }
}

.gallery-dots {
  width: 100%;
  position: absolute;
  bottom: 50px;
}
.gallery-dots ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-dots li {
  width: 30px;
  height: 7px;
  background-color: #415B51;
  margin-right: 20px;
  transition: 0.4s;
  cursor: pointer;
}
.gallery-dots li:last-child {
  margin-right: 0;
}
.gallery-dots button {
  display: none;
}
.gallery-dots .slick-active {
  background-color: #20322A;
}

.gallery-arrow {
  width: 118px;
  height: 118px;
  display: flex;
  align-items: center;
  font-size: 52px;
  position: absolute;
  top: calc(50% - 59px);
}
.gallery-arrow::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #B9B9BE;
  opacity: 0.4;
  transform: rotate(45deg);
  position: absolute;
  transition: 0.4s;
}
.gallery-arrow img {
  display: block;
  position: relative;
  z-index: 2;
}
.gallery-arrow:hover::before {
  opacity: 0.8;
}
@media only screen and (max-width: 720px) {
  .gallery-arrow {
    width: 82px;
    height: 82px;
  }
  .gallery-arrow img {
    width: 36px;
  }
}

.gallery-prev {
  left: -59px;
  justify-content: flex-end;
}
.gallery-prev img {
  transform: translateX(5px);
}
@media only screen and (max-width: 720px) {
  .gallery-prev {
    left: -41px;
  }
}

.gallery-next {
  right: -59px;
  justify-content: flex-start;
}
.gallery-next img {
  transform: translateX(-5px);
}
@media only screen and (max-width: 720px) {
  .gallery-next {
    right: -41px;
  }
}

.makovski {
  padding: 115px 0 56px;
  background: #20322A;
}
@media only screen and (max-width: 1250px) {
  .makovski {
    padding: 110px 0 60px;
  }
}
@media only screen and (max-width: 720px) {
  .makovski {
    padding: 40px 0 55px;
  }
}

.makovski-content {
  max-width: 1100px;
  display: flex;
  align-items: flex-start;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .makovski-content {
    flex-direction: column;
  }
}

.makovski-content {
  padding: 70px 0;
  position: relative;
}
.makovski-content::before {
  content: "";
  width: 730px;
  height: 100%;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  position: absolute;
  left: 180px;
  top: 0;
}
@media only screen and (max-width: 1250px) {
  .makovski-content {
    padding: 35px 0;
  }
  .makovski-content::before {
    width: 461px;
    left: 110px;
  }
}
@media only screen and (max-width: 1250px) {
  .makovski-content::before {
    height: calc(100% - 560px);
  }
}

.makovski-info__wrap {
  max-width: 540px;
  padding: 35px 0 80px;
  background-color: #20322A;
  position: relative;
  padding: 10px 0 30px;
}
.makovski-info__wrap h2 {
  font-weight: 300;
  font-size: 50px;
  line-height: 61px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  .makovski-info__wrap {
    width: 330px;
  }
  .makovski-info__wrap h2 {
    font-size: 30px;
    line-height: 36px;
  }
}

.makovski-descripter {
  display: block;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.makovski-descrition {
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.makovski-descrition:last-child {
  margin-bottom: 0;
}

.makovski-logo {
  display: block;
  position: absolute;
  top: 30px;
  left: 245px;
}
@media only screen and (max-width: 1250px) {
  .makovski-logo {
    width: 400px;
    left: 144px;
    top: 220px;
  }
}

.makovski-photo {
  position: absolute;
  top: -60px;
  right: 0;
}
@media only screen and (max-width: 1250px) {
  .makovski-photo {
    width: 311px;
  }
}
@media only screen and (max-width: 720px) {
  .makovski-photo {
    width: 100%;
    height: 445px;
    -o-object-fit: cover;
       object-fit: cover;
    position: static;
    margin-top: 115px;
  }
}

.main-page-project {
  padding: 105px 0;
  background-color: #B9B9BE;
}
@media only screen and (max-width: 720px) {
  .main-page-project {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 720px) {
  .main-page-project {
    padding: 60px 0;
  }
}

.project-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 30px), 1fr));
  grid-gap: 30px 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 1250px) {
  .project-wrap {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr));
  }
}
@media screen and (max-width: 980px) {
  .project-wrap {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr));
  }
}
@media screen and (max-width: 700px) {
  .project-wrap {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr));
  }
}
.project-wrap img {
  max-width: 100%;
  display: block;
}
@media only screen and (max-width: 1250px) {
  .project-wrap {
    grid-gap: 15px;
  }
}

.project-item {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.project-item:last-child {
  margin-bottom: 0;
}
.project-item:hover .project-item__link {
  opacity: 1;
}
@media only screen and (max-width: 1250px) {
  .project-item {
    margin-bottom: 15px;
  }
}

.project-item__photo {
  width: 100%;
  min-height: 366px;
  display: block;
}
@media only screen and (max-width: 1250px) {
  .project-item__photo {
    min-height: 170px;
  }
}

.project-item__title {
  max-width: calc(100% - 60px);
  padding: 40px;
  padding-bottom: 30px;
  background-color: rgba(32, 50, 42, 0.6);
  position: absolute;
  text-align: center;
  font-weight: 300;
  box-sizing: border-box;
  top: 30px;
  left: 30px;
}
.project-item__title h3 {
  font-size: 30px;
  line-height: 35px;
}
.project-item__title p {
  font-size: 14px;
  margin-top: 10px;
}
@media only screen and (max-width: 1250px) {
  .project-item__title {
    padding: 20px;
    top: 14px;
    left: 14px;
  }
  .project-item__title h3 {
    font-size: 20px;
    line-height: 21px;
  }
}

.project-item__link {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  position: absolute;
  right: 41px;
  bottom: 41px;
  opacity: 0;
  transition: 0.3s;
}
.project-item__link img {
  margin-right: 5px;
}
.project-item__link::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: absolute;
  margin: auto;
  transform: rotate(45deg);
  transition: 0.4s;
}
.project-item__link:hover::before {
  transform: rotate(-45deg);
}
@media only screen and (max-width: 1250px) {
  .project-item__link {
    width: 55px;
    height: 55px;
    right: 25px;
    bottom: 25px;
  }
  .project-item__link img {
    width: 35px;
  }
}

.policy-title {
  font-size: 40px;
  text-align: center;
}
.policy-title h1 {
  line-height: 1.3;
}
.policy-title span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #20322A;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .policy-title {
    font-size: 28px;
  }
}

.policy-list {
  margin-top: 40px;
  counter-reset: num;
}

.policy-item {
  margin-bottom: 40px;
  counter-reset: item;
}
.policy-item h3 {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 15px;
  color: #414141;
}
.policy-item h3::before {
  content: counter(num);
  counter-increment: num;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #20322A;
  color: #fff;
  border-radius: 2px;
  margin-right: 10px;
  flex-shrink: 0;
}
.policy-item p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}
.policy-item p::before {
  content: counter(item) ". ";
  counter-increment: item;
}
.policy-item a {
  transition: 0.4s;
}
.policy-item a:hover {
  color: #20322A;
}

.policy-btn {
  max-width: 100%;
  width: 225px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  background: #20322A;
  font: 900 13px "Inter", sans-serif;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  transition: 0.4s;
  margin: 0 auto;
}
.policy-btn input {
  display: none;
}
.policy-btn:hover {
  background-color: #fff;
  color: #20322A;
}

.popup-frame {
  width: 100%;
  height: 100vh;
  padding: 20px;
  display: none;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  background: rgba(8, 7, 35, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-sizing: border-box;
  overflow: auto;
  left: 0;
  top: 0;
  z-index: 80;
}

.popup-default {
  display: block;
  width: 550px;
  padding: 75px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  margin: auto;
}
@media only screen and (max-width: 720px) {
  .popup-default {
    padding: 50px 20px;
  }
}

.popup-default-title {
  margin-bottom: 30px;
}
.popup-default-title h3 {
  font-size: 34px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #272727;
}
.popup-default-title p {
  max-width: 75%;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  font-weight: 400;
  margin: 15px auto 0;
  color: #999;
}
@media only screen and (max-width: 720px) {
  .popup-default-title h3 {
    font-size: 24px;
  }
}

.popup-default-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
}
.popup-default-item p {
  font-weight: 400;
  position: absolute;
  font-size: 16px;
  bottom: 13px;
  transition: 0.3s;
  cursor: pointer;
}
.popup-default-item input {
  width: 100%;
  height: 50px;
  border: none;
  font-size: 16px;
  border-bottom: 1px solid #DEDEDE;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
}

.active-default-input p {
  bottom: 48px;
  font-size: 12px;
}

.popup-default-sub {
  max-width: 100%;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  background: #20322A;
  font: 900 13px "Inter", sans-serif;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  transition: 0.4s;
  margin-top: 40px;
}
.popup-default-sub input {
  display: none;
}
.popup-default-sub:hover {
  background-color: #fff;
  color: #20322A;
}
@media only screen and (max-width: 720px) {
  .popup-default-sub {
    margin-top: 20px;
  }
}

.popup-default-close {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.popup-default-close::before, .popup-default-close::after {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #999;
  position: absolute;
  transition: 0.3s;
}
.popup-default-close::before {
  transform: rotate(45deg);
}
.popup-default-close::after {
  transform: rotate(-45deg);
}
.popup-default-close:hover::before, .popup-default-close:hover::after {
  background-color: #20322A;
}

.banner {
  padding: 190px 0 65px;
}
@media only screen and (max-width: 720px) {
  .banner {
    padding: 145px 0 50px;
  }
}

.banner_project {
  background: url(/images/project-banner.jpg?6cbba79b53653829748ef39e5304b6c2) center no-repeat;
  background-size: cover;
}

.banner-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 40px;
  line-height: 48px;
}
@media only screen and (max-width: 720px) {
  .banner-title {
    font-size: 30px;
    line-height: 35px;
  }
}

.project {
  padding: 50px 0 80px;
  background: #B9B9BE;
}

.project-description {
  max-width: 1100px;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  line-height: 24px;
  color: #20322A;
}
.project-description p {
  margin-bottom: 20px;
}
.project-description p:last-child {
  margin-bottom: 0;
}

.project-work {
  margin-top: 78px;
}
@media only screen and (max-width: 720px) {
  .project-work {
    margin-top: 35px;
  }
}

.project-tabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1550px) {
  .project-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 20px), 1fr));
    grid-gap: 20px 20px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1550px) and (max-width: 1250px) {
  .project-tabs {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr));
  }
}
@media only screen and (max-width: 1550px) and (max-width: 980px) {
  .project-tabs {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 20px), 1fr));
  }
}
@media only screen and (max-width: 1550px) and (max-width: 700px) {
  .project-tabs {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr));
  }
}
@media only screen and (max-width: 1550px) {
  .project-tabs img {
    max-width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 720px) {
  .project-tabs {
    grid-gap: 10px;
  }
}

.project-tab {
  padding: 15px 41px;
  background-color: #415B51;
  border: 2px solid #FFFFFF;
  text-align: center;
  box-sizing: border-box;
  font-weight: 900;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: 0.4s;
  margin-bottom: 20px;
}
.project-tab:hover {
  background-color: #20322A;
}
@media only screen and (max-width: 1550px) {
  .project-tab {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
}
@media only screen and (max-width: 720px) {
  .project-tab {
    font-size: 12px;
    padding: 15px 20px;
  }
}

.project-tab_active {
  background-color: #20322A;
}

.project-tab_445 {
  width: 445px;
}

.project-tab_368 {
  width: 368px;
}

.project-tab_601 {
  width: 601px;
}

.project-tab_496 {
  width: 496px;
}

.project-tab_348 {
  width: 348px;
}

.project-wrap_hide {
  display: none;
}

.project-single {
  padding: 165px 0 95px;
  color: #20322A;
  background-color: #E5E5E5;
}
@media only screen and (max-width: 1250px) {
  .project-single {
    padding: 132px 0 45px;
  }
}
@media only screen and (max-width: 720px) {
  .project-single {
    padding: 150px 0 45px;
  }
}

.project-single__title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
}
.project-single__title h1 {
  font-size: 40px;
  line-height: 48px;
  color: #20322A;
}
.project-single__title p {
  line-height: 22px;
  margin-top: 15px;
}
@media only screen and (max-width: 720px) {
  .project-single__title h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .project-single__title p {
    font-size: 16px;
    margin-top: 10px;
  }
}

.project-single__wrap {
  margin: 40px 0 90px;
  position: relative;
}
@media only screen and (max-width: 720px) {
  .project-single__wrap {
    margin: 30px 0 40px;
  }
}

.project-single__slider .slick-active {
  margin-top: 0;
  opacity: 1;
}

.project-single__slide {
  margin: 17px 15px 0;
  transition: 0.4s;
  opacity: 0.7;
}
.project-single__slide img {
  width: 100%;
  height: 571px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (max-width: 1250px) {
  .project-single__slide img {
    height: 400px;
  }
}
@media only screen and (max-width: 720px) {
  .project-single__slide {
    margin: 17px 10px 0;
  }
  .project-single__slide img {
    height: 250px;
  }
}

.project-single__arrow {
  width: 785px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 34px);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.project-single__arrow a {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  position: relative;
}
.project-single__arrow a::before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.4;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  position: absolute;
  transform: rotate(45deg);
  transition: 0.4s;
}
.project-single__arrow a:hover::before {
  transform: rotate(-45deg);
}
@media only screen and (max-width: 1250px) {
  .project-single__arrow {
    width: 600px;
  }
  .project-single__arrow a {
    width: 50px;
    height: 50px;
  }
  .project-single__arrow a img {
    width: 30px;
  }
}
@media only screen and (max-width: 720px) {
  .project-single__arrow {
    width: 250px;
  }
  .project-single__arrow a {
    width: 40px;
    height: 40px;
  }
  .project-single__arrow a img {
    width: 20px;
  }
}

.project-single__prev {
  justify-content: flex-start;
}
.project-single__prev img {
  margin-left: 4px;
}

.project-single__next {
  justify-content: flex-end;
}
.project-single__next img {
  margin-right: 4px;
}

.project-single__info {
  max-width: 1105px;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  color: #20322A;
  line-height: 24px;
}

.other {
  padding: 50px 0 80px;
  background: #B9B9BE;
}

.other-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #20322A;
  margin-bottom: 90px;
}
@media only screen and (max-width: 720px) {
  .other-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 720px) {
  .other-title {
    font-size: 26px;
  }
}

.banner_about {
  background: url(/images/about-banner.jpg?5d0bc9798dcb4dfa7b3405b606d7165e) center no-repeat;
  background-size: cover;
}

.about {
  padding: 70px 0 160px;
  background: #20322A;
}
@media only screen and (max-width: 1250px) {
  .about {
    padding: 60px 0;
  }
}

.about-item {
  max-width: 1110px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
  margin: 0 auto 130px;
}
.about-item:last-child {
  margin-bottom: 0;
}
.about-item:nth-child(odd) .about-photo {
  margin-left: 65px;
}
@media only screen and (max-width: 1250px) {
  .about-item:nth-child(odd) .about-photo {
    margin-left: 25px;
  }
}
.about-item:nth-child(odd) .about-info::before {
  right: -187px;
}
@media only screen and (max-width: 720px) {
  .about-item:nth-child(odd) .about-info::before {
    right: -30px;
  }
}
.about-item:nth-child(even) {
  flex-direction: row-reverse;
}
.about-item:nth-child(even) .about-photo {
  margin-right: 65px;
}
@media only screen and (max-width: 1250px) {
  .about-item:nth-child(even) .about-photo {
    margin-right: 20px;
  }
}
.about-item:nth-child(even) .about-info {
  padding-bottom: 70px;
}
@media only screen and (max-width: 720px) {
  .about-item:nth-child(even) .about-info {
    margin-left: auto;
  }
}
.about-item:nth-child(even) .about-info::before {
  left: -140px;
}
@media only screen and (max-width: 720px) {
  .about-item:nth-child(even) .about-info::before {
    left: -30px;
  }
}
@media only screen and (max-width: 720px) {
  .about-item {
    display: block;
    margin-bottom: 50px;
  }
}

.about-info {
  padding: 50px 0;
  margin-top: 50px;
  position: relative;
}
.about-info h3 {
  font-weight: 300;
  font-size: 50px;
  line-height: 61px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.about-info p {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 25px;
}
.about-info p:last-child {
  margin-bottom: 0;
}
.about-info::before {
  content: "";
  width: 4000px;
  height: 100%;
  border: 1px solid #B9B9BE;
  box-sizing: border-box;
  position: absolute;
  pointer-events: none;
  top: 0;
}
@media only screen and (max-width: 1250px) {
  .about-info h3 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 720px) {
  .about-info {
    width: calc(100% - 40px);
    padding: 30px 0;
    margin-top: 0;
  }
  .about-info h3 {
    margin-bottom: 20px;
  }
}

.about-photo {
  width: 500px;
  height: 500px;
  display: block;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  .about-photo {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (max-width: 720px) {
  .about-photo {
    width: 100%;
    height: auto;
    margin: 20px 0 0 !important;
  }
}

.work {
  padding: 50px 0 80px;
  background: #B9B9BE;
  color: #20322A;
}

.work-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  text-align: center;
  color: #20322A;
}
@media only screen and (max-width: 720px) {
  .work-title {
    font-size: 30px;
    line-height: 40px;
  }
}

.work-info {
  max-width: 1100px;
  margin: 50px auto 0;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .work-info {
    margin-top: 30px;
  }
}

.banner_contact {
  background: url(/images/contact-banner.jpg?7100c941ce328f99a5969acbda6474d8) center no-repeat;
  background-size: cover;
}

.contact {
  padding: 130px 0 100px;
  background: #B9B9BE;
  color: #20322A;
}
@media only screen and (max-width: 720px) {
  .contact {
    padding: 50px 0;
  }
}

.contact-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 1250px) {
  .contact-content {
    width: 300px;
    flex-direction: column;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 720px) {
  .contact-content {
    width: 100%;
  }
}

.contact-item {
  display: flex;
  align-items: flex-start;
  margin-right: 105px;
}
.contact-item:nth-child(2) img {
  max-width: 18px;
}
.contact-item:last-child {
  margin: 0;
}
.contact-item img {
  max-width: 25px;
  display: block;
  margin-right: 15px;
}
@media only screen and (max-width: 1250px) {
  .contact-item {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.contact-item__info-title {
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 14px;
}

.contact-item__icon_top {
  margin-top: -4px;
}

.contact-item__info a {
  font-weight: 700;
}
.contact-item__info a:hover {
  color: #202A32;
}
.contact-item__info a, .contact-item__info b {
  max-width: 300px;
  font-size: 17px;
  line-height: 21px;
}

.contact-social {
  margin-top: 115px;
}
@media only screen and (max-width: 1250px) {
  .contact-social {
    margin-top: 40px;
  }
}

.contact-social__title {
  font-size: 17px;
  line-height: 21px;
  color: #20322A;
  text-align: center;
}

.contact-social__list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  font-size: 36px;
}
.contact-social__list li {
  margin-right: 35px;
}
.contact-social__list li:last-child {
  margin-right: 0;
}
.contact-social__list a {
  display: block;
  transition: 0.4s;
}
.contact-social__list a:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 1250px) {
  .contact-social__list {
    margin-top: 30px;
  }
}

.contact-group {
  max-width: 985px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 34px), 1fr));
  grid-gap: 16px 34px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .contact-group {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 34px), 1fr));
  }
}
@media screen and (max-width: 980px) {
  .contact-group {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 34px), 1fr));
  }
}
@media screen and (max-width: 700px) {
  .contact-group {
    grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 34px), 1fr));
  }
}
.contact-group img {
  max-width: 100%;
  display: block;
}

.contact__sub {
  width: 473px;
  margin: 30px auto 0;
}

.page-area {
  width: 100%;
  height: 100%;
  padding: 20px 23px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #FFFFFF;
  font-size: 15px;
  color: #000;
  margin-bottom: 16px;
  resize: none;
}
.page-area:last-child {
  margin-bottom: 0;
}
.page-area::-moz-placeholder {
  color: #000;
}
.page-area:-ms-input-placeholder {
  color: #000;
}
.page-area::placeholder {
  color: #000;
}
@media only screen and (max-width: 720px) {
  .page-area {
    height: 140px;
  }
}

/*# sourceMappingURL=app.css.map*/