{
    "componentChunkName": "component---src-pages-slideshow-js",
    "path": "/touchscreens/DL02/slideshow/46",
    "result": {"data":{"strapiSlideshows":{"Slideshow":[{"Body":"Peter (1928–1998)  \nGraham (1931–)\n \n**Brothers Graham and Peter Mander were New Zealand’s top centreboard sailors of the mid 20th century, designing, building and racing their own yachts.**\n \n---\n\n**Centreboard celebrities**\n\nThe Mander brothers of Christchurch were superb skippers from a young age. Between them, they won every major centreboard title in New Zealand. Peter won 16, despite being blind in one eye from the age of 13. \n\nAmong his various achievements, Graham skippered his way to win national titles for the four main classes of the 1940s and 1950s – P, Z, Idle Along and X – the only person to do so. \n\nYounger brother David considered yachts a pastime rather than lifestyle, but still won three national titles.","Credit":"Photograph by Green & Hahn, reproduced courtesy of Graham Mander","MediaCaption":"David, Peter and Graham Mander, at the Sanders Cup trials, Canterbury, 1957. ","Title":"GRAHAM AND PETER MANDER","PlayIconStyle":null,"id":161,"Media":{"localFile":{"publicURL":"/static/b36c22c39b189eaaae504876a66683bb/Image_1_Portrait_of_the_Mander_Brothers_533957238c.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**Multi-talented ‘gadget men’**\n\nThe brothers possessed a rare combination of skills. They designed and built most of the yachts they raced. They often cut the sails too – and even devised the rigs and fittings. They used equipment such as model aircraft propellers and boat weather vanes to study aerodynamics and drag reduction. \n\nFor their talents and endless quest for more speed, they were dubbed ‘the gadget men’.\n \n","Credit":"Photograph by W. Brynly-Keith, Sea Spray Collection, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"R Class *Salaam* (1955) designed by Peter Mander, who twice sailed her to Leander Cup wins. ","Title":"GRAHAM AND PETER MANDER","PlayIconStyle":null,"id":162,"Media":{"localFile":{"publicURL":"/static/9f78c0f68efbe6fbd3cacb4ca738ca8a/Image_3_Mander_Brothers_SALAAM_d0a04542b8.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**Golden boy**\n\nPeter designed his first boat at 17, determined to find out ‘What made a boat tick?’\n\nHe became the first New Zealander to win the J. J. Giltinan Trophy twice (1952 and 1954), racing the 18-footer *Intrigue* (1951), which he designed. \n\nHis biggest triumph came at the 1956 Olympic Games. He and Jack Cropp won New Zealand’s first Olympic yachting gold in JEST, a boat that they, Graham, and Graeme Wilson built from demolition kauri. \n\nPeter later won awards for his yachting contributions, in racing through to management.","Credit":"Photographer unknown, courtesy of Graham Mander","MediaCaption":"18-footer *Intrigue* (1951), twice winner of the J. J. Giltinan Trophy. *Intrigue* brought to 18-footer contests two things Auckland yachties feared – gadgets and Manders! Peter Mander designed *Intrigue* and cut her sails. She was built by co-owners Bill Nicholson and Brian Wall. ","Title":"PETER MANDER","PlayIconStyle":null,"id":163,"Media":{"localFile":{"publicURL":"/static/73c2909a87001c457885090cc2e9280d/Image_2_Mander_Brothers_INTRIGUE_5680866167.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null},{"Body":"**‘Designer of the family’**\n\nAccording to Peter, Graham was the real ‘designer of the family’, though Graham said they each drew lines as the need arose, and designs were often a joint effort. \n\nGraham’s first design, the radical R Class *Frantic* (1949), blitzed others in the class and gave him an instant reputation. He later produced more top R Class yachts such as *Radiant* and *Frenzy*. His R Class designs were widely copied.\n\nIn 1955, his design won a New Zealand Yachting Federation competition for a new One Design X Class, to help the class survive competition from the new lightweight centreboarders. Graham’s specification for moulded veneer was amended to fibreglass. The design was never really accepted and eventually the class died.\n\n---\n\n**ON DISPLAY**\n\nSee the Graham Mander-designed *Charade* (X Class) in the Gallery of Yachts. \n","Credit":"Photograph by W. Brynly-Keith, reproduced courtesy of Graham Mander","MediaCaption":"Graham Mander’s *Frenzy* (1958) was one of his many successful R Class designs, which were widely copied. ","Title":"GRAHAM MANDER","PlayIconStyle":null,"id":164,"Media":{"localFile":{"publicURL":"/static/3d66820b7c4665750addb79bb0e49b34/Image_4_Mander_Brothers_FRENZY_c5ff29d6b4.jpg"},"mime":"image/jpeg"},"VideoPlaceholderImage":null}],"Title":"GRAHAM AND PETER MANDER","id":"Slideshows_46","strapiId":46,"TimeoutOverrideSeconds":null}},"pageContext":{"id":"Slideshows_46","slideshowData":{"Slideshow":[{"Body":"Peter (1928–1998)  \nGraham (1931–)\n \n**Brothers Graham and Peter Mander were New Zealand’s top centreboard sailors of the mid 20th century, designing, building and racing their own yachts.**\n \n---\n\n**Centreboard celebrities**\n\nThe Mander brothers of Christchurch were superb skippers from a young age. Between them, they won every major centreboard title in New Zealand. Peter won 16, despite being blind in one eye from the age of 13. \n\nAmong his various achievements, Graham skippered his way to win national titles for the four main classes of the 1940s and 1950s – P, Z, Idle Along and X – the only person to do so. \n\nYounger brother David considered yachts a pastime rather than lifestyle, but still won three national titles.","Credit":"Photograph by Green & Hahn, reproduced courtesy of Graham Mander","MediaCaption":"David, Peter and Graham Mander, at the Sanders Cup trials, Canterbury, 1957. ","Title":"GRAHAM AND PETER MANDER","id":161,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/b36c22c39b189eaaae504876a66683bb/Image_1_Portrait_of_the_Mander_Brothers_533957238c.jpg"},"mime":"image/jpeg"}},{"Body":"**Multi-talented ‘gadget men’**\n\nThe brothers possessed a rare combination of skills. They designed and built most of the yachts they raced. They often cut the sails too – and even devised the rigs and fittings. They used equipment such as model aircraft propellers and boat weather vanes to study aerodynamics and drag reduction. \n\nFor their talents and endless quest for more speed, they were dubbed ‘the gadget men’.\n \n","Credit":"Photograph by W. Brynly-Keith, Sea Spray Collection, New Zealand Maritime Museum Hui Te Ananui a Tangaroa","MediaCaption":"R Class *Salaam* (1955) designed by Peter Mander, who twice sailed her to Leander Cup wins. ","Title":"GRAHAM AND PETER MANDER","id":162,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/9f78c0f68efbe6fbd3cacb4ca738ca8a/Image_3_Mander_Brothers_SALAAM_d0a04542b8.jpg"},"mime":"image/jpeg"}},{"Body":"**Golden boy**\n\nPeter designed his first boat at 17, determined to find out ‘What made a boat tick?’\n\nHe became the first New Zealander to win the J. J. Giltinan Trophy twice (1952 and 1954), racing the 18-footer *Intrigue* (1951), which he designed. \n\nHis biggest triumph came at the 1956 Olympic Games. He and Jack Cropp won New Zealand’s first Olympic yachting gold in JEST, a boat that they, Graham, and Graeme Wilson built from demolition kauri. \n\nPeter later won awards for his yachting contributions, in racing through to management.","Credit":"Photographer unknown, courtesy of Graham Mander","MediaCaption":"18-footer *Intrigue* (1951), twice winner of the J. J. Giltinan Trophy. *Intrigue* brought to 18-footer contests two things Auckland yachties feared – gadgets and Manders! Peter Mander designed *Intrigue* and cut her sails. She was built by co-owners Bill Nicholson and Brian Wall. ","Title":"PETER MANDER","id":163,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/73c2909a87001c457885090cc2e9280d/Image_2_Mander_Brothers_INTRIGUE_5680866167.jpg"},"mime":"image/jpeg"}},{"Body":"**‘Designer of the family’**\n\nAccording to Peter, Graham was the real ‘designer of the family’, though Graham said they each drew lines as the need arose, and designs were often a joint effort. \n\nGraham’s first design, the radical R Class *Frantic* (1949), blitzed others in the class and gave him an instant reputation. He later produced more top R Class yachts such as *Radiant* and *Frenzy*. His R Class designs were widely copied.\n\nIn 1955, his design won a New Zealand Yachting Federation competition for a new One Design X Class, to help the class survive competition from the new lightweight centreboarders. Graham’s specification for moulded veneer was amended to fibreglass. The design was never really accepted and eventually the class died.\n\n---\n\n**ON DISPLAY**\n\nSee the Graham Mander-designed *Charade* (X Class) in the Gallery of Yachts. \n","Credit":"Photograph by W. Brynly-Keith, reproduced courtesy of Graham Mander","MediaCaption":"Graham Mander’s *Frenzy* (1958) was one of his many successful R Class designs, which were widely copied. ","Title":"GRAHAM MANDER","id":164,"PlayIconStyle":null,"Media":{"localFile":{"publicURL":"/static/3d66820b7c4665750addb79bb0e49b34/Image_4_Mander_Brothers_FRENZY_c5ff29d6b4.jpg"},"mime":"image/jpeg"}}],"Title":"GRAHAM AND PETER MANDER","id":"Slideshows_46","strapiId":46},"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": []}