{
    "componentChunkName": "component---src-pages-slideshow-js",
    "path": "/touchscreens/DL02/slideshow/45",
    "result": {"data":{"strapiSlideshows":{"Slideshow":[{"Body":"(1865–1940)\n \n**Arch Logan, the best-known of the Logan brothers, was the outstanding figure in New Zealand yacht designing for some 45 years from the mid 1890s.**\n\n---\n\n**Son of Robert Logan Sr**\n\nArchibald Logan was born in Scotland, as were his older brothers, Jock (John) and Robert Jr. In 1874, the family emigrated to Auckland. Their father, Robert Logan Sr, quickly became a renowned boatbuilder there.\n\n**Logan Brothers**\n\nAfter Arch had finished his schooling, he joined Robert Jr and Jock in their father’s firm. In 1892, Robert Jr and Arch went out on their own as R. & A. Logan. When their brother John joined them shortly after, they became Logan Bros. ","Credit":"Photographer unknown, reproduced courtesy of Royal New Zealand Yacht Squadron","MediaCaption":"The sons of Robert Logan Sr: front – Arch (Archibald), Jock (John), and Robert Jr, who together formed Logan Brothers; back – James (standing) and William.","Title":"ARCH LOGAN","PlayIconStyle":null,"id":158,"Media":{"localFile":{"publicURL":"/static/7f811cce378e0dd7c2ae11eebb8980a1/Image_1_Portrait_of_Logan_Brothers_20ad022bab.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**Modern design**\n\nArch Logan quickly became the firm’s main designer – one of the best in the southern hemisphere. This soft-spoken man was the most avant-garde of the sons. \n\nArch’s *Ariki* (1904) dominated Auckland yachting for more than 30 years. Other race-winning keel yachts included *Moana*, *Rainbow*, *Rawhiti*, and *Rawene* – all still sailing today. Arch also designed centreboarders, pleasure launches, and commercial boats. \n\nLogan Brothers’ high-quality work, which incorporated the latest international trends, brought them national and international recognition. Their rivalry with the Bailey brothers constantly challenged them to excel. ","Credit":"Photograph by Henry Winkelmann, Royal New Zealand Yacht Squadron, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"*Ariki* (1904) was Logan Bros’ tour de force. This keeler dominated Auckland yacht racing from 1904 to 1938. Built for Charles Horton, she epitomised Logan Bros’ standard of boatbuilding. ","Title":"ARCH LOGAN","PlayIconStyle":null,"id":159,"Media":{"localFile":{"publicURL":"/static/d5e4e106249df9f61f9a14a6b7bebe75/Image_2_Arch_Logan_ARIKI_1d153a1230.JPG"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**‘Wizard of Stanley Bay’**\n\nWhen Logan Bros closed in 1910 for King’s Wharf to be built on their site, Arch continued alone in Stanley Bay. Over the next 30 years, he produced designs for prominent keel yachts, launches and centreboarders, including M Class Patikis.\n\n**Influence**\n\nAs Arch aged, builders he trusted increasingly built his designs. Bill Couldrey built various boats, starting with *Little Jim II* (1934). Colin Wild built *Tawera* (1935), Arch’s last big keelboat and possibly his finest. Arch’s designs also influenced another major figure in New Zealand yachting, Des Townson.\n\nLater, Arch’s son Jack (Marmion McLay) Logan (1910–84) became a well-known designer, builder and sailor of 18-foot (5.49m) yachts.\n\n---\n\n**ON DISPLAY**\n\nSee half-models of Logan Bros yachts *Rawhiti*, *Ariki* and *Rawene* in Rise of a Yachting Nation. In the Gallery of Yachts, see the Arch Logan-designed *Mawhiti* (M Class) and *Flying Cloud II* (Silver Fern).\n\n*Ariki* is usually berthed at the Maritime Museum's marina.","Credit":"Photographer unknown, New Zealand Maritime Museum Hui Te Ananui a Tangaroa (1994.162)","MediaCaption":"Arch Logan designed and built *Valeria*, a 22-foot (6.71m) mullet boat, in 1913. She won the prized Lipton Cup six times during the 1920s and 1930s. ","Title":"ARCH LOGAN","PlayIconStyle":null,"id":160,"Media":{"localFile":{"publicURL":"/static/860e5dcd8c6b23ac55b3e93b1dbb6c5a/Image_3_Arch_Logan_VALERIA_86de04b50b.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null}],"Title":"ARCH LOGAN","id":"Slideshows_45","strapiId":45,"TimeoutOverrideSeconds":null}},"pageContext":{"id":"Slideshows_45","slideshowData":{"Slideshow":[{"Body":"(1865–1940)\n \n**Arch Logan, the best-known of the Logan brothers, was the outstanding figure in New Zealand yacht designing for some 45 years from the mid 1890s.**\n\n---\n\n**Son of Robert Logan Sr**\n\nArchibald Logan was born in Scotland, as were his older brothers, Jock (John) and Robert Jr. In 1874, the family emigrated to Auckland. Their father, Robert Logan Sr, quickly became a renowned boatbuilder there.\n\n**Logan Brothers**\n\nAfter Arch had finished his schooling, he joined Robert Jr and Jock in their father’s firm. In 1892, Robert Jr and Arch went out on their own as R. & A. Logan. When their brother John joined them shortly after, they became Logan Bros. ","Credit":"Photographer unknown, reproduced courtesy of Royal New Zealand Yacht Squadron","MediaCaption":"The sons of Robert Logan Sr: front – Arch (Archibald), Jock (John), and Robert Jr, who together formed Logan Brothers; back – James (standing) and William.","Title":"ARCH LOGAN","id":158,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/7f811cce378e0dd7c2ae11eebb8980a1/Image_1_Portrait_of_Logan_Brothers_20ad022bab.jpg"},"mime":"image/jpeg"}},{"Body":"**Modern design**\n\nArch Logan quickly became the firm’s main designer – one of the best in the southern hemisphere. This soft-spoken man was the most avant-garde of the sons. \n\nArch’s *Ariki* (1904) dominated Auckland yachting for more than 30 years. Other race-winning keel yachts included *Moana*, *Rainbow*, *Rawhiti*, and *Rawene* – all still sailing today. Arch also designed centreboarders, pleasure launches, and commercial boats. \n\nLogan Brothers’ high-quality work, which incorporated the latest international trends, brought them national and international recognition. Their rivalry with the Bailey brothers constantly challenged them to excel. ","Credit":"Photograph by Henry Winkelmann, Royal New Zealand Yacht Squadron, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"*Ariki* (1904) was Logan Bros’ tour de force. This keeler dominated Auckland yacht racing from 1904 to 1938. Built for Charles Horton, she epitomised Logan Bros’ standard of boatbuilding. ","Title":"ARCH LOGAN","id":159,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/d5e4e106249df9f61f9a14a6b7bebe75/Image_2_Arch_Logan_ARIKI_1d153a1230.JPG"},"mime":"image/jpeg"}},{"Body":"**‘Wizard of Stanley Bay’**\n\nWhen Logan Bros closed in 1910 for King’s Wharf to be built on their site, Arch continued alone in Stanley Bay. Over the next 30 years, he produced designs for prominent keel yachts, launches and centreboarders, including M Class Patikis.\n\n**Influence**\n\nAs Arch aged, builders he trusted increasingly built his designs. Bill Couldrey built various boats, starting with *Little Jim II* (1934). Colin Wild built *Tawera* (1935), Arch’s last big keelboat and possibly his finest. Arch’s designs also influenced another major figure in New Zealand yachting, Des Townson.\n\nLater, Arch’s son Jack (Marmion McLay) Logan (1910–84) became a well-known designer, builder and sailor of 18-foot (5.49m) yachts.\n\n---\n\n**ON DISPLAY**\n\nSee half-models of Logan Bros yachts *Rawhiti*, *Ariki* and *Rawene* in Rise of a Yachting Nation. In the Gallery of Yachts, see the Arch Logan-designed *Mawhiti* (M Class) and *Flying Cloud II* (Silver Fern).\n\n*Ariki* is usually berthed at the Maritime Museum's marina.","Credit":"Photographer unknown, New Zealand Maritime Museum Hui Te Ananui a Tangaroa (1994.162)","MediaCaption":"Arch Logan designed and built *Valeria*, a 22-foot (6.71m) mullet boat, in 1913. She won the prized Lipton Cup six times during the 1920s and 1930s. ","Title":"ARCH LOGAN","id":160,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/860e5dcd8c6b23ac55b3e93b1dbb6c5a/Image_3_Arch_Logan_VALERIA_86de04b50b.jpg"},"mime":"image/jpeg"}}],"Title":"ARCH LOGAN","id":"Slideshows_45","strapiId":45},"homePath":"/touchscreens/DL02","backPath":"/touchscreens/DL02/menu/4","title":"DL02 NOTABLE BOAT DESIGNERS + BUILDERS","styles":"html,body {\n  font-family: Gotham;\n  height: 100%;\n  margin: 0px;\n  padding: 0px;\n}\n\n* {\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n}\n\nh1 {\n  color: #231f20;\n  margin: -20px 0 0 0;\n  font-family: 'IndustryIncInline';\n  font-size: 80px;\n  text-transform: uppercase;\n}\n\nh3 {\n  color: #231f20;\n  font-size: 12px;\n  text-transform: uppercase;\n  line-height: 2em;\n}\n\nh3.subpage-touchscreen-title {\n  font-family: 'DIN2014';\n  font-size: 20px;\n  text-transform: uppercase;\n  margin-top: -18px;\n}\n\na {\n  text-decoration: none;\n}\n\n.menu-page-icon-container h1, .touchscreen-menu-items-container h1 {\n  width: 900px;\n  min-height: 2em;\n}\n\n.menu-page-icon-container.with-sidebar h1 {\n  width: auto !important;\n}\n\n.page-container {\n  margin: 0;\n  padding: 70px 100px 0;\n  position: relative;\n  height: 100%;\n  background: #ebebeb;\n}\n\nmain {\n  width: 1920px;\n  height: 1080px;\n}\n\n.hidden {\n  display: none;\n}\n\n.nav {\n  position: absolute;\n  top: 60px;\n  left: 0;\n  z-index: 999;\n}\n\n.nav div, .nav a {\n  display: block;\n  width: 80px;\n  height: 80px;\n  float: left;\n}\n\n.nav .home {\n  background: url(\"/SVG/Buttons/btn_home_light.svg\");\n}\n\n.nav .back {\n  background: url(\"/SVG/Buttons/btn_arrow_prev.svg\");\n}\n\n.zoom-btn, .zoom-btn-fixed {\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  top: 60px;\n  right: 0;\n  z-index: 999;\n  background: url(\"/SVG/Buttons/btn_zoom_light.svg\");\n}\n\n.zoom-btn-fixed {\n  right: 576px;\n}\n\n.play-btn {\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  top: 50%;\n  right: 50%;\n  z-index: 999;\n  background: url(\"/SVG/Buttons/btn_play.svg\");\n  margin-right: -40px;\n  margin-top: -40px;\n}\n\n.play-btn-audio {\n  display: block;\n  width: 80px;\n  height: 80px;\n  position: absolute;\n  z-index: 999;\n  background: url(\"/SVG/Buttons/btn_Audio.svg\");\n}\n\n.fancybox-button--close, .fancybox-close-small {\n  position: fixed !important;\n  width: 80px !important;\n  height: 80px !important;\n  background: url(\"/SVG/Buttons/btn_close.svg\") !important;\n}\n\n.fancybox-button--close svg, .fancybox-close-small svg {\n  display: none !important;\n}\n\n.fancybox-button--zoom {\n  display: none !important;\n}\n\n.fancybox-toolbar {\n  width: 80px;\n}\n\n.video-js {\n  background-color: #212121 !important;\n}\n\n.bg-div {\n  background-size: cover !important;\n}\n\n.bg-video {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  min-width: 100%;\n  min-height: 100%;\n  z-index: 1;\n  transition: 1s;\n}\n\n.halfFade {\n  opacity: 0.2;\n}\n\n.touchscreen-page {\n  background-color: #ebebeb00;\n}\n\n.touchscreen-page .nav {\n  opacity: 0;\n  transition: 1s;\n}\n\n.fadeIn {\n  opacity: 1 !important;\n}\n\n.touchscreen-menu-items-container {\n  transition: 1s;\n  position: absolute;\n  left: 1920px;\n  top: 0;\n  width: 1920px;\n  height: 1080px;\n  z-index: 100;\n}\n\n.touchscreen-menu-items-container-slide-in {\n  left: 0;\n}\n\n.touchscreen-menu-items {\n  z-index: 100;\n  position: relative;\n  width: 1720px;\n  text-align: center;\n}\n\n.touchscreen-menu-items a {\n  width: 600px;\n  height: 600px;\n  max-width: 600px;\n  max-height: 600px;\n  display: inline-block;\n  margin: 90px 4px 0;\n}\n\n.touchscreen-menu-items a img {\n  max-width: 600px;\n  max-height: 600px;\n  filter: grayscale(100%);\n}\n\n.touchscreen-menu-items a p {\n  text-transform: uppercase;\n  margin: 0;\n  font-family: \"DIN2014\";\n  width: 600px;\n  padding: 10px;\n  color: #231f20;\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0px;\n  background-color: rgba(208, 210, 211, 0.8);\n  height: 50px;\n  text-align: left;\n  bottom: 3px;\n}\n\n.touchscreen-text {\n  transition: 1s;\n  position: relative;\n  left: 0;\n  z-index: 100;\n}\n\n.touchscreen-text-slide-out {\n  left: -1920px;\n}\n\n.touchscreen-text h1 {\n  font-size: 160px;\n  margin: 0;\n}\n\n.touchscreen-text h3 {\n  font-size: 32px;\n  font-weight: 200;\n  padding-left: 20px;\n}\n\n.menu-page-items {\n  height: 760px;\n  position: relative;\n}\n\n.with-sidebar .menu-page-items {\n  height: 870px !important;\n}\n\n.vertical-align {\n/* Center slide text vertically */\n  <COMMENTFIX>\n\n\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  -webkit-align-items: center;\n  align-items: center;\n}\n\n.menu-page-infobox {\n  display: none;\n}\n\n.menu-page-icon-container {\n  color: #fff;\n  width: 1820px;\n}\n\n.with-sidebar .menu-page-items-container {\n  width: 1244px !important;\n}\n\n.menu-page-sidebar .swiper-zoom-container {\n  position: relative;\n}\n\n.menu-page-sidebar .play-btn {\n  left: auto !important;\n  top: auto !important;\n  right: auto !important;\n}\n\n.menu_item {\n  position: relative;\n  float: left;\n  min-height: 1px;\n  width: 340px;\n  margin: 5px;\n}\n\n.menu_item img {\n  filter: sepia(0) grayscale(100%);\n  transition: .3s ease-in-out;\n  display: block;\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  object-fit: cover;\n}\n\n.menu_item p {\n  text-transform: uppercase;\n  margin: 0;\n  font-family: \"DIN2014\";\n  width: 100%;\n  padding: 10px;\n  color: #231f20;\n  white-space: nowrap;\n  position: absolute;\n  bottom: 0;\n  background-color: rgba(208, 210, 211, 0.9);\n  min-height: 50px;\n}\n\n.menu_item.active p {\n  background-color: rgba(255, 255, 255, 0.9);\n}\n\n.menu_item.active img {\n  filter: sepia(75%) grayscale(0) !important;\n}\n\n.menu-page-icon-container.with-sidebar .menu_item {\n  width: 270px;\n}\n\n.menu-page-icon-container {\n  width: auto;\n}\n\n.tags-container {\n  position: fixed;\n  right: 50px;\n  top: 180px;\n}\n\n.with-sidebar .tags-container {\n  right: 530px !important;\n}\n\n.tags {\n  color: #231f20;\n  margin: -30px 0 0 0;\n  text-align: right;\n  margin-right: 70px;\n}\n\n.tags a {\n  font-family: \"DIN2014\";\n  text-transform: uppercase;\n  line-height: 20px;\n  display: inline-block;\n  padding: 0 10px;\n  margin: 0 15px;\n  text-align: center;\n  font-size: 15px;\n}\n\n.tags a:last-child {\n  margin-right: 0;\n}\n\n.tags a.active {\n  border-bottom: 1px solid #231f20;\n  ;\n}\n\n.main-slide {\n  width: 100%;\n  height: 100%;\n}\n\n.main-slide img {\n  max-width: 80% !important;\n  max-height: 910px !important;\n  box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);\n}\n\n.video-fullscreen {\n  width: 1820px;\n  background: transparent !important;\n}\n\n.swiper-container {\n  margin: 0 !important;\n  background: rgb(235, 235, 235);\n}\n\n.swiper-main {\n  width: 70%;\n  height: 88%;\n  position: absolute;\n  left: 0px;\n  top: 0;\n}\n\n.vjs-tech {\n  pointer-events: none;\n}\n\n\n\n/* .fancybox-bg {background:lightgrey !important;} */\n\n\n\n.swiper-infobox {\n  width: 30%;\n  height: 100%;\n  position: absolute !important;\n  right: 0;\n  top: 0;\n}\n\n.swiper-infobox .infobox h3 {\n  margin-top: 200px;\n  font-size: 32px;\n  font-family: \"DIN2014\";\n  letter-spacing: 0.1em;\n  line-height: 1em;\n}\n\n.swiper-infobox .infobox {\n  max-width: 410px;\n  margin-left: 30px;\n  font-weight: 100;\n}\n\n.swiper-infobox .infobox img {\n  width: 100%;\n}\n\n.swiper-infobox .infobox .text {\n  height: 780px;\n  overflow: auto;\n  padding-right: 10px;\n}\n\n.menu-page-sidebar .text {\n  height: 860px !important;\n  ;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n\n::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.5);\n}\n\n.swiper-scrollbar {\n  height: 6px;\n}\n\n.swiper-caption {\n  width: 70%;\n  height: 12%;\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n}\n\n.swiper-caption .caption {\n  position: absolute;\n  left: 30px;\n  top: 10px;\n  font-weight: 200;\n  text-align: left;\n  font-size: 14px;\n  max-width: 650px;\n  line-height: 1;\n}\n\n.swiper-caption .credit {\n  font-weight: 100;\n  ;\n  position: absolute;\n  left: 30px;\n  top: 60px;\n  text-align: left;\n  font-size: 12px;\n  max-width: 650px;\n  line-height: 1;\n}\n\n.swiper-scrollbar {\n  border-radius: 10px;\n  position: relative;\n  -ms-touch-action: none;\n  background: rgba(0, 0, 0, .1);\n}\n\n.swiper-container > .swiper-scrollbar {\n  top: 0 !important;\n  position: absolute;\n  left: 1%;\n  bottom: 3px;\n  z-index: 50;\n  height: 5px;\n  width: 98%;\n}\n\n.main-slide {\n  text-align: center;\n  font-size: 18px;\n  background: rgb(235, 235, 235);\n/* Center slide text vertically */\n  <COMMENTFIX>\n\n\n    display: -webkit-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  -webkit-align-items: center;\n  align-items: center;\n}\n\n.main-slide .media {\n  width: 100%;\n  max-height: 910px;\n}\n\n.swiper-button-prev {\n  background: url(\"/SVG/Buttons/btn_arrow_prev.svg\");\n  left: auto !important;\n  right: 81px !important;\n}\n\n.swiper-button-next {\n  background: url(\"/SVG/Buttons/btn_arrow_next.svg\");\n  right: 0 !important;\n}\n\n.swiper-button-prev, .swiper-button-next {\n  width: 80px !important;\n  height: 80px !important;\n  font-weight: bold;\n  position: absolute !important;\n  top: 30px !important;\n}\n\n.swiper-button-prev:after, .swiper-button-next:after {\n  content: \"\" !important;\n}\n\n.swiper-pagination-fraction {\n  font-family: 'IndustryIncInline';\n  left: 30px !important;\n  bottom: 50px !important;\n  text-align: left !important;\n  font-size: 50px;\n}\n\n.my-shuffle {\n  position: relative;\n  overflow: hidden;\n  top: 20px;\n/* padding-bottom:100%; */\n  <COMMENTFIX>\n}\n\n\n/* default styles so shuffle doesn't have to set them (it will if they're missing) */\n.my-shuffle {\n  position: relative;\n  overflow: hidden;\n}\n\n/* Ensure images take up the same space when they load */\n/* https://vestride.github.io/Shuffle/images */\n.aspect {\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-bottom: 100%;\n  overflow: hidden;\n}\n\n.aspect__inner {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n\n/* img {\n  display: block;\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  object-fit: cover;\n}  */\n\n/* Small reset */\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\nfigure {\n  margin: 0;\n  padding: 0;\n}\n\n.menu-page-items-container {\n  overflow-x: auto;\n}\n\n.fancybox-toolbar {\n  visibility: visible !important;\n  opacity: 1.0 !important;\n}\n\nvideo::-webkit-media-controls-overlay-play-button,\nvideo::-webkit-media-controls-volume-slider-container,\nvideo::-webkit-media-controls-mute-button,\nvideo::-webkit-media-controls-volume-slider,\nvideo::-webkit-media-controls-fullscreen-button,\nvideo::-webkit-media-controls-play-button,\nvideo::-webkit-media-controls-pausebutton {\n  display: none;\n}\n\n.menu-page-20 .menu_item {\n    width: 600px;\n}\n\n\n.menu-page-20 .menu-page-items {\n    width: 1500px !important;\n    position: absolute;\n    top: 275px;\n    left: 350px;\n}\n\n.menu-page-23 .menu_item {\n    width: 600px;\n}\n\n\n.menu-page-23 .menu-page-items {\n    width: 1500px !important;\n    position: absolute;\n    top: 275px;\n    left: 350px;\n}\n\n.menu-page-15 .menu-page-items-container {\n    overflow-x: auto;\n    position: absolute;\n    top: 180px;\n}\n\n.menu-page-19 .menu-page-items-container {\n    overflow-x: auto;\n    position: absolute;\n    top: 180px;\n}\n\n.menu-page-20 .grid-icon-size.without-sidebar,  .menu-page-20 .without-sidebar .grid-icon {\n    height: 600px;\n    width: 600px;\n    max-width: 600px;\n}\n\n.menu-page-23 .grid-icon-size.without-sidebar,  .menu-page-23 .without-sidebar .grid-icon {\n    height: 600px;\n    width: 600px;\n    max-width: 600px;\n}\n\n.grid-icon-size, .grid-icon {margin-right:10px;margin-top:10px;transition: width 0.5s ease-in-out;overflow:hidden;height:350px;width:350px;max-width:350px;position:relative;float:left;}\n.grid-icon-size.without-sidebar, .without-sidebar .grid-icon {height:350px;width:350px;max-width:350px;}\n.grid-icon-size.with-sidebar, .with-sidebar .grid-icon {height:270px;width:270px;max-width:270px;}\n.grid-icon img {transition: filter 0.5s ease-in-out; filter: sepia(0) grayscale(100%);width:100%;}\n.grid-icon img.highlight {filter: sepia(100%) grayscale(0);}\n.grid-icon p {text-transform: uppercase;margin: 0;font-family: 'DIN2014';width: 100%;padding: 10px;color: #231f20;white-space: nowrap;position: absolute;bottom: 0;background-color: rgba(208, 210, 211, 0.9);min-height: 50px;transition: opacity 0.25s ease-in-out;opacity:1;bottom:0;position:absolute;}\n.grid-icon.hidden-icon {width:0;margin:0;}\n.grid-icon.hidden-icon p {opacity:0;}\nbody {width: 1920px;height: 1080px;overflow: hidden;}\n\n.buttons-language {top:60px;right:0;position:fixed;z-index:99999999;font-size:18pt;\n.buttons-language a {display:inline-block;width:180px;background-color:#b7b7b7;#color:#000;line-height:80px;text-align:center;\n.buttons-language a.active {background-color:#000000;color:#cfcfce;"}},
    "staticQueryHashes": []}