{ "containers": [ { "type": "full", "rows": [ { "class": "", "published": false, "cols": [ { "size": 12, "published": false, "sizes": {}, "type": "full", "height": "default", "imgAlign": "none", "backgroundType": "image", "repeatImage": "no-repeat", "positionImage": "center", "sizeImage": "cover", "textWeight": "default", "textTransform": "default", "textStyle": "default", "textDecoration": "default", "borderType": "none", "blockType": "col", "blockIndex": "400", "setCssJsTo": "page", "colorFrom": "static", "textColorFrom": "static", "shadowColorFrom": "static", "textAlias": false, "alias": "accept cookies", "marginTop": 0, "marginRight": 0, "marginBottom": 0, "marginLeft": 0, "paddingTop": 0, "paddingRight": 0, "paddingBottom": 0, "paddingLeft": 0, "borderTop": 0, "borderRight": 0, "borderBottom": 0, "borderLeft": 0, "borderRadiusTop": 0, "borderRadiusRight": 0, "borderRadiusBottom": 0, "borderRadiusLeft": 0, "component": { "id": 120, "name": "accept-cookies", "categoryId": 71, "componentName": "ParagraphComponent", "status": 2, "published": true, "setting": {"paragraph":"","css":".cookiealert {\n\tz-index: 999;\n\tdisplay: none;\n\tmargin-bottom: 0;\n\tpadding: 0;\n\ttext-align: left;\n\ttransform: translateY(100%);\n\ttransition: all .5s ease-out\n}\n\n.cookiealert.show {\n\tdisplay: block;\n\ttransform: translateY(0);\n\ttransition-delay: 1s;\n\tpadding: 10px 0px;\n}\n\n.cookiealert a {\n\ttext-decoration: underline\n}\n\n.cookie-info .row {\n\talign-items: center;\n}\n\n.cookie-info p {\n\tfont-size: 16px;\n\tcolor: #1d1d1b !important\n}\n\n.cookiealert .acceptcookies {\n\tborder: 0\n}\n\n.cookie-info .message-close:active {\n\tbackground: 0 0\n}\n\n.cookie-info {\n\tfont-size: 15px;\n\tcolor: #1d1d1b\n}\n\n.cookie-info p {\n\tposition: relative;\n\tmargin: 0;\n\tcolor: #606060\n}\n\n.cookie-info .message-close {\n\tposition: absolute;\n\ttop: 27px;\n\tright: 0;\n\tmargin-top: -5px\n}\n\n.cookie-info .message-close:hover {\n\topacity: .8;\n\tcolor: #fff\n}\n\n@media screen and (max-width:767px) {\n\t.cookie-info p {\n\t\tpadding: 0\n\t}\n\n\t.cookie-info .message-close {\n\t\tposition: relative;\n\t\tfloat: none !important;\n\t\ttop: inherit;\n\t\tright: inherit;\n\t\tdisplay: inline-block;\n\t\tclear: both;\n\t\tmargin: 0 0 10px 0\n\t}\n}\n\n.alert-cookie-policy {\n\tdisplay: none;\n\tborder-radius: 0;\n\tposition: fixed;\n\tbottom: 0;\n\ttop: auto;\n\tleft: 0;\n\tright: 0;\n\tz-index: 999\n}\n\n.alert-cookie-policy .alert {\n\tborder-radius: 0\n}\n\n.section-notification {\n\tbackground: #fff;\n\ttext-align: left\n}\n\n.cookie-info.visible-desktop.visible-tablet.alert.text-center.cookiealert.show {\n\tborder-top: 0;\n}\n\n.cookiealert {\n\ttext-align: left !important\n}\n\ndiv#cookies .container {\n\tpadding: 0\n}\n\n.cookie-info .message-close:hover {\n\topacity: .8;\n\tbackground: #1ca9df;\n}\n\n.cookie-info p {\n\tfloat: left\n}\n\n.cookie-info .message-close {\n\tfloat: right;\n\tposition: relative;\n\tmargin-top: -20px\n}\n\ndiv#cookies .col-xs-12 {\n\twidth: 100%\n}\n\n@media (max-width:1199px) {\n\n\t.cookie-info.visible-desktop.visible-tablet.alert.text-center.cookiealert.show .col-md-3 {\n\t\tpadding: 0\n\t}\n}\n\n@media (max-width:767px) {\n\t.text-map .map-list ul {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder: 0\n\t}\n\n\t.cookie-info p {\n\t\twidth: 100%\n\t}\n\n\n\t.cookie-info .message-close {\n\t\tposition: initial;\n\t\tmargin: 0;\n\t\tmargin-top: 5px\n\t}\n\n}\n\n\n\ndiv#cookies {\n\tposition: fixed;\n\tbottom: 0;\n\tbackground: rgb(236 245 248 / 92%);\n\tz-index: 10;\n}\n\n.cookiealert {\n\toverflow: hidden\n}\n\n.cookie-info .message-close {\n\tborder: 0;\n\tmargin-top: -24px;\n\tbox-shadow: none;\n\tbackground: #1ca9df;\n}\n\n.btn.cookie-close.accept-cookie.pull-right.mr-3 {\n\tbackground: 0 0;\n\tborder: 1px #918e8e solid;\n\tcolor: #fff;\n\tcursor: pointer;\n\tborder-radius: 0;\n\tbackground: #918e8e;\n}\n\n.btn-success:not(:disabled):not(.disabled).active,\n.btn-success:not(:disabled):not(.disabled):active,\n.show>.btn-success.dropdown-toggle {\n\tbackground-color: #669386;\n\tborder-color: #669386\n}\n\n.btn.cookie-close.accept-cookie.pull-right.mr-3 {\n\tmargin-top: 3px;\n\tfloat: right\n}\n\n@media (max-width:767px) {\n\t.cookie-info .message-close {\n\t\tmargin: 0;\n\t\tmargin-top: 5px\n\t}\n\n\t.btn.cookie-close.accept-cookie.pull-right.mr-3 {\n\t\tfloat: left;\n\t\tmargin-top: 4px\n\t}\n}\n\n.cookiealert.show[style=\"display: none;\"] {\n\tdisplay: none !important\n}\n\n.right-side {\n\tpadding: 0 30px !important\n}\n\n@media (max-width:887px) {\n\n\tdiv#cookies .col-md-3,\n\tdiv#cookies .col-md-9 {\n\t\tflex: 0 0 100%;\n\t\tmax-width: 100%;\n\t\tpadding: 10px\n\t}\n\n\tdiv#cookies .col-md-3 {\n\t\tmargin-top: 10px\n\t}\n}","js":"document.addEventListener(\"DOMContentLoaded\", function() {\n\tlet cookie = false;\n\tlet cookieContent = document.querySelector('.cookie-disclaimer');\n\n\tcheckCookie();\n\n\tif (cookie === true) {\n\t\tcookieContent.style.display = 'none';\n\t}\n\n\tfunction setCookie(cname, cvalue, exdays) {\n\t\tlet d = new Date();\n\t\td.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\n\t\tlet expires = \"expires=\" + d.toGMTString();\n\t\tdocument.cookie = cname + \"=\" + cvalue + \"; \" + expires;\n\t}\n\n\tfunction getCookie(cname) {\n\t\tlet name = cname + \"=\";\n\t\tlet ca = document.cookie.split(';');\n\t\tfor (let i = 0; i < ca.length; i++) {\n\t\t\tlet c = ca[i].trim();\n\t\t\tif (c.indexOf(name) === 0) return c.substring(name.length, c.length);\n\t\t}\n\t\treturn \"\";\n\t}\n\n\tfunction checkCookie() {\n\t\tlet check = getCookie(\"acookie\");\n\t\tif (check !== \"\") {\n\t\t\treturn cookie = true;\n\t\t} else {\n\t\t\treturn cookie = false; //setCookie(\"acookie\", \"accepted\", 365);\n\t\t}\n\t}\n\n\tdocument.querySelector('.accept-cookie').addEventListener('click', function() {\n\t\tsetCookie(\"acookie\", \"accepted\", 365);\n\t\tcookieContent.style.display = 'none';\n\t});\n});","identifierCode":"4tae6rbtu1662881181073","isComponentShared":true}, "Imports": [], "elementId": 7, "ailasName": "accept-cookies", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true } } ], "sizes": {}, "type": "full", "height": "default", "imgAlign": "none", "backgroundType": "image", "repeatImage": "no-repeat", "positionImage": "center", "sizeImage": "cover", "textWeight": "default", "textTransform": "default", "textStyle": "default", "textDecoration": "default", "borderType": "none", "blockType": "row", "blockIndex": "40", "setCssJsTo": "page", "colorFrom": "static", "textColorFrom": "static", "shadowColorFrom": "static", "blockClass": "" } ], "published": false, "sizes": {}, "height": "default", "imgAlign": "none", "backgroundType": "image", "repeatImage": "no-repeat", "positionImage": "center", "sizeImage": "cover", "textWeight": "default", "textTransform": "default", "textStyle": "default", "textDecoration": "default", "borderType": "none", "blockType": "container", "blockIndex": 4, "setCssJsTo": "page", "colorFrom": "static", "textColorFrom": "static", "shadowColorFrom": "static", "blockClass": "notification ", "blockId": "cookies", "CSSInLine": "{}" }, { "type": "full", "rows": [ { "class": "", "published": true, "cols": [ { "size": 2, "published": true, "subCols": [ { "size": 12, "component": {}, "published": true }, { "size": 12, "component": { "id": 4, "name": "Image", "categoryId": 8, "componentName": "ImageComponent", "status": 2, "published": true, "setting": { "navLinkRedirec": "none", "imgsrc": "Resources/2/eska-logo.png", "navLinkRedirect": "page", "imageRoute": "home" } }, "published": true, "textAlias": false, "alias": "Eskadenia Logo" } ], "blockClass": "logo", "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page" }, { "size": 10, "published": true, "subCols": [ { "size": 12, "published": true, "component": { "id": 82, "name": "Top-menu", "categoryId": 71, "componentName": "MenuComponent", "status": 2, "published": true, "setting": {"id":"grzpitymf","menuTheme":"allLeft","linksPosition":"left","noToggle":"","responsive":"\n\n\n @media (max-width: 900px) {\n\n .navbar-custom-style .navbar-collapse {\n display: none !important;\n }\n .navbar-custom-style .navbar-toggler{\n display: block !important;\n background: undefined;\n }\n .navbar-custom-style .navbar-collapse.show {\n display: block !important;\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n }\n .navbar-expand-md {\n flex-flow: wrap;\n }\n }\n\n @media (min-width: 900px) {\n\n .navbar-custom-style .navbar-collapse {\n display: block !important;\n }\n .navbar-custom-style .navbar-toggler{\n display: none !important;\n background: undefined;\n }\n }\n\n\n ","menuCat":"73","menuGroup":"1","navLogoOptions":"none","imgSrc":"Resources/2/eska-logo.png","navLogoHeight":73,"navLogoWidth":240,"navLinkRedirect":"page","nav_logo_divId":6,"nav_logo_page":"home1","minWidthToggle":900}, "elementId": 16, "ailasName": "Top-menu", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "blockClass": "top-menu", "alignment": "right" }, { "size": 12, "component": { "id": 85, "name": "Main-menu", "categoryId": 71, "componentName": "MenuComponent", "status": 2, "published": true, "setting": {"id":"em3r1o3sp","menuTheme":"allLeft","linksPosition":"left","noToggle":true,"responsive":"\n\n\n @media (max-width: 992px) {\n\n .navbar-custom-style .navbar-collapse {\n display: none !important;\n }\n .navbar-custom-style .navbar-toggler{\n display: block !important;\n background: undefined;\n }\n .navbar-custom-style .navbar-collapse.show {\n display: block !important;\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n }\n .navbar-expand-md {\n flex-flow: wrap;\n }\n }\n\n @media (min-width: 992px) {\n\n .navbar-custom-style .navbar-collapse {\n display: block !important;\n }\n .navbar-custom-style .navbar-toggler{\n display: none !important;\n background: undefined;\n }\n }\n\n\n ","menuCat":"73","menuGroup":"9","minWidthToggle":992,"navLogoOptions":"none","imgsrc":"Resources/2/eska-logo.png","navLinkRedirect":"page","nav_logo_divId":6,"nav_logo_page":"home","js":" //by sondos\n\n\n\n\n window.addEventListener('scroll', function() {\n \tlet scroll = window.pageYOffset;\n\n \tlet headerElem = document.querySelector('.section-top-sec');\n\n \tif (scroll >= 97)\n\n \t\theaderElem.classList.add('shrink');\n \telse\n \t\theaderElem.classList.remove('shrink');\n\n });","identifierCode":"cn1y4rv7q1642669112669","isComponentShared":true}, "elementId": 16, "ailasName": "Main-menu", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "textAlias": false, "alias": "Main Menu", "blockClass": "main-menu", "alignment": "right", "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page" } ], "blockClass": "menus", "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "CSSInLine": "{}" } ] }, { "class": "", "published": true, "cols": [ { "size": 12, "published": true, "subCols": [ { "size": 12, "published": true, "subCols": [ { "size": 12, "component": { "id": 11, "name": "Form Builder", "categoryId": 7, "componentName": "FormBuilderComponent", "status": 2, "published": true }, "published": true } ], "component": { "id": 116, "name": "request button", "categoryId": 71, "componentName": "ParagraphComponent", "published": true, "setting": {"paragraph":"Request a Demo\n","css":""}, "sharedSettings": true }, "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "blockClass": "fa fa-envelope icon", "textAlias": false, "alias": "req button" }, { "size": 12, "component": { "id": 118, "name": "cancel button", "categoryId": 71, "componentName": "ParagraphComponent", "status": 2, "published": true, "setting": {"js":"","identifierCode":"31fkl0r6a1659866720173","isComponentShared":true}, "Imports": [], "elementId": 7, "ailasName": "cancel button", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "blockClass": "fa fa-times cancel", "textAlias": false, "alias": "cancel button" }, { "size": 12, "component": { "id": 119, "name": "req demo form", "categoryId": 71, "componentName": "FormBuilderComponent", "status": 2, "published": true, "setting": {"emailsTo":["sales@eskadenia.com"],"formEmailKeys":["email"],"btnSubmit":true,"afterOkLabel":"SUBMIT","textboxAppearance":"outline","btnPostion":"right","btnOkBefore":true,"btnCancelBefore":true,"redirectType":2,"btnSubmitLabel":"SUBMIT","blocks":[{"size":"12","element":{"type":"Text","setting":{"Required":true,"label":"Name"},"key":"name"},"index":0},{"size":"12","element":{"type":"Text","setting":{"Required":true,"label":"Phone"},"key":"phone"}},{"size":"12","element":{"type":"Text","setting":{"Required":true,"label":"Email"},"key":"email"}},{"size":"12","element":{"type":"Textarea","setting":{"Required":true,"label":"YOUR MESSAGE"},"key":"message"}}],"actionType":"1","showPopupAfter":true,"redirectTypePage":"home","titleAfter":"Thank you for requesting a demo!","MessageAfter":"We`ve received your request and will get back to you soon.","emailFrom":"","emailSubject":"Request a Demo Form","formReciveMessage":"Request a Demo","formSubmitter":true,"formEmailKey":"email","componentSettingsId":"c2krks03o1659615620545","compPageId":6,"css":".contact-btn {\n\tposition: fixed;\n\ttop: 50%;\n\tright: 0;\n\twidth: 200PX;\n\theight: 50px;\n\tborder-radius: 50%;\n\tbackground-color: NONE;\n\tcursor: pointer;\n\t-webkit-transform-origin: right bottom;\n\t-moz-transform-origin: right bottom;\n\t-o-transform-origin: right bottom;\n\ttransform-origin: right bottom;\n\t-webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);\n\t-moz-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);\n\tbox-shadow: NONE;\n\tz-index: 1;\n\n}\n\n.contact-btn:hover .icon {\n\tbackground-color: #117c3f;\n}\n\n.contact-btn.open {\n\twidth: 300px;\n\theight: 380px;\n\tborder-radius: 3px 0 0 3px;\n\t/* background-color: #fff; */\n\tcursor: default;\n\tMARGIN-TOP: 0px;\n\tRIGHT: 0;\n\t/* box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%); */\n\tMARGIN-RIGHT: 0px;\n}\n\n.contact-btn.open .icon {\n\topacity: 0;\n\ttransition-delay: 0.01s;\n}\n\n.contact-btn.open .cancel {\n\topacity: 1;\n\ttransition-delay: 0.25s;\n\n}\n\n.contact-btn.open .form {\n\topacity: 1;\n\tvisibility: visible;\n\ttransition-delay: 0.2s;\n\tbackground-color: #fff;\n\tcursor: default;\n\tMARGIN-TOP: -40px;\n\tRIGHT: 0;\n\tbox-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);\n\tpadding-top: 20px;\n}\n\n.contact-btn .icon {\n\twidth: 200px;\n\theight: 50px;\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\t-webkit-transform: translate(-50%, -50%);\n\t-moz-transform: translate(-50%, -50%);\n\t-o-transform: translate(-50%, -50%);\n\ttransform: translate(-50%, -50%);\n\ttransition: opacity 0.1s ease;\n\ttransition-delay: 0.2s;\n\tcolor: #fff;\n\tfont-size: 18px;\n\tpadding: 4px;\n\ttext-align: center;\n\tpadding-top: 15px;\n\tz-index: 1;\n\t-webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);\n\tanimation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);\n}\n\n\n\n\n.contact-btn .cancel {\n\tposition: absolute;\n\tright: 10px;\n\ttop: -24px;\n\tfont-size: 18px;\n\topacity: 0;\n\ttransition-delay: 0.01s;\n\tcursor: pointer;\n\tpadding: 6px 10px;\n\tcolor: #3c4351;\n}\n\n.contact-btn .form {\n\tmargin: 0;\n\tmargin-top: 30px;\n\topacity: 0;\n\tvisibility: hidden;\n\ttransition-delay: 0.01s;\n\tMARGIN-RIGHT: 00;\n\tMARGIN-LEFT: 0;\n\tPOSITION: ABSOLUTE;\n\tRIGHT: 0;\n}\n\n.contact-btn .form input {\n\twidth: 236px;\n\theight: 45px;\n\tmargin-left: 0;\n\tmargin-top: 10px;\n\tpadding: 0 10px;\n\tborder: 1px solid #e3e3e301;\n\tbackground-color: #f1f1f1;\n\tborder-radius: 2px;\n\ttransition: all 0.2s ease;\n}\n\n.contact-btn .form input:hover,\n.contact-btn .form input:focus {\n\tborder: 1px solid #d7d7d7;\n\toutline: 0;\n\tbox-shadow: none;\n}\n\n.contact-btn .form textarea {\n\twidth: 236px;\n\tmin-height: 80px;\n\tmargin-left: 0;\n\tmargin-top: 10px;\n\tborder: 1px solid #e3e3e3;\n\tbackground-color: #f1f1f1;\n\tborder-radius: 2px;\n\tresize: none;\n\tpadding: 10px 10px;\n\tfont-family: inherit;\n\ttransition: all 0.2s ease;\n}\n\n.contact-btn .form textarea:hover,\n.contact-btn .form textarea:focus {\n\tborder: 1px solid #d7d7d7;\n\toutline: 0;\n}\n\n.contact-btn .form button {\n\twidth: 100%;\n\theight: 45px;\n\tmargin-left: 0;\n\tmargin-top: 10px;\n\tborder: none;\n\tbackground-color: #faa74a;\n\tborder-radius: 2px;\n\tcolor: #fff;\n\ttext-transform: uppercase;\n\tfont-family: inherit;\n\tfont-weight: 700;\n\tfont-size: 14px;\n\tletter-spacing: 1px;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\ttransition: 0.5s all ease-in-out;\n\t-webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);\n\tanimation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);\n}\n\n.contact-btn .form button:hover {\n\tbackground-color: #da3737;\n}\n\n.contact-btn .icon {\n\tbox-shadow: 0 2px 5px 0 rgba(3, 6, 26, 0.15);\n\tbox-shadow: 0 0 0 0 #1b9d53;\n}\n\n\ndiv#contact-btn .fa-envelope:before {\n\tmargin-left: 0;\n\tposition: absolute;\n\tleft: 20px;\n}\n\n.contact-btn .icon {\n\tbox-shadow: 0 2px 5px 0 rgb(3 6 26 / 15%);\n\tbox-shadow: 0 0 0 0 #1b9d53;\n\n\tborder-radius: 30px 0 0 30px;\n}\n\ndiv#contact-btn span {\n\tfont-family: Poppins, Helvetica, sans-serif !important;\n\tfont-size: 16px;\n\tfont-weight: 400;\n\tdisplay: block;\n\tposition: absolute;\n\tmargin-top: 2px;\n\tmargin-left: 44px;\n\tTEXT-TRANSFORM: uppercase;\n}\n\n.contact-btn .icon {\n\tbackground-color: #1b9d53;\n\n}\n\n.contact-btn.open {\n\tmargin-right: 0;\n}\n\n@-webkit-keyframes pulse {\n\tto {\n\t\tbox-shadow: 0 0 0 18px rgba(255, 255, 255, 0);\n\t}\n}\n\n@keyframes pulse {\n\tto {\n\t\tbox-shadow: 0 0 0 18px rgba(255, 255, 255, 0);\n\t}\n}\n\n\n.shrink .contact-btn {\n\tright: -151px;\n}\n\n.shrink .contact-btn.open {\n\ttransform: rotate(0deg);\n\tright: 0;\n}\n\n\n\n.shrink .contact-btn:hover {\n\tright: 0;\n\ttransition: 0.3s;\n}\n\n.contact-btn .form button {\n\tanimation: none;\n}\n\n.contact-btn .mat-form-field-appearance-outline .mat-form-field-outline-end,\n.contact-btn .mat-form-field-appearance-outline .mat-form-field-outline-start {\n\tborder: 0;\n}\n\n.contact-btn .mat-form-field-outline-gap {\n\tborder: 0 !important;\n}\n\n.contact-btn .mat-form-field-outline-gap {}\n\n.contact-btn .mat-form-field-wrapper {\n\tpadding: 0;\n\tmargin: 0 !important;\n}\n\n.contact-btn .form {\n\tposition: relative !important;\n}\n\n.contact-btn .mat-form-field-appearance-outline .mat-form-field-infix {\n\tpadding: 0;\n}\n\n.contact-btn .form input {\n\twidth: 100% !important;\n}\n\n.contact-btn .form textarea {\n\twidth: 100% !important;\n}\n\n.contact-btn .mat-form-field-infix {\n\tborder: 0;\n}\n\n.section-top-sec .contact-btn.open .form {\n\tpadding: 40px 0 !important;\n}\n\n.contact-btn .form-block {\n\tpadding: 0 10px;\n}\n\n\n.contact-btn .text-right {\n\tpadding: 0 10px 0;\n}\n\n.contact-btn.open {\n\theight: auto;\n}\n\n.contact-btn .cancel {\n\tright: 31px;\n}\n\n\n\n.contact-btn .no-gutters>div {\n\tdisplay: none;\n}\n\n\n\n\n.contact-btn .mat-form-field-label {\n\tFONT-SIZE: 14PX;\n}\n\n\n\ndiv#contact-btn .mat-form-field-label-wrapper {\n\tMARGIN-LEFT: 0 !IMPORTANT;\n}\n\n\n#contact-btn .fa.fa-envelope.icon {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n#contact-btn .fa.fa-envelope.icon span {\n\tposition: absolute;\n\ttop: 16px;\n\tmargin-left: 48px;\n}\n\n#contact-btn .cancel {\n\tflex: 0 0 15px;\n\tmax-width: 15px;\n\tz-index: 1;\n}\n\n#contact-btn .cancel:hover:before {\n\topacity: 0.6;\n}\n\n\n.contact-btn .form-block[_ngcontent-DCMS-web-c15] .ng-touched.ng-invalid[_ngcontent-DCMS-web-c15] {\n\tborder-color: #e3e3e3 !important;\n}\n\n\n\n@media (max-width:767px) {\n\n\n\n\t#contact-btn .fa.fa-envelope.icon {\n\t\ttop: 50px;\n\t}\n\n\t.contact-btn {\n\t\ttop: 397px !important;\n\t\tright: -151px;\n\t}\n\n\n\n\n\t.contact-btn.open .fa.fa-envelope.icon span {\n\t\tcolor: #333;\n\t\tfont-size: 24px;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tmargin-left: -28px;\n\t\tmargin-top: -24px;\n\t\ttext-transform: none;\n\t}\n\n\t.contact-btn.open .icon {\n\t\topacity: 1;\n\t\tbackground: none;\n\t\tborder-radius: 0;\n\t}\n\n\t.contact-btn.open .form {\n\t\tpadding: 22px 0 0 !important;\n\t}\n\n\t.contact-btn.open .fa-envelope:before {\n\t\tdisplay: none;\n\t}\n\n\t.contact-btn.open .fa.fa-envelope.icon span {\n\t\tposition: relative;\n\t\ttext-align: left;\n\t\tmargin-left: 0;\n\t}\n\n\t.contact-btn.open .fa.fa-envelope.icon span {\n\t\tleft: 0;\n\t\tmargin-left: 0;\n\t\tposition: relative;\n\t}\n\n\t.contact-btn.open .fa.fa-envelope.icon {\n\t\tdisplay: block;\n\t\ttext-align: left;\n\t\ttransition: none;\n\t\tanimation: none;\n\t}\n\n\n\t#contact-btn.open .fa.fa-envelope.icon span {\n\t\tmargin-left: -28px;\n\t\tmargin-top: -11px;\n\t\ttext-transform: initial;\n\t\tfont-size: 16px;\n\t\tfont-weight: 500;\n\t}\n}\n\n\n\n\n\n\n@media (max-width: 767px) {\n\t.contact-btn.open {\n\t\tmargin-top: -250px !important;\n\t}\n\n\t.contact-btn .no-gutters>div {\n\t\tdisplay: block;\n\t\tpadding: 0 10px;\n\t\tposition: absolute;\n\t\tmargin-top: -20px;\n\t}\n\n\t.section-top-sec .contact-btn.open .form {\n\t\tpadding: 40px 0 20px !important;\n\t}\n}\n\n\n.contact-btn.open .fa.fa-envelope.icon {\n\tdisplay: none !important;\n}\n\n\n.contact-btn .mat-form-field-invalid textarea {\n\tborder-color: red !important;\n}\n\ndiv#contact-btn label {\n\tdisplay: none;\n}\n\ndiv#contact-btn .row {\n\tmargin: 0;\n}\n\n.contact-btn hr {\n\tdisplay: none;\n}","js":"{\n\n\n\tlet isContactBtnProcessed = false;\n\n\tconst observer = new MutationObserver(function(mutationsList) {\n\t\tfor (let mutation of mutationsList) {\n\t\t\tif (isContactBtnProcessed) break;\n\t\t\tif (mutation.type === 'childList') {\n\n\t\t\t\tlet contactBtnElem = document.getElementById('contact-btn');\n\t\t\t\tif (contactBtnElem) {\n\t\t\t\t\tcontactBtnElem.addEventListener('click', function() {\n\t\t\t\t\t\tthis.classList.add('open');\n\t\t\t\t\t});\n\n\t\t\t\t\tlet cancels = document.querySelectorAll('.cancel');\n\t\t\t\t\tcancels.forEach(function(cancelBtn) {\n\t\t\t\t\t\tcancelBtn.addEventListener('click', function(e) {\n\t\t\t\t\t\t\tcontactBtnElem.classList.remove('open');\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\tisContactBtnProcessed = true;\n\t\t\t\t\tobserver.disconnect();\n\n\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t});\n\n\tobserver.observe(document.body, {\n\t\tchildList: true,\n\t\tsubtree: true\n\t});\n\n}","formKeys":["name","phone","email","message"],"formName":"Request a Demo","formSubmitterSubject":"Eskadenia Software","identifierCode":"vxrzy7z2l1662531616791","isComponentShared":true,"formReciveSubmiterMessage":"Thank you for requesting a demo","isCustomerChoiceSendEmail":false,"customerChoiceEmailKey":"name","customerChoiceEmailSubject":"","showPopupBefore":false,"Title":"Thank you for requesting a demo!","Message":"We`ve received your r13","colList":[]}, "Imports": [], "elementId": 11, "ailasName": "req demo form", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "textAlias": false, "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "blockClass": "form", "alias": "req a demo form" } ], "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "blockClass": "contact-btn", "blockId": "contact-btn" } ], "sizes": {}, "type": "full", "height": "default", "blockType": "row", "blockIndex": "01", "setCssJsTo": "page", "CSS": "" }, { "class": "", "published": true, "cols": [ { "size": 12, "component": { "id": 103, "name": "scroll to top", "categoryId": 71, "componentName": "ParagraphComponent", "published": true, "setting": {"paragraph":"\n\n\n\n\n\n \n\n\n","css":"#back-to-top {\n\tposition: fixed;\n\tleft: 25px;\n\tbottom: 44px;\n\tcursor: pointer;\n\twidth: 50px;\n\theight: 50px;\n\tbackground-color: rgb(0 132 180);\n\tdisplay: none;\n\t-webkit-border-radius: 60px;\n\t-moz-border-radius: 60px;\n\tborder-radius: 0;\n\tz-index: 3;\n\topacity: 1;\n}\n\na#back-to-top:after {\n\t-webkit-transition: all 0.3s ease;\n\t-moz-transition: all 0.3s ease;\n\t-ms-transition: all 0.3s ease;\n\t-o-transition: all 0.3s ease;\n\ttransition: all 0.3s ease;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-left: -6px;\n\theight: 0;\n\twidth: 0;\n\t-webkit-transition: all 0.3s ease;\n\t-moz-transition: all 0.3s ease;\n\t-ms-transition: all 0.3s ease;\n\t-o-transition: all 0.3s ease;\n\ttransition: all 0.3s ease;\n\tfont-family: \"Font Awesome 5 Free\";\n\tfont-weight: 900;\n\tcolor: #ffffff;\n\tfont-size: 22px;\n\tcontent: \"\\f102\";\n\tmargin-top: -16px;\n}\n\n\na#back-to-top:hover:after {\n\tmargin-top: -20px;\n}\n\na#back-to-top {\n\tbox-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);\n}\n\n#back-to-top:hover {\n\tbackground-color: #faa74a;\n\topacity: 1;\n\tfilter: \"alpha(opacity=100)\";\n\t-ms-filter: \"alpha(opacity=100)\";\n}","js":"{\n\n\n\tlet isBackToTopProcessed = false;\n\n\tconst observer = new MutationObserver(function(mutationsList) {\n\n\t\tif (!isBackToTopProcessed) {\n\n\t\t\tfor (let mutation of mutationsList) {\n\t\t\t\tif (isBackToTopProcessed) break;\n\t\t\t\tif (mutation.type === 'childList') {\n\t\t\t\t\tlet backToTopElem = document.getElementById('back-to-top');\n\t\t\t\t\tif (backToTopElem) {\n\t\t\t\t\t\tbackToTopElem.addEventListener('click', function(e) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\twindow.scrollTo({\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\tbehavior: 'smooth'\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\twindow.addEventListener(\"scroll\", function() {\n\t\t\t\t\t\t\tif (window.scrollY > 100) {\n\t\t\t\t\t\t\t\tbackToTopElem.style.display = 'block';\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tbackToTopElem.style.display = 'none';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisBackToTopProcessed = true;\n\t\t\t\t\t\tobserver.disconnect();\n\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\n\tobserver.observe(document.body, {\n\t\tchildList: true,\n\t\tsubtree: true\n\t});\n\n}","CSS":"a#back-to-top:hover i.fas.fa-angle-up {\n\tcolor: #fff;\n\ttop: 5px;\n}\n\na#back-to-top i.fas.fa-angle-up {\n\tcolor: #fff;\n\tmargin: 0;\n\tposition: relative;\n\ttop: 14px;\n\tfont-size: 25px;\n\t-webkit-transition: all 0.3s ease;\n\t-moz-transition: all 0.3s ease;\n\t-ms-transition: all 0.3s ease;\n\t-o-transition: all 0.3s ease;\n\ttransition: all 0.3s ease;\n\tmargin-top: -10px;\n}\n\na#back-to-top {\n\tdisplay: none;\n\t-webkit-transition: all 0.3s linear;\n\t-moz-transition: all 0.3s ease;\n\t-ms-transition: all 0.3s ease;\n\t-o-transition: all 0.3s ease;\n\ttransition: all 0.3s ease;\n\tposition: fixed;\n\tz-index: 99999;\n\tbottom: 1em;\n\tright: 1em;\n\ttext-decoration: none;\n\twidth: 50px;\n\theight: 50px;\n\ttext-align: center;\n\tdisplay: none;\n\t-webkit-transition: all 0.3s ease-in-out;\n\t-moz-transition: all 0.3s ease-in-out;\n\ttransition: all 0.3s ease-in-out;\n\tborder-radius: 0px;\n\tmargin-bottom: 50px !important;\n\tbackground-color: #faa74a;\n\tbox-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);\n\tcolor: #fff;\n\tline-height: 0;\n}","identifierCode":"5d25mbpn71645431532638","isComponentShared":true}, "sharedSettings": true }, "published": true } ] } ], "published": true, "blockClass": "top-sec ", "JS": "" }, { "type": "full", "rows": [ { "class": "", "published": true, "cols": [ { "size": 12, "published": true, "component": { "id": 24, "name": "Breadcrumb", "categoryId": 6, "componentName": "BreadcrumbComponent", "status": 2, "published": true, "setting": { "includeParameter": true, "prefix": true, "selectedCategory": 73, "menuCat": "73", "menuGroup": "10" } } } ], "blockClass": "inner-product-temp-banner container", "CSS": "" }, { "class": "", "published": true, "cols": [ { "size": 12, "published": true, "subCols": [ { "size": 12, "component": { "id": 23, "name": "View Details", "categoryId": 6, "componentName": "MenuDetailsComponent", "status": 2, "published": true, "setting": { "blocks": [ { "id": 0, "size": "12", "element": { "type": "image", "setting": {} } }, { "id": 1, "size": "12", "element": { "type": "title", "setting": {} } }, { "id": 3, "size": "12", "element": { "type": "description", "setting": {} } }, { "id": 2, "size": "12", "element": { "type": "content", "setting": {} } } ], "image": false, "title": true, "description": true, "content": false, "templateOptions": "default", "directionOptions": "ltr", "positionOptions": "text-left" } }, "published": true, "textAlias": false, "alias": "title + description", "blockClass": "title container" }, { "size": 12, "component": { "id": 23, "name": "View Details", "categoryId": 6, "componentName": "MenuDetailsComponent", "status": 2, "published": true, "setting": { "blocks": [ { "id": 0, "size": "12", "element": { "type": "image", "setting": {} } }, { "id": 1, "size": 12, "element": { "type": "title", "setting": {} }, "index": 0 }, { "id": 3, "size": "12", "element": { "type": "description", "setting": {} } }, { "id": 2, "size": "12", "element": { "type": "content", "setting": {} } } ], "image": true, "title": false, "description": false, "content": false, "templateOptions": "default", "directionOptions": "ltr", "positionOptions": "text-left" } }, "published": true, "blockClass": "image", "CSS": "" } ] } ], "blockClass": "inner-image" } ], "published": true, "blockClass": "inner-banner" }, { "type": "boxed", "InnerPage": true, "published": true, "rows": [ { "class": "", "InnerPage": true, "published": true, "cols": [ { "size": 3, "published": true, "blockClass": "inner-side-bar", "component": { "id": 25, "name": "Sub Menu", "categoryId": 6, "componentName": "SubMenuComponent", "status": 2, "published": true, "setting": { "menuContentTheme": "all", "menuCat": "73", "menuGroup": "10", "responsive": "", "submenuheader": false, "id": "u3afyqmlt", "useQuery": false } } }, { "InnerPage": true, "published": true, "size": 9, "blockClass": "jawad", "CSS": "", "subCols": [ { "size": 12, "component": { "id": 23, "name": "View Details", "categoryId": 6, "componentName": "MenuDetailsComponent", "status": 2, "published": true, "setting": { "blocks": [ { "id": 0, "size": "12", "element": { "type": "image", "setting": {} } }, { "id": 1, "size": "12", "element": { "type": "title", "setting": {} } }, { "id": 3, "size": "12", "element": { "type": "description", "setting": {} } }, { "id": 2, "size": "12", "element": { "type": "content", "setting": {} } } ], "image": false, "title": false, "description": false, "content": true, "templateOptions": "default", "directionOptions": "ltr", "positionOptions": "text-left" } }, "published": true, "blockClass": "", "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "CSSInLine": "{}" }, { "InnerPage": true, "published": true, "size": 12, "blockClass": "inner-content view-content", "CSS": "", "component": {}, "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "CSSInLine": "{}" } ], "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "CSSInLine": "{}" } ] } ], "blockClass": "products-section services ", "JS": "", "CSS": "", "sizes": {}, "height": "default", "blockType": "container", "blockIndex": 2, "setCssJsTo": "page" }, { "type": "boxed", "rows": [ { "class": "", "published": true, "cols": [ { "size": 12, "component": { "id": 100, "name": "Bottom menu", "categoryId": 71, "componentName": "MenuComponent", "status": 2, "published": true, "setting": {"id":"xspe1zgs9","menuTheme":"allLeft","linksPosition":"left","noToggle":"","menuCat":"73","menuGroup":"10","responsive":""}, "elementId": 16, "ailasName": "Bottom menu", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "blockClass": "bottom-menu-item", "textAlias": false, "alias": "Bottom-Menu", "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page" }, { "size": 3, "published": true, "blockClass": "newsletter-title", "sizes": {}, "type": "full", "height": "default", "blockType": "col", "blockIndex": "401", "setCssJsTo": "page", "subCols": [ { "size": 12, "published": true, "component": { "id": 121, "name": "newsletter-final", "categoryId": 71, "componentName": "NewletterComponent", "published": true, "setting": {"email":true,"fullname":false,"phonenumber":false,"image":false,"templateOptions":"default","directionOptions":"ltr","positionOptions":"text-left","btnSubmitLabel":"SUBMIT","blocks":[{"size":"12","element":{"type":"Email","setting":{"label":"Your Email","Required":true},"key":"Email"},"index":1}],"PageId":6,"componentSettingsId":"kvupxdb321665464614105","IsEmailChecked":"1","actionType":"1","btnSubmit":true,"emailSubject":"ESKADENIA Newsletter","TemplateEmailId":"Thank you for subscribing to our newsletter!","NewsLetterId":"9","showPopupAfter":true,"titleAfter":"Thank you!","MessageAfter":"Thank you for subscribing to our newsletter!","afterOkLabel":"OK","emailFrom":"","emailsTo":["pr@eskadenia.com"],"identifierCode":"ryna5k69h1668340786974","isComponentShared":true,"formSubmitter":true,"formEmailKey":"Email","formSubmitterSubject":"ESKADENIA Newsletter","formReciveSubmiterMessage":"Thank you for subscribing to our newsletter!"}, "sharedSettings": true }, "sizes": {}, "type": "full", "height": "default", "blockType": "col", "setCssJsTo": "page", "blockClass": "" }, { "size": 12, "published": true, "blockClass": "container ", "component": { "id": 122, "name": "social-media-bottom", "categoryId": 71, "componentName": "HeaderComponent", "published": true, "setting": {"blocks":[{"size":"12","element":{"type":"Text","setting":{}},"index":0,"imgShapes":"none","imgAlign":"none","headerText":"\n","align_box_text":"text-center","textAlias":false,"alias":""}],"menuTheme":"allLeft","responsive":"","headerimagevideo":"","identifierCode":"sbmf9qcsy1730800075507","isComponentShared":true}, "sharedSettings": true, "componentSettingsId": "d7g0ax6cp1730800190072" }, "sizes": {}, "type": "full", "height": "default", "blockType": "col", "blockIndex": "401", "setCssJsTo": "page" } ] } ], "blockClass": "bottom-menu", "CSS": "" } ], "published": true, "blockClass": "footer-section hidden", "JS": "" }, { "type": "full", "rows": [ { "class": "", "published": true, "cols": [ { "size": 12, "component": { "id": 7, "name": "Text & HTML", "categoryId": 9, "componentName": "ParagraphComponent", "status": 2, "published": true, "setting": { "paragraph": "\n\n" } }, "published": true, "textAlias": false, "alias": "animated boat" } ] } ], "published": true }, { "type": "boxed", "rows": [ { "class": "", "published": true, "cols": [ { "size": 11, "published": true, "subCols": [ { "size": 12, "component": { "id": 91, "name": "Footer-Menu", "categoryId": 71, "componentName": "MenuComponent", "status": 2, "published": true, "setting": {"id":"ru0w7qqap","menuTheme":"allLeft","linksPosition":"left","noToggle":"","menuCat":"73","menuGroup":"11","responsive":""}, "elementId": 16, "ailasName": "Footer-Menu", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "textAlias": false, "alias": "Footer Menu", "blockClass": "footer-menu", "alignment": "left" }, { "size": 12, "component": { "id": 94, "name": "Copyright", "categoryId": 71, "componentName": "ParagraphComponent", "status": 2, "published": true, "setting": {"paragraph":"ESKADENIA Software. All Rights Reserved. This Website is built using ESKADENIA DCMS ","js":"{\n\tlet isYearProcessed = false; // Flag to track if year element is processed\n\n\tconst observer = new MutationObserver(function(mutationsList) {\n\n\t\tfor (let mutation of mutationsList) {\n\t\t\tif (isYearProcessed) break;\n\t\t\tif (mutation.type === 'childList' && !isYearProcessed) {\n\n\n\t\t\t\tlet yearElem = document.getElementById('year');\n\t\t\t\tif (yearElem) {\n\t\t\t\t\tyearElem.innerHTML = \"© 2000 - \" + (new Date().getFullYear()) + \" ESKADENIA Software. All Rights Reserved. This Website is built using ESKADENIA DCMS\";\n\n\t\t\t\t\tisYearProcessed = true; // Set the flag to true\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t});\n\n\tobserver.observe(document.body, {\n\t\tchildList: true,\n\t\tsubtree: true\n\t});\n\n}","identifierCode":"j0zz4mjcp1643004727395","isComponentShared":true}, "elementId": 7, "ailasName": "Copyright", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "textAlias": false, "alias": "CopyRight", "blockClass": "copyright", "alignment": "left" } ], "blockClass": "" }, { "size": 1, "component": { "id": 97, "name": "Boat & Social", "categoryId": 71, "componentName": "ParagraphComponent", "status": 2, "published": true, "setting": {"paragraph":"\nPowered by ESKADENIA^® Software, a product & market-oriented organization that assists\n enterprises & promotes businesses by use of highly effective products, IT solutions & tools.\n $\"ESKA\"$ \n"}, "elementId": 7, "ailasName": "Boat & Social", "componetTitle": "Shared", "sharedStatus": 0, "sharedSettings": true }, "published": true, "textAlias": false, "alias": "Boat & social", "blockClass": "boat-social" } ] } ], "published": true, "blockClass": "bottom-menus" } ] }