a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video { background: transparent; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } blockquote, q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; } embed, img { vertical-align: top; } article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; } mark, rp, rt, ruby, summary, time { display: inline; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*----------------------------- CUSTOM -----------------------------*/ [data-section="wrap"] { width: 990px; } .copyrights a { color: black; text-decoration: underline !important; font-size: 18px; } a { color: white; text-decoration: underline !important; font-size: 30px; } a: hover { color: #2499d0; } div[data-editable="text"] ul, div[data-editable="text"] ol { padding-left: 34px; } div[data-editable="text"] ul li, div[data-editable="text"] ol li { margin: 6px 0; } /* [ Base text ] */ div.text-content, div[data-editable="webform"] label, div[data-editable="webform"] input[type="text"], div[data-editable="webform"] input[type="email"], div[data-editable="webform"] textarea, div[data-editable="webform"] select, div[data-editable="webformNew"] label, div[data-editable="webformNew"] input[type="text"], div[data-editable="webformNew"] input[type="email"], div[data-editable="webformNew"] textarea, div[data-editable="webformNew"] select, div[data-editable="webformNew"] .directional, div[data-editable="webinarNew"] label, div[data-editable="webinarNew"] input[type="text"], div[data-editable="webinarNew"] input[type="email"], div[data-editable="webinarNew"] textarea, div[data-editable="webinarNew"] select, div[data-editable="webinarNew"] .directional { font-family: Helvetica, Arial, sans-serif; color: rgb(171, 175, 177); line-height: 1.1; } /* [ Webform inputs ] */ div[data-editable="webform"] input[type="text"], div[data-editable="webform"] input[type="email"], div[data-editable="webform"] textarea, div[data-editable="webform"] select, div[data-editable="webformNew"] input[type="text"], div[data-editable="webformNew"] input[type="email"], div[data-editable="webformNew"] [data-item-what="phone"] .fix-table-bug, div[data-editable="webformNew"] textarea, div[data-editable="webformNew"] select, div[data-editable="webinarNew"] input[type="text"], div[data-editable="webinarNew"] input[type="email"], div[data-editable="webinarNew"] [data-item-what="phone"] .fix-table-bug, div[data-editable="webinarNew"] textarea, div[data-editable="webinarNew"] select { background-color: rgb(255, 255, 255); border: 3px solid rgb(237, 237, 228); color: rgb(161, 169, 173); } div[data-editable="webformNew"] [data-item-what="phone"] input[type="text"], div[data-editable="webinarNew"] [data-item-what="phone"] input[type="text"] { border: none; } div[data-editable="webformNew"] .directional: :after { border-color: rgb(161, 169, 173) transparent transparent transparent; } [data-editable="webformNewItem"].opened .directional: :after { border-color: transparent transparent rgb(161, 169, 173) transparent; } /* [ Button container ] */ div[data-editable="button"], div[data-editable="webinarButton"], div[data-editable="webform"] button, div[data-editable="webformNewButton"] button { background: #82d24f; border-radius: 7px; } /* [ Button text ] */ div[data-editable="button"] button, div[data-editable="webinarButton"] button, div[data-editable="webform"] button, div[data-editable="webformNewButton"] button { font-family: Helvetica, sans-serif; font-size: 33px; font-weight: 700; color: #ffffff; } /* [ Button : hover ] */ div[data-editable="button"].hover, div[data-editable="webinarButton"].hover, div[data-editable="webform"] div[data-type="submit"].hover button, [data-editable="webformNewButton"].hover button { background-color: #68bf30; } div[data-editable="button"].hover button, div[data-editable="webinarButton"].hover button, div[data-editable="webform"] div[data-type="submit"].hover button, [data-editable="webformNewButton"].hover button { color: #fff; } body { position: relative; margin: 0; line-height: 1.5; background-color: #fff; } body, html { height: 100%; margin: 0; } section { z-index: 1; } a { outline: none; cursor: pointer; } a, a:hover { text-decoration: none; } button { padding: 0; margin: 0; background: none; width: 100%; height: 100%; border: none; } [hidden] { display: none; } [data-section] { position: relative; width: 100%} [data-workspace-desktop-mode-width="1180"] [data-section=wrap] { width: 1180px; } [data-editable] { position: absolute; } [data-editable].resizing-mode { transform: rotate(0deg); transform-origin: 0 0 0; -webkit-transform-origin-x: 0; -moz-transform-origin-x: 0; -ms-transform-origin-x: 0; transform-origin-x: 0; -webkit-transform-origin-y: 0; -moz-transform-origin-y: 0; -ms-transform-origin-y: 0; transform-origin-y: 0; } [data-editable] { z-index: 2; } [data-editable=orderForm], [data-editable=orderFormItem] { z-index: 3; } [data-editable].getElementFromPoint { display: none!important; } .component-backdrop, .component-marker, .widget-feature .size-indicator { display: none; } [data-section].getElementFromPoint { visibility: hidden!important; } @media only screen and (min-width:601px) { body: not(.in-editor) [data-section=section] { display: table; } }[data-section=section] { height: 250px; } [data-section=section][data-relative-content=true], [data-section=section][data-section-type=productsBox] { height: auto; } [data-section=section].toolbar-component-dragging { width: 700px; height: 100px; position: absolute; } [data-section=section][data-section-type=productsBox].toolbar-component-dragging.selected-component { outline: 0!important; box-shadow: none; width: 600px; height: 249px; z-index: 99999!important; background-color: hsla(0, 0%, 100%, .7); } [data-section=section][data-section-type=productsBox].toolbar-component-dragging [data-editable=productsBox] { display: none; } [data-section=section].toolbar-component-dragging.selected-component { box-shadow: none!important; outline: 1px dashed #00afec!important; z-index: 10000!important; } .component-backdrop, .component-marker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%} .component-marker { z-index: 9; } .component-backdrop.drop-not-allowed, .component-backdrop.drop-not-allowed-products-box { z-index: 5; } .component-backdrop.drop-allowed, .component-backdrop.drop-not-allowed, .component-backdrop.drop-not-allowed-products-box, .component-backdrop.hightlight-parent, .component-marker.out-of-the-viewport, .widget-feature .size-indicator.show { display: block; } .component-backdrop.drop-allowed { outline: 1px solid #00afec; background-color: rgba(0, 175, 236, .2); } .component-marker.out-of-the-viewport { outline: 1px solid #c00; background-color: rgba(204, 0, 0, .3); pointer-events: none; } .component-backdrop.drop-not-allowed, .component-backdrop.drop-not-allowed-products-box { outline: 1px solid #c00; background-color: rgba(0, 0, 0, .5); } .component-backdrop.hightlight-parent { outline: 1px solid #00afec; } .component-backdrop .drop-info, .widget-feature .size-indicator { position: absolute; font-family: Helvetica, Arial, sans-serif; font-weight: 400; text-decoration: none; color: hsla(0, 0%, 100%, .9); } .component-backdrop.drop-allowed .drop-info, .widget-feature .size-indicator { top: 0; left: 0; margin: 0; padding: 0 3px; font-size: .725em; line-height: 1.4; background-color: #00afec; border-bottom-right-radius: 3px; } .component-backdrop.drop-not-allowed-products-box .drop-info, .component-backdrop.drop-not-allowed .drop-info { display: flex; align-items: center; top: 50%; left: 50%; padding-left: 70px; min-height: 60px; transform: translate(-50%, -50%); font-size: 15px; text-align: left; line-height: 1.2; color: #fff; background-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUU1RTQyODVGNkZFMTFFMzk1MDRCMjdGQzM2MjczQzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUU1RTQyODZGNkZFMTFFMzk1MDRCMjdGQzM2MjczQzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTVFNDI4M0Y2RkUxMUUzOTUwNEIyN0ZDMzYyNzNDNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTVFNDI4NEY2RkUxMUUzOTUwNEIyN0ZDMzYyNzNDNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiZ3yjUAAAZ2SURBVHja5Ft7aJZVGH/3Ladr1jTwD0srmZHX1XC1JQpRQgZdLKfZQkwKISooIzQJ2wxL6QIl1T+zEsv75iyioAij23IalruUaQsvFQzSr+bUz7av52G/b7x72znPOe93zib4wO+fved73+d3nnOe2znL6bgyuKDkIo/vzieUEsoIxYRxhKsIwwmX4Nt/E04SjhJaCT8R9hAaCOd8KJXj2MKFhHmEuwmzCMNivqeDsJvwAWE7JuW8IjyZ8ARhASzoUk4TNhNeJTQPNuHxhBcIcwkJz9uvm1BHeIZwKO5L4io5hLCC8COWcGIA/A1/owJWriIMHSgLTyBsIVw3yA6XJ7vSdpnbWoaXbuN5QDaA52+A1b1YeCnhZf6NpWLHCXsJ+wgHCScA3pMjAF41UwgzCGMs358mPE14xWUcXkmotlCC4+q7CCkHLAkw8fmExYbkc2CIAsIqFxZeRlhjqOwRwmqQTTlIiuZjoscb/mY5YW02hHl/bDNcxmcIkwhtjvfqEGynagPPnIaf2RmH8EQ4qAIL5b4j3ELo9OCkeDI3GTjMJOEGwi82XjoXy7LAUinOmzfEcGwm0kKYTqg3SG+3YmUYE+Z9e2NMxSqwj31IJ96/URhXAs9ttKSLEMyHCvltvrCXFhLe90Q8F2nmXYJP4Rz/V8nCLwpkm7GffhNCxduEmzwR7iLcT/hBM2ZYf6E0auEpeElCM2slqFunEr7EnlFJO6E8OssO5VrCfk0Z2g09W1QWflJIN6tANkBCUYnZVskoOJlCT4R/FhKiBMrWfi3MKd7vmr15GKEq2ol4nPC6oNgnhDuEyckmQWnVJCcdyNiSUQvPFRzRc4q2yzrCW4JSswmvebLyv4KVh4cLjChhlfyB2KYStvLngmKPEh7xRHoLVqdK7okSzkeGpJIazKTOa96LpaWTdeh1+bDyes3zWwkXhwmXCaGozuCjScTFdiF+7kBYcy07hBBVGiZcItSz+w0/eggtn5SQ+u2CB3fdATmieV4eJjxRM/Bbyw9/QVgijGGPWkvIc0z6G82zqaaE98X48AaDGnomfINL0a3Eq8OEx2oGxs2SVmDp6mQhinZXoqvFx4QJjxRCUhxJIxP7XhjHfe05jgjrQtPIMOFLNQM7sizn+NjlmFBocFU1zQHhU5pnfcKSl4MryDHE6E5BmfrAvmNp2yrqJdwppGbZSiP2a1rYY/UZS8SUAiFP6CX8l2bgaEczXAdHppNpWN5xW0SXmxI+rhk4zuGy4lD1njBmDhxZHNHpejRMuE3oD7mUhwhfCWOWYwvYik7X1jDhJs3A6Y4Jp+DEpCPPGiQnNjJD86wlTLhBM5CTkmLHpNtRsiU1Y/KQfpqeOnC/+gopC8sQ3ot+lUoqAvfShEJDahHtMmwR6er5sxmjhsPSZ8K+83EB5lM0D3QyCaVfrtDmeVjzfHfQ01ru0/GoF9z9Ak8JAbeH3hTGzELzQCX3CeGzt1YON/EKkRWpEg1VE8+FsPU+ItwmjHuM8EY/GRR74CLFb07DYCejFk6iN6QSfuFTnqzcBStJZ8ncCJwd+dtSDVmWzUHo2lO0ET8ZnQNdI/76oKcf7EOK0HAYJWRMMzE5UiO+C4V/b68tSqwZM6LrDW3NMt/VyWFkWlKLqB4FfW2gv/y2MYg0FlWHaU3Ciz5EqEp5Iv4AlNXl1NKB3ln4nD5ZZEIxy88LCt2JNk6uJ8JcQKwVxuQLz1f1lzKrbgCw59uD/aqTj+Fs/vFAmq27LWbS04iU+H+9dJVzOgciSeHFtxO+Dvz0mbl2XhT0XKOw7bIsChQHB7qTwoPIsNLCB9gLcmdzmYdsjJWvFNLe6CQ9GGhOQKSbeLUGRXvGe69BRVLpiDgXD0uQFppeQ2Zdt2v3ieFNPD45rLLsY72DlO6AwSqJrph5sNRYi99Vm+hoc/WQs6yXYrRf/oSVONTxYfoJ+AZ+D7dOLyNcE/Sc/ZQKJZ5qGRtfPbS9Tcs349YH7i+BxxVuIS8O9AdpVns4KhwmypF+DrawDmU2ZOMQzqSfZUhOUoNAlD32s0HPbbsW2x8nsvjoShQbPMPdA0A0jajBTm113MnO9up+5jy4GF75jAeifHxSg55VRZDF/zvEcVqSjMAE8E2Am7NwbjxxfGdkJ+Jq0pWCOR7/My0Pe53vbE5A5TIa5V3mH7WSqHraAI7ZDcjcTvlQKudC+1e8/wQYAEtjZnv9Gv/eAAAAAElFTkSuQmCC); background-position: 0 50%; background-repeat: no-repeat; } .widget-feature.resize { z-index: 99999999; position: absolute; display: none; } .widget-feature.resize.show { display: block; } .widget-feature.resize .square { width: 6px; height: 6px; border: 1px solid #00afec; position: absolute; z-index: 10; background-color: #fff; display: none; } .widget-feature.resize .square.show { display: block; } .widget-feature.resize .square.direction_n, .widget-feature.resize .square.direction_s { cursor: ns-resize; } .widget-feature.resize .square.direction_nw, .widget-feature.resize .square.direction_se { cursor: nesw-resize; } .widget-feature.resize .square.direction_e, .widget-feature.resize .square.direction_w { cursor: ew-resize; } .widget-feature.resize .square.direction_ne, .widget-feature.resize .square.direction_sw { cursor: nwse-resize; } [data-section=section] { pointer-events: none; z-index: 2; } [data-section=wrap] { margin: 0 auto; width: 980px; padding: 0; position: relative; height: 100%} [data-section=section]>* { pointer-events: all; } [data-section=section][data-fake-element=true] { height: 0; } [data-editable*=button] a, [data-editable*=Button] a, [data-editable*=button] button, [data-editable*=Button] button { position: absolute; top: 0; outline: 0; width: 100%; height: 100%; border: none; display: block; } [data-editable*=button] .menubox a, [data-editable*=Button] .menubox a, [data-editable*=button] .menubox button, [data-editable*=Button] .menubox button { position: relative; } [data-editable*=button] a, [data-editable*=Button] a { z-index: 10!important; } [data-editable*=button], [data-editable*=Button], [data-editable*=button] button, [data-editable*=Button] button, input[type=submit] { cursor: pointer; } [data-editable*=button]:hover, [data-editable*=Button]:hover, input[type=submit]:hover { opacity: .9; cursor: pointer; } [data-editable="bg:color"], [data-editable="bg:image"] { z-index: 0!important; } [data-editable="multimedia:image"] { overflow: hidden; } [data-editable="bg:image"] img, [data-editable="multimedia:image"] img { position: absolute; top: 0; left: 0; } [data-editable*=button], [data-editable*=Button], [data-editable=menu] a, input[type=submit] { transition: opacity .5s ease; } [data-editable*=button] a.button, [data-editable*=Button] a.button { display: block; } ol, ul { margin: 0; padding: 0 0 0 28px; } div.text-content { line-height: 1.1; font-size: 18px; font-family: Raleway, Helvetica, sans-serif; color: #595e61; } [data-editable*=text]>div *, [data-editable*=Text]>div *, div.text-content * { vertical-align: baseline; } div.text-content * { line-height: inherit; } [data-editable="shapes:line"].hline, div[data-type=hline] { width: 300px; height: auto; } [data-editable="shapes:line"].hline .inner-line, div[data-type=hline] .inner-line { border-top: 5px solid #c00; height: 0; } [data-editable="shapes:line"].vline, div[data-type=vline] { height: 300px; width: auto; } [data-editable="shapes:line"].vline .inner-line, div[data-type=vline] .inner-line { border-left: 5px solid #c00; width: 0; height: 100%} [data-editable=social] { min-width: 90px; min-height: 25px; width: auto!important; height: 25px; } [data-editable=social] div[id^=___plus] { vertical-align: top!important; top: 0!important; left: 0!important; } [data-editable=social] div[id^=___plus] iframe { top: 0!important; left: 0!important; } [data-editable=social].pinterest { width: 44px!important; } [data-editable=social].googleplus { width: 95px; } [data-type=pinterest] { width: 44px!important; } [data-type=googleplus] { width: 95px; } [data-type=linkedin] .IN-widget span { float: left; } .widget-tab { position: relative; width: 100%; height: 100%} .widget-tab [role=tabpanel] { position: relative; display: block; } .widget-tab [role=tabpanel].hidden { display: none; } [data-editable=webinar].no-webinar .widget-tab[data-nowebinar-msg]:before { content: ""; position: absolute; background-color: rgba(0, 0, 0, .55); top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; border: 2px solid #c00; } [data-editable=webinar].no-webinar .widget-tab[data-nowebinar-msg]:after { content: attr(data-nowebinar-msg); position: absolute; z-index: 1000; width: 100%; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #fff; top: 50%; transform: translateY(-50%); } [data-editable=webinarNew].no-webinar .widget-tab[data-nowebinar-msg]:before { content: ""; position: absolute; background-color: rgba(0, 0, 0, .55); top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; border: 2px solid #c00; } [data-editable=webinarNew].no-webinar .widget-tab[data-nowebinar-msg]:after { content: attr(data-nowebinar-msg); position: absolute; z-index: 1000; width: 100%; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #fff; top: 50%; transform: translateY(-50%); } div[data-editable*=button], div[data-editable*=Button] { border-radius: 40px; background-color: #82d24f; -webkit-backface-visibility: hidden; backface-visibility: hidden; } div[data-editable=webformNewButton] { background-color: transparent; } div[data-editable*=button] button, div[data-editable*=Button] button { vertical-align: baseline; font-family: Helvetica, Arial, sans-serif; font-size: 36px; color: #fff; } [data-editable=webformNew] [data-error-container=payment] { position: absolute; color: #fff; background: #ff4343; font-family: Helvetica, Arial, sans-serif; text-align: center; font-size: 14px; border-radius: 3px; z-index: 2; margin-top: 2px; } [data-editable=webformNew] [data-error-container=payment] .payment-error-msg { padding: 5px 10px; } [data-editable=webform] .error:before, [data-editable=webformNew] .error:before, [data-editable=webinarNew] .error:before { content: ""; position: absolute; left: 12px; bottom: -5px; display: block; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #ff4343; } [data-editable=webform] .error:after, [data-editable=webformNew] .error:after, [data-editable=webinarNew] .error:after { content: attr(data-error-msg); position: absolute; top: 100%; top: calc(100% + 5px); left: 0; color: #fff; background: #ff4343; font-family: Helvetica, Arial, sans-serif; text-align: center; font-size: 14px; border-radius: 3px; padding: 4px 10px; z-index: 2; } [data-editable=video]>iframe { width: 100%!important; height: 100%!important; } [data-editable=boxCookieNotification] { position: fixed; top: 0!important; left: 0!important; right: 0!important; background-color: rgba(0, 0, 0, .5); width: auto!important; height: 100px; z-index: 9999999; display: none; } [data-editable=boxCookieNotification][data-position=bottom] { top: auto!important; bottom: 0!important; } [data-editable=boxCookieNotification] [data-editable=box] { top: 0!important; left: 0!important; width: 500px; height: 100%!important; } [data-editable=textCookieNotification] a { color: #00afec; border-color: #00afec; } [data-editable=textCookieNotification] div.text-content a:hover { color: #ff8400; border-color: #ff8400; } [data-editable=buttonCookieNotification] { background-color: #fff; background-image: linear-gradient(#fff, #d2d2d2); border-radius: 20px; left: auto!important; } [data-editable=buttonCookieNotification] button { text-shadow: none; font-size: 14px!important; color: #000!important; font-weight: 700; font-family: Arial, Helvetica Neue, Helvetica, sans-serif!important; } [data-editable=buttonCookieNotification]:hover { background-color: #cbcbcb!important; background-image: linear-gradient(#e6e6e6, #cbcbcb)!important; } [data-editable=buttonCookieNotification] button:hover { text-decoration: none!important; text-shadow: #fff 1px 1px 0!important; } [data-editable=customIframe], [data-editable=customIframe] iframe { z-index: 10000; position: fixed; left: 0; bottom: 0; width: 100%; height: 246px; background: transparent; } [data-editable=customIframe][data-position=top], [data-editable=customIframe][data-position=top] iframe { top: -144px; bottom: auto; } [data-editable=customIframe][data-position=bottom], [data-editable=customIframe][data-position=bottom] iframe { bottom: 0; } [data-editable=customCode] { overflow: hidden; visibility: hidden; } [data-editable=customCode] [data-editable-item=code] { display: none; } .in-editor [data-editable=customCode] { overflow: visible; } [data-editable=customCode] [data-editable-item=caption-wrapper] { display: none; } .in-editor [data-editable=customCode] [data-editable-item=caption-wrapper] { display: block; } [data-editable=webformApp] { overflow: hidden; visibility: hidden; } [data-editable=webformApp] [data-editable-item=code] { display: none; } .in-editor [data-editable=webformApp] { overflow: visible; } [data-editable=webformApp]:not([data-webform-type=""]) { visibility: visible; } [data-editable=webformApp] [data-editable-item=caption-wrapper] { display: none; } .in-editor [data-editable=webformApp] [data-editable-item=caption-wrapper] { display: block; } .arena-blend { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; z-index: 999999999; } [data-editable=countdownTimer] [data-editable=countdownTimerBox] { background-color: #353535; border-radius: 8px; } [data-editable=countdownTimer] [data-editable=countdownTimerDigit] { text-align: center; } [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=days-value], [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=hours-value], [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=minutes-value], [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=seconds-value] { color: #fff; font-size: 56px; line-height: 1; font-family: Arial, Helvetica, sans-serif; font-weight: 700; display: none; } .in-editor [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=days-value], .in-editor [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=hours-value], .in-editor [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=minutes-value], .in-editor [data-editable=countdownTimer] [data-editable=countdownTimerDigit] [data-editable-item=seconds-value] { display: block; } [data-editable=countdownTimer] [data-editable=countdownTimerLabel] { text-align: center; } [data-editable=countdownTimer] [data-editable=countdownTimerLabel] [data-editable-item=days-label], [data-editable=countdownTimer] [data-editable=countdownTimerLabel] [data-editable-item=hours-label], [data-editable=countdownTimer] [data-editable=countdownTimerLabel] [data-editable-item=minutes-label], [data-editable=countdownTimer] [data-editable=countdownTimerLabel] [data-editable-item=seconds-label] { color: #353535; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } @media only screen and (max-width:600px) { .fix-background-size-cover { background-size: cover; } }@media only screen and (max-width:979px) { [data-editable=customIframe][data-position=top], [data-editable=customIframe][data-position=top] iframe { top: -97px; } }@media only screen and (max-width:768px) { [data-editable=customIframe][data-position=top], [data-editable=customIframe][data-position=top] iframe { top: 0; } }[data-relative=true] { position: relative; } [data-editable=productsBox][data-relative-content=true] { padding-bottom: 10px; } [data-editable=productsBox][data-relative-content=true] [data-editable] { position: relative; } [data-editable=productsBox] [data-button-type=oto-page-accept].processing { opacity: .4; } [data-editable=productsBox] [data-button-type=oto-page-accept].processing.hover [data-link-type] { cursor: progress; } [data-relative-content=true] { z-index: 3!important; } [data-editable=productsBox] button { position: static; } [data-editable=productsBox] div[data-editable=button] { margin-left: auto; margin-right: auto; } .in-editor [data-editable=productsBox] div[data-editable=button] a { pointer-events: none; } [data-editable=productsBox] [data-component-part=product-logo] { width: 100%} [data-editable=productsBox] [data-component-part=product-logo] img { position: static; max-width: 100%; width: 200px; height: auto; } [data-editable=productsBox] [data-component-part=product-logo-image-wrapper] { padding-top: 100%; position: relative; height: 0; } [data-editable=productsBox] [data-component-part=product-logo-image-wrapper] img { position: absolute; width: auto; max-width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } [data-editable=productsBox] [data-component-part=product-name] { font-size: 20px; color: #000; } [data-editable=productsBox] [data-component-part=product-description] { font-size: 13px; } [data-editable=productsBox] [data-component-part=product-price] { font-size: 22px; } [data-editable=productsBox] [data-component-part=product-box] { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16); background-color: #fff; } [data-editable=productsBox] [data-component-part=products-box-content] { width: 300px; margin: auto; } @supports (display:grid) { [data-editable=productsBox] [data-component-part=products-box-content] { display: grid; grid-gap: 20px; } @media only screen and (min-width:601px) { [data-column-count="1"][data-editable=productsBox] [data-component-part=products-box-content] { width: 640px; max-width: 100%; grid-template-columns: 1fr; } [data-column-count="2"][data-editable=productsBox] [data-component-part=products-box-content] { width: 620px; max-width: 100%; grid-template-columns: 1fr 1fr; } [data-column-count="3"][data-editable=productsBox] [data-component-part=products-box-content] { width: 700px; max-width: 100%; grid-template-columns: 1fr 1fr 1fr; } }}[data-editable=productsBox] [data-component-part=product-box] { margin-bottom: 20px; } [data-editable=productsBox] [data-dms-class=product-box-container] { background-color: transparent; padding: 40px 30px; box-sizing: border-box; } [data-editable=productsBox] [data-component-part=product-name] .text-content { font-size: 24px; font-family: Helvetica, sans-serif; font-weight: 700; line-height: 1.3; } [data-editable=productsBox] [data-component-part=product-description] .text-content { font-size: 16px; font-family: Helvetica, sans-serif; line-height: 1.3; } [data-editable=productsBox] [data-component-part=product-price] .text-content { font-size: 40px; font-family: Helvetica, sans-serif; color: #82d24f; font-weight: 700; word-break: break-all; line-height: 1.3; } [data-editable=productsBox] [data-component-part=product-logo] { max-width: 200px; margin: 5px auto 20px; } [data-editable=productsBox] [data-component-part=product-name] { text-align: center; margin-bottom: 17px; } [data-editable=productsBox] [data-component-part=product-description] { text-align: center; margin-bottom: 15px; } [data-editable=productsBox] [data-component-part=product-price] { text-align: center; margin-bottom: 16px; } [data-editable=productsBox] [data-component-part=product-instruction] { text-align: center; } [data-editable=productsBox] [data-component-part=product-external-url], [data-editable=productsBox] [data-component-part=product-instruction], [data-editable=productsBox] [data-component-part=product-internal-url], [data-editable=productsBox] [data-component-part=product-link] { margin: auto; } [data-editable=productsBox] [data-component-part=product-external-url], [data-editable=productsBox] [data-component-part=product-internal-url] { width: 290px; height: 70px; } [data-editable=productsBox] div[data-editable=button] { height: auto; border-radius: 6px; width: auto; } [data-editable=productsBox] div[data-editable=button] button { font-size: 22px; font-weight: 700; padding: .7em; } div[data-editable=stripePaymentButton], div[data-editable=stripePaymentButton] button { border-radius: 0; } .in-editor .input-square-wrapper iframe { pointer-events: none; } @supports (display:grid) { [data-editable=productsBox] [data-component-part=product-box] { margin-bottom: 0; } [data-editable=productsBox] [data-component-part=product-logo] { margin-bottom: 10px; } [data-editable=productsBox] [data-component-part=product-name] { margin-bottom: 7px; } [data-editable=productsBox] [data-component-part=product-description] { margin-bottom: 5px; } [data-editable=productsBox] [data-component-part=product-price] { margin-bottom: 6px; } @media only screen and (min-width:601px) { [data-column-count="1"][data-editable=productsBox] [data-dms-class=product-box-container] { padding: 30px 40px; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-description], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-name], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-price] { text-align: left; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-external-url], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-instruction], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-internal-url], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-link] { margin: 0; } }}@supports (display:grid) { [data-editable=productsBox] [data-dms-class=product-box-container] { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto 1fr; grid-gap: 10px 28px; height: 100%} [data-editable=productsBox] [data-component-part=product-logo] { justify-self: center; } [data-editable=productsBox] [data-component-part=product-external-url], [data-editable=productsBox] [data-component-part=product-instruction], [data-editable=productsBox] [data-component-part=product-internal-url], [data-editable=productsBox] [data-component-part=product-link] { margin: 0; justify-self: center; } @media only screen and (min-width:601px) { [data-column-count="1"][data-editable=productsBox] [data-dms-class=product-box-container] { grid-template-columns: 200px 1fr; grid-template-rows: auto auto auto 1fr; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-logo] { grid-area: 1/1/-1/span 1; justify-self: start; align-self: start; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-name] { grid-area: 1/2/span 1/span 1; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-description] { grid-area: 2/2/span 1/span 1; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-price] { grid-area: 3/2/span 1/span 1; } [data-editable=productsBox] [data-component-part=product-external-url], [data-editable=productsBox] [data-component-part=product-instruction], [data-editable=productsBox] [data-component-part=product-internal-url], [data-editable=productsBox] [data-component-part=product-link] { align-self: end; } [data-column-count="1"][data-editable=productsBox] [data-component-part=product-external-url], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-instruction], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-internal-url], [data-column-count="1"][data-editable=productsBox] [data-component-part=product-link] { grid-area: 4/2/span 1/span 1; justify-self: start; } }}.gr-growler-lps-show { background-color: #1d262f; width: 60%; border-radius: 5px; left: 50%; transform: translateX(-50%); position: fixed; z-index: 10; top: 5px; font-family: Roboto, sans-serif; } .gr-growler-lps-show .gr-growler-lps-show-icon { width: 50px; position: absolute; top: 0; left: 0; bottom: 0; border-radius: 5px 0 0 5px; } .gr-growler-lps-show .gr-growler-lps-show-icon svg { height: 100%; width: 100%; vertical-align: top; fill: none; stroke: #fff; } .gr-growler-lps-show .gr-growler-lps-show-header { margin-left: 70px; margin-top: 8px; height: 12px; font-weight: 700; } .gr-growler-lps-show .gr-growler-lps-show-msg { margin-left: 70px; color: #fff; font-size: 13px; line-height: 22px; padding: 11px 0; } .gr-growler-lps-show[data-icon-type=error] .gr-growler-lps-show-header { color: #f50829; } .gr-growler-lps-show[data-icon-type=error] .gr-growler-lps-show-icon { background-color: #f50829; } .gr-growler-lps-show[data-icon-type=warning] .gr-growler-lps-show-header { color: #f77202; } .gr-growler-lps-show[data-icon-type=warning] .gr-growler-lps-show-icon { background-color: #f77202; } .gr-growler-lps-show[data-icon-type=info] .gr-growler-lps-show-header { color: #42bdff; } .gr-growler-lps-show[data-icon-type=info] .gr-growler-lps-show-icon { background-color: #42bdff; } .gr-growler-lps-show[data-icon-type=success] .gr-growler-lps-show-header { color: #3bcc55; } .gr-growler-lps-show[data-icon-type=success] .gr-growler-lps-show-icon { background-color: #3bcc55; } .fade-out { animation: fadeOut 20s ease; -webkit-animation: fadeOut 20s ease; -moz-animation: fadeOut ease 20s; -o-animation: fadeOut ease 20s; -ms-animation: fadeOut ease 20s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes fadeOut { 0% { opacity: 1; } 50% { opacity: 1; } to { opacity: 0; } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 50% { opacity: 1; } to { opacity: 0; } }.no-products { display: flex; flex-direction: column; justify-content: center; align-items: center; } .dynamic-products-placeholder, .no-products { padding: 20px; text-align: center; background-color: #eceef1; border: 2px solid #c7c7c7; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #8a9198; } .dynamic-products-placeholder .icon, .no-products .icon { width: 45px; height: 45px; margin: 0 auto 15px; fill: #889198; } .component-edit-action { bottom: 0; position: relative; } div.edit-action.position-top { top: -44px; bottom: auto; } [data-editable=webformApp][data-autofunnel=true] { visibility: visible; } div[data-editable=webform] { position: absolute; } div[data-editable=webform] button, div[data-editable=webform] input[type=email], div[data-editable=webform] input[type=text], div[data-editable=webform] label, div[data-editable=webform] select, div[data-editable=webform] textarea { margin: 0; display: inline; box-sizing: border-box; } div[data-editable=webform] input[type=email], div[data-editable=webform] input[type=text], div[data-editable=webform] label, div[data-editable=webform] select, div[data-editable=webform] textarea { font-family: Helvetica, Arial, sans-serif; font-size: 24px; color: #a1a9ad; text-align: left; font-weight: 400; font-style: normal; cursor: pointer; } div[data-editable=webform] div.label { transform-style: preserve-3d; } div[data-editable=webform] div.label label { position: relative; top: 50%; transform: translateY(-50%); } div[data-editable=webform] div:not(.label)>label { padding-left: 20px; font-size: 16px; } div[data-editable=webform] input[type=checkbox] { position: absolute; margin-left: -20px; } div[data-editable=webform] button, div[data-editable=webform] input[type=email], div[data-editable=webform] input[type=text], div[data-editable=webform] select, div[data-editable=webform] textarea { outline: 0; width: 100%; height: 100%; padding: 0 10px; border: 3px solid #ecf0f2; background: #fff; border-radius: 0; font-style: normal; } div[data-editable=webform] textarea { resize: none; } div[data-editable=webform] select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; } div[data-editable=webform] div.select-one:after { content: " "; position: absolute; top: 50%; top: calc(50% - 2px); right: 10px; display: inline-block; border: 6px solid transparent; border-top-color: #696969; } div[data-editable=webform] .wf-wrap, div[data-editable=webform] form { position: relative; width: 100%; height: 100%} div[data-editable=webform] .wf-item { position: relative; width: 100%} div[data-editable=webform] .wf-item .wf-item-pos { position: absolute; left: 0; min-width: 25px; } div[data-editable=webform] .wf-item .wf-item-pos>div { position: relative; width: 100%} div[data-editable=webform] .wf-item.type-inline .wf-item-pos>div { float: left; width: auto; } div[data-editable=webform] .wf-item.type-placeholder .wf-item-pos div.label { position: absolute; z-index: 10; color: #ccc; } div[data-editable=webform] .wf-item .wf-item-pos>div label { display: block; max-width: 100%; text-align: left; word-wrap: normal; } div[data-editable=webform] .wf-item.type-placeholder .wf-item-pos>div label { text-align: left; line-height: 1!important; width: 100%!important; white-space: nowrap; } div.field-text-edit-on [data-type=text] input, div.label-text-edit-on [data-type=text] label { outline: 1px solid #c00; } div.field-text-edit-on [data-type=text] div.edit-on input, div.label-text-edit-on [data-type=text] div.edit-on label { outline: none!important; } div[data-editable=webform] button { padding: 0; border: none; border-radius: 40px; background-color: #82d24f; font-family: Helvetica, Arial, sans-serif; font-size: 36px; color: #fff; cursor: pointer; } [data-editable=webformNew] { position: absolute; height: 185px; width: 300px; } [data-editable=webformNew] button, [data-editable=webformNew] input[type=email], [data-editable=webformNew] input[type=text], [data-editable=webformNew] label, [data-editable=webformNew] select, [data-editable=webformNew] textarea, [data-editable=webinarNew] button, [data-editable=webinarNew] input[type=email], [data-editable=webinarNew] input[type=text], [data-editable=webinarNew] label, [data-editable=webinarNew] select, [data-editable=webinarNew] textarea { margin: 0; display: inline; box-sizing: border-box; } [data-editable=webformNew] .directional, [data-editable=webformNew] input[type=email], [data-editable=webformNew] input[type=text], [data-editable=webformNew] label, [data-editable=webformNew] select, [data-editable=webformNew] textarea, [data-editable=webinarNew] .directional, [data-editable=webinarNew] input[type=email], [data-editable=webinarNew] input[type=text], [data-editable=webinarNew] label, [data-editable=webinarNew] select, [data-editable=webinarNew] textarea { font-family: Helvetica, Arial, sans-serif; font-size: 24px; color: #a1a9ad; font-weight: 400; font-style: normal; cursor: pointer; } [data-editable=webformNewItem].make-error-msg-visible { z-index: 5; } [data-editable=webformNewItem] [data-editable-item=field], [data-editable=webformNewItem] [data-editable-item=label] { box-sizing: border-box; } [data-editable=webformNewItem] [data-editable-item=field] { position: absolute; } [data-editable=webformNewItem] { z-index: 4; height: 26px; width: 100%} [data-item-hidden=true] { display: none; } [data-editable-item=label] { transform-style: preserve-3d; min-width: 10px; min-height: 20px; } [data-editable-item=label], [data-editable-item=label] .editable { overflow: hidden; text-overflow: ellipsis; } [data-item-type=webform_checkbox] [data-editable-item=field] label, [data-item-type=webform_gdpr_field] [data-editable-item=field] label, [data-item-type=webform_radio] [data-editable-item=field] label { padding-left: 20px; } [data-editable-item=label] label { position: relative; min-width: 10px; min-height: 10px; } [data-editable=webformNew] input[type=checkbox], [data-editable=webinarNew] input[type=checkbox] { position: absolute; margin-left: -20px; } [data-editable=webformNew] button, [data-editable=webformNew] input[type=email], [data-editable=webformNew] input[type=text], [data-editable=webformNew] select, [data-editable=webformNew] textarea, [data-editable=webinarNew] button, [data-editable=webinarNew] input[type=email], [data-editable=webinarNew] input[type=text], [data-editable=webinarNew] select, [data-editable=webinarNew] textarea { outline: 0; width: 100%; height: 100%; padding: 0 10px; border: 3px solid #ecf0f2; background: #fff; border-radius: 0; font-style: normal; } [data-editable=webformNew] textarea, [data-editable=webinarNew] textarea { padding: 9px 10px; } [data-editable=webformNew] input[type=email], [data-editable=webformNew] input[type=text], [data-editable=webinarNew] input[type=text] { cursor: text; } [data-editable=webformNew] textarea, [data-editable=webinarNew] textarea { resize: none; } [data-editable=webformNew] select, [data-editable=webinarNew] select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; } [data-editable=webformNew] form, [data-editable=webinarNew] form { position: relative; width: 100%; height: 100%} [data-editable=webformNew][data-label-type=placeholder] [data-editable-item=label], [data-editable=webinarNew][data-label-type=placeholder] [data-editable-item=label] { z-index: 2; } [data-editable=webformNew][data-label-type=placeholder] [data-editable-item=item], [data-editable=webinarNew][data-label-type=placeholder] [data-editable-item=item] { z-index: 1; } [data-editable=webformNew] .field-blocker, [data-editable=webinarNew] .field-blocker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } [data-editable=webformNewItem][data-item-type=webform_checkbox] [data-editable-item=label], [data-editable=webformNewItem][data-item-type=webform_gdpr_field] [data-editable-item=label] { display: none; } [data-editable=webformNew][data-label-type=inline] [data-editable-item=label] label, [data-editable=webinarNew][data-label-type=inline] [data-editable-item=label] label { text-overflow: ellipsis; white-space: nowrap; } div[data-editable=webformNew] .directional, div[data-editable=webinarNew] .directional { vertical-align: middle; } div[data-editable=webformNew] [data-item-what=phone] .fix-table-bug, div[data-editable=webinarNew] [data-item-what=phone] .fix-table-bug { box-sizing: border-box; } div[data-editable=webformNew] button, div[data-editable=webinarNew] button { padding: 0; border: none; border-radius: 40px; background-color: #82d24f; font-family: Helvetica, Arial, sans-serif; font-size: 24px; color: #fff; cursor: pointer; position: relative; } [data-editable=webformNew] [contenteditable=true], [data-editable=webinarNew] [contenteditable=true] { border: 1px dotted #000; } [data-editable=productBox] [contenteditable=true] { border: 0; } [data-editable=webformNewItem] .editable, [data-editable=webformNewItem] .outer-editable { overflow: hidden; } [data-editable=webformNewItem] [data-editable-item=field], [data-editable=webformNewItem] [data-editable-item=label] { position: relative; } [data-editable=webformNewItem][data-item-type=webform_checkbox] [data-editable-item=field] label, [data-editable=webformNewItem][data-item-type=webform_gdpr_field] [data-editable-item=field] label, [data-editable=webformNewItem][data-item-type=webform_radio] [data-editable-item=field] label { display: block; position: relative; } [data-label-type=placeholder] [data-item-type=webform_text] [data-editable-item=label], [data-label-type=placeholder] [data-item-type=webform_textarea] [data-editable-item=label] { position: absolute; top: 0; left: 0; right: 0; } [data-label-type=inline] [data-item-type=webform_text] [data-editable-item=field], [data-label-type=inline] [data-item-type=webform_text] [data-editable-item=label], [data-label-type=inline] [data-item-type=webform_textarea] [data-editable-item=field], [data-label-type=inline] [data-item-type=webform_textarea] [data-editable-item=label] { float: left; width: 50%} [data-editable=webformNew] [data-editable-item=label] label, [data-editable=webinarNew] [data-editable-item=label] label { top: 50%; transform: translateY(-50%); position: relative; overflow: hidden; display: inline-block; width: 100%} [data-editable=webformNew] [data-editable-item=field] input, [data-editable=webinarNew] [data-editable-item=field] input { position: relative; display: inline-block; } [data-editable=webformNew] .column-resizer, [data-editable=webinarNew] .column-resizer { content: ""; position: absolute; top: 1px; bottom: 1px; width: 1px; border: 1px solid #3caeef; border-width: 0 1px; cursor: col-resize; z-index: 11000; margin-left: -1px; display: none; } [data-editable=webformNew] .column-resizer:after, [data-editable=webformNew] .column-resizer:before, [data-editable=webinarNew] .column-resizer:after, [data-editable=webinarNew] .column-resizer:before { content: " "; position: absolute; top: 50%; top: calc(50% - 6px); display: inline-block; border-style: solid; border-width: 6px; } [data-editable=webformNew] [data-editable-item=label] label, [data-editable=webinarNew] [data-editable-item=label] label { padding: 9px; } [data-editable=webformNew] .column-resizer:before, [data-editable=webinarNew] .column-resizer:before { border-color: transparent #3caeef transparent transparent; right: 4px; } [data-editable=webformNew] .column-resizer:after, [data-editable=webinarNew] .column-resizer:after { border-color: transparent transparent transparent #3caeef; left: 4px; } [data-label-type=inline] [data-editable=webformNewItem][data-item-type=webform_text].selected-component .column-resizer, [data-label-type=inline] [data-editable=webformNewItem][data-item-type=webform_textarea].selected-component .column-resizer { display: block; } [data-editable=webformNewItem] { width: 307px; } [data-editable=webformNewButton], [data-editable=webformNewItem], [data-editable=webformNewItem] [data-editable-item=field], [data-editable=webformNewItem] [data-editable-item=label] { height: 60px; } [data-editable=webformNewItem][data-item-type=webform_checkbox] [data-editable-item=field], [data-editable=webformNewItem][data-item-type=webform_gdpr_field] [data-editable-item=field], [data-editable=webformNewItem][data-item-type=webform_radio] [data-editable-item=field] { /* !important added to prevent cutting off fields if template has its own custom height styles If !important will cause problems, remove it and try to resolve problem with cutting off fields in js (APP) or in custom template styles (static) */height: auto!important; } [data-editable=webformNewItem][data-item-type=webform_textarea] [data-editable-item=field] { /* !important added to allow textarea scaling. Otherwise it will be overwritten by styles: [data-editable="webformNewItem"] [data-editable-item="field"] */height: 100%!important; } [data-item-type=webform_gdpr_field] [data-editable-item=field] [data-part=content] { display: inline-block; width: 100%} [data-item-type=webform_gdpr_field] [data-editable-item=field] [data-part=content] a { text-decoration: underline; } [data-item-type=webform_gdpr_field][data-item-required=true] [data-editable-item=field] [data-part=content]:after { content: "*"; margin-left: 4px; } [data-editable=webformNewButton] { width: 213px; } [data-item-type=webform_checkbox] .checkmark-container, [data-item-type=webform_gdpr_field] .checkmark-container, [data-item-type=webform_radio] .checkmark-container { position: absolute; left: 0; display: flex; width: 20px; transform-style: preserve-3d; font-size: inherit; } [data-item-type=webform_checkbox] .checkmark-container:before, [data-item-type=webform_gdpr_field] .checkmark-container:before, [data-item-type=webform_radio] .checkmark-container:before { content: "A"; display: inline-block; width: 0; overflow: hidden; font-size: inherit; } [data-item-type=webform_checkbox] .checkmark-container input[type=checkbox], [data-item-type=webform_gdpr_field] .checkmark-container input[type=checkbox], [data-item-type=webform_radio] .checkmark-container input[type=radio] { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); } [data-editable=webformNewItem] [data-feature-part=directional] { display: inline-block; position: relative; } [data-editable=webformNewItem] .directional { z-index: 1; position: relative; display: inline-block; padding: 0 24px; } [data-editable=webformNewItem] .directional:after, [data-editable=webformNewItem] .directional:before { position: absolute; transform: translateY(-50%); top: 50%} [data-editable=webformNewItem] .directional:after { content: ""; width: 0; height: 0; border-color: #000 transparent transparent; border-style: solid; border-width: 6px 6px 0; right: 6px; } [data-editable=webformNewItem].opened .directional:after { border-width: 0 6px 6px; border-color: transparent transparent #000; } [data-editable=webformNewItem] .ff-dbl-click-field { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } [data-item-what=phone] [data-editable-item=field] [data-editable-item=label], [data-label-type=placeholder] [data-item-what=phone] [data-editable-item=label] { display: none; } [data-label-type=placeholder] [data-item-what=phone] [data-editable-item=field] [data-editable-item=label] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none; } [data-item-what=phone] [data-editable-item=field] [data-editable-item=label] { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); white-space: nowrap; } [data-item-what=phone] [data-editable-item=field] [data-editable-item=label] label { position: absolute; top: 50%} [data-item-what=phone] [data-editable-item=field] .fix-table-bug { display: table; width: 100%; height: 100%; margin: 0; padding: 0; outline: 0; position: relative; overflow: hidden; } [data-item-what=phone] [data-editable-item=field] .fix-table-bug .phone-number { border: 0; } [data-item-what=phone] [data-editable-item=field] [data-feature-part=directional] { display: table-cell; overflow: visible; vertical-align: middle; } [data-item-what=phone] [data-editable-item=field] .fix-input-size { display: table-cell; position: relative; width: inherit; height: 100%} [data-item-name=email] [data-editable-item=label] label:after, [data-item-required=true] [data-editable-item=label] label:after { content: "*"; margin-left: 4px; } [data-editable=orderForm] { width: 230px; font-family: Roboto, Helvetica, Arial, sans-serif; } [data-editable=orderForm][data-payment-processor=bluesnap] [data-editable=orderFormItem] .input-style { height: 18px; } #custom-phone-curtain { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .custom-phone-list-wrapper { position: absolute; overflow: auto; overflow-x: hidden; max-height: 250px; background-color: #fff; } .custom-phone-list { margin: 0; padding: 0; font-size: 18px; font-weight: 400; line-height: 1.4; color: #262626; border-radius: 2px; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; border-top-left-radius: 0; border-top-right-radius: 0; border: 3px solid #ecf0f2; border-width: 0 0 3px 3px; } .custom-phone-list .custom-phone-list-item.selected { color: #00afec; } .custom-phone-list input { position: absolute; left: -9999px; } .custom-phone-list .custom-phone-list-item-label { padding: 5px 5px 5px 28px; display: inline-block; } .custom-phone-list .custom-phone-list-item-label:before { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; } div[data-editable=orderForm] [data-editable=orderFormItem] .input-style-container { height: 100%; width: 100%} div[data-editable=orderForm] [data-editable=orderFormItem] .input-blocker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } .in-editor div[data-editable=orderForm] [data-editable=orderFormItem] .input-blocker { display: block; } div[data-editable=productList] .product-list-header { position: absolute; height: 28px; top: 0; left: 0; right: 0; } div[data-editable=productList] .product-list-header .product-list-header-cell { position: absolute; top: 0; height: 100%} div[data-editable=productList] .product-list-header .product-list-header-cell:first-child { left: 0; } div[data-editable=productList] .product-list-header .product-list-header-cell:nth-child(2) { text-align: right; right: 0; } div[data-editable=productList] .product-list-header .product-list-header-cell:nth-child(2)>div { position: relative; left: auto!important; } div[data-editable=productList] .product-list-content-blocker { display: none; } .in-editor div[data-editable=productList] .product-list-content-blocker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; display: block; } div[data-editable=productList] .product-list-content { position: relative; overflow: auto; border-top: 28px solid transparent; border-bottom: 28px solid transparent; box-sizing: border-box; height: 100%} div[data-editable=productList] .product-list-summary { position: absolute; height: 27px; left: 0; right: 0; bottom: 0; border-top: 1px solid #a9bddb; } div[data-editable=productList] .product-list-total-price { position: absolute; right: 0; top: 5px; } div[data-editable=productList] .product-list-content-blocker { z-index: 4; } div[data-editable=productList] .product-list-content-container { position: relative; overflow: hidden; } div[data-editable=productList] .product-list-content-row { position: relative; display: flex; justify-content: space-between; } div[data-editable=productList] .product-list-content-cell { position: relative; } div[data-editable=productList] .product-list-content-cell:nth-child(2) { white-space: nowrap; text-align: right; } div[data-editable=productList] [data-component-part=templates] { display: none; } div[data-editable=productList] input[type=checkbox] { position: static; margin: 0; } [data-flag] { position: relative; } [data-flag]:before { content: ""; background: url(/images/core/tools/form/phone.png) no-repeat 0 0; display: inline-block; width: 16px; height: 16px; position: absolute; left: 3px; top: -1px; } [data-flag=ac]:before { background-position: -18px -1692px; } [data-flag=af]:before { background-position: 0 -18px; } [data-flag=al]:before { background-position: 0 -72px; } [data-flag=dz]:before { background-position: 0 -90px; } [data-flag=as]:before { background-position: 0 -108px; } [data-flag=ad]:before { background-position: 0 -126px; } [data-flag=ao]:before { background-position: 0 -144px; } [data-flag=ai]:before { background-position: 0 -162px; } [data-flag=aq]:before { background-position: 0 -180px; } [data-flag=ag]:before { background-position: 0 -198px; } [data-flag=ar]:before { background-position: 0 -234px; } [data-flag=am]:before { background-position: 0 -252px; } [data-flag=aw]:before { background-position: 0 -270px; } [data-flag=au]:before { background-position: 0 -288px; } [data-flag=at]:before { background-position: 0 -306px; } [data-flag=az]:before { background-position: 0 -324px; } [data-flag=bs]:before { background-position: 0 -342px; } [data-flag=bh]:before { background-position: 0 -360px; } [data-flag=bd]:before { background-position: 0 -378px; } [data-flag=bb]:before { background-position: 0 -396px; } [data-flag=by]:before { background-position: 0 -432px; } [data-flag=be]:before { background-position: 0 -450px; } [data-flag=bz]:before { background-position: 0 -468px; } [data-flag=bj]:before { background-position: 0 -486px; } [data-flag=bm]:before { background-position: 0 -504px; } [data-flag=bt]:before { background-position: 0 -522px; } [data-flag=bo]:before { background-position: 0 -540px; } [data-flag=ba]:before { background-position: 0 -558px; } [data-flag=bw]:before { background-position: 0 -576px; } [data-flag=br]:before { background-position: 0 -612px; } [data-flag=vg]:before { background-position: -36px -828px; } [data-flag=bn]:before { background-position: 0 -648px; } [data-flag=bg]:before { background-position: 0 -666px; } [data-flag=bf]:before { background-position: 0 -684px; } [data-flag=bi]:before { background-position: 0 -702px; } [data-flag=kh]:before { background-position: 0 -756px; } [data-flag=cm]:before { background-position: 0 -774px; } [data-flag=ca]:before { background-position: 0 -792px; } [data-flag=cv]:before { background-position: 0 -810px; } [data-flag=ky]:before { background-position: 0 -846px; } [data-flag=cf]:before { background-position: 0 -36px; background-position: 0 -864px; } [data-flag=td]:before { background-position: 0 -882px; } [data-flag=cl]:before { background-position: 0 -900px; } [data-flag=cn]:before { background-position: 0 -918px; } [data-flag=co]:before { background-position: 0 -972px; } [data-flag=km]:before { background-position: 0 -1008px; } [data-flag=ck]:before { background-position: 0 -1062px; } [data-flag=cr]:before { background-position: 0 -1080px; } [data-flag=ci]:before { background-position: 0 -1098px; } [data-flag=hr]:before { background-position: 0 -1116px; } [data-flag=cy]:before { background-position: 0 -1152px; } [data-flag=cz]:before { background-position: 0 -1170px; } [data-flag=dk]:before { background-position: 0 -1188px; } [data-flag=dj]:before { background-position: 0 -1206px; } [data-flag=dm]:before { background-position: 0 -1224px; } [data-flag=do]:before { background-position: 0 -1242px; } [data-flag=tl]:before { background-position: -36px -378px; } [data-flag=ec]:before { background-position: 0 -1260px; } [data-flag=eg]:before { background-position: 0 -1278px; } [data-flag=sv]:before { background-position: 0 -1296px; } [data-flag=gq]:before { background-position: 0 -1332px; } [data-flag=er]:before { background-position: 0 -1350px; } [data-flag=ee]:before { background-position: 0 -1368px; } [data-flag=et]:before { background-position: 0 -1386px; } [data-flag=fk]:before { background-position: 0 -1440px; } [data-flag=fo]:before { background-position: 0 -1458px; } [data-flag=fj]:before { background-position: 0 -1476px; } [data-flag=fi]:before { background-position: 0 -1494px; } [data-flag=fr]:before, [data-flag=yy]:before { background-position: 0 -1512px; } [data-flag=gu]:before { background-position: 0 -1782px; } [data-flag=gf]:before { background-position: 0 -1530px; } [data-flag=ga]:before { background-position: 0 -1566px; } [data-flag=gm]:before { background-position: 0 -1602px; } [data-flag=ge]:before { background-position: 0 -1620px; } [data-flag=de]:before { background-position: 0 -1638px; } [data-flag=gh]:before { background-position: 0 -1656px; } [data-flag=gi]:before { background-position: 0 -1674px; } [data-flag=gr]:before { background-position: 0 -1692px; } [data-flag=gl]:before { background-position: 0 -1710px; } [data-flag=gd]:before { background-position: 0 -1728px; } [data-flag=gp]:before { background-position: 0 -1746px; } [data-flag=gt]:before { background-position: 0 -1764px; } [data-flag=gn]:before { background-position: 0 -1836px; } [data-flag=gw]:before { background-position: 0 -1818px; } [data-flag=gy]:before { background-position: 0 -1854px; } [data-flag=ht]:before { background-position: 0 -1872px; } [data-flag=hn]:before { background-position: 0 -1908px; } [data-flag=hk]:before { background-position: 0 -1926px; } [data-flag=hu]:before { background-position: 0 -1944px; } [data-flag=is]:before { background-position: -18px 0; } [data-flag=in]:before { background-position: -18px -18px; } [data-flag=id]:before { background-position: -18px -36px; } [data-flag=ir]:before { background-position: -18px -54px; } [data-flag=iq]:before { background-position: -18px -72px; } [data-flag=ie]:before { background-position: -18px -90px; } [data-flag=il]:before { background-position: -18px -144px; } [data-flag=it]:before { background-position: -18px -162px; } [data-flag=jm]:before { background-position: -18px -180px; } [data-flag=jp]:before { background-position: -18px -198px; } [data-flag=jo]:before { background-position: -18px -234px; } [data-flag=kz]:before { background-position: -18px -252px; } [data-flag=ke]:before { background-position: -18px -270px; } [data-flag=ki]:before { background-position: -18px -288px; } [data-flag=kw]:before { background-position: -18px -324px; } [data-flag=kg]:before { background-position: -18px -342px; } [data-flag=la]:before { background-position: -18px -360px; } [data-flag=lv]:before { background-position: -18px -378px; } [data-flag=lb]:before { background-position: -18px -396px; } [data-flag=ls]:before { background-position: -18px -414px; } [data-flag=lr]:before { background-position: -18px -432px; } [data-flag=li]:before { background-position: -18px -468px; } [data-flag=lt]:before { background-position: -18px -486px; } [data-flag=lu]:before { background-position: -18px -504px; } [data-flag=mo]:before { background-position: -18px -522px; } [data-flag=mk]:before { background-position: -18px -540px; } [data-flag=mg]:before { background-position: -18px -558px; } [data-flag=mw]:before { background-position: -18px -576px; } [data-flag=my]:before { background-position: -18px -594px; } [data-flag=mv]:before { background-position: -18px -612px; } [data-flag=ml]:before { background-position: -18px -630px; } [data-flag=dg]:before, [data-flag=io]:before { background-position: 0 -630px; } [data-flag=mt]:before { background-position: -18px -648px; } [data-flag=mh]:before { background-position: -18px -666px; } [data-flag=mq]:before { background-position: -18px -684px; } [data-flag=mr]:before { background-position: -18px -702px; } [data-flag=mu]:before { background-position: -18px -720px; } [data-flag=mx]:before { background-position: -18px -756px; } [data-flag=fm]:before { background-position: -18px -774px; } [data-flag=md]:before { background-position: -18px -792px; } [data-flag=mc]:before { background-position: -18px -810px; } [data-flag=mn]:before { background-position: -18px -828px; } [data-flag=me]:before { background-position: -18px -848px; } [data-flag=ms]:before { background-position: -18px -864px; } [data-flag=ma]:before { background-position: -18px -882px; } [data-flag=mz]:before { background-position: -18px -900px; } [data-flag=na]:before { background-position: -18px -954px; } [data-flag=nr]:before { background-position: -18px -972px; } [data-flag=np]:before { background-position: -18px -990px; } [data-flag=nl]:before { background-position: -18px -1026px; } [data-flag=an]:before { background-position: -18px -1008px; } [data-flag=nc]:before { background-position: -18px -1044px; } [data-flag=nz]:before { background-position: -18px -1062px; } [data-flag=ni]:before { background-position: -18px -1080px; } [data-flag=ne]:before { background-position: -18px -1098px; } [data-flag=ng]:before { background-position: -18px -1116px; } [data-flag=nu]:before { background-position: -18px -1134px; } [data-flag=mp]:before { background-position: -18px -1224px; } [data-flag=no]:before { background-position: -18px -1242px; } [data-flag=om]:before { background-position: -18px -1332px; } [data-flag=pk]:before { background-position: -18px -1350px; } [data-flag=pw]:before { background-position: -18px -1368px; } [data-flag=pa]:before { background-position: -18px -1404px; } [data-flag=pg]:before { background-position: -18px -1422px; } [data-flag=py]:before { background-position: -18px -1440px; } [data-flag=pe]:before { background-position: -18px -1458px; } [data-flag=ph]:before { background-position: -18px -1476px; } [data-flag=pl]:before { background-position: -18px -1512px; } [data-flag=pt]:before { background-position: -18px -1530px; } [data-flag=pr]:before { background-position: -18px -1548px; } [data-flag=qa]:before { background-position: -18px -1566px; } [data-flag=re]:before { background-position: -18px -1602px; } [data-flag=ro]:before { background-position: -18px -1620px; } [data-flag=ru]:before { background-position: -18px -1638px; } [data-flag=rw]:before { background-position: -18px -1656px; } [data-flag=sh]:before { background-position: -18px -1692px; } [data-flag=lc]:before { background-position: -18px -1710px; } [data-flag=pm]:before { background-position: -18px -1746px; } [data-flag=ws]:before { background-position: -18px -1764px; } [data-flag=sm]:before { background-position: -18px -1782px; } [data-flag=st]:before { background-position: -18px -1800px; } [data-flag=sa]:before { background-position: -18px -1818px; } [data-flag=sn]:before { background-position: -18px -1854px; } [data-flag=rs]:before { background-position: -18px -1872px; } [data-flag=sc]:before { background-position: -18px -1890px; } [data-flag=sl]:before { background-position: -18px -1908px; } [data-flag=sg]:before { background-position: -18px -1926px; } [data-flag=sk]:before { background-position: -18px -1944px; } [data-flag=si]:before { background-position: -18px -1962px; } [data-flag=sb]:before { background-position: -18px -1980px; } [data-flag=za]:before { background-position: -36px -36px; } [data-flag=kr]:before { background-position: -36px -72px; } [data-flag=es]:before { background-position: -36px -90px; } [data-flag=vc]:before { background-position: -36px -144px; } [data-flag=lk]:before { background-position: -36px -108px; } [data-flag=sr]:before { background-position: -36px -180px; } [data-flag=sz]:before { background-position: -36px -216px; } [data-flag=se]:before { background-position: -36px -234px; } [data-flag=ch]:before { background-position: -36px -252px; } [data-flag=kn]:before { background-position: -36px -128px; } [data-flag=pf]:before { background-position: -36px -288px; } [data-flag=tw]:before { background-position: -36px -306px; } [data-flag=tj]:before { background-position: -36px -324px; } [data-flag=tz]:before { background-position: -36px -342px; } [data-flag=th]:before { background-position: -36px -360px; } [data-flag=tg]:before { background-position: -36px -396px; } [data-flag=gb]:before, [data-flag=uk]:before { background-position: -36px -648px; } [data-flag=va]:before { background-position: -36px -774px; } [data-flag=tk]:before { background-position: -36px -414px; } [data-flag=to]:before { background-position: -36px -432px; } [data-flag=tt]:before { background-position: -36px -450px; } [data-flag=tn]:before { background-position: -36px -468px; } [data-flag=tr]:before { background-position: -36px -486px; } [data-flag=tm]:before { background-position: -36px -504px; } [data-flag=tc]:before { background-position: -36px -522px; } [data-flag=tv]:before { background-position: -36px -540px; } [data-flag=ug]:before { background-position: -36px -594px; } [data-flag=ua]:before { background-position: -36px -612px; } [data-flag=ae]:before { background-position: -36px -630px; } [data-flag=us]:before { background-position: -36px -702px; } [data-flag=uy]:before { background-position: -36px -720px; } [data-flag=vi]:before { background-position: -36px -846px; } [data-flag=uz]:before { background-position: -36px -738px; } [data-flag=vu]:before { background-position: -36px -756px; } [data-flag=ve]:before { background-position: -36px -792px; } [data-flag=vn]:before { background-position: -36px -810px; } [data-flag=wf]:before { background-position: -36px -918px; } [data-flag=ye]:before { background-position: -36px -954px; } [data-flag=zm]:before { background-position: -36px -972px; } [data-flag=zw]:before { background-position: -36px -990px; } [data-flag=cu]:before { background-position: -36px -1026px; } [data-flag=ly]:before { background-position: -36px -1008px; } [data-flag=mm]:before { background-position: -36px -1044px; } [data-flag=sd]:before { background-position: -36px -162px; } [data-editable=webformNewButton].processing div { display: inline-block; } [data-editable=webformNewButton].processing button:after { -webkit-animation: dotAnimation 1s linear infinite; animation: dotAnimation 1s linear infinite; content: " "; white-space: pre; } @-webkit-keyframes dotAnimation { 0% { content: " "} 33% { content: ". "} 66% { content: ".. "} to { content: "..."} }@keyframes dotAnimation { 0% { content: " "} 33% { content: ". "} 66% { content: ".. "} to { content: "..."} }[data-editable=orderForm].processing, [data-editable=productList].processing, [data-editable=webformNewItem].processing { opacity: .3; } .content-bottom { padding: 25px; background-color:#fff; } a.button-link-1 { margin-top: 40px; background: #e56b15; font-size: 24px !important; border-bottom: 3px solid rgba(0,0,0,0.2); padding-left: 40px !important; padding-right: 40px !important; text-decoration: none !important; padding: 10px 25px; font-weight: 700; /* border: 2px solid #000000; */ border-radius: 20px; color: #ffffff !important; } a.button-link-2 { margin-top: 40px; background: #a7a7a7; font-size: 24px !important; border-bottom: 3px solid rgba(0,0,0,0.2); padding-left: 40px !important; padding-right: 40px !important; text-decoration: none !important; padding: 10px 25px; font-weight: 700; /* border: 2px solid #000000; */ border-radius: 20px !important; color: #ffffff !important; } a.button-link-1:hover { text-decoration: underline !important; } a.button-link-2:hover { text-decoration: underline !important; }