{"version":3,"sources":["webpack:///./components/VirtualPresentationTownDetached.vue?ac2e","webpack:///./components/VirtualPresentationTownDetached.vue?3766","webpack:///./components/VirtualPresentationTownDetached.vue?1aef","webpack:///./components/VirtualPresentationTownDetached.vue?5631","webpack:///./components/VirtualPresentationTownDetached.vue?91f5","webpack:///./components/VirtualPresentationTownDetached.vue?550d","webpack:///./components/VirtualPresentationTownDetached.vue?3f86","webpack:///./components/VirtualPresentationTownDetached.vue?35f6","webpack:///components/VirtualPresentationTownDetached.vue","webpack:///./components/VirtualPresentationTownDetached.vue"],"names":["content","__esModule","default","module","i","locals","exports","add","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","data","currentTab","tabs","currentElevs","currentElev","currentData","currentSlice","currentSliceIndex","curntBgImgInfo","imgSrc","formerElev","moveDistanceAdjustment_M","modelInfo","modelGneralInfo","created","console","updated","jq","mounted","setTimeout","methods","checkUrlAction","changeData","changeElev","changeCurrentSliceInx","ind","changeCurrentSliceInxByArrow","dir","initialSliceIndex_D","initialSliceIndex_M","sortDetachModel","curData","computed","bgMoveMatch","currentModelSet","tempPosNumber","tempBgPos","component","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","tab","name","index","key","class","active","style","borderColor","bgcolor","backgroundColor","color","on","$event","_s","type","elev","_e","defaultStyle","modelImg","extra","domProps","sqft","btnLink","btn","multiElev","bgImg","models","width","transform","pos","src","model"],"mappings":"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","file":"122a9a7.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualPresentationTownDetached.vue?vue&type=style&index=0&id=92e916f8&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"49bc2eb7\", content, true, {\"sourceMap\":false});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualPresentationTownDetached.vue?vue&type=style&index=1&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"16ae5b43\", content, true, {\"sourceMap\":false});","export * from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualPresentationTownDetached.vue?vue&type=style&index=0&id=92e916f8&lang=scss&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".color-yellow[data-v-92e916f8]{color:#d0b400}.bg-yellow[data-v-92e916f8]{background-color:#d0b400}.bg-grey[data-v-92e916f8]{background-color:#eae8e4}.bg-nav[data-v-92e916f8]{background-color:#f4f3f1}.bg-cream[data-v-92e916f8]{background-color:#d6d1ca}.bg-blue[data-v-92e916f8]{background-color:#0b2340}.bg-light-blue[data-v-92e916f8]{background-color:#bed3d6}.bg-brown[data-v-92e916f8]{background-color:#d6d1ca}.bg-white[data-v-92e916f8]{background-color:#fff}.text-blue[data-v-92e916f8]{color:#0b2340}.text-white[data-v-92e916f8]{color:#fff}.text-brown[data-v-92e916f8]{color:#d6d1ca}.text-slate-grey[data-v-92e916f8]{color:grey}#virtualPresentaionSec .wrap[data-v-92e916f8]{padding-top:3rem;padding-bottom:3rem}#virtualPresentaionSec .wrap .funcBtns .btnItem[data-v-92e916f8]{padding-left:2rem;padding-right:2rem;border-right:2px solid #333;color:#0b2340}#virtualPresentaionSec .wrap .funcBtns .btnItem[data-v-92e916f8]:first-of-type{padding-left:0}#virtualPresentaionSec .wrap .funcBtns .btnItem[data-v-92e916f8]:last-of-type{border-right:none}#virtualPresentaionSec .wrap .tabToggleWrap[data-v-92e916f8]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1rem auto 2rem}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .tabToggleWrap[data-v-92e916f8]{justify-content:flex-start;margin:1rem auto}}#virtualPresentaionSec .wrap .tabToggleWrap .oneBtn[data-v-92e916f8]{padding:0 10px;margin:10px 0;font-size:1.35rem;min-width:240px;cursor:pointer}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .tabToggleWrap .oneBtn[data-v-92e916f8]{font-size:.85rem;min-width:100px}}#virtualPresentaionSec .wrap .tabToggleWrap .oneBtn .btnItem[data-v-92e916f8]{border-bottom:2px solid}#virtualPresentaionSec .wrap .elevToggleWrap[data-v-92e916f8]{display:flex;flex-direction:row;justify-content:flex-start;height:calc(2rem + 5px);cursor:pointer;border-bottom:5px solid rgba(39,87,107,.8)}#virtualPresentaionSec .wrap .elevToggleWrap.detached[data-v-92e916f8]{border-bottom:5px solid transparent}#virtualPresentaionSec .wrap .elevToggleWrap .elevBtn[data-v-92e916f8]{width:10rem;height:2rem;background-color:rgba(39,87,107,.25);transition:all .25s ease;padding-top:.25rem}#virtualPresentaionSec .wrap .elevToggleWrap .elevBtn .textDecor[data-v-92e916f8]{height:1.75rem;display:inline-block;box-shadow:inset 0 0 0 0 #fff}#virtualPresentaionSec .wrap .elevToggleWrap .elevBtn.active[data-v-92e916f8]{color:#fff;background-color:rgba(39,87,107,.8)}#virtualPresentaionSec .wrap .elevToggleWrap .elevBtn.active .textDecor[data-v-92e916f8]{height:1.75rem;display:inline-block;box-shadow:inset 0 -2px 0 0 #fff}#virtualPresentaionSec .wrap .modelsOutWrap[data-v-92e916f8]{height:auto}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap[data-v-92e916f8]{position:relative}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .imgContainner[data-v-92e916f8]{width:100%}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice[data-v-92e916f8]{display:flex;flex-direction:row;justify-content:flex-start;width:100%;height:100%;position:absolute;top:0;left:0}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice[data-v-92e916f8]{height:100%}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice.defaultStyle .sliceContent[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice:hover .sliceContent[data-v-92e916f8]{-webkit-animation:fade-in .1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .1s cubic-bezier(.25,.46,.45,.94) both;background-color:transparent;box-shadow:inset 0 0 0 1px #fff}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice.defaultStyle .sliceContent .extraInfo[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice.defaultStyle .sliceContent .title1[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice:hover .sliceContent .extraInfo[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice:hover .sliceContent .title1[data-v-92e916f8]{-webkit-animation:fade-in .2s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .2s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-name:fade-in,slide-in-bottom;animation-name:fade-in,slide-in-bottom}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice.defaultStyle .sliceContent .sqft[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice:hover .sliceContent .sqft[data-v-92e916f8]{-webkit-animation:fade-in .25s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .25s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-name:fade-in,slide-in-bottom;animation-name:fade-in,slide-in-bottom}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice.defaultStyle .sliceContent .aLink[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice:hover .sliceContent .aLink[data-v-92e916f8]{-webkit-animation:fade-in .3s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-name:fade-in,slide-in-bottom;animation-name:fade-in,slide-in-bottom}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent[data-v-92e916f8]{background-color:transparent;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart[data-v-92e916f8]{width:100%;padding:.5rem .3rem}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .title1[data-v-92e916f8]{font-size:1rem;line-height:120%;opacity:0}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .title1[data-v-92e916f8]{font-size:1.25rem}}@media screen and (max-width:992px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .title1[data-v-92e916f8]{font-size:1.1rem}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .title1[data-v-92e916f8]{font-size:.5rem}}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail[data-v-92e916f8]{display:flex;flex-direction:row;justify-content:center}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .extraInfo[data-v-92e916f8]{font-size:1rem;opacity:0;line-height:100%;border-right:1px solid #333;padding-right:.5rem}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .extraInfo[data-v-92e916f8]{font-size:.75rem}}@media screen and (max-width:992px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .extraInfo[data-v-92e916f8]{font-size:.75rem}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .extraInfo[data-v-92e916f8]{font-size:.5rem;padding-right:.25rem}}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .sqft[data-v-92e916f8]{opacity:0;font-size:1rem;line-height:100%;padding-left:.5rem}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .sqft[data-v-92e916f8]{font-size:.75rem}}@media screen and (max-width:992px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .sqft[data-v-92e916f8]{font-size:.75rem}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .topPart .topPartDetail .sqft[data-v-92e916f8]{font-size:.5rem;padding-left:.25rem}}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap[data-v-92e916f8]{width:100%;padding:.5rem}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap .aLink[data-v-92e916f8]{margin-top:2rem;opacity:0;color:#333}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap .aLink[data-v-92e916f8]{margin-top:2rem}}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap .aLink[data-v-92e916f8]:hover{text-decoration:none;color:#333}#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap .aLink .linkBtn[data-v-92e916f8]{text-align:center;padding:5px 0;max-width:100%;border:1px solid;font-size:12px;color:#333}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap .aLink .linkBtn[data-v-92e916f8]{font-size:10px}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrap .modelsWrap .modelSlice .oneSlice .sliceContent .townLinkWrap .aLink .linkBtn[data-v-92e916f8]{font-size:.3rem}}#virtualPresentaionSec .wrap .modelsOutWrapDetached[data-v-92e916f8]{display:flex;flex-flow:row wrap;justify-content:flex-start}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems[data-v-92e916f8]{width:32.25%;margin:1% 1% 0 0;position:relative;overflow:hidden}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems[data-v-92e916f8]:nth-of-type(3n){margin-right:0}@media screen and (max-width:768px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems[data-v-92e916f8]{width:49.5%;margin:1% 1% 0 0}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems[data-v-92e916f8]:nth-of-type(3n){margin-right:1%}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems[data-v-92e916f8]:nth-of-type(2n){margin-right:0}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details[data-v-92e916f8]{position:absolute;top:100%;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .sBayLogo[data-v-92e916f8]{width:70%;max-width:70px;margin:1rem auto;opacity:0}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .sBayLogo[data-v-92e916f8]{max-width:45px;margin:0 auto .25rem}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .title1[data-v-92e916f8]{font-size:1.5rem;line-height:120%;opacity:0}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .title1[data-v-92e916f8]{font-size:1.5rem}}@media screen and (max-width:992px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .title1[data-v-92e916f8]{font-size:1.25rem}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .title1[data-v-92e916f8]{font-size:1rem}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .extraInfo[data-v-92e916f8]{font-size:1.5rem;line-height:120%;opacity:0}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .extraInfo[data-v-92e916f8]{font-size:1.25rem}}@media screen and (max-width:992px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .extraInfo[data-v-92e916f8]{font-size:1.25rem}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .extraInfo[data-v-92e916f8]{font-size:.75rem}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .midWrap[data-v-92e916f8]{display:flex;flex-direction:row;justify-content:center}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .midWrap .sqft[data-v-92e916f8]{opacity:0;font-size:.85rem;border-right:1px solid #fff;line-height:100%;padding:0 .5rem;margin:.5rem auto}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .midWrap .sqft[data-v-92e916f8]:last-of-type{border-right:none}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .midWrap .sqft[data-v-92e916f8]{font-size:.85rem}}@media screen and (max-width:992px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .midWrap .sqft[data-v-92e916f8]{font-size:.85rem}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .midWrap .sqft[data-v-92e916f8]{font-size:.75rem;padding:0 .5rem;margin:.15rem auto}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .aLink[data-v-92e916f8]{width:50%;min-width:100px;margin-top:.5rem;opacity:0;color:#fff}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .aLink[data-v-92e916f8]{width:80%;margin-top:.25rem}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .aLink[data-v-92e916f8]:hover{text-decoration:none;color:#fff}#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .aLink .linkBtn[data-v-92e916f8]{text-align:center;margin-top:.5rem;padding:3px 0;width:100%;border:1px solid;font-size:14px;color:#fff}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .aLink .linkBtn[data-v-92e916f8]{font-size:12px}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .modelsOutWrapDetached .detachedItems .details .aLink .linkBtn[data-v-92e916f8]{margin-top:0;font-size:10px;padding:3px 5px}}#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .bgColorLayerDetach[data-v-92e916f8]{width:100%;height:100%;position:absolute;top:0;opacity:.8}#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .details[data-v-92e916f8]{position:absolute;top:0;-webkit-animation:fade-in .1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .1s cubic-bezier(.25,.46,.45,.94) both;background-color:transparent;color:#fff}#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .details .extraInfo[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .details .sBayLogo[data-v-92e916f8],#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .details .title1[data-v-92e916f8]{-webkit-animation:fade-in .2s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .2s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-name:fade-in,slide-in-bottom;animation-name:fade-in,slide-in-bottom}#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .details .sqft[data-v-92e916f8]{-webkit-animation:fade-in .25s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .25s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-name:fade-in,slide-in-bottom;animation-name:fade-in,slide-in-bottom}#virtualPresentaionSec .wrap .modelsOutWrapDetached .defaultStyle .details .aLink[data-v-92e916f8]{-webkit-animation:fade-in .3s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-name:fade-in,slide-in-bottom;animation-name:fade-in,slide-in-bottom}#virtualPresentaionSec .wrap .bigBgWrap_M[data-v-92e916f8]{display:none}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .bigBgWrap_M[data-v-92e916f8]{display:flex;flex-direction:row;width:100%;margin-top:20px}}#virtualPresentaionSec .wrap .bigBgWrap_M .left[data-v-92e916f8]{width:22%;display:flex;flex-direction:column;justify-content:center;align-items:center}#virtualPresentaionSec .wrap .bigBgWrap_M .left .arrowL[data-v-92e916f8]{width:30px;height:30px}#virtualPresentaionSec .wrap .bigBgWrap_M .middle[data-v-92e916f8]{width:55%}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .bgWrap[data-v-92e916f8]{width:100%;overflow:hidden}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .bgWrap .rescaleImg[data-v-92e916f8]{height:60vh}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .bgWrap .rescaleImg .imgMover[data-v-92e916f8]{height:100%;width:auto;transition:all .5s ease}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap[data-v-92e916f8]{width:100%;margin:0 auto;background-color:#008c99;color:#fff;padding:10px}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .title[data-v-92e916f8]{line-height:110%;font-size:1.15rem}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .topPartDetailMobile[data-v-92e916f8]{margin:.5rem auto}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .topPartDetailMobile .extra[data-v-92e916f8]{line-height:110%;font-size:.75rem;border-right:1px solid #333;padding-right:.5rem}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .topPartDetailMobile .sqft[data-v-92e916f8]{line-height:110%;font-size:.75rem;padding-left:.5rem}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .aLink[data-v-92e916f8]{width:80%;margin-top:2rem}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .aLink[data-v-92e916f8]{margin-top:2rem}}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .aLink[data-v-92e916f8]:hover{text-decoration:none}#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .aLink .linkBtn[data-v-92e916f8]{color:#fff;text-align:center;padding:5px 0;width:100%;border:1px solid;font-size:12px}@media screen and (max-width:1300px){#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .aLink .linkBtn[data-v-92e916f8]{font-size:10px}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .bigBgWrap_M .middle .textWrap .aLink .linkBtn[data-v-92e916f8]{padding:3px 0;font-size:.75rem}}#virtualPresentaionSec .wrap .bigBgWrap_M .right[data-v-92e916f8]{width:22%;display:flex;flex-direction:column;justify-content:center;align-items:center}#virtualPresentaionSec .wrap .bigBgWrap_M .right .arrowR[data-v-92e916f8]{width:30px;height:30px;transform:rotate(180deg)}#virtualPresentaionSec .wrap .bigBgWrapDetached_M[data-v-92e916f8]{display:none}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .bigBgWrapDetached_M[data-v-92e916f8]{display:flex;flex-direction:row;width:100%;margin-top:20px}}#virtualPresentaionSec .wrap .relatedLink[data-v-92e916f8]{display:flex;flex-flow:row wrap;width:90%;margin:1rem auto}@media screen and (max-width:500px){#virtualPresentaionSec .wrap .relatedLink[data-v-92e916f8]{flex-flow:row wrap}}#virtualPresentaionSec .wrap .relatedLink .oneBtn[data-v-92e916f8]{width:calc(50% - 2px);background-color:#008c99;color:#fff;margin:0 2px 2px 0}@media screen and (max-width:768px){#virtualPresentaionSec .wrap .relatedLink .oneBtn[data-v-92e916f8]{width:100%;margin:0 0 2px}}@media screen and (max-width:450px){#virtualPresentaionSec .wrap .relatedLink .oneBtn[data-v-92e916f8]{width:100%;margin:0 0 10px}}#virtualPresentaionSec .wrap .relatedLink .oneBtn .oneBtnLink[data-v-92e916f8]{color:#fff;padding:5px;display:block;font-size:1rem}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","export * from \"-!../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualPresentationTownDetached.vue?vue&type=style&index=1&lang=scss&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".shrink{font-size:1rem;line-height:120%;font-weight:700}@media screen and (max-width:450px){.shrink{font-size:.3rem}}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{attrs:{\"id\":\"virtualPresentaionSec\"}},[_c('b-container',{staticClass:\"wrap\"},[_c('b-row',[_c('b-col',{staticClass:\"title text-left\"},[_c('h2',{staticClass:\"display-4 freight-big-pro-book\"},[_vm._v(\"INSPIRED DESIGNS\")])])],1),_vm._v(\" \"),_c('b-row',[_c('b-col',{staticClass:\"title text-left\"},[_c('h4',{staticClass:\"display-8 freight-big-pro-book\"},[_vm._v(\"TOWNHOMES, 40' 43' & 50' SINGLES\")])])],1),_vm._v(\" \"),_c('b-row',[_c('b-col',{staticClass:\"funcBtns d-flex flex-row acumin-pro-wide-medium\"},[_c('a',{staticClass:\"btnItem\",attrs:{\"href\":\"/files/virtual/Zancor_SouthBay_Features_Digital_0623.pdf\",\"target\":\"_blank\"}},[_c('div',[_vm._v(\"FEATURES\")])]),_vm._v(\" \"),_c('a',{staticClass:\"btnItem\",attrs:{\"href\":\"/files/virtual/Zancor_SouthBay_SPHandout_Digital_1stRel_0623.pdf\",\"target\":\"_blank\"}},[_c('div',[_vm._v(\"SITEPLAN\")])])])],1),_vm._v(\" \"),_c('b-row',[_c('b-col',{staticClass:\"text-center\"},[_c('div',{staticClass:\"tabToggleWrap\"},_vm._l((_vm.tabs),function(tab,name,index){return _c('div',{key:index,staticClass:\"oneBtn\"},[_c('div',{class:[{active:name == _vm.currentTab}, '', 'freight-big-pro-book', 'btnItem'],style:([name == _vm.currentTab ? {borderColor: tab.bgcolor, backgroundColor:tab.bgcolor, color:tab.color} : {borderColor: tab.bgcolor, backgroundColor:'transparent', color:'#333'}]),on:{\"click\":function($event){return _vm.changeData(name)}}},[_vm._v(\"\\n                                \"+_vm._s(tab.name)+\"\\n                            \")])])}),0),_vm._v(\" \"),(_vm.currentData.type=='detached')?_c('div',{staticClass:\"elevToggleWrap detached\"},_vm._l((_vm.currentElevs),function(elev,name,index){return _c('div',{key:index},[_c('div',{class:[{active:name == _vm.currentElev}, '', 'elevBtn'],on:{\"click\":function($event){return _vm.changeElev(name)}}},[_c('span',{staticClass:\"textDecor\"},[_vm._v(_vm._s(elev))])])])}),0):_vm._e(),_vm._v(\" \"),(_vm.currentData.type=='town')?_c('div',{staticClass:\"elevToggleWrap\"},_vm._l((_vm.currentElevs),function(elev,name,index){return _c('div',{key:index},[_c('div',{class:[{active:name == _vm.currentElev}, '', 'elevBtn'],on:{\"click\":function($event){return _vm.changeElev(name)}}},[_c('span',{staticClass:\"textDecor\"},[_vm._v(_vm._s(elev))])])])}),0):_vm._e(),_vm._v(\" \"),(_vm.currentData.type=='detached')?_c('div',{staticClass:\"modelsOutWrapDetached\"},_vm._l((_vm.currentData.models),function(data,i){return _c('div',{key:i,class:[{defaultStyle:_vm.currentSliceIndex == i}, 'detachedItems'],on:{\"mouseover\":function($event){return _vm.changeCurrentSliceInx(i)},\"mouseleave\":function($event){return _vm.initialSliceIndex_D()}}},[_c('div',{staticClass:\"imgWrap\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":data.modelImg}})]),_vm._v(\" \"),_c('div',{staticClass:\"bgColorLayerDetach\",style:({backgroundColor:_vm.currentData.bgcolor})}),_vm._v(\" \"),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"sBayLogo\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/img/virtual/sbay_logo.svg\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"title1 r-bold  freight-big-pro-book\"},[_vm._v(_vm._s(data.name))]),_vm._v(\" \"),_c('div',{staticClass:\"extraInfo r-bold \"},[_vm._v(_vm._s(data.extra))]),_vm._v(\" \"),_c('div',{staticClass:\"midWrap\"},[_c('div',{staticClass:\"sqft r-regular\",domProps:{\"innerHTML\":_vm._s(data.elev)}}),_vm._v(\" \"),_c('div',{staticClass:\"sqft r-regular\",domProps:{\"innerHTML\":_vm._s(data.sqft)}})]),_vm._v(\" \"),_c('a',{staticClass:\"aLink\",attrs:{\"href\":data.btnLink,\"target\":\"_blank\"}},[_c('div',{staticClass:\"linkBtn r-regular\"},[_vm._v(_vm._s(data.btn))])])])])}),0):_vm._e(),_vm._v(\" \"),(_vm.currentData.type=='town')?_c('div',{staticClass:\"modelsOutWrap\"},[_c('div',{staticClass:\"modelsWrap\"},[(_vm.currentData.multiElev == true)?_c('div',{staticClass:\"imgContainner\"},[_c('b-img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.currentData.bgImg[_vm.currentElev]}})],1):_c('div',{staticClass:\"imgContainner\"},[_c('b-img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.currentData.bgImg}})],1),_vm._v(\" \"),(_vm.currentData.multiElev == true)?_c('div',{staticClass:\"modelSlice\"},_vm._l((_vm.currentData.models[_vm.currentElev]),function(data,i){return _c('div',{key:i,class:[{defaultStyle:_vm.currentSliceIndex == i}, 'oneSlice'],style:({width:data.width}),on:{\"mouseover\":function($event){return _vm.changeCurrentSliceInx(i)},\"mouseleave\":function($event){return _vm.initialSliceIndex_D()}}},[_c('div',{staticClass:\"sliceContent\"},[_c('div',{staticClass:\"topPart\",style:([_vm.currentSliceIndex == i?{backgroundColor:_vm.currentData.bgcolor}:{}])},[_c('div',{staticClass:\"title1 r-bold  freight-big-pro-book\",domProps:{\"innerHTML\":_vm._s(data.name)}}),_vm._v(\" \"),_c('div',{staticClass:\"topPartDetail\"},[(data.extra)?_c('div',{staticClass:\"extraInfo r-bold \"},[_vm._v(_vm._s(data.extra))]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"sqft r-regular\"},[_vm._v(_vm._s(data.sqft)+\" sq.ft\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"townLinkWrap\",style:([_vm.currentSliceIndex == i?{backgroundColor:_vm.currentData.bgcolor}:{}])},[_c('a',{staticClass:\"aLink\",attrs:{\"href\":data.btnLink,\"target\":\"_blank\"}},[_c('div',{staticClass:\"linkBtn r-regular \"},[_vm._v(_vm._s(data.btn))])])])])])}),0):_c('div',{staticClass:\"modelSlice\"},_vm._l((_vm.currentData.models),function(data,i){return _c('div',{key:i,class:[{defaultStyle:_vm.currentSliceIndex == i}, 'oneSlice'],style:({width:data.width}),on:{\"mouseover\":function($event){return _vm.changeCurrentSliceInx(i)},\"mouseleave\":function($event){return _vm.initialSliceIndex_D()}}},[_c('div',{staticClass:\"sliceContent\"},[_c('div',{staticClass:\"title1 r-bold  freight-big-pro-book\",domProps:{\"innerHTML\":_vm._s(data.name)}}),_vm._v(\" \"),_c('div',{staticClass:\"extraInfo r-bold\"},[_vm._v(_vm._s(data.extra))]),_vm._v(\" \"),_c('div',{staticClass:\"sqft r-regular  \"},[_vm._v(_vm._s(data.sqft)+\" sq.ft\")]),_vm._v(\" \"),_c('a',{staticClass:\"aLink\",attrs:{\"href\":data.btnLink,\"target\":\"_blank\"}},[_c('div',{staticClass:\"linkBtn r-regular \"},[_vm._v(_vm._s(data.btn))])])])])}),0)])]):_vm._e(),_vm._v(\" \"),(_vm.currentData.type=='detached')?_c('div',{staticClass:\"bigBgWrapDetached_M\"}):_vm._e(),_vm._v(\" \"),(_vm.currentData.type=='town')?_c('div',{staticClass:\"bigBgWrap_M\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"arrowL\",on:{\"click\":function($event){return _vm.changeCurrentSliceInxByArrow(-1)}}},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/img/arrow-left-solid.svg\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"middle\"},[_c('div',{staticClass:\"bgWrap\"},[_c('div',{staticClass:\"rescaleImg\"},[_c('img',{staticClass:\"imgMover\",style:({transform: (\"translateX(\" + (_vm.bgMoveMatch.pos==0 ? 0:-(_vm.bgMoveMatch.pos - _vm.moveDistanceAdjustment_M) +'%') + \")\")}),attrs:{\"src\":_vm.bgMoveMatch.src}})])]),_vm._v(\" \"),_c('div',{staticClass:\"textWrap\",style:({backgroundColor:_vm.currentData.bgcolor, color:_vm.currentData.color})},[_c('div',{staticClass:\"r-bold title freight-big-pro-book\",domProps:{\"innerHTML\":_vm._s(_vm.bgMoveMatch.model['name'])}}),_vm._v(\" \"),_c('div',{staticClass:\"topPartDetailMobile d-flex flex-row justify-content-center\"},[_c('div',{staticClass:\"r-bold extra\"},[_vm._v(_vm._s(_vm.bgMoveMatch.model[\"extra\"]))]),_vm._v(\" \"),_c('div',{staticClass:\"r-regular sqft\"},[_vm._v(_vm._s(_vm.bgMoveMatch.model[\"sqft\"])+\"  sq.ft\")])]),_vm._v(\" \"),_c('a',{staticClass:\"aLink\",attrs:{\"href\":_vm.bgMoveMatch.model.btnLink,\"target\":\"_blank\"}},[_c('div',{staticClass:\"linkBtn r-regular \",style:({color:_vm.currentData.color})},[_vm._v(_vm._s(_vm.bgMoveMatch.model.btn))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"arrowR\",on:{\"click\":function($event){return _vm.changeCurrentSliceInxByArrow(1)}}},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/img/arrow-left-solid.svg\"}})])])]):_vm._e()])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualPresentationTownDetached.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/babel-loader/lib/index.js??ref--2-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./VirtualPresentationTownDetached.vue?vue&type=script&lang=js&\"","<template>\n    <div>\n        <section id=\"virtualPresentaionSec\">\n            <b-container class=\"wrap\">\n                <b-row>\n                    <b-col class=\"title text-left\">\n                        <h2 class=\"display-4 freight-big-pro-book\">INSPIRED DESIGNS</h2>\n                    </b-col>\n                </b-row>\n                <b-row>\n                    <b-col class=\"title text-left\">\n                        <h4 class=\"display-8 freight-big-pro-book\">TOWNHOMES, 40' 43' & 50' SINGLES</h4>\n                    </b-col>\n                </b-row>\n                <b-row>\n                    <b-col class=\"funcBtns d-flex flex-row acumin-pro-wide-medium\">\n                        <!--<div class=\"btnItem\">HOME DESIGNS</div>-->\n                        <a href=\"/files/virtual/Zancor_SouthBay_Features_Digital_0623.pdf\" target=\"_blank\" class=\"btnItem\">\n                            <div>FEATURES</div>\n                        </a>\n                        <a href=\"/files/virtual/Zancor_SouthBay_SPHandout_Digital_1stRel_0623.pdf\" target=\"_blank\" class=\"btnItem\">\n                            <div>SITEPLAN</div>\n                        </a>\n                    </b-col>\n                </b-row>\n                <b-row>\n                    <b-col class=\"text-center\">\n                        <div class=\"tabToggleWrap\">\n                            <div v-for=\"(tab, name, index) in tabs\" :key=\"index\" class=\"oneBtn\">\n                                <div @click=\"changeData(name)\" :class=\"[{active:name == currentTab}, '', 'freight-big-pro-book', 'btnItem']\" :style=\"[name == currentTab ? {borderColor: tab.bgcolor, backgroundColor:tab.bgcolor, color:tab.color} : {borderColor: tab.bgcolor, backgroundColor:'transparent', color:'#333'}]\">\n                                    {{tab.name}}\n                                </div>\n                            </div>\n                        </div>\n                        <!-- elevation bar for detached homes -->\n                        <div class=\"elevToggleWrap detached\" v-if=\"currentData.type=='detached'\">\n                            <div v-for=\"(elev, name, index) in currentElevs\" :key=\"index\">\n                                <div @click=\"changeElev(name)\" :class=\"[{active:name == currentElev}, '', 'elevBtn']\">\n                                    <span class=\"textDecor\">{{elev}}</span>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- elevation bar for town homes -->\n                        <div class=\"elevToggleWrap\" v-if=\"currentData.type=='town'\">\n                            <div v-for=\"(elev, name, index) in currentElevs\" :key=\"index\">\n                                <div @click=\"changeElev(name)\" :class=\"[{active:name == currentElev}, '', 'elevBtn']\">\n                                    <span class=\"textDecor\">{{elev}}</span>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- wrap for detached homes -->\n                        <div class=\"modelsOutWrapDetached\" v-if=\"currentData.type=='detached'\">\n                            <div v-for=\"(data, i) in currentData.models\" :key=\"i\" :class=\"[{defaultStyle:currentSliceIndex == i}, 'detachedItems']\" @mouseover=\"changeCurrentSliceInx(i)\" @mouseleave=\"initialSliceIndex_D()\">\n                                <div class=\"imgWrap\">\n                                    <img :src=\"data.modelImg\" class=\"img-fluid\"/>\n                                </div>\n                                <!-- <div class=\"details\" :style=\"{backgroundColor:currentData.bgcolor}\"> -->\n                                <div class=\"bgColorLayerDetach\" :style=\"{backgroundColor:currentData.bgcolor}\"></div>\n                                <div class=\"details\">\n                                    <div class=\"sBayLogo\"><img src=\"/img/virtual/sbay_logo.svg\" class=\"img-fluid\"/></div>\n                                    <div class=\"title1 r-bold  freight-big-pro-book\">{{data.name}}</div>\n                                    <div class=\"extraInfo r-bold \">{{data.extra}}</div>\n                                    <div class=\"midWrap\">\n                                        <!-- <div class=\"sqft r-regular\">{{data.elev}}</div>\n                                        <div class=\"sqft r-regular\">{{data.sqft}} sq.ft</div> -->\n                                        <div class=\"sqft r-regular\" v-html=\"data.elev\"></div>\n                                        <div class=\"sqft r-regular\" v-html=\"data.sqft\"></div>\n                                    </div>\n                                    <a :href=\"data.btnLink\" target=\"_blank\" class=\"aLink\">\n                                        <div class=\"linkBtn r-regular\">{{data.btn}}</div>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- wrap for town homes -->\n                        <div class=\"modelsOutWrap\" v-if=\"currentData.type=='town'\">\n                            <div class=\"modelsWrap\">\n                                <div class=\"imgContainner\" v-if=\"currentData.multiElev == true\">\n                                    <b-img :src=\"currentData.bgImg[currentElev]\" class=\"img-fluid\"/>\n                                </div>\n                                <div class=\"imgContainner\" v-else>\n                                    <b-img :src=\"currentData.bgImg\" class=\"img-fluid\"/>\n                                </div>\n                                <div class=\"modelSlice\" v-if=\"currentData.multiElev == true\">\n                                    <!-- <div :class=\"[{defaultStyle:currentSliceIndex == i}, 'oneSlice']\" v-for=\"(data, i) in currentData.models[currentElev]\" :key=\"i\" :style=\"{width:data.width}\" @mouseover=\"changeCurrentSliceInx(i)\" @mouseleave=\"currentSliceIndex = 0\"> -->\n                                    <div :class=\"[{defaultStyle:currentSliceIndex == i}, 'oneSlice']\" v-for=\"(data, i) in currentData.models[currentElev]\" :key=\"i\" :style=\"{width:data.width}\" @mouseover=\"changeCurrentSliceInx(i)\" @mouseleave=\"initialSliceIndex_D()\">\n                                        <div class=\"sliceContent\">\n                                            <!-- <div class=\"title1 r-bold \">{{data.name}}</div> -->\n                                            <div class=\"topPart\" :style=\"[currentSliceIndex == i?{backgroundColor:currentData.bgcolor}:{}]\">\n                                                <div class=\"title1 r-bold  freight-big-pro-book\" v-html=\"data.name\"></div>\n                                                <div class=\"topPartDetail\">\n                                                    <div class=\"extraInfo r-bold \" v-if=\"data.extra\">{{data.extra}}</div>\n                                                    <div class=\"sqft r-regular\">{{data.sqft}} sq.ft</div>\n                                                </div>\n                                            </div>\n                                            <div class=\"townLinkWrap\" :style=\"[currentSliceIndex == i?{backgroundColor:currentData.bgcolor}:{}]\">\n                                                <a :href=\"data.btnLink\" target=\"_blank\" class=\"aLink\">\n                                                    <div class=\"linkBtn r-regular \">{{data.btn}}</div>\n                                                </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"modelSlice\" v-else>\n                                    <!-- <div :class=\"[{defaultStyle:currentSliceIndex == i}, 'oneSlice']\" v-for=\"(data, i) in currentData.models\" :key=\"i\" :style=\"{width:data.width}\" @mouseover=\"changeCurrentSliceInx(i)\" @mouseleave=\"currentSliceIndex = 0\"> -->\n                                    <div :class=\"[{defaultStyle:currentSliceIndex == i}, 'oneSlice']\" v-for=\"(data, i) in currentData.models\" :key=\"i\" :style=\"{width:data.width}\" @mouseover=\"changeCurrentSliceInx(i)\" @mouseleave=\"initialSliceIndex_D()\">\n                                        <div class=\"sliceContent\">\n                                            <!-- <div class=\"title1 r-bold \">{{data.name}}</div> -->\n                                            <div class=\"title1 r-bold  freight-big-pro-book\" v-html=\"data.name\"></div>\n                                            <div class=\"extraInfo r-bold\">{{data.extra}}</div>\n                                            <div class=\"sqft r-regular  \">{{data.sqft}} sq.ft</div>\n                                            <a :href=\"data.btnLink\" target=\"_blank\" class=\"aLink\">\n                                                <div class=\"linkBtn r-regular \">{{data.btn}}</div>\n                                            </a>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- wrap for detached homes -->\n                        <div class=\"bigBgWrapDetached_M\" v-if=\"currentData.type=='detached'\">\n                            <!-- detached -->\n                        </div>\n                        <!-- wrap for town homes mobile -->\n                        <div class=\"bigBgWrap_M\" v-if=\"currentData.type=='town'\">\n                            <div class=\"left\">\n                                <div class=\"arrowL\" @click=\"changeCurrentSliceInxByArrow(-1)\">\n                                    <img src=\"/img/arrow-left-solid.svg\" class=\"img-fluid\"/>\n                                </div>\n                            </div>\n                            <div class=\"middle\">\n                                <div class=\"bgWrap\" >\n                                    <div class=\"rescaleImg\">\n                                        <img class=\"imgMover\" :src=\"bgMoveMatch.src\" :style=\"{transform: `translateX(${bgMoveMatch.pos==0 ? 0:-(bgMoveMatch.pos - moveDistanceAdjustment_M) +'%'})`}\"/>\n                                    </div>\n                                </div>\n                                <div class=\"textWrap\" :style=\"{backgroundColor:currentData.bgcolor, color:currentData.color}\">\n                                    <!-- <div class=\"r-bold title\">{{bgMoveMatch.model[\"name\"]}}</div> -->\n                                    <div class=\"r-bold title freight-big-pro-book\" v-html=\"bgMoveMatch.model['name']\"></div>\n                                    <div class=\"topPartDetailMobile d-flex flex-row justify-content-center\">\n                                        <div class=\"r-bold extra\">{{bgMoveMatch.model[\"extra\"]}}</div>\n                                        <div class=\"r-regular sqft\">{{bgMoveMatch.model[\"sqft\"]}}  sq.ft</div>\n                                    </div>\n                                    <a :href=\"bgMoveMatch.model.btnLink\" target=\"_blank\" class=\"aLink\">\n                                        <div class=\"linkBtn r-regular \" :style=\"{color:currentData.color}\">{{bgMoveMatch.model.btn}}</div>\n                                    </a>\n                                </div>\n                            </div>\n                            <div class=\"right\">\n                                <div class=\"arrowR\" @click=\"changeCurrentSliceInxByArrow(1)\">\n                                    <img src=\"/img/arrow-left-solid.svg\" class=\"img-fluid\"/>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- <div class=\"relatedLink\">\n                            <div class=\"oneBtn\" v-for=\"(btn, index) in modelGneralInfo.relatedlinks\" :key=\"index\">\n                                <a :href=\"btn.link\" target=\"_blank\" class=\"oneBtnLink\">\n                                    <div>{{btn.name}}</div>\n                                </a>\n                            </div>\n                        </div> -->\n                    </b-col>\n                </b-row>\n            </b-container>\n        </section>\n    </div>\n</template>\n\n<script>\nimport jq from 'jquery';\nimport _ from 'lodash';\n    export default {\n        data() {\n            return {\n                currentTab:\"\",\n                tabs:{},\n                // set up multi elevation tabs\n                currentElevs:{},\n                // set up multi elevation tabs\n                currentElev:\"\",\n                currentData:{\n                    \n                },\n                currentSlice:null,\n                currentSliceIndex:0,\n                curntBgImgInfo:{\n                    imgSrc:\"\",\n\n                },\n                formerElev:\"\",\n                moveDistanceAdjustment_M:6,\n                modelInfo:{\n                    \"towns\":{\n                        \"diplayName\":\"TOWNS\",\n                        \"color\":\"#333\",\n                        \"bgcolor\":\"#e0c500\",\n                        \"bgImg\":{\n                            \"elevA\":\"/img/virtual/towns/th-blk-a.jpg\",\n                            \"elevB\":\"/img/virtual/towns/th-blk-b.jpg\",\n                        },\n                        \"type\":\"town\",\n                        // \"relatedlinks\":[\n                        //     {\"name\":\"VIEW SITE PLAN\", \"link\":\"\"},\n                        //     // {\"name\":\"VIEW AGREEMENT OF PURCHASE & SALE\", \"link\":\"/files/\"},\n                        //     // {\"name\":\"VIEW DEPOSIT STRUCTURE\", \"link\":\"/files/\"},\n                        //     {\"name\":\"DOWNLOAD ALL FLOOR PLANS\", \"link\":\"/files/virtual/virtualPresentation/Arista_NewKlein_20TownFPBook_030123.pdf\"},\n                        // ],\n                        \"multiElev\":true,\n                        \"elevBtn\":{\n                            \"elevA\":{\"diplayName\":\"Elevation A\"},\n                            \"elevB\":{\"diplayName\":\"Elevation B\"},\n                        },\n                        \"models\":{\n                            \"elevA\":[\n                                    {\n                                        \"name\":\"THE SPRING\",\n                                        \"extra\":\"Elev. A\",\n                                        \"sqft\":\"2,001\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Spring.pdf\",\n                                        \"width\":\"22.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE GULF\",\n                                        \"extra\":\"Elev. A\",\n                                        \"sqft\":\"1,655\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Gulf.pdf\",\n                                        \"width\":\"18.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE CREEK\",\n                                        \"extra\":\"Elev. A\",\n                                        \"sqft\":\"1,780\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Creek.pdf\",\n                                        \"width\":\"18.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE CANAL\",\n                                        \"extra\":\"Elev. A\",\n                                        \"sqft\":\"1,877\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Canal.pdf\",\n                                        \"width\":\"18.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE BROOK\",\n                                        \"extra\":\"Elev. A\",\n                                        \"sqft\":\"2,056\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Brook.pdf\",\n                                        \"width\":\"22%\"\n                                    }\n                            ],\n                            \"elevB\":[\n                                    {\n                                        \"name\":\"THE BROOK\",\n                                        \"extra\":\"Elev. B\",\n                                        \"sqft\":\"2,046\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Brook.pdf\",\n                                        \"width\":\"26.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE CANAL\",\n                                        \"extra\":\"Elev. B\",\n                                        \"sqft\":\"1,876\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Canal.pdf\",\n                                        \"width\":\"16%\"\n                                    },\n                                    {\n                                        \"name\":\"THE CREEK\",\n                                        \"extra\":\"Elev. B\",\n                                        \"sqft\":\"1,784\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Creek.pdf\",\n                                        \"width\":\"16.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE GULF\",\n                                        \"extra\":\"Elev. B\",\n                                        \"sqft\":\"1,655\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Gulf.pdf\",\n                                        \"width\":\"16.5%\"\n                                    },\n                                    {\n                                        \"name\":\"THE SPRING\",\n                                        \"extra\":\"Elev. B\",\n                                        \"sqft\":\"2,002\",\n                                        \"btn\":\"VIEW FLOOR PLAN\",\n                                        \"btnLink\":\"/files/virtual/town/The-Spring.pdf\",\n                                        \"width\":\"24.5%\"\n                                    }\n                            ],\n                         },\n                    },\n                    \"40singles\":{\n                        \"diplayName\":\"40’ SINGLES\",\n                        \"color\":\"#333\",\n                        \"bgcolor\":\"#5ab2c0\",\n                        \"type\":\"detached\",\n                        \"multiElev\":false,\n                        \"models\":[\n                            {\n                                \"name\":\"BEAVER\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/40/beaver.jpg\",\n                                \"sqftMin\":\"1780\",\n                                \"sqft\":\"1,780 sq.ft</br>1,780 sq.ft</br>1,780 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/40/Beaver.pdf\",\n                            },\n                            {\n                                \"name\":\"COLDWATER\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/40/coldwater.jpg\",\n                                \"sqftMin\":\"2270\",\n                                \"sqft\":\"2,277 sq.ft</br>2,276 sq.ft</br>2,270 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/40/Coldwater.pdf\",\n                            },\n                            {\n                                \"name\":\"MARINE\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/40/marine.jpg\",\n                                \"sqftMin\":\"2805\",\n                                \"sqft\":\"2,812 sq.ft</br>2,811 sq.ft</br>2,809 sq.ft</br>2,805 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/40/Marine.pdf\",\n                            },\n                            {\n                                \"name\":\"NOTTAWASAGA\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/40/nottawasaga.jpg\",\n                                \"sqftMin\":\"1387\",\n                                \"sqft\":\"1,387 sq.ft</br>1,387 sq.ft</br>1,387 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/40/Nottawasaga.pdf\",\n                            },\n                            {\n                                \"name\":\"SEVERN\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/40/severn.jpg\",\n                                \"sqftMin\":\"2065\",\n                                \"sqft\":\"2,051 sq.ft</br>2,065 sq.ft</br>2,105 sq.ft</br>2,065 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/40/Severn.pdf\",\n                            }\n                        ]\n                    },\n                    \"43singles\":{\n                        \"diplayName\":\"43’ SINGLES\",\n                        \"color\":\"#333\",\n                        \"bgcolor\":\"#628b99\",\n                        \"type\":\"detached\",\n                        \"multiElev\":false,\n                        \"models\":[\n                            {\n                                \"name\":\"BOWERS\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/43/bowers.jpg\",\n                                \"sqftMin\":\"2217\",\n                                \"sqft\":\"2,222 sq.ft</br>2,218 sq.ft</br>2,217 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Bowers.pdf\",\n                            },\n                            {\n                                \"name\":\"COBOURG\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/43/coburg.jpg\",\n                                \"sqftMin\":\"3110\",\n                                \"sqft\":\"3,117 sq.ft</br>3,110 sq.ft</br>3,125 sq.ft</br>3,127 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Coburg.pdf\",\n                            },\n                            {\n                                \"name\":\"HOLLAND\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/43/holand.jpg\",\n                                \"sqftMin\":\"1649\",\n                                \"sqft\":\"1,649 sq.ft</br>1,649 sq.ft</br>1,649 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Holand.pdf\",\n                            },\n                            {\n                                \"name\":\"HURON\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/43/huron.jpg\",\n                                \"sqftMin\":\"2651\",\n                                \"sqft\":\"2,654 sq.ft</br>2,651 sq.ft</br>2,654 sq.ft</br>2,668 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Huron.pdf\",\n                            },\n                            {\n                                \"name\":\"MARL\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/43/marl.jpg\",\n                                \"sqftMin\":\"2425\",\n                                \"sqft\":\"2,425 sq.ft</br>2,441 sq.ft</br>2,429 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Marl.pdf\",\n                            },\n                            {\n                                \"name\":\"SAUBLE\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/43/sauble.jpg\",\n                                \"sqftMin\":\"2164\",\n                                \"sqft\":\"2,164 sq.ft</br>2,164 sq.ft</br>2,164 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Sauble.pdf\",\n                            },\n                            {\n                                \"name\":\"TALBOT\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/43/talbot.jpg\",\n                                \"sqftMin\":\"1564\",\n                                \"sqft\":\"1,564 sq.ft</br>1,568 sq.ft</br>1,568 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/43/Talbot.pdf\",\n                            }\n                        ]\n                    },\n                    \"50singles\":{\n                        \"diplayName\":\"50’ SINGLES\",\n                        \"color\":\"#fff\",\n                        \"bgcolor\":\"#263a53\",\n                        \"type\":\"detached\",\n                        \"multiElev\":false,\n                        \"models\":[\n                            {\n                                \"name\":\"BONDI\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/50/bondi.jpg\",\n                                \"sqftMin\":\"3638\",\n                                \"sqft\":\"3,638 sq.ft</br>3,638 sq.ft</br>3,670 sq.ft</br>3,699 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Bondi.pdf\",\n                            },\n                            {\n                                \"name\":\"DORAN\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/50/doran.jpg\",\n                                \"sqftMin\":\"1652\",\n                                \"sqft\":\"1,652 sq.ft</br>1,652 sq.ft</br>1,656 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Doran.pdf\",\n                            },\n                            {\n                                \"name\":\"HUMBER\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/50/humber.jpg\",\n                                \"sqftMin\":\"2701\",\n                                \"sqft\":\"2,701 sq.ft</br>2,722 sq.ft</br>2,748 sq.ft</br>2,756 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Humber.pdf\",\n                            },\n                            {\n                                \"name\":\"NIPISSING\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C</br>Elev. D\",\n                                \"modelImg\":\"/img/virtual/50/nipissing.jpg\",\n                                \"sqftMin\":\"3098\",\n                                \"sqft\":\"3,098 sq.ft</br>3,157 sq.ft</br>3,139 sq.ft</br>3,154 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Nipissing.pdf\",\n                            },\n                            {\n                                \"name\":\"PINE\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/50/pine.jpg\",\n                                \"sqftMin\":\"2500\",\n                                \"sqft\":\"2,500 sq.ft</br>2,560 sq.ft</br>2,500 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Pine.pdf\",\n                            },\n                            {\n                                \"name\":\"SEPODY\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/50/sepody.jpg\",\n                                \"sqftMin\":\"1763\",\n                                \"sqft\":\"1,763 sq.ft</br>1,778 sq.ft</br>1,778 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Sepody.pdf\",\n                            },\n                            {\n                                \"name\":\"SPRINGWATER\",\n                                \"extra\":\"\",\n                                \"elev\":\"Elev. A</br>Elev. B</br>Elev. C\",\n                                \"modelImg\":\"/img/virtual/50/springwater.jpg\",\n                                \"sqftMin\":\"2260\",\n                                \"sqft\":\"2,267 sq.ft</br>2,260 sq.ft</br>2,260 sq.ft\",\n                                \"btn\":\"VIEW FLOOR PLAN\",\n                                \"btnLink\":\"/files/virtual/50/Springwater.pdf\",\n                            }\n                        ]\n                    }\n                },\n                modelGneralInfo:{\n                    \"relatedlinks\":[\n                        {\"name\":\"VIEW SITE PLAN\", \"link\":\"/files/seatonville/virtualPresentation/Seatonville-Site-Plan.pdf\"},\n                        // {\"name\":\"VIEW AGREEMENT OF PURCHASE & SALE\", \"link\":\"/files/seatonville/virtualPresentation/APSDRAFT.pdf\"},\n                        // {\"name\":\"VIEW DEPOSIT STRUCTURE\", \"link\":\"/files/\"},\n                        // {\"name\":\"DOWNLOAD ALL FLOOR PLANS\", \"link\":\"/files/seatonville/virtualPresentation/Arista_NewKlein_20'TownFPBook_030123_3_WEB.pdf\"},\n                        // {\"name\":\"VIEW FEATURES AND FINISHES\", \"link\":\"/files/seatonville/virtualPresentation/Seatonville-Features-&-Finishes.pdf\"},\n                        {\"name\":\"VIEW TOWNHOME APS\", \"link\":\"/files/seatonville/virtualPresentation/Seatonville_FullAPS_TOWNS.pdf\"},\n                        {\"name\":\"VIEW DETACHED APS\", \"link\":\"/files/seatonville/virtualPresentation/Seatonville_FullAPS_SINGLES.pdf\"},\n                        {\"name\":\"VIEW TOWNHOME BROCHURE\", \"link\":\"/files/seatonville/virtualPresentation/Seatonville-Townhome-Brochure.pdf\"},\n                        {\"name\":\"VIEW DETACHED BROCHURE\", \"link\":\"/files/seatonville/virtualPresentation/Seatonville-Detached-Brochure.pdf\"},\n                        {\"name\":\"VIEW DEPOSIT STRUCTURE AND BONUS\", \"link\":\"/files/seatonville/virtualPresentation/Deposit-Structure-&-Bonus-Sheet.pdf\"},\n                        {\"name\":\"VIEW DARE TO COMPARE HANDOUT\", \"link\":\"/files/seatonville/virtualPresentation/Dare-To-Compare-Sheet.pdf\"},\n                        // {\"name\":\"VIEW ARISTA VALUE-ADDED FEATURES\", \"link\":\"/files/seatonville/virtualPresentation/Arista_NewKlein_DepositStructure_Handout_033023_6_UPGRADES_HR.pdf\"},\n                    ],\n                },\n            }\n        },\n        created(){\n            this.currentTab = Object.keys(this.modelInfo)[0];\n            this.currentData = this.modelInfo[this.currentTab];\n\n            if(this.currentData[\"type\"] == \"town\"){\n            //if its \"multiElev\":true, then get initial elevation info.\n                if(this.currentData[\"multiElev\"]){\n                    // if its \"multiElev\":true, to find the first elevation's value\n                    this.currentElev = Object.keys(this.currentData.models)[0];\n                    // if its \"multiElev\":true, to genrate Elevation buttons' data\n                    for(const prop in this.currentData[\"elevBtn\"]){\n                        this.currentElevs[prop] = this.currentData[\"elevBtn\"][prop][\"diplayName\"];\n                    }\n                    // console.log(this.currentElevs);\n                }else{\n                    // set up multi elevation tabs\n                    this.currentElev = \"\";\n                    this.currentElevs = {};\n                }\n            }else if(this.currentData[\"type\"] == \"detached\"){\n                // set up multi elevation tabs\n                this.currentElev = \"\";\n                this.currentElevs = {};\n                //sort model for detached here\n                // this.currentData.models = _.orderBy(this.currentData.models, ['sqftMin'], ['asc']);\n                console.log(\"detach all - created\");\n            }\n\n            for(const prop in this.modelInfo){\n                // this.tabs[prop] = this.modelInfo[prop][\"diplayName\"];\n                this.tabs[prop] = {};\n                this.tabs[prop][\"name\"] = this.modelInfo[prop][\"diplayName\"];\n                this.tabs[prop][\"color\"] = this.modelInfo[prop][\"color\"];\n                this.tabs[prop][\"bgcolor\"] = this.modelInfo[prop][\"bgcolor\"];\n                // console.log(this.tabs[prop]);\n                // console.log(this.tabs[prop][\"name\"]);\n                // this.tabs[prop] = this.modelInfo[prop][\"diplayName\"];\n                // this.tabs[prop+\"Color\"] = this.modelInfo[prop][\"color\"];\n                // assign button's key and value (display name)\n            }\n            // console.log(this.currentData);\n            // console.log(this.tabs);\n            // console.log(this.currentElev);\n        },\n        updated(){\n            // console.log(\"updated\");\n            // console.log(gsap);\n            // console.log(this.currentTab);\n            // this.formerElev = this.currentElev;\n            // console.log(this.formerElev, this.currentElev);\n            if(this.currentData[\"type\"] == \"detached\"){\n                jq(\".modelsOutWrapDetached .detachedItems\").addClass(\"fade-in\");\n                // setTimeout(() => {\n                //     jq(\".modelsOutWrapDetached .detachedItems\").removeClass(\"fade-in\");\n                // }, 1500);\n            // }else if(this.currentData[\"type\"] == \"town\" && this.formerElev != this.currentElev){\n            //     console.log(\"toggle elev\");\n            //     jq(\".modelsOutWrap .imgContainner\").addClass(\"fade-in\");\n            //     this.formerElev = this.currentElev;\n            //     setTimeout(() => {\n            //        jq(\".modelsOutWrap .imgContainner\").removeClass(\"fade-in\"); \n            //     }, 1500);\n            }else if(this.currentData[\"type\"] == \"town\"){\n                jq(\".modelsOutWrap .imgContainner\").addClass(\"fade-in\");\n                this.formerElev = this.currentElev;\n            }\n            \n            \n        },\n        mounted(){\n            // console.log(this.currentTab);\n            this.currentData = this.modelInfo[this.currentTab];\n            this.sortDetachModel(this.currentData);\n            this.$nextTick(()=>{\n                setTimeout(()=>{\n                    this.checkUrlAction()\n                }, 1000)\n            })\n        },\n        methods: {\n            checkUrlAction(){\n                /**check URL fp link via eblast, toggle to the proper tab at F.P section \n                 * e.g. https://riversedgewasaga.ca/?goto=virtual-presentation&fpOpen=40singles&modelOpen=2\n                 * */\n                this.query = this.$route.query;\n                let fpOpen = this.$route.query[\"fpOpen\"];\n                let modelOpen = this.$route.query[\"modelOpen\"];\n                console.log(fpOpen);\n                if(fpOpen){\n                    this.changeData(fpOpen);\n                };\n                if(modelOpen){\n                    this.changeCurrentSliceInx(modelOpen);\n                }\n            },\n            changeData(currentTab) {\n                this.currentTab = currentTab;\n                this.currentData = this.modelInfo[currentTab];\n                console.log(\"######\");\n                // console.log(this.currentData);\n                if(this.currentData[\"type\"] == \"town\"){\n                    if(this.modelInfo[currentTab][\"multiElev\"]){\n                        // if its \"multiElev\":true, to find the first elevation's value\n                        this.currentElev = Object.keys(this.currentData.models)[0];\n                        // if its \"multiElev\":true, to genrate Elevation buttons' data\n                        for(const prop in this.currentData[\"elevBtn\"]){\n                            this.currentElevs[prop] = this.currentData[\"elevBtn\"][prop][\"diplayName\"];\n                        }\n                        // console.log(this.currentElevs);\n                        console.log(\"change data\");\n                    }else{\n                        // set up multi elevation tabs\n                        this.currentElev = \"\";\n                        this.currentElevs = {};\n                    }\n                    // re-initial black slice pos\n                    this.initialSliceIndex_D();\n                    this.initialSliceIndex_M();\n                }else if(this.currentData[\"type\"] == \"detached\"){\n                    // set up multi elevation tabs\n                    this.currentElev = \"\";\n                    this.currentElevs = {};\n                    console.log(\"detach all\");\n                    //sort sqftMin for detached models\n                    this.sortDetachModel(this.currentData);\n                    console.log(this.currentData);\n                }\n            },\n            changeElev(currentElev){\n                this.currentElev = currentElev;\n                this.initialSliceIndex_D();\n                this.initialSliceIndex_M();\n                // console.log(this.currentElev);\n            },\n            changeCurrentSliceInx(ind){\n                this.currentSliceIndex = ind;\n                // console.log(\"tab\",this.currentSliceIndex);\n            },\n            changeCurrentSliceInxByArrow(dir){\n                if(Number(this.currentSliceIndex) + Number(dir) >= 0){\n                    if(this.modelInfo[this.currentTab][\"multiElev\"]){\n                        if (Number(this.currentSliceIndex) + Number(dir) < Number(this.currentData.models[this.currentElev].length)){\n                           this.currentSliceIndex = Number(this.currentSliceIndex) + Number(dir);\n                        }\n                    }else{\n                        if (Number(this.currentSliceIndex) + Number(dir) < Number(this.currentData.models.length)){\n                           this.currentSliceIndex = Number(this.currentSliceIndex) + Number(dir);\n                        }\n                    }\n                }\n                // console.log(\"Arrow\", this.currentSliceIndex);\n            },\n            initialSliceIndex_D(){\n                if(jq(window).width() >= 450){\n                    this.currentSliceIndex = 0;\n                    // console.log(\"re-init=============\")\n                }\n            },\n            initialSliceIndex_M(){\n                if(jq(window).width() < 450){\n                    this.currentSliceIndex = 0;\n                }\n            },\n            sortDetachModel(curData){\n                if(curData.models && curData.type == \"detached\"){\n                    curData.models = _.orderBy(curData.models, ['sqftMin'], ['asc']);\n                    // console.log(\"sorted\");\n                }\n            }\n        },\n        computed: {\n            bgMoveMatch() {\n                let currentModelSet, tempBgPos = {}, tempPosNumber = 0;\n                //if there is multi-elevation\n                if(this.currentData[\"multiElev\"]){\n                    currentModelSet = this.currentData.models[this.currentElev];\n                    currentModelSet.forEach(function (item, index) {\n                        if(index == 0){\n                            tempBgPos[index] = tempPosNumber;\n                        }else{\n                            tempPosNumber = tempPosNumber + Number(currentModelSet[index-1].width.replace(\"%\", \"\"));\n                            tempBgPos[index] = tempPosNumber;\n                        }\n                    });\n                    // console.log(tempBgPos);\n                    return {\n                        \"pos\":tempBgPos[this.currentSliceIndex], \n                        \"src\":this.currentData.bgImg[this.currentElev], \n                        \"model\": this.currentData.models[this.currentElev][this.currentSliceIndex]\n                    };\n                }else{\n                    currentModelSet = this.currentData.models;\n                    currentModelSet.forEach(function (item, index) {\n                        if(index == 0){\n                            tempBgPos[index] = tempPosNumber;\n                        }else{\n                            tempPosNumber = tempPosNumber + Number(currentModelSet[index-1].width.replace(\"%\", \"\"));\n                            tempBgPos[index] = tempPosNumber;\n                        }\n                    });\n                    // console.log(tempBgPos);\n                    return {\n                        \"pos\":tempBgPos[this.currentSliceIndex], \n                        \"src\":this.currentData.bgImg, \n                        \"model\": this.currentData.models[this.currentSliceIndex]\n                    };\n                }\n                \n            }\n        },\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./assets/styles/variables\";\n#virtualPresentaionSec{\n    .wrap{\n        padding-top:3rem;\n        padding-bottom:3rem;\n        .title{}\n        .funcBtns{\n            .btnItem{\n                padding-left:2rem;\n                padding-right:2rem;\n                border-right:solid 2px #333;\n                color: $m-blue;\n                &:first-of-type{\n                    padding-left:0rem;\n                }\n                &:last-of-type{\n                    border-right:none;\n                }\n            }\n        }\n        .tabToggleWrap{\n            display: flex;\n            flex-direction: row;\n            flex-wrap: wrap;\n            justify-content: center;\n            margin:1rem auto 2rem auto;\n            @media screen and (max-width:450px){\n                justify-content: flex-start;\n                margin:1rem auto;\n            }\n            .active{\n                // font-weight:bold;\n            }\n            .oneBtn{\n                padding:0px 10px;\n                margin:10px 0px;\n                font-size:1.35rem;\n                min-width:240px;\n                cursor: pointer;\n                // border-right: 2px solid #008C99;\n                // &:last-of-type{\n                //     border-right:none;\n                // }\n                @media screen and (max-width:450px){\n                    font-size:0.85rem;\n                    min-width:100px;\n                }\n                .btnItem{\n                    border-bottom: solid 2px;\n                }\n            }\n        }\n        .elevToggleWrap{\n            display: flex;\n            flex-direction: row;\n            justify-content: flex-start;\n            height: calc(2rem + 5px);\n            cursor: pointer;\n            border-bottom: 5px solid rgba(39,87,107,0.8);\n            &.detached{\n                border-bottom: 5px solid transparent;\n            }\n            .elevBtn{\n                width:10rem;\n                height: 2rem;\n                background-color: rgba(39,87,107,0.25);\n                transition: all 0.25s ease;\n                padding-top:0.25rem;\n                .textDecor{\n                    height: 1.75rem;\n                    display: inline-block;\n                    -webkit-box-shadow: inset 0px 0px 0px 0px #fff; \n                    box-shadow: inset 0px 0px 0px 0px #fff;\n                }\n                &.active{\n                    // font-weight:bold;\n                    color: #fff;\n                    background-color: rgba(39,87,107,0.8);\n                    .textDecor{\n                        height: 1.75rem;\n                        display: inline-block;\n                        -webkit-box-shadow: inset 0px -2px 0px 0px #fff; \n                        box-shadow: inset 0px -2px 0px 0px #fff;\n                    }\n                }\n            }\n            \n        }\n        .modelsOutWrap{\n            height:auto;\n            @media screen and (max-width:450px){\n                // height:110vh;\n            }\n            .modelsWrap{\n                position: relative;\n                @media screen and (max-width:450px){\n                    // transform:rotate(90deg) scale(2) translateX(150px);\n\n                }\n                .imgContainner{\n                    width:100%;\n                }\n                .modelSlice{\n                    display:flex;\n                    flex-direction:row;\n                    justify-content:flex-start;\n                    width:100%;\n                    height: 100%;\n                    position: absolute;\n                    top:0px;\n                    left:0px;\n                    @media screen and (max-width:450px){\n                        // transform:rotate(90deg);\n                    }\n                    .oneSlice{\n                        height: 100%;\n                        // &:hover, &.defaultStyle:first-of-type{\n                        &:hover, &.defaultStyle{\n                            .sliceContent{\n                                -webkit-animation: fade-in 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                animation: fade-in 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                background-color: rgba(0,0,0,0);\n                                -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);\n                                -moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);\n                                box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);\n                                .title1{\n                                    // opacity:1;\n                                    -webkit-animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation-name: fade-in, slide-in-bottom;\n                                }\n                                .extraInfo{\n                                    -webkit-animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation-name: fade-in, slide-in-bottom;\n                                }\n                                .sqft{\n                                    -webkit-animation: fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation: fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation-name: fade-in, slide-in-bottom;\n                                }\n                                .aLink{\n                                    -webkit-animation: fade-in 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation: fade-in 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                                    animation-name: fade-in, slide-in-bottom;\n                                }\n                            }\n                        }\n                        .sliceContent{\n                            background-color: rgba(0,0,0,0);\n                            height: 100%;\n                            display: flex;\n                            flex-direction: column;\n                            justify-content: space-between;\n                            align-items: center;\n                            .topPart{\n                                width:100%;\n                                padding:0.5rem 0.3rem;\n                                .title1{\n                                    // font-size: 1.5rem;\n                                    font-size: 1rem;\n                                    line-height: 120%;\n                                    opacity:0;\n                                    // transition:opacity .3s ease-in-out 0s;\n                                    @media screen and (max-width:1300px){\n                                        font-size: 1.25rem;\n                                    }\n                                    @media screen and (max-width:992px){\n                                        font-size: 1.1rem;\n                                    }\n                                    @media screen and (max-width:450px){\n                                        font-size: 0.5rem;\n                                    }\n                                }\n                                .topPartDetail{\n                                    display: flex;\n                                    flex-direction: row;\n                                    justify-content: center;\n                                    .extraInfo{\n                                        // font-size: 1.5rem;\n                                        font-size: 1rem;\n                                        opacity:0;\n                                        line-height: 100%;\n                                        // transition:opacity .3s ease-in-out 0s;\n                                        border-right:#333 1px solid;\n                                        padding-right:0.5rem;\n                                        @media screen and (max-width:1300px){\n                                            font-size: 0.75rem;\n                                        }\n                                        @media screen and (max-width:992px){\n                                            font-size: 0.75rem;\n                                        }\n                                        @media screen and (max-width:450px){\n                                            font-size: 0.5rem;\n                                            padding-right:0.25rem;\n                                        }\n                                    }\n                                    .sqft{\n                                        opacity:0;\n                                        // transition:opacity .3s ease-in-out 0s;\n                                        font-size: 1rem;\n                                        line-height: 100%;\n                                        padding-left:0.5rem;\n                                        @media screen and (max-width:1300px){\n                                            font-size: 0.75rem;\n                                        }\n                                        @media screen and (max-width:992px){\n                                            font-size: 0.75rem;\n                                        }\n                                        @media screen and (max-width:450px){\n                                            font-size: 0.5rem;\n                                            padding-left:0.25rem;\n                                        }\n                                    }\n                                }\n                            }\n                            .townLinkWrap{\n                                width:100%;\n                                padding:0.5rem;\n                                .aLink{\n                                    // width:80%;\n                                    margin-top:2rem;\n                                    opacity:0;\n                                    // transition:opacity .3s ease-in-out 0s;\n                                    color: #333;\n                                    @media screen and (max-width:450px){\n                                        margin-top:2rem;\n                                    }\n                                    &:hover{\n                                        text-decoration: none;\n                                        color: #333;\n                                    }\n                                    .linkBtn{\n                                        text-align: center;\n                                        padding:5px 0px;\n                                        max-width:100%;\n                                        border: 1px  solid;\n                                        font-size:12px;\n                                        color: #333;\n                                        @media screen and (max-width:1300px){\n                                            font-size:10px;\n                                        }\n                                        @media screen and (max-width:450px){\n                                            font-size: 0.3rem;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        .modelsOutWrapDetached{\n            display: flex;\n            flex-flow: row wrap;\n            justify-content: flex-start;\n            .detachedItems{\n                width:32.25%;\n                margin:1% 1% 0 0;\n                position: relative;\n                overflow: hidden;\n                &:nth-of-type(3n){\n                    margin-right:0px;\n                }\n                @media screen and (max-width:768px){\n                    width:49.5%;\n                    margin:1% 1% 0 0;\n                    &:nth-of-type(3n){\n                        margin-right:1%;\n                    }\n                    &:nth-of-type(2n){\n                        margin-right:0px;\n                    }\n                    \n                }\n                \n                .details{\n                    position: absolute;\n                    top:100%;\n                    left:0;\n                    width:100%;\n                    height: 100%;\n                    background-color: rgba(0, 0, 0, 0.5);\n                    display: flex;\n                    flex-direction: column;\n                    justify-content: center;\n                    align-items: center;\n                    .sBayLogo{\n                        width:70%;\n                        max-width:70px;\n                        margin:1rem auto;\n                        opacity:0;\n                        @media screen and (max-width:450px){\n                            max-width:45px;\n                            margin:0rem auto 0.25rem auto;\n                        }\n                    }\n                    .title1{\n                        font-size: 1.5rem;\n                        line-height: 120%;\n                        opacity:0;\n                        // transition:opacity .3s ease-in-out 0s;\n                        @media screen and (max-width:1300px){\n                            font-size: 1.5rem;\n                        }\n                        @media screen and (max-width:992px){\n                            font-size: 1.25rem;\n                        }\n                        @media screen and (max-width:450px){\n                            font-size: 1rem;\n                        }\n                    }\n                    .extraInfo{\n                        font-size: 1.5rem;\n                        line-height: 120%;\n                        opacity:0;\n                        // transition:opacity .3s ease-in-out 0s;\n                        @media screen and (max-width:1300px){\n                            font-size: 1.25rem;\n                        }\n                        @media screen and (max-width:992px){\n                            font-size: 1.25rem;\n                        }\n                        @media screen and (max-width:450px){\n                            font-size: 0.75rem;\n                        }\n                    }\n                    .midWrap{\n                        display: flex;\n                        flex-direction: row;\n                        justify-content: center;\n                        .sqft{\n                            opacity:0;\n                            // transition:opacity .3s ease-in-out 0s;\n                            font-size: 0.85rem;\n                            border-right: #fff 1px solid;\n                            line-height: 100%;\n                            padding:0 0.5rem;\n                            margin:0.5rem auto;\n                            &:last-of-type{\n                                border-right:none;\n                            }\n                            @media screen and (max-width:1300px){\n                                font-size: 0.85rem;\n                            }\n                            @media screen and (max-width:992px){\n                                font-size: 0.85rem;\n                            }\n                            @media screen and (max-width:450px){\n                                font-size: 0.75rem;\n                                padding:0 0.5rem;\n                                margin:0.15rem auto;\n                            }\n                        }\n                    }\n                    .aLink{\n                        width:50%;\n                        min-width:100px;\n                        margin-top:0.5rem;\n                        opacity:0;\n                        // transition:opacity .3s ease-in-out 0s;\n                        color:#fff;\n                        @media screen and (max-width:450px){\n                            width:80%;\n                            margin-top:0.25rem;\n                        }\n                        &:hover{\n                            text-decoration: none;\n                            color:#fff;\n                        }\n                        .linkBtn{\n                            text-align: center;\n                            margin-top:0.5rem;\n                            padding:3px 0px;\n                            width:100%;\n                            border: 1px  solid;\n                            font-size:14px;\n                            color:#fff;\n                            @media screen and (max-width:1300px){\n                                font-size:12px;\n                            }\n                            @media screen and (max-width:450px){\n                                margin-top:0;\n                                font-size: 10px;\n                                padding:3px 5px;\n                            }\n                        }\n                    }\n                }\n            }\n            .defaultStyle{\n                .bgColorLayerDetach{\n                    width:100%;\n                    height: 100%;\n                    position: absolute;\n                    top:0;\n                    opacity: 0.8;\n                }\n                .details{\n                    position: absolute;\n                    top:0;\n                    -webkit-animation: fade-in 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                    animation: fade-in 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                    background-color: rgba(0,0,0,0);\n                    color:#fff;\n                    .sBayLogo{\n                        -webkit-animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation-name: fade-in, slide-in-bottom;\n                    }\n                    .title1{\n                        // opacity:1;\n                        -webkit-animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation-name: fade-in, slide-in-bottom;\n                    }\n                    .extraInfo{\n                        -webkit-animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation: fade-in 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation-name: fade-in, slide-in-bottom;\n                    }\n                    .sqft{\n                        -webkit-animation: fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation: fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation-name: fade-in, slide-in-bottom;\n                    }\n                    .aLink{\n                        -webkit-animation: fade-in 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation: fade-in 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;\n                        animation-name: fade-in, slide-in-bottom;\n                    }\n                }\n            }\n        }\n        // styles for mobile - townhomes\n        .bigBgWrap_M{\n            display: none;\n            @media screen and (max-width:450px){\n                display: flex;\n                flex-direction: row;\n                width:100%;\n                margin-top:20px;\n            }\n            .left{\n                width:22%;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n                .arrowL{\n                    width:30px;\n                    height: 30px;\n                }\n            }\n            .middle{\n                width:55%;\n                .bgWrap{\n                    width:100%;\n                    overflow: hidden;\n                    // margin:20px auto 0 auto;\n                    .rescaleImg{\n                        height: 60vh;\n                        .imgMover{\n                            height:100%; \n                            width:auto;\n                            transition:all 0.5s ease;\n                        }\n                    }\n                }\n                .textWrap{\n                    width:100%;\n                    margin:0 auto;\n                    background-color:#008C99;\n                    color:#fff;\n                    padding:10px;\n                    .title{\n                        line-height: 110%;\n                        font-size: 1.15rem;\n                    }\n                    .topPartDetailMobile{\n                        margin:0.5rem auto;\n                        .extra{\n                            line-height: 110%;\n                            // height: 20px;\n                            font-size: 0.75rem;\n                            border-right:solid 1px #333;\n                            padding-right:0.5rem;\n                        }\n                        .sqft{\n                            line-height: 110%;\n                            // padding:0 0 5px 0;\n                            font-size: 0.75rem;\n                            padding-left:0.5rem;\n                        }\n                    }\n                    .aLink{\n                        width:80%;\n                        margin-top:2rem;\n                        // opacity:0;\n                        // transition:opacity .3s ease-in-out 0s;\n                        @media screen and (max-width:450px){\n                            margin-top:2rem;\n                        }\n                        &:hover{\n                            text-decoration: none;\n                        }\n                        .linkBtn{\n                            color:#fff;\n                            text-align: center;\n                            padding:5px 0px;\n                            width:100%;\n                            border: 1px  solid;\n                            font-size:12px;\n                            @media screen and (max-width:1300px){\n                                font-size:10px;\n                            }\n                            @media screen and (max-width:450px){\n                                padding:3px 0px;\n                                font-size: 0.75rem;\n                            }\n                        }\n                    }\n                }\n            }\n            .right{\n                width:22%;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n                .arrowR{\n                    width:30px;\n                    height: 30px;\n                    transform: rotate(180deg);\n                }\n            }\n        }\n        .bigBgWrapDetached_M{\n            display: none;\n            @media screen and (max-width:450px){\n                display: flex;\n                flex-direction: row;\n                width:100%;\n                margin-top:20px;\n            }\n        }\n        .relatedLink{\n            display: flex;\n            flex-flow:row wrap;\n            width:90%;\n            margin:1rem auto;\n            @media screen and (max-width:500px) {\n                flex-flow:row wrap; \n            }\n            .oneBtn{\n                // width:calc(33% - 2px);\n                width:calc(50% - 2px);\n                background-color:#008C99;\n                color:#fff;\n                margin: 0px 2px 2px 0px;\n                @media screen and (max-width:768px){\n                    width:100%;\n                    margin: 0px 0px 2px 0px;\n                }\n                @media screen and (max-width:450px){\n                    width:100%;\n                    margin: 0px 0px 10px 0px;\n                }\n                .oneBtnLink{\n                    color:#fff;\n                    padding:5px;\n                    display:block;\n                    font-size:1rem;\n                }\n            }\n        }\n    }\n}\n</style>\n<style lang=\"scss\">\n.shrink{\n    font-size: 1rem;\n    line-height: 120%;\n    font-weight: 700;\n    @media screen and (max-width:450px){\n        font-size: 0.3rem;\n    }\n}\n</style>","import { render, staticRenderFns } from \"./VirtualPresentationTownDetached.vue?vue&type=template&id=92e916f8&scoped=true&\"\nimport script from \"./VirtualPresentationTownDetached.vue?vue&type=script&lang=js&\"\nexport * from \"./VirtualPresentationTownDetached.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VirtualPresentationTownDetached.vue?vue&type=style&index=0&id=92e916f8&lang=scss&scoped=true&\"\nimport style1 from \"./VirtualPresentationTownDetached.vue?vue&type=style&index=1&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  \"92e916f8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}