Bostik - Slider mammut Glue

{"archived":0,"globalCss":" \n @font-face {\n font-family: \"Averta regular\";\n src: url(\"https://img.perfmaker.net/1145/1668777968_averta-regular-webfont.woff\")\n }\n@font-face {\n font-family: \"Averta bold\";\n src: url(\"https://img.perfmaker.net/1145/1668777989_averta-bold-webfont.woff\")\n }\n .pm-root{\n height: 100%;\n width: 100%;\n background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(8,31,95,1) 50%, rgba(8,31,95,1) 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position:relative;\n border-radius:15px;\n font-family: \"Averta regular\";\n }\n.logo{\n\theight:7vh;\n position:absolute;\n top:2vh;\n}\n.pm-title{\n color: #081F5F;\n text-transform: uppercase;\n text-align: center;\n\tfont-family: \"Averta bold\";\n width: 90%;\n margin: 5vh 0 3vh 0;\n font-size: calc(17px + 1vh);\n }\n \n .pm-content{\n background-color: white;\n display: flex;\n overflow:hidden;\n box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n flex-direction: column;\n align-items: center;\n padding: 0 3vw 1.5vh 3vw;\n margin: 0vh 0 4vh 0;\n width: 80%;\n position: relative;\n border-radius:10px;\n }\n.pm-headings{\n\tcolor: white;\n text-align: center;\n font-family: \"Averta regular\";\n font-size: calc(10px + .75vh);\n \tmargin:0;\n \tbackground-color:#081F5F;\n \twidth: calc(100% + 6vw);\n \tpadding:2vh 2vw;\n \n}\n .product-image{\n\theight:20vh;\n font-size:calc(10px + 1vh);\n\n }\n .product-name{\n color: #081F5F;\n text-transform:uppercase;\n text-align: center;\n font-family: \"Averta bold\";\n font-size:calc(10px + 1vh);\n margin: 1vh 0;\n }\n .product-description{\n color: #081F5F;\n text-align: center;\n font-family: \"Averta bold\";\n font-size: calc(10px + .75vh);\n margin-top: 1vh;\n max-height: 150px;\n max-width: 95%;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n text-transform:uppercase;\n }\n \n \n .bottom-btn{\n background-color: #A1BD30;\n color: white;\n font-family: \"Averta bold\";\n cursor: pointer;\n width: 80%;\n padding: 2vh 0;\n text-transform:uppercase;\n border-radius:10px;\n border: none;\n margin-top: 0vh;\n font-size:calc(8px + 1.2vh);\n }\n .dots{\n display: flex;\n width: 100%;\n justify-content: center;\n gap: 5px;\n align-items: center;\n margin: 3vh 0;\n }\n .dot{\n height: calc(5px + 1.5vh);\n width: calc(5px + 1.5vh);\n border-radius: 100px;\n cursor: pointer;\n border:1px solid #A1BD30;\n background-color: transparent;\n transition: all ease .2s;\n }\n .dot:hover{\n background-color: #A1BD30;\n }\n .active{\n \tbackground-color: #A1BD30;\n }\n\n ","mainStage":0,"name":"Slider Mammut Glue","stages":[{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"25px","right":"25px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .3s"},"iframeStyle":{},"wrapperClose":{"right":"-410px"},"wrapperHidden":{"height":"calc(100vh - 20px)","width":"400px","top":"10px","right":"-410px"},"wrapperOpen":{"right":"10px","transition":"right .3s"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n .line{\n position: absolute;\n background:#081F5F;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n \t@media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 100% !important;\n height: 65vh !important;\n right:0% !important;\n\t\t bottom:0vh !important;\n top:unset !important;\n \n }\n }\n</style>\n\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>\n</style>\n\n<div class=\"pm-root\">\n <img class=\"logo\" src=\"https://img.perfmaker.net/1145/1669389770_image%2013.svg\">\n \n <p class=\"pm-title\">Η ΔΥΝΑΜΗ ΤΟΥ MAMUT ΣΤΑ ΧΕΡΙΑ ΣΑΣ</p>\n <div class=\"pm-content\">\n <p class=\"pm-headings\">Ανακαλύψτε όλα τα προϊόντα της<br> σειράς MAMUT!\n</p>\n <img src=\"https://img.perfmaker.net/1145/1669391083_mammut1.png\" class=\"product-image perfmaker-data\">\n <p class=\"product-name perfmaker-data\">MAMUT GLUE HIGH TACK</p>\n <p class=\"product-description perfmaker-data\">Πανίσχυρο συγκολλητικό με άμεση συγκράτηση\n\n</p>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos/mamut-glue-high-tack\" data-onclick=\"HIDE_SIDEBAR\">ΠΡΟΒΟΛΗ</button>\n \n <div class=\"dots perfmaker-action\">\n \n <div class=\"dot active perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"0\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"1\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"2\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"3\"></div>\n \n </div>\n </div>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos\" data-onclick=\"HIDE_SIDEBAR\">Όλα τα προϊόντα</button>\n\n \n \n</div>","name":"produit 1","notBlocking":null},{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"25px","right":"25px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .3s"},"iframeStyle":{},"wrapperClose":{"right":"-410px"},"wrapperHidden":{"height":"calc(100vh - 20px)","width":"400px","top":"10px","right":"-410px"},"wrapperOpen":{"right":"10px","transition":"right .3s"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n .line{\n position: absolute;\n background:#081F5F;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n \t@media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 100% !important;\n height: 65vh !important;\n right:0% !important;\n\t\t bottom:0vh !important;\n top:unset !important;\n \n }\n }\n</style>\n\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>\n</style>\n\n<div class=\"pm-root\">\n <img class=\"logo\" src=\"https://img.perfmaker.net/1145/1669389770_image%2013.svg\">\n \n <p class=\"pm-title\">Η ΔΥΝΑΜΗ ΤΟΥ MAMUT ΣΤΑ ΧΕΡΙΑ ΣΑΣ</p>\n <div class=\"pm-content\">\n <p class=\"pm-headings\">Ανακαλύψτε όλα τα προϊόντα της<br> σειράς MAMUT!\n</p>\n <img src=\"https://img.perfmaker.net/1145/1669391083_mammut2.png\" class=\"product-image perfmaker-data\">\n <p class=\"product-name perfmaker-data\">MAMUT GLUE MULTI</p>\n <p class=\"product-description perfmaker-data\">Πολυχρηστικό σφραγιστικό / συγκολλητικό\n\n</p>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos/mamut-glue-multi\" data-onclick=\"HIDE_SIDEBAR\">ΠΡΟΒΟΛΗ</button>\n \n <div class=\"dots perfmaker-action\">\n \n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"0\"></div>\n <div class=\"dot active perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"1\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"2\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"3\"></div>\n \n </div>\n </div>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos\" data-onclick=\"HIDE_SIDEBAR\">Όλα τα προϊόντα</button>\n\n \n \n</div>","name":"produit 2","notBlocking":null},{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"25px","right":"25px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .3s"},"iframeStyle":{},"wrapperClose":{"right":"-410px"},"wrapperHidden":{"height":"calc(100vh - 20px)","width":"400px","top":"10px","right":"-410px"},"wrapperOpen":{"right":"10px","transition":"right .3s"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n .line{\n position: absolute;\n background:#081F5F;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n \t@media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 100% !important;\n height: 65vh !important;\n right:0% !important;\n\t\t bottom:0vh !important;\n top:unset !important;\n \n }\n }\n</style>\n\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>\n</style>\n\n<div class=\"pm-root\">\n <img class=\"logo\" src=\"https://img.perfmaker.net/1145/1669389770_image%2013.svg\">\n \n <p class=\"pm-title\">Η ΔΥΝΑΜΗ ΤΟΥ MAMUT ΣΤΑ ΧΕΡΙΑ ΣΑΣ</p>\n <div class=\"pm-content\">\n <p class=\"pm-headings\">Ανακαλύψτε όλα τα προϊόντα της<br> σειράς MAMUT!\n</p>\n <img src=\"https://img.perfmaker.net/1145/1669391083_mammut3.png\" class=\"product-image perfmaker-data\">\n <p class=\"product-name perfmaker-data\">MAMUT GLUE GLUE CRYSTAL</p>\n <p class=\"product-description perfmaker-data\">Κρυστάλλινά διάφανο\n</p>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos/mamut-glue-crystal\" data-onclick=\"HIDE_SIDEBAR\">ΠΡΟΒΟΛΗ</button>\n \n <div class=\"dots perfmaker-action\">\n \n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"0\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"1\"></div>\n <div class=\"dot active perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"2\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"3\"></div>\n \n </div>\n </div>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos\" data-onclick=\"HIDE_SIDEBAR\">Όλα τα προϊόντα</button>\n\n \n \n</div>","name":"produit 3","notBlocking":null},{"__typename":"ScenarioStages","customScript":"","displayTimeOnlyUntilClick":null,"formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"25px","right":"25px"},"coverStyle":{"background-color":"black","opacity":"0.6","transition":"opacity .3s"},"iframeStyle":{},"wrapperClose":{"right":"-410px"},"wrapperHidden":{"height":"calc(100vh - 20px)","width":"400px","top":"10px","right":"-410px"},"wrapperOpen":{"right":"10px","transition":"right .3s"}},"htmlCloseButton":"<style>\n .lines{\n position: absolute;\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n .line{\n position: absolute;\n background:#081F5F;\n width: 20px;\n height: 2px;\n transition: All ease .3s;\n }\n \n .line1{\n transform: rotate(45deg);\n }\n .line2{\n transform: rotate(-45deg);\n }\n \n \t@media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 100% !important;\n height: 65vh !important;\n right:0% !important;\n\t\t bottom:0vh !important;\n top:unset !important;\n \n }\n }\n</style>\n\n<div class=\"lines perfmaker-close-cross\">\n <div class=\"line1 line\"></div>\n <div class=\"line2 line\"></div>\n</div>","htmlContent":"<style>\n</style>\n\n<div class=\"pm-root\">\n <img class=\"logo\" src=\"https://img.perfmaker.net/1145/1669389770_image%2013.svg\">\n \n <p class=\"pm-title\">Η ΔΥΝΑΜΗ ΤΟΥ MAMUT ΣΤΑ ΧΕΡΙΑ ΣΑΣ</p>\n <div class=\"pm-content\">\n <p class=\"pm-headings\">Ανακαλύψτε όλα τα προϊόντα της<br> σειράς MAMUT!\n</p>\n <img src=\"https://img.perfmaker.net/1145/1669391083_mammut4.png\" class=\"product-image perfmaker-data\">\n <p class=\"product-name perfmaker-data\">MAMUT GLUE TOTAL</p>\n <p class=\"product-description perfmaker-data\">Επαγγελματικό – πανίσχυρή συγκόλληση\n</p>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos/mamut-glue-total\" data-onclick=\"HIDE_SIDEBAR\">ΠΡΟΒΟΛΗ</button>\n \n <div class=\"dots perfmaker-action\">\n \n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"0\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"1\"></div>\n <div class=\"dot perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"2\"></div>\n <div class=\"dot active perfmaker-action\" data-onclick=\"NEXT_STAGE\" data-next=\"3\"></div>\n \n </div>\n </div>\n \n <button class=\"perfmaker-action perfmaker-data bottom-btn\" data-url=\"https://diy.bostik.com/el-GR/proionta/sygkollitika-montarismatos\" data-onclick=\"HIDE_SIDEBAR\">Όλα τα προϊόντα</button>\n\n \n \n</div>","name":"produit 4","notBlocking":null}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":3},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":0},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":2},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":3},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1}],[{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":0},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":0},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":2},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":3},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1}],[{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":0},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":2},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":3},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":3}],[{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":0},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":2},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":3},{"__typename":"ScenarioTransitions","actionType":"TRANSITION_FROM_PANEL","closeBefore":false,"data":null,"nextStage":1}]]}