@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVQexQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4kaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4kaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4kaVc.ttf) format('truetype');
}


@font-face {
  font-family: 'TT Norms ExtraBold';
  src: url('../themes/pmmd/assets/fonts/TTNorms-ExtraBoldItalic.eot');
  src: local('TT Norms ExtraBold Italic'), local('TTNorms-ExtraBoldItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraBoldItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Bold.eot');
  src: local('TT Norms Bold'), local('TTNorms-Bold'),
      url('../themes/pmmd/assets/fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Bold.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Thin.eot');
  src: local('TT Norms Thin'), local('TTNorms-Thin'),
      url('../themes/pmmd/assets/fonts/TTNorms-Thin.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Thin.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Regular.eot');
  src: local('TT Norms Regular'), local('TTNorms-Regular'),
      url('../themes/pmmd/assets/fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Regular.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms Thin';
  src: url('../themes/pmmd/assets/fonts/TTNorms-ThinItalic.eot');
  src: local('TT Norms Thin Italic'), local('TTNorms-ThinItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-ThinItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Italic.eot');
  src: local('TT Norms Italic'), local('TTNorms-Italic'),
      url('../themes/pmmd/assets/fonts/TTNorms-Italic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Italic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Heavy.eot');
  src: local('TT Norms Heavy'), local('TTNorms-Heavy'),
      url('../themes/pmmd/assets/fonts/TTNorms-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Heavy.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Light.eot');
  src: local('TT Norms Light'), local('TTNorms-Light'),
      url('../themes/pmmd/assets/fonts/TTNorms-Light.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Light.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms Black';
  src: url('../themes/pmmd/assets/fonts/TTNorms-BlackItalic.eot');
  src: local('TT Norms Black Italic'), local('TTNorms-BlackItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-BlackItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-ExtraLight.eot');
  src: local('TT Norms ExtraLight'), local('TTNorms-ExtraLight'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraLight.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms Light';
  src: url('../themes/pmmd/assets/fonts/TTNorms-LightItalic.eot');
  src: local('TT Norms Light Italic'), local('TTNorms-LightItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-LightItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms ExtraLight';
  src: url('../themes/pmmd/assets/fonts/TTNorms-ExtraLightItalic.eot');
  src: local('TT Norms ExtraLight Italic'), local('TTNorms-ExtraLightItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraLightItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms Bold';
  src: url('../themes/pmmd/assets/fonts/TTNorms-BoldItalic.eot');
  src: local('TT Norms Bold Italic'), local('TTNorms-BoldItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-BoldItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Medium.eot');
  src: local('TT Norms Medium'), local('TTNorms-Medium'),
      url('../themes/pmmd/assets/fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Medium.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-Black.eot');
  src: local('TT Norms Black'), local('TTNorms-Black'),
      url('../themes/pmmd/assets/fonts/TTNorms-Black.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-Black.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms Medium';
  src: url('../themes/pmmd/assets/fonts/TTNorms-MediumItalic.eot');
  src: local('TT Norms Medium Italic'), local('TTNorms-MediumItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-MediumItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms Heavy';
  src: url('../themes/pmmd/assets/fonts/TTNorms-HeavyItalic.eot');
  src: local('TT Norms Heavy Italic'), local('TTNorms-HeavyItalic'),
      url('../themes/pmmd/assets/fonts/TTNorms-HeavyItalic.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-HeavyItalic.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'TT Norms';
  src: url('../themes/pmmd/assets/fonts/TTNorms-ExtraBold.eot');
  src: local('TT Norms ExtraBold'), local('TTNorms-ExtraBold'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraBold.woff') format('woff'),
      url('../themes/pmmd/assets/fonts/TTNorms-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

* { padding: 0; margin: 0; -webkit-tap-highlight-color: transparent; }

html._loading { pointer-events: none; }

html._loading .wrapper { display: none; }

html, body { width: 100%; height: 100%; cursor: default; overflow: hidden; position: relative; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; font-family: 'TT Norms', 'Open Sans', Helvetica, Arial, sans-serif; }

body { font-size: 14px; line-height: 1.4; color: #000; background-color: #1b1b1b; }

html._mobile body { -webkit-text-size-adjust: 100%; }

img, fieldset { border: 0; }

fieldset legend { display: none; }

ul, li { list-style-type: none; }

img { vertical-align: top; transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a:link, a:visited, a:hover, a:active { color: inherit; }

a:hover { text-decoration: none; }

input, select, textarea { box-sizing: border-box; }

::-moz-selection { background: #5f5f5f; color: #FFFFFF; text-shadow: none; }

::selection { background: #5f5f5f; color: #FFFFFF; text-shadow: none; }

html._win ._white-scrollbar::-webkit-scrollbar { width: 3px; height: 3px; background: #FFFFFF; }

html._win ._white-scrollbar::-webkit-scrollbar-button { display: none; }

html._win ._white-scrollbar::-webkit-scrollbar-track { background: #FFFFFF; }

html._win ._white-scrollbar::-webkit-scrollbar-thumb { background: #000000; }

html._win ._white-scrollbar::-webkit-scrollbar-thumb:hover { background: #000000; }

html._win ._black-scrollbar::-webkit-scrollbar { width: 3px; height: 3px; background: #000000; }

html._win ._black-scrollbar::-webkit-scrollbar-button { display: none; }

html._win ._black-scrollbar::-webkit-scrollbar-track { background: #000000; }

html._win ._black-scrollbar::-webkit-scrollbar-thumb { background: #FFFFFF; }

html._win ._black-scrollbar::-webkit-scrollbar-thumb:hover { background: #FFFFFF; }

#__bs_notify__ { padding: 2px !important; font-size: 10px !important; opacity: 0.75; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 0; }

.wrapper { position: relative; top: 0; left: 0; width: 100vw; height: 100%; }

.overlays { position: fixed; z-index: 9800; }

@media only screen and (max-width: 767px) { .overlays { position: absolute; } }

.pages { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; filter: grayscale(0); transition: filter 0.5s ease-out; }

.pages__page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.pages__page._index { background-color: #151515; }

.pages__page._archive { background-color: #151515; }

.pages__page._work { background-color: #fff; }
.pages__page._work.pages__page_dark { background-color: #151515; color: #fff; }

.pages__page._works { background-color: #fff; }

.pages__page._company { background-color: #fff; }

.pages__page._blog { background-color: #151515; }

.pages__page._contacts { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pages__content { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.pages__content._hero { height: 100vh; }

html._menu-opened .pages { filter: grayscale(1); }

.logo { position: fixed; left: 17vw; top: 24vh; z-index: 10; outline: none; -webkit-tap-highlight-color: transparent; width: 63px; height: 82px; background: url('../themes/pmmd/assets/img/logo_black.svg') no-repeat 50% 50% transparent; background-size: contain; }

.logo._white { background: url('../themes/pmmd/assets/img/logo_white.svg') no-repeat 50% 50% transparent; background-size: contain; }
.contacts__content .logo { position: relative; float: left; top: initial; left: initial;}

.scroll-to-top { position: fixed; z-index: 1000; bottom: 100px; left: 17%; margin-left: -10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; border: none; padding: 10px; background-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; visibility: hidden; transform: translateY(10px) translateZ(0); transition: .2s transform, .2s opacity, .2s visibility; }

.scroll-to-top._visible { opacity: .7; visibility: visible; transform: translateY(0) translateZ(0); }

.scroll-to-top._visible:hover { opacity: 1; transition: none; }

@media only screen and (max-width: 767px) { .scroll-to-top { display: none; } }

.scroll-to-top svg { fill: #9b9b9b; width: 15px; height: 18px; }

.pmmd-squares { position: fixed; top: 24%; width: 63px; height: 82px; left: 17%; }

.pmmd-squares::before { content: ''; position: absolute; width: 180px; height: 180px; border: 1px #B8E986 solid; box-sizing: border-box; left: 50%; -ms-transform: translateX(-50%) translateY(-45px) rotate(45deg); transform: translateX(-50%) translateY(-45px) rotate(45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

@media only screen and (max-width: 767px) { .pmmd-squares::before { width: 100px; height: 100px; -ms-transform: translateX(-50%) translateY(-23px) rotate(45deg); transform: translateX(-50%) translateY(-23px) rotate(45deg); } }

.pmmd-squares::after { content: ''; position: absolute; width: 520px; height: 520px; box-sizing: border-box; border: 1px #B8E986 solid; left: 50%; -ms-transform: translateX(-50%) translateY(278px) rotate(45deg); transform: translateX(-50%) translateY(278px) rotate(45deg); }

@media only screen and (max-width: 767px) { .pmmd-squares::after { width: 250px; height: 250px; -ms-transform: translateX(-50%) translateY(148px) rotate(45deg); transform: translateX(-50%) translateY(148px) rotate(45deg); } }

@media only screen and (max-width: 767px) { .pmmd-squares { top: 60px; width: 63px; height: 58px; left: 35px; position: absolute; } }

.common-copyright { margin-top: 80px; margin-left: -20%; font-size: 10px; opacity: .7; }
.pages__page._archive .common-copyright { color: #ffffff; }

@media only screen and (max-width: 767px) { .common-copyright { margin-top: 30px; margin-left: 0; } }

.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.no-pe { pointer-events: none; }

.dragging, .dragging * { cursor: ew-resize; cursor: grabbing; cursor: -webkit-grabbing; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEUAAAD///8AAABzxoNxAAAAAXRSTlMAQObYZgAAADFJREFUCNdjQAeLuhgYmCJTFzAwhYbOYGCYGhrBwAQiOEMhRAJIIgEk0cDAoAoj4AAA6jIM345/MPUAAAAASUVORK5CYII="), auto; }

.draggable, .draggable * { cursor: ew-resize; cursor: grab; cursor: -webkit-grab; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///8AAADAwMAJ6vS1AAAAAXRSTlMAQObYZgAAAEVJREFUCNctxLENgDAMRcEndxkkFfMYQUeTAqZwCQN8j8CcxBLFHVhMzwXtHFHd2D7eKlnkScpXJN/oPmt/B1YhD+gV8AEVfxL3aRgilwAAAABJRU5ErkJggg=="), auto; }

.draggable a, .draggable * a { cursor: pointer; }

.transition-active, .animated, .menu-link__link, .menu-link__link:visited, .menu-lang__link, .menu-lang__link:visited, .menu-sections__link, .menu-sections__link:visited, .menu-contacts__link, .hero-slider__arrow, .hero-slider__link, .works-link, .blog-item__content a, .blog-item__content a:visited, .contacts-form__link { transition: color 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s ease-out, background 0.2s ease-out, border-color 0.2s ease-out; }

.transition-hover, .animated:hover, .menu-link__link:hover, .menu-lang__link:hover, .menu-sections__link:hover, .menu-contacts__link:hover, .hero-slider__arrow:hover, .hero-slider__link:hover, .works-link:hover, .blog-item__content a:hover, .contacts-form__link:hover { transition: none; }

.force3D { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.preloader { position: fixed; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #fff; z-index: 999; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

.preloader__content { display: block; position: absolute; opacity: 0; top: 0; right: 0; width: 100vw; height: 100%; }

@media only screen and (max-width: 900px) { .preloader__content { -ms-transform: scale(0.8); transform: scale(0.8); } }

@media only screen and (max-width: 760px) { .preloader__content { -ms-transform: scale(0.6); transform: scale(0.6); } }

@media only screen and (max-width: 560px) { .preloader__content { -ms-transform: scale(0.4); transform: scale(0.4); } }

@media only screen and (max-width: 370px) { .preloader__content { -ms-transform: scale(0.3); transform: scale(0.3); } }

@media only screen and (max-width: 270px) { .preloader__content { -ms-transform: scale(0.25); transform: scale(0.25); } }

.preloader__text { position: absolute; display: block; margin-left: 0; line-height: 1.1; font-size: 23px; font-weight: 600; text-transform: uppercase; color: #2b2b2b; white-space: nowrap; -ms-transform: translate(-50%, 0) translateX(0px); transform: translate(-50%, 0) translateX(0px); top: 50%; left: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.preloader__text._mobile { display: none; }

.preloader__text span { will-change: transform, opacity; display: inline-block; text-align: center; }

@media only screen and (max-width: 767px) { .preloader__text { display: none; }
  .preloader__text._mobile { display: block; font-size: 10vmax; width: 63px; height: 82px; background: url('../themes/pmmd/assets/img/logo_black.svg') no-repeat 50% 50% transparent; background-size: contain; } }

.blackout { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 1; display: none; }

.menu-link { position: fixed; z-index: 9000; left: 8vw; top: 80px; white-space: nowrap; will-change: opacity; transform: translate3d(0, 0, 0); }

.menu-link:not(._in-menu) { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }

.menu-link._main { position: absolute; }

@media only screen and (min-width: 768px) { .menu-link { transform: translate3d(0, 0, 0) !important; } }

@media only screen and (max-width: 767px) { .menu-link { position: fixed; left: 0; top: 0; right: 0; padding: 10px 5vw 30px; transition: .2s background, .2s box-shadow; box-sizing: border-box; }
  .menu-link._main { position: fixed; }
  .menu-link._scrolled { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }
  ._black-scrollbar .menu-link._scrolled { background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.3); }
  .menu-link._scrolled._blog { background-color: rgba(0, 0, 0, 0.8); }
  .menu-link._scrolled._blog .menu-link__link, .menu-link._scrolled._blog .menu-link__link:visited { color: #fff; }
  .menu-link._scrolled._blog .menu-link__link:hover, .menu-link._scrolled._blog .menu-link__link:visited:hover { color: #aaa; }
  .menu-link._scrolled._in-menu, .menu-link._scrolled._index { box-shadow: none; background-color: transparent; }
  .menu-link._scrolled._index .menu-link__link, .menu-link._scrolled._index .menu-link__link:visited { color: #fff; }
  ._black-scrollbar .menu-link._scrolled .menu-link__link, .menu-link._scrolled .menu-link__link:visited { color: #fff; }
  .menu-link._in-menu { position: absolute; } }

.menu-link__link, .menu-link__link:visited { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; overflow: hidden; padding-bottom: 5px; font-family: 'TT Norms', 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; cursor: pointer; outline: none; color: #2f2f2f; text-decoration: none; -webkit-tap-highlight-color: transparent; }

.menu-link__link::after, .menu-link__link:visited::after { content: ''; position: absolute; top: 100%; width: 100%; margin-top: -5px; left: 0; border-bottom: 1px #2f2f2f solid; transition: .2s transform; -ms-transform: translateX(-66%); transform: translateX(-66%); }

.menu-link__link:hover::after, .menu-link__link:visited:hover::after { -ms-transform: translateX(0); transform: translateX(0); }

.menu-link__link._white, .menu-link__link:visited._white { color: #fff; }

.menu-link__link._white::after, .menu-link__link:visited._white::after { border-bottom: 1px #fff solid; }

@media only screen and (max-width: 767px) { .menu-link__link._contacts, .menu-link__link:visited._contacts { color: #fff; }
  .menu-link__link._contacts::after, .menu-link__link:visited._contacts::after { border-bottom: 1px #fff solid; } }

.menu { position: absolute; z-index: 9090; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); overflow: hidden; display: none; }

.menu__inner { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background-color: #FFFFFF; overflow: auto; -webkit-overflow-scrolling: touch; }

.menu__content { position: relative; padding-top: 24vh; padding-left: 17%; padding-right: 17%; height: 100%; box-sizing: border-box; min-height: 600px; }

@media only screen and (max-width: 767px) { .menu__content { padding: 0 8% 85px; height: auto; min-height: 100%; } }

.menu__sections { margin-bottom: 50px; margin-left: -5px; padding-top: 120px; }

@media only screen and (max-width: 767px) { .menu__sections { margin-bottom: 20px; padding-top: 130px; } }

.menu__copyright { position: absolute; bottom: 5vh; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 10px; padding-right: 20px; }

.menu__copyright p { opacity: .7; }

@media only screen and (max-width: 767px) { .menu__copyright { bottom: 20px; margin-top: 25px; padding-right: 0; left: 8%; right: 8%; } }

.menu-lang { font-size: 14px; position: absolute; right: 8%; top: 77px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media only screen and (max-width: 767px) { .menu-lang { top: 10px; right: 5%; } }

.menu-lang__item { display: inline-block; vertical-align: middle; position: relative; }

.menu-lang__item:not(:last-child)::after { content: '/'; display: inline-block; vertical-align: middle; margin: 0 1px; }

.menu-lang__link, .menu-lang__link:visited { text-decoration: none; display: inline-block; vertical-align: middle; color: #2f2f2f; position: relative; }

.menu-lang__link:hover, .menu-lang__link:visited:hover { color: #555; }

@media only screen and (max-width: 767px) { .menu-lang__link:hover, .menu-lang__link:visited:hover { color: #000; } }

.menu-lang__link._current, .menu-lang__link:visited._current { pointer-events: none; }

.menu-lang__link._current::after, .menu-lang__link:visited._current::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; border-bottom: 1px #2f2f2f solid; }

.menu-lang__link._current:hover, .menu-lang__link:visited._current:hover { color: #2f2f2f; }

.menu-sections { display: block; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.menu-sections__item._instagram { font-style: italic; }

.menu-sections__item:not(:last-child) { margin-bottom: 13px; }

.menu-sections__link, .menu-sections__link:visited { text-decoration: none; color: #000; padding: 3px 5px; border-radius: 3px; }

.menu-sections__link._active, .menu-sections__link:visited._active { pointer-events: none; color: #555; }

.menu-sections__link:hover, .menu-sections__link:visited:hover { color: #555; }

.menu-contacts__title { color: #2f2f2f; margin: 0 0 5px; }

.menu-contacts__item { line-height: 1.2; color: #179fe8; font-size: 13px; }

.menu-contacts__item:not(:last-child) { margin-bottom: 10px; }

.menu-contacts__link { text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.menu-contacts__link:hover { color: #106fa2; }

@media only screen and (max-width: 767px) { .menu-contacts__link:hover { color: #179fe8; } }

.hero-slider { position: relative; height: 100vh; background-color: #000; overflow: hidden; }

.hero-slider__arrows { position: absolute; left: 17%; bottom: 18%; margin-left: -23px; font-size: 0; -ms-transform: rotate(90deg); transform: rotate(90deg); }

@media only screen and (max-width: 767px) { .hero-slider__arrows { left: 8%; bottom: 130px; } }

.hero-slider__arrow { display: inline-block; vertical-align: top; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; border: none; background-color: transparent; padding: 10px; -webkit-tap-highlight-color: transparent; }

.hero-slider__arrow._next { margin-top: -1px; }

.hero-slider__arrow:active { left: 1px; }

.hero-slider__arrow:hover { opacity: .7; }

.hero-slider__arrow svg { width: 15px; height: 30px; fill: transparent; stroke: #fff; stroke-width: 3px; }

.hero-slider__logo { position: absolute; top: 18%; left: 17%; width: 63px; height: 82px; fill: #fff; display: none; }

@media only screen and (max-width: 767px) { .hero-slider__logo { top: 55px; left: 14%; width: 45px; height: 58px; } }

.hero-slider__slides { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.hero-slider__images, .hero-slider__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: filter 0.5s ease-out; overflow: hidden; }

.hero-slider__image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,1);
  left: 0;
  top: 0;
  transition: opacity 0.6s;
  
  opacity: 0.2;
}

.hero-slider__images._inactive, .hero-slider__image._inactive { filter: grayscale(100%); }

.hero-slider__labels { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.hero-slider__label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; }

.hero-slider__label::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

@media only screen and (max-width: 767px) { .hero-slider__label { top: auto; bottom: 205px; height: auto; } }

.hero-slider__text { display: inline-block; vertical-align: middle; width: 66%; margin: 0 17%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: 0.5s color ease-out; -webkit-tap-highlight-color: transparent; color: #fff; }

@media only screen and (max-width: 767px) { .hero-slider__text { width: 84%; margin: 0 8%; } }

.hero-slider__link { color: #fff; text-decoration: none; display: inline-block; position: relative; overflow: hidden; }

.hero-slider__link:hover { color: #ccc; transition: 0s color ease-out; }

.hero-slider__link:visited { color: #fff; }

.hero-slider__link:visited:hover { color: #ccc; }

.hero-slider__title { text-transform: uppercase; font-size: 64px; font-weight: 600; line-height: 1.2; letter-spacing: 2px; position: relative; overflow: hidden; margin-bottom: 20px; }

@media only screen and (max-width: 767px) { .hero-slider__title { font-size: 28px; font-weight: 400; margin-bottom: 10px; } }

.hero-slider__subtitle { font-size: 14px; position: relative; overflow: hidden; }

@media only screen and (max-width: 767px) { .hero-slider__subtitle { text-align: left; font-size: 12px; } }

.hero-slider__title span, .hero-slider__subtitle span { display: inline-block; position: relative; }

.hero-slider__note { position: absolute; bottom: 83px; left: 8%; margin-left: 40px; color: rgba(255, 255, 255, 0.6); }

@media only screen and (min-width: 768px) { .hero-slider__note { display: none; } }

.hero-slider__counter { position: relative; margin-bottom: 5px; }

.slider-counter { font-size: 15px; color: #fff; font-weight: 400; line-height: 1; display: block; }

.slider-counter__current { position: relative; display: inline-block; vertical-align: top; overflow: hidden; }

.slider-counter__number { font-style: normal; position: relative; display: inline-block; }

.slider-counter__previous { display: block; overflow: hidden; opacity: .5; font-size: 15px; }

.archive { position: relative; padding-top: 24vh; z-index: 0; }

@media only screen and (max-width: 767px) { .archive { padding: 0px 20px 35px; }
  .archive._single { padding: 0px 0 0; }
  .archive._blog { padding: 140px 0 0; } }

.archive._works { padding-top: 130px; width: 100vw; box-sizing: border-box; }

@media only screen and (max-width: 767px) { .archive._works { width: auto; } }

.archive._blog { background-color: #151515; }

.archive__content { padding-left: 28%; padding-bottom: 80px; position: relative; z-index: 200; }

.archive__content._works, .archive__content._blog { padding-left: 28%; }

.archive__content._single { padding-bottom: 0; padding-left: 28%; }

@media only screen and (max-width: 767px) { .archive__content { padding-left: 0; padding-bottom: 0; }
  .archive__content._works, .archive__content._blog, .archive__content._single { padding-left: 0; } }

.archive-link, .archive-link:visited { display: inline-block; position: relative; font-size: 0; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.archive-link:hover span, .archive-link:visited:hover span { color: #2275d7; transition: 0s color; }

.archive-link._fixed, .archive-link:visited._fixed { position: fixed; left: 17%; top: 24vh; margin-top: 100px; margin-left: 10px; z-index: 100; }

.archive-link._fixed span, .archive-link:visited._fixed span { color: #4a90e2; cursor: pointer; }

.archive-link._fixed:hover span, .archive-link:visited._fixed:hover span { color: #2275d7; }

@media only screen and (max-width: 767px) { .archive-link._fixed, .archive-link:visited._fixed { position: relative; bottom: auto; top: auto; margin-bottom: 30px; left: auto; margin-top: 130px; margin-left: 5%; } }

.archive-link._fixed._archive, .archive-link:visited._fixed._archive { margin-left: 0; top: auto; bottom: 16%; }

@media only screen and (max-width: 767px) { .archive-link._fixed._archive, .archive-link:visited._fixed._archive { position: fixed; bottom: 5%; left: 8%; margin-bottom: 0; margin-top: 0; margin-left: 0; } }

.archive-link span, .archive-link:visited span { font-size: 14px; color: #4a90e2; display: inline-block; vertical-align: middle; transition: .2s color; }

.archive-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; position: relative; color: #fff; width: 40%; padding-bottom: 23%; text-decoration: none; margin-bottom: 30px; }

.archive-item:nth-child(2n) { margin-left: 15px; }

.archive-item:visited { color: #fff; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .archive-item { width: 80%; padding-bottom: 50%; }
  .archive-item:nth-child(2n) { margin-left: 0; } }

@media only screen and (max-width: 767px) { .archive-item { display: block; width: 100%; padding-bottom: 60%; margin-bottom: 20px; }
  .archive-item:nth-child(2n) { margin-left: 0; } }

.archive-item:hover .archive-item__bg::before { opacity: 1; }

.archive-item:hover .archive-item__year { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.archive-item:hover .archive-item__title, .archive-item:hover .archive-item__subtitle { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }

.archive-item:hover .archive-item__title { transition: .2s opacity, .2s transform; }

.archive-item__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-repeat: 50% 50%; background-size: cover; filter: grayscale(1); }

.archive-item__bg::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: .4s opacity; }

@media only screen and (max-width: 767px) { .archive-item__bg::before { opacity: 1; } }

.archive-item__year { display: block; position: absolute; left: 30px; top: 25px; right: 30px; font-size: 14px; color: #fff; transition: .2s opacity, .2s transform; opacity: 0; -ms-transform: translateY(-10px); transform: translateY(-10px); }

@media only screen and (max-width: 767px) { .archive-item__year { opacity: 1; -ms-transform: none; transform: none; left: 15px; right: 15px; top: 15px; } }

.archive-item__title, .archive-item__subtitle { position: relative; -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; }

@media only screen and (max-width: 767px) { .archive-item__title, .archive-item__subtitle { opacity: 1; -ms-transform: none; transform: none; } }

.archive-item__title { font-size: 22px; text-transform: uppercase; font-weight: 400; line-height: 1.2; margin-bottom: 10px; transition: .2s opacity .2s, .2s transform .2s; }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .archive-item__title { font-size: 16px; margin-bottom: 5px; } }

@media only screen and (max-width: 767px) { .archive-item__title { font-size: 18px; margin-bottom: 5px; } }

.archive-item__subtitle { font-size: 14px; transition: .2s opacity .1s, .2s transform .1s; }

@media only screen and (max-width: 1024px) { .archive-item__subtitle { font-size: 13px; } }

.archive-item__info { position: absolute; color: #fff; left: 30px; right: 30px; bottom: 30px; transition: .2s transform, .2s opacity; }

@media only screen and (max-width: 767px) { .archive-item__info { left: 15px; right: 15px; bottom: 15px; } }

.works { height: 100%; background-color: #fff; }

.works-images { position: absolute; width: 65%; max-width: 890px; height: 55%; left: 27%; top: 24vh; z-index: 20; }

.works-images__wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 767px) { .works-images { width: 84%; height: 62%; top: 148px; left: 50%; margin: 0 0 0 -42%; } }

@media (max-width: 767px) and (orientation: landscape) { .works-images { height: 45%; top: 130px; } }

.works-images__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.works-images__image::before { content: ''; position: absolute; left: -5px; top: -5px; bottom: -5px; right: -5px; background-color: rgba(0, 0, 0, 0.3); }

.works-links { position: absolute; width: 100vw; top: calc(24vh + 205px); left: 27%; font-size: 0; white-space: nowrap; }

.works-links._bottom { left: 0; top: 205px; width: 100%; height: 73px; overflow: hidden; }

@media only screen and (max-width: 767px) { .works-links._bottom { top: 160px; height: 45px; } }

@media (max-width: 767px) and (orientation: landscape) { .works-links._bottom { top: 60px; } }

@media only screen and (max-width: 767px) and (orientation: landscape) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .works-links._bottom { top: 50px; } }

@media only screen and (max-width: 767px) { .works-links { left: 8%; top: 308px; } }

@media (max-width: 767px) and (orientation: landscape) { .works-links { top: 190px; } }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .works-links { top: calc(24vh + 50px); } }

.works-links__wrapper { position: absolute; left: 0; width: 100%; }

.works-link { position: relative; display: inline-block; font-size: 24px; text-decoration: none; color: #2f2f2f; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 18px 25px; padding-left: 54px; box-sizing: border-box; }

.works-link__title { display: inline-block; padding-right: 50px; text-decoration: none; }

.works-link__title._hovered { cursor: pointer; opacity: .7; color: #fff; }

@media only screen and (max-width: 767px) { .works-link__title { padding-right: 30px; } }

.works-link__field { background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 5px; left: 30px; height: 60px; width: 100px; pointer-events: none; }

@media only screen and (max-width: 767px) { .works-link__field { height: 35px; top: 5px; } }

@media (max-width: 767px) and (orientation: landscape) { .works-link__field { top: 5px; } }

.works-link:hover { color: #fff; }

.works-link:visited { color: #2f2f2f; }

.works-link._highlighted { color: #fff; }

.works-link._white { color: #fff; }

.works-link._white:visited { color: #fff; }

@media only screen and (max-width: 767px) { .works-link { font-size: 18px; padding: 10px 15px; padding-left: 45px; } }

.blog-list { position: relative; margin-right: 20px; max-width: 780px; }

@media only screen and (max-width: 767px) { .blog-list { margin-right: 0; } }

.blog-list__item:not(:last-of-type) { margin-bottom: 80px; }

@media only screen and (max-width: 767px) { .blog-list__item:not(:last-of-type) { margin-bottom: 40px; } }

.blog-item { color: #fff; }

.blog-item__cover-wrap { position: relative; overflow: hidden; padding-bottom: 56%; margin-bottom: 30px; }

@media only screen and (max-width: 767px) { .blog-item__cover-wrap { margin-left: -20px; margin-right: -20px; padding-bottom: 63%; } }

.blog-item__cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.blog-item__cover img { display: block; max-width: 100%; margin: 0; }

.blog-item__date { display: block; font-size: 16px; line-height: 1.2; margin-bottom: 20px; }

.blog-item__content p { font-size: 14px; line-height: 1.5; }

.blog-item__content p:not(:last-child) { margin-bottom: 20px; }

.blog-item__content a, .blog-item__content a:visited { color: #4a90e2; }

.blog-item__content a:hover, .blog-item__content a:visited:hover { text-decoration: none; }

.blog-item:hover .blog-share { opacity: 1; visibility: visible; -ms-transform: translateY(0); transform: translateY(0); }

.blog-share { position: absolute; right: 15px; top: 15px; opacity: 0; visibility: hidden; -ms-transform: translateY(5px); transform: translateY(5px); transition: .2s transform, .2s opacity, .2s visibility; font-size: 0; }

@media only screen and (max-width: 1024px) { .blog-share { opacity: 1; visibility: visible; -ms-transform: none; transform: none; right: 30px; top: 20px; } }

.blog-share__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; display: inline-block; vertical-align: middle; border: none; padding: 0; background-color: transparent; opacity: .5; transition: .2s opacity; }

.blog-share__button:hover { opacity: 1; transition: 0s opacity; }

.blog-share__button:not(:last-of-type) { margin-right: 10px; }

.blog-share__button svg { fill: #fff; }

.blog-share__button._fb svg { width: 10px; height: 20px; }

.blog-share__button._twitter svg { width: 22px; height: 18px; }

.contacts { width: 100%; height: 100%; position: relative; padding-left: 17%; min-height: 600px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center;}

@media only screen and (max-width: 767px) { .contacts { padding-left: 0; padding-bottom: 85px; min-height: 100%; height: auto; } }

.contacts__bg { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.contacts__bg::before { content: ''; position: absolute; z-index: 20; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); }

.contacts__stripe { position: fixed; z-index: 25; left: 0; top: 0; width: 14%; bottom: 0; background-color: #fff; transition: .4s transform; }

@media only screen and (max-width: 767px) { .contacts__stripe { -ms-transform: translateX(-100%); transform: translateX(-100%); } }

.contacts__c  ontent { position: relative; height: auto; /* display: -ms-flexbox; display: flex; */ padding-top: 68.5px;}
.contacts__content .logo { position: relative; float: left; top: initial; left: initial;}

@media only screen and (max-width: 767px) { .logo { position: absolute; top: 55px; left: 45px; width: 45px; height: 58px; } .contacts__content .logo { position: absolute;top: 55px;left: 45px;width: 45px;height: 58px;}}

@media only screen and (max-width: 767px) { .contacts__content { display: block; } }

.contacts__finish { display: none; opacity: .8; margin: auto 0; padding: 30px 0 30px 100px; }

@media only screen and (max-width: 767px) { .contacts__finish { padding: 150px 5% 40px; } }

.contacts__finish svg { display: block; width: 80px; height: 54px; margin-bottom: 25px; }

.contacts__finish p { font-size: 14px; color: #fff; }

.contacts__form { position: relative; margin: auto 0; width: 100%; padding: 30px 0 30px 100px; box-sizing: border-box; padding-left: 0;  margin-left: 0; clear: both;}

@media only screen and (max-width: 767px) { .contacts__form { padding: 155px 8% 25px; } }

.contacts-form__logo { width: 63px; height: 82px; display: block; fill: #c5c5c5; margin-bottom: 20px; display: none; }

@media only screen and (max-width: 767px) { .contacts-form__logo { width: 46px; height: 61px; margin-bottom: 25px; } }

.contacts-form__title { font-size: 21px; color: #000; line-height: 1.6; margin-bottom: 20px; }

@media (min-width:600px) {
  .contacts-form__title br {
      display: none;
  }
  .contacts-form__position br {
    	display: block;
  }
}

@media (max-width:500px) {
  .contacts-form__title {
    min-width: 250px;
  }
}

.contacts-form__position { display: block; font-size: 14px; }

.contacts-form__links { font-size: 14px; color: #000; margin-bottom: 40px; }

@media only screen and (max-width: 767px) { .contacts-form__links { margin-bottom: 25px; } }

.contacts-form__link { text-decoration: none; color: inherit; }

.contacts-form__link:visited { color: inherit; }

.contacts-form__link:hover { color: #000000; text-decoration: underline; }

@media only screen and (max-width: 767px) { .contacts-form__link:hover { color: inherit; } }

.contacts-form__input, .contacts-form__textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; max-width: 350px; margin-bottom: 30px; box-sizing: border-box; padding: 5px 8px; background-color: transparent; border: none; border-bottom: 1px #000 solid; border-radius: 0; color: #000; font-size: 14px; outline: none; font-family: 'TT Norms', 'Open Sans', Helvetica, Arial, sans-serif; }

.contacts-form__input:-ms-input-placeholder, .contacts-form__textarea:-ms-input-placeholder { color: #000; }

.contacts-form__input::-webkit-input-placeholder, .contacts-form__textarea::-webkit-input-placeholder { color: #000; }

.contacts-form__input::placeholder, .contacts-form__textarea::placeholder { color: #000; }

.contacts-form__textarea { height: 130px; border: 1px #000 solid; resize: none; margin-bottom: 20px; }

.contacts-form__submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; width: 175px; height: 40px; border: 1px #000 solid; border-radius: 0; background-color: transparent; transition: .4s background; font-family: 'TT Norms', 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; color: #000; position: relative; }

.contacts-form__submit:hover { background-color: #dfdfdf; transition: 0s background; }

.contacts-form__submit:active { top: 1px; }

.company { position: relative; padding: 24vh 22% 60px 28%; }

@media only screen and (min-width: 768px) and (max-width: 1200px) { .company { padding-right: 14%; } }

@media only screen and (max-width: 767px) { .company { padding: 140px 20px 85px; } }

.company__content { position: relative; }

.company__title { font-size: 36px; margin: 0 0 90px; line-height: 1.2; }

@media only screen and (max-width: 767px) { .company__title { font-size: 24px; margin-bottom: 40px; } }

.company__photo { display: block; margin: 0; width: auto; max-width: 100%; }

.company__photo._wide { width: 100%; }

.company__text { position: relative; margin: 100px auto; }

.company__text p:not(:last-of-type) { margin-bottom: 25px; }
.company__text ul { padding-left: 1em;}
.company__text ul li { list-style-type: disc; }

@media only screen and (max-width: 767px) { .company__text { margin: 40px auto; }
  .company__text p { width: auto; margin-left: 0; } }

.company__copyright { font-size: 11px; margin-top: 100px; margin-left: -20%; letter-spacing: .03em; opacity: .7; }

@media only screen and (max-width: 767px) { .company__copyright { margin-top: 40px; margin-left: 0; } }

.company-positions { line-height: 1.4; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 100px; }

@media only screen and (max-width: 767px) { .company-positions { display: block; margin-bottom: 40px; } }

.company-positions__col { font-size: 14px; }

.company-positions__col:not(:first-of-type) { padding-left: 20px; }

@media only screen and (max-width: 767px) { .company-positions__col:not(:first-of-type) { padding-left: 0; } }

.company-positions__col ul { margin: 0; padding: 20px 0 0; }

@media only screen and (min-width: 768px) { .company-positions__col ul { display: block !important; padding-top: 13px; } }

@media only screen and (max-width: 767px) { .company-positions__col ul { display: none; } }

@media only screen and (max-width: 767px) { .company-positions__col { padding-right: 0; margin-bottom: 30px; display: block; } }

.company-positions__title { text-transform: uppercase; position: relative; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; }

.company-positions__title svg { width: 8px; height: 15px; fill: none; vertical-align: middle; margin-left: 5px; position: relative; top: -2px; stroke-width: 3px; stroke: #9B9B9B; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: .2s transform; display: none; }

@media only screen and (max-width: 767px) { .company-positions__title svg { display: inline-block; } }

@media only screen and (max-width: 767px) { .company-positions__title { pointer-events: auto; }
  .company-positions__title._active svg { -ms-transform: rotate(-270deg); transform: rotate(-270deg); } }

.single-project__show { display: block; width: 100%; margin: 0 0 7px; }

.single-project__show._video { height: 40vmax; box-sizing: border-box; background-color: rgba(153, 153, 153, 0.3); }
.single-project__show._video[data-vimeo-url] { height: auto; }

.single-project__title { max-width: 640px; margin: 45px 20px 0 0; font-size: 32px; line-height: 1.2; font-weight: lighter;}
.single-project__content-header {
  max-width: 640px;
  margin: 53px 0 41px;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 41px !important;
  font-weight: lighter;
}
.single-project_slider {
  
}
.single-project_slider img {
  width: 100%;
}
@media only screen and (max-width: 767px) { .single-project__title { font-size: 28px; margin-right: 0; margin-top: 25px; padding: 0 20px; } }

.single-project__content { margin: 0 0 20px 0; max-width: 800px; font-size: 16px; line-height: 1.3; width: initial; }
.single-project__content > p { margin-top: 41px; }
.single-project__content > p:last-child { margin-bottom: 41px; }

@media only screen and (max-width: 767px) { .single-project__content { margin: 25px 0; padding: 0 20px; } }

.single-project__content p:not(:last-child) { margin-bottom: 20px; }

.single-project__content a, .single-project__content a:visited { color: inherit; }

.single-project__content a:hover, .single-project__content a:visited:hover { text-decoration: none; }

.next-project { display: block; background-color: #aaa; padding: 30px 30px 50px; text-decoration: none; color: #fff; position: relative; overflow: hidden; margin-top: 53px; min-height: 30vmax;}

.single-project__content-cols {
  /* margin-top: 73px !important; */
  width: 100%;
  max-width: initial;
}
@media only screen and (max-width: 767px) { .next-project { padding: 20px 20px 30px; } }

@media only screen and (min-width: 768px) { .next-project:hover .next-project__image, .next-project:hover .next-project__video { -ms-transform: scale(1.03); transform: scale(1.03); }
  .next-project:hover .next-project__image::before, .next-project:hover .next-project__video::before { background-color: rgba(0, 0, 0, 0.35); } }

.next-project__image, .next-project__video { position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; transition: .4s transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); }

.next-project__image::before, .next-project__video::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: .4s background; z-index: 10; }

.next-project__video video { width: 100%; position: absolute; z-index: 0; left: 0; top: 0; }

.next-project__content { position: relative; font-size: 14px; color: #fff; bottom: 110px; position: absolute;}

.next-project__next { font-size: 12px; }

.next-project__title { margin-top: 35px; font-size: 32px; line-height: 1.2; text-transform: uppercase; font-weight: 400; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { .next-project__title { margin-top: 25px; font-size: 24px; } }

.sides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; display: none; }

.sides__side { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sides__side._white { background-color: #FFF; }

.sides__side._black { background-color: #000; }

.menu__logo {max-width: 200px;position: absolute;bottom: 8vh;display:inline-block;}
.menu__logo img {max-width: 100%}

.firstLine,
.secondLine,
.thirdLine {
	display: block; 
}

@media (min-width:500px) {
	.firstLine,
  	.secondLine {
    	display: inline-block;  
  	}
}