{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/views/Projects.vue?f7d7","webpack:///./src/views/Company.vue?8f0d","webpack:///./src/views/Home.vue?8e03","webpack:///./src/views/parts/preloader.vue?5b7d","webpack:///./src/views/Project.vue?2e28","webpack:///./src/App.vue?78a0","webpack:///./src/mixins.js","webpack:///./src/views/parts/preloader.vue?388c","webpack:///src/views/parts/preloader.vue","webpack:///./src/views/parts/preloader.vue?03b6","webpack:///./src/views/parts/preloader.vue?848b","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/views/Home.vue?7618","webpack:///./src/components/Navigation.vue?d925","webpack:///src/components/Navigation.vue","webpack:///./src/components/Navigation.vue?57b1","webpack:///./src/components/Navigation.vue","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?493c","webpack:///./src/views/Home.vue?c853","webpack:///./src/views/Projects.vue?cf00","webpack:///src/views/Projects.vue","webpack:///./src/views/Projects.vue?ebf0","webpack:///./src/views/Projects.vue?ce83","webpack:///./src/views/Project.vue?53af","webpack:///src/views/Project.vue","webpack:///./src/views/Project.vue?1e80","webpack:///./src/views/Project.vue?e1f5","webpack:///./src/views/Company.vue?3dfd","webpack:///src/views/Company.vue","webpack:///./src/views/Company.vue?f74d","webpack:///./src/views/Company.vue?c3db","webpack:///./src/views/Contacts.vue?7451","webpack:///src/views/Contacts.vue","webpack:///./src/views/Contacts.vue?40a8","webpack:///./src/views/Contacts.vue?36a1","webpack:///./src/views/Layout.vue?d0c4","webpack:///./src/views/Layout.vue","webpack:///./src/router.js","webpack:///./src/store.js","webpack:///./src/i18n/en.js","webpack:///./src/main.js","webpack:///./src/App.vue?bcb1","webpack:///./src/views/Contacts.vue?3dbc"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","fn","props","_v","staticClass","on","accept","class","navigationColor","backgroundColor","hideNavigationByScroll","$event","onLogoHover","onLogoHoverOut","nativeOn","preventDefault","onFollowLink","isMenuBurgerVisible","onMenuTooggle","arguments","showMenu","ref","onMenuHide","params","activeSection","_s","$t","_m","staticRenderFns","pageArrowMixin","isOnBottom","methods","handleArrowScroll","page","document","documentElement","pageHeight","scrollHeight","clientHeight","scrollY","onFixedArrowClick","scrollTo","top","behavior","mounted","created","addEventListener","destroyed","removeEventListener","globalMixin","directives","imagesLoaded","computed","differentLanguage","locale","Vue","i18n","onChangeLanguage","newLocale","$router","lang","getApiURL","url","process","to","self","currentRoute","onStartLoading","callback","pageChanger","getElementById","style","display","TweenLite","fromTo","clip","innerWidth","innerHeight","ease","Power2","easeInOut","onComplete","setTimeout","onPageLoaded","onImageLoad","instance","scrollMixin","isOnTop","scrollHeaderVisible","isScrollingDown","lastScrollYPosition","isMainMenuHidden","$route","isMainMenuBackgroundFilled","scrollToTop","showScrollHeader","$store","commit","hideScrollHeader","activeTab","handleScroll","isOnCreated","percents","bar","$refs","progressBar","set","width","headerTrigger","projectTitle","show","offsetTop","component","mixins","components","preloader","CookieLaw","logoColor","currentRouteName","event","scale","onMenuShow","opacity","x","rawName","expression","projectSlug","sliderLink","rewind","perPage","arrows","_l","slide","index","_e","Date","getFullYear","Navigation","Splide","SplideSlide","ready","readyTeam","filterColor","slidesData","slidesArray","onChangeSlide","id","then","projects","project","_id","image","actualSection","onSetSection","section","listType","getProjectClass","slug","gridType","title","type","showItems","sections","sectionName","actualProjects","list","el","columns","setProjects","watch","block","content","short","location","building","area","time","inside","opened","shortDescription","ind","text","description","label","url_1","url_2","placement","publications","publication","link","desc","awards","award","resolve","nextProject","href","onChangeProject","setProject","setPageTitle","company","team","setAbout","setTeam","contact","domProps","isSent","isSending","formPopup","formData","phone","email","message","formErrors","timeout","mobileCursor","contacts","getContacts","setFormButtomPosition","onShowForm","onHideForm","clearTimeout","onSubmit","errors","validated","str","catch","console","script","use","Router","router","scrollBehavior","from","savedPosition","y","routes","path","redirect","Layout","children","Home","Projects","Project","Company","Contacts","beforeEach","next","includes","Vuex","Store","state","isFirstPage","getters","mutations","setNavigationColor","color","setBackgroundColor","setLogoColor","setFirstPage","setMenuBurger","isVisible","actions","config","productionTip","VueLodash","VueTouch","VueAxios","axios","vuexI18n","plugin","store","add","translationsEn","render","h","App","$mount"],"mappings":"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","file":"js/app.babed4cd.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Projects.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Company.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./preloader.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('cookie-law',{scopedSlots:_vm._u([{key:\"default\",fn:function(props){return _c('div',{},[_c('p',[_vm._v(\"\\n        This site uses cookies. By continuing to use this site you agree to our use of cookies.\\n      \")]),_c('button',{staticClass:\"cookie-btn\",on:{\"click\":props.accept}},[_c('span',[_vm._v(\"I accept\")])])])}}])}),_c('div',{staticClass:\"page-changer\",attrs:{\"id\":\"page-changer\"}},[_c('div',[_c('preloader')],1)]),_c('div',{class:(\"_\" + _vm.navigationColor + \" _background-\" + _vm.backgroundColor)},[_c('router-link',{class:(\"menu-logo \" + (_vm.hideNavigationByScroll ? 'isHiddenByScroll' : '') + \" _\" + _vm.navigationColor + \" a-link\"),attrs:{\"event\":'',\"to\":{ name: 'home' },\"id\":\"logo\"},on:{\"mouseenter\":function($event){return _vm.onLogoHover( $event )},\"mouseleave\":function($event){return _vm.onLogoHoverOut( $event )}},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({ name: 'home' })}}},[_c('svg',{attrs:{\"width\":\"56\",\"height\":\"34\",\"viewBox\":\"0 0 56 34\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M12.0614 29.3222C7.95037 29.3222 4.60585 25.9251 4.60585 21.7494C4.60585 17.5735 7.95037 14.1766 12.0614 14.1766C16.1724 14.1766 19.5169 17.5735 19.5169 21.7494C19.5169 25.9251 16.1724 29.3222 12.0614 29.3222ZM21.5639 14.2307C19.3549 11.3567 15.9211 9.49805 12.0614 9.49805C5.41103 9.49805 0 14.9937 0 21.7494C0 28.5048 5.41103 34.0005 12.0614 34.0005C15.9211 34.0005 19.3549 32.1421 21.5639 29.2678V33.1751H26.17V10.3387H21.5639V14.2307Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M41.4522 29.3213C37.341 29.3213 33.9967 25.9242 33.9967 21.7485C33.9967 17.5726 37.341 14.1757 41.4522 14.1757C45.5632 14.1757 48.9082 17.5726 48.9082 21.7485C48.9082 25.9242 45.5632 29.3213 41.4522 29.3213ZM50.9553 0V14.2298C48.7458 11.3558 45.3125 9.49715 41.4522 9.49715C34.8019 9.49715 29.3906 14.9928 29.3906 21.7485C29.3906 28.5039 34.8019 33.9996 41.4522 33.9996C45.3125 33.9996 48.7458 32.1412 50.9553 29.2669V33.1742H55.5611V0H50.9553Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M2.76562 4.6783H26.1708V0H2.76562V4.6783Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M35.8582 1.03413C36.566 1.03413 37.1418 1.61915 37.1418 2.33813C37.1418 3.05711 36.566 3.64213 35.8582 3.64213C35.1501 3.64213 34.5742 3.05711 34.5742 2.33813C34.5742 1.61915 35.1501 1.03413 35.8582 1.03413ZM35.8582 4.44775C36.5227 4.44775 37.114 4.12781 37.4943 3.63272V4.30555H38.2874V0.3733H37.4943V1.04355C37.114 0.548454 36.5227 0.228516 35.8582 0.228516C34.713 0.228516 33.7812 1.17491 33.7812 2.33813C33.7812 3.50135 34.713 4.44775 35.8582 4.44775Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M45.2723 1.03413C45.9801 1.03413 46.5561 1.61915 46.5561 2.33813C46.5561 3.05711 45.9801 3.64213 45.2723 3.64213C44.5644 3.64213 43.9884 3.05711 43.9884 2.33813C43.9884 1.61915 44.5644 1.03413 45.2723 1.03413ZM45.2723 4.44775C45.9368 4.44775 46.5282 4.12781 46.9086 3.63272V4.30555H47.7017V0.3733H46.9086V1.04355C46.5282 0.548454 45.9368 0.228516 45.2723 0.228516C44.1271 0.228516 43.1953 1.17491 43.1953 2.33813C43.1953 3.50135 44.1271 4.44775 45.2723 4.44775Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M31.499 4.44798C31.9202 4.44798 32.3052 4.33804 32.6433 4.12122C32.9817 3.90392 33.2367 3.60188 33.4001 3.22379L33.4478 3.11267L32.6385 2.8683L32.5984 2.94693C32.4957 3.1501 32.3464 3.31348 32.1536 3.43308C31.9603 3.55244 31.7401 3.61318 31.499 3.61318C31.1514 3.61318 30.8561 3.4917 30.622 3.25369C30.3858 3.00555 30.2658 2.69762 30.2658 2.33813C30.2658 1.97511 30.3858 1.66953 30.622 1.42987C30.8524 1.18715 31.1474 1.06379 31.499 1.06379C31.7408 1.06379 31.961 1.1243 32.1536 1.24389C32.3464 1.36325 32.4957 1.52663 32.5984 1.72957L32.6385 1.80867L33.4478 1.56406L33.4001 1.45318C33.2369 1.07486 32.9822 0.773046 32.6433 0.55481C32.3047 0.338458 31.9197 0.228516 31.499 0.228516C30.9099 0.228516 30.4102 0.433097 30.0129 0.836375C29.6205 1.23494 29.4219 1.74039 29.4219 2.33813C29.4219 2.93092 29.621 3.43896 30.0143 3.84883C30.4153 4.24646 30.915 4.44798 31.499 4.44798Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M40.8318 4.44775C41.869 4.44775 42.5935 3.90675 42.5935 3.13197C42.5935 2.13496 41.6134 2.00383 40.8258 1.8986C40.3296 1.83221 39.901 1.775 39.901 1.52145C39.901 1.27355 40.1921 1.00706 40.8318 1.00706C41.443 1.00706 41.7629 1.27708 41.7629 1.54405V1.68766H42.5935V1.54405C42.5935 0.769515 41.869 0.228516 40.8318 0.228516C39.7946 0.228516 39.0703 0.769515 39.0703 1.54405C39.0703 2.46173 40.0004 2.5905 40.7477 2.69409C41.2923 2.76942 41.7629 2.83464 41.7629 3.15481C41.7629 3.40247 41.4715 3.66897 40.8318 3.66897C40.2206 3.66897 39.901 3.39894 39.901 3.13197V2.9886H39.0703V3.13197C39.0703 3.90675 39.7946 4.44775 40.8318 4.44775Z\",\"fill\":\"currentColor\"}})])]),_c('a',{class:(\"menu-burger \" + (_vm.hideNavigationByScroll ? 'isHiddenByScroll' : '') + \" \" + (_vm.isMenuBurgerVisible ? '' : 'isHidden')),attrs:{\"href\":\"#\",\"id\":\"burger\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onMenuTooggle.apply(null, arguments)}}},[_c('span',{class:(\"\" + (_vm.showMenu ? 'active' : ''))})]),_c('div',{ref:\"menu\",staticClass:\"menu\"},[_c('div',{ref:\"menuBackground\",staticClass:\"menu__background\",on:{\"click\":_vm.onMenuHide}}),_c('div',{ref:\"menuContainer\",staticClass:\"menu__container\"},[_c('div',{staticClass:\"menu__inner\"},[_c('div',{staticClass:\"menu__block\"},[_c('router-link',{staticClass:\"a-link menu__title\",attrs:{\"event\":'',\"to\":{ name: 'projects', params: { activeSection: 'all' } }},nativeOn:{\"click\":function($event){$event.preventDefault();_vm.onMenuHide(); _vm.onFollowLink( { name: 'projects', params: { activeSection: 'all' } } )}}},[_vm._v(_vm._s(_vm.$t('menu_projects')))]),_c('div',{staticClass:\"menu__nav\"},[_c('div',{},[_c('router-link',{staticClass:\"a-link\",attrs:{\"event\":'',\"to\":{ name: 'projects', params: { activeSection: 'architecture' } }},nativeOn:{\"click\":function($event){$event.preventDefault();_vm.onMenuHide(); _vm.onFollowLink( { name: 'projects', params: { activeSection: 'architecture' } } )}}},[_vm._v(_vm._s(_vm.$t('section_architecture')))])],1),_c('div',{},[_c('router-link',{staticClass:\"a-link\",attrs:{\"event\":'',\"to\":{ name: 'projects', params: { activeSection: 'design' } }},nativeOn:{\"click\":function($event){$event.preventDefault();_vm.onMenuHide(); _vm.onFollowLink( { name: 'projects', params: { activeSection: 'design' } } )}}},[_vm._v(_vm._s(_vm.$t('section_design')))])],1)])],1),_c('div',{staticClass:\"menu__block\"},[_c('router-link',{staticClass:\"menu__title a-link\",attrs:{\"event\":'',\"to\":{ name: 'company' }},nativeOn:{\"click\":function($event){$event.preventDefault();_vm.onMenuHide(); _vm.onFollowLink( { name: 'company' } )}}},[_vm._v(_vm._s(_vm.$t('menu_company')))])],1),_c('div',{staticClass:\"menu__block\"},[_c('router-link',{staticClass:\"menu__title a-link\",attrs:{\"event\":'',\"to\":{ name: 'contacts' }},nativeOn:{\"click\":function($event){$event.preventDefault();_vm.onMenuHide(); _vm.onFollowLink( { name: 'contacts' } )}}},[_vm._v(_vm._s(_vm.$t('menu_contacts')))])],1),_vm._m(0)])])]),_c('transition',{attrs:{\"name\":\"slide\"}},[_c('router-view')],1)],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"menu__social\"},[_c('a',{attrs:{\"href\":\"https://www.instagram.com/ad_casa_/\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"/images/contact/Instagram.svg\",\"alt\":\"instagram\"}})]),_c('a',{staticClass:\"social_disabled\",attrs:{\"href\":\"http://\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"/images/contact/In.svg\",\"alt\":\"In\"}})]),_c('a',{staticClass:\"social_disabled\",attrs:{\"href\":\"http://\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"/images/contact/Facebook.svg\",\"alt\":\"Facebook\"}})])])}]\n\nexport { render, staticRenderFns }","import { TweenLite, Power2 } from 'gsap'\nimport { ScrollToPlugin } from 'gsap/ScrollToPlugin'\nimport imagesLoaded from 'vue-images-loaded'\nimport Vue from 'vue'\n\nconst pageArrowMixin = {\n    data() {\n        return {\n            isOnBottom: false,\n        }\n    },\n\n    methods: {\n        handleArrowScroll() {\n            let page = document.documentElement\n            let pageHeight = page.scrollHeight - page.clientHeight\n            let scrollY = window.scrollY\n\n            if ( scrollY >= pageHeight && pageHeight !== 0 ) {\n                this.isOnBottom = true\n            }\n            else {\n                this.isOnBottom = false\n            }\n        },\n\n        onFixedArrowClick() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth',\n            });\n            // if ( this.isOnBottom ) {\n                // TweenLite.to( window, .5, {\n                //     scrollTo: 0\n                // } )\n            // }\n            // else {\n            //     TweenLite.to( window, .5, {\n            //         scrollTo: window.scrollY + document.documentElement.clientHeight,\n            //     } )\n            // }\n        },\n    },\n\n    mounted() {\n        this.handleArrowScroll()\n    },\n\n    created() {\n        window.addEventListener( 'scroll', this.handleArrowScroll )\n        window.addEventListener( 'resize', this.handleArrowScroll )\n    },\n\n    destroyed() {\n        window.removeEventListener( 'scroll', this.handleArrowScroll )\n        window.removeEventListener( 'resize', this.handleArrowScroll )\n    },\n}\n\nconst globalMixin = {\n    data() {\n        return {\n        }\n    },\n\n    directives: {\n        imagesLoaded,\n    },\n\n    computed: {\n        differentLanguage() {\n            const locale = Vue.i18n.locale()\n            return locale == 'ru' ? 'en' : 'ru'\n        },\n    },\n\n    methods: {\n        onChangeLanguage() {\n            const locale = Vue.i18n.locale()\n            const newLocale = locale == 'ru' ? 'en' : 'ru'\n\n            this.$router.push({\n                name: 'lang',\n                params: {\n                    lang: newLocale,\n                },\n            });\n        },\n\n        getApiURL( url ) {\n            return `${process.env.VUE_APP_API_URL}${url}`;\n            // return `http://134.0.112.228:3000/api/${url}`\n            // return `http://localhost:3000/api/${url}`\n        },\n        \n\n        onFollowLink( to ) {\n            const self = this\n\n            if ( self.$router.currentRoute.name != to.name ) {\n                this.onStartLoading( () => {\n                    self.$router.push( to )\n                } )\n            }\n            else {\n                if ( to.name == 'projects' ) {\n                    self.$router.push( to )\n                }\n            }\n        },\n\n        onStartLoading( callback ) {\n            const pageChanger = document.getElementById('page-changer')\n            const self = this\n\n            pageChanger.style.display = 'block'\n            TweenLite.fromTo( pageChanger, .5, {\n                clip: `rect(0px, ${ window.innerWidth }px, ${ window.innerHeight }px, ${ window.innerWidth }px)`,\n            }, {\n                clip: `rect(0px, ${ window.innerWidth }px, ${ window.innerHeight }px, 0px)`,\n                ease: Power2.easeInOut,\n                onComplete() {\n                    setTimeout( () => {\n                        callback()\n                    }, 100 )\n                },\n            } )\n        },\n\n        onPageLoaded() {\n            const pageChanger = document.getElementById('page-changer')\n            const self = this\n\n            TweenLite.to( pageChanger, .5, {\n                clip: `rect(0px, 0px, ${ window.innerHeight }px, 0px)`,\n                ease: Power2.easeInOut,\n                onComplete() {\n                    pageChanger.style.display = 'none'\n                },\n            } )\n        },\n\n        onImageLoad( instance ) {\n            this.onPageLoaded()\n        }\n    },\n}\n\nconst scrollMixin = {\n    data() {\n        return {\n            isOnTop: true,\n            scrollHeaderVisible: false,\n            isScrollingDown: true,\n            lastScrollYPosition: 0,\n        }\n    },\n\n    computed: {\n        isMainMenuHidden() {\n            if (this.$route.name === 'project') {\n                return this.isScrollingDown;\n            } else {\n                return this.isScrollingDown && this.lastScrollYPosition > 50;\n            }\n        },\n\n        isMainMenuBackgroundFilled() {\n            if (this.$route.name !== 'project') {\n                return this.lastScrollYPosition > 50;\n            }\n        },\n    },\n    \n    methods: {\n        scrollToTop() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth',\n            });\n        },\n\n        showScrollHeader() {\n            this.scrollHeaderVisible = true\n            this.$store.commit( 'setNavigationColor', 'black' )\n            this.$store.commit( 'setLogoColor', 'black' )\n        },\n\n        hideScrollHeader() {\n            this.scrollHeaderVisible = false\n            if ( this.activeTab == 'team' ) {\n                this.$store.commit( 'setNavigationColor', 'black' )\n            }\n            else {\n                this.$store.commit( 'setNavigationColor', 'white' )\n            }\n        },\n\n        handleScroll( isOnCreated ) {\n            let page = document.documentElement\n            let pageHeight = page.scrollHeight - page.clientHeight\n            let scrollY = window.scrollY\n            let percents = scrollY / ( pageHeight / 100 )\n\n            let bar = this.$refs.progressBar\n            if ( bar ) {\n                TweenLite.set( bar, {\n                    width: `${ percents }%`\n                } )\n            }\n\n            let headerTrigger = this.$refs.projectTitle\n            if ( headerTrigger ) {\n                let show = false\n                if ( scrollY > headerTrigger.offsetTop - 50 ) {\n                    show = true\n                }\n                if ( show ) {\n                    this.showScrollHeader();\n                }\n                else {\n                    this.hideScrollHeader();\n                }\n            }\n\n            this.isScrollingDown = this.lastScrollYPosition < scrollY;\n            this.lastScrollYPosition = scrollY;\n\n            /*if ( scrollY <= 0 ) {\n                this.isOnTop = true\n                if ( window.innerWidth > 768 ) {\n                    if ( isOnCreated ) {\n                        setTimeout( () => {\n                            this.$store.commit( 'setLogoColor', 'white' )\n                        } )\n                    } else {\n                        this.$store.commit( 'setLogoColor', 'white' )\n                    }\n                }\n            }\n            else {\n                this.isOnTop = false\n                this.$store.commit( 'setLogoColor', 'black' )\n            }*/\n        },\n    },\n\n    mounted() {\n        this.$store.commit( 'setNavigationColor', 'black' )\n        this.$store.commit( 'setLogoColor', 'white' )\n        this.handleScroll( true )\n    },\n\n    created() {\n        window.addEventListener( 'scroll', this.handleScroll )\n        window.addEventListener( 'resize', this.handleScroll )\n    },\n\n    destroyed() {\n        window.removeEventListener( 'scroll', this.handleScroll )\n        window.removeEventListener( 'resize', this.handleScroll )\n    },\n}\n\nexport { scrollMixin, globalMixin, pageArrowMixin }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"preloader\"},[_c('svg',{attrs:{\"width\":\"56\",\"height\":\"34\",\"viewBox\":\"0 0 56 34\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M12.0614 29.3222C7.95037 29.3222 4.60585 25.9251 4.60585 21.7494C4.60585 17.5735 7.95037 14.1766 12.0614 14.1766C16.1724 14.1766 19.5169 17.5735 19.5169 21.7494C19.5169 25.9251 16.1724 29.3222 12.0614 29.3222ZM21.5639 14.2307C19.3549 11.3567 15.9211 9.49805 12.0614 9.49805C5.41103 9.49805 0 14.9937 0 21.7494C0 28.5048 5.41103 34.0005 12.0614 34.0005C15.9211 34.0005 19.3549 32.1421 21.5639 29.2678V33.1751H26.17V10.3387H21.5639V14.2307Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M41.4522 29.3213C37.341 29.3213 33.9967 25.9242 33.9967 21.7485C33.9967 17.5726 37.341 14.1757 41.4522 14.1757C45.5632 14.1757 48.9082 17.5726 48.9082 21.7485C48.9082 25.9242 45.5632 29.3213 41.4522 29.3213ZM50.9553 0V14.2298C48.7458 11.3558 45.3125 9.49715 41.4522 9.49715C34.8019 9.49715 29.3906 14.9928 29.3906 21.7485C29.3906 28.5039 34.8019 33.9996 41.4522 33.9996C45.3125 33.9996 48.7458 32.1412 50.9553 29.2669V33.1742H55.5611V0H50.9553Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M2.76562 4.6783H26.1708V0H2.76562V4.6783Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M35.8582 1.03413C36.566 1.03413 37.1418 1.61915 37.1418 2.33813C37.1418 3.05711 36.566 3.64213 35.8582 3.64213C35.1501 3.64213 34.5742 3.05711 34.5742 2.33813C34.5742 1.61915 35.1501 1.03413 35.8582 1.03413ZM35.8582 4.44775C36.5227 4.44775 37.114 4.12781 37.4943 3.63272V4.30555H38.2874V0.3733H37.4943V1.04355C37.114 0.548454 36.5227 0.228516 35.8582 0.228516C34.713 0.228516 33.7812 1.17491 33.7812 2.33813C33.7812 3.50135 34.713 4.44775 35.8582 4.44775Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M45.2723 1.03413C45.9801 1.03413 46.5561 1.61915 46.5561 2.33813C46.5561 3.05711 45.9801 3.64213 45.2723 3.64213C44.5644 3.64213 43.9884 3.05711 43.9884 2.33813C43.9884 1.61915 44.5644 1.03413 45.2723 1.03413ZM45.2723 4.44775C45.9368 4.44775 46.5282 4.12781 46.9086 3.63272V4.30555H47.7017V0.3733H46.9086V1.04355C46.5282 0.548454 45.9368 0.228516 45.2723 0.228516C44.1271 0.228516 43.1953 1.17491 43.1953 2.33813C43.1953 3.50135 44.1271 4.44775 45.2723 4.44775Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M31.499 4.44798C31.9202 4.44798 32.3052 4.33804 32.6433 4.12122C32.9817 3.90392 33.2367 3.60188 33.4001 3.22379L33.4478 3.11267L32.6385 2.8683L32.5984 2.94693C32.4957 3.1501 32.3464 3.31348 32.1536 3.43308C31.9603 3.55244 31.7401 3.61318 31.499 3.61318C31.1514 3.61318 30.8561 3.4917 30.622 3.25369C30.3858 3.00555 30.2658 2.69762 30.2658 2.33813C30.2658 1.97511 30.3858 1.66953 30.622 1.42987C30.8524 1.18715 31.1474 1.06379 31.499 1.06379C31.7408 1.06379 31.961 1.1243 32.1536 1.24389C32.3464 1.36325 32.4957 1.52663 32.5984 1.72957L32.6385 1.80867L33.4478 1.56406L33.4001 1.45318C33.2369 1.07486 32.9822 0.773046 32.6433 0.55481C32.3047 0.338458 31.9197 0.228516 31.499 0.228516C30.9099 0.228516 30.4102 0.433097 30.0129 0.836375C29.6205 1.23494 29.4219 1.74039 29.4219 2.33813C29.4219 2.93092 29.621 3.43896 30.0143 3.84883C30.4153 4.24646 30.915 4.44798 31.499 4.44798Z\",\"fill\":\"currentColor\"}}),_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M40.8318 4.44775C41.869 4.44775 42.5935 3.90675 42.5935 3.13197C42.5935 2.13496 41.6134 2.00383 40.8258 1.8986C40.3296 1.83221 39.901 1.775 39.901 1.52145C39.901 1.27355 40.1921 1.00706 40.8318 1.00706C41.443 1.00706 41.7629 1.27708 41.7629 1.54405V1.68766H42.5935V1.54405C42.5935 0.769515 41.869 0.228516 40.8318 0.228516C39.7946 0.228516 39.0703 0.769515 39.0703 1.54405C39.0703 2.46173 40.0004 2.5905 40.7477 2.69409C41.2923 2.76942 41.7629 2.83464 41.7629 3.15481C41.7629 3.40247 41.4715 3.66897 40.8318 3.66897C40.2206 3.66897 39.901 3.39894 39.901 3.13197V2.9886H39.0703V3.13197C39.0703 3.90675 39.7946 4.44775 40.8318 4.44775Z\",\"fill\":\"currentColor\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- <div id=\"lottie\">прр</div> -->\n        <div class=\"preloader\">\n            <svg width=\"56\" height=\"34\" viewBox=\"0 0 56 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0614 29.3222C7.95037 29.3222 4.60585 25.9251 4.60585 21.7494C4.60585 17.5735 7.95037 14.1766 12.0614 14.1766C16.1724 14.1766 19.5169 17.5735 19.5169 21.7494C19.5169 25.9251 16.1724 29.3222 12.0614 29.3222ZM21.5639 14.2307C19.3549 11.3567 15.9211 9.49805 12.0614 9.49805C5.41103 9.49805 0 14.9937 0 21.7494C0 28.5048 5.41103 34.0005 12.0614 34.0005C15.9211 34.0005 19.3549 32.1421 21.5639 29.2678V33.1751H26.17V10.3387H21.5639V14.2307Z\" fill=\"currentColor\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M41.4522 29.3213C37.341 29.3213 33.9967 25.9242 33.9967 21.7485C33.9967 17.5726 37.341 14.1757 41.4522 14.1757C45.5632 14.1757 48.9082 17.5726 48.9082 21.7485C48.9082 25.9242 45.5632 29.3213 41.4522 29.3213ZM50.9553 0V14.2298C48.7458 11.3558 45.3125 9.49715 41.4522 9.49715C34.8019 9.49715 29.3906 14.9928 29.3906 21.7485C29.3906 28.5039 34.8019 33.9996 41.4522 33.9996C45.3125 33.9996 48.7458 32.1412 50.9553 29.2669V33.1742H55.5611V0H50.9553Z\" fill=\"currentColor\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.76562 4.6783H26.1708V0H2.76562V4.6783Z\" fill=\"currentColor\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.8582 1.03413C36.566 1.03413 37.1418 1.61915 37.1418 2.33813C37.1418 3.05711 36.566 3.64213 35.8582 3.64213C35.1501 3.64213 34.5742 3.05711 34.5742 2.33813C34.5742 1.61915 35.1501 1.03413 35.8582 1.03413ZM35.8582 4.44775C36.5227 4.44775 37.114 4.12781 37.4943 3.63272V4.30555H38.2874V0.3733H37.4943V1.04355C37.114 0.548454 36.5227 0.228516 35.8582 0.228516C34.713 0.228516 33.7812 1.17491 33.7812 2.33813C33.7812 3.50135 34.713 4.44775 35.8582 4.44775Z\" fill=\"currentColor\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M45.2723 1.03413C45.9801 1.03413 46.5561 1.61915 46.5561 2.33813C46.5561 3.05711 45.9801 3.64213 45.2723 3.64213C44.5644 3.64213 43.9884 3.05711 43.9884 2.33813C43.9884 1.61915 44.5644 1.03413 45.2723 1.03413ZM45.2723 4.44775C45.9368 4.44775 46.5282 4.12781 46.9086 3.63272V4.30555H47.7017V0.3733H46.9086V1.04355C46.5282 0.548454 45.9368 0.228516 45.2723 0.228516C44.1271 0.228516 43.1953 1.17491 43.1953 2.33813C43.1953 3.50135 44.1271 4.44775 45.2723 4.44775Z\" fill=\"currentColor\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M31.499 4.44798C31.9202 4.44798 32.3052 4.33804 32.6433 4.12122C32.9817 3.90392 33.2367 3.60188 33.4001 3.22379L33.4478 3.11267L32.6385 2.8683L32.5984 2.94693C32.4957 3.1501 32.3464 3.31348 32.1536 3.43308C31.9603 3.55244 31.7401 3.61318 31.499 3.61318C31.1514 3.61318 30.8561 3.4917 30.622 3.25369C30.3858 3.00555 30.2658 2.69762 30.2658 2.33813C30.2658 1.97511 30.3858 1.66953 30.622 1.42987C30.8524 1.18715 31.1474 1.06379 31.499 1.06379C31.7408 1.06379 31.961 1.1243 32.1536 1.24389C32.3464 1.36325 32.4957 1.52663 32.5984 1.72957L32.6385 1.80867L33.4478 1.56406L33.4001 1.45318C33.2369 1.07486 32.9822 0.773046 32.6433 0.55481C32.3047 0.338458 31.9197 0.228516 31.499 0.228516C30.9099 0.228516 30.4102 0.433097 30.0129 0.836375C29.6205 1.23494 29.4219 1.74039 29.4219 2.33813C29.4219 2.93092 29.621 3.43896 30.0143 3.84883C30.4153 4.24646 30.915 4.44798 31.499 4.44798Z\" fill=\"currentColor\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40.8318 4.44775C41.869 4.44775 42.5935 3.90675 42.5935 3.13197C42.5935 2.13496 41.6134 2.00383 40.8258 1.8986C40.3296 1.83221 39.901 1.775 39.901 1.52145C39.901 1.27355 40.1921 1.00706 40.8318 1.00706C41.443 1.00706 41.7629 1.27708 41.7629 1.54405V1.68766H42.5935V1.54405C42.5935 0.769515 41.869 0.228516 40.8318 0.228516C39.7946 0.228516 39.0703 0.769515 39.0703 1.54405C39.0703 2.46173 40.0004 2.5905 40.7477 2.69409C41.2923 2.76942 41.7629 2.83464 41.7629 3.15481C41.7629 3.40247 41.4715 3.66897 40.8318 3.66897C40.2206 3.66897 39.901 3.39894 39.901 3.13197V2.9886H39.0703V3.13197C39.0703 3.90675 39.7946 4.44775 40.8318 4.44775Z\" fill=\"currentColor\"/>\n            </svg>\n        </div>\n    </div>\n</template>\n\n<script>\n    import Vue from 'vue'\n    import lottie from 'lottie-web';\n    import animationData from './preloader.json'\n\n    export default {\n        data() {\n            return {\n            }\n        },\n\n        methods: {\n        },\n\n        mounted() {\n            // var params = {\n            //     container: document.getElementById('lottie'),\n            //     renderer: 'svg',\n            //     loop: true,\n            //     autoplay: true,\n            //     animationData,\n            // }\n\n            // this.anim = lottie.loadAnimation( params )\n        },\n    }\n</script>\n\n<style lang=\"scss\">\n.preloader {\n    will-change: transorm;\n    transform: scale(1);\n    animation: scaleUp 3s ease-in-out infinite;\n    opacity: 0.4;\n}\n\n@keyframes scaleUp {\n    0% {\n        transform: scale(1);\n    }\n    50% {\n        transform: scale(1.25);\n    }\n    100% {\n        transform: scale(1);\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./preloader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./preloader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./preloader.vue?vue&type=template&id=8ed02a36&\"\nimport script from \"./preloader.vue?vue&type=script&lang=js&\"\nexport * from \"./preloader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./preloader.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"app\">\n    <cookie-law>\n      <div slot-scope=\"props\">\n        <p>\n          This site uses cookies. By continuing to use this site you agree to our use of cookies.\n        </p>\n        <button class=\"cookie-btn\" @click=\"props.accept\"><span>I accept</span></button>\n      </div>\n    </cookie-law>\n    <div class=\"page-changer\" id=\"page-changer\">\n      <div>\n        <preloader />\n      </div>\n    </div>\n    <div\n      :class=\"`_${ navigationColor } _background-${ backgroundColor }`\"\n    >\n      <router-link\n        :class=\"`menu-logo ${hideNavigationByScroll ? 'isHiddenByScroll' : ''} _${ navigationColor } a-link`\"\n        :event=\"''\"\n        :to=\"{ name: 'home' }\"\n        @click.native.prevent=\"onFollowLink({ name: 'home' })\"\n        @mouseenter=\"onLogoHover( $event )\"\n        @mouseleave=\"onLogoHoverOut( $event )\"\n        id=\"logo\"\n      >\n        <svg width=\"56\" height=\"34\" viewBox=\"0 0 56 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0614 29.3222C7.95037 29.3222 4.60585 25.9251 4.60585 21.7494C4.60585 17.5735 7.95037 14.1766 12.0614 14.1766C16.1724 14.1766 19.5169 17.5735 19.5169 21.7494C19.5169 25.9251 16.1724 29.3222 12.0614 29.3222ZM21.5639 14.2307C19.3549 11.3567 15.9211 9.49805 12.0614 9.49805C5.41103 9.49805 0 14.9937 0 21.7494C0 28.5048 5.41103 34.0005 12.0614 34.0005C15.9211 34.0005 19.3549 32.1421 21.5639 29.2678V33.1751H26.17V10.3387H21.5639V14.2307Z\" fill=\"currentColor\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M41.4522 29.3213C37.341 29.3213 33.9967 25.9242 33.9967 21.7485C33.9967 17.5726 37.341 14.1757 41.4522 14.1757C45.5632 14.1757 48.9082 17.5726 48.9082 21.7485C48.9082 25.9242 45.5632 29.3213 41.4522 29.3213ZM50.9553 0V14.2298C48.7458 11.3558 45.3125 9.49715 41.4522 9.49715C34.8019 9.49715 29.3906 14.9928 29.3906 21.7485C29.3906 28.5039 34.8019 33.9996 41.4522 33.9996C45.3125 33.9996 48.7458 32.1412 50.9553 29.2669V33.1742H55.5611V0H50.9553Z\" fill=\"currentColor\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.76562 4.6783H26.1708V0H2.76562V4.6783Z\" fill=\"currentColor\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M35.8582 1.03413C36.566 1.03413 37.1418 1.61915 37.1418 2.33813C37.1418 3.05711 36.566 3.64213 35.8582 3.64213C35.1501 3.64213 34.5742 3.05711 34.5742 2.33813C34.5742 1.61915 35.1501 1.03413 35.8582 1.03413ZM35.8582 4.44775C36.5227 4.44775 37.114 4.12781 37.4943 3.63272V4.30555H38.2874V0.3733H37.4943V1.04355C37.114 0.548454 36.5227 0.228516 35.8582 0.228516C34.713 0.228516 33.7812 1.17491 33.7812 2.33813C33.7812 3.50135 34.713 4.44775 35.8582 4.44775Z\" fill=\"currentColor\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M45.2723 1.03413C45.9801 1.03413 46.5561 1.61915 46.5561 2.33813C46.5561 3.05711 45.9801 3.64213 45.2723 3.64213C44.5644 3.64213 43.9884 3.05711 43.9884 2.33813C43.9884 1.61915 44.5644 1.03413 45.2723 1.03413ZM45.2723 4.44775C45.9368 4.44775 46.5282 4.12781 46.9086 3.63272V4.30555H47.7017V0.3733H46.9086V1.04355C46.5282 0.548454 45.9368 0.228516 45.2723 0.228516C44.1271 0.228516 43.1953 1.17491 43.1953 2.33813C43.1953 3.50135 44.1271 4.44775 45.2723 4.44775Z\" fill=\"currentColor\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M31.499 4.44798C31.9202 4.44798 32.3052 4.33804 32.6433 4.12122C32.9817 3.90392 33.2367 3.60188 33.4001 3.22379L33.4478 3.11267L32.6385 2.8683L32.5984 2.94693C32.4957 3.1501 32.3464 3.31348 32.1536 3.43308C31.9603 3.55244 31.7401 3.61318 31.499 3.61318C31.1514 3.61318 30.8561 3.4917 30.622 3.25369C30.3858 3.00555 30.2658 2.69762 30.2658 2.33813C30.2658 1.97511 30.3858 1.66953 30.622 1.42987C30.8524 1.18715 31.1474 1.06379 31.499 1.06379C31.7408 1.06379 31.961 1.1243 32.1536 1.24389C32.3464 1.36325 32.4957 1.52663 32.5984 1.72957L32.6385 1.80867L33.4478 1.56406L33.4001 1.45318C33.2369 1.07486 32.9822 0.773046 32.6433 0.55481C32.3047 0.338458 31.9197 0.228516 31.499 0.228516C30.9099 0.228516 30.4102 0.433097 30.0129 0.836375C29.6205 1.23494 29.4219 1.74039 29.4219 2.33813C29.4219 2.93092 29.621 3.43896 30.0143 3.84883C30.4153 4.24646 30.915 4.44798 31.499 4.44798Z\" fill=\"currentColor\"/>\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40.8318 4.44775C41.869 4.44775 42.5935 3.90675 42.5935 3.13197C42.5935 2.13496 41.6134 2.00383 40.8258 1.8986C40.3296 1.83221 39.901 1.775 39.901 1.52145C39.901 1.27355 40.1921 1.00706 40.8318 1.00706C41.443 1.00706 41.7629 1.27708 41.7629 1.54405V1.68766H42.5935V1.54405C42.5935 0.769515 41.869 0.228516 40.8318 0.228516C39.7946 0.228516 39.0703 0.769515 39.0703 1.54405C39.0703 2.46173 40.0004 2.5905 40.7477 2.69409C41.2923 2.76942 41.7629 2.83464 41.7629 3.15481C41.7629 3.40247 41.4715 3.66897 40.8318 3.66897C40.2206 3.66897 39.901 3.39894 39.901 3.13197V2.9886H39.0703V3.13197C39.0703 3.90675 39.7946 4.44775 40.8318 4.44775Z\" fill=\"currentColor\"/>\n        </svg>\n      </router-link>\n      <a\n        :class=\"`menu-burger ${hideNavigationByScroll ? 'isHiddenByScroll' : ''} ${ isMenuBurgerVisible ? '' : 'isHidden' }`\"\n        href=\"#\"\n        id=\"burger\"\n        @click.prevent=\"onMenuTooggle\"\n      >\n        <span :class=\"`${showMenu ? 'active' : ''}`\"></span>\n      </a>\n      <div class=\"menu\" ref=\"menu\">\n        <div\n          class=\"menu__background\"\n          ref=\"menuBackground\"\n          @click=\"onMenuHide\"\n        >\n          \n        </div>\n        <div class=\"menu__container\" ref=\"menuContainer\">\n          <!-- <div\n            class=\"menu__close\"\n            @click=\"onMenuHide\">\n            <span></span>\n          </div> -->\n          <!-- <div class=\"menu__footer\">\n            {{ new Date().getFullYear() }}. AD CASA.\n          </div> -->\n          <div class=\"menu__inner\">\n            <div class=\"menu__block\">\n              <router-link\n                :event=\"''\"\n                :to=\"{ name: 'projects', params: { activeSection: 'all' } }\"\n                @click.native.prevent=\"onMenuHide(); onFollowLink( { name: 'projects', params: { activeSection: 'all' } } )\"\n                class=\"a-link menu__title\"\n              >{{ $t('menu_projects') }}</router-link>\n              <div class=\"menu__nav\">\n                <div class=\"\">\n                  <router-link\n                    :event=\"''\"\n                    :to=\"{ name: 'projects', params: { activeSection: 'architecture' } }\"\n                    @click.native.prevent=\"onMenuHide(); onFollowLink( { name: 'projects', params: { activeSection: 'architecture' } } )\"\n                    class=\"a-link\"\n                  >{{ $t('section_architecture') }}</router-link>\n                </div>\n                <div class=\"\">\n                  <router-link\n                    :event=\"''\"\n                    :to=\"{ name: 'projects', params: { activeSection: 'design' } }\"\n                    @click.native.prevent=\"onMenuHide(); onFollowLink( { name: 'projects', params: { activeSection: 'design' } } )\"\n                    class=\"a-link\"\n                  >{{ $t('section_design') }}</router-link>\n                </div>\n              </div>\n            </div>\n            <div class=\"menu__block\">\n              <router-link\n                :event=\"''\"\n                :to=\"{ name: 'company' }\"\n                @click.native.prevent=\"onMenuHide(); onFollowLink( { name: 'company' } )\"\n                class=\"menu__title a-link\"\n              >{{ $t('menu_company') }}</router-link>\n            </div>\n            <div class=\"menu__block\">\n              <router-link\n                :event=\"''\"\n                :to=\"{ name: 'contacts' }\"\n                @click.native.prevent=\"onMenuHide(); onFollowLink( { name: 'contacts' } )\"\n                class=\"menu__title a-link\"\n              >{{ $t('menu_contacts') }}</router-link>\n              <!-- <div class=\"menu-nav\">\n                <div class=\"menu__link\">\n                  <a @click=\"onMenuHide\" href=\"https://www.facebook.com/adorohovproject/\" target=\"_blank\">Facebook</a>\n                </div>\n                <div class=\"menu__link\">\n                  <a @click=\"onMenuHide\" href=\"http://instagram.com/ad_project_\" target=\"_blank\">Instagram</a>\n                </div>\n              </div> -->\n            </div>\n            <div class=\"menu__social\">\n              <a href=\"https://www.instagram.com/ad_casa_/\" target=\"_blank\">\n                <img src=\"/images/contact/Instagram.svg\" alt=\"instagram\" />\n              </a>\n              <a href=\"http://\" target=\"_blank\" class=\"social_disabled\">\n                <img src=\"/images/contact/In.svg\" alt=\"In\" />\n              </a>\n              <a href=\"http://\" target=\"_blank\" class=\"social_disabled\">\n                <img src=\"/images/contact/Facebook.svg\" alt=\"Facebook\" />\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n      <transition name=\"slide\">\n        <router-view/>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { TweenLite, Power2 } from 'gsap'\nimport { globalMixin, scrollMixin } from './mixins'\nimport preloader from './views/parts/preloader'\nimport CookieLaw from 'vue-cookie-law'\n\nexport default {\n  mixins: [ globalMixin, scrollMixin ],\n\n  components: {\n    preloader,\n    CookieLaw,\n  },\n\n  data() {\n    return {\n      showMenu: false,\n    }\n  },\n\n  computed: {\n    navigationColor () {\n      return this.$store.getters.navigationColor\n    },\n    backgroundColor () {\n      return this.$store.getters.backgroundColor\n    },\n    logoColor () {\n      return this.$store.getters.logoColor\n    },\n    isMenuBurgerVisible () {\n      return this.$store.getters.isMenuBurgerVisible\n    },\n    currentRouteName() {\n      return this.$route.name;\n    },\n    hideNavigationByScroll() {\n      if (this.currentRouteName === 'project') {\n        return this.isScrollingDown;\n      } else {\n        return this.isMainMenuHidden;\n      }\n    },\n  },\n\n  methods: {\n    onLogoHover( event ) {\n      const logo = event.currentTarget\n      TweenLite.to( logo, .5, {\n        scale: 1.4,\n        ease: Power2.easeInOut,\n      } )\n    },\n    onLogoHoverOut( event ) {\n      const logo = event.currentTarget\n      TweenLite.to( logo, .5, {\n        scale: 1,\n        ease: Power2.easeInOut,\n      } )\n    },\n    onMenuShow() {\n      this.$refs.menu.style.display = 'block'\n      TweenLite.to( this.$refs.menuBackground, .5, {\n        opacity: 1,\n        ease: Power2.easeInOut,\n      } )\n      TweenLite.to( this.$refs.menuContainer, .5, {\n        x: '0%',\n        ease: Power2.easeInOut,\n      } )\n      this.showMenu = true\n    },\n\n    onMenuTooggle() {\n      if(this.showMenu) {\n        this.onMenuHide()\n      } else {\n        this.onMenuShow()\n      }\n    },\n\n    onMenuHide() {\n      const self = this\n      TweenLite.to( this.$refs.menuBackground, .5, {\n        opacity: 0,\n        ease: Power2.easeInOut,\n        onComplete() {\n          self.$refs.menu.style.display = 'none'\n        }\n      } )\n      TweenLite.to( this.$refs.menuContainer, .5, {\n        x: '100%',\n        ease: Power2.easeInOut,\n      } )\n      this.showMenu = false\n    },\n  },\n\n  mounted () {\n    this.$store.commit('setFirstPage')\n  },\n}\n</script>\n\n<style lang=\"scss\">\n  @import './assets/css/normalize.css';\n  @import './assets/vars.scss';\n\n  @font-face {\n    font-family: 'acrom';\n    src: url('/fonts/acrom900-webfont.woff') format('woff');\n    font-weight: 800;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'acrom';\n    src: url('/fonts/acrom800-webfont.woff') format('woff');\n    font-weight: 700;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'acrom';\n    src: url('/fonts/acrom600-webfont.woff') format('woff');\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'acrom';\n    src: url('/fonts/acrom400-webfont.woff') format('woff');\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'acrom';\n    src: url('/fonts/acrom300-webfont.woff') format('woff');\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'acrom';\n    src: url('/fonts/acrom100-webfont.woff') format('woff');\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'didot';\n    font-weight: 700;\n    src: url(\"/fonts/didot_bold.otf\") format(\"opentype\");\n  }\n\n  @font-face {\n    font-family: 'didot';\n    font-weight: 400;\n    src: url(\"/fonts/didot_regular.otf\") format(\"opentype\");\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-MediumItalic.woff') format('woff');\n      font-weight: 500;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-SuperItalic.woff') format('woff');\n      font-weight: normal;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-SemiboldItalic.woff') format('woff');\n      font-weight: 600;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Black.woff') format('woff');\n      font-weight: 900;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Super.woff') format('woff');\n      font-weight: normal;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Thin.woff') format('woff');\n      font-weight: 100;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-ExtralightItalic.woff') format('woff');\n      font-weight: 200;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Regular.woff') format('woff');\n      font-weight: normal;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-BoldItalic.woff') format('woff');\n      font-weight: bold;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-LightItalic.woff') format('woff');\n      font-weight: 300;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-BlackItalic.woff') format('woff');\n      font-weight: 900;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Medium.woff') format('woff');\n      font-weight: 500;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Light.woff') format('woff');\n      font-weight: 300;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Semibold.woff') format('woff');\n      font-weight: 600;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Bold.woff') format('woff');\n      font-weight: bold;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-Extralight.woff') format('woff');\n      font-weight: 200;\n      font-style: normal;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-ThinItalic.woff') format('woff');\n      font-weight: 100;\n      font-style: italic;\n  }\n\n  @font-face {\n      font-family: 'Graphik LCG';\n      src: url('/fonts/GraphikLCG-RegularItalic.woff') format('woff');\n      font-weight: normal;\n      font-style: italic;\n  }\n\n  #app .Cookie--base {\n    all: unset;\n    background: #FFFFFF;\n    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);    \n    position: fixed;\n    bottom: 20px;\n    left: auto;\n    right: 20px;\n    max-width: 375px;\n    padding: 30px;\n    display: block;\n    z-index: 99;\n    @media #{$mb} {\n      right: auto;\n      left: 0px;\n      bottom: 0px;\n      width: 100%;\n      max-width: 100vw;\n      padding: 10px 0px 10px 20px;\n      box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.3);\n    }\n    p {\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      color: #303030;\n      opacity: 0.5;\n      letter-spacing: -0.03em;\n      margin: 0;\n      padding: 0;\n       @media #{$mb} {\n        padding: 0 40px 0 0;\n      }\n    }\n\n    .cookie-btn {\n      all: unset;\n      margin-top: 30px;\n      @media screen #{$mb} {\n        margin-top: 20px;\n      }\n      span {\n        cursor: pointer;\n        font-style: normal;\n        font-weight: 400;\n        font-size: 26px;\n        line-height: 130%;\n        letter-spacing: -0.03em;\n        color: #000000;\n        text-decoration: none;\n        color: inherit;\n        transition: text-decoration-color 0.2s;\n        position: relative;\n        &:hover {\n          &:before {\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            bottom: -2px;\n            left: 0;\n            border-bottom: 1px solid rgba(38, 38, 38, 1);\n          }\n        }\n        &:before {\n          content: \"\";\n          position: absolute;\n          width: 0%;\n          bottom: -2px;\n          left: 0;\n          border-bottom: 1px solid rgba(38, 38, 38, 1);\n          transition: 0.2s;\n        }\n        &::after {\n          content: \"\";\n          position: absolute;\n          width: 100%;\n          bottom: -2px;\n          left: 0;\n          border-bottom: 1px solid rgba(38, 38, 38, 0.1);\n        }\n        @media #{$mb} {\n          font-style: normal;\n          font-weight: 400;\n          font-size: 20px;\n          line-height: 130%;\n        }\n      }\n    }\n\n    .Cookie--bottom {\n      all: unset;\n      left: auto;\n      right: 20px;\n      @media screen #{$mb} {\n        right: 0px;\n      }\n    }\n  }\n\n  html {\n    font-size: 16px;\n\n    @media screen #{$mb} {\n      font-size: 16px;\n    }\n\n    @media screen and (min-width: 769px) {\n      @media screen and (max-width: 1200px) {\n        font-size: 15px;\n      }\n\n      @media screen and (max-width: 1150px) {\n        font-size: 14px;\n      }\n\n      @media screen and (max-width: 1100px) {\n        font-size: 13px;\n      }\n\n      @media screen and (max-width: 1050px) {\n        font-size: 12px;\n      }\n\n      @media screen and (max-width: 1000px) {\n        font-size: 11px;\n      }\n\n      @media screen and (max-width: 950px) {\n        font-size: 10px;\n      }\n\n      @media screen and (max-width: 850px) {\n        font-size: 9px;\n      }\n    }\n  }\n\n  body {\n    overflow-y: scroll;\n  }\n\n  #app {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-family: 'Graphik LCG';\n    font-size: 16PX;\n    color: #303030;\n    background: #F4F4F4;\n  }\n\n  .a-link {\n    cursor: pointer;\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  .wrapper {\n    padding-left: rem(172px);\n    padding-right: rem(172px);\n\n    max-width: 1450px;\n\n    @media(min-width: 1500px) {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    @media #{$mb} {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n  }\n\n  .menu-logo {\n    position: fixed;\n    text-decoration: none;\n    z-index: 6;\n    top: rem(25px);\n    left: rem(60px);\n    font-weight: 700;\n    font-size: rem(22px);\n    color: inherit;\n    letter-spacing: 0;\n    line-height: rem(64px);\n    transition: all .2s ease;\n    // backface-visibility: hidden;\n\n    &._white {\n      color: #fff;\n    }\n\n    &._black {\n      color: #303030;\n    }\n    \n    &.isHiddenByScroll {\n      transform: translateY(-200%);\n    }\n\n    svg {\n      @media #{$mb} {\n        width: 37.5px\n      }\n    }\n\n    @media #{$mb} {\n      left: rem(20px);\n      top: rem(20px);\n      font-size: rem(20px);\n      letter-spacing: rem(4px);\n      line-height: rem(22px);\n    }\n  }\n\n  .menu-burger {\n    position: fixed;\n    z-index: 101;\n    top: rem(0px);\n    right: rem(20px);\n    width: rem(80px);\n    height: rem(80px);\n    transition: all .2s ease;\n\n    &.isHidden {\n      opacity: 0 !important;\n      pointer-events: none;\n    }\n\n    &.isHiddenByScroll {\n      transform: translateY(-200%);\n    }\n\n    @media #{$mb} {\n      right: rem(10px);\n      top: rem(15px);\n      width: rem(40px);\n      height: rem(40px);\n      cursor: default;\n    }\n\n    span {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: rem(40px);\n      margin-left: rem(-20px);\n      height: rem(3px);\n      margin-top: rem(-1.5px);\n\n      @media #{$mb} {\n        width: rem(38px);\n        height: rem(3px);\n        margin-left: rem(-24px);\n      }\n\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: #303030;\n        transition: all .2s ease;\n      }\n\n      &:before {\n        transform: translateY(-200%);\n\n        @media #{$mb} {\n          transform: translateY(-170%);\n        }\n      }\n\n      &:after {\n        transform: translateY(200%);\n\n        @media #{$mb} {\n          transform: translateY(170%);\n        }\n      }\n    }\n\n    span.active {\n      &:before {\n        transform: rotate(45deg) translateY(0%);\n      }\n\n      &:after {\n        transform: rotate(-45deg) translateY(0%);\n      }\n    }\n  }\n\n  ._white {\n    .index__menu {\n        color: #fff;\n    }\n\n    .menu-burger {\n        span {\n            &:before,\n            &:after {\n                background: #fff;\n            }\n        }\n    }\n\n    .menu-logo {\n      color: #fff;\n    }\n\n    .index__dots__item {\n      span {\n        background: #fff;\n      }\n    }\n\n    .index__menu__link.hover-link {\n      &:after {\n        background: #fff;\n      }\n    }\n  }\n\n  ._background-black {\n    background: #303030;\n    color: #fff;\n\n    .container__left,\n    .container__right {\n      border-color: transparent;\n    }\n  }\n\n  .container {\n    display: flex;\n    min-height: 100vh;\n\n    @media #{$mb} {\n      display: block;\n    }\n  }\n\n  .container__left {\n    position: relative;\n    width: rem(300px);\n    min-width: rem(300px);\n    border-right: rem(1px) solid #D0D0D0;\n\n    @media #{$mb} {\n      display: none;\n    }\n  }\n\n  .container__image {\n    position: fixed;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    width: rem(300px);\n    bottom: 0;\n    background: {\n      size: cover;\n      position: center;\n    }\n    transition: all .2s ease;\n\n    &.isHidden {\n      opacity: 0;\n    }\n  }\n\n  .container__center {\n    position: relative;\n    width: 100%;\n  }\n\n  .container__right {\n    width: rem(80px);\n    min-width: rem(80px);\n\n    @media #{$mb} {\n      display: none;\n    }\n  }\n\n  .menu {\n    display: none;\n    position: fixed;\n    z-index: 100;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  .menu__container {\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    right: 0;\n    background: #fff;\n    width: rem(500px);\n    height: 100vh;\n    transform: translateX(100%);\n    display: flex;\n    padding-left: rem(80px);\n    box-sizing: border-box;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n\n    @media #{$mb} {\n      width: 100%;\n      padding-left: rem(45px);\n    }\n  }\n\n  .menu__inner {\n    padding: 148px 0 80px;\n  }\n\n  .menu__block {\n    margin-top: rem(40px);\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  .menu__title {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 24px;\n    line-height: 24px;\n    letter-spacing: -0.03em;\n    color: #303030;\n  }\n\n  .a-link.menu__title {\n    text-decoration: none;\n    letter-spacing: -0.04em;\n    transition: 0.2s;\n    position: relative;\n    &:hover {\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        bottom: -2px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 1);\n      }\n    }\n    &:before {\n      content: \"\";\n      position: absolute;\n      width: 0%;\n      bottom: -2px;\n      left: 0;\n      border-bottom: 1px solid rgba(38, 38, 38, 1);\n      transition: 0.2s;\n    }\n    &::after {\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      bottom: -2px;\n      left: 0;\n      border-bottom: 1px solid rgba(38, 38, 38, 0.1);\n    }\n  }\n\n  .menu__link {\n    margin-top: rem(20px);\n\n    a {\n      text-decoration: underline;\n      text-underline-offset: 3px;\n      text-decoration-color: #979797;\n      letter-spacing: -0.04em;\n      text-decoration-thickness: 1px;\n      color: inherit;\n      transition: 0.2s;\n      &:hover {\n        text-decoration-thickness: 1px;\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .menu__background {\n    position: absolute;\n    opacity: 0;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, .7);\n  }\n\n  .menu__close {\n    position: absolute;\n    top: rem(30px);\n    right: rem(21px);\n    width: rem(28px);\n    height: rem(28px);\n    cursor: pointer;\n\n    @media #{$mb} {\n      cursor: default;\n    }\n\n    span {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: rem(19px);\n      height: rem(19px);\n      margin-top: rem(-(19/2)+px);\n      margin-left: rem(-(19/2)+px);\n      \n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-top: -1px;\n        margin-left: rem(-12px);\n        background: #000;\n        width: rem(24px);\n        height: 2px;\n      }\n\n      &:before {\n        transform: rotate(-45deg);\n      }\n\n      &:after {\n        transform: rotate(45deg);\n      }\n    }\n  }\n\n  .menu__footer {\n    position: absolute;\n    left: rem(80px);\n    bottom: rem(30px);\n    opacity: 0.9;\n    font-size: rem(12px);\n    color: #303030;\n    letter-spacing: 0.33px;\n    line-height: rem(14px);\n\n    @media #{$mb} {\n      display: none;\n    }\n\n    a {\n      color: inherit;\n    }\n  }\n\n  .fixed-header {\n    position: fixed;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    right: 0;\n    background: #fff;\n\n    @media #{$mb} {\n      left: 0;\n      right: 0;\n    }\n  }\n\n  .fixed-menu {\n    position: fixed;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    right: 0;\n\n    @media #{$mb} {\n      left: 0;\n      right: 0;\n    }\n  }\n\n  .bg-white {\n    background: #F4F4F4;\n  }\n\n  .scroll-header {\n    height: rem(96px);\n    line-height: rem(96px);\n    text-align: center;\n    opacity: 0;\n    pointer-events: none;\n    cursor: pointer;\n    transition: all .2s ease;\n\n    @media #{$mb} {\n      height: rem(64px);\n      line-height: rem(64px);\n      z-index: 5;\n    }\n\n    &.isVisible {\n      opacity: 1;\n      pointer-events: auto;\n    }\n\n    &.isHiddenByScroll {\n      transform: translateY(-100%);\n    }\n  }\n\n  .scroll-menu {\n    opacity: 0;\n    pointer-events: none;\n    cursor: pointer;\n    transition: all .2s ease;\n\n    @media #{$mb} {\n      height: rem(64px);\n      line-height: rem(64px);\n      z-index: 5;\n    }\n\n    &.isVisible {\n      opacity: 1;\n      pointer-events: auto;\n    }\n\n    &.isHiddenByScroll {\n      transform: translateY(-100%);\n    }\n  }\n\n  .scroll-header__title {\n    font-family: 'Didot';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 30px;\n\n    @media #{$mb} {\n      font-size: rem(18px);\n    }\n  }\n\n  .loader {\n    position: fixed;\n    z-index: -1;\n    top: -9999px;\n    left: -9999px;\n    pointer-events: none;\n    opacity: 0;\n  }\n\n  /* Container */\n\n  .container__cursor {\n    position: fixed;\n    top: 50%;\n    left: rem(150px);\n    transform: translate(-50%, -50%) rotate(-90deg);\n    font-weight: 500;\n    font-size: rem(18px);\n    color: #000000;\n    letter-spacing: 0.38px;\n    line-height: rem(24px);\n  }\n\n  .arrow-left {\n    position: fixed;\n    z-index: 4;\n    top: rem(39px);\n    left: rem(361px);\n\n    @media #{$mb} {\n      display: none;\n    }\n  }\n\n  .progress {\n    position: fixed;\n    top: 0;\n    height: 4px;\n    z-index: 4;\n    left: 0;\n    right: 0;\n\n    @media #{$mb} {\n      left: 0;\n      right: 0;\n      z-index: 5;\n      height: 2px;\n    }\n  }\n\n  .progress__bar {\n    background: #303030;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 0%;\n  }\n\n  .fixed-left-menu {\n    position: fixed;\n    top: rem(36px);\n    z-index: 3;\n    left: rem(460px);\n\n    @media #{$mb} {\n      display: none;\n    }\n\n    a {\n      display: inline-block;\n      margin-left: rem(60px);\n      font-weight: 500;\n      font-size: rem(18px);\n      color: #303030;\n      letter-spacing: 0.38px;\n      line-height: rem(24px);\n      text-decoration: none;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &.router-link-exact-active,\n      &.isActive {\n        opacity: .3;\n      }\n    }\n  }\n\n  .mobile-cursor {\n    display: none;\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: rem(21px);\n    z-index: 3;\n    text-align: center;\n    font-weight: 500;\n    font-size: rem(18px);\n    color: #303030;\n    letter-spacing: 0.38px;\n    line-height: rem(24px);\n\n    &._white {\n      color: #FFFFFF;\n    }\n\n    @media #{$mb} {\n      display: block;\n    }\n  }\n\n\n  @keyframes page-changer {\n    0%   { transform: scale(1); }\n    50%  { transform: scale(.8); }\n    100% { transform: scale(1); }\n  }\n\n  .page-changer {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    background: #FAFAFA;\n\n    div {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      // animation: page-changer 2s infinite;\n    }\n\n    svg {\n      display: block;\n      position: absolute;\n      max-width: 140px;\n      width: 25%;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) !important;\n    }\n  }\n\n  .fixed-arrow {\n    position: fixed;\n    z-index: 4;\n    right: rem(34px);\n    bottom: rem(44px);\n    width: rem(22px);\n    height: rem(43px);\n    background: url(/images/page-arrow-up.svg) center / contain no-repeat;\n    cursor: pointer;\n    transition: all .5s ease;\n    \n    @media #{$mb} {\n      display: none;\n    }\n\n    &.isRotated {\n      transform: rotate(-180deg);\n    }\n\n    &.isHidden {\n      opacity: 0 !important;\n    }\n\n    &._no-transition {\n      transition: all 0s ease;\n    }\n  }\n\n  .hover-link {\n    position: relative;\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      height: 1px;\n      background: #030303;\n      left: 50%;\n      bottom: -.1em;\n      transform: translateX(-50%);\n      width: 0%;\n      transition: all .3s ease;\n    }\n\n    &:hover {\n      &:after {\n        width: 100%;\n      }\n    }\n\n    &._white {\n      &:after {\n        background: #fff;\n      }\n    }\n  }\n\n  .page-cursor {\n    position: fixed;\n    left: rem(188px);\n    top: rem(36px);\n    z-index: 4;\n    font-weight: 500;\n    font-size: rem(18px);\n    color: #000000;\n    letter-spacing: 0.38px;\n    line-height: rem(24px);\n    transition: all .2s ease;\n\n    &.isHiddenByScroll {\n      transform: translateY(-300%);\n    }\n\n    @media #{$mb} {\n      display: none;\n    }\n\n    @media (min-width: 1441px) {\n      left: calc(5% + 100px);\n    }\n\n    @media (min-width: 1460px) {\n      left: calc(6% + 100px);\n    }\n\n    @media (min-width: 1480px) {\n      left: calc(7% + 100px);\n    }\n\n    @media (min-width: 1500px) {\n      left: calc(7% + 100px);\n    }\n\n    @media (min-width: 1550px) {\n      left: calc(8% + 100px);\n    }\n\n    @media (min-width: 1580px) {\n      left: calc(9.5% + 100px);\n    }\n\n    @media (min-width: 1610px) {\n      left: calc(10% + 100px);\n    }\n\n    @media (min-width: 1630px) {\n      left: calc(10.5% + 100px);\n    }\n\n    @media (min-width: 1650px) {\n      left: calc(11.2% + 100px);\n    }\n\n    @media (min-width: 1680px) {\n      left: calc(12% + 100px);\n    }\n\n    @media (min-width: 1700px) {\n      left: calc(12% + 100px);\n    }\n\n    @media (min-width: 1715px) {\n      left: calc(13% + 100px);\n    }\n\n    @media (min-width: 1730px) {\n      left: calc(13% + 100px);\n    }\n\n    @media (min-width: 1760px) {\n      left: calc(14% + 100px);\n    }\n\n    @media (min-width: 1800px) {\n      left: calc(15% + 100px);\n    }\n\n    @media (min-width: 1920px) {\n      left: calc(15.5% + 100px);\n    }\n  }\n\n  ._white {\n    .page-cursor {\n      color: #fff;\n    }\n  }\n\n  .project__preview {\n    position: relative;\n    color: #fff;\n    height: 800px;\n    min-height: 450px;\n    display: flex;\n    align-items: flex-end;\n    background: {\n      size: cover;\n      position: center;\n    }\n\n    @media #{$mb} {\n      height: 270px;\n      min-height: auto;\n    }\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      z-index: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 50%;\n      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 70%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */\n      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */\n      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 70%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */\n    }\n  }\n\n  .project__preview-content {\n    // position: relative;\n    z-index: 1;\n    width: 100%;\n    padding: 0 0 36px;\n\n    @media #{$mb} {\n      padding: 0 0 20px;\n    }\n  }\n\n  .menu__nav {\n    display: flex;\n    gap: 20px;\n    flex-direction: column;\n    margin-top: 30px;\n    margin-bottom: 50px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 24px;\n    letter-spacing: -0.03em;\n    margin-left: 30px;\n\n    .a-link {\n      opacity: 0.8;\n      transition: opacity 0.2s;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  .menu__social {\n    display: flex;\n    margin-top: 57px;\n    justify-content: flex-start;\n    gap: 30px;\n\n    a:not(.social_disabled) {\n      opacity: 1;\n      transition: opacity 0.2s;\n      &:hover {\n        opacity: 0.7;\n      }\n    }\n\n    .social_disabled {\n      opacity: 0.5;\n      cursor: auto;\n    }\n  }\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=459717e6&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.ready)?_c('div',[_c('div',{directives:[{name:\"images-loaded\",rawName:\"v-images-loaded\",value:(_vm.onImageLoad),expression:\"onImageLoad\"}],staticClass:\"loader\"},[_c('img',{attrs:{\"src\":\"/images/company/left.jpg\"}}),_c('img',{attrs:{\"src\":\"/images/company/team.jpg\"}})]),_c('div',{ref:\"index\",staticClass:\"index\"},[_c('Navigation')],1),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"container__center\"},[_c('div',{staticClass:\"home center__container\"},[_c('section',{staticClass:\"home__main\"},[_c('div',{staticClass:\"home__main__left\"},[_c('h1',{staticClass:\"home__title\"},[_c('router-link',{staticClass:\"a-link\",attrs:{\"event\":'',\"to\":{ name: 'projects', params: { activeSection: 'architecture' } }},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink( { name: 'projects', params: { activeSection: 'architecture' } } )}}},[_c('div',{},[_vm._v(_vm._s(_vm.$t('section_architecture')))])]),_c('router-link',{staticClass:\"a-link\",attrs:{\"event\":'',\"to\":{ name: 'projects', params: { activeSection: 'design' } }},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink( { name: 'projects', params: { activeSection: 'design' } } )}}},[_c('div',{},[_vm._v(_vm._s(_vm.$t('section_design')))])])],1),_c('div',{staticClass:\"main__link pc__only\"},[_c('router-link',{attrs:{\"to\":{\n                    name: 'project',\n                    params: { projectSlug: _vm.sliderLink.url },\n                  }},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({\n                      name: 'project',\n                      params: { projectSlug: _vm.sliderLink.url },\n                    })}}},[_c('svg',{attrs:{\"width\":\"31\",\"height\":\"17\",\"viewBox\":\"0 0 31 17\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M23.8013 0.818191L30.6833 7.73182C31.1056 8.15607 31.1056 8.84393 30.6833 9.26818L23.8013 16.1818C23.379 16.6061 22.6943 16.6061 22.272 16.1818C21.8497 15.7576 21.8497 15.0697 22.272 14.6454L27.3079 9.58637L1.0814 9.58637C0.484157 9.58637 0 9.09999 0 8.5C0 7.90001 0.484157 7.41363 1.0814 7.41363L27.3079 7.41363L22.272 2.35455C21.8497 1.9303 21.8497 1.24245 22.272 0.818191C22.6943 0.393936 23.379 0.393936 23.8013 0.818191Z\",\"fill\":\"currentColor\"}})]),_vm._v(\"\\n                  \"+_vm._s(_vm.sliderLink.name)+\"\\n                \")])],1)]),(_vm.ready)?_c('Splide',{ref:\"slider\",staticClass:\"index-screen__slider\",attrs:{\"options\":{ rewind: true, perPage: 1, arrows: true },\"aria-label\":\"Vue Splide Example\"}},_vm._l((_vm.slidesData),function(slide,index){return _c('SplideSlide',{key:index,staticClass:\"index-screen__slider__item\",style:((\"background-image: url(\" + (slide.image) + \");\"))})}),1):_vm._e(),_c('router-link',{staticClass:\"arrow__link mobile__only\",attrs:{\"to\":{\n                name: 'project',\n                params: { projectSlug: _vm.sliderLink.url },\n              }},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({\n                  name: 'project',\n                  params: { projectSlug: _vm.sliderLink.url },\n                })}}},[_c('div',[_vm._v(_vm._s(_vm.sliderLink.name))]),_c('svg',{attrs:{\"width\":\"31\",\"height\":\"17\",\"viewBox\":\"0 0 31 17\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M23.8013 0.818191L30.6833 7.73182C31.1056 8.15607 31.1056 8.84393 30.6833 9.26818L23.8013 16.1818C23.379 16.6061 22.6943 16.6061 22.272 16.1818C21.8497 15.7576 21.8497 15.0697 22.272 14.6454L27.3079 9.58637L1.0814 9.58637C0.484157 9.58637 0 9.09999 0 8.5C0 7.90001 0.484157 7.41363 1.0814 7.41363L27.3079 7.41363L22.272 2.35455C21.8497 1.9303 21.8497 1.24245 22.272 0.818191C22.6943 0.393936 23.379 0.393936 23.8013 0.818191Z\",\"fill\":\"#000000\"}})])])],1),_c('section',{staticClass:\"home__desc\"},[_c('h2',{staticClass:\"desc__left\"},[_vm._v(\"\\n              We create successful projects for business – focused on the person and serving the humanity\\n            \")]),_c('div',{staticClass:\"desc__right\"},[_vm._m(0),_c('router-link',{staticClass:\"arrow__link\",attrs:{\"to\":{ name: 'company' },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({ name: 'company' })}}},[_c('div',[_vm._v(\"About us\")]),_c('img',{attrs:{\"src\":\"/images/arrow_right.svg\",\"alt\":\"\"}})])],1)]),_c('div',{staticClass:\"page__footer\"},[_c('div',{staticClass:\"footer__grey__block\"}),_vm._v(\"\\n            AD сasa | Architecture&Design ©\"+_vm._s(new Date().getFullYear())+\"\\n          \")])])])])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"desc__text\"},[_vm._v(\"\\n                AD Сasa is a studio with a wealth of experience in hospitality, creating and implementing relevant ideas in architecture and design.\"),_c('br'),_c('br'),_vm._v(\"\\n                A competent team focused at work on local culture and traditions interconnecting in the mix with modern tendencies. \\n                Love for our work and creative vision helps us translate ideas and thoughts into reality, for comfortable spaces for life, work, creativity and leisure.\\n              \")])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"indexMenu\",staticClass:\"index__menu\",class:{\n    'isHiddenByScroll': _vm.isMainMenuHidden,\n    'isWithBackground': _vm.isMainMenuBackgroundFilled,\n  }},[_c('nav',{staticClass:\"index__menu__list\"},[_c('router-link',{staticClass:\"index__menu__link hover-link a-link\",attrs:{\"to\":{ name: 'projects', params: { activeSection: 'all' } },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({ name: 'projects', params: { activeSection: 'all' } })}}},[_vm._v(_vm._s(_vm.$t('menu_projects')))]),_c('router-link',{staticClass:\"index__menu__link hover-link a-link\",attrs:{\"to\":{ name: 'company' },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({ name: 'company' })}}},[_vm._v(_vm._s(_vm.$t('menu_company')))]),_c('router-link',{staticClass:\"index__menu__link hover-link a-link\",attrs:{\"to\":{ name: 'contacts' },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({ name: 'contacts' })}}},[_vm._v(_vm._s(_vm.$t('menu_contacts')))])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"index__menu\"\n    ref=\"indexMenu\"\n    :class=\"{\n      'isHiddenByScroll': isMainMenuHidden,\n      'isWithBackground': isMainMenuBackgroundFilled,\n    }\"\n  >\n    <nav class=\"index__menu__list\">\n      <router-link\n        :to=\"{ name: 'projects', params: { activeSection: 'all' } }\"\n        :event=\"''\"\n        @click.native.prevent=\"onFollowLink({ name: 'projects', params: { activeSection: 'all' } })\"\n        class=\"index__menu__link hover-link a-link\"\n      >{{ $t('menu_projects') }}</router-link>\n      <router-link\n        :to=\"{ name: 'company' }\"\n        :event=\"''\"\n        @click.native.prevent=\"onFollowLink({ name: 'company' })\"\n        class=\"index__menu__link hover-link a-link\"\n      >{{ $t('menu_company') }}</router-link>\n      <router-link\n        :to=\"{ name: 'contacts' }\"\n        :event=\"''\"\n        @click.native.prevent=\"onFollowLink({ name: 'contacts' })\"\n        class=\"index__menu__link hover-link a-link\"\n      >{{ $t('menu_contacts') }}</router-link>\n    </nav>\n    <!-- <a\n      href=\"#\"\n      class=\"index__menu__lang\"\n      @click=\"onChangeLanguage\"\n    >{{ differentLanguage }}</a> -->\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { globalMixin, scrollMixin } from '../mixins'\n\nexport default {\n\tmixins: [globalMixin, scrollMixin],\n};\n</script>\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navigation.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navigation.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Navigation.vue?vue&type=template&id=05cca1b2&\"\nimport script from \"./Navigation.vue?vue&type=script&lang=ts&\"\nexport * from \"./Navigation.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div v-if=\"ready\">\n    <div class=\"loader\" v-images-loaded=\"onImageLoad\">\n      <img src=\"/images/company/left.jpg\" />\n      <img src=\"/images/company/team.jpg\" />\n    </div>\n    <div class=\"index\" ref=\"index\">\n      <Navigation />\n    </div>\n    <div class=\"container\">\n      <div class=\"container__center\">\n        <div class=\"home center__container\">\n          <section class=\"home__main\">\n            <div class=\"home__main__left\">\n              <h1 class=\"home__title\">\n                <router-link\n                    :event=\"''\"\n                    :to=\"{ name: 'projects', params: { activeSection: 'architecture' } }\"\n                    @click.native.prevent=\"onFollowLink( { name: 'projects', params: { activeSection: 'architecture' } } )\"\n                    class=\"a-link\"\n                  ><div class=\"\">{{ $t('section_architecture') }}</div></router-link>\n                <router-link\n                    :event=\"''\"\n                    :to=\"{ name: 'projects', params: { activeSection: 'design' } }\"\n                    @click.native.prevent=\"onFollowLink( { name: 'projects', params: { activeSection: 'design' } } )\"\n                    class=\"a-link\"\n                  ><div class=\"\">{{ $t('section_design') }}</div></router-link>\n              </h1>\n              <div class=\"main__link pc__only\">\n                <router-link\n                  :to=\"{\n                    name: 'project',\n                    params: { projectSlug: sliderLink.url },\n                  }\"\n                  @click.native.prevent=\"\n                    onFollowLink({\n                      name: 'project',\n                      params: { projectSlug: sliderLink.url },\n                    })\n                  \"\n                >\n                  <svg\n                    width=\"31\"\n                    height=\"17\"\n                    viewBox=\"0 0 31 17\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M23.8013 0.818191L30.6833 7.73182C31.1056 8.15607 31.1056 8.84393 30.6833 9.26818L23.8013 16.1818C23.379 16.6061 22.6943 16.6061 22.272 16.1818C21.8497 15.7576 21.8497 15.0697 22.272 14.6454L27.3079 9.58637L1.0814 9.58637C0.484157 9.58637 0 9.09999 0 8.5C0 7.90001 0.484157 7.41363 1.0814 7.41363L27.3079 7.41363L22.272 2.35455C21.8497 1.9303 21.8497 1.24245 22.272 0.818191C22.6943 0.393936 23.379 0.393936 23.8013 0.818191Z\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                  {{ sliderLink.name }}\n                </router-link>\n              </div>\n            </div>\n\t\t\t\t\t\t<Splide v-if=\"ready\" :options=\"{ rewind: true, perPage: 1, arrows: true }\" class=\"index-screen__slider\" aria-label=\"Vue Splide Example\" ref=\"slider\">\n\t\t\t\t\t\t\t<SplideSlide class=\"index-screen__slider__item\"\n\t\t\t\t\t\t\tv-for=\"(slide, index) in slidesData\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t:style=\"`background-image: url(${slide.image});`\">\n\t\t\t\t\t\t\t</SplideSlide>\n\t\t\t\t\t\t</Splide>\n            <router-link\n              :to=\"{\n                name: 'project',\n                params: { projectSlug: sliderLink.url },\n              }\"\n              @click.native.prevent=\"\n                onFollowLink({\n                  name: 'project',\n                  params: { projectSlug: sliderLink.url },\n                })\n              \"\n              class=\"arrow__link mobile__only\"\n            >\n              <div>{{ sliderLink.name }}</div>\n              <svg\n                width=\"31\"\n                height=\"17\"\n                viewBox=\"0 0 31 17\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M23.8013 0.818191L30.6833 7.73182C31.1056 8.15607 31.1056 8.84393 30.6833 9.26818L23.8013 16.1818C23.379 16.6061 22.6943 16.6061 22.272 16.1818C21.8497 15.7576 21.8497 15.0697 22.272 14.6454L27.3079 9.58637L1.0814 9.58637C0.484157 9.58637 0 9.09999 0 8.5C0 7.90001 0.484157 7.41363 1.0814 7.41363L27.3079 7.41363L22.272 2.35455C21.8497 1.9303 21.8497 1.24245 22.272 0.818191C22.6943 0.393936 23.379 0.393936 23.8013 0.818191Z\"\n                  fill=\"#000000\"\n                />\n              </svg>\n            </router-link>\n          </section>\n\n          <section class=\"home__desc\">\n            <h2 class=\"desc__left\">\n              We create successful projects for business – focused on the person and serving the humanity\n            </h2>\n            <div class=\"desc__right\">\n              <div class=\"desc__text\">\n                AD Сasa is a studio with a wealth of experience in hospitality, creating and implementing relevant ideas in architecture and design.<br /><br />\n                A competent team focused at work on local culture and traditions interconnecting in the mix with modern tendencies. \n                Love for our work and creative vision helps us translate ideas and thoughts into reality, for comfortable spaces for life, work, creativity and leisure.\n              </div>\n              <router-link\n                :to=\"{ name: 'company' }\"\n                :event=\"''\"\n                @click.native.prevent=\"onFollowLink({ name: 'company' })\"\n                class=\"arrow__link\"\n              >\n                <div>About us</div>\n                <img src=\"/images/arrow_right.svg\" alt=\"\" />\n              </router-link>\n            </div>\n          </section>\n\n          <div class=\"page__footer\">\n            <div class=\"footer__grey__block\"></div>\n            AD сasa | Architecture&Design ©{{ new Date().getFullYear() }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { globalMixin, scrollMixin, pageArrowMixin } from \"../mixins\"\nimport Vue from \"vue\"\nimport Navigation from \"../components/Navigation.vue\"\nimport { Splide, SplideSlide } from '@splidejs/vue-splide'\nimport '@splidejs/splide/dist/css/splide.min.css'\n\nexport default {\n  mixins: [globalMixin, scrollMixin, pageArrowMixin],\n\n  components: {\n    Navigation,\n\t\tSplide, \n\t\tSplideSlide\n  },\n\n  data() {\n    return {\n      ready: false,\n      readyTeam: false,\n      filterColor: \"white\",\n      slidesData: [],\n      activeTab: 0,\n      slidesArray: [],\n      sliderLink: {\n        name: \"\",\n        url: \"\",\n      },\n    };\n  },\n\n  computed: {\n    navigationColor() {\n      return \"black\";\n    },\n  },\n\n  methods: {\n    onChangeSlide(id) {\n      this.sliderLink = {\n        name: this.slidesArray[id].description,\n        url: this.slidesArray[id].projectSlug,\n      };\n    }\n  },\n\n  mounted() {\n\n    this.$http\n      .get(this.getApiURL(`getSlidesList?lang=${Vue.i18n.locale()}`))\n      .then((response) => {\n        this.ready = true;\n        this.slidesData = response.data;\n        this.slidesArray = response.data;\n        this.sliderLink = {\n          name: this.slidesArray[0].description,\n          url: this.slidesArray[0].projectSlug,\n        };\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tthis.$refs.slider.splide.on('move', (newIndex) => {\n\t\t\t\t\t\tthis.onChangeSlide(newIndex)\n\t\t\t\t\t})\n\t\t\t\t})\n      });\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../assets/vars.scss\";\n\n.index__menu {\n  position: absolute;\n  z-index: 3;\n  left: 0;\n  right: 0;\n  top: 0;\n  text-align: center;\n  color: #303030;\n  transition: all .2s ease;\n\n  &.isHiddenByScroll {\n    transform: translateY(-100%);\n  }\n\n  &.isWithBackground {\n    background: #F4F4F4;\n  }\n\n  @media #{$mb} {\n    height: 74px;\n  }\n\n  &__list {\n    @media #{$mb} {\n      display: none;\n    }\n  }\n}\n\n.index__menu__lang {\n  position: absolute;\n  top: rem(37px);\n  right: rem(140px);\n  font-weight: 500;\n  font-size: rem(18px);\n  color: inherit;\n  letter-spacing: 0.38px;\n  line-height: rem(24px);\n  text-decoration: none;\n  text-transform: lowercase;\n\n  @media #{$mb} {\n    top: 1.1125rem;\n    right: 3.75rem;\n    font-weight: 500;\n    font-size: 0.8rem;\n  }\n\n  &:first-letter {\n    text-transform: uppercase;\n  }\n}\n\n.index__menu__list {\n  padding: rem(30px) 0;\n  font-size: 0;\n}\n\n.index__menu__link {\n  display: inline-block;\n  margin-right: rem(107px);\n  font-size: rem(16px);\n  color: inherit;\n  letter-spacing: -0.03em;\n  line-height: rem(24px);\n  text-decoration: none;\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.home__desc {\n  padding-top: rem(145px);\n  display: flex;\n\n  @media #{$mb} {\n    padding-top: rem(80px);\n    flex-direction: column;\n  }\n\n  .desc__left {\n    display: block;\n    margin: 0;\n    padding: 0;\n    margin-right: 45px;\n    font-family: \"Didot\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 40px;\n    line-height: 120%;\n    width: 403px;\n    min-width: 403px;\n    transform: translateY(-14px);\n    @media #{$mb} {\n      width: 100%;\n      min-width: auto;\n    }\n    @media (max-width: 1055px) {\n      min-width: 30%;\n    }\n  }\n\n  .desc__right {\n    display: flex;\n    flex-direction: column;\n    gap: 70px;\n    max-width: 650px;\n    @media #{$mb} {\n      gap: 20px;\n    }\n  }\n\n  .arrow__link {\n    display: flex;\n    align-items: center;\n    width: fit-content;\n    gap: 25px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 26px;\n    line-height: 120%;\n    text-decoration: none;\n    color: inherit;\n    div {\n      position: relative;\n      &:hover {\n        &:before {\n          content: \"\";\n          position: absolute;\n          width: 100%;\n          bottom: 2px;\n          left: 0;\n          border-bottom: 1px solid rgba(38, 38, 38, 1);\n        }\n      }\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 0%;\n        bottom: 2px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 1);\n        transition: 0.2s;\n      }\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        bottom: 2px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 0.1);\n      }\n    }\n    \n    @media #{$mb} {\n      margin-top: rem(40px);\n    }\n  }\n\n  .desc__text {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 120%;\n    letter-spacing: -0.03em;\n    @media #{$mb} {\n      margin-top: rem(45px);\n    }\n  }\n}\n\n.home__main {\n  display: flex;\n\n  .arrow__link {\n    display: flex;\n    align-items: center;\n    width: fit-content;\n    gap: 25px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 130%;\n    text-decoration: none;\n    color: inherit;\n    transition: 0.2s;\n    color: #000000;\n    div {\n      position: relative;\n      &:hover {\n        &:before {\n          content: \"\";\n          position: absolute;\n          width: 100%;\n          bottom: 2px;\n          left: 0;\n          border-bottom: 1px solid rgba(38, 38, 38, 1);\n        }\n      }\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 0%;\n        bottom: 2px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 1);\n        transition: 0.2s;\n      }\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        bottom: 2px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 0.1);\n      }\n    }\n    @media #{$mb} {\n      margin-top: 30px;\n    }\n  }\n\n  .pc__only {\n    @media #{$mb} {\n      display: none;\n    }\n  }\n\n  @media #{$mb} {\n    flex-direction: column;\n  }\n\n  .home__main__left {\n    margin-right: 45px;\n    width: 403px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    @media #{$mb} {\n      width: 100%;\n      margin-right: 0px;\n      margin-bottom: 53px;\n      gap: 20px;\n    }\n  }\n\n  .main__link a {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    font-family: \"Graphik LCG\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 26px;\n    line-height: 130%;\n    letter-spacing: -0.03em;\n    color: #000000;\n    text-decoration: none;\n    position: relative;\n    width: fit-content;\n    &:hover {\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        bottom: 2px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 1);\n      }\n    }\n    &:before {\n      content: \"\";\n      position: absolute;\n      width: 0%;\n      bottom: 2px;\n      left: 0;\n      border-bottom: 1px solid rgba(38, 38, 38, 1);\n      transition: 0.2s;\n    }\n    &::after {\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      bottom: 2px;\n      left: 0;\n      border-bottom: 1px solid rgba(38, 38, 38, 0.1);\n    }\n  }\n\n\n  .mobile__only {\n    display: none;\n    @media #{$mb} {\n      display: inherit;\n    }\n  }\n\n  .home__title {\n    font-family: \"Didot\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: rem(70px);\n    line-height: 138%;\n    display: block;\n    margin: 0;\n    padding: 0;\n    // transform: translateY(-17px);\n    @media #{$mb} {\n      font-size: 54px;\n      transform: translateY(0);\n    }\n    div {\n      width: fit-content;\n      position: relative;\n      &:hover {\n        &:before {\n          content: \"\";\n          position: absolute;\n          width: 100%;\n          bottom: 11px;\n          left: 0;\n          border-bottom: 1px solid rgba(38, 38, 38, 1);\n        }\n      }\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 0%;\n        bottom: 11px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 1);\n        transition: 0.2s;\n      }\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        bottom: 11px;\n        left: 0;\n        border-bottom: 1px solid rgba(38, 38, 38, 0.1);\n      }\n    }\n  }\n}\n\n.home {\n  padding-top: rem(140px);\n  @media #{$mb} {\n    padding-top: rem(80px);\n    flex-direction: column-reverse;\n  }\n}\n\n.index-screen__slider {\n  width: 873px;\n  height: 563px;\n  position: relative;\n\toverflow: hidden;\n  @media #{$mb} {\n    width: 100%;\n    height: 216px;\n  }\n}\n\n.splide__track {\n\theight: 100%;\n}\n\n.splide.is-active .splide__list {\n\tposition: relative;\n\theight: 100%;\n\n\tli {\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t}\n}\n\n.index-screen__slider__item {\n  background-position: center;\n  background-size: cover;\n  height: 100%;\n}\n\n.splide__pagination {\n\tbottom: 30px;\n\n  @media #{$mb} {\n    bottom: 12px;\n  }\n}\n\n.splide__pagination__page {\n\tmargin: 0 11px;\n\tborder-radius: 40px;\n\twidth: 8px;\n\theight: 8px;\n  background: white;\n  opacity: 1;\n\twill-change: transform;\n  transform: scale(1);\n  transition: transform 0.2s;\n\n\t&:hover {\n\t\topacity: 1;\n\t}\n}\n\n.splide__pagination__page.is-active {\n  transform: scale(1.3);\n}\n\n.splide__arrow {\n  width: 50%;\n  height: 100%;\n\topacity: 0;\n\tborder-radius: 0;\n\n\t@media #{$mb} {\n    display: none;\n  }\n}\n\n.splide__arrow--prev {\n\tleft: 0;\n\tright: unset;\n\tcursor: url(/images/mouse-arrow-left.png) 15 15,auto;\n\t&:hover {\n\t\topacity: 0;\n\t\tcursor: url(/images/mouse-arrow-left.png) 15 15,auto;\n\t}\n}\n\n.splide__arrow--next {\n\tleft: unset;\n\tright: 0;\n\tcursor: url(/images/mouse-arrow-right.png) 15 15, auto;\n\t&:hover {\n\t\topacity: 0;\n\t\tcursor: url(/images/mouse-arrow-right.png) 15 15, auto;\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=88eb8cb0&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{directives:[{name:\"images-loaded\",rawName:\"v-images-loaded\",value:(_vm.onImageLoad),expression:\"onImageLoad\"}],staticClass:\"loader\"},[_vm._l((_vm.projects.slice(0, 6)),function(project){return [_c('img',{key:project._id,attrs:{\"src\":project.image}})]})],2),_c('div',{ref:\"index\",staticClass:\"index\"},[_c('Navigation')],1),_c('a',{staticClass:\"fixed-arrow\",on:{\"click\":_vm.onFixedArrowClick}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"container__center\"},[_c('div',{staticClass:\"projects__container\"},[_c('h1',[_vm._v(\"Projects\")]),_c('div',{staticClass:\"project-filters\"},[_c('a',{class:(\"project-filters__item _first \" + (_vm.actualSection === 'all' ? 'isActive' : '')),on:{\"click\":function($event){$event.preventDefault();return _vm.onSetSection('all')}}},[_vm._v(_vm._s(_vm.$t('section_all')))]),_vm._l((_vm.sections),function(section){return _c('a',{key:section._id,class:(\"project-filters__item \" + (_vm.actualSection === section._id ? 'isActive' : '')),on:{\"click\":function($event){$event.preventDefault();return _vm.onSetSection(section._id)}}},[_vm._v(_vm._s(section.name))])})],2),(_vm.showItems)?_c('div',{staticClass:\"projects\",class:(\"projects--\" + _vm.listType)},_vm._l((_vm.actualProjects),function(project,index){return _c('router-link',{key:project._id,class:(\"a-link projects__item \" + (_vm.getProjectClass(index)) + \" projects__item--\" + _vm.listType + \" showAnimetion\"),attrs:{\"to\":{ name: 'project', params: { projectSlug: project.slug } },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({ name: 'project', params: { projectSlug: project.slug } })}}},[_c('div',{staticClass:\"projects__image\",class:(\"projects__image--\" + (project.gridType || 'common'))},[_c('div',{staticClass:\"projects__image-inner _color\",style:((\"background-image: url(\" + (project.image) + \")\"))}),_c('div',{staticClass:\"projects__image-inner _bw\",style:((\"background-image: url(\" + (project.image) + \")\"))})]),_c('div',{staticClass:\"projects__content\"},[_c('div',{staticClass:\"projects__title\"},[_vm._v(_vm._s(project.title)+\" \")]),_c('div',{staticClass:\"projects__desc\"},[_vm._v(_vm._s(project.type))])])])}),1):_vm._e()])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"loader\" v-images-loaded=\"onImageLoad\">\n            <template v-for=\"project in projects.slice(0, 6)\">\n                <img :src=\"project.image\" :key=\"project._id\">\n                <!-- <img :src=\"project.image.color\">\n                <img :src=\"project.image.bw\"> -->\n            </template>\n        </div>\n        <div class=\"index\" ref=\"index\">\n            <Navigation />\n        </div>\n        <a @click=\"onFixedArrowClick\" class=\"fixed-arrow\"></a>\n        <div class=\"container\">\n            <div class=\"container__center\">\n                <div class=\"projects__container\">\n                    <h1>Projects</h1>\n                    <!-- <div class=\"projects-mobile-header\">\n                        <select class=\"projects-mobile-header__select\" v-model=\"actualSection\">\n                            <option v-bind:value=\"'all'\">\n                                {{ $t('all_projects') }}\n                            </option>\n                            <option v-for=\"section in sections\" v-bind:value=\"section._id\">\n                                {{ section.name }}\n                            </option>\n                        </select>\n                        <div class=\"projects-mobile-header__center\">\n                            <div class=\"projects-mobile-header__label\">{{ sectionName }} &#9662;</div>\n                        </div>\n                        \n                    </div> -->\n                    <div class=\"project-filters\">\n                        <a :class=\"`project-filters__item _first ${actualSection === 'all' ? 'isActive' : ''}`\"\n                            @click.prevent=\"onSetSection('all')\">{{ $t('section_all') }}</a>\n                        <a v-for=\"section in sections\"\n                            :class=\"`project-filters__item ${actualSection === section._id ? 'isActive' : ''}`\"\n                            @click.prevent=\"onSetSection(section._id)\" :key=\"section._id\">{{ section.name }}</a>\n                    </div>\n                    <div class=\"projects\" :class=\"`projects--${listType}`\" v-if=\"showItems\">\n                        <router-link v-for=\"( project, index ) in actualProjects\"\n                            :to=\"{ name: 'project', params: { projectSlug: project.slug } }\"\n                            @click.native.prevent=\"onFollowLink({ name: 'project', params: { projectSlug: project.slug } })\"\n                            :key=\"project._id\" :event=\"''\"\n                            :class=\"`a-link projects__item ${getProjectClass(index)} projects__item--${listType} showAnimetion`\">\n                            <div class=\"projects__image\" :class=\"`projects__image--${project.gridType || 'common'}`\">\n                                <div class=\"projects__image-inner _color\"\n                                    :style=\"`background-image: url(${project.image})`\"></div>\n                                <div class=\"projects__image-inner _bw\" :style=\"`background-image: url(${project.image})`\">\n                                </div>\n                            </div>\n                            <div class=\"projects__content\">\n                                <div class=\"projects__title\">{{ project.title }} </div>\n                                <div class=\"projects__desc\">{{ project.type }}</div>\n                            </div>\n                        </router-link>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { globalMixin, pageArrowMixin } from '../mixins'\nimport Vue from 'vue'\nimport _ from 'lodash'\nimport Navigation from '../components/Navigation.vue'\n\n\nexport default {\n    mixins: [globalMixin, pageArrowMixin],\n\n    props: ['activeSection'],\n\n    components: {\n        Navigation,\n    },\n\n    data() {\n        return {\n            actualSection: false,\n            listType: 'list',\n            showItems: false,\n            sections: [\n                {\n                    _id: 'architecture',\n                    name: Vue.i18n.translate('section_architecture'),\n                },\n                {\n                    _id: 'design',\n                    name: Vue.i18n.translate('section_design'),\n                },\n                // {\n                //     _id: 'landscape',\n                //     name: Vue.i18n.translate('section_landscape'),\n                // },\n            ],\n            projects: [],\n        }\n    },\n\n    computed: {\n        sectionName() {\n            const result = this.sections.find(sec => sec._id === this.actualSection);\n            return result ? result.name : this.$t('all_projects');\n        },\n        actualProjects() {\n            const section = this.actualSection\n            let list = this.projects;\n            if (section !== 'all') {\n                list = _.filter(this.projects, project => _.includes(project.sections, section))\n            }\n            if (this.listType !== 'grid') return list.map(el => { el.gridType = 'common'; return el });\n            let columns = [[], []];\n            list.forEach((el, i) => {\n                if (i % 2 === 0) {\n                    columns[0].push(el);\n                } else {\n                    columns[1].push(el);\n                }\n            });\n            columns[0] = columns[0].map((el, i) => {\n                el.gridType = 'common'\n                if ([0, 2, 6, 8, 12, 14, 18, 20, 24, 26, 30, 32, 36, 38].includes(i)) {\n                    el.gridType = 'A'\n                }\n                if ([4, 10, 16, 22, 28, 34, 40].includes(i)) {\n                    el.gridType = 'C'\n                }\n                return el;\n            });\n            columns[1] = columns[1].map((el, i) => {\n                el.gridType = 'common'\n                if ([3, 5, 9, 11, 15, 17, 21, 23, 27, 29, 33, 35, 39, 41].includes(i)) {\n                    el.gridType = 'A'\n                }\n                if ([1, 7, 13, 19, 25, 31, 37, 43].includes(i)) {\n                    el.gridType = 'C'\n                }\n                return el;\n            });\n            return _.concat(columns[0], columns[1]);\n        }\n    },\n\n    methods: {\n        onSetSection(section) {\n            this.$router.push({ name: 'projects', params: { activeSection: section } })\n        },\n\n        // getGridTypeClass( index ) {\n        //     const gridIndex = index - parseInt( ( index - 1 ) / 9 ) * 9\n        //     if (this.listType !== 'grid') return;\n        //     // if ([0, 4, 7, 11, 15, 19, 23].includes(gridIndex)) return '1'\n        //     // if ([3, 8, 13, 18, 24].includes(gridIndex)) return '2'\n        //     // if ([0, 2, 9, 11, 15].includes(gridIndex)) return '1'\n        //     // if ([4, 7, 12, 18].includes(gridIndex)) return '2'\n        //     return 'comon';\n        // },\n\n        getProjectClass(index) {\n            const gridIndex = index - parseInt((index - 1) / 9) * 9\n\n            if ([0, 3, 4, 5, 7, 9].includes(gridIndex)) {\n                return '_n3'\n            }\n            else if ([1, 6, 10].includes(gridIndex)) {\n                return '_n2'\n            }\n            else {\n                return '_n1'\n            }\n        },\n\n        setProjects(data) {\n            this.projects = data\n        },\n    },\n\n    created() {\n        this.actualSection = this.activeSection\n    },\n\n    mounted() {\n        this.$http.get(this.getApiURL(`getProjectsList?lang=${Vue.i18n.locale()}`)).then((response) => {\n            this.setProjects(response.data)\n        })\n        this.$store.commit('setNavigationColor', 'black')\n        this.$store.commit('setLogoColor', 'black')\n        setTimeout(() => {\n            this.showItems = true\n        }, 100)\n    },\n\n    watch: {\n        activeSection() {\n            this.actualSection = this.activeSection\n        },\n        actualSection() {\n            this.$router.push({ name: 'projects', params: { activeSection: this.actualSection } })\n        }\n    },\n}\n</script>\n\n<style lang=\"scss\">\n@import '../assets/vars.scss';\n\n.projects-mobile-header {\n    text-align: center;\n    position: absolute;\n    width: 100%;\n    top: rem(19px);\n\n    &__select {\n        appearance: none;\n        background: none;\n        border: none;\n        font-size: rem(18px);\n        line-height: rem(24px);\n        font-weight: 500;\n        color: #303030;\n        text-align: center;\n        text-align-last: center;\n\n        option {\n            text-align: left;\n        }\n    }\n\n    &__center {\n        width: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        pointer-events: none;\n        background: white;\n        z-index: 1;\n    }\n\n    &__label {\n        font-size: rem(18px);\n        line-height: rem(24px);\n        font-weight: 500;\n        color: #303030;\n        text-align: center;\n    }\n}\n\n.projects-list-style {\n    display: none;\n\n    @media #{$mb} {\n        display: flex;\n        justify-content: center;\n        padding-top: rem(62px);\n    }\n\n    &__button {\n        display: block;\n        line-height: 0;\n        margin: 0 rem(9px);\n        opacity: 0.1;\n\n        &--active {\n            opacity: 1;\n        }\n    }\n}\n\n.project-filters {\n    font-family: 'Didot';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 40px;\n    line-height: 110%;\n    letter-spacing: -0.02em;\n    margin-top: 60px;\n    display: flex;\n    gap: 54px;\n\n    .project-filters__item {\n        opacity: 0.3;\n        cursor: pointer;\n        transition: opacity 0.2s;\n\n        &:hover {\n          opacity: 1;  \n        }\n    }\n\n    .project-filters__item.isActive {\n        opacity: 1;\n    }\n    @media #{$mb} {\n        flex-wrap: wrap;\n        font-size: rem(26px);\n        gap: 30px;\n        margin-top: 30px;\n    }\n\n    &--mobile-hide.project-filters {\n        @media #{$mb} {\n            display: none;\n        }\n    }\n}\n\n.projects__container {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 auto;\n    max-width: 1325px;\n    padding: rem(140px) rem(150px) 0;\n    padding-left: rem(50px);\n    padding-right: rem(calc(50px - 1em));\n\n    h1 {\n        margin: 0;\n        padding: 0;\n        font-family: 'Didot';\n        font-style: normal;\n        font-weight: 400;\n        font-size: 70px;\n        line-height: 120%;\n        display: block;\n        width: 100%;\n\n        @media #{$mb} {\n            white-space: normal;\n            font-size: rem(50px);\n            letter-spacing: 0.05em;\n        }\n    }\n\n    @media #{$mb} {\n        margin: 0;\n        padding: 0;\n        padding-top: rem(80px);\n        padding-left: rem(20px);\n        padding-right: rem(20px);\n    }\n}\n\n.projects {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 26px 20px;\n    margin-top: 60px;\n\n    @media #{$mb} {\n        grid-template-columns: 1fr 1fr;\n        gap: 20px 10px;\n        margin-top: 30px;\n        &--grid {\n            display: block;\n            column-count: 2;\n            column-gap: 0;\n        }\n    }\n}\n\n.projects__item {\n    display: block;\n    text-decoration: none;\n    margin-bottom: rem(39px);\n    box-sizing: border-box;\n    overflow: hidden;\n\n    @media #{$mb} {\n        margin-bottom: rem(20px);\n    }\n\n    // &._n1 {\n    //     width: 100%;\n    // }\n\n    // &._n2 {\n    //     width: 66.6666%;\n    // }\n\n    // &._n3 {\n    //     width: 33.3333%;\n    // }\n\n    &:hover {\n        .projects__image-inner {\n\n            &._color {\n                opacity: 1;\n            }\n        }\n    }\n\n    @media #{$mb} {\n        width: 100% !important;\n\n        &--grid {\n            width: rem(100%) !important;\n            break-inside: avoid;\n            padding: rem(0 9px);\n        }\n    }\n}\n\n.projects__image {\n    position: relative;\n    height: rem(360px);\n\n    @media #{$mb} {\n        height: rem(160px);\n\n        &--A {\n            height: rem(220px);\n        }\n\n        &--C {\n            height: rem(280px);\n        }\n    }\n}\n\n.projects__image-inner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    background: {\n        size: cover;\n        position: center;\n    }\n\n    ;\n    transition: all .5s ease;\n\n    &._bw {\n        opacity: 1;\n    }\n\n    &._color {\n        opacity: 0;\n        z-index: 1;\n    }\n\n    @media #{$mb} {\n\n        &._color {\n            opacity: 1;\n        }\n    }\n}\n\n.projects__content {\n    margin-top: rem(21px);\n\n    @media #{$mb} {\n        margin-top: rem(8px);\n    }\n}\n\n.projects__title {\n    position: relative;\n    font-family: 'Didot';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 30px;\n    line-height: 120%;\n    letter-spacing: -0.02em;\n    padding-bottom: 1px;\n    display: inline;\n    background-image: linear-gradient(rgba(38, 38, 38, 1), rgba(38, 38, 38, 1));\n    background-repeat: no-repeat;\n    background-position: bottom left;\n    background-size: 0% 1px;\n    text-decoration: underline;\n    text-decoration-thickness: 1px;\n    text-underline-offset: 9px;\n    transition: background-size 0.2s;\n    text-decoration-color: rgba(38, 38, 38, 0.1);\n\n    @media #{$mb} {\n        font-size: rem(12px);\n        line-height: rem(14px);\n        letter-spacing: 0.5px;\n        font-weight: normal;\n        text-decoration: none;\n    }\n}\n\n.title__line {\n    position: absolute;\n    top: 2px;\n    left: 0px;\n\tfont-family: 'Didot';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 30px;\n    line-height: 110%;\n    letter-spacing: -0.02em;\n    display: inline;\n    background-image: linear-gradient(rgba(38, 38, 38, 1), rgba(38, 38, 38, 1));\n    background-repeat: no-repeat;\n    background-position: bottom left;\n    background-size: 100% 1px;\n    transition: background-size 0.2s;\n\n    @media #{$mb} {\n        font-size: rem(12px);\n        line-height: rem(14px);\n        letter-spacing: 0.5px;\n        font-weight: normal;\n    }\n}\n\n// .projects__title::after {\n// \tcontent: '';\n// \tposition: absolute;\n// \tbottom: 0px;\n// \tleft: 0;\n// \twidth: 0px;\n// \theight: 1px;\n// \tbackground: #303030;\n//     opacity: 1;\n// \ttransition: width 0.2s;\n// }\n\n.projects__item:hover .projects__title,\n.projects__item:focus .projects__title {\n    background-size: 100% 1px;\n    @media #{$mb} {\n        background-size: 0% 1px;\n    }\n}\n\n.projects__desc {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 150%;\n    margin-top: 5px;\n\n    @media #{$mb} {\n        display: none;\n    }\n}\n\n.showAnimetion {\n    animation: showAnimation 0.5s;\n}\n\n@keyframes showAnimation {\n    from {\n        opacity: 0;\n        transform: scale(0);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Projects.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Projects.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Projects.vue?vue&type=template&id=a90b55b8&\"\nimport script from \"./Projects.vue?vue&type=script&lang=js&\"\nexport * from \"./Projects.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Projects.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.scrollHeaderVisible)?_c('Navigation'):_vm._e(),_c('div',{directives:[{name:\"images-loaded\",rawName:\"v-images-loaded\",value:(_vm.onImageLoad),expression:\"onImageLoad\"}],staticClass:\"loader\"},[(_vm.project)?[_c('img',{attrs:{\"src\":_vm.project.image}}),_vm._l((_vm.project.aboutBlocks),function(block){return [(block.type == 'image')?_c('img',{attrs:{\"src\":block.content.url}}):_vm._e()]})]:_vm._e()],2),_c('a',{staticClass:\"fixed-arrow\",on:{\"click\":_vm.onFixedArrowClick}}),_c('div',{class:(\"scroll-header fixed-header \" + (_vm.scrollHeaderVisible ? 'isVisible' : '') + \" \" + (_vm.isScrollingDown ? 'isHiddenByScroll' : '')),on:{\"click\":function($event){$event.preventDefault();return _vm.scrollToTop.apply(null, arguments)}}},[(_vm.project)?_c('div',{staticClass:\"scroll-header__title\"},[_vm._v(_vm._s(_vm.project.title))]):_vm._e()]),_c('div',{staticClass:\"progress\"},[_c('div',{ref:\"progressBar\",staticClass:\"progress__bar\"})]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"container__center\"},[(_vm.project)?_c('div',{staticClass:\"project\"},[_c('div',{staticClass:\"project__preview\",style:((\"background-image: url(\" + (_vm.project.image) + \")\"))},[_c('div',{staticClass:\"project__preview-content\"},[_c('div',{staticClass:\"project__type\"},[_c('div',{staticClass:\"wrapper\"},[_vm._v(_vm._s(_vm.project.type))])]),_c('div',{ref:\"projectTitle\",staticClass:\"project__title\"},[_c('div',{staticClass:\"wrapper\"},[_vm._v(_vm._s(_vm.project.title))])])])]),_c('div',{ref:\"projectTop\",staticClass:\"project__top\"},[_c('div',{staticClass:\"project-blocks _short\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"project-blocks__list\"},[(_vm.project.short.location)?_c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-title\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"project_location\"))+\"\\n                  \")]),_c('div',{staticClass:\"project-blocks__block-desc\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.project.short.location)+\"\\n                  \")])]):_vm._e(),(_vm.project.short.building)?_c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-title\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"project_building\"))+\"\\n                  \")]),_c('div',{staticClass:\"project-blocks__block-desc\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.project.short.building)+\"\\n                  \")])]):_vm._e(),(_vm.project.short.area)?_c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-title\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"project_size\"))+\"\\n                  \")]),_c('div',{staticClass:\"project-blocks__block-desc\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.project.short.area)+\"\\n                  \")])]):_vm._e(),(_vm.project.short.time)?_c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-title\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"project_work_period\"))+\"\\n                  \")]),_c('div',{staticClass:\"project-blocks__block-desc\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.project.short.time)+\"\\n                  \")])]):_vm._e(),(_vm.project.short.inside)?_c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-title\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"project_inside\"))+\"\\n                  \")]),_c('div',{staticClass:\"project-blocks__block-desc\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.project.short.inside)+\"\\n                  \")])]):_vm._e(),(_vm.project.short.opened)?_c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-title\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"project_release\"))+\"\\n                  \")]),_c('div',{staticClass:\"project-blocks__block-desc\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.project.short.opened)+\"\\n                  \")])]):_vm._e()])])])]),_c('div',{staticClass:\"project__body\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"project__top-info\"},[_c('div',{staticClass:\"top__right\"},[_c('div',{staticClass:\"project__top-info\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.project.shortDescription)+\"\\n                \")])])])]),_vm._l((_vm.project.aboutBlocks),function(block,ind){return [(block.type == 'text')?_c('div',{key:block.content.text,staticClass:\"project__text\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"project__text-wrapper\",class:{ 'grey__block': ind == 0}},[_c('div',{},[_vm._v(_vm._s(block.content.text))]),_c('div',{},[_vm._v(_vm._s(block.content.description))])])])]):_vm._e(),(block.type == 'textBig')?_c('div',{key:block.content.text,staticClass:\"project__text-big\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"project__body__top\",class:{ 'grey__block': ind == 0}},[_c('div',{staticClass:\"top__right\"},[_c('div',{staticClass:\"project__top-description\"},[_vm._v(\"\\n                      \"+_vm._s(block.content.text)+\"\\n                    \")]),(block.content.description)?_c('div',{staticClass:\"project__top__text\"},[_vm._v(\"\\n                      \"+_vm._s(block.content.description)+\"\\n                    \")]):_vm._e()])])])]):_vm._e(),(block.type == 'image')?_c('div',{key:block.content.url,class:(\"project__image --placement-\" + (block.content.placement))},[_c('img',{attrs:{\"src\":block.content.url}}),(block.content.label)?_c('div',{staticClass:\"project__image-label\"},[_c('div',{staticClass:\"wrapper\"},[_vm._v(\"\\n                  \"+_vm._s(block.content.label)+\"\\n                \")])]):_vm._e()]):_vm._e(),(block.type == 'two_images')?_c('div',{key:block.content.url_1 + block.content.url_2,class:(\"project__images-block --placement-\" + (block.content.placement || 'center'))},[_c('div',{staticClass:\"project__images-wrapper\"},[_c('img',{attrs:{\"src\":block.content.url_1}}),_c('img',{attrs:{\"src\":block.content.url_2}})]),(block.content.label)?_c('div',{staticClass:\"project__image-label\"},[_c('div',{staticClass:\"wrapper\"},[_vm._v(\"\\n                  \"+_vm._s(block.content.label)+\"\\n                \")])]):_vm._e()]):_vm._e()]})],2),_c('div',{staticClass:\"project__bottom\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"project__bottom-inner\"},[(_vm.project.publications && _vm.project.publications.length)?_c('div',{staticClass:\"project-blocks\"},[_c('div',{staticClass:\"project-blocks__title\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"project_publications\"))+\"\\n                \")]),_c('div',{staticClass:\"project-blocks__list _mobile-rows\"},_vm._l((_vm.project.publications),function(publication){return _c('a',{class:(\"project-blocks__item \" + (publication.link ? '_link' : '') + \" \"),attrs:{\"target\":publication.link ? '_blank' : '',\"href\":publication.link ? publication.link : '#'},on:{\"click\":function($event){publication.link ? '' : $event.preventDefault()}}},[_c('div',{staticClass:\"project-blocks__block-name\"},[_vm._v(\"\\n                      \"+_vm._s(publication.title)+\"\\n                    \")]),_c('div',{staticClass:\"project-blocks__block-value\"},[_vm._v(\"\\n                      \"+_vm._s(publication.desc)+\"\\n                    \")])])}),0)]):_vm._e(),(_vm.project.awards && _vm.project.awards.length)?_c('div',{staticClass:\"project-blocks\"},[_c('div',{staticClass:\"project-blocks__title\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"project_awards\"))+\"\\n                \")]),_c('div',{staticClass:\"project-blocks__list _mobile-rows\"},_vm._l((_vm.project.awards),function(award){return _c('div',{staticClass:\"project-blocks__item\"},[_c('div',{staticClass:\"project-blocks__block-name\"},[_vm._v(\"\\n                      \"+_vm._s(award.title)+\"\\n                    \")]),_c('div',{staticClass:\"project-blocks__block-value\"},[_vm._v(\"\\n                      \"+_vm._s(award.desc)+\"\\n                    \")])])}),0)]):_vm._e()])])]),(_vm.nextProject)?_c('a',{staticClass:\"project__next\",attrs:{\"href\":_vm.$router.resolve({\n              name: 'project',\n              params: { projectSlug: _vm.nextProject.slug },\n            }).href},on:{\"click\":function($event){$event.preventDefault();return _vm.onChangeProject(_vm.nextProject.slug)}}},[_c('div',{staticClass:\"project__next-image\",style:((\"background-image: url(\" + (_vm.nextProject.image) + \")\"))}),_c('div',{staticClass:\"project__next-content\"},[_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"project__next-label\"},[_vm._v(_vm._s(_vm.$t(\"project_next\")))]),_c('div',{staticClass:\"project__next-title\"},[_vm._v(\"\\n                \"+_vm._s(_vm.nextProject.title)+\"\\n              \")])])])]):_vm._e()]):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Navigation v-if=\"!scrollHeaderVisible\" />\n\n    <div class=\"loader\" v-images-loaded=\"onImageLoad\">\n      <template v-if=\"project\">\n        <img :src=\"project.image\" />\n        <template v-for=\"block in project.aboutBlocks\">\n          <img v-if=\"block.type == 'image'\" :src=\"block.content.url\" />\n        </template>\n      </template>\n    </div>\n    <a @click=\"onFixedArrowClick\" class=\"fixed-arrow\"></a>\n    <div\n      @click.prevent=\"scrollToTop\"\n      :class=\"`scroll-header fixed-header ${\n        scrollHeaderVisible ? 'isVisible' : ''\n      } ${isScrollingDown ? 'isHiddenByScroll' : ''}`\"\n    >\n      <div class=\"scroll-header__title\" v-if=\"project\">{{ project.title }}</div>\n    </div>\n    <!-- <router-link\n            :class=\"`page-cursor a-link ${isScrollingDown ? 'isHiddenByScroll' : ''}`\"\n            :to=\"{ name: 'projects', params: { activeSection: 'all' } }\"\n            :event=\"''\"\n            @click.native.prevent=\"onFollowLink( { name: 'projects', params: { activeSection: 'all' } } )\"\n        >\n            /&nbsp;&nbsp;&nbsp;&nbsp;{{ $t('projects_title') }}\n        </router-link> -->\n    <div class=\"progress\">\n      <div class=\"progress__bar\" ref=\"progressBar\"></div>\n    </div>\n    <div class=\"container\">\n      <div class=\"container__center\">\n        <div class=\"project\" v-if=\"project\">\n          <div\n            class=\"project__preview\"\n            :style=\"`background-image: url(${project.image})`\"\n          >\n            <div class=\"project__preview-content\">\n              <div class=\"project__type\">\n                <div class=\"wrapper\">{{ project.type }}</div>\n              </div>\n              <div class=\"project__title\" ref=\"projectTitle\">\n                <div class=\"wrapper\">{{ project.title }}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"project__top\" ref=\"projectTop\">\n            <div class=\"project-blocks _short\">\n              <div class=\"wrapper\">\n                <!-- <div class=\"project-blocks__title\">{{ $t('project_short') }}</div> -->\n                <div class=\"project-blocks__list\">\n                  <div\n                    class=\"project-blocks__item\"\n                    v-if=\"project.short.location\"\n                  >\n                    <div class=\"project-blocks__block-title\">\n                      {{ $t(\"project_location\") }}\n                    </div>\n                    <div class=\"project-blocks__block-desc\">\n                      {{ project.short.location }}\n                    </div>\n                  </div>\n                  <div\n                    class=\"project-blocks__item\"\n                    v-if=\"project.short.building\"\n                  >\n                    <div class=\"project-blocks__block-title\">\n                      {{ $t(\"project_building\") }}\n                    </div>\n                    <div class=\"project-blocks__block-desc\">\n                      {{ project.short.building }}\n                    </div>\n                  </div>\n                  <div class=\"project-blocks__item\" v-if=\"project.short.area\">\n                    <div class=\"project-blocks__block-title\">\n                      {{ $t(\"project_size\") }}\n                    </div>\n                    <div class=\"project-blocks__block-desc\">\n                      {{ project.short.area }}\n                    </div>\n                  </div>\n                  <div class=\"project-blocks__item\" v-if=\"project.short.time\">\n                    <div class=\"project-blocks__block-title\">\n                      {{ $t(\"project_work_period\") }}\n                    </div>\n                    <div class=\"project-blocks__block-desc\">\n                      {{ project.short.time }}\n                    </div>\n                  </div>\n                  <div class=\"project-blocks__item\" v-if=\"project.short.inside\">\n                    <div class=\"project-blocks__block-title\">\n                      {{ $t(\"project_inside\") }}\n                    </div>\n                    <div class=\"project-blocks__block-desc\">\n                      {{ project.short.inside }}\n                    </div>\n                  </div>\n                  <div class=\"project-blocks__item\" v-if=\"project.short.opened\">\n                    <div class=\"project-blocks__block-title\">\n                      {{ $t(\"project_release\") }}\n                    </div>\n                    <div class=\"project-blocks__block-desc\">\n                      {{ project.short.opened }}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"project__body\">\n            <div class=\"wrapper\">\n              <div class=\"project__top-info\">\n                <div class=\"top__right\">\n                  <div class=\"project__top-info\">\n                    {{ project.shortDescription }}\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <template v-for=\"(block, ind) in project.aboutBlocks\">\n\n              <!-- Horizontal type -->\n              <div class=\"project__text\" v-if=\"block.type == 'text'\" :key=\"block.content.text\">\n                <div class=\"wrapper\">\n                  <div class=\"project__text-wrapper\" :class=\"{ 'grey__block': ind == 0}\">\n                    <div class=\"\">{{ block.content.text }}</div>\n                    <div class=\"\">{{ block.content.description }}</div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Vertical type -->\n              <div class=\"project__text-big\" v-if=\"block.type == 'textBig'\" :key=\"block.content.text\">\n                <div class=\"wrapper\">\n                  <div class=\"project__body__top\" :class=\"{ 'grey__block': ind == 0}\">\n                    <div class=\"top__right\">\n                      <div class=\"project__top-description\">\n                        {{ block.content.text }}\n                      </div>\n                      <div class=\"project__top__text\" v-if=\"block.content.description\">\n                        {{ block.content.description }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div\n                :class=\"`project__image --placement-${block.content.placement}`\"\n                v-if=\"block.type == 'image'\"\n                :key=\"block.content.url\"\n              >\n                <img :src=\"block.content.url\" />\n                <div class=\"project__image-label\" v-if=\"block.content.label\">\n                  <div class=\"wrapper\">\n                    {{ block.content.label }}\n                  </div>\n                </div>\n              </div>\n\n              <!-- к :class=\"`project__images-block`\" добавлем right, если надо справа -->\n              <div\n                :class=\"`project__images-block --placement-${block.content.placement || 'center'}`\"\n                v-if=\"block.type == 'two_images'\"\n                :key=\"block.content.url_1 + block.content.url_2\"\n              >\n                <div class=\"project__images-wrapper\">\n                  <img :src=\"block.content.url_1\" />\n                  <img :src=\"block.content.url_2\" />\n                </div>\n                <div class=\"project__image-label\" v-if=\"block.content.label\">\n                  <div class=\"wrapper\">\n                    {{ block.content.label }}\n                  </div>\n                </div>\n              </div>\n            </template>\n          </div>\n          <div class=\"project__bottom\">\n            <div class=\"wrapper\">\n              <div class=\"project__bottom-inner\">\n                <!-- <div\n                  class=\"project-blocks\"\n                  v-if=\"project.team && project.team.length\"\n                >\n                  <div class=\"project-blocks__title\">\n                    {{ $t(\"project_team\") }}\n                  </div>\n                  <div class=\"project-blocks__list\">\n                    <div\n                      class=\"project-blocks__item\"\n                      v-for=\"member in project.team\"\n                    >\n                      <div class=\"project-blocks__block-name\">\n                        {{ member.title }}\n                      </div>\n                      <div class=\"project-blocks__block-value\">\n                        {{ member.desc }}\n                      </div>\n                    </div>\n                  </div>\n                </div> -->\n                <div\n                  class=\"project-blocks\"\n                  v-if=\"project.publications && project.publications.length\"\n                >\n                  <div class=\"project-blocks__title\">\n                    {{ $t(\"project_publications\") }}\n                  </div>\n                  <div class=\"project-blocks__list _mobile-rows\">\n                    <a\n                      :class=\"`project-blocks__item ${\n                        publication.link ? '_link' : ''\n                      } `\"\n                      v-for=\"publication in project.publications\"\n                      :target=\"publication.link ? '_blank' : ''\"\n                      :href=\"publication.link ? publication.link : '#'\"\n                      @click=\"publication.link ? '' : $event.preventDefault()\"\n                    >\n                      <div class=\"project-blocks__block-name\">\n                        {{ publication.title }}\n                      </div>\n                      <div class=\"project-blocks__block-value\">\n                        {{ publication.desc }}\n                      </div>\n                    </a>\n                  </div>\n                </div>\n                <div\n                  class=\"project-blocks\"\n                  v-if=\"project.awards && project.awards.length\"\n                >\n                  <div class=\"project-blocks__title\">\n                    {{ $t(\"project_awards\") }}\n                  </div>\n                  <div class=\"project-blocks__list _mobile-rows\">\n                    <div\n                      class=\"project-blocks__item\"\n                      v-for=\"award in project.awards\"\n                    >\n                      <div class=\"project-blocks__block-name\">\n                        {{ award.title }}\n                      </div>\n                      <div class=\"project-blocks__block-value\">\n                        {{ award.desc }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <a\n            v-if=\"nextProject\"\n            @click.prevent=\"onChangeProject(nextProject.slug)\"\n            class=\"project__next\"\n            :href=\"\n              $router.resolve({\n                name: 'project',\n                params: { projectSlug: nextProject.slug },\n              }).href\n            \"\n          >\n            <div\n              class=\"project__next-image\"\n              :style=\"`background-image: url(${nextProject.image})`\"\n            ></div>\n            <div class=\"project__next-content\">\n              <div class=\"wrapper\">\n                <div class=\"project__next-label\">{{ $t(\"project_next\") }}</div>\n                <div class=\"project__next-title\">\n                  {{ nextProject.title }}\n                </div>\n              </div>\n            </div>\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { TweenLite } from \"gsap\";\nimport { globalMixin, scrollMixin, pageArrowMixin } from \"../mixins\";\nimport Vue from \"vue\";\nimport Navigation from \"../components/Navigation.vue\";\n\nexport default {\n  props: {\n    projectSlug: true,\n    lang: true,\n  },\n\n  mixins: [globalMixin, scrollMixin, pageArrowMixin],\n\n  components: {\n    Navigation,\n  },\n\n  data() {\n    return {\n      project: false,\n      nextProject: false,\n      isOnTop: true,\n      scrollHeaderVisible: false,\n    };\n  },\n\n  methods: {\n    setProject(data) {\n      this.project = data.project;\n      this.nextProject = data.nextProject;\n    },\n\n    onChangeProject(projectSlug) {\n      this.onStartLoading(() => {\n        this.$router.push({ name: \"project\", params: { projectSlug } });\n      });\n    },\n\n    setPageTitle() {\n      document.title = this.project.title + ' | ' + process.env.VUE_APP_TITLE;\n    },\n  },\n\n  mounted() {\n    this.baseTitle = document.title;\n\n    this.$http\n      .get(this.getApiURL(`getProject/${this.projectSlug}?lang=${this.lang}`))\n      .then((response) => {\n        this.setProject(response.data);\n        this.setPageTitle();\n      });\n    setTimeout(() => {\n      this.$store.commit(\"setNavigationColor\", \"white\");\n      this.$store.commit(\"setLogoColor\", \"white\");\n    })\n  },\n\n  destroyed() {\n    document.title = process.env.VUE_APP_TITLE;\n  },\n\n  watch: {\n    projectSlug() {\n      this.$http\n        .get(this.getApiURL(`getProject/${this.projectSlug}?lang=${this.lang}`))\n        .then((response) => {\n          this.setProject(response.data);\n          this.setPageTitle();\n          this.onPageLoaded();\n          setTimeout(() => {\n            this.handleScroll();\n          });\n        });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../assets/vars.scss\";\n\n/* Project */\n\n.project {}\n\n.project__text-wrapper {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  width: 100%;\n  position: relative;\n  margin-top: 120px;\n  gap: 20px;\n\n  @media #{$mb} {\n    grid-template-columns: 1fr;\n    margin-top: 50px;\n    max-width: 100vw;\n  }\n\n  &.grey__block {\n    padding-top: 100px;\n\n    @media #{$mb} {\n      padding-top: 30px;\n    }\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: -20px;\n      background: #303030;\n      width: 92px;\n      height: 18px;\n\n      @media #{$mb} {\n        width: 41px;\n        height: 8px;\n      }\n    }\n  }\n\n  div {\n    width: 100%;\n\n    &:nth-child(1) {\n      font-family: 'Didot';\n      font-style: normal;\n      font-weight: 400;\n      font-size: 40px;\n      line-height: 110%;\n      letter-spacing: -0.02em;\n\n      @media #{$mb} {\n        width: 100%;\n        min-width: unset;\n      }\n    }\n\n    &:nth-child(2) {\n      letter-spacing: -0.02em;\n      font-style: normal;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 150%;\n      letter-spacing: -0.02em;\n\n      @media #{$mb} {\n        width: 100%;\n      }\n    }\n  }\n}\n\n.project__top {\n  padding-top: rem(22px);\n  background: white;\n\n  @media #{$mb} {\n    margin-top: 0;\n    border-top: 0;\n    padding-top: rem(22px);\n  }\n}\n\n.project__title {\n  font-family: \"Didot\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 70px;\n  line-height: 64px;\n\n  @media #{$mb} {\n    font-size: rem(36px);\n    letter-spacing: 1.12px;\n    line-height: rem(48px);\n  }\n}\n\n.project__type {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 20px;\n  line-height: 14px;\n  letter-spacing: -0.02em;\n  margin-bottom: 25px;\n\n  @media #{$mb} {\n    margin-bottom: 10px;\n    font-size: 13px;\n  }\n}\n\n.project-blocks {\n  // margin-top: rem(80px);\n\n  @media #{$mb} {\n    // margin-top: rem(40px);\n  }\n}\n\n.project-blocks__title {\n  font-family: 'Didot';\n  font-size: rem(40px);\n  color: #303030;\n  line-height: rem(36px);\n\n  @media #{$mb} {\n    font-size: rem(24px);\n  }\n}\n\n.project-blocks__list {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  max-width: 890px;\n  gap: 20px;\n\n  @media #{$mb} {\n    margin-top: 7px;\n    grid-template-columns: 1fr 1fr;\n\n    &._mobile-rows {\n      .project-blocks__item {\n        width: 100%;\n      }\n    }\n  }\n\n  &._two-columns {\n    width: 66.666%;\n\n    @media #{$mb} {\n      width: 100%;\n    }\n\n    .project-blocks__item {\n      width: 100%;\n    }\n  }\n}\n\n.project-blocks__item {\n  margin-top: rem(40px);\n  width: 100%;\n  box-sizing: border-box;\n  text-decoration: none;\n\n  @media #{$mb} {\n    padding-right: rem(20px);\n    margin-top: rem(20px);\n  }\n\n  &._link {\n    position: relative;\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      margin-right: 17px;\n      top: 5px;\n      right: 100%;\n      display: block;\n      width: 12px;\n      height: 12px;\n      background: url(/images/external.svg) center / contain no-repeat;\n\n      @media #{$mb} {\n        margin-right: 5px;\n        width: 8px;\n        height: 8px;\n        top: 6px;\n      }\n    }\n  }\n}\n\n.project-blocks__block-title {\n  font-size: 14px;\n  font-weight: 500;\n  color: #303030;\n  line-height: 14px;\n}\n\n.project-blocks__block-desc {\n  color: #303030;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  margin-top: 6px;\n  letter-spacing: -0.03em;\n  padding-right: 30px;\n\n  @media #{$mb} {\n    margin-top: 4px;\n  }\n}\n\n.project-blocks__block-name {\n  font-weight: 500;\n  font-size: rem(18px);\n  color: #303030;\n  letter-spacing: 0.38px;\n  line-height: rem(24px);\n\n  @media #{$mb} {\n    font-size: rem(14px);\n    letter-spacing: 0.29px;\n    line-height: rem(20px);\n  }\n}\n\n.project-blocks__block-value {\n  font-size: rem(12px);\n  color: #8d8d8d;\n  letter-spacing: 0.33px;\n  line-height: rem(14px);\n  margin-top: rem(6px);\n\n  @media #{$mb} {\n    font-size: rem(10px);\n    letter-spacing: 0.28px;\n    line-height: rem(14px);\n    margin-top: rem(4px);\n  }\n}\n\n.project__body {\n  padding-top: rem(60px);\n  background: white;\n\n  @media #{$mb} {\n    padding-top: rem(62px);\n  }\n}\n\n.project__top-description {\n  font-family: \"Didot\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 40px;\n  line-height: 110%;\n  letter-spacing: -0.02em;\n  color: #303030;\n}\n\n.project__about-title {\n  font-weight: 700;\n  font-size: rem(30px);\n  color: #303030;\n  letter-spacing: 0.83px;\n  line-height: rem(36px);\n  margin-top: rem(73px);\n\n  &._big-margin {\n    margin-top: rem(100px);\n\n    @media #{$mb} {\n      margin-top: rem(40px);\n    }\n  }\n\n  @media #{$mb} {\n    margin-top: rem(31px);\n  }\n}\n\n.project__text {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 150%;\n  margin-top: rem(40px);\n\n  @media #{$mb} {\n    margin-top: rem(20px);\n  }\n}\n\n.project__image {\n  margin-top: 120px;\n  box-sizing: border-box;\n\n  @media #{$mb} {\n    margin-top: rem(31px);\n  }\n\n  img {\n    display: block;\n    width: 100%;\n  }\n\n  &+.project__image {\n    margin-top: 80px;\n\n    @media #{$mb} {\n      margin-top: rem(20px) !important;\n    }\n  }\n\n  &.--placement-left,\n  &.--placement-left-margin,\n  &.--placement-right,\n  &.--placement-right-margin {\n    display: flex;\n    width: 100%;\n    justify-content: flex-start;\n\n    @media #{$mb} {\n      flex-direction: column;\n    }\n\n    img {\n      width: 66.66%;\n      object-fit: cover;\n\n      @media #{$mb} {\n        margin: auto;\n        width: 90%;\n      }\n    }\n\n    .project__image-label {\n      flex: 1;\n\n      @media #{$dt} {\n        margin-top: 0;\n      }\n\n      @media #{$mb} {\n        width: 100%;\n      }\n    }\n  }\n\n  &.--placement-left,\n  &.--placement-left-margin {\n    @media #{$mb} {\n      align-items: flex-start;\n    }\n\n    .project__image-label {\n      .wrapper {\n        @media #{$dt} {\n          padding: rem(40px);\n        }\n      }\n    }\n  }\n\n  &.--placement-left-margin {\n    padding-left: rem(60px);\n\n    @media #{$mb} {\n      padding-left: 0;\n    }\n\n    .project__image-label {\n      .wrapper {\n        @media #{$dt} {\n          padding: rem(40px);\n        }\n      }\n    }\n  }\n\n  &.--placement-right,\n  &.--placement-right-margin {\n    flex-direction: row-reverse;\n\n    @media #{$mb} {\n      flex-direction: column;\n      align-items: flex-end;\n    }\n  }\n\n  &.--placement-right {\n    .project__image-label {\n      .wrapper {\n        @media #{$dt} {\n          padding: rem(40px 40px 40px 120px);\n        }\n      }\n    }\n  }\n\n  &.--placement-right-margin {\n    padding-right: rem(60px);\n\n    @media #{$mb} {\n      padding-right: 0;\n    }\n\n    .project__image-label {\n      .wrapper {\n        @media #{$dt} {\n          padding: rem(40px 40px 40px 60px);\n        }\n      }\n    }\n  }\n}\n\n.project__image-label {\n  margin-top: rem(21px);\n  font-family: 'Graphik LCG';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 150%;\n  letter-spacing: -0.02em;\n  color: #303030;\n}\n\n.project__text-big {\n  font-size: rem(20px);\n  color: #303030;\n  letter-spacing: 0.42px;\n  line-height: rem(32px);\n\n  @media #{$mb} {\n    font-size: rem(18px);\n    line-height: rem(35px);\n  }\n}\n\n\n.project__bottom {\n  padding-bottom: rem(100px);\n  padding-top: 3.25rem;\n  background: white;\n\n  @media #{$mb} {\n    padding-top: 1.3rem;\n    padding-bottom: rem(40px);\n  }\n}\n\n.project__bottom-inner {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n\n  @media #{$mb} {\n    display: block;\n  }\n\n  .project-blocks {\n    width: 48%;\n\n    @media #{$mb} {\n      width: 100%;\n    }\n  }\n\n  .project-blocks__item {\n    width: 100%;\n\n    @media #{$mb} {\n      width: 100%;\n    }\n  }\n}\n\n.project__next {\n  position: relative;\n  display: block;\n  height: rem(180px);\n  color: #303030;\n  text-decoration: none;\n  border-top: 1px solid #e6e6e6;\n  transition: all 0.5s ease;\n  background: white;\n\n  @media #{$mb} {\n    height: auto;\n    padding-bottom: rem(56px);\n  }\n\n  &:hover {\n    color: #fff;\n\n    .project__next-image {\n      opacity: 1;\n    }\n\n    .project__next-title__svg {\n      stroke: #fff;\n    }\n  }\n}\n\n.project__next-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n  transition: all 0.5s ease;\n\n  background: {\n    size: cover;\n    position: center;\n  }\n}\n\n.project__next-content {\n  position: relative;\n  z-index: 2;\n  padding-top: rem(58px);\n\n  @media #{$mb} {\n    padding-top: rem(40px);\n  }\n}\n\n.project__next-label {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 150%;\n  letter-spacing: -0.02em;\n  color: inherit;\n}\n\n.project__next-title {\n  font-family: 'Didot';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 40px;\n  line-height: 110%;\n  letter-spacing: -0.02em;\n  margin-top: 13px;\n\n  @media #{$mb} {\n    position: relative;\n    margin-top: rem(4px);\n    padding-right: rem(15px);\n  }\n}\n\n.project__next-title__icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: rem(70px);\n\n  @media #{$mb} {\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n}\n\n.project__next-title__svg {\n  stroke: #000;\n  transition: all 0.5s ease;\n}\n\n/* partners */\n\n.index-screen__partners-title {\n  font-weight: 700;\n  font-size: 18px;\n}\n\n.index-screen__partners {\n  padding-top: rem(40px);\n  font-size: 0;\n  margin: 0 0 0 rem(-59px);\n  text-align: center;\n\n  @media #{$mb} {\n    margin: 0;\n  }\n}\n\n.index-screen__partners__item {\n  display: inline-block;\n  vertical-align: middle;\n  margin: rem(40px 59px 0);\n  transition: all 0.4s ease;\n\n  &:hover {\n    opacity: 0.6;\n  }\n\n  @media #{$mb} {\n    vertical-align: middle;\n    margin: rem(20px 15px 0);\n  }\n\n  img {\n    display: block;\n    width: 100%;\n  }\n\n  &._n1 {\n    width: rem(129px);\n\n    @media #{$mb} {\n      width: 90px;\n    }\n  }\n\n  &._n2 {\n    width: rem(106px);\n\n    @media #{$mb} {\n      width: 75px;\n    }\n  }\n\n  &._n3 {\n    width: rem(130px);\n\n    @media #{$mb} {\n      width: 91px;\n    }\n  }\n\n  &._n4 {\n    width: rem(158px);\n\n    @media #{$mb} {\n      width: 110px;\n    }\n  }\n\n  &._fedex {\n    width: rem(120px);\n\n    @media #{$mb} {\n      width: 81px;\n    }\n  }\n\n  &._gazprom {\n    width: rem(100px);\n\n    @media #{$mb} {\n      width: rem(60px);\n    }\n  }\n\n  &._lukoil {\n    width: rem(126px);\n\n    @media #{$mb} {\n      width: rem(80px);\n    }\n  }\n\n  &._alphabank {\n    width: rem(143px);\n    margin-bottom: rem(-13px);\n\n    @media #{$mb} {\n      width: rem(64px);\n      margin-bottom: 0;\n    }\n  }\n}\n\n.project__top-info {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 150%;\n  letter-spacing: -0.02em;\n  max-width: 315px;\n}\n\n.project__body__top {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  margin-top: 120px;\n  position: relative;\n\n  @media #{$mb} {\n    margin-top: 50px;\n    padding-top: 30px;\n    align-items: flex-start;\n  }\n\n  &.grey__block {\n    &::after {\n      content: \"\";\n      position: absolute;\n      width: 92px;\n      height: 18px;\n      background: #303030;\n      left: 0;\n      top: 0;\n\n      @media #{$mb} {\n        width: 41px;\n        height: 8px;\n      }\n    }\n  }\n\n  .top__right {\n    max-width: calc(50% - 20px);\n    flex-direction: column;\n\n    @media #{$mb} {\n      max-width: unset;\n    }\n  }\n\n  .project__top__text {\n    margin-top: 30px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 150%;\n    letter-spacing: -0.02em;\n  }\n}\n\n.project__images-block {\n  margin: 120px 0;\n  display: flex;\n  position: relative;\n\n  .project__images-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 19px;\n    padding-left: 60px;\n    padding-right: 60px;\n    width: calc((427px * 2) + 140px);\n    box-sizing: border-box;\n\n    img {\n      width: 100%;\n      object-fit: cover;\n      height: 100%;\n    }\n\n    @media #{$mb} {\n      width: 90%;\n      margin: 0 auto;\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    @media (min-width: 1441px) {\n      width: calc(66.6% + 35px);\n    }\n  }\n\n  &.--placement-right {\n    justify-content: flex-end;\n  }\n\n  &.--placement-center {\n    .project__images-wrapper {\n      width: auto;\n    }\n  }\n\n  @media #{$mb} {\n    margin: 20px 0;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Project.vue?vue&type=template&id=2c864515&\"\nimport script from \"./Project.vue?vue&type=script&lang=js&\"\nexport * from \"./Project.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Project.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.ready)?_c('div',[_c('div',{directives:[{name:\"images-loaded\",rawName:\"v-images-loaded\",value:(_vm.onImageLoad),expression:\"onImageLoad\"}],staticClass:\"loader\"},[_c('img',{attrs:{\"src\":\"/images/company/left.jpg\"}})]),_c('div',{ref:\"index\",staticClass:\"index\"},[_c('Navigation')],1),_c('a',{staticClass:\"fixed-arrow\",on:{\"click\":_vm.onFixedArrowClick}}),_c('div',{ref:\"scrollHeader\",class:(\"scroll-header fixed-header \" + (_vm.scrollHeaderVisible ? 'isVisible' : '')),on:{\"click\":function($event){$event.preventDefault();return _vm.scrollToTop.apply(null, arguments)}}},[_c('div',{staticClass:\"scroll-header__title\"},[_vm._v(\"\\n      \"+_vm._s(_vm.activeTab == \"company\" ? _vm.$t(\"company\") : _vm.$t(\"team\"))+\"\\n    \")])]),_c('div',{staticClass:\"progress\"},[_c('div',{ref:\"progressBar\",staticClass:\"progress__bar\"})]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"container__center\"},[_c('div',{staticClass:\"company center__container\"},[_vm._m(0),_c('section',{staticClass:\"about__main\"},[_c('div',{staticClass:\"about__main__left\"},[_vm._m(1),_c('router-link',{staticClass:\"about__link pc__only\",attrs:{\"to\":{ name: 'projects', params: { activeSection: 'all' } },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({\n                  name: 'projects',\n                  params: { activeSection: 'all' },\n                })}}},[_vm._v(_vm._s(_vm.$t(\"menu_projects\"))+\"\\n              \"),_c('img',{attrs:{\"src\":\"/images/arrow_right.svg\",\"alt\":\"\"}})])],1),_c('div',{staticClass:\"about__main__right\"},[_vm._m(2),_vm._m(3),_vm._m(4),_vm._m(5),_vm._m(6),_c('router-link',{staticClass:\"about__link mobile__only\",attrs:{\"to\":{ name: 'projects', params: { activeSection: 'all' } },\"event\":''},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.onFollowLink({\n                  name: 'projects',\n                  params: { activeSection: 'all' },\n                })}}},[_vm._v(_vm._s(_vm.$t(\"menu_projects\"))+\"\\n              \"),_c('img',{attrs:{\"src\":\"/images/arrow_right.svg\",\"alt\":\"\"}})])],1)]),_c('div',{staticClass:\"page__footer\"},[_c('div',{staticClass:\"footer__grey__block\"}),_vm._v(\"\\n          AD сasa | Architecture&Design ©\"+_vm._s(new Date().getFullYear())+\"\\n        \")])])])])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"about\"},[_c('div',{staticClass:\"about__grey__block\"}),_c('div',{staticClass:\"about__left\"},[_c('h1',{staticClass:\"about__title\"},[_vm._v(\"About\")]),_c('div',{staticClass:\"about__info__block\"},[_c('div',{staticClass:\"about__info__item\"},[_c('div',{staticClass:\"about__title\"},[_vm._v(\"10 years\")]),_c('div',{staticClass:\"about__desc\"},[_vm._v(\"of expirience\")])]),_c('div',{staticClass:\"about__info__item\"},[_c('div',{staticClass:\"about__title\"},[_vm._v(\"118\")]),_c('div',{staticClass:\"about__desc\"},[_vm._v(\"completed project\")])]),_c('div',{staticClass:\"about__info__item\"},[_c('div',{staticClass:\"about__title\"},[_vm._v(\"21\")]),_c('div',{staticClass:\"about__desc\"},[_vm._v(\"flaming hearts\")])])])]),_c('div',{staticClass:\"about__right\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h2',{staticClass:\"about__main__left__text\"},[_vm._v(\"\\n              Since the launch of \"),_c('span',{staticClass:\"line_break\"}),_vm._v(\" AD casa in\\n              2012, we \"),_c('span',{staticClass:\"line_break\"}),_vm._v(\" have devised interior\\n              spaces and \"),_c('span',{staticClass:\"line_break\"}),_vm._v(\" architecture\\n              projects around the globe.\\n            \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text__image\"},[_c('div',{staticClass:\"text__left\"},[_vm._v(\"\\n                We have created projects for leading hotel groups and unique\\n                architectural facilities where aesthetics and style are\\n                inseparable from comfort, technology and safety. We cooperate\\n                with international clients who fully share our commitment and\\n                vision to the highest standards of fresh, exhilarating and\\n                intelligent design.\\n                \"),_c('div',{staticClass:\"text_margin\"}),_vm._v(\"\\n                We are aiming to create our projects charismatic, functional\\n                and delicate. Our approach is trying to develop a better,\\n                humane and responsive world - it is our professional language,\\n                a means of expressing ourselves and embodying customer\\n                requirements.\\n              \")]),_c('img',{attrs:{\"src\":\"/images/company/about_text_1.jpg\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right__title\"},[_vm._v(\"\\n              Over the past ten years, we\"),_c('span',{staticClass:\"line_break\"}),_vm._v(\" have executed many successful\\n              projects in Europe, Asia and the Middle East.\\n            \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text__image\"},[_c('img',{attrs:{\"src\":\"/images/company/about_text_2.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"text__left\"},[_vm._v(\"\\n                Our wealth of experience in the hospitality industry comprises\\n                successful interior designs and architecture projects by\\n                leading hotel brands, such as Marriott International,\\n                Intercontinental Hotel Group, Hilton Worldwide, and Radisson\\n                Hotel Group.\\n                \"),_c('div',{staticClass:\"text_margin\"}),_vm._v(\"\\n                The work of AD casa in Hospitality has stood the test of time\\n                and proven to be a successful business concept that brings\\n                value to investors.\\n                \"),_c('div',{staticClass:\"text_margin\"}),_vm._v(\"\\n                We bring to the fore our ability to understand business goals\\n                and create an architectural object in such a way that it leads\\n                the project to success.\\n              \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right__title fix__margin\"},[_vm._v(\"\\n              Our team is a collaboration\"),_c('span',{staticClass:\"line_break\"}),_vm._v(\" of\\n              bright and independent individuals connected by\"),_c('span',{staticClass:\"line_break\"}),_vm._v(\"\\n              one general idea.\\n            \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text__image\"},[_c('div',{staticClass:\"text__left\"},[_vm._v(\"\\n                These are certified architects with long-term experience who\\n                stay true to a systematic, integrated approach in\\n                architecture, interior design and landscape design.\\n                \"),_c('div',{staticClass:\"text_margin\"}),_vm._v(\"\\n                We support and complete each other, know all nuances of\\n                architectural design and are always ready to offer our clients\\n                our experience, knowledge and creative vision for creating a\\n                thriving business.\\n                \"),_c('div',{staticClass:\"text_margin\"}),_vm._v(\"\\n                Our mission is to create a truly high-quality product,\\n                regardless of scale and complexity. Consider both customer\\n                requirements and end-user experience throughout the design\\n                process.\\n              \")]),_c('img',{attrs:{\"src\":\"/images/company/about_text_3.jpg\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"ready\">\n    <div class=\"loader\" v-images-loaded=\"onImageLoad\">\n      <img src=\"/images/company/left.jpg\" />\n    </div>\n    <div class=\"index\" ref=\"index\">\n      <Navigation />\n    </div>\n    <a @click=\"onFixedArrowClick\" class=\"fixed-arrow\"></a>\n    <div\n      @click.prevent=\"scrollToTop\"\n      :class=\"`scroll-header fixed-header ${\n        scrollHeaderVisible ? 'isVisible' : ''\n      }`\"\n      ref=\"scrollHeader\"\n    >\n      <div class=\"scroll-header__title\">\n        {{ activeTab == \"company\" ? $t(\"company\") : $t(\"team\") }}\n      </div>\n    </div>\n    <div class=\"progress\">\n      <div class=\"progress__bar\" ref=\"progressBar\"></div>\n    </div>\n    <div class=\"container\">\n      <div class=\"container__center\">\n        <div class=\"company center__container\">\n          <section class=\"about\">\n            <div class=\"about__grey__block\"></div>\n            <div class=\"about__left\">\n              <h1 class=\"about__title\">About</h1>\n              <div class=\"about__info__block\">\n                <div class=\"about__info__item\">\n                  <div class=\"about__title\">10 years</div>\n                  <div class=\"about__desc\">of expirience</div>\n                </div>\n                <div class=\"about__info__item\">\n                  <div class=\"about__title\">118</div>\n                  <div class=\"about__desc\">completed project</div>\n                </div>\n                <div class=\"about__info__item\">\n                  <div class=\"about__title\">21</div>\n                  <div class=\"about__desc\">flaming hearts</div>\n                </div>\n              </div>\n            </div>\n            <div class=\"about__right\"></div>\n          </section>\n\n          <section class=\"about__main\">\n            <div class=\"about__main__left\">\n              <h2 class=\"about__main__left__text\">\n                Since the launch of <span class=\"line_break\"></span> AD casa in\n                2012, we <span class=\"line_break\"></span> have devised interior\n                spaces and <span class=\"line_break\"></span> architecture\n                projects around the globe.\n              </h2>\n              <router-link\n                :to=\"{ name: 'projects', params: { activeSection: 'all' } }\"\n                :event=\"''\"\n                @click.native.prevent=\"\n                  onFollowLink({\n                    name: 'projects',\n                    params: { activeSection: 'all' },\n                  })\n                \"\n                class=\"about__link pc__only\"\n                >{{ $t(\"menu_projects\") }}\n                <img src=\"/images/arrow_right.svg\" alt=\"\" />\n              </router-link>\n            </div>\n            <div class=\"about__main__right\">\n              <div class=\"text__image\">\n                <div class=\"text__left\">\n                  We have created projects for leading hotel groups and unique\n                  architectural facilities where aesthetics and style are\n                  inseparable from comfort, technology and safety. We cooperate\n                  with international clients who fully share our commitment and\n                  vision to the highest standards of fresh, exhilarating and\n                  intelligent design.\n                  <div class=\"text_margin\"></div>\n                  We are aiming to create our projects charismatic, functional\n                  and delicate. Our approach is trying to develop a better,\n                  humane and responsive world - it is our professional language,\n                  a means of expressing ourselves and embodying customer\n                  requirements.\n                </div>\n                <img src=\"/images/company/about_text_1.jpg\" alt=\"\" />\n              </div>\n\n              <div class=\"right__title\">\n                Over the past ten years, we<span class=\"line_break\"></span> have executed many successful\n                projects in Europe, Asia and the Middle East.\n              </div>\n\n              <div class=\"text__image\">\n                <img src=\"/images/company/about_text_2.jpg\" alt=\"\" />\n                <div class=\"text__left\">\n                  Our wealth of experience in the hospitality industry comprises\n                  successful interior designs and architecture projects by\n                  leading hotel brands, such as Marriott International,\n                  Intercontinental Hotel Group, Hilton Worldwide, and Radisson\n                  Hotel Group.\n                  <div class=\"text_margin\"></div>\n                  The work of AD casa in Hospitality has stood the test of time\n                  and proven to be a successful business concept that brings\n                  value to investors.\n                  <div class=\"text_margin\"></div>\n                  We bring to the fore our ability to understand business goals\n                  and create an architectural object in such a way that it leads\n                  the project to success.\n                </div>\n              </div>\n\n              <div class=\"right__title fix__margin\">\n                Our team is a collaboration<span class=\"line_break\"></span> of\n                bright and independent individuals connected by<span\n                  class=\"line_break\"\n                ></span>\n                one general idea.\n              </div>\n              <div class=\"text__image\">\n                <div class=\"text__left\">\n                  These are certified architects with long-term experience who\n                  stay true to a systematic, integrated approach in\n                  architecture, interior design and landscape design.\n                  <div class=\"text_margin\"></div>\n                  We support and complete each other, know all nuances of\n                  architectural design and are always ready to offer our clients\n                  our experience, knowledge and creative vision for creating a\n                  thriving business.\n                  <div class=\"text_margin\"></div>\n                  Our mission is to create a truly high-quality product,\n                  regardless of scale and complexity. Consider both customer\n                  requirements and end-user experience throughout the design\n                  process.\n                </div>\n                <img src=\"/images/company/about_text_3.jpg\" alt=\"\" />\n              </div>\n\n              <router-link\n                :to=\"{ name: 'projects', params: { activeSection: 'all' } }\"\n                :event=\"''\"\n                @click.native.prevent=\"\n                  onFollowLink({\n                    name: 'projects',\n                    params: { activeSection: 'all' },\n                  })\n                \"\n                class=\"about__link mobile__only\"\n                >{{ $t(\"menu_projects\") }}\n                <img src=\"/images/arrow_right.svg\" alt=\"\" />\n              </router-link>\n            </div>\n          </section>\n\n          <div class=\"page__footer\">\n            <div class=\"footer__grey__block\"></div>\n            AD сasa | Architecture&Design ©{{ new Date().getFullYear() }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { globalMixin, scrollMixin, pageArrowMixin } from \"../mixins\";\nimport Vue from \"vue\";\nimport Navigation from \"../components/Navigation.vue\";\n\nexport default {\n  mixins: [globalMixin, scrollMixin, pageArrowMixin],\n\n  components: {\n    Navigation,\n  },\n\n  data() {\n    return {\n      activeTab: \"company\",\n      ready: false,\n      readyTeam: false,\n      company: {},\n      team: {},\n      filterColor: \"white\",\n    };\n  },\n\n  computed: {\n    navigationColor() {\n      return \"black\";\n    },\n  },\n\n  methods: {\n    setAbout(data) {\n      this.company = data;\n    },\n    setTeam(data) {\n      this.team = data;\n    },\n  },\n\n  mounted() {\n    this.$http\n      .get(this.getApiURL(`getAbout?lang=${Vue.i18n.locale()}`))\n      .then((response) => {\n        this.setAbout(response.data);\n        this.ready = true;\n      });\n\n    this.$http\n      .get(this.getApiURL(`getTeam?lang=${Vue.i18n.locale()}`))\n      .then((response) => {\n        this.setTeam(response.data);\n        this.readyTeam = true;\n      });\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"../assets/vars.scss\";\n\nspan {\n  white-space: pre;\n}\n\nspan:after {\n  content: \" \";\n}\n\nspan.line_break {\n  display: block;\n  @media #{$mb} {\n    display: none;\n  }\n}\n\nspan.line_break:after {\n  content: none;\n}\n\n.page__footer {\n  position: relative;\n  font-style: normal;\n  font-weight: 400;\n  font-size: rem(16px);\n  line-height: 24px;\n  letter-spacing: -0.03em;\n  padding-left: 447px;\n  padding-top: rem(140px);\n  padding-bottom: rem(74px);\n  @media #{$mb} {\n    width: 100%;\n    font-size: 14px;\n    padding-left: 0px;\n    padding-top: rem(110px);\n    padding-bottom: rem(30px);\n  }\n\n  .footer__grey__block {\n    background: #303030;\n    width: 92px;\n    height: 18px;\n    position: absolute;\n    top: 66%;\n    left: 0;\n    transform: translateY(-50%);\n\n    @media #{$mb} {\n      width: 41px;\n      height: 8px;\n      top: 62%;\n      left: 0;\n      transform: translateY(-50%);\n    }\n  }\n}\n\n.about__main {\n  padding-top: rem(145px);\n  max-width: 100%;\n  display: flex;\n  position: relative;\n\n  @media (max-width: 1055px) {\n    flex-direction: column;\n  }\n\n  @media #{$mb} {\n    padding-top: rem(50px);\n    flex-direction: column;\n  }\n\n  .text_margin {\n    display: block;\n    width: 100%;\n    height: 30px;\n  }\n\n  .about__link {\n    display: flex;\n    align-items: center;\n    width: fit-content;\n    gap: 25px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 26px;\n    line-height: 120%;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    text-decoration-color: #d9d9d9;\n    text-decoration-thickness: 1px;\n    letter-spacing: -0.04em;\n    color: inherit;\n    transition: 0.2s;\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: 1px;\n    }\n    @media #{$mb} {\n      margin-top: rem(50px);\n    }\n\n    @media (max-width: 1055px) {\n      margin-top: rem(50px);\n    }\n  }\n\n  .right__title {\n    font-family: \"didot\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 40px;\n    line-height: rem(110%);\n    letter-spacing: -0.02em;\n    display: block;\n    width: 550px;\n    margin-top: rem(120px);\n    margin-bottom: rem(60px);\n    @media #{$mb} {\n      margin-top: rem(60px);\n      margin-bottom: rem(30px);\n      width: 100%;\n    }\n\n    &.fix__margin {\n      margin-top: rem(80px);\n    }\n  }\n\n  .text__left {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 150%;\n    margin-top: rem(2px);\n  }\n\n  .pc__only {\n    @media #{$mb} {\n      display: none;\n    }\n\n    @media (max-width: 1055px) {\n      display: none;\n    }\n  }\n\n  .about__main__right {\n    max-width: 650px;\n\n    @media (max-width: 1055px) {\n      max-width: 100%;\n    }\n  }\n\n  .about__main__left {\n    position: relative;\n    width: 403px;\n    display: flex;\n    flex-direction: column;\n    max-width: 403px;\n    margin-right: rem(44px);\n    justify-content: space-between;\n    height: 1750px;\n    @media #{$mb} {\n      width: 100%;\n      height: auto;\n    }\n\n    @media (max-width: 1055px) {\n      height: auto;\n      width: 100%;\n      max-width: auto;\n    }\n  }\n\n  .about__main__left__text {\n    font-family: \"didot\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 40px;\n    line-height: rem(110%);\n    display: block;\n    width: inherit;\n    letter-spacing: -0.02em;\n    margin: 0;\n\n    @media (max-width: 1055px) {\n      margin-bottom: 20px;\n    }\n  }\n\n  .text__image {\n    display: flex;\n    font-style: normal;\n    font-weight: 400;\n    font-size: rem(14px);\n    line-height: rem(150%);\n    letter-spacing: -0.02em;\n    gap: 20px;\n    max-width: 650px;\n\n    img {\n      width: 315px;\n\n      @media #{$mb} {\n        width: 100%;\n        height: auto;\n      }\n    }\n\n    @media #{$mb} {\n      flex-direction: column;\n      padding-top: rem(20px);\n    }\n\n    @media (max-width: 1055px) {\n      max-width: 100%;\n    }\n  }\n}\n\n.about__left {\n  min-width: 403px;\n  margin-right: rem(44px);\n  @media #{$mb} {\n    padding-top: rem(30px);\n    margin-right: 0;\n    max-width: 100%;\n    min-width: auto;\n  }\n}\n\n.center__container {\n  margin: 0 auto;\n  max-width: 1320px;\n  padding-left: rem(60px);\n  padding-right: rem(calc(60px - 1em));\n  position: relative;\n\n  @media #{$mb} {\n    padding-left: rem(20px);\n    padding-right: rem(20px);\n  }\n}\n\n.about__grey__block {\n  background: #303030;\n  width: 92px;\n  height: 18px;\n  position: absolute;\n  bottom: -12px;\n  left: 0;\n}\n\n.about__info__block {\n  margin-top: rem(126px);\n\n  @media #{$mb} {\n    margin-top: rem(50px);\n    max-width: 100%;\n  }\n}\n\n.about__info__item {\n  margin-bottom: rem(40px);\n}\n\n.about__title {\n  font-family: \"didot\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 40px;\n  line-height: 110%;\n}\n\n.about__desc {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 150%;\n  letter-spacing: -0.02em;\n  margin-top: rem(10px);\n}\n\n.about {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n\n  @media #{$mb} {\n    flex-direction: column-reverse;\n  }\n}\n\nh1.about__title {\n  font-family: \"didot\";\n  font-size: 70px;\n  line-height: 120%;\n  margin: unset;\n  margin-left: rem(4px);\n}\n\n.about__right {\n  position: relative;\n  width: 873px;\n  height: 563px;\n\n  @media #{$mb} {\n    width: 100%;\n    height: 200px;\n    margin-left: 0;\n  }\n}\n\n.about__right::before {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: url(\"/images/company/about_main.jpg\");\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  @media (max-width: 1400px) {\n    background-size: 100% auto;\n  }\n  @media #{$mb} {\n    top: 0;\n  }\n}\n\n.index__menu {\n  position: fixed;\n  z-index: 3;\n  left: 0;\n  right: 0;\n  top: 0;\n  text-align: center;\n  color: inherit;\n\n  &__list {\n    @media #{$mb} {\n      display: none;\n    }\n  }\n}\n\n.company {\n  padding-top: rem(140px);\n\n  &._team {\n    // padding-top: rem(246px);\n  }\n\n  @media #{$mb} {\n    padding-top: rem(80px);\n  }\n}\n\n.team {\n  margin-top: rem(90px);\n\n  @media #{$mb} {\n    margin-top: rem(32px);\n    margin-right: 0;\n    padding: rem(0 20px);\n  }\n}\n\n.team__inner {\n  display: flex;\n  justify-content: space-between;\n  max-width: rem(887px);\n  margin-right: rem(80px);\n}\n\n.team__column {\n  width: 45%;\n\n  &:last-child {\n    padding-top: rem(100px);\n\n    @media #{$mb} {\n      padding-top: rem(38px);\n    }\n  }\n}\n\n.team__member {\n  margin-top: rem(60px);\n\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\n.team__image {\n  img {\n    width: 100%;\n  }\n}\n\n.team__content {\n  margin-top: rem(30px);\n}\n\n.team__name {\n  font-weight: 500;\n  opacity: 0.9;\n  font-size: rem(18px);\n  color: #303030;\n  letter-spacing: 0.38px;\n  line-height: rem(24px);\n}\n\n.team__position {\n  opacity: 0.9;\n  font-size: rem(12px);\n  color: #303030;\n  letter-spacing: 0.33px;\n  line-height: rem(14px);\n  margin-top: rem(10px);\n}\n\n.team__description {\n  max-width: rem(887px);\n}\n\n.about__main .about__link.mobile__only {\n  display: none;\n  @media #{$mb} {\n    display: block;\n  }\n  @media (max-width: 1055px) {\n    display: block;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Company.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Company.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Company.vue?vue&type=template&id=0f37add3&\"\nimport script from \"./Company.vue?vue&type=script&lang=js&\"\nexport * from \"./Company.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Company.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Navigation'),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"container__center\"},[(_vm.ready)?_c('div',{staticClass:\"center__container\"},[_c('section',{staticClass:\"contact\"},[_vm._m(0),_c('div',{staticClass:\"contact__right\"},[_c('div',{staticClass:\"contact__text\"},_vm._l((_vm.contacts),function(contact){return _c('div',{key:contact.title,staticClass:\"contact__text-item\"},[_vm._v(\"\\n                \"+_vm._s(contact.title)),_c('br'),_c('span',{domProps:{\"innerHTML\":_vm._s(contact.content)}}),_c('br')])}),0),_vm._m(1)])]),_c('div',{staticClass:\"page__footer\"},[_c('div',{staticClass:\"footer__grey__block\"}),_vm._v(\"\\n          AD сasa | Architecture&Design ©\"+_vm._s(new Date().getFullYear())+\"\\n        \")])]):_vm._e()])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contact__left\"},[_c('h1',[_vm._v(\"Contact us\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contact__social\"},[_c('a',{attrs:{\"href\":\"https://www.instagram.com/ad_casa_/\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"/images/contact/Instagram.svg\",\"alt\":\"instagram\"}})]),_c('a',{staticClass:\"social_disabled\",attrs:{\"href\":\"http://\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"/images/contact/In.svg\",\"alt\":\"In\"}})]),_c('a',{staticClass:\"social_disabled\",attrs:{\"href\":\"http://\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"/images/contact/Facebook.svg\",\"alt\":\"Facebook\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Navigation />\n    <div class=\"container\">\n      <div class=\"container__center\">\n        <div v-if=\"ready\" class=\"center__container\">\n          <section class=\"contact\">\n            <div class=\"contact__left\">\n              <h1>Contact us</h1>\n            </div>\n            <div class=\"contact__right\">\n              <div class=\"contact__text\">\n                <div\n                  v-for=\"contact in contacts\"\n                  :key=\"contact.title\"\n                  class=\"contact__text-item\"\n                >\n                  {{ contact.title }}<br />\n                  <span v-html=\"contact.content\" /><br />\n                </div>\n                <!-- Henn GmbH<br />\n                Augustenstraße 54<br />\n                80333 Munich<br />\n                Germany<br /><br />\n\n                T.\n                <a href=\"tel:+49089523570\" class=\"hide__link\"\n                  >+49 (0)89 52 35 7-0</a\n                ><br />\n                F.\n                <a href=\"tel:+4908952357123\" class=\"hide__link\"\n                  >+49 (0)89 52 35 7-123</a\n                ><br /><br />\n\n                <a\n                  href=\"mailto:+adproject.company@gmail.com\"\n                  class=\"email__link\"\n                  >adproject.company@gmail.com</a\n                > -->\n              </div>\n\n              <div class=\"contact__social\">\n                <a href=\"https://www.instagram.com/ad_casa_/\" target=\"_blank\">\n                  <img src=\"/images/contact/Instagram.svg\" alt=\"instagram\" />\n                </a>\n                <a href=\"http://\" target=\"_blank\" class=\"social_disabled\">\n                  <img src=\"/images/contact/In.svg\" alt=\"In\" />\n                </a>\n                <a href=\"http://\" target=\"_blank\" class=\"social_disabled\">\n                  <img src=\"/images/contact/Facebook.svg\" alt=\"Facebook\" />\n                </a>\n              </div>\n            </div>\n          </section>\n\n          <div class=\"page__footer\">\n            <div class=\"footer__grey__block\"></div>\n            AD сasa | Architecture&Design ©{{ new Date().getFullYear() }}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- <a\n            @click.prevent=\"onHideForm\"\n            :class=\"`form-close ${ formPopup ? 'isVisible' : '' }`\"\n        >\n            <span></span>\n        </a>\n        <div class=\"container\">\n            <div class=\"container__left\">\n                \n            </div>\n            <div class=\"container__center _contacts\">\n                <div class=\"mobile-cursor _white\">{{ mobileCursor }}</div>\n                <div :class=\"`contacts ${ formPopup ? 'isHidden' : '' }`\">\n                    <div class=\"contacts__inner\">\n                        <div class=\"contacts__wrapper\">\n                            <div class=\"contacts__city\">{{ $t('contacts_city') }}</div>\n                            <div class=\"contacts__address\">{{ $t('contacts_address') }}</div>\n                            <div class=\"contacts__block\">\n                                <div class=\"contacts__item\">\n                                    <div class=\"contacts__name\">{{ $t('contacts_phone') }}</div>\n                                    <div class=\"contacts__value _phone\">\n                                        <a href=\"tel:+79014969223\">7 (901) 496 92 23</a>\n                                    </div>\n                                </div>\n                                <div class=\"contacts__item\">\n                                    <div class=\"contacts__name\">email</div>\n                                    <div class=\"contacts__value _email\">\n                                        <a href=\"mailto:adproject.company@gmail.com\"><span>adproject.company</span>@gmail.com</a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div :class=\"`contact-popup ${ formPopup ? 'isActive' : '' }`\">\n                    <div class=\"contact-popup__inner\">\n                        <div\n                            ref=\"contactForm\"\n                            class=\"contact-form\"\n                            @click=\"onShowForm\"\n                        >\n                            <div :class=\"`contact-form__result ${ isSent ? 'isActive' : '' }`\">\n                                <div class=\"contact-form__result-inner\">\n                                    <div class=\"contact-form__result-title\">{{ $t('contacts_sent') }}</div>\n                                    <div class=\"contact-form__result-desc\">{{ $t('contacts_weWillContact') }}</div>\n                                </div>\n                            </div>\n                            <div class=\"contact-form__header\">\n                                {{ $t('contacts_orContactHere') }}\n                            </div>\n                            <div class=\"contact-form__top\">\n                                <div\n                                    :class=\"`${ formData.name == '' ? '' : 'isFilled' } ${ formErrors.name ? 'isError' : '' } contact-form__top-block contact-form__input-wrapper`\"\n                                >\n                                    <div class=\"contact-form__placeholder\">{{ $t('contacts_form_name') }}</div>\n                                    <input\n                                        v-model=\"formData.name\"\n                                        class=\"contact-form__input\"\n                                        type=\"text\"\n                                    >\n                                </div>\n                                <div\n                                    :class=\"`${ formData.phone == '' ? '' : 'isFilled' } ${ formErrors.phone ? 'isError' : '' } contact-form__top-block contact-form__input-wrapper`\"\n                                >\n                                    <div class=\"contact-form__placeholder\">{{ $t('contacts_form_phone') }}</div>\n                                    <input\n                                        v-model=\"formData.phone\"\n                                        class=\"contact-form__input\"\n                                        type=\"text\"\n                                    >\n                                </div>\n                                <div\n                                    :class=\"`${ formData.email == '' ? '' : 'isFilled' } ${ formErrors.email ? 'isError' : '' } contact-form__top-block contact-form__input-wrapper`\"\n                                >\n                                    <div class=\"contact-form__placeholder\">Email</div>\n                                    <input\n                                        v-model=\"formData.email\"\n                                        class=\"contact-form__input\"\n                                        type=\"text\"\n                                    >\n                                </div>\n                            </div>\n                            <div\n                                :class=\"`${ formData.message == '' ? '' : 'isFilled' } ${ formErrors.message ? 'isError' : '' } contact-form__message contact-form__input-wrapper`\"\n                            >\n                                <div class=\"contact-form__placeholder _textarea\">{{ $t('contacts_form_message') }}</div>\n                                <textarea\n                                    v-model=\"formData.message\"\n                                    class=\"contact-form__input _textarea\"\n                                ></textarea>\n                            </div>\n                        </div>\n                        <button\n                            ref=\"contactButton\"\n                            class=\"contact-form__button\"\n                            @click=\"onSubmit\"\n                        >{{ isSending ? $t('contacts_form_sending') : ( isSent ? 'OK' : $t('contacts_form_send') ) }}</button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"container__right\">\n                \n            </div>\n        </div> -->\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { TweenLite } from 'gsap'\nimport { globalMixin } from '../mixins'\nimport Navigation from '../components/Navigation.vue'\n\nexport default {\n  mixins: [globalMixin],\n\n  components: { Navigation },\n\n  data() {\n    return {\n      ready: false,\n      isSent: false,\n      isSending: false,\n      formPopup: false,\n      formData: {\n        name: '',\n        phone: '',\n        email: '',\n        message: '',\n      },\n      formErrors: {\n        name: false,\n        phone: false,\n        email: false,\n        message: false,\n      },\n      timeout: false,\n      mobileCursor: Vue.i18n.translate('contacts_title'),\n      contacts: [],\n    }\n  },\n\n  methods: {\n    getContacts() {\n      this.$http\n        .get(this.getApiURL(`getContacts?lang=${Vue.i18n.locale()}`))\n        .then((response) => {\n          this.contacts = response.data.contacts\n          this.ready = true\n        })\n    },\n\n    setFormButtomPosition() {\n      const margin =\n        (window.innerHeight - this.$refs.contactForm.clientHeight) / 4\n      this.$refs.contactButton.style.marginBottom = margin + 'px'\n    },\n\n    onShowForm(event) {\n      if (!this.formPopup) {\n        this.formPopup = true\n        this.$store.commit('setMenuBurger', false)\n        TweenLite.set(this.$refs.contactButton, {\n          opacity: 0,\n        })\n        this.timeout = setTimeout(() => {\n          this.setFormButtomPosition()\n          TweenLite.to(this.$refs.contactButton, 0.5, {\n            opacity: 1,\n          })\n        }, 500)\n        this.mobileCursor = Vue.i18n.translate('contacts_feedback')\n      }\n    },\n\n    onHideForm(event) {\n      if (this.formPopup) {\n        this.formPopup = false\n        this.$store.commit('setMenuBurger', true)\n        clearTimeout(this.timeout)\n        this.mobileCursor = Vue.i18n.translate('contacts_title')\n      }\n    },\n\n    onSubmit() {\n      const self = this\n\n      if (this.isSent) {\n        this.onHideForm()\n        setTimeout(() => {\n          this.isSent = false\n        }, 500)\n      } else {\n        let form = this.formData\n        let errors = this.formErrors\n\n        for (var key in errors) {\n          errors[key] = false\n        }\n\n        if (!form.name) {\n          errors.name = true\n        }\n\n        if (!form.phone) {\n          errors.phone = true\n        }\n\n        let re =\n          /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n        if (!re.test(String(form.email).toLowerCase())) {\n          errors.email = true\n        }\n\n        if (!form.message) {\n          errors.message = true\n        }\n\n        let validated = true\n        for (var key in errors) {\n          if (errors[key]) {\n            validated = false\n          }\n        }\n\n        if (validated) {\n          let str = ''\n          for (var key in form) {\n            if (str != '') {\n              str += '&'\n            }\n            str += key + '=' + encodeURIComponent(form[key])\n          }\n\n          self.isSending = true\n          this.$http\n            .get(this.getApiURL('sendEmail') + '?' + str)\n            .then((response) => {\n              self.isSending = false\n              self.isSent = true\n            })\n            .catch((error) => {\n              console.log(error)\n            })\n        }\n      }\n    },\n  },\n\n  mounted() {\n    this.onPageLoaded()\n    this.getContacts()\n    this.$store.commit('setNavigationColor', 'black')\n    this.$store.commit('setBackgroundColor', 'white')\n    window.addEventListener('resize', () => {\n      this.setFormButtomPosition()\n    })\n  },\n\n  destroyed() {\n    this.$store.commit('setBackgroundColor', 'white')\n    this.$store.commit('setMenuBurger', true)\n    window.removeEventListener('resize', () => {\n      this.setFormButtomPosition()\n    })\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '../assets/vars.scss';\n\n.contact {\n  padding-top: rem(140px);\n  min-height: 53vh;\n  display: flex;\n\n  @media #{$mb} {\n    min-height: unset;\n    padding-top: rem(80px);\n    flex-direction: column;\n  }\n\n  .contact__social {\n    margin-top: 0px;\n    display: flex;\n    gap: 62px;\n\n    @media #{$mb} {\n      justify-content: flex-start;\n      width: 100%;\n      gap: 30px;\n      margin-top: 5px;\n    }\n\n    a:not(.social_disabled) {\n      opacity: 1;\n      transition: opacity 0.2s;\n      &:hover {\n        opacity: 0.7;\n      }\n    }\n\n    .social_disabled {\n      cursor: auto;\n      opacity: 0.5;\n    }\n  }\n\n  .contact__left {\n    width: 403px;\n    margin-right: 45px;\n    @media(max-width: 1000px) {\n      width: fit-content;\n    }\n    @media #{$mb} {\n      width: 100%;\n    }\n  }\n\n  .contact__right {\n    margin-top: 145px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 130%;\n    letter-spacing: -0.03em;\n    display: flex;\n    gap: 193px;\n    @media(max-width: 1000px) {\n      flex-direction: column;\n      gap: 100px;\n    }\n    @media #{$mb} {\n      margin-top: 60px;\n      gap: 50px;\n      flex-direction: column;\n    }\n  }\n\n  &__text {\n    &-item {\n      &:not(:first-child) {\n        margin-top: 1em;\n      }\n    }\n\n    a {\n      color: inherit;\n    }\n  }\n\n  h1 {\n    font-family: 'Didot';\n    font-style: normal;\n    font-weight: 400;\n    font-size: rem(70px);\n    line-height: 120%;\n    margin: 0;\n    padding: 0;\n    white-space: nowrap;\n    @media #{$mb} {\n        white-space: normal;\n        font-size: rem(50px);\n        letter-spacing: 0.05em;\n    }\n  }\n\n  .email__link {\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    text-decoration-color: #d9d9d9;\n    letter-spacing: -0.04em;\n    text-decoration-thickness: 1px;\n    color: inherit;\n    transition: 0.2s;\n    &:hover {\n      text-decoration-thickness: 1px;\n      text-decoration: underline;\n    }\n  }\n}\n\n.hide__link {\n  color: inherit;\n  text-decoration: none;\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n.contacts-list {\n  min-height: 100vh;\n  box-sizing: border-box;\n  padding: rem(281px 60px 60px 133px);\n\n  @media #{$mb} {\n    padding: rem(204px 20px 80px);\n  }\n\n  &__item {\n    &-title {\n      font-weight: 400;\n      font-size: rem(12px);\n      line-height: rem(14px);\n      letter-spacing: rem(0.334286px);\n    }\n\n    &-content {\n      font-weight: 500;\n      font-size: rem(18px);\n      line-height: rem(24px);\n      letter-spacing: rem(0.375px);\n      margin-top: rem(10px);\n      word-break: break-word;\n\n      a {\n        color: #ffffff;\n        text-decoration: none;\n      }\n    }\n\n    &:not(:first-child) {\n      margin-top: rem(40px);\n    }\n\n    &:first-child {\n      margin-bottom: rem(60px);\n\n      .contacts-list__item {\n        &-title {\n          font-weight: 700;\n          font-size: rem(30px);\n          line-height: rem(36px);\n          letter-spacing: rem(0.83125px);\n\n          @media #{$mb} {\n            font-weight: 700;\n            font-size: rem(18px);\n            line-height: rem(22px);\n          }\n        }\n\n        &-content {\n          font-weight: 700;\n          font-size: rem(50px);\n          line-height: rem(64px);\n          letter-spacing: rem(1.9px);\n\n          @media #{$mb} {\n            font-weight: 700;\n            font-size: rem(26px);\n            line-height: rem(31px);\n          }\n        }\n      }\n    }\n  }\n\n  &__social {\n    display: flex;\n    margin: rem(60px 0 0);\n\n    &-item {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: rem(180px);\n      height: rem(75px);\n      border: 1px solid #ffffff;\n      svg path {\n        fill: #ffffff;\n      }\n\n      @media #{$mb} {\n        width: rem(100px);\n        height: rem(47px);\n      }\n\n      &:not(:last-child) {\n        border-right: none;\n      }\n\n      &:hover {\n        background: #ffffff;\n        svg path {\n          fill: #303030;\n        }\n      }\n    }\n  }\n}\n\n.container__center {\n  &._contacts {\n    overflow: hidden;\n  }\n}\n\n.contacts {\n  position: relative;\n  overflow: hidden;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  transition: all 0.5s ease;\n\n  &.isHidden {\n    opacity: 0;\n    pointer-events: none;\n  }\n}\n\n.contacts__inner {\n  width: 100%;\n}\n\n.contacts__wrapper {\n  padding-left: rem(60px);\n\n  @media #{$mb} {\n    padding: rem(0 20px);\n  }\n}\n\n.contacts__city {\n  font-weight: 700;\n  font-size: rem(30px);\n  color: #ffffff;\n  letter-spacing: 0.83px;\n  line-height: rem(36px);\n\n  @media #{$mb} {\n    font-size: rem(18px);\n    letter-spacing: 0;\n  }\n}\n\n.contacts__address {\n  font-weight: 700;\n  font-size: rem(64px);\n  color: #ffffff;\n  letter-spacing: 1.9px;\n  line-height: rem(64px);\n  margin-top: rem(40px);\n\n  @media #{$mb} {\n    font-size: rem(36px);\n    letter-spacing: 0;\n    line-height: rem(60px);\n  }\n}\n\n.contacts__block {\n  margin-top: rem(100px);\n  display: flex;\n\n  @media #{$mb} {\n    margin-top: rem(22px);\n    display: block;\n  }\n}\n\n.contacts__item {\n  margin-right: rem(150px);\n\n  @media #{$mb} {\n    margin: rem(20px) 0 0;\n  }\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.contacts__name {\n  font-size: rem(12px);\n  color: #ffffff;\n  letter-spacing: 0.33px;\n  line-height: rem(14px);\n\n  @media #{$mb} {\n    font-size: rem(10px);\n    letter-spacing: 0.28px;\n  }\n}\n\n.contacts__value {\n  font-weight: 500;\n  font-size: rem(18px);\n  color: #ffffff;\n  letter-spacing: 0.38px;\n  line-height: rem(24px);\n  margin-top: rem(10px);\n\n  @media #{$mb} {\n    font-size: rem(14px);\n    letter-spacing: 0.29px;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  &._phone {\n    white-space: nowrap;\n  }\n}\n\n.contact-popup {\n  position: absolute;\n  top: 0;\n  left: rem(60px);\n  right: rem(220px);\n  bottom: 0;\n  transform: translateY(100%) scale(0.9);\n  transform-origin: 0 0;\n  transition: all 0.5s ease;\n\n  @media #{$mb} {\n    left: rem(20px);\n    right: rem(20px);\n    transform-origin: 50% 0;\n    transform: translateY(100%) scale(1);\n  }\n\n  &.isActive {\n    left: 0;\n    transform: translateY(0%) scale(1);\n\n    @media #{$mb} {\n      left: rem(20px);\n      top: rem(68px);\n    }\n\n    .contact-form {\n      transform: translateY(-50%);\n      top: 50%;\n      margin-top: 0;\n\n      @media #{$mb} {\n        top: 0;\n        transform: translateY(0);\n      }\n    }\n\n    .contact-form__header {\n      opacity: 0;\n      pointer-events: none;\n    }\n  }\n}\n\n.contact-form {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: #fff;\n  padding: rem(120px 60px 77px);\n  box-sizing: border-box;\n  margin-top: rem(-85px);\n  transition: all 0.5s ease;\n\n  @media #{$mb} {\n    position: relative;\n    margin-top: rem(-67px);\n    padding: rem(48px 20px 48px);\n  }\n}\n\n.contact-form__top {\n  display: flex;\n  justify-content: space-between;\n\n  @media #{$mb} {\n    display: block;\n  }\n}\n\n.contact-form__top-block {\n  width: 30%;\n\n  @media #{$mb} {\n    width: auto;\n    margin-top: 32px;\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n}\n\n.contact-form__input-wrapper {\n  position: relative;\n\n  &.isFilled {\n    .contact-form__placeholder {\n      transform: translateY(-80%) scale(0.55);\n    }\n  }\n\n  &.isError {\n    .contact-form__input {\n      border-color: #ff8686;\n    }\n  }\n}\n\n.contact-form__input {\n  border: 0 none;\n  border-bottom: 1px solid rgba(48, 48, 48, 0.1);\n  resize: none;\n  padding: 0;\n  margin: 0;\n  font-size: rem(18px);\n  height: rem(40px);\n  outline: none;\n  width: 100%;\n\n  @media #{$mb} {\n    font-weight: 500;\n    font-size: rem(14px);\n    color: #303030;\n    letter-spacing: 0.29px;\n    height: rem(32px);\n  }\n\n  &::-webkit-input-placeholder {\n    color: #303030;\n    letter-spacing: 0.38px;\n  }\n  &::-moz-placeholder {\n    color: #303030;\n    letter-spacing: 0.38px;\n  }\n  &:-ms-input-placeholder {\n    color: #303030;\n    letter-spacing: 0.38px;\n  }\n  &:-moz-placeholder {\n    color: #303030;\n    letter-spacing: 0.38px;\n  }\n\n  &._textarea {\n    height: rem(152px);\n    line-height: rem(24px);\n\n    @media #{$mb} {\n      height: rem(85px);\n    }\n  }\n}\n\n.contact-form__placeholder {\n  position: absolute;\n  color: #303030;\n  letter-spacing: 0.38px;\n  font-size: rem(18px);\n  height: rem(40px);\n  line-height: rem(40px);\n  pointer-events: none;\n  transform-origin: 0 50%;\n  transition: all 0.2s ease;\n\n  @media #{$mb} {\n    font-size: rem(14px);\n    color: #303030;\n    letter-spacing: rem(0.29px);\n    line-height: rem(32px);\n  }\n\n  &._textarea {\n    line-height: rem(24px);\n  }\n}\n\n.contact-form__message {\n  margin-top: rem(72px);\n\n  @media #{$mb} {\n    margin-top: rem(40px);\n  }\n}\n\n.contact-form__header {\n  cursor: pointer;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: rem(85px);\n  line-height: rem(85px);\n  font-weight: 500;\n  font-size: rem(18px);\n  color: #303030;\n  letter-spacing: 0.38px;\n  text-align: center;\n  background: #fff;\n  transition: all 0.5s ease;\n\n  @media #{$mb} {\n    height: rem(67px);\n    line-height: rem(67px);\n    font-size: rem(14px);\n    letter-spacing: 0;\n  }\n}\n\n.form-close {\n  z-index: 4;\n  position: absolute;\n  top: rem(40px);\n  right: rem(29px);\n  width: rem(28px);\n  height: rem(28px);\n  cursor: pointer;\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.5s ease;\n\n  @media #{$mb} {\n    top: rem(14px);\n    right: rem(18px);\n  }\n\n  span {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: rem(19px);\n    height: rem(19px);\n    margin-top: rem(-(19/2) + px);\n    margin-left: rem(-(19/2) + px);\n\n    &:before,\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin-top: -1px;\n      margin-left: rem(-12px);\n      background: #fff;\n      width: rem(24px);\n      height: 2px;\n    }\n\n    &:before {\n      transform: rotate(-45deg);\n    }\n\n    &:after {\n      transform: rotate(45deg);\n    }\n  }\n\n  &.isVisible {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n.contact-form__button {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  bottom: 0;\n  border: 0 none;\n  background: transparent;\n  outline: none;\n  font-weight: 500;\n  font-size: rem(18px);\n  color: #ffffff;\n  letter-spacing: 0.38px;\n  text-align: right;\n  line-height: rem(24px);\n  cursor: pointer;\n\n  @media #{$mb} {\n    position: relative;\n    margin-bottom: 0 !important;\n    transform: translateX(-50%);\n    margin-top: 20px;\n  }\n}\n\n.contact-form__result {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.5s ease;\n\n  &.isActive {\n    opacity: 1;\n  }\n}\n\n.contact-form__result-title {\n  font-weight: 700;\n  font-size: rem(30px);\n  color: #303030;\n  letter-spacing: 0.83px;\n  text-align: center;\n  line-height: rem(36px);\n}\n\n.contact-form__result-desc {\n  font-size: rem(14px);\n  color: #303030;\n  letter-spacing: 0.2px;\n  text-align: center;\n  line-height: rem(32px);\n  margin-top: rem(14px);\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contacts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contacts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contacts.vue?vue&type=template&id=4024f8ec&\"\nimport script from \"./Contacts.vue?vue&type=script&lang=js&\"\nexport * from \"./Contacts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contacts.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-view')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Layout.vue?vue&type=template&id=771b7b34&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Home from './views/Home.vue'\nimport Projects from './views/Projects.vue'\nimport Project from './views/Project.vue'\nimport Company from './views/Company.vue'\nimport Contacts from './views/Contacts.vue'\nimport Layout from './views/Layout.vue'\n\nVue.use(Router)\n\nconst router = new Router({\n  scrollBehavior( to, from, savedPosition ) {\n    return {\n      x: 0,\n      y: 0,\n    }\n  },\n\n  mode: 'history',\n\n  routes: [\n    {\n      path: '/',\n      name: 'index',\n      redirect: {\n        name: 'home',\n        params: {\n          lang: 'en',\n        },\n      },\n    },\n\n    {\n      path: '/:lang',\n      component: Layout,\n      props: true,\n      name: 'lang',\n\n      children: [\n        {\n          path: '/',\n          name: 'home',\n          component: Home,\n          props: true,\n        },\n        {\n          path: 'projects/:activeSection',\n          name: 'projects',\n          component: Projects,\n          props: true,\n        },\n        {\n          path: 'project/:projectSlug',\n          name: 'project',\n          component: Project,\n          props: true,\n        },\n        {\n          path: 'company',\n          name: 'company',\n          component: Company\n        },\n        {\n          path: 'contacts',\n          name: 'contacts',\n          component: Contacts\n        },\n      ],\n    },\n  ]\n})\n\nrouter.beforeEach((to, from, next) => {\n  const { lang } = to.params;\n\n  if (['en'].includes(lang)) {\n    Vue.i18n.set(lang);\n    // router.options.base = '/' + lang;\n    return next();\n  }\n\n  next('/');\n});\n\nexport default router;","import Vue from 'vue'\nimport Vuex from 'vuex'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n  state: {\n    navigationColor: 'black',\n    backgroundColor: 'white',\n    logoColor: 'black',\n    isFirstPage: true,\n    isMenuBurgerVisible: true,\n  },\n  getters: {\n    navigationColor: state => state.navigationColor,\n    backgroundColor: state => state.backgroundColor,\n    logoColor: state => state.logoColor,\n    isFirstPage: state => state.isFirstPage,\n    isMenuBurgerVisible: state => state.isMenuBurgerVisible,\n  },\n  mutations: {\n    setNavigationColor ( state, color ) {\n      state.navigationColor = color\n    },\n    setBackgroundColor ( state, color ) {\n      state.backgroundColor = color\n    },\n    setLogoColor ( state, color ) {\n      state.logoColor = color\n    },\n    setFirstPage ( state ) {\n      state.isFirstPage = false\n    },\n    setMenuBurger ( state, isVisible ) {\n      state.isMenuBurgerVisible = isVisible\n    },\n  },\n  actions: {\n\n  },\n})\n","export default {\n    'ad_project': 'AD CASA',\n    'menu_projects': 'Projects',\n    'menu_company': 'About',\n    'menu_contacts': 'Contact us',\n    'section_architecture': 'Architecture',\n    'section_interior': 'Interior',\n    'section_landscape': 'Ladnscape',\n    'section_design': 'Design',\n    'section_all': 'All',\n    'projects_title': 'Projects',\n    'all_projects': 'All projects',\n    'company': 'About',\n    'company_left': 'Company',\n    'team': 'Team',\n    'whoWeAre': 'Who we are',\n    'project_about': 'About project',\n    'project_short': 'In short',\n    'project_team': 'Team',\n    'project_publications': 'Publications',\n    'project_awards': 'Awards',\n    'project_next': 'Next project',\n    'contacts_title': 'Contacts',\n    'contacts_city': 'RF, Rostov-on-Don',\n    'contacts_address': '16, Krasnih Zor st.',\n    'contacts_phone': 'phone',\n    'contacts_email': 'email',\n    'contacts_feedback': 'Feedback',\n    'contacts_sent': 'Sent!',\n    'contacts_weWillContact': 'We will contact you soon',\n    'contacts_orContactHere': 'or contact us right here',\n    'contacts_form_name': 'Your name',\n    'contacts_form_phone': 'Phone',\n    'contacts_form_email': 'Email',\n    'contacts_form_message': 'Your message',\n    'contacts_form_send': 'Send',\n    'contacts_form_ok': 'OK',\n    'contacts_form_sending': 'Sending...',\n    'project_location': 'location',\n    'project_size': 'area',\n    'project_work_period': 'work period',\n    'project_building': 'building',\n    'project_inside': 'inside',\n    'project_release': 'opened',\n    'our_clients': 'Our clients',\n}","import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\n\nVue.config.productionTip = false\n\nimport VueLodash from 'vue-lodash'\nVue.use( VueLodash )\n\nimport VueTouch from '../node_modules/vue-touch/dist/vue-touch.min.js'\nVue.use( VueTouch )\n\nimport axios from 'axios'\nimport VueAxios from 'vue-axios'\nVue.use( VueAxios, axios )\n\nimport vuexI18n from 'vuex-i18n'\nVue.use( vuexI18n.plugin, store )\n\n// import translationsRu from './i18n/ru'\nimport translationsEn from './i18n/en'\nVue.i18n.add( 'en', translationsEn )\n// Vue.i18n.add( 'ru', translationsRu )\n\n// if ( localStorage.getItem('userLocale') ) {\n//     Vue.i18n.set( localStorage.getItem('userLocale') )\n// }\n// else {\n//     Vue.i18n.set('ru')\n// }\n\nnew Vue({\n  router,\n  store,\n  render: h => h(App)\n}).$mount('#app')\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contacts.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}