{
    "componentChunkName": "component---src-pages-slideshow-js",
    "path": "/touchscreens/dl00/slideshow/57",
    "result": {"data":{"strapiSlideshows":{"Slideshow":[{"Body":"(1934–2008)\n \n**Des Townson was the creative genius behind centreboard classes like Zephyr, Mistral and Starling, and the keelboat class Pied Piper.**\n\n---\n\n**Self-taught designer**\n\nDes Townson’s interest in yachts developed from his father’s involvement in yachting, and his early experience was aboard his father’s mullet boat. He was soon racing P Class dinghies and won the Tanner Cup in 1950.\n\nTownson quit an apprenticeship as a motor-body builder to design and build boats. He was self-taught but was influenced by Arch Logan, Jack Brooke and Jim Young. In 1952, he designed his first sailing dinghy, Eagle.\n\n","Credit":"Photographer unknown, reproduced courtesy of Auckland Museum Tamaki Paenga Hira, Marine Photos Collection (C37518) / Portrait: Photographer unknown, Sea Spray Collection, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"*Nimble*, a Q Class yacht designed by Des Townson in 1954 for his first commercial customer, John Peet. This design evolved into the popular Mistral Class.","Title":"DES TOWNSON MNZM","PlayIconStyle":null,"id":195,"Media":{"localFile":{"publicURL":"/static/e0c02b111f44497b8861dbadf1414319/Image_4_Des_Townson_NIMBLE_96ba78f447.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**Zephyr – design storm**\n\nIn 1956, Townson designed the cold-moulded Zephyr racing dinghy. A ‘zephyr’ is a gentle breeze – but the boat took Auckland by storm. More than 200 were built in 15 years. \n\nTownson designed the slightly longer Mistral as a two-handed development of the Zephyr. The Mistral was primarily used as a ‘father and son’ racing dinghy and is still raced today.\n\nOther centreboard designs followed, notably the Dart and the Starling. The 3-metre plywood Starling has become the most successful locally designed youth training boat in New Zealand, with over 1400 boats built.","Credit":"Photographer unknown, Sea Spray Collection, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"*Peer Gynt*, a Townson 32. It was initially designed this 32-foot (9.75m) keeler as a family racer–cruiser for the Hauraki Gulf. Over 70 were built and the type became popular. Some have been slightly modified to race and cruise the Tasman and to the Pacific Islands. ","Title":"DES TOWNSON","PlayIconStyle":null,"id":196,"Media":{"localFile":{"publicURL":"/static/c7d7a84e252ec1637d0e3f532ad44022/Image_3_Des_Townson_PEER_GYNT_296a589c00.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**Keelers**\n\nIn 1960 came Townson’s first keeler – the 26-foot (7.9m) *Serene*. Various one-off keelboat designs followed. In 1964, Townson designed a plywood 22-foot (6.7m) cruiser, Mercia. Alan Warwick built Pied Piper to the same design. As Warwick’s boat was launched first, ‘Pied Piper’ became the name of this economical and popular class. \n\nIn 1968, Townson designed the racer–cruiser *Moonlight*, forerunner to the successful Townson 32s. In 1974, the slightly larger *Dreamtime* heralded the first of many Townson 34s.\n\n**Legacy**\n\nBy Townson’s death in 2008, more than 3,500 boats carried his name. His contribution to the yachting community was as varied as it was large, and his designs continue to give enjoyment to succeeding generations of yachties.\n\n---\n\n**LISTEN**\n\n![DL02 Des Townson.mp4](http://sandbox.timtait.co.nz/headless/uploads/DL_02_Des_Townson_Audio_Placer_a43c6374cc.jpg,http://sandbox.timtait.co.nz/headless/uploads/DL_02_Des_Townson_0d541babe6.mp4 \"audio\")\n\nDes Townson talks about how new construction materials made yachting accessible and affordable for many more people.  \n\nRuns for 2:55 minutes\n\n\n**ON DISPLAY**\n\nSee the Townson-designed yachts *Atarangi*, *Starling* and *Mistral* in the Gallery of Yachts.","Credit":"Photograph by and courtesy of Ivor Wilkins","MediaCaption":"Des Townson in *Atarangi* at the 50th anniversary celebration of the Zephyr Class, 2006. ","Title":"DES TOWNSON","PlayIconStyle":null,"id":197,"Media":{"localFile":{"publicURL":"/static/73e5a7ccccc14b3ef9b5cd9e0bc7cd64/3_IL_02_Des_Townson_136a532616.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null}],"Title":"DES TOWNSON MNZM","id":"Slideshows_57","strapiId":57,"TimeoutOverrideSeconds":300}},"pageContext":{"id":"Slideshows_57","slideshowData":{"Slideshow":[{"Body":"(1934–2008)\n \n**Des Townson was the creative genius behind centreboard classes like Zephyr, Mistral and Starling, and the keelboat class Pied Piper.**\n\n---\n\n**Self-taught designer**\n\nDes Townson’s interest in yachts developed from his father’s involvement in yachting, and his early experience was aboard his father’s mullet boat. He was soon racing P Class dinghies and won the Tanner Cup in 1950.\n\nTownson quit an apprenticeship as a motor-body builder to design and build boats. He was self-taught but was influenced by Arch Logan, Jack Brooke and Jim Young. In 1952, he designed his first sailing dinghy, Eagle.\n\n","Credit":"Photographer unknown, reproduced courtesy of Auckland Museum Tamaki Paenga Hira, Marine Photos Collection (C37518) / Portrait: Photographer unknown, Sea Spray Collection, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"*Nimble*, a Q Class yacht designed by Des Townson in 1954 for his first commercial customer, John Peet. This design evolved into the popular Mistral Class.","Title":"DES TOWNSON MNZM","id":195,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/e0c02b111f44497b8861dbadf1414319/Image_4_Des_Townson_NIMBLE_96ba78f447.jpg"},"mime":"image/jpeg"}},{"Body":"**Zephyr – design storm**\n\nIn 1956, Townson designed the cold-moulded Zephyr racing dinghy. A ‘zephyr’ is a gentle breeze – but the boat took Auckland by storm. More than 200 were built in 15 years. \n\nTownson designed the slightly longer Mistral as a two-handed development of the Zephyr. The Mistral was primarily used as a ‘father and son’ racing dinghy and is still raced today.\n\nOther centreboard designs followed, notably the Dart and the Starling. The 3-metre plywood Starling has become the most successful locally designed youth training boat in New Zealand, with over 1400 boats built.","Credit":"Photographer unknown, Sea Spray Collection, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"*Peer Gynt*, a Townson 32. It was initially designed this 32-foot (9.75m) keeler as a family racer–cruiser for the Hauraki Gulf. Over 70 were built and the type became popular. Some have been slightly modified to race and cruise the Tasman and to the Pacific Islands. ","Title":"DES TOWNSON","id":196,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/c7d7a84e252ec1637d0e3f532ad44022/Image_3_Des_Townson_PEER_GYNT_296a589c00.jpg"},"mime":"image/jpeg"}},{"Body":"**Keelers**\n\nIn 1960 came Townson’s first keeler – the 26-foot (7.9m) *Serene*. Various one-off keelboat designs followed. In 1964, Townson designed a plywood 22-foot (6.7m) cruiser, Mercia. Alan Warwick built Pied Piper to the same design. As Warwick’s boat was launched first, ‘Pied Piper’ became the name of this economical and popular class. \n\nIn 1968, Townson designed the racer–cruiser *Moonlight*, forerunner to the successful Townson 32s. In 1974, the slightly larger *Dreamtime* heralded the first of many Townson 34s.\n\n**Legacy**\n\nBy Townson’s death in 2008, more than 3,500 boats carried his name. His contribution to the yachting community was as varied as it was large, and his designs continue to give enjoyment to succeeding generations of yachties.\n\n---\n\n**LISTEN**\n\n![DL02 Des Townson.mp4](http://sandbox.timtait.co.nz/headless/uploads/DL_02_Des_Townson_Audio_Placer_a43c6374cc.jpg,http://sandbox.timtait.co.nz/headless/uploads/DL_02_Des_Townson_0d541babe6.mp4 \"audio\")\n\nDes Townson talks about how new construction materials made yachting accessible and affordable for many more people.  \n\nRuns for 2:55 minutes\n\n\n**ON DISPLAY**\n\nSee the Townson-designed yachts *Atarangi*, *Starling* and *Mistral* in the Gallery of Yachts.","Credit":"Photograph by and courtesy of Ivor Wilkins","MediaCaption":"Des Townson in *Atarangi* at the 50th anniversary celebration of the Zephyr Class, 2006. ","Title":"DES TOWNSON","id":197,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/73e5a7ccccc14b3ef9b5cd9e0bc7cd64/3_IL_02_Des_Townson_136a532616.jpg"},"mime":"image/jpeg"}}],"Title":"DES TOWNSON MNZM","id":"Slideshows_57","strapiId":57},"homePath":"/touchscreens/dl00","backPath":"/touchscreens/dl00/menu/4","title":"rem Original Test Touchscreen","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": []}