/* Generated on: Fri Mar 24 2023 13:19:17 GMT+0000 (Coordinated Universal Time) */ /* ========================================================================== normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css ========================================================================== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{height:auto}input[type='search']{-webkit-appearance:none}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ========================================================================== Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. ========================================================================== */ @font-face{font-family:'webflow-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^='w-icon-'],.w-slider-arrow-right [class^='w-icon-'],.w-slider-arrow-left [class*=' w-icon-'],.w-slider-arrow-right [class*=' w-icon-']{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0px;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important} /* ========================================================================== Start of custom Webflow CSS ========================================================================== */ .w-form-formradioinput--inputType-custom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; width: 12px; height: 12px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0px 0px 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-top-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-right-width: 4px; border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; border-right-color: #3898ec; } .w-checkbox { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox::before { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; } .w-checkbox::after { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; clear: both; } .w-checkbox-input { float: left; margin-bottom: 0px; margin-left: -20px; margin-right: 0px; margin-top: 4px; line-height: normal; } .w-checkbox-input--inputType-custom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; width: 12px; height: 12px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; border-right-color: #3898ec; background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0px 0px 3px 1px #3898ec; } .w-layout-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px; } .w-pagination-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .w-pagination-previous { display: block; color: #333; font-size: 14px; margin-left: 10px; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .w-pagination-previous-icon { margin-right: 4px; } .w-pagination-next { display: block; color: #333; font-size: 14px; margin-left: 10px; margin-right: 10px; padding-top: 9px; padding-bottom: 9px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .w-pagination-next-icon { margin-left: 4px; } body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-size: 14px; line-height: 20px; } h1 { margin-top: 20px; margin-bottom: 10px; font-family: Poppins, sans-serif; color: #252423; font-size: 38px; line-height: 44px; font-weight: 600; } h2 { margin-top: 0px; margin-bottom: 24px; font-family: Poppins, sans-serif; color: #252423; font-size: 36px; line-height: 44px; font-weight: 600; } h3 { margin-top: 0px; margin-bottom: 16px; font-family: Poppins, sans-serif; color: #252423; font-size: 24px; line-height: 30px; font-weight: 600; } h4 { margin-top: 24px; margin-bottom: 24px; font-family: Poppins, sans-serif; } h5 { margin-top: 10px; margin-bottom: 10px; font-size: 14px; line-height: 20px; font-weight: bold; } h6 { margin-top: 0px; } p { margin-bottom: 16px; font-family: Poppins, sans-serif; color: #252423; font-size: 16px; line-height: 24px; } a { font-family: Poppins, sans-serif; color: #6265a3; text-decoration: underline; } a:hover { text-decoration: underline; } ul { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } ol { margin-top: 29px; margin-bottom: 14px; padding-left: 30px; } li { margin-bottom: 8px; font-family: Poppins, sans-serif; color: #252423; } img { display: inline-block; max-width: 100%; } strong { font-weight: bold; } blockquote { margin-bottom: 10px; padding: 10px 20px; border-left: 5px solid #e2e2e2; font-size: 18px; line-height: 22px; } figure { margin-bottom: 10px; } figcaption { margin-top: 5px; font-family: 'Open Sans', sans-serif; color: rgba(37, 36, 35, 0.74); text-align: center; } .header { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 200; display: flex; height: 90px; max-width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 16px; padding-left: 16px; flex-wrap: wrap; align-items: center; align-content: center; background-color: hsla(0, 0%, 100%, 0.05); } .header.demo.no-marg { margin-top: 0px; } .header.shadow { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } .header-logo { height: 45px; padding: 10px 0px; border-style: none; border-width: 1px; border-color: rgba(0, 169, 245, 0.7); border-radius: 0px; } .header-links { display: flex; justify-content: flex-start; align-items: center; flex: 1; text-align: right; } .header-links.palvelu { opacity: 0.8; } .header-links.right { justify-content: flex-end; } .header-link { display: inline-block; margin-right: 0px; margin-left: 0px; padding: 4px 25px 4px 14px; float: right; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ce4e47ba62d2335796f9b29_down-arrow.png"); background-position: 94% 50%; background-size: 12px; background-repeat: no-repeat; font-family: Montserrat, sans-serif; color: #42526e; font-size: 15px; font-weight: 500; text-decoration: none; } .header-link.demo { margin-right: 0px; margin-left: 10px; padding: 8px 15px; border: 2px solid #dedede; border-radius: 4px; transition: all 250ms ease; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; } .header-link.demo:hover { border-color: #00a9f5; background-color: #00a9f5; color: #fff; } .header-link.features { height: 40px; } .header-link.resources { height: 40px; } .header-link.block { display: block; margin-right: 0px; margin-left: 0px; padding-right: 10px; padding-left: 10px; float: none; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; font-family: Montserrat, sans-serif; color: #323648; font-weight: 500; text-align: left; } .header-link.block:hover { background-color: #e9e9e9; font-weight: 600; } .header-link.block.border { border-top: 1px solid #eee; } .header-link.block.align { display: flex; align-items: center; } .header-link.top { margin-top: 2px; } .header-link.subpages { color: #6b7c93; font-weight: 400; } .header-link.no-dropdown { padding-right: 14px; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .header-link-text { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0.4px; } .header-link-text.palvelu { color: #fff; } .header-link-text.palvelu.blue { color: #00a9f5; } .header-link-text.float { float: left; } .header-link-text.subpages { font-family: Montserrat, sans-serif; font-weight: 500; } .font-awesome { font-family: 'Fa 400', sans-serif; color: #fff; } .front-heading { margin-top: 0px; margin-bottom: 0px; font-family: 'Fontfabric panton', sans-serif; color: #fff; font-size: 50px; line-height: 50px; font-weight: 400; text-align: left; } .front-heading.pricing-page { margin-bottom: 70px; font-family: Montserrat, sans-serif; color: #fff; font-size: 46px; line-height: 1.35em; font-weight: 700; text-align: center; } .big-button { display: block; width: 180px; margin-right: auto; margin-left: auto; padding: 12px 11px; border: 1px solid #4f9fe0; border-radius: 5px; background-color: #00a9f5; transition: all 300ms ease; font-family: Roboto, sans-serif; font-size: 18px; font-weight: 500; text-align: center; } .big-button:hover { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)); } .big-button.top-marg { margin-top: 40px; } .big-button.full-wide { width: 100%; } .big-button.left { width: auto; padding: 14px 64px; float: left; border-style: none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); font-family: Lato, sans-serif; color: #fff; font-size: 17px; line-height: 26px; font-weight: 700; letter-spacing: -0.5px; } .big-button.left:hover { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2)); } .big-button.left.centered { width: 280px; float: none; } .big-button.left.centered.partners { width: 220px; padding: 10px 20px; background-color: #ef5858; } .big-button.left.centered.partners.ohje { width: 300px; margin-left: 30px; float: left; } .big-button.left.centered.less-padd { padding-right: 40px; padding-left: 40px; } .big-button.left.secondary { margin-top: 10px; border: 2px solid #00a9f5; background-color: #fff; color: #00a9f5; } .big-button.left.secondary:hover { background-color: #00a9f5; color: #fff; } .big-button.left.footer-button { padding: 5px 20px; font-size: 15px; } .big-button.left.new-front { padding: 0px 20px; background-color: #3ecf8e; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 40px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .big-button.left.new-front.center { width: 300px; float: none; } .big-button.left.new-front.signin { margin-left: 10px; background-color: #fff; color: #7795f8; } .big-button.left.new-front.signin.refs { display: block; margin-right: auto; margin-left: auto; color: #6265a3; } .big-button.left.new-front.signin.front { display: block; width: 280px; margin-right: auto; margin-left: auto; float: none; } .big-button.left.new-front.signin.front.pricing-div { display: inline-block; width: auto; margin-right: auto; margin-left: auto; } .big-button.left.new-front.signin.refs { display: block; margin-right: auto; margin-left: auto; } .big-button.left.new-front.purple { background-color: #555abf; } .big-button.left.new-front.purple.topbar { margin-left: 15px; padding: 8px 15px; line-height: 20px; } .references { display: block; width: 100%; padding: 24px 10px; align-items: center; border-bottom: 1px solid #ececec; background-color: #fff; text-align: center; } .reference-logos { display: flex; overflow: hidden; width: 900px; max-width: 95%; margin-right: auto; margin-left: auto; float: none; justify-content: center; align-items: center; flex: 1; } .heading { margin-top: 0px; flex: 1; font-family: Lato, sans-serif; color: #a5aaae; font-size: 15px; line-height: 22px; font-weight: 400; } .ref-logo { max-height: 70px; max-width: 16%; margin-right: 2%; margin-left: 2%; } .ref-logo.smartum { height: 40px; } .ref-logo.tuomi { height: 60px; } .ref-logo.super { height: 70px; margin-top: 0px; } .ref-logo.delete { height: 40px; } .ref-logo.istekki { height: 65px; } .ref-logo.small { max-width: 12%; } .product { padding-top: 100px; padding-bottom: 100px; border-bottom: 1px solid #ececec; } .product-heading { margin-bottom: 0px; font-family: Lato, sans-serif; color: #253039; font-size: 34px; line-height: 1.2em; font-weight: 400; text-align: center; } .product-heading.frequently-asked { margin-top: 0px; margin-bottom: 40px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.85); font-weight: 500; } .product-heading.no-marg { margin-top: 0px; } .product-heading.no-top-marg { margin-top: 0px; font-size: 32px; line-height: 1.35em; font-weight: 400; text-align: left; letter-spacing: 0.7px; } .product-heading.no-top-marg.small { margin-top: 12px; margin-bottom: 12px; font-family: Montserrat, sans-serif; color: #639ec9; font-size: 16px; font-weight: 600; } .product-heading.left { margin-top: 25px; text-align: left; } .product-p { font-family: Lato, sans-serif; color: #9da2a6; font-size: 22px; line-height: 31px; font-weight: 300; text-align: center; } .feature-icon { display: block; width: 25%; margin-right: auto; margin-bottom: 20px; margin-left: auto; } .feature-icon.section { display: inline-block; width: 72px; float: none; } .feature-icon.section.round { border-radius: 99px; background-color: #f9f9f9; } .feature-icon.menu { width: 45px; float: left; } .feature-p { overflow: visible; margin-bottom: 15px; padding-right: 5px; padding-left: 5px; font-family: Lato, sans-serif; color: #676d76; font-size: 15px; line-height: 22px; font-weight: 400; text-align: center; } .feature-p.big { margin-top: 25px; margin-bottom: 30px; padding-right: 0px; padding-left: 0px; color: #9da2a6; font-size: 17px; line-height: 26px; font-weight: 300; text-align: left; } .feature-p.big.small { font-size: 15px; line-height: 24px; } .feature-p.big.small.no-marg { margin-top: 0px; } .feature-p.big.small.center { margin-top: 10px; margin-bottom: 0px; text-align: center; } .feature-p.big.small.center.no-marg { margin-top: 0px; padding-right: 8px; font-size: 14px; line-height: 20px; text-decoration: underline; } .feature-p.big.small.center.dark { color: #333; } .feature-p.big.center { color: #fff; text-align: center; } .feature-p.big.center.grey { color: #797979; } .feature-p.big.center.grey.smal { margin-top: 16px; margin-bottom: 0px; color: hsla(0, 0%, 47.5%, 0.74); font-size: 14px; line-height: 21px; } .large-feature-div { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #ebebeb; background-color: #f5f5f5; background-image: none; } .feature-text-div { display: inline-block; width: 40%; margin-left: 10%; padding-top: 0px; } .feature-text-div.left { width: 40%; margin-right: 10%; padding-right: 0px; padding-left: 0px; float: left; text-align: left; } .feature-text-div.right { padding-left: 40px; float: right; } .feature-image-div { position: relative; width: 50%; height: 450px; } .feature-image-div.right { width: 50%; height: 450px; float: right; } .feature-large-heading { margin-top: 15px; margin-bottom: 16px; font-family: Montserrat, sans-serif; color: #323648; font-size: 32px; line-height: 38px; font-weight: 500; } .feature-large-heading.tasks { color: #31bafd; } .feature-large-heading.documentation { color: #7248bd; font-weight: 400; } .feature-large-heading.gdpr { color: #ff5419; } .feature-large-heading.yearly { color: #4cdbc4; } .feature-large-heading.small { display: inline-block; margin-top: 0px; margin-bottom: 0px; float: left; font-size: 18px; line-height: 22px; text-align: left; } .feature-large-heading.center { margin-top: 0px; margin-bottom: 40px; text-align: center; } .feature-large-p { margin-bottom: 16px; font-family: Lato, sans-serif; color: #5b5e6d; font-size: 17px; line-height: 26px; font-weight: 400; } .feature-large-p.tapahtuma-p { margin-top: 15px; margin-bottom: 15px; padding-right: 20px; padding-left: 20px; color: #9a9a9a; font-size: 14px; line-height: 24px; text-align: center; letter-spacing: 0.3px; } .feature-large-p.tapahtuma-p.lowmarg { margin-bottom: 8px; } .feature-large-image { max-width: 140%; } .feature-large-image.left { float: left; } .feature-large-image.right { float: right; } .more-info { padding-top: 80px; padding-bottom: 80px; background-image: linear-gradient(0deg, #f9fcff, transparent 49%); } .get-started-container { padding-bottom: 0px; border-bottom: 1px solid #ececec; } .get-started-container.more-bot-pad { padding-bottom: 50px; } .get-started-container.no-border { border-bottom-style: none; } .get-started-container.more-bot-marg { padding-bottom: 70px; } .footer { position: relative; display: block; padding-top: 180px; padding-bottom: 40px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; align-content: center; border-top: 1px solid #ececec; background-color: #f6f9fc; text-align: center; } .footer-links { display: flex; width: 1280px; max-width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 40px; padding-bottom: 16px; flex: 1; border-bottom: 1px none hsla(0, 0%, 92.2%, 0.2); text-align: center; } .footer-menu { position: relative; display: inline-block; width: 25%; float: left; text-align: left; } .footer-menu.below { width: 100%; margin-top: 40px; float: none; } .footer-heading { margin-top: 0px; margin-bottom: 16px; font-family: Inter, sans-serif; color: #000; font-size: 18px; line-height: 20px; font-weight: 400; text-align: left; text-transform: none; } .footer-link { display: block; margin: 8px auto; transition: all 200ms ease; font-family: Inter, sans-serif; color: #000; font-size: 14px; line-height: 22px; font-weight: 500; text-align: left; text-decoration: none; } .footer-link:hover { color: #00ecc0; } .footer-link.secondary { margin-top: 4px; margin-bottom: 4px; font-size: 12px; line-height: 20px; } .footer-link.secondary.last { margin-right: 16px; float: left; } .footer-info { display: inline-block; width: 1280px; max-width: 100%; padding-top: 64px; flex: 0 auto; } .footer-info.left { text-align: left; } .footer-text { display: inline-block; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.45); font-size: 12px; line-height: 20px; text-align: left; } .trial-section { position: relative; display: flex; margin-right: auto; margin-bottom: 0px; margin-left: auto; justify-content: center; align-items: center; background-image: linear-gradient(135deg, #523bff, #09ceff); } .trial-section.top-marg { padding-top: 30px; } .trial-section.top-marg.webinar { margin-top: 0px; flex-direction: column; background-color: #fff; background-image: none; } .trial-section.top-marg.webinar.single { margin-top: 18px; } .trial-section.top-marg.webinar.more-marg { padding-top: 50px; } .trial-div { position: relative; max-width: 700px; margin-top: 0px; margin-bottom: 0px; padding: 30px 40px; flex: 1; border-radius: 8px; background-color: #fff; box-shadow: 0 0 20px -5px #333; } .trial-div.demo.book { position: relative; z-index: 10; max-width: 800px; margin: 15px 10px 100px; } .trial-div.demo.book.webinar { position: relative; z-index: 2; width: 800px; max-width: 95%; margin-top: 15px; margin-bottom: 30px; } .trial-div.new { z-index: 5; max-width: 650px; margin-bottom: -64px; border-radius: 16px; box-shadow: 0 16px 16px 0 rgba(23, 7, 57, 0.05); } .trial-div.new.booking { width: 1080px; max-width: 95%; } .trial-div.new.booking.types { width: 700px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 8px; border: 1px solid #e8ebf8; } .faq { margin-top: 0px; padding-top: 70px; padding-bottom: 100px; border-top: 1px solid rgba(0, 0, 0, 0.04); } .faq.trial-page { padding-top: 70px; border-top-style: solid; border-top-color: rgba(37, 36, 35, 0.05); background-color: #fff; } .faq.trial-page.top-margin { margin-top: 50px; } .faq.ehdot { margin-top: 0px; } .faq.ehdot.support { margin-top: -110px; padding-top: 0px; border-top-style: none; } .faq-content-div { display: block; width: 700px; max-width: 100%; margin-right: auto; margin-left: auto; } .faq-heading { font-family: Roboto, sans-serif; color: #414447; font-size: 21px; font-weight: 400; } .faq-heading.support { margin-top: 15px; margin-bottom: 15px; font-family: Lato, sans-serif; font-weight: 700; text-align: center; } .faq-p { display: block; margin-top: 16px; margin-bottom: 16px; font-family: Roboto, sans-serif; color: #868c92; font-size: 16px; line-height: 26px; } .faq-p.support { margin-top: 0px; margin-bottom: 15px; text-align: center; } .faq-container { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px none #ececec; } .faq-container.webinar-page { margin-bottom: 24px; padding-bottom: 24px; } .features-menu-div { position: relative; right: -270px; z-index: 1000; display: none; width: 650px; margin-top: 10px; padding-top: 0px; justify-content: center; align-items: center; border: 1px solid #eee; border-radius: 5px; background-color: #fff; opacity: 0; transition: all 200ms ease; } .features-menu-div.resources { position: absolute; right: 0px; z-index: 200; display: none; opacity: 0; text-align: center; } .features-menu-single-div { position: relative; z-index: 51; display: flex; width: 50%; padding: 20px 40px 20px 30px; float: left; justify-content: center; align-items: center; border-radius: 5px; background-color: #fff; text-decoration: none; } .caret { position: relative; z-index: 50; display: block; width: 20px; height: 20px; margin-top: -7px; margin-right: auto; margin-left: auto; border: 1px solid #eee; background-color: #fff; transform: rotate(45deg); } .features-menu-text-div { padding-left: 10px; flex: 1; } .features-menu-feature-heading { margin-top: 0px; margin-bottom: 0px; font-family: Lato, sans-serif; color: #253039; font-size: 18px; line-height: 25px; font-weight: 700; text-align: left; } .features-menu-feature-heading.tasks { color: #31bafd; } .features-menu-feature-heading.documentation { color: #7248bd; } .features-menu-feature-heading.gdpr { color: #ff5419; } .features-menu-p { margin-bottom: 0px; font-family: Lato, sans-serif; color: #676d76; font-size: 15px; line-height: 22px; font-weight: 400; text-align: left; } .header-logo-div { width: 20%; max-height: 40px; margin-top: 0px; margin-right: 2%; border: 2px none #00a9f5; border-radius: 10px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ce4e1dfb7568a9f142b0165_Digiturvamalli-logo.png"); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; text-decoration: none; } .header-logo-div.w--current { margin-top: 0px; border-style: none; } .worklist-logo-div { position: absolute; left: 35px; top: 5px; background-color: #f9fcff; } .worklist-logo-div.white { background-color: #fff; } .worklist-small-logo { width: 80px; margin-right: 5px; margin-left: 5px; } .header-scroll { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 100; display: none; width: 100%; height: 90px; margin-right: auto; flex-wrap: wrap; align-items: center; align-content: center; border-bottom: 2px none #000; background-color: #fff; box-shadow: 0 2px 1px 0 #ededed; opacity: 0; transition: all 250ms ease; } .header-scroll-stuff { display: flex; height: 90px; margin-right: auto; margin-left: auto; flex-wrap: wrap; align-items: center; align-content: center; } .header-scroll-relative { position: relative; display: block; width: 98%; max-width: 1040px; margin-right: auto; margin-left: auto; } .mobile-links { display: block; } .inline { display: inline-block; } .inline.right { margin-left: 16px; } .inline.float { float: left; } .inline.right-marg { margin-right: 4px; } .progress-bar { height: 8px; border-radius: 5px; background-color: #d9d9d9; } .progress-bar.green { position: relative; width: 50%; float: left; background-color: #88c249; } .progress-bar.green.step-1 { width: 20%; } .progress-bar.bot-margin { margin-bottom: 32px; } .button { padding: 6px 15px; border-radius: 4px; background-color: #6265a3; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04); transition: all 250ms ease; font-family: Montserrat, sans-serif; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; text-decoration: none; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.12); } .button:hover { opacity: 0.8; } .button.alternate { border-style: solid; border-width: 1px; border-color: #6265a3; background-color: transparent; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04); font-family: Inter, sans-serif; color: #6265a3; } .button.alternate:hover { background-color: rgba(0, 0, 0, 0.04); } .button.alternate.white { border-color: #fff; color: #fff; } .button.link { padding-right: 30px; padding-left: 0px; background-color: transparent; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e8ef9510b95887b7de01a4d_arrow.png"); background-position: 98% 50%; background-size: 20px; background-repeat: no-repeat; box-shadow: none; font-family: Poppins, sans-serif; color: #6265a3; font-size: 14px; } .button.link.reverse { padding-right: 0px; padding-left: 30px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/60224199d8a0e9b2975b02c0_left-arrow.png"); background-position: 2% 50%; background-size: 24px; font-weight: 400; } .button.link.no-arrow { padding-right: 0px; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .button.link.no-arrow:hover { text-decoration: underline; } .button.link.no-arrow.right-marg { margin-right: 10px; } .button.link.margin { margin-bottom: 24px; font-size: 14px; } .button.link.margin.d-none { display: none; } .button.link.margin.transparent { opacity: 0; cursor: default; } .button.link.opacity { opacity: 0.45; } .button.link.secondary { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; font-weight: 400; } .button.link.secondary.right-marg { margin-left: 24px; } .button.link.secondary.right-marg.not-visible { display: none; } .button.tabs { min-width: 70px; padding-top: 14px; padding-bottom: 14px; border-style: none; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); border-radius: 0px; background-color: transparent; color: rgba(0, 0, 0, 0.45); text-align: center; } .button.tabs.w--current { margin-top: 8px; padding-top: 6px; padding-bottom: 6px; border-style: solid; border-color: #6265a3; border-radius: 99px; background-color: #452cd1; color: #fff; } .button.tabs.last { border-radius: 99px; } .button.tabs.last:hover { opacity: 1; text-decoration: none; } .button.tabs.first { border-left-style: none; border-radius: 99px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04); } .button.tabs.first.display-none { display: none; } .button.tabs.old { display: none; } .button.webinar { position: absolute; left: auto; top: 24px; right: -8px; bottom: auto; } .button.big { padding: 18px 25px; box-shadow: 1px 0 4px 0 rgba(59, 0, 108, 0.24); font-family: Poppins, sans-serif; font-size: 16px; font-weight: 400; } .button.big.secondary { margin-left: 8px; border-style: solid; border-width: 1px; border-color: rgba(98, 100, 167, 0.74); background-color: transparent; box-shadow: none; color: #6265a3; font-weight: 500; } .button.big.secondary.link { border-style: none; background-image: none; background-size: auto; background-repeat: repeat; } .button.big.secondary.link.absolute { position: absolute; left: auto; top: 0%; right: -150px; bottom: 0%; } .button.big.secondary.ad-image { border-width: 2px; border-radius: 99px; text-transform: uppercase; } .button.big.top-marg { margin-top: 8px; } .button.big.ad-image { padding-top: 10px; padding-bottom: 6px; border-radius: 99px; text-transform: uppercase; } .button.margs { margin-right: 8px; margin-left: 8px; font-family: Inter, sans-serif; } .button.med-big { padding: 10px 20px; box-shadow: 0 10px 25px 0 rgba(85, 88, 175, 0.5); } .button.med-big:hover { background-color: #5558af; } .button.med-big.secondary { margin-right: 0px; margin-left: 8px; border-style: solid; border-width: 1px; border-color: #6265a3; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(85, 88, 175, 0.25); color: #6265a3; } .button.very-small { box-shadow: 0 7px 16.5px 0 rgba(123, 104, 238, 0.5); font-size: 12px; } .button.very-small.left-marg { margin-left: 8px; border-radius: 8px; font-size: 12px; line-height: 19px; font-weight: 700; } .button.very-small.left-marg.no-shadow { box-shadow: none; } .button.fixed-220 { width: 220px; margin-left: 16px; } .button.webinar-list { padding: 19px 24px; border-radius: 0px; background-color: #0000d3; } .button.webinar-list:hover { background-color: #0000a9; } .button.big-shadow { border-radius: 6px; box-shadow: 0 12px 25px 0 #6265a3, 0 0 2px 0 rgba(0, 0, 0, 0.04); } .button.medium { padding: 10px 20px; box-shadow: 0 3px 16px 0 rgba(98, 100, 167, 0.5), 0 0 2px 0 rgba(0, 0, 0, 0.04); font-size: 16px; } .button.medium.display-none { display: none; } .about-us-section { margin-top: 0px; padding-top: 200px; padding-bottom: 0px; border-bottom: 1px solid #ececec; } .about-us-section.bottom { margin-top: 50px; padding-top: 0px; } .about-us-section.bottom.ohje { margin-top: 0px; margin-bottom: 20px; padding-top: 40px; } .about-us-section.no-pad { position: relative; z-index: 4; padding-top: 424px; background-color: #fff; } .grey { color: rgba(111, 114, 117, 0.8); } .grey:hover { color: #6f7275; } .footer-some { display: inline-block; float: right; } .footer-some-icon { display: flex; width: 24px; height: 24px; margin-right: 5px; margin-left: 5px; float: right; justify-content: center; align-items: center; border-radius: 24px; background-color: rgba(40, 42, 44, 0.8); color: #fff; font-size: 12px; text-decoration: none; } .footer-some-icon:hover { background-color: #282a2c; } .version-image { display: block; width: 92px; height: 92px; margin: 16px auto 24px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c0e307236137d3fffddf5a3_004-shield-3.png"); background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .version-image.analyse { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c0e314736137d1a5cddf70c_003-shield.png"); background-size: 100%; } .version-image.protect { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c0e31479a1479ba04f091ba_002-shield-2.png"); background-size: 100%; } .version-image.enterprise { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c0e314736137d20a8ddf70d_001-shield-1.png"); background-size: 100%; } .cloud { position: absolute; left: 150px; top: -50px; width: 50px; } .blue { color: #00a9f5; } .front-p { margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px; font-family: Lato, sans-serif; color: #253039; font-size: 20px; line-height: 28px; text-align: left; } .front-p._50 { width: 70%; } .front-p._50.diab { display: block; margin-right: auto; margin-left: auto; color: #fff; text-align: center; } .front-p.pricing-page { padding-top: 5px; padding-bottom: 5px; color: #fff; text-align: center; } .front-p.pricing-page.lower { margin-top: 20px; margin-bottom: 20px; } .front-p.pricing-page.lower.slim { margin-bottom: 0px; padding-bottom: 5px; } .front-p.pricing-page.lower.slim.explanation { display: inline-block; margin: 0px 8px 20px; padding-top: 5px; padding-bottom: 20px; color: #9c56b8; } .front-p.pricing-page.lower.slim.explanation.contact { color: #e87e04; } .front-p.pricing-page.version-text { display: none; margin-top: 30px; } .front-p.pricing-page.pretext { position: absolute; left: 0px; top: -140px; right: 0px; z-index: 4; } .already-a-user { display: inline; font-family: Lato, sans-serif; color: #70787d; line-height: 25px; } .user-text { padding-top: 8px; float: none; clear: left; text-align: left; } .grey-link { color: #717274; } .blue-link { position: relative; z-index: 100; display: inline-block; color: #6264a7; text-decoration: underline; } .disabled { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 80; display: flex; justify-content: center; align-items: center; flex: 1; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)); } .disabled-text { display: inline-block; justify-content: center; flex-wrap: nowrap; align-items: center; flex: 1; } .disabled-text-big { display: block; width: 60%; margin-right: auto; margin-left: auto; font-family: Lato, sans-serif; color: #fff; font-size: 60px; line-height: 60px; text-align: center; } .white-link { color: #fff; } .white-link.grey { color: #797979; } .pricing-new { height: 580px; margin-top: 70px; padding-top: 50px; padding-bottom: 80px; background-image: linear-gradient(45deg, #662d8c, #ed1e79); } .pricing-tab { z-index: 100; width: 20%; margin-right: 0px; margin-left: 0px; padding: 0px 15px; border-left: 1px none #202327; background-color: #f5f5f5; box-shadow: none; opacity: 0; font-family: Lato, sans-serif; color: hsla(0, 0%, 100%, 0.2); font-size: 12px; text-align: center; } .pricing-tab.w--current { z-index: 100; width: 12%; margin-right: 0px; margin-left: 0px; padding-right: 15px; padding-left: 15px; border-radius: 50px; background-color: transparent; box-shadow: none; opacity: 1; font-family: Lato, sans-serif; color: #00a9f5; font-size: 12px; font-weight: 400; } .pricing-tab.large { border-width: 2px; } .pricing-tab.large.premium { border-style: solid; border-color: #9454af; } .pricing-tab.large.contact { border-style: solid; border-color: #e97f00; } .pricing-tab.union { line-height: 14px; } .pricing-tab.contact { border: 2px solid #e97f00; } .pricing-tabs { display: flex; height: 12px; margin-bottom: 40px; justify-content: center; align-items: center; text-align: center; } .pricing-tab-menu { margin-top: 0px; margin-bottom: 30px; } .pricing-tabs-outer { position: relative; overflow: visible; height: 12px; margin-top: 30px; margin-bottom: 40px; border-radius: 99px; background-color: #c0c8cf; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3); } .body { max-height: 500px; } .blog-other-content { display: block; padding-top: 30px; padding-bottom: 40px; background-color: #fafafa; } .blog-other-content.lower { padding-top: 24px; padding-bottom: 80px; } .blog-other-content-items { display: flex; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 40px; justify-content: center; flex-wrap: wrap; align-items: center; align-content: center; } .blog-other-content-items.border { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .blog-other-item-outer { display: block; margin-right: auto; margin-left: auto; padding: 8px; float: none; text-decoration: none; } .blog-other-item-inner { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.04); border-radius: 4px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16); } .blot-other-image { height: 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .blog-other-text { height: 150px; padding: 15px 15px 0px; background-color: #fff; } .blog-other-info { margin-bottom: 7px; font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.44); font-size: 13px; line-height: 19px; } .blog-other-title { overflow: hidden; max-height: 52.8px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 2px; font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.9); font-size: 24px; line-height: 26.4px; letter-spacing: -0.5px; } .blog-other-author { display: flex; padding: 0px 15px 15px; align-items: center; } .blog-other-author-image { width: 36px; height: 36px; border-radius: 18px; } .blog-other-author-text { margin-left: 7px; font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.9); line-height: 19px; font-weight: 300; } .blog-other-author-name { margin-top: 0px; margin-bottom: 0px; font-size: 13px; line-height: 19px; font-weight: 400; } .blog-other-author-description { color: rgba(0, 0, 0, 0.44); font-size: 12px; line-height: 18px; font-weight: 400; } .blog-other-author-description.inline { display: inline-block; margin-right: 3px; } .collection-list { flex: 1; } .collection-item { display: inline-block; width: 33%; } .comments-section { display: none; width: 85%; max-width: 640px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 30px; } .comments-section-heading { margin-top: 0px; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.6); font-size: 13px; line-height: 20px; font-weight: 500; } .tapahtuma-heading { margin-bottom: 30px; font-family: 'Fontfabric panton', sans-serif; color: #323a4e; font-size: 36px; line-height: 46px; text-align: center; } .tapahtuma-heading.meista { font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 32px; line-height: 36px; font-weight: 500; } .schedule-div { display: block; width: 80%; margin-right: auto; margin-left: auto; padding-bottom: 50px; border-bottom: 1px solid #eee; } .schedule-div.lower { padding-top: 30px; } .schedule-div.lower.full-width { width: 100%; border-bottom-style: none; } .schedule-div.lower.full-width.ohje { padding-top: 0px; border-bottom-style: none; } .schedule-div.lower.full-width.no-border { border-bottom-style: none; } .organizers { display: flex; margin-top: 40px; justify-content: center; align-items: flex-start; } .presenter-1 { width: 45%; } .presenter-1._33 { width: 33%; padding-right: 5px; padding-left: 5px; text-align: center; } .presenter-image { display: block; width: 50%; min-height: 150px; margin-right: auto; margin-left: auto; border: 1px solid #ccc; border-radius: 999px; background-image: none; background-position: 0px 0px; background-size: auto; } .presenter-image.dtm { background-color: #f9f9f9; } .mini-title { margin-bottom: 0px; font-family: Montserrat, sans-serif; color: #999; font-size: 10px; font-weight: 400; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; } .heading-2 { font-family: Montserrat, sans-serif; font-size: 18px; line-height: 20px; text-align: center; text-transform: uppercase; } .prices-company { height: 270px; margin-top: 50px; margin-bottom: 25px; padding-right: 80px; padding-left: 80px; } .pricing-containers { height: 100%; margin-top: -40px; } .pricing-container-content { display: block; overflow: visible; width: 800px; max-width: 95%; margin-top: 70px; margin-right: auto; margin-left: auto; padding-top: 20px; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.25); } .pricing-containers-menu { display: block; padding-top: 0px; padding-bottom: 20px; justify-content: center; align-items: center; background-color: transparent; text-align: center; } .pricing-container-tab-link { position: relative; z-index: 100; display: inline-block; overflow: hidden; padding: 15px 27px; flex-direction: row; justify-content: center; flex-wrap: nowrap; align-items: center; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); color: #3c3c3c; } .pricing-container-tab-link.w--current { display: inline-block; overflow: visible; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, 0.75); color: #fff; } .pricing-container-tab-link.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pricing-container-tab-link.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pricing-container-icon { margin-right: 8px; font-family: 'Fontawesome webfont', sans-serif; font-size: 15px; text-align: center; } .pricing-container-title { font-family: Lato, sans-serif; font-size: 15px; line-height: 15px; font-weight: 700; text-align: center; } .active-caret { position: absolute; left: 0px; right: 0px; bottom: -10px; z-index: 2; display: block; width: 20px; height: 20px; margin-right: auto; margin-left: auto; background-color: #4f5155; transform: rotate(45deg); } .active-caret.top-bar { bottom: -20px; background-color: #f7f8fa; } .no-dec-link { color: #9a9a9a; text-decoration: none; } .book-a-demo-embed { margin-top: -16px; border-bottom: 1px solid #efeff4; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .book-a-demo-embed.jobs { margin-top: 10px; font-family: 'Fontfabric panton', sans-serif; } .book-a-demo-embed.tulkki-page { width: 80%; margin: 32px auto 60px; } .product-main { display: flex; width: 1080px; max-width: 90%; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .product-image-div { display: inline-block; width: 50%; padding-right: 30px; float: left; } .tsm-main-image { max-width: 130%; float: right; } .product-text-div { display: inline-block; width: 50%; float: left; } .product-feature-div { display: inline-block; width: 50%; padding-right: 20px; float: left; } .product-feature-icon { width: 25px; } .ref-comments { border-top: 1px none #ececec; border-bottom: 1px solid #ececec; } .ref-comment-text { display: flex; width: 50%; height: 100%; padding: 30px 5%; float: left; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(45deg, #2e3192, #1bffff); } .ref-comment-text.tuomi { background-image: linear-gradient(45deg, #00537e, #3aa17e); } .ref-comment-text.super { background-image: linear-gradient(45deg, #4f00bc, #29abe2); } .ref-comment-logo { display: flex; width: 50%; height: 100%; float: left; justify-content: center; align-items: center; } .ref-comment-logo.delete { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/59e214024221ad0001be555d_lance-anderson-216298.jpg"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .ref-comment-logo.tuomi { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/59e2156a4221ad0001be55ad_zachary-staines-61728.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; } .ref-comment-logo.super { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/59e215a3ec229e00016d8452_aditya-romansa-117344.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; } .quote-text { margin-bottom: 30px; font-family: Lato, sans-serif; color: #fff; font-size: 22px; line-height: 40px; text-align: center; } .quote-text.title-and-name { margin-top: 20px; margin-bottom: 0px; font-size: 14px; line-height: 30px; font-weight: 600; text-transform: uppercase; } .divider { display: block; width: 10%; height: 3px; margin-right: auto; margin-left: auto; background-color: hsla(0, 0%, 100%, 0.25); } .quote-logo { max-height: 40%; max-width: 30%; } .quote-logo.tuomi { max-height: 60%; } .features { display: flex; padding-top: 50px; padding-bottom: 50px; justify-content: center; align-items: center; background-image: linear-gradient(180deg, rgba(0, 169, 245, 0.65), rgba(0, 169, 245, 0.65)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a7074c47a266f000142403b_5a6f0b5ee92d27000126d925_tst-bg2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .other-features { padding-top: 48px; padding-bottom: 48px; border-bottom: 1px solid #ebebeb; } .other-features-div { display: flex; width: 1230px; max-width: 95%; margin-right: auto; margin-bottom: 25px; margin-left: auto; justify-content: center; align-items: center; } .other-feature-div { width: 30%; margin-right: 1%; margin-left: 1%; padding: 24px; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease; text-decoration: none; } .other-feature-div:hover { transform: scale(1.1); } .other-feature-icon-div { display: inline-block; width: 25%; height: 52px; float: left; } .other-feature-text-div { display: flex; width: 75%; height: 52px; float: left; justify-content: flex-start; align-items: center; text-align: left; } .other-feature-image { display: block; width: 52px; height: 52px; margin-right: auto; margin-left: auto; } .smaller { font-size: 17px; } .partners-section { display: flex; height: 400px; margin-top: 0px; justify-content: center; align-items: center; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/59eda78b36e5a0000169440a_stefan-stefancik-257625.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; } .partners-section.less-marg { margin-top: 0px; } .partners-text { width: 800px; max-width: 90%; text-align: center; } .partners-heading { font-family: Montserrat, sans-serif; color: #fff; font-size: 45px; line-height: 45px; text-transform: uppercase; } .partners-heading.ohje { display: block; width: 80%; margin-right: auto; margin-left: auto; } .partners-subheading { display: block; width: 80%; margin-right: auto; margin-bottom: 16px; margin-left: auto; font-family: Lato, sans-serif; color: #fff; font-size: 17px; line-height: 24px; text-align: center; } .utility-page-wrap { display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; justify-content: center; align-items: center; } .utility-page-content { display: flex; width: 260px; flex-direction: column; text-align: center; } .utility-page-form { display: flex; flex-direction: column; align-items: stretch; } .show-next-webinar { position: fixed; left: 15px; bottom: 80px; z-index: 1000; display: flex; width: 320px; height: 300px; max-height: 50%; max-width: 90%; padding: 0px; flex-direction: column; justify-content: center; align-items: center; border-top: 1px none #eee; border-left: 1px none #eee; border-radius: 8px; background-image: linear-gradient(180deg, rgba(31, 65, 87, 0.95), rgba(31, 65, 87, 0.95)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a098ee0d65a2f0001bd01a2_tsm-laptop-10-2017.jpg"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; box-shadow: 5px 0 40px 0 rgba(0, 0, 0, 0.16); transition: all 250ms ease; } .webinar-intro { margin-bottom: 10px; font-family: Lato, sans-serif; color: #fff; font-size: 14px; line-height: 22.5px; font-weight: 300; text-transform: uppercase; } .webinar-intro.large { display: inline-block; margin-right: 5px; margin-bottom: 0px; padding-bottom: 0px; font-size: 16px; text-transform: none; } .webinar-intro.large.first { margin-right: 0px; } .webinar-image { width: 60px; height: 60px; margin-bottom: 10px; } .webinar-heading { margin-top: 0px; margin-bottom: 0px; font-family: Lato, sans-serif; color: #fff; font-size: 20px; line-height: 30px; font-weight: 400; text-align: center; } .webinar-divider { display: inline-block; width: 40%; height: 1px; margin-bottom: 10px; clear: none; background-color: hsla(0, 0%, 100%, 0.2); } .webinar-button { display: block; width: 50%; margin-top: 6px; margin-right: auto; margin-left: auto; clear: none; border-radius: 4px; background-color: #36aaea; font-family: Lato, sans-serif; } .centre { text-align: center; } .webinar-date { margin-bottom: 10px; } .webinar-close { position: absolute; top: 0px; right: 0px; margin-top: 10px; margin-right: 10px; padding: 5px 10px; text-decoration: none; } .no-webinars-next-week { background-color: transparent; text-align: center; } .tip-slider { width: 500px; max-width: 100%; background-color: transparent; } .no-nav { opacity: 0; } .slider-body { overflow: hidden; background-color: transparent; } .tip-div { position: fixed; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: center; } .tip-p { margin-top: -100px; margin-bottom: 30px; font-family: Lato, sans-serif; color: #fff; font-size: 20px; line-height: 26px; font-weight: 300; text-align: center; } .tip-tag { padding: 1px 8px; background-color: #00b8a8; font-family: Montserrat, sans-serif; color: #000; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .text-block-2 { letter-spacing: 2px; } .ref-slider { display: block; width: 1000px; height: 70px; max-width: 100%; margin-right: auto; margin-left: auto; background-color: transparent; } .slider-arrow { display: inline-block; margin-right: 0px; margin-left: 0px; color: #00a9f5; font-size: 25px; } .arrow-link { width: 25px; } .partners { position: relative; padding-top: 70px; padding-bottom: 60px; } .partners-main { display: block; width: 1080px; max-width: 95%; margin-right: auto; margin-left: auto; } .partner-roles-riv { margin-top: 70px; text-align: center; } .partner-role-div { position: relative; z-index: 2; overflow: hidden; width: 30%; margin-right: 2%; margin-left: 2%; padding: 40px 30px 85px; border-radius: 2px; background-color: #fff; box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.15); transition: all 250ms ease; text-decoration: none; } .partner-role-div:hover { box-shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.25); } .partner-role-content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .partner-role-image { width: 40%; margin-bottom: 40px; } .partner-role-heading { margin-top: 0px; font-family: Montserrat, sans-serif; color: #252525; font-size: 22px; line-height: 30px; font-weight: 800; } .partner-role-subheading { margin-top: 0px; margin-bottom: 0px; font-family: Montserrat, sans-serif; color: #00a9f5; font-size: 15px; } .partner-role-subheading.consult { color: #ff8dbb; } .partner-role-subheading.recommend { color: #c3e678; } .partners-low { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; height: 18%; background-color: rgba(0, 169, 245, 0.85); } .partner-role-div-footer { position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; height: 70px; margin-bottom: 2px; padding-right: 20px; padding-left: 20px; justify-content: flex-end; align-items: center; } .partner-arrow { display: flex; width: auto; height: 35px; padding-right: 15px; padding-left: 15px; justify-content: center; align-items: center; border: 2px solid #00a9f5; border-radius: 20px; color: #00a9f5; } .partner-arrow.consult { border-color: #ff8dbb; color: #ff8dbb; } .partner-arrow.recommend { border-color: #c3e678; color: #c3e678; } .font-awesome-no-color { font-family: 'Fontawesome webfont', sans-serif; font-weight: 400; } .font-awesome-no-color.small { display: inline-block; margin-left: 6px; font-size: 12px; line-height: 20px; } .font-awesome-no-color.small.no-margin { margin-left: 5px; line-height: 16px; } .font-awesome-no-color.wolume { font-size: 20px; } .font-awesome-no-color.smaller { margin-right: 4px; font-family: 'Fontawesome webfont', sans-serif; font-size: 16px; } .font-awesome-no-color._14 { position: absolute; left: 210px; top: 0px; font-size: 14px; line-height: 14px; } .font-awesome-no-color.marg-right { margin-right: 5px; } .transparent-nav { opacity: 0; } .coming-soon { position: absolute; top: 0px; right: 0px; display: flex; width: 200px; height: 60px; margin-top: 10px; margin-right: -60px; justify-content: center; align-items: center; background-color: #c36; transform: rotate(45deg); } .coming-soon-text { font-family: Montserrat, sans-serif; color: #fff; font-size: 12px; line-height: 18px; text-transform: uppercase; } .webinar-info { margin-top: 10px; text-align: left; } .webinar-info li { font-family: Lato, sans-serif; color: #121518; font-size: 17px; line-height: 26px; font-weight: 300; } .webinar-info img { float: left; } .webinar-info p { font-family: Lato, sans-serif; color: #121518; font-size: 17px; line-height: 26px; font-weight: 300; } .webinar-info h2 { font-family: Lato, sans-serif; color: #253039; font-size: 34px; line-height: 1.2em; } .partner-terms { display: block; width: 700px; max-width: 95%; margin-right: auto; margin-left: auto; } .partner-terms p { font-family: Roboto, sans-serif; color: #868c92; font-size: 16px; line-height: 24px; } .partner-terms h2 { font-family: Roboto, sans-serif; color: #414447; font-size: 21px; line-height: 30px; font-weight: 400; } .partner-terms a { color: #00a9f5; } .image-2 { width: 1240px; } .general-top-bar { position: relative; z-index: 9999; display: flex; height: 55px; justify-content: center; align-items: center; background-color: #000; } .general-top-bar-container { display: flex; width: 1095px; height: 100%; max-width: 95%; flex-direction: row; justify-content: space-between; align-items: center; } .general-top-bar-logo { width: 200px; max-width: 25%; } .general-top-bar-logo.top-bar { max-width: 100%; } .general-top-bar-link { padding: 12px 17px; font-family: Montserrat, sans-serif; color: #7f7f7f; font-size: 15px; font-weight: 500; text-decoration: none; } .general-top-bar-link:hover { color: #fff; } .general-top-bar-link.active { color: #fff; } .general-top-bar-link.cta-button { margin-left: 15px; padding: 8px 12px; border: 1px solid #00a9f5; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 10px 0 hsla(0, 0%, 100%, 0.44); transition: all 300ms ease; color: #00a9f5; } .general-top-bar-link.cta-button:hover { border-top-right-radius: 4px; background-color: #00a9f5; color: #fff; } .tsmfi-links { position: absolute; top: 70px; display: none; margin-top: -4px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17); color: #222; } .ohjelmisto-dd { position: absolute; left: -160px; top: 45px; right: -160px; z-index: 1001; display: none; min-width: 400px; padding: 0px; flex-direction: column; border-radius: 3px; background-color: #fff; box-shadow: 0 0 100px 50px rgba(50, 50, 93, 0.1); opacity: 0; transition: all 300ms ease; text-align: left; } .div-block-5 { position: relative; display: inline-block; } .div-block-6 { position: relative; z-index: 3; display: inline-block; } .top-bar-link-block { width: 200px; max-width: 25%; } .new-front-hero { display: flex; height: 1350px; align-items: center; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.5)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a7074c47a266f000142403b_5a6f0b5ee92d27000126d925_tst-bg2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .new-front-hero.newer { position: absolute; z-index: 2; overflow: hidden; width: 200%; height: 700px; margin-top: -100px; margin-left: -50%; padding-top: 120px; padding-bottom: 50px; border-bottom: 1px none #ececec; background-color: #fff; background-image: linear-gradient(45deg, #405fff, #1bdbf7); transform: rotate(-10deg); } .new-front-hero-container { position: relative; z-index: 3; display: flex; height: 100%; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; align-items: center; flex: 1; } .new-front-hero-container-text { display: inline-block; width: 35%; padding-right: 0px; float: left; text-align: left; } .heading-large { margin-top: 0px; margin-bottom: 16px; padding-top: 0px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 38px; line-height: 46px; font-weight: 600; letter-spacing: 1px; } .heading-large.blackish { color: #32325d; font-weight: 800; text-align: center; letter-spacing: -1px; text-transform: uppercase; } .heading-large.blackish.small { margin-top: 0px; font-size: 30px; line-height: 38px; } .heading-large.center.white { font-family: Poppins, sans-serif; color: #fff; font-size: 36px; line-height: 36px; font-weight: 600; } .heading-large.center.white.academy { margin-bottom: 12px; color: #333; font-size: 22px; line-height: 30px; font-weight: 500; } .new-front-references { position: relative; max-width: 100%; margin-top: 0px; } .new-front-references.more-marg { margin-top: 48px; margin-bottom: 32px; } .front-references-heading { display: block; margin-top: 0px; font-family: 'Open Sans', sans-serif; color: #323648; font-size: 17px; line-height: 26px; font-weight: 300; } .front-references-heading.small { color: #9aabc3; font-size: 15px; line-height: 22px; } .press { font-weight: 600; } .new-front-customer-logos { width: 105%; margin-top: 20px; } .new-front-customer-logos.fix-height { display: flex; width: 100%; height: 100px; margin-top: 0px; justify-content: space-between; } .new-front-customer-logos.no-marg { width: 100%; margin-top: 0px; } .transparent { background-color: transparent; } .transparent._140 { height: 140px; } .transparent._70 { height: 60px; } .transparent._70 { height: 80px; } .right-arrow-2 { top: 0px; right: -60px; bottom: 0px; color: #333; } .right-arrow-2.set-display-none { display: none; } .left-arrow { left: -60px; top: 0px; bottom: 0px; } .left-arrow.set-display-none { display: none; } .new-front-ref-logo-div { display: inline-block; width: 12.5%; height: 60%; max-height: 60px; margin: 0px 0%; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .new-front-ref-logo-div.delete { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a707cd3d47c3d0001251494_delete-transparent.png"); background-size: 70%; } .new-front-ref-logo-div.delete.new-grid { width: auto; height: 72px; background-size: contain; } .new-front-ref-logo-div.super { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a786bb0a125690001605fa5_SuPer_logo.svg.png"); background-size: contain; } .new-front-ref-logo-div.srknniemi { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a38f132bbfcfd00017bd43f_sarkanniemi.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .new-front-ref-logo-div.srknniemi.new-grid { width: auto; height: 72px; } .new-front-ref-logo-div.saarioinen { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a0e885e4d8d810001dfdbd5_saarioinen-logo-CA6CBA43C4-seeklogo.com.png"); } .new-front-ref-logo-div.istekki { height: 65%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a70822987f9ad0001075f74_csm_istekki_logo_548497ab62.png"); } .new-front-ref-logo-div.sen { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fa131971b7b5274787caa62_mansikkalogo.jpg"); background-size: 100%; } .new-front-ref-logo-div.varkaus { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fa13197657b2bedc515e673_pirkkala_tunnus_nelivari_rgb_res72.2000x0.png"); background-size: 65%; } .new-front-ref-logo-div.tuomi { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a70807aacaa6c0001310be6_tuomilog.png"); background-size: 50%; } .new-front-ref-logo-div.taksi-hki { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a30efc1c821c50001616657_TH_LOGO_SLOGAN_ISO_rgb.png"); background-size: 70%; } .new-front-ref-logo-div.tva { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a54d99ce519160001e45188_tva%20logo.svg"); background-size: auto 60%; } .new-front-ref-logo-div.ropo { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a708174d47c3d000125202d_ropo_logo_tumma.png"); } .new-front-ref-logo-div.huiskula { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a70806f897f0400015b002f_huiskula-logo.png"); background-size: 70%; } .new-front-ref-logo-div.smartum { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5965ce4389b2b44e2cae36ff_logo_smartum_kay_meilla_neg.png"); background-size: 70%; } .new-front-ref-logo-div.procomp { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a70818cacaa6c0001310d6f_procomp-logo.png"); background-size: 70%; } .new-front-ref-logo-div.bronto { height: 65%; margin-top: 3px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/613aeff74e1dbd362eae5dea_oulu-logo.png"); background-size: 80%; } .new-front-ref-logo-div.metsastaja { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a786b5fa125690001605f76_metsastajaliitto.png"); } .new-front-ref-logo-div.kreate { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab4f2965a1da85a67b83d3f_kreate.png"); } .new-front-ref-logo-div.apotti { height: 70%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3c07a39a4f90789a7eec2_apotti.png"); } .new-front-ref-logo-div.pirte { height: 65%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3bfa557ad7f20a76ca9f8_pirte.png"); } .new-front-ref-logo-div.relex { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3bef739a4f97baba7ee2e_relex-logo-rgb.png"); background-size: 60%; } .new-front-ref-logo-div.ecraft { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3bf0bd6f5ea776c1259f4_ecraft-logo-navigation-new.png"); } .new-front-ref-logo-div.haglex { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3bee539661a5cc2492004_haglex-logo_e85602f1.png"); } .new-front-ref-logo-div.capnova { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3c08e57ad7f7ad26cab4b_capnova.png"); background-size: 80%; } .new-front-ref-logo-div.itinfra { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ab3c09bba7db8bdea9f8b6c_itinfra.png"); background-size: 60%; } .new-front-ref-logo-div.kiilto { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5b718210b3323e15a3032a42_Kiilto_logo_RGB.png"); } .new-front-ref-logo-div.hexaplan { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc7743e857d6151309be30_hexaplan%20logo.png"); background-size: 60%; } .new-front-ref-logo-div.tamrex { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fa131a82e126c6a8c755904_Screenshot%202020-11-03%20at%2012.30.48.png"); background-size: 80%; } .new-front-ref-logo-div.best-caravan { margin-right: 2%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc7761cf882126e7d4ff56_best-caravan.svg"); } .new-front-ref-logo-div.walki { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc7770b50949aaafac56e8_walki-medical.png"); background-size: 70%; } .new-front-ref-logo-div.satu { margin-right: 2%; margin-left: 2%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc777b39554eb6b6ce5283_satu-logistics.png"); } .new-front-ref-logo-div.adara { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc77867736cb909fd18c84_Adara.png"); background-size: 60%; } .new-front-ref-logo-div.winled { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc7792e857d625fd09be5f_winled_logo_basic.png"); } .new-front-ref-logo-div.promeco { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc77cd093ab6fced941b4d_promeco-logo.png"); background-size: 60%; } .new-front-ref-logo-div.narrow { width: 10.5%; margin-right: 1%; margin-left: 1%; } .new-front-ref-logo-div.narrow.srknniemi { width: 9%; height: 70%; } .new-front-ref-logo-div.narrow.metsastaja { width: 11.5%; height: 80%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cebdc905d0f472dfaa14184_ml_logo.jpg"); background-size: 125px; } .new-front-ref-logo-div.narrow.saarioinen { width: 9%; height: 80%; } .new-front-ref-logo-div.narrow.super { width: 8%; height: 80%; } .new-front-ref-logo-div.narrow.ecraft { margin-top: -7px; } .new-front-ref-logo-div.narrow.saarioinen { width: 10%; height: 100%; max-height: 80px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62542474ac057a87f776caaa_16be62d2-c293-4146-a6ab-af772ac97256-w_400.png"); background-position: 62% 50%; } .new-front-ref-logo-div.kerava { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/604b3729cc900d024daf913c_logo.png"); } .new-front-ref-logo-div.koja { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/604b375cc6e3aee9f123c829_1021-Koja-Oy-logo.png"); } .new-front-ref-logo-div.voimia { width: 9.5%; margin-right: 3%; margin-left: 0%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/604b385f5c9a7033a3c65a4e_pirkanmaan_voimia_vari.png"); } .new-front-ref-logo-div.pirkkala { width: 10.5%; margin-right: 1%; margin-left: 1%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fa13197657b2bedc515e673_pirkkala_tunnus_nelivari_rgb_res72.2000x0.png"); } .new-front-ref-logo-div.seinajoki { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fce04372eaeca67ac6e0812_1024px-Seina%CC%88joki_logo.svg.png"); } .new-front-ref-logo-div.oulu { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/613aee2327b602a69eebed7b_Screenshot%202021-09-10%20at%208.33.04.png"); } .new-front-ref-logo-div.oulu.new-grid { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/613aeff74e1dbd362eae5dea_oulu-logo.png"); } .new-front-ref-logo-div.riihimaki { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fce03e6c5fd29fb37b47a08_RMK_tunnus.png"); } .new-front-ref-logo-div.janakkala { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5f7d6f6b84439d2ed6ee1474_janakkala_logo_rajattu.jpg"); } .new-front-ref-logo-div.orivesi { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fa131a82e126c6a8c755904_Screenshot%202020-11-03%20at%2012.30.48.png"); } .new-front-ref-logo-div.new-grid { width: auto; height: 60px; max-height: 40px; margin-right: 24px; margin-bottom: 24px; } .new-front-ref-logo-div.jyvaskyla { height: 50%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/624c130192d80d5a85445b7a_6242ca13c4ff804307ffc13b_b2411aa935f5e496_800x800ar.jpeg"); } .new-front-ref-logo-div.bnc { width: 12.5%; height: 50%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62542474ac057aaa1976caaf_bnc_logo_edit.png"); } .new-front-ref-logo-div.cyferd { margin-right: 1%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62542474ac057ae94876caac_Cyferd-Logo-Text-blue-transparent-768x216.png"); } .new-front-ref-logo-div.delete { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a707cd3d47c3d0001251494_delete-transparent.png"); background-position: 50% 30%; background-size: 70%; } .new-front-ref-logo-div._1do { width: 10%; height: 100%; max-height: 80px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62542474ac057a88ec76caa8_Screenshot%202022-03-29%20at%2011.51.18.png"); } .new-front-ref-logo-div.oulu { width: 12.5%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/624c12c6ee3aa90d28015bb0_6242c786ee28fe168902762e_Oulu_S.png"); } .new-front-ref-logo-div.mitigram { width: 12.5%; height: 70%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62542474ac057a029076ca9f_Mitigram-New-Logo.png"); } .new-front-ref-logo-div.happyornot { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62f6479f3ef149885ccaba41_HappyOrNot-logo.png"); background-position: 0% 50%; background-size: 95%; } .new-front-ref-logo-div.kojamo { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62f64828270e0c79440f5aa6_Kojamo_logotunnus_vaaka.png"); background-size: contain; } .new-front-ref-logo-div.kuntaliitto { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62f6493c88e4762273cfbd14_Kuntaliitto.jpeg"); background-size: 80%; } .new-front-ref-logo-div.takk { width: 11%; height: 100%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62f649b8e221ec3685ccee49_TAKK_logo_260pxl.png"); background-size: contain; } .new-front-ref-logo-div.wihuri { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6358e5d4642520370a3df047_wihuri-copy-300x100.png"); background-size: 85%; } .small-icon { opacity: 0; color: #dfe2e6; font-size: 20px; } .center { margin-top: 0px; margin-bottom: 24px; text-align: center; } .div-block-7 { position: relative; z-index: 100; display: block; width: 450px; height: 300px; margin-top: 100px; margin-right: auto; margin-left: auto; border-radius: 10px; background-color: #ebedef; transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg); transform-style: preserve-3d; } .div-block-8 { position: relative; display: flex; height: 13%; padding-left: 10px; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #dadfe4; } .left-bar { display: inline-block; width: 10%; height: 87%; float: left; border-bottom-left-radius: 10px; background-color: #284254; } .circle { width: 12px; height: 12px; margin-right: 1%; margin-left: 1%; border-radius: 15px; background-color: #eaecee; } .search-bar { width: 50%; height: 60%; margin-right: 2%; margin-left: 2%; border-radius: 2px; background-color: #eaecee; } .menu-button { width: 5%; height: 50%; margin-right: 2%; margin-left: 0%; border-radius: 4px; background-color: #eaecee; } .menu-circle { display: block; width: 20px; height: 20px; margin-right: auto; margin-bottom: 10px; margin-left: auto; border-radius: 99px; background-color: #395568; } .image-3 { display: block; width: 70%; margin: 10px auto 25px; } .screen { position: relative; z-index: 100; display: inline-block; width: 88%; height: 87%; padding: 3%; float: left; background-color: #f4f8f9; } .no-decoration-slider { height: 100%; background-color: transparent; } .slide-nav-3 { opacity: 0; } .dashboard-slide { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bc57a6ff8fc9c2c89d961b4_dash-1.png"); background-position: 50% 50%; background-size: cover; } .edges-for-browser { position: absolute; left: -4px; top: 0px; right: 0px; z-index: 10; display: block; overflow: hidden; width: 465px; height: 315px; margin-top: 80px; margin-right: auto; margin-left: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: transparent; box-shadow: none; transform: translate(2px, 0px) rotateX(35deg) rotateY(45deg) rotateZ(0deg); transform-style: preserve-3d; } .top-top-border { position: absolute; left: 0px; top: 0px; right: 0px; display: block; width: 65%; height: 8px; margin-top: 8px; margin-right: auto; margin-left: auto; border-radius: 4px; background-color: #9daab1; transform: skew(-45deg, 0deg); } .browser-shadow { position: absolute; left: 0px; top: 0px; right: 0px; display: block; width: 435px; height: 150px; margin-right: auto; margin-left: auto; box-shadow: 44px -20px 100px 20px rgba(0, 0, 0, 0.5); transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg) translate(0px, 250px); transform-style: preserve-3d; } .top-left-corner { position: static; left: 0px; top: 0px; z-index: 100; display: inline-block; width: 0px; height: 0px; float: left; border-top: 34px solid transparent; border-right: 34px solid #b8c4cc; border-bottom: 34px solid #b8c4cc; background-color: transparent; } .bottom-right-corner { position: absolute; right: 1px; bottom: -6px; border-style: solid none solid solid; border-width: 24px 38px 24px 15px; border-color: #b8c4cc transparent transparent #b8c4cc; } .top-top-other { display: inline-block; width: 430px; height: 68px; float: left; background-color: #b8c4cc; } .center-section { display: inline-block; width: 464px; height: 214px; float: left; background-color: #b8c4cc; } .bottom-other { width: 450px; height: 45px; float: left; background-color: #b8c4cc; } .div-block-9 { position: relative; display: inline-block; margin-top: -90px; } .line-1 { position: relative; left: 150px; top: -150px; display: inline-block; width: 3px; height: 210px; background-color: rgba(26, 182, 241, 0.75); } .line-1.second { left: 250px; top: -100px; background-color: rgba(232, 126, 4, 0.75); } .line-1.third { left: 350px; background-color: rgba(156, 86, 184, 0.75); } .line-1.fourth { left: 450px; top: -100px; background-color: rgba(31, 206, 109, 0.75); } .new-front-heading { margin-top: 0px; font-family: Lato, sans-serif; color: #4d4d4d; font-size: 36px; line-height: 48px; font-weight: 600; } .new-front-features-list { display: block; margin-top: 16px; margin-bottom: 16px; } .new-front-features-list-item { margin-top: 12px; } .new-front-list-item-check { display: inline-block; width: 5%; height: 30px; float: left; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a7449bf578ac200014e4ecc_verified.png"); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat; } .new-front-list-item-check.no-check { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .new-front-list-item-check.transparent { opacity: 0; } .new-front-list-item-check.presentation { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5aec04d2c6d2547fcd8225d3_file%20(2).png"); background-size: 20px 20px; } .new-front-list-item-text { display: inline-block; width: 95%; padding-left: 5px; float: left; font-family: Lato, sans-serif; color: #666; font-size: 18px; line-height: 30px; } .green { position: relative; display: inline-block; width: 50%; height: 100%; float: left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #8bc34a; } .list-slide { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a780c8bd8030000011aa1e6_browser-list.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .browser-mobile-image { display: block; width: 420px; max-width: 95%; margin-right: auto; margin-left: auto; } .blob { position: absolute; left: -100%; top: 0px; right: 0px; display: block; width: 300%; height: 9px; border-radius: 99px; background-color: #1ab6f1; } .blob.orange { background-color: #e87e04; } .blob.purple { background-color: #9c56b8; } .blob.green { background-color: #1fce6d; } .intro { display: flex; height: 280px; margin-top: -30px; justify-content: center; align-items: center; } .intro-content { width: 800px; max-width: 95%; } .yhteiso-heading { margin-top: 0px; margin-bottom: 0px; font-family: Montserrat, sans-serif; font-size: 34px; line-height: 40px; text-align: center; } .yhteiso-intro { padding-top: 10px; padding-bottom: 10px; font-family: Lato, sans-serif; color: #666; font-size: 16px; line-height: 24px; font-weight: 300; text-align: center; } .buttons-div { display: flex; margin-top: 15px; justify-content: center; align-items: center; text-align: center; } .yhteiso-button { display: flex; margin-right: 10px; margin-left: 10px; padding: 6px 11px; float: left; flex-direction: row; justify-content: center; align-items: center; border: 3px solid #00a9f5; border-radius: 3px; text-decoration: none; } .yhteiso-button-text { display: inline-block; float: left; font-family: 'Fontfabric panton', sans-serif; color: #00a9f5; font-size: 13px; line-height: 19px; font-weight: 700; text-transform: uppercase; } .yhteiso-button-icon { width: 19px; height: 19px; margin-right: 5px; float: left; } .card-slide { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bc57ae747aadee41d60b953_card-1.png"); background-position: 50% 50%; background-size: cover; } .report-slide { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a784fe8a125690001602582_report.png"); background-position: 50% 50%; background-size: cover; } .line-text { position: absolute; top: 280px; right: -40px; width: 80px; padding: 4px 8px; border-style: solid; border-width: 1px; border-color: rgba(26, 182, 241, 0.1); border-radius: 3px; background-color: rgba(26, 182, 241, 0.75); font-family: 'Fontfabric panton', sans-serif; color: #fff; font-size: 11px; line-height: 18px; font-weight: 700; text-align: center; letter-spacing: 0.5px; } .line-text.second { background-color: rgba(232, 126, 4, 0.75); } .line-text.third { background-color: rgba(156, 86, 184, 0.75); } .line-text.fourth { background-color: rgba(31, 206, 109, 0.75); } .ask-for-webinar { position: relative; z-index: 10; width: 800px; max-width: 95%; margin-bottom: 70px; } .ask-for-webinar.jobs { position: relative; z-index: 3; margin-top: 25px; } .webinar-image-upload { width: 1000px; } .webinar-close-new { position: absolute; left: 0px; bottom: -70px; display: flex; width: 60px; height: 60px; justify-content: center; align-items: center; border-radius: 60px; background-color: rgba(31, 65, 87, 0.95); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.06); color: #fff; text-decoration: none; } .webinar-close-new:hover { box-shadow: 1px 1px 32px 0 rgba(0, 0, 0, 0.16); } .second-contact { display: none; } .third-contact { display: none; } .card-image { max-height: 150px; max-width: 150px; margin-bottom: 15px; } .card-heading { margin-top: 10px; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; font-size: 22px; line-height: 27px; font-weight: 400; } .card-text { margin-top: 3px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 22px; } .card-cta-div { position: absolute; left: 0px; right: 0px; bottom: -150px; height: 150px; padding-right: 30px; padding-left: 30px; background-color: #3688d9; } .app-dashboard-card { position: relative; width: 100%; height: 240px; margin: 15px 0px; padding: 20px; float: left; border: 1px solid #f4f4f4; border-radius: 2px; background-color: #fff; box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15); } .app-dashboard-card.full-wide { width: 100%; margin-right: 0px; margin-left: 0px; padding-top: 20px; text-align: center; } .app-dashboard-card.full-wide.banner { width: 250px; height: 270px; margin-left: 15px; background-color: #f4f6f9; } .app-dashboard-card.training-page { height: 270px; max-width: 600px; margin-top: 0px; margin-bottom: 30px; } .app-card-top { position: absolute; left: 0px; top: 0px; right: 0px; height: 48px; border-style: none none solid; border-width: 2px; border-color: #fafafa; } .app-top-icon { position: absolute; left: 15px; top: 20px; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-radius: 25px; background-color: #f8c105; } .app-top-icon.second { background-color: #2e9aff; } .image-5 { width: 50%; height: 50%; } .app-card-content { margin-top: 70px; } .app-card-content.full-wide { display: flex; height: 100%; margin-top: 0px; flex-direction: column; justify-content: center; align-items: center; } .url-text { font-family: Montserrat, sans-serif; color: #d6d5db; font-size: 12px; font-weight: 500; } .heading-4 { margin-top: 3px; margin-bottom: 6px; font-family: Montserrat, sans-serif; color: #000; font-size: 20px; line-height: 24px; font-weight: 600; } .app-card-tag { position: absolute; top: 10px; right: 10px; padding: 3px 10px; background-color: #e5e5e5; font-family: Montserrat, sans-serif; color: #fff; font-size: 12px; font-weight: 500; } .text-block-7 { font-family: Montserrat, sans-serif; color: #646368; font-size: 12px; font-weight: 500; } .app-card-cta-link { display: block; margin-top: 15px; margin-right: 10px; margin-left: 10px; font-family: Montserrat, sans-serif; color: #00a9f5; font-size: 12px; font-weight: 500; } .app-card-cta-link:hover { color: #33baf7; } .app-card-cta-link.no-marg { margin-left: 0px; } .app-card-cta-link.no-marg.no-top-marg { margin-top: 5px; } .app-card-logo { width: 30%; margin-bottom: 20px; } .app-card-logo.banner { width: 95%; } .app-card-cta-links { display: flex; flex-direction: row; justify-content: center; align-items: center; } .top-banner { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 1000; display: flex; width: 100%; height: 45px; justify-content: center; align-items: center; background-color: #2d2d2d; } .top-banner-text { margin-right: 5px; margin-left: 5px; font-family: 'Fontfabric panton', sans-serif; color: #fff; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .top-banner-text.blue { color: #00a9f5; } .fa-400 { font-family: 'Fa solid 900', sans-serif; color: #c0c8cf; font-weight: 400; } .link { color: #6265a3; font-weight: 600; text-decoration: underline; } .version-select-link { margin-right: 10px; margin-left: 10px; padding: 5px 15px; border-radius: 50px; background-color: #484d51; font-family: Lato, sans-serif; color: hsla(0, 0%, 100%, 0.2); font-size: 13px; } .version-select-link.w--current { width: auto; padding: 5px 15px; border-radius: 50px; background-color: #f2f2f2; font-family: Lato, sans-serif; color: #00a9f5; font-size: 13px; line-height: 20px; font-weight: 700; } .versions-select-div { display: none; margin-top: 5px; justify-content: center; align-items: center; text-align: center; } .full-wide-menu { flex: 1; } .tab-check { position: absolute; top: -8px; right: 4px; display: none; width: 16px; height: 16px; } .tab-check.start-visible { display: block; } .price-premium { display: block; margin-top: -25px; margin-bottom: 40px; padding-top: 5px; padding-bottom: 5px; font-family: Lato, sans-serif; color: #fff; font-size: 16px; line-height: 23px; font-style: italic; text-align: center; letter-spacing: 0.5px; } .price-basic { margin-top: 20px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; font-family: Lato, sans-serif; color: #fff; font-size: 20px; line-height: 28px; text-align: center; } .version-differences { display: block; padding-top: 50px; padding-bottom: 50px; justify-content: center; align-items: center; background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.7) 70%, hsla(0, 0%, 100%, 0.7)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a7074c47a266f000142403b_5a6f0b5ee92d27000126d925_tst-bg2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .version-differences-column { display: flex; width: 1120px; max-width: 95%; margin-right: auto; margin-left: auto; align-items: center; } .version-difference-div { display: inline-block; width: 50%; float: left; border-radius: 4px; background-color: #fff; box-shadow: 0 15px 35px 0 rgba(50, 50, 93, 0.1); } .version-difference-div.premium { float: left; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: #31315b; background-image: linear-gradient(135deg, #32325d, #29294c); } .plan-heading { margin-top: 0px; margin-bottom: 20px; padding: 35px 30px 20px; border-bottom: 2px solid #f6f9fc; font-family: 'Fontfabric panton', sans-serif; color: #00a9f5; font-size: 18px; line-height: 26px; font-weight: 700; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; } .plan-heading.premium { border-bottom-color: rgba(85, 90, 191, 0.1); color: #cfd7df; } .price-description-texxt { margin-right: 70px; margin-left: 70px; font-family: Lato, sans-serif; color: #32325d; font-size: 20px; line-height: 60px; text-align: center; } .price-description-texxt.small { color: #8898aa; font-size: 14px; line-height: 20px; } .price-description-texxt.premium { color: #aab7c4; } .features-list { margin: 60px 85px 50px; padding-right: 40px; padding-left: 80px; } .feature-list-item { position: relative; margin-bottom: 16px; font-family: Lato, sans-serif; color: #525f7f; font-size: 17px; line-height: 26px; } .feature-list-icon { position: absolute; left: -40px; top: 0px; bottom: 0px; width: 26px; height: 26px; } .version-link { display: block; padding: 25px; background-color: #f6f9fc; font-family: Lato, sans-serif; color: #32325d; font-size: 17px; line-height: 26px; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; } .version-link:hover { background-color: #e6ebf1; } .version-link.premium { background-color: rgba(85, 90, 191, 0.2); color: #87bbfd; } .version-link.premium:hover { background-color: rgba(85, 90, 191, 0.35); } .version-features-row { margin-right: 70px; margin-left: 70px; } .version-features-column { padding: 18px 8px; border: 1px solid #373767; text-align: center; } .version-features-column.right { border-left-style: none; } .version-features-column.low { border-top-style: none; } .premium-features { margin-top: 40px; margin-bottom: 30px; } .version-features-text { font-family: Lato, sans-serif; color: #e6ebf1; font-size: 16px; line-height: 16px; } .training { background-color: #f4f6f9; } .example-image { position: relative; display: inline-block; } .esimerkki { position: absolute; left: 0px; top: 35%; right: 0px; opacity: 0.5; transform: rotate(-30deg); font-family: 'Fontfabric panton', sans-serif; color: #cecece; font-size: 60px; line-height: 60px; text-align: center; text-transform: uppercase; } .training-image { min-width: 600px; } .what-is-it { display: block; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 0px; background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 100%, 0.8) 70%, hsla(0, 0%, 100%, 0.8)); background-position: 0px 0px; } .what-is-it-text { display: inline-block; width: 50%; float: left; } .what-is-it-image { display: inline-block; width: 50%; float: left; } .tilitoimisto-block { display: block; width: 1100px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 70px; padding-bottom: 70px; border-bottom: 1px solid #ebebeb; } .tilitoimisto-block.ohjesivu { border-top: 1px solid #ebebeb; border-bottom-style: none; } .benefits-image { display: block; width: 400px; max-width: 95%; margin-right: auto; margin-left: auto; } .benefits-image.small { width: 300px; } .benefit-more-link { display: inline-block; margin-bottom: 5px; box-shadow: inset 0 -1px 0 0 rgba(0, 169, 245, 0.8); transition: all 200ms ease; color: #00a9f5; text-decoration: none; } .benefit-more-link:hover { box-shadow: inset 0 -1px 0 0 rgba(0, 169, 245, 0.8), inset 0 -25px 0 0 rgba(0, 169, 245, 0.1); } .fancy-link { display: block; margin-top: 10px; } .tilitoimisto-form { padding-top: 0px; padding-right: 50px; padding-left: 50px; } .form-text-field { border: 1px solid #ddd; border-radius: 3px; font-family: Lato, sans-serif; } .form-submit { border-radius: 3px; background-color: #00a9f5; font-family: Lato, sans-serif; } .success-message-2 { padding: 18px 18px 18px 68px; border-radius: 4px; background-color: #9affa6; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad6f1aaefc9aa8be6d8ec3b_checked%20(2).png"); background-position: 25px 50%; background-size: 26px 26px; background-repeat: no-repeat; font-family: Lato, sans-serif; text-align: left; } .error-message-2 { padding: 18px 18px 18px 68px; border-radius: 4px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ae174ce4c352a578f25767c_cancel.png"); background-position: 23px 50%; background-size: 24px; background-repeat: no-repeat; font-family: Lato, sans-serif; } .terms-rich-text h2 { font-family: Lato, sans-serif; color: #414447; font-size: 21px; line-height: 30px; font-weight: 400; } .terms-rich-text p { margin-top: 16px; margin-bottom: 16px; font-family: Lato, sans-serif; color: #868c92; font-size: 16px; line-height: 26px; } .terms-rich-text.narrow { display: block; width: 700px; max-width: 95%; margin-right: auto; margin-left: auto; } .terms-rich-text.narrow li { font-family: Lato, sans-serif; color: #868c92; font-size: 16px; line-height: 26px; } .terms-rich-text.narrow blockquote { margin-top: 20px; margin-bottom: 20px; padding: 18px 18px 18px 68px; border-left-style: none; border-radius: 4px; background-color: #ffeee2; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bcda8561fb2097648c69c5a_quote.png"); background-position: 24px 24px; background-size: 24px; background-repeat: no-repeat; font-family: Lato, sans-serif; color: #1a1b1f; font-size: 17px; line-height: 27px; } .terms-rich-text.narrow h6 { margin-top: 20px; margin-bottom: 20px; padding: 18px 18px 18px 68px; border-radius: 4px; background-color: rgba(67, 105, 255, 0.12); background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad44025d8ce0266dc7cd21f_5a99723656512700019e48fb_question.png"); background-position: 24px 24px; background-size: 24px 24px; background-repeat: no-repeat; font-family: Lato, sans-serif; color: #1a1b1f; font-size: 17px; line-height: 27px; font-weight: 400; } .support-section { padding-top: 50px; padding-bottom: 50px; border-top: 1px none #eee; border-bottom: 1px solid #eee; } .support-section.ohje { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.75), hsla(0, 0%, 100%, 0.75)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5a7074c47a266f000142403b_5a6f0b5ee92d27000126d925_tst-bg2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .support-heading { margin-top: 0px; margin-bottom: 40px; font-family: Lato, sans-serif; color: #253039; font-size: 34px; line-height: 1.2em; font-weight: 400; text-align: center; } .support-block { width: 30%; margin-right: 2%; margin-bottom: 4%; margin-left: 2%; padding: 15px; border: 1px solid #e0e0e0; } .support-block.ohje { background-color: #fff; } .support-flex-container { display: flex; width: 900px; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .support-icon { display: block; width: 40%; margin-right: auto; margin-left: auto; } .support-link { text-decoration: none; } .support-info { display: none; font-style: italic; font-weight: 300; } .notification-block { display: block; width: 80%; margin-right: auto; margin-left: auto; padding: 18px 18px 18px 68px; border-radius: 4px; background-color: #e8edff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad44025d8ce0266dc7cd21f_5a99723656512700019e48fb_question.png"); background-position: 22px 50%; background-size: 26px 26px; background-repeat: no-repeat; font-family: Lato, sans-serif; color: #1a1b1f; font-size: 17px; line-height: 27px; letter-spacing: 0.5px; } .notification-block.mor-marg { margin-top: 30px; } .own-account-setup { margin-bottom: 40px; } .webinar-stuff { margin-bottom: 40px; } .section-2 { position: relative; left: 0px; top: 0px; right: 0px; z-index: 1001; height: auto; padding-right: 0px; padding-left: 0px; flex-direction: column; background-color: transparent; box-shadow: none; } .section-2.absolute { position: static; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .section-2.shadow { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .team-benefit-div { display: flex; width: 33.333%; padding-right: 15px; padding-left: 15px; float: left; flex-direction: column; justify-content: center; align-items: center; } .team-benefit-icon { width: 20%; } .team-bene-h4 { font-family: 'Fontfabric panton', sans-serif; color: #fff; } .team-bene-p { font-family: Lato, sans-serif; color: hsla(0, 0%, 100%, 0.8); text-align: center; } .featured-info { position: absolute; right: -100px; bottom: 70px; z-index: 100; display: none; width: 250px; height: 300px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff; box-shadow: 0 10px 50px -6px rgba(0, 0, 0, 0.66); } .primary-text { margin-bottom: 16px; font-family: Poppins, sans-serif; color: #252423; font-size: 14px; line-height: 22px; font-weight: 400; text-align: left; } .primary-text.large { font-size: 16px; line-height: 24px; text-align: center; } .primary-text.large.no-margin { margin-bottom: 0px; } .primary-text.large.no-margin.bold { font-weight: 600; } .primary-text.large.bold { font-weight: 600; } .primary-text.large.center { text-align: center; } .primary-text.large.center.white.more-margin { margin-bottom: 24px; } .primary-text.large.italic { font-style: italic; } .primary-text.large.no-center { text-align: left; } .primary-text.extra-large { font-size: 20px; line-height: 28px; } .primary-text.extra-large.center { text-align: center; } .primary-text.extra-large.white.no-margin.special-underline { border-bottom: 1px dotted #fff; } .primary-text.no-margin { margin-bottom: 0px; } .primary-text.no-margin.inline { margin-right: 4px; } .primary-text.no-margin.inline.no-right-marg { margin-right: 0px; } .primary-text.no-margin.inline.bold { font-weight: 500; } .primary-text.no-margin.secondary { color: rgba(66, 66, 66, 0.65); } .primary-text.white { color: #fff; } .primary-text.white.no-margin.right { text-align: right; } .primary-text.white.no-margin.left-marg { margin-left: 4px; } .primary-text.white.right-marg { margin-right: 4px; } .primary-text.white.small { margin-bottom: 0px; color: hsla(0, 0%, 100%, 0.85); font-weight: 300; } .primary-text.white.small.margs { margin-right: 3px; margin-left: 3px; } .primary-text.white.small.left-marg { margin-right: 0px; margin-left: 3px; } .primary-text.white.large.academy { margin-bottom: 16px; font-family: Inter, sans-serif; color: #333; font-size: 14px; line-height: 22px; text-align: left; } .primary-text.bold { font-weight: 600; } .primary-text.bold.less-bot-marg { margin-bottom: 8px; } .primary-text.center { text-align: center; } .primary-text.center.bold.no-margin.disabled { position: static; display: block; background-image: none; color: rgba(0, 0, 0, 0.45); } .primary-text.small { font-size: 12px; line-height: 20px; } .primary-text.small.no-margin.center.ref-section { margin-top: 16px; } .primary-text.small.purple { color: #6265a3; } .primary-text.small.purple.no-margin { font-weight: 500; } .primary-text.small.purple.no-margin.transparent { opacity: 0; } .primary-text.small.marg { margin-top: 8px; margin-bottom: 24px; } .primary-text.small.marg.purple { color: #4b15e9; text-align: center; } .primary-text.article-excerpt { overflow: hidden; max-height: 88px; padding-right: 12px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5d49272bd6bb3e14bea45335_more-button-interface-symbol-of-three-horizontal-aligned-dots.png"); background-position: 99% 99%; background-size: 10px; background-repeat: no-repeat; background-attachment: scroll; } .primary-text.article-excerpt.secondary { color: rgba(0, 0, 0, 0.45); font-style: italic; } .primary-text.large-large { margin-bottom: 8px; font-size: 18px; line-height: 26px; font-weight: 600; } .primary-text.large-large.normal { margin-bottom: 0px; font-weight: 400; } .primary-text.large-large.heading { color: rgba(0, 0, 0, 0.85); } .primary-text.notice { position: absolute; left: 0%; top: auto; right: auto; bottom: -38px; margin-bottom: 0px; padding: 8px 16px; border-radius: 6px; background-color: rgba(255, 0, 0, 0.04); } .primary-text.secondary { color: #424242; } .primary-text.secondary.ad-image { margin-top: 40px; font-size: 18px; text-align: center; } .primary-text.big-marg { margin-bottom: 40px; } .primary-text.height-44 { overflow: hidden; height: 44px; } .solution-cards { margin-top: 60px; margin-bottom: 10px; text-align: center; } .solution-card { position: relative; display: inline-block; overflow: hidden; margin-bottom: 6%; padding: 9% 14%; background-color: #fff; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-repeat: no-repeat; box-shadow: 0 10px 40px 0 rgba(133, 157, 183, 0.12), 0 0 8px 0 rgba(135, 158, 184, 0.1); transition: all 200ms ease; text-decoration: none; } .solution-card:hover { border-bottom: 3px solid #000; box-shadow: 0 10px 40px 0 rgba(133, 157, 183, 0.12), 0 0 8px 0 rgba(135, 158, 184, 0.1); } .heading-5 { margin-top: 0px; margin-bottom: 5px; font-family: Montserrat, sans-serif; color: #9097b1; font-size: 18px; line-height: 26px; font-weight: 500; } .text-block-11 { margin-bottom: 10px; font-family: Lato, sans-serif; color: #676767; line-height: 24px; } .solution-caret { position: absolute; top: -10px; right: -10px; z-index: 3; width: 20px; height: 20px; border-style: none; border-width: 20px 20px 0px; border-color: #000 transparent; transform: rotate(45deg); } .inline-solution-collection-item { display: inline-block; width: 30%; margin-right: 1%; margin-left: 1%; } .solution-card-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; display: flex; justify-content: center; background-color: hsla(0, 0%, 100%, 0.98); } .div-block-12 { position: relative; z-index: 3; } .pricing-container-tab-div { display: flex; align-items: center; } .pricing-upper-text { position: relative; top: -115px; margin-top: 30px; margin-bottom: -15px; font-family: Montserrat, sans-serif; color: #333b40; font-size: 15px; line-height: 22px; text-align: center; } .tabs-content { overflow: visible; } .size-span { border-bottom: 1px dotted #333b40; font-size: 18px; } .ratkaisut-div { display: block; width: 1140px; max-width: 95%; margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; } .solution-card-reference { position: relative; z-index: 10000; max-height: 50px; max-width: 40%; margin-right: 5%; margin-left: 5%; } .header-link-icon { width: 15px; height: 15px; margin-right: 8px; float: left; } .solution-top-section { position: relative; display: block; height: 410px; margin-top: 76px; justify-content: center; align-items: center; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .solution-main-content { padding-bottom: 60px; border: 1px solid #ececec; } .solution-main-content-div { display: block; width: 1120px; max-width: 95%; margin-right: auto; margin-left: auto; } .solution-left { display: inline-block; width: 25%; padding-top: 10px; padding-right: 15px; padding-left: 15px; float: left; } .solution-right { display: inline-block; width: 75%; padding-top: 40px; padding-right: 15px; padding-left: 15px; float: left; } .solution-page-ref-logo { margin: 1% 2%; } .solution-page-ref-logos { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; margin-bottom: 0px; padding-right: 25px; padding-left: 25px; flex-direction: row; justify-content: center; align-items: center; border-right: 1px solid rgba(37, 193, 111, 0.25); background-color: hsla(0, 0%, 100%, 0.5); } .solution-page-left-div { margin-bottom: 20px; padding: 15px 20px; border-style: solid; border-width: 1px; border-color: rgba(37, 193, 111, 0.25); border-radius: 5px; } .solution-page-left-div.no-content { padding-top: 20px; padding-bottom: 20px; border-top-style: none; border-bottom-style: none; border-left-style: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .top-content-div { display: flex; margin-bottom: 40px; justify-content: space-between; } .top-content-single-div { display: flex; width: 33.333%; flex-direction: column; justify-content: center; align-items: center; } .top-content-single-div-image { width: 67px; height: 67px; } .top-content-single-div-heading { font-family: Montserrat, sans-serif; color: #666; font-size: 14px; line-height: 25px; font-weight: 500; } .top-content-single-div-heading-big { display: inline-block; margin-top: 0px; font-family: Montserrat, sans-serif; color: #4d4d4d; font-size: 36px; line-height: 48px; font-weight: 500; } .top-content-single-div-heading-big.right-marg { margin-right: 6px; } .solution-top-overlay { position: absolute; z-index: 2; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9)); } .top-were-hiring { position: relative; display: block; width: 100%; flex: 1; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.15); } .top-were-hiring.hide-ad { display: none; } .top-were-hiring.webinar { z-index: 100000; display: block; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .top-were-hiring.municipality { display: block; background-color: #6265a3; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15); } .top-were-hiring.municipality.white { z-index: 10000; margin-bottom: 16px; background-color: #fff; } .top-were-hiring.municipality.white.not-home { margin-bottom: 0px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); } .top-were-hiring.municipality.white.outage { position: fixed; z-index: 10001; display: none; background-color: #f95251; } .top-were-hiring.municipality.white.display-none { display: none; } .top-other { display: flex; width: 1040px; max-width: 95%; padding: 10px 0px; justify-content: space-between; border-bottom: 2px solid #edf0fa; } .top-other.no-links { padding-bottom: 7px; border-bottom-style: none; } .top-other.no-border { width: 1048px; padding-right: 4px; padding-left: 4px; border-bottom-style: none; } .top-were-hiring-inner { height: 44px; text-align: center; } .top-were-hiring-inner.dna { background-color: #e6455f; } .div-block-14 { display: flex; height: 100%; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .image-7 { width: 24px; height: 24px; margin-top: 0px; margin-right: 8px; } .image-7.small { width: 16px; height: 16px; } .text-block-14 { margin-right: 8px; font-family: Poppins, sans-serif; color: hsla(0, 0%, 100%, 0.8); font-size: 12px; font-weight: 400; letter-spacing: 0.3px; } .text-block-14.mobile { display: none; } .text-block-14.hellobar { margin-right: 4px; font-family: Poppins, sans-serif; color: #252423; font-size: 16px; line-height: 24px; } .text-block-14.hellobar.title { font-size: 16px; line-height: 24px; font-weight: 600; } .text-block-14.hellobar.title.no-marg { margin-right: 0px; font-size: 16px; line-height: 24px; } .text-block-14.hellobar.title.no-marg.max-height { overflow: hidden; max-height: 24px; } .text-block-14.hellobar.fixed-webinar { color: #252423; font-size: 16px; line-height: 24px; } .text-block-14.teams-black.bold { font-family: Poppins, sans-serif; color: #292d34; font-size: 14px; font-weight: 600; } .text-block-14.teams-black.bold.white { color: #fff; font-weight: 400; } .were-hiring-link { font-family: Poppins, sans-serif; color: #fff; font-weight: 600; } .were-hiring-link._400 { font-weight: 400; } .features-page-tabs { margin-top: 40px; } .features-page-tabs-menu { display: block; width: 76%; margin-right: auto; margin-bottom: 50px; margin-left: auto; border-bottom: 1px solid #ebebeb; } .features-page-tab-link { width: 33.3333%; padding-top: 32px; padding-bottom: 13px; background-color: transparent; opacity: 0.7; color: #5b5e6d; } .features-page-tab-link:hover { opacity: 1; } .features-page-tab-link.w--current { border-bottom: 3px solid #eeb523; background-color: transparent; opacity: 1; color: #3f46ad; } .header-dropdown-heading { margin-top: 0px; margin-bottom: 8px; padding-left: 10px; font-family: 'Fontfabric panton', sans-serif; color: #5b5e6d; font-size: 12px; line-height: 12px; text-align: left; text-transform: uppercase; } .front-features { padding-top: 70px; padding-bottom: 70px; border-bottom: 1px solid #ececec; } .front-references { padding-top: 30px; padding-bottom: 20px; border-top: 2px solid #f6f9fc; border-bottom: 2px solid #f6f9fc; background-color: #fff; } .front-references.less-pad { padding-top: 20px; padding-bottom: 30px; border-top-style: none; border-bottom-style: none; } .front-references.less-pad.vahti { width: 90%; } .front-features-heading { margin-top: 0px; margin-bottom: 16px; font-family: Montserrat, sans-serif; color: #323648; line-height: 39px; font-weight: 600; text-align: center; } .front-features-heading.small { margin-top: 16px; margin-bottom: 24px; font-size: 24px; line-height: 35px; text-align: left; } .front-features-subheading { margin-bottom: 24px; font-family: Montserrat, sans-serif; color: #5b5e6d; font-size: 20px; line-height: 30px; font-weight: 500; text-align: center; } .front-features-subheading._80 { display: block; width: 80%; margin-right: auto; margin-left: auto; } .front-features-subheading._80 { display: block; width: 80%; margin-right: auto; margin-left: auto; } .front-features-icon { height: 62px; margin-bottom: 8px; } .front-features-heading-small { font-family: Lato, sans-serif; font-size: 17px; font-weight: 700; } .features-tab-content { display: flex; justify-content: space-between; } .features-tab-image { width: 45%; margin-top: 2%; margin-bottom: 2%; margin-left: 2%; } .features-tab-text { width: 44%; } .features-tab-image-image { width: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); } .front-features-list { margin-bottom: 32px; padding-left: 20px; border-bottom: 1px solid #ebebeb; } .front-features-list-item { margin-bottom: 24px; font-family: Lato, sans-serif; color: #5b5e6d; font-size: 17px; line-height: 25px; } .text-block-15 { margin-bottom: 16px; font-family: Montserrat, sans-serif; color: #5b5e6d; font-size: 16px; line-height: 24px; font-style: italic; } .text-block-16 { font-family: Lato, sans-serif; color: #5b5e6d; line-height: 25px; font-weight: 700; } .front-features-div { display: block; width: 1080px; max-width: 95%; margin-right: auto; margin-left: auto; } .solution-sidebar-heading { margin-top: 0px; font-family: Montserrat, sans-serif; color: #4d4d4d; font-size: 13px; line-height: 20px; font-weight: 600; text-transform: uppercase; } .sidebar-rich-text p { font-family: Lato, sans-serif; } .sidebar-rich-text ul { padding-left: 20px; } .sidebar-rich-text li { font-family: Lato, sans-serif; color: #333; font-size: 14px; line-height: 28px; } .solution-main-content-rich h2 { margin-top: 0px; font-family: Montserrat, sans-serif; color: #4d4d4d; font-size: 28px; line-height: 32px; font-weight: 500; } .solution-main-content-rich p { margin-top: 20px; font-family: Lato, sans-serif; color: #666; font-size: 16px; line-height: 28px; } .solution-main-content-rich h4 { margin-top: 30px; font-family: Montserrat, sans-serif; font-size: 24px; line-height: 28px; font-weight: 600; } .div-block-16 { position: relative; z-index: 3; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .heading-11 { font-family: Montserrat, sans-serif; color: #fff; font-size: 42px; line-height: 55px; font-weight: 500; } .image-9 { height: 75px; margin-right: 30px; } .progress-slider { position: relative; width: 500px; max-width: 100%; padding: 0px 50px 50px; } .progress-number { margin-bottom: 50px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 50px; line-height: 50px; font-weight: 600; text-align: center; } .opaque { opacity: 0; } .transparent-slider-bg { background-color: transparent; } .progress-text { display: inline-block; margin-right: 1px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 16px; line-height: 20px; font-weight: 500; text-align: center; } .progress-bar-animation { position: relative; left: 0px; top: 80px; right: 0px; display: block; width: 300px; height: 8px; margin-right: auto; margin-left: auto; border-radius: 8px; background-color: transparent; } .progress-bar-animation.bg { position: absolute; display: block; background-color: #f5f5f5; } .progress-bar-fill { position: relative; width: 0px; height: 100%; border-radius: 8px; background-color: #6264a7; } .progress-bar-fill._30 { width: 30px; background-color: #6264a7; } .progress-bar-fill._65 { width: 65px; } .progress-bar-fill._120 { width: 120px; } .progress-bar-fill._90 { width: 90px; } .progress-bar-fill._140 { width: 140px; } .progress-bar-fill._180 { width: 180px; } .progress-bar-fill._220 { width: 220px; } .progress-bar-fill._240 { width: 240px; } .progress-bar-fill._260 { width: 260px; } .progress-bar-fill._290 { width: 290px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .progress-text-stuff { display: flex; justify-content: center; align-items: center; } .html-embed-2 { margin-top: 5px; } .slider-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; display: none; } .solution-page-ref-logo-image { max-height: 35px; } .header-link-small-icon { width: 15px; margin-right: 5px; float: left; } .flex-center { display: flex; flex-direction: row; align-items: center; } .flex-center.vertical { flex-direction: column; } .top-caret-dd-menu { position: absolute; left: 0px; top: -10px; right: 0px; display: block; width: 10px; margin-right: auto; margin-left: auto; border-style: none solid solid; border-width: 10px; border-color: transparent transparent #fff; box-shadow: none; } .top-dd-menu-link-block { display: flex; padding: 16px 8px; align-items: center; text-decoration: none; } .top-dd-menu-link-image { width: 48px; height: 48px; margin-right: 18px; float: left; } .top-dd-menu-heading { margin-top: 0px; margin-bottom: 0px; float: left; font-family: 'Open Sans', sans-serif; color: #6772e5; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; } .top-dd-menu-heading.second { color: #323648; } .top-dd-menu-heading.third { color: #323648; } .top-dd-menu-heading.yellow { color: #323648; } .top-dd-menu-link-texts { display: flex; flex-direction: column; align-items: flex-start; } .top-dd-menu-link-sub { margin-top: 0px; font-family: 'Open Sans', sans-serif; color: #525f7f; font-size: 15px; line-height: 22px; text-align: left; } .dd-primary-links { display: flex; padding: 15px 30px; flex-direction: column; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #fff; } .dd-secondary-links { padding: 15px 30px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #f6f9fc; } .final-links { display: flex; width: 300px; justify-content: space-around; align-items: center; } .konsepti-dd { position: absolute; left: -160px; top: 45px; right: 160px; z-index: 10000; display: none; min-width: 400px; border-radius: 4px; box-shadow: 0 0 100px 50px rgba(50, 50, 93, 0.1); opacity: 0; transition: all 300ms ease; } .vahti-dd { position: absolute; left: -160px; top: 45px; right: 160px; z-index: 100000; display: none; min-width: 400px; border-radius: 3px; box-shadow: 0 0 100px 50px rgba(50, 50, 93, 0.1); opacity: 0; transition: all 300ms ease; } .feature-inner-text { margin-top: 15px; margin-bottom: 15px; font-family: 'Open Sans', sans-serif; color: #525f7f; font-size: 17px; line-height: 28px; font-weight: 300; text-align: left; } .feature-inner-text.no-marg { margin-top: 0px; margin-bottom: 0px; } .themes-tab-link { margin-right: 5px; margin-left: 5px; padding: 5px 10px; border-radius: 3px; background-color: transparent; font-family: 'Open Sans', sans-serif; color: #6772e5; font-size: 18px; line-height: 28px; font-weight: 400; } .themes-tab-link:hover { background-color: rgba(0, 0, 0, 0.05); } .themes-tab-link.w--current { padding: 5px 10px; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(50, 50, 93, 0.1); color: #24b47e; } .themes-tab-link.small { padding-right: 5px; padding-left: 5px; } .refs-blur { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(180deg, #fff 4%, transparent 63%, transparent 75%, #fff 95%), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bc42bf65a68ee6fbd1b9edb_refs-blur.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; opacity: 0; } .final-things { position: relative; overflow: hidden; margin-top: -40px; padding-top: 50px; padding-bottom: 70px; } .final-things-div { position: absolute; left: 0%; top: -70px; right: 0%; bottom: auto; display: none; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: space-between; } .final-things-inner-div { position: relative; z-index: 2; display: inline-block; width: 49%; padding: 40px 40px 40px 120px; border-radius: 4px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc5121e857d6277e09760e_002-warranty.png"); background-position: -30px 50%; background-size: 110px 110px; background-repeat: no-repeat; box-shadow: 0 15px 35px 0 rgba(50, 50, 93, 0.1); transition: all 200ms ease; text-decoration: none; } .final-things-inner-div:hover { transform: translate(0px, -5px); text-decoration: none; } .final-things-inner-div.partner { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc5120cbc94fd80a5f5c33_001-thumbs-up.png"); background-position: -25px 50%; background-size: 110px 110px; } .final-things-heading { display: flex; margin-top: 0px; margin-bottom: 10px; align-items: center; font-family: 'Open Sans', sans-serif; color: #6772e5; font-size: 17px; line-height: 26px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .final-things-heading.purple { color: #b76ac4; } .final-things-bg { position: absolute; left: 0px; top: 100px; right: 0px; bottom: 0px; z-index: 1; width: 120%; height: 500px; background-color: #f6f9fc; transform: rotate(-8deg); } .main-features-section { padding-top: 70px; padding-bottom: 70px; } .main-features-inner-div { position: relative; display: flex; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: space-between; } .main-features-inner-div.vertical { display: block; flex-direction: column; align-items: center; text-align: center; } .main-features-inner-div.top-margin-100px { margin-top: 100px; } .main-features-inner-image { position: relative; z-index: 100; display: inline-block; width: 50%; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; float: left; perspective-origin: 0% 100%; } .main-features-inner-image.full-wide { display: flex; width: 100%; height: 350px; margin-top: 50px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; justify-content: space-between; } .main-features-inner-heading { position: relative; margin-top: 0px; font-family: Montserrat, sans-serif; color: #32325d; font-size: 22px; line-height: 33px; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; } .main-features-inner-heading.inline { margin-right: 15px; } .main-features-inner-p { margin-bottom: 10px; font-family: 'Open Sans', sans-serif; color: rgba(66, 71, 112, 0.9); font-size: 17px; line-height: 30px; font-weight: 400; } .main-features-inner-p.lower { color: #525f7f; line-height: 28px; } .main-features-inner-p.small { margin-bottom: 20px; font-size: 16px; line-height: 28px; text-align: left; } .feature-divider { width: 100%; height: 2px; margin-top: 0px; margin-bottom: 16px; background-color: #f6f9fc; } .feature-divider.margs { display: flex; margin-top: 32px; margin-bottom: 32px; justify-content: center; align-items: center; } .main-feature-list-item { display: flex; width: 50%; padding-top: 5px; padding-bottom: 5px; align-items: center; font-family: 'Open Sans', sans-serif; color: #24b47e; font-size: 17px; line-height: 28px; } .main-feature-list-item.full { width: 100%; } .main-feature-list-icon { display: inline-block; width: 20px; height: 20px; min-width: 20px; margin-right: 10px; border-radius: 10px; background-color: #aff1b6; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bbc8e5039554e4e15ce7235_checked%20(5).png"); background-position: 50% 50%; background-size: 49%; background-repeat: no-repeat; } .text-block-19 { display: inline-block; font-weight: 500; } .main-features-inner-list { display: flex; width: 100%; } .main-features-inner-list.last { margin-bottom: 20px; } .main-features-small-inner-div { width: 33.333%; padding: 20px; } .main-features-small-icon { display: flex; width: 48px; height: 48px; margin-top: 10px; margin-bottom: 20px; justify-content: center; align-items: center; border-radius: 24px; background-color: transparent; } .main-features-small-inner-heading { margin-top: 0px; font-family: 'Open Sans', sans-serif; color: #32325d; font-size: 19px; line-height: 28px; font-weight: 600; } .main-features-small-inner-heading.big { color: #000; font-size: 26px; line-height: 32px; } .main-features-small-inner-heading.small { margin-bottom: 16px; color: #000; font-size: 19px; font-weight: 400; } .main-features-small-image { width: 100%; } .bg-block { position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 35%; height: 35%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25) 32%, rgba(0, 0, 0, 0.25) 67%, rgba(0, 0, 0, 0.1)); transform: skew(0deg, -19deg); } .bg-block._2 { left: auto; right: 0px; bottom: -70px; background-image: linear-gradient(225deg, #405fff, #1bdbf7); transform: skew(-10deg, 0deg); } .bg-block._3 { left: auto; top: 150px; right: 0px; bottom: auto; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.11) 32%, rgba(0, 0, 0, 0.21) 67%, rgba(0, 0, 0, 0.1)); transform: skew(-10deg, 0deg); } .bg-block._4 { width: 35%; height: 30%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 32%, rgba(0, 0, 0, 0.1) 67%, transparent); transform: skew(-10deg, 0deg); } .bg-block._5 { position: relative; left: 0px; top: -260px; right: 0px; bottom: auto; z-index: 1; width: 70%; background-color: transparent; background-image: linear-gradient(225deg, #1bdbf7 16%, #405fff 50%, #3c6efe 58%, #1bdbf7); transform: skew(10deg, 0deg); } .bg-block.feature-page { left: 10%; top: 33%; bottom: auto; z-index: 1; width: 100%; height: 18%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.1) 67%, rgba(0, 0, 0, 0.05)); transform: rotate(-20deg) skew(-20deg, 0deg); } .bg-block.feature-page._2 { left: 45%; top: 20.4%; } .bg-block.feature-page._2.left { left: 25%; top: 45.9%; width: 60%; } .bg-block.feature-page._3 { left: 60%; top: -31%; } .bg-block.feature-page._3.left { left: -40%; top: 49%; } .bg-block.feature-page._3.left.webinar { left: -20%; top: 0%; } .bg-block.feature-page.left { left: -10%; top: 40.5%; } .bg-block.feature-page.left.black.webinar { left: 20%; top: -10%; } .bg-block._4 { left: -138px; top: 470px; width: 35%; height: 33%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.15) 32%, rgba(0, 0, 0, 0.1) 67%, transparent); transform: skew(-10deg, 0deg); } .bg-block._4.second { left: 1000px; width: 25%; background-image: linear-gradient(45deg, rgba(243, 251, 247, 0.8), rgba(243, 251, 247, 0.8) 31%, rgba(243, 251, 247, 0.5) 67%, rgba(243, 251, 247, 0)); } .ref-images-inner { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; justify-content: space-around; align-items: center; } .notice-me-info { position: absolute; left: 0px; top: -30px; display: flex; padding-right: 6px; padding-left: 5px; justify-content: space-between; align-items: center; border-radius: 99px; background-image: linear-gradient(90deg, rgba(62, 81, 246, 0.8), rgba(36, 133, 246, 0.8)); font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; line-height: 26px; text-decoration: none; } .notice-me-info.no-transparnecy { left: 20px; background-image: linear-gradient(90deg, #3e51f6, #2485f6); } .new-pill { padding-right: 6px; padding-left: 6px; border-radius: 10px; background-color: #24b47e; font-size: 10px; line-height: 16px; text-transform: uppercase; } .text-block-22 { margin-right: 6px; margin-left: 6px; flex: 1; } .bg-stuff { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; display: none; overflow: visible; width: 200%; } .only-border { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: 2px; background-color: #fff; } .only-border.transp-75 { background-color: hsla(0, 0%, 100%, 0.75); } .only-border.transp-75.black { background-color: rgba(0, 0, 0, 0.25); } .only-border.black { background-color: rgba(0, 0, 0, 0.13); } .structure-image { position: relative; z-index: 100; display: inline-block; width: 50%; background-color: #fff; } .structure-text { width: 100%; } .doc-layer { position: relative; z-index: 3; display: block; width: 80%; height: 130px; margin-right: auto; margin-left: auto; background-color: rgba(191, 202, 216, 0.5); transform: skew(-45deg, 0deg); } .doc-layer.second { position: relative; z-index: 2; margin-top: -30px; background-color: rgba(255, 189, 1, 0.5); } .doc-layer.third { z-index: 1; margin-top: -30px; background-color: rgba(1, 1, 73, 0.65); } .doc-heading { margin-top: 0px; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; color: #32325d; font-size: 18px; line-height: 27px; font-weight: 600; text-align: left; } .div-block-18 { position: relative; } .doc-line { position: absolute; top: 30px; right: -110px; width: 100px; height: 2px; background-color: rgba(1, 1, 73, 0.65); } .doc-line.second { top: 40px; right: -120px; } .doc-line.third { top: 50px; right: -130px; } .tabs-outer { width: 40%; height: 100%; } .tabs-2 { margin-top: -50px; } .tabs-menu-4 { margin-bottom: 10px; text-align: left; } .rich-text { margin-top: 16px; margin-bottom: 16px; } .rich-text p { margin-top: 0px; margin-bottom: 16px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 20px; } .rich-text img { border-radius: 4px; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.17); } ._70 { height: 70px; } .new-get-started-section { position: relative; z-index: 1000; display: flex; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 20px; padding-right: 20px; padding-left: 20px; justify-content: space-between; align-items: center; } .get-started-text { width: 50%; margin-top: 22px; margin-bottom: 22px; } .get-started-buttons { display: flex; width: 50%; padding-right: 20px; justify-content: flex-end; } .get-started-heading { margin-top: 0px; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; color: #6772e5; font-size: 30px; line-height: 45px; font-weight: 300; } .get-started-heading.black { color: #32325d; font-weight: 400; } .new-front-device-image { position: relative; display: flex; width: 50%; height: 100%; justify-content: flex-start; align-items: center; flex: 1; background-color: transparent; background-image: linear-gradient(180deg, transparent 88%, hsla(0, 0%, 100%, 0.75)); background-position: 0px 0px; background-size: auto; background-repeat: repeat; box-shadow: none; text-align: left; } .image-10 { position: absolute; display: block; overflow: hidden; width: 85%; height: 77%; margin-top: 0%; margin-right: auto; margin-left: 4%; border: 1px none #ebebeb; border-radius: 6px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cf8d89d0b64afdf08594344_digiturvamalli-tyopoyta.png"); background-position: 0px 0px; background-size: cover; box-shadow: 0 6px 40px 0 rgba(78, 29, 79, 0.3); } .div-block-20 { display: block; justify-content: center; } .pricing-plan-div { position: relative; display: flex; width: 30%; height: 100%; padding: 0px 16px 32px 0px; flex-direction: column; justify-content: center; align-items: flex-start; flex: 0 auto; border-radius: 2px; background-image: none; } .pricing-plan-div.badge { position: absolute; left: 0px; top: 0px; right: 0px; display: block; width: 40%; height: auto; margin-top: -13px; margin-right: auto; margin-left: auto; padding: 8px; background-image: linear-gradient(180deg, #fff, #f5f5fa); font-family: 'Fontfabric panton', sans-serif; color: #3a416f; font-size: 10px; line-height: 10px; font-weight: 700; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; } .pricing-plan-div.badge.wide { width: 55%; font-family: 'Fontfabric panton', sans-serif; } .plans-inner-div { display: flex; margin-right: auto; margin-left: auto; padding: 32px; flex-direction: row; justify-content: center; } .version-heading { margin-top: 0px; margin-bottom: 0px; font-family: Montserrat, sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 0.5px; text-transform: uppercase; } .version-heading.enterprise { color: #5d6494; font-weight: 600; } .version-heading.protect { color: #3cd191; font-weight: 600; } .version-heading.analyse { color: #f1b951; font-weight: 600; } .version-heading.inventory { color: #3280ff; font-weight: 600; } .version-text { font-family: Lato, sans-serif; color: #5d6494; font-weight: 400; text-align: center; } .version-prices { font-family: Montserrat, sans-serif; color: #5d6494; font-size: 36px; line-height: 36px; } .version-prices.small { margin-left: 4px; font-size: 16px; line-height: 20px; letter-spacing: 1px; } .version-prices.contact { font-size: 30px; } .version-price-text { display: flex; margin-top: 48px; margin-bottom: 0px; padding-bottom: 0px; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px none #4353ff; } .version-price-text.marg { margin-bottom: 40px; } .version-features { width: 100%; } .version-feature-div { display: block; padding: 8px; background-color: #f5f5fa; font-family: 'Open Sans', sans-serif; color: #5d6494; font-size: 13px; line-height: 18px; text-align: center; } .version-feature-div.white { background-color: #fff; font-size: 13px; } .version-feature-div.link { display: flex; justify-content: center; color: #5468ff; font-size: 13px; text-decoration: none; } .version-feature-div.link.white { display: flex; justify-content: center; align-items: center; } .version-trial { display: flex; width: 100%; padding-top: 20px; padding-bottom: 20px; justify-content: center; align-items: center; background-color: #f5f5fa; } .pricing-plan-inner-stuff { display: flex; width: 100%; padding-top: 32px; padding-right: 20px; padding-left: 20px; flex-direction: column; align-items: center; background-image: linear-gradient(180deg, #fff, #f5f5fa); } .bold-text { font-weight: 400; } .text-block-25 { display: flex; align-items: center; } .page-end-stuff { margin-top: 50px; } .bold-text-2 { font-weight: 400; } .pricing-tabs-section { display: flex; margin-top: 0px; margin-bottom: -240px; padding-bottom: 0px; flex-direction: column; align-items: flex-start; } .pricing-tabs-section.center { justify-content: center; align-items: center; } .pricing-tabs-section.center.no-neg-marg { margin-top: 24px; margin-bottom: 60px; } .pricing-tabs-content { width: 540px; max-width: 95%; margin-right: auto; margin-left: auto; } .pricing-tab-menu-new { width: 100%; margin-bottom: 44px; border-radius: 999px; box-shadow: 0 6px 5px 0 rgba(23, 7, 57, 0.07); text-align: left; } .pricing-tab-menu-new.center { width: auto; margin-right: 0px; text-align: center; } .text-block-26 { display: inline-block; } .play-video { position: absolute; left: 50%; z-index: 20; display: block; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; border-radius: 100px; background-color: hsla(0, 0%, 100%, 0.8); box-shadow: 0 6px 10px 0 rgba(78, 29, 79, 0.3); font-family: Montserrat, sans-serif; color: #555abf; font-weight: 600; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .play-video:hover { background-color: #fff; } .elements { position: relative; display: flex; padding-top: 100px; padding-bottom: 100px; flex-direction: column; align-items: center; background-color: #f4f5f8; } .elements-inner { position: relative; display: block; overflow: visible; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; } .tabs-menu-5 { position: static; display: block; overflow: hidden; width: 2080px; height: 90px; } .element-tab { z-index: 3; display: flex; width: 6.25%; height: 100%; float: left; flex-direction: column; justify-content: center; align-items: center; background-color: #f4f5f8; font-family: 'Open Sans', sans-serif; color: #8d9096; } .element-tab:hover { color: #3ecf8e; } .element-tab.w--current { background-color: transparent; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c24d93d35af3ae768d9b0e3_greenball.png"); background-position: 50% 8px; background-size: 60px 60px; background-repeat: no-repeat; color: #000; font-weight: 600; } .show-more-tabs-button { position: absolute; top: 35px; right: -35px; width: 20px; height: 20px; } .tabs-3 { overflow: hidden; } .element-tab-heading { position: absolute; left: 0px; right: 0px; bottom: 0px; display: block; margin-right: auto; margin-left: auto; line-height: 14px; text-align: center; } .element-tab-heading.icon { position: static; margin-bottom: 10px; font-size: 24px; line-height: 24px; } .bold-text-3 { font-weight: 400; } .element-tab-text { width: 40%; padding-left: 10px; } .element-tab-image { width: 60%; padding: 20px; } .tabs-content-2 { margin-top: 50px; } .element-rich-text li { padding-top: 8px; padding-bottom: 8px; font-family: 'Open Sans', sans-serif; color: #000; font-size: 14px; line-height: 14px; } .element-rich-text ul { overflow: visible; padding-left: 15px; } .element-image { width: 80%; height: 260px; border-radius: 6px; box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.16); } .element-image.system { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c24e17afd28a7711cedb855_jarjestelma.png"); background-position: 50% 0px; background-size: cover; } .element-image.hiddendata { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cae9377f283f190a2a585_piilotiedot.png"); background-position: 0px 0px; background-size: cover; } .element-image.provider { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c24e17a1110ecad3fff4c5f_toimittaja.png"); background-position: 0px 0px; background-size: cover; } .element-image.ownitservices { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c24e17a3c78e59d8f8cc7d0_oma-itpalvelu.png"); background-position: 0px 0px; background-size: cover; } .element-image.accessrole { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2caf97bda7359780d9c77e_accessroles.png"); background-position: 0px 0px; background-size: cover; } .element-image.disposal { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cafd81110ec512b06775b_disposal.png"); background-position: 0px 0px; background-size: cover; } .element-image.register { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb08277f283f0c2a2ac8c_rekisteri.png"); background-position: 0px 0px; background-size: cover; } .element-image.purpose { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb0fdfd28a73574f521db_purposes.png"); background-position: 0px 0px; background-size: cover; } .element-image.leginterest { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb2749a15752f9b8cadbe_leginterest.png"); background-position: 0px 0px; background-size: cover; } .element-image.consents { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb2744fdbba1f16c65ff1_consent.png"); background-position: 0px 0px; background-size: cover; } .element-image.secsystems { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb274fd28a7b773f5227e_secsystems.png"); background-position: 0px 0px; background-size: cover; } .element-image.secmeasures { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb26f4fdbba27ffc65fe9_secmeasures.png"); background-position: 0px 0px; background-size: cover; } .element-image.riskanalysis { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb26f1110ecacd40679cb_risks.png"); background-position: 0px 0px; background-size: cover; } .element-image.dpia { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb26f4fdbbad664c65fea_dpia.png"); background-position: 0px 0px; background-size: cover; } .element-image.breach { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2cb26f9a15751e8c8cadbb_breach.png"); background-position: 0px 0px; background-size: cover; } .element-image.yearly { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c2c934d77f2838dcfa28d8c_control-task.png"); background-position: 0px 0px; background-size: cover; } .feature-links { background-color: #f7f7f7; } .feature-links-inner { display: flex; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; } .feature-link-block { padding: 9px 25px; font-family: Lato, sans-serif; color: rgba(38, 41, 44, 0.64); font-size: 14px; line-height: 23px; text-decoration: none; } .feature-link-block:hover { background-color: #e5e5e5; color: rgba(38, 41, 44, 0.84); } .feature-link-block.w--current { background-color: #fff; color: #26292c; } .tab-inner { display: flex; justify-content: flex-start; } .feature-overlay-default { position: absolute; left: 250px; top: 100px; z-index: 1; display: inline-block; width: 276px; margin-left: 10px; padding: 20px; border-radius: 5px; background-color: #333; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); } .feature-overlay-secondary { position: absolute; left: 430px; top: 233px; z-index: 3; display: inline-block; width: 276px; margin-left: 10px; padding: 20px; border-radius: 5px; background-color: #333; opacity: 0; } .section-3 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; overflow: hidden; height: 500px; max-width: 100%; } .section-3.bg { position: absolute; top: 72px; z-index: -1; background-image: linear-gradient(0deg, #6265a3, #5558af 50%, #3f4686); } .text-field { display: inline-block; width: 100%; margin-bottom: 0px; padding-right: 14px; padding-left: 14px; float: left; border: 1px none #000; border-radius: 4px; box-shadow: 0 2px 10px -1px rgba(50, 50, 93, 0.75); transition: all 200ms ease; font-family: Poppins, sans-serif; color: #32325d; font-size: 14px; line-height: 22px; } .text-field:focus { box-shadow: 0 6px 12px 0 rgba(51, 51, 51, 0.44), 0 1px 5px -1px rgba(50, 50, 93, 0.4); } .text-field.menu { margin-bottom: 8px; border-style: solid; border-color: rgba(0, 0, 0, 0.15); box-shadow: none; font-size: 12px; line-height: 18px; } .text-field.footer-newsletter { width: 73%; background-color: #dce0ea; box-shadow: none; transition-property: none; font-size: 12px; } .submit-button { position: absolute; left: auto; top: 0%; right: -1px; bottom: 0%; display: inline-block; width: 30%; float: left; border-left: 1px none #f6f9fc; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #3ecf90; font-family: Poppins, sans-serif; color: #fff; font-size: 14px; line-height: 22px; font-weight: 500; letter-spacing: 0.4px; text-transform: uppercase; } .submit-button:hover { background-color: #4ace95; color: #fff; } .submit-button.menu { position: static; width: 50%; padding: 4px 8px; border-radius: 3px; font-size: 12px; line-height: 18px; font-weight: 400; } .submit-button.footer-newsletter { width: 25%; padding: 4px 10px; border-radius: 3px; font-size: 12px; line-height: 18px; font-weight: 400; text-transform: none; } .vahti-form { position: relative; width: 50%; box-shadow: none; } .vahti-form.menu { width: 100%; } .vahti-form.footer-newsletter { width: 460px; max-width: 95%; margin-top: 32px; box-shadow: none; } .form { border-radius: 4px; } .form.menu { display: flex; padding-right: 16px; padding-left: 8px; flex-direction: column; } .vahti-form-divider { position: absolute; left: auto; top: 0%; right: 30%; bottom: 0%; display: inline-block; width: 1px; height: 80%; margin-top: 1%; margin-bottom: 1%; padding-top: 0px; padding-bottom: 0px; background-color: #f6f9fc; } .vahti-intro-div { display: flex; width: 900px; max-width: 95%; flex-direction: column; align-items: center; border-radius: 4px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.13); } .div-block-27 { display: flex; width: 100%; margin-top: -25px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; justify-content: space-between; flex: 1; } .vahti-category-div { display: flex; width: 28%; flex-direction: column; align-items: center; } .vahti-category-icon { display: flex; width: 50px; height: 50px; margin-bottom: 15px; justify-content: center; align-items: center; border-radius: 25px; background-image: linear-gradient(315deg, #303dfe, #8153fe); } .vahti-category-icon.red { background-image: linear-gradient(315deg, #ffa371, #ff66ad); } .vahti-category-icon.blue { background-image: linear-gradient(315deg, #64dcf7, #219ff4); } .vahti-icon { width: 25px; height: 25px; } .heading-14 { margin-top: 0px; margin-bottom: 12px; font-family: Montserrat, sans-serif; color: #323648; font-weight: 600; } .heading-15 { margin-bottom: 70px; font-family: Montserrat, sans-serif; color: #354052; font-weight: 600; } .text-block-27 { font-family: 'Open Sans', sans-serif; color: #9aabc3; line-height: 20px; font-weight: 300; text-align: center; } .vahti-feed { display: flex; min-height: 1000px; padding-bottom: 120px; justify-content: center; background-color: #f8f8f9; } .vahti-feed.multiple { min-height: auto; padding-bottom: 0px; flex-direction: column; align-items: center; background-color: #f5f5f5; } .vahti-feed.multiple.do-not-disp { display: block; } .vahti-wrapper { display: flex; width: 1280px; max-width: 100%; padding-top: 70px; flex-direction: column; justify-content: flex-start; align-items: stretch; border-top: 1px none #fff; } .vahti-wrapper.subpage { padding-top: 24px; } .vahti-wrapper.subpage.dev-feed { width: 900px; max-width: 95%; padding-top: 40px; } .vahti-wrapper.small-pad { padding-top: 23px; } .vahti-wrapper.small-pad.large-bot-marg { margin-bottom: 48px; } .vahti-all { display: block; width: 100%; padding-top: 0px; } .vahti-all.display-none { display: none; } .vahti-all.inline { width: 32%; } .vahti-post { display: flex; width: 33.33%; padding-right: 15px; padding-bottom: 40px; padding-left: 15px; } .vahti-post.no-shield { width: 25%; } .vahti-post.no-shield.webinar { width: 33%; padding-right: 0px; padding-left: 0px; } .vahti-post.no-shield.webinar.linked { width: 50%; padding-left: 0px; } .vahti-post.no-shield.webinar.video { width: 50%; flex-direction: column; } .vahti-post.no-shield.webinar.full { width: 100%; padding-right: 0px; padding-left: 0px; } .vahti-post.no-shield.wide { width: 33.3333%; } .vahti-post.no-shield.wide.full { width: 100%; } .vahti-post.no-shield.full { width: 100%; } .vahti-post.newsletter { align-items: flex-start; } .collection-list-3 { position: relative; display: flex; width: 100%; padding-bottom: 8px; flex-direction: row; flex-wrap: wrap; } .collection-list-3.vert { flex-direction: column; } .post-card { display: flex; margin-right: 12px; margin-left: 12px; padding: 24px 24px 0px; flex-direction: column; flex: 1; border-radius: 20px; background-color: #fcfcfc; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.07); font-family: Roboto, sans-serif; color: #212c42; font-size: 16px; line-height: 24px; text-decoration: none; } .post-card:hover { text-decoration: none; } .post-card.webinar { box-shadow: 0 3px 10px 0 rgba(80, 94, 120, 0.15); } .full-width-image { width: 100%; height: 250px; border-top-left-radius: 12px; border-top-right-radius: 12px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cb58e5b6cf2f56a394add9f_shield%20(1).png"), linear-gradient(45deg, #0f55da, #0d2aa9); background-position: 50% -10%, 0px 0px; background-size: cover, auto; background-repeat: no-repeat, repeat; } .full-width-image.no-shield { position: relative; height: 150px; border-radius: 20px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.07); } .full-width-image.no-shield.shield { position: relative; border-radius: 20px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cb58e5b6cf2f56a394add9f_shield%20(1).png"), linear-gradient(180deg, rgba(67, 83, 255, 0.85), rgba(67, 83, 255, 0.85)); background-position: 50% 0%, 0px 0px; background-size: cover, auto; background-repeat: no-repeat, repeat; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.07); } .full-width-image.no-shield.shield.newsletter { position: relative; overflow: hidden; height: 200px; padding-top: 16px; background-color: #f2f2f2; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/618e830c600df3e80bf3935d_Screenshot%202021-11-12%20at%2010.35.13.png"); background-position: 50% 16px; background-size: cover; background-repeat: no-repeat; } .full-width-image.no-shield.webinar { position: relative; border-radius: 20px; background-color: #eaedf2; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 16px; background-size: 50%; background-repeat: no-repeat; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.07); } .full-width-image.no-shield.border { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.09); border-radius: 20px; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.07); } .vahti-post-text { display: flex; padding: 28px 34px 0px; justify-content: space-between; } .vahti-post-text.front { padding-top: 8px; padding-right: 0px; padding-left: 0px; flex-direction: column; align-items: flex-start; } .vahti-post-bottom { display: flex; margin-top: -4px; padding-top: 24px; padding-bottom: 24px; justify-content: space-between; align-items: flex-start; border-top: 1px solid #dce0e9; } .vahti-post-bottom.less-marg { margin-top: 0px; margin-right: 34px; margin-left: 34px; padding-top: 16px; padding-bottom: 16px; align-items: center; } .vahti-post-bottom.less-marg.webinar { height: 54px; padding-top: 0px; padding-bottom: 0px; } .vahti-post-bottom.less-marg.webinar.full.expand { width: 100%; justify-content: space-between; align-items: center; } .vahti-post-bottom.less-marg.full { margin-right: 0px; margin-left: 0px; } .vahti-post-bottom.less-marg.full.expand { width: 100%; } .vahti-post-bottom.less-marg.dev-feed { padding-top: 0px; padding-bottom: 32px; border-bottom: 1px solid #dce0e9; border-top-style: none; } .paragraph { overflow: hidden; max-height: 60px; min-height: 60px; margin-bottom: 32px; font-family: Roboto, sans-serif; color: #505e78; font-size: 14px; line-height: 20px; } .paragraph.limits { max-height: 100px; min-height: 100px; margin-bottom: 24px; font-family: Montserrat, sans-serif; color: #595959; font-size: 12px; } .paragraph.limits.webinar { max-height: 80px; min-height: 80px; margin-bottom: 0px; font-family: Inter, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 13px; } .paragraph.limits.link { max-height: 20px; min-height: 20px; margin-top: 12px; margin-bottom: 12px; font-family: Inter, sans-serif; color: #0557f1; font-size: 13px; font-weight: 400; text-decoration: underline; } .paragraph.limits.more { max-height: 140px; min-height: 100px; } .paragraph.limits.news { max-height: 120px; min-height: 120px; } .paragraph.limits.front { max-height: 120px; min-height: 120px; } .post-category { height: 24px; padding: 4px 8px 4px 9px; border-radius: 5px; background-color: #0557f1; color: #fff; font-size: 9px; line-height: 16px; text-transform: uppercase; } .post-category.new { height: auto; padding: 0px 7px; border: 1px solid #91d5ff; border-radius: 4px; background-color: #e6f7ff; font-family: Montserrat, sans-serif; color: #1890ff; font-size: 12px; line-height: 22px; text-transform: none; } .post-category.new.float { margin-right: 8px; float: left; } .paragraph-2 { margin-bottom: 0px; clear: right; font-family: Inter, sans-serif; color: #4f12e7; font-size: 14px; line-height: 30px; font-weight: 700; text-align: right; } .paragraph-2.webinar { margin-right: 4px; text-transform: none; } .paragraph-2.webinar.first { font-family: Inter, sans-serif; color: #4f12e7; font-size: 14px; line-height: 30px; font-weight: 700; text-transform: none; } .paragraph-2.no-caps { color: #6265a3; text-decoration: underline; text-transform: none; } .paragraph-2.left { padding-right: 8px; padding-left: 0px; text-align: left; text-transform: none; } .div-block-28 { display: flex; } .div-block-28.webinar { flex-direction: row; align-items: flex-start; } .div-block-28.dev-feed { width: 50%; align-items: flex-start; } .heading-16 { margin-top: 0px; margin-bottom: 8px; font-family: Inter, sans-serif; color: #222236; font-size: 20px; line-height: 28px; font-weight: 400; } .heading-16.height-limit { overflow: hidden; max-height: 40px; margin-top: 8px; font-family: Inter, sans-serif; color: #000; font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: -0.2px; } .heading-16.height-limit.webinar { max-height: 60px; min-height: 60px; font-family: Inter, sans-serif; color: #222236; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.2px; } .heading-16.height-limit.webinar.front { font-family: Inter, sans-serif; color: #222236; font-size: 22px; line-height: 28px; font-weight: 400; } .heading-16.height-limit.dev-feed { margin-bottom: 4px; color: #252423; font-size: 16px; line-height: 24px; } .heading-16.height-limit.newsletter { max-height: 80px; margin-top: 8px; font-family: Inter, sans-serif; color: #222236; font-size: 20px; line-height: 28px; font-weight: 400; } .purple { color: #6265a3; } .vahti-more-info { position: absolute; left: auto; top: 30px; right: 0%; bottom: 0%; z-index: 103; display: none; width: 300px; height: 300px; padding: 15px; border-radius: 4px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.13); opacity: 0; line-height: 17px; } .success-message-3 { padding-top: 15px; padding-bottom: 15px; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 5px -1px rgba(50, 50, 93, 0.4); font-family: 'Open Sans', sans-serif; color: #9aabc3; font-weight: 300; } .thanks { width: 50px; height: 50px; } .thanks.menu { width: 24px; height: 24px; } .email-icon { position: absolute; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; font-family: 'Fontawesome webfont', sans-serif; color: #777; } .text-field-2 { display: inline-block; width: 80%; padding-left: 36px; float: left; border-top-left-radius: 3px; border-bottom-left-radius: 3px; font-family: Montserrat, sans-serif; font-size: 13px; } .text-field-2.inline { margin-bottom: 0px; } .heading-17 { margin-top: 10px; margin-bottom: 18px; font-family: Montserrat, sans-serif; color: #323648; font-size: 30px; line-height: 26px; text-align: center; } .font-awesome-2 { font-family: 'Fontawesome webfont', sans-serif; } .font-awesome-2.white { color: #fff; font-size: 20px; } .newsletter-p { margin-bottom: 24px; font-family: Poppins, sans-serif; color: #323648; font-size: 14px; line-height: 22px; font-weight: 400; text-align: center; } .newsletter-p.inline { text-align: left; } .newsletter-main { padding: 32px; flex: 1; } .newsletter-main.inline { display: flex; padding-top: 24px; padding-bottom: 16px; flex-direction: column; align-items: flex-start; } .newsletter-form { position: relative; z-index: 10001; display: flex; width: 600px; max-width: 90%; border: 5px none #7795f8; border-radius: 0px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5); } .newsletter-form.inline { width: auto; max-width: 100%; margin-bottom: 32px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); border-radius: 3px; box-shadow: none; } .newsletter-image { width: 44%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5c88bc5c91a98e97ec0079ce_police.png"); background-position: 50% 0%; background-size: cover; } .close { position: absolute; left: auto; top: 10px; right: 10px; bottom: auto; display: flex; width: 34px; height: 34px; padding-right: 16px; padding-left: 16px; justify-content: center; align-items: center; border-radius: 20px; background-color: transparent; color: #333; text-decoration: none; } .close.inline { display: none; } .newsletter-lower { display: flex; justify-content: space-between; } ._14px { font-size: 14px; font-weight: 400; } ._18px { font-size: 15px; line-height: 20px; font-weight: 500; } .some-heading { margin-top: 0px; margin-bottom: 15px; font-family: Montserrat, sans-serif; color: #aaa; font-weight: 400; text-align: center; } .some-heading.other { margin-top: -10px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-size: 10px; } .some-heading.other.inline { margin-top: 0px; margin-bottom: 0px; text-align: left; } .newsletter-signup { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10000; display: none; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 14, 33, 0.75); opacity: 0; } .submit-button-2 { width: 20%; float: left; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #f42; font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; } .newsletter-text { width: 100%; padding-left: 10px; } .top-were-hiring-fixed { position: fixed; left: 0%; top: -44px; right: 0%; bottom: auto; z-index: 100000; width: 100%; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.15); } .div-block-30 { overflow: hidden; margin-top: 15px; border-radius: 3px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.25); } .text-block-29 { margin-top: 15px; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; } .error-message-vahti { position: absolute; top: 75px; width: 100%; border-radius: 4px; font-family: 'Open Sans', sans-serif; } .front-hero { position: relative; display: flex; width: 1500px; height: 460px; max-width: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; padding-left: 200px; align-items: center; } .featured-section { padding-top: 32px; padding-bottom: 32px; background-color: rgba(0, 0, 0, 0.04); } .inner-container { display: flex; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center; } .inner-container.vertical { flex-direction: column; } .inner-container.vertical.border { margin-top: 24px; padding-top: 48px; border-top: 1px solid rgba(0, 0, 0, 0.09); } .inner-container._32px-top-marg { margin-top: 32px; } .inner-container.center { justify-content: center; text-align: left; } .inner-container.center.vertical { width: 1080px; } .inner-container.align-top { align-items: flex-start; } .map-image { width: 25%; } .map-text { width: 75%; padding-left: 30px; } .map-image-circle { position: relative; overflow: hidden; width: 250px; height: 250px; border-radius: 999px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cd90edd8463a5c56eb6dacb_menu%20(1).png"), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cd906763d256b78a4f2b573_menu.png"); background-position: 50% 50%, 50% 50%; background-size: 410px, 410px; box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.15); } .map-image-circle-inner { position: absolute; left: -5%; top: -1.5%; right: 0%; bottom: 0%; display: block; width: 120%; height: 110%; } .map-image-circle-inner.center { left: -25%; top: -5%; display: flex; width: 180%; justify-content: center; align-items: center; } .map-inner-block { display: inline-block; width: 16%; height: 47%; margin-top: 10%; margin-right: 2%; margin-left: 2%; float: left; border-radius: 4px; background-image: linear-gradient(180deg, rgba(102, 85, 193, 0.9), rgba(134, 118, 216, 0.9)); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); } .map-inner-block.down { width: 29%; height: 21%; margin-top: 0%; margin-right: 1%; margin-left: 1%; } .map-inner-block.small { width: 100%; height: 43%; margin: 0% 0% 4%; float: left; } .map-inner-block.small.last { margin-top: 20%; margin-bottom: 0%; } .map-inner-column { display: block; width: 16%; height: 50%; margin-top: 10%; float: left; flex-direction: column; justify-content: space-between; } .heading-small { position: absolute; left: 15%; top: -48px; right: auto; bottom: auto; margin-top: 0px; margin-bottom: 16px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 32px; font-weight: 600; } .heading-small.static { position: static; padding-left: 12px; } .heading-small.static.blank-space { margin-bottom: 80px; } .heading-small.text { position: static; } .heading-small.text.faq-question-txt { margin-bottom: 0px; font-size: 16px; line-height: 24px; font-weight: 500; cursor: pointer; } .section-basic { padding-top: 50px; padding-bottom: 50px; background-color: #fff; } .section-basic.large-bottom-padding { padding-bottom: 140px; } .section-basic.large-bottom-padding.display-none { display: none; } .section-basic.top-border { border-top: 1px solid rgba(0, 0, 0, 0.09); } .section-basic.top-border.small-pad { padding-top: 0px; padding-bottom: 120px; } .section-basic.top-border.small-pad.no-bord { border-top-style: none; } .section-basic.transparent { background-color: transparent; } .section-basic.transparent.more-bottom-marg { margin-top: 0px; margin-bottom: 100px; } .section-basic.more-padding { padding-top: 70px; } .section-basic.more-padding { padding-top: 70px; background-color: rgba(0, 0, 0, 0.02); } .heading-basic { margin-top: 0px; margin-bottom: 16px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 30px; line-height: 38px; font-weight: 600; text-align: left; } .heading-basic.center { font-family: Poppins, sans-serif; text-align: center; } .heading-basic.no-bottom-margin { margin-bottom: 0px; } .heading-basic.no-bottom-margin.concept-item.limited { overflow: hidden; max-height: 152px; } .heading-basic.small { margin-bottom: 8px; font-size: 24px; line-height: 32px; } ._75-width { width: 75%; } ._75-width.center { margin-right: auto; margin-bottom: 16px; margin-left: auto; } .wide-container { display: flex; width: 1440px; max-width: 95%; margin-top: 70px; margin-right: auto; margin-left: auto; justify-content: flex-start; align-items: center; } .wide-container.right { justify-content: flex-end; } .feature-image { width: 58.333%; padding: 16px; } .feature-image.small { width: 50%; } .feature-text { width: 33.333%; padding: 16px; } .feature-image-img { float: right; border-radius: 6px; box-shadow: 8px 29px 30px 6px rgba(23, 43, 77, 0.1); } .heading-extra-small { margin-top: 0px; margin-bottom: 8px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 20px; line-height: 28px; font-weight: 600; } .heading-extra-small.inline { margin-right: 8px; } .heading-extra-small.no-margin { margin-bottom: 0px; } .column-md-3 { width: 33.333%; padding: 16px; } .icon-66 { height: 66px; margin-bottom: 16px; } .icon-66.no-margin { margin-bottom: 0px; } .header-fixed { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 100000; display: flex; justify-content: center; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); transform: translate(0px, -65px); } .subpage-hero { margin-top: 0px; padding-top: 96px; padding-bottom: 96px; } .subpage-hero.small-bottom-padding { padding-bottom: 32px; } .subpage-hero.small-bottom-padding.pricing { overflow: visible; padding-top: 48px; padding-bottom: 48px; background-image: linear-gradient(180deg, #fff, rgba(98, 100, 167, 0.16)); } .subpage-hero.smaller-padding { padding-top: 48px; padding-bottom: 48px; } .subpage-hero.tulkki { padding-bottom: 64px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e15e024f2bd417a5b80bf9c_background.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .subpage-hero.tulkki.academy { padding-top: 64px; padding-bottom: 40px; } .subpage-hero.tulkki.academy.subpage { padding-bottom: 96px; } .subpage-hero.purple { padding-bottom: 80px; background-color: #6264a7; } .subpage-hero.border { padding-bottom: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .subpage-hero.review { padding-bottom: 32px; } .subpage-hero.less-bot-pad { padding-bottom: 40px; } .instruction-div { position: absolute; left: 0%; top: auto; right: 0%; bottom: -100px; z-index: 10; display: flex; margin-top: -64px; padding-top: 0px; padding-bottom: 0px; justify-content: center; align-items: center; border-radius: 99px; font-family: Inter, sans-serif; color: #452bd2; font-size: 14px; font-weight: 500; cursor: default; } .instruction-div.kunnat { left: 0%; top: 124px; right: 0%; bottom: auto; } .heading-largest { margin-right: 8px; font-family: Inter, sans-serif; color: #4b15e9; font-size: 44px; line-height: 44px; font-weight: 700; } .heading-largest.small { font-size: 24px; } .heading-largest.quote { font-size: 30px; line-height: 30px; } .scroll-text { position: absolute; left: 100px; top: 60px; z-index: 1000; display: none; color: #fff; } .caret-down { position: absolute; left: 0px; right: 0px; bottom: -15px; display: block; width: 0px; margin-right: auto; margin-left: auto; border-top: 20px solid #fff; border-right: 20px solid transparent; border-left: 20px solid transparent; } .map-content { padding-top: 15px; padding-bottom: 10px; } .map-content.bottom { padding-top: 2px; padding-bottom: 2px; } .map-content.tight { padding-top: 0px; } .map-heading-image { position: relative; z-index: 101; width: 20%; padding-right: 4%; padding-left: 4%; float: left; } .map-heading-image.semi-narrow { width: 15%; padding-right: 4%; padding-left: 4%; } .map-heading-image.semi-narrow.wide { margin-top: -1.5%; padding-right: 3%; padding-left: 3%; } .minor-block { position: relative; display: inline-block; width: 33.333%; height: 30%; padding: 15px; float: right; clear: left; border-right: 2px solid hsla(0, 0%, 100%, 0.25); background-image: linear-gradient(180deg, rgba(44, 48, 77, 0.8), rgba(44, 48, 77, 0.8)); } .minor-block.right { border-right-style: none; } .div-featured-inner { position: absolute; top: 31px; right: 6px; z-index: 10; display: none; width: 14px; height: 14px; border-radius: 99px; background-color: rgba(247, 0, 149, 0.8); } .div-featured-inner.grey { top: 9px; right: 3px; display: none; background-color: rgba(150, 128, 141, 0.8); } .div-featured-inner.yellow { top: 9px; right: 3px; display: none; background-color: rgba(247, 96, 0, 0.8); } .div-featured-inner.blue { background-color: rgba(0, 211, 245, 0.8); } .div-featured-inner.blue.one-row { top: 9px; right: 3px; display: none; } .div-featured-inner.green { top: 9px; right: 3px; display: none; width: 14px; height: 14px; background-color: rgba(0, 247, 54, 0.8); } .div-featured-inner.purple { top: 9px; right: 3px; display: none; } .map-column { display: inline-block; width: 20%; height: 70%; float: left; } .map-section { position: relative; display: flex; min-width: 1500px; padding: 120px 100px 130px; justify-content: center; align-items: center; background-image: linear-gradient(180deg, rgba(0, 104, 199, 0.75), rgba(0, 104, 199, 0.75)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad448933b9e2bf75aa0e5d0_background2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .map-section.tietoturva { padding-top: 120px; background-image: linear-gradient(180deg, rgba(0, 104, 199, 0.75), rgba(0, 104, 199, 0.75)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad448933b9e2bf75aa0e5d0_background2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; } .map-content-text { position: relative; display: inline-block; margin-left: 5px; font-family: Montserrat, sans-serif; color: hsla(0, 0%, 100%, 0.8); line-height: 22px; } .map-content-text.bold { float: left; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.3px; } .map-content-text.black { width: 90%; margin-bottom: 10px; font-family: Lato, sans-serif; color: rgba(0, 0, 0, 0.8); font-size: 13px; line-height: 18px; text-align: center; } .map-content-text.additional { width: 100%; color: hsla(0, 0%, 100%, 0.45); } .map-content-text.additional:hover { text-decoration: none; } .level-tab { padding: 5px 16px; background-color: #fff; font-family: Montserrat, sans-serif; color: grey; font-size: 12px; font-weight: 600; text-transform: uppercase; } .level-tab.w--current { border-bottom: 3px solid #7795f8; background-color: #fff; font-family: Montserrat, sans-serif; color: #7795f8; font-weight: 600; } .map-3rd-level-block { position: relative; display: flex; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; justify-content: flex-start; align-items: center; opacity: 0.1; } .map-3rd-level-block:hover { opacity: 1; } .map-3rd-level-block.bottom { margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; } .bold-text-4 { letter-spacing: 0.5px; } .level-text { position: absolute; left: 100px; top: 35px; display: flex; flex-direction: column; color: #fff; } .fa-new { margin-right: 5px; margin-left: 5px; font-family: 'Fa 400', sans-serif; } .powered-by-text { position: absolute; top: 35px; right: 100px; display: flex; flex-direction: column; color: #fff; text-align: right; } .overlay { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 100; display: none; background-color: #480050; } .level { width: 15px; height: 15px; } .level.passive { opacity: 0.25; } .tabs-content-3 { display: none; } .level-tabs { margin-top: 2px; } .featured-image { height: 50%; border-bottom: 1px solid #eee; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5b0fb841a9756215befbd506_5a99527ba30190000161d3a7_jarjestelmat-3.png"); background-position: 50% 0px; background-size: cover; } .featured-image.kaytto { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5b0fb841a97562585ffbd508_5a99805056512700019e6c40_tarkoitukset-2.png"); } .featured-image.sopimus { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5b0fb838558807fd905eabdd_5a9c44eda2f0dc0001b57f13_palveluprofiili-2.png"); } .map-heading { position: relative; z-index: 101; width: 80%; margin-top: 0px; margin-bottom: 0px; float: left; font-family: Montserrat, sans-serif; color: hsla(0, 0%, 100%, 0.9); font-size: 20px; line-height: 24px; font-weight: 600; text-transform: uppercase; } .map-heading.wide { width: 90%; } .map-heading.small { font-size: 17px; letter-spacing: -0.5px; } .map-heading.black { width: 100%; margin-bottom: 5px; color: rgba(0, 0, 0, 0.9); font-size: 16px; line-height: 20px; text-align: center; } .map-heading.top-marg-minus { width: 90%; margin-top: -5px; } .div-featured { position: absolute; top: 25px; right: 0px; z-index: 5; display: none; width: 26px; height: 26px; justify-content: center; align-items: center; border-radius: 99px; background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(247, 0, 149, 0.25)); } .div-featured.person { top: 6px; right: 25px; display: none; width: 20px; height: 20px; background-color: #f70095; background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(247, 0, 149, 0.25)); } .div-featured.green { top: 4px; right: -2px; display: none; width: 24px; height: 24px; background-color: transparent; background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(0, 247, 54, 0.25)); } .div-featured.grey { top: 4px; right: -2px; display: none; width: 24px; height: 24px; background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(150, 128, 141, 0.25)); } .div-featured.blue { background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(0, 211, 245, 0.25)); } .div-featured.blue.one-row { top: 4px; right: -2px; display: none; width: 24px; height: 24px; } .div-featured.yellow { top: 4px; right: -2px; display: none; width: 24px; height: 24px; background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(247, 96, 0, 0.4)); } .div-featured.purple { top: 4px; right: -2px; display: none; width: 24px; height: 24px; background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, rgba(247, 0, 149, 0.4)); } .map-2nd-level-block { position: relative; display: flex; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; align-items: center; opacity: 0.2; } .map-2nd-level-block:hover { opacity: 1; } .map-2nd-level-block.bottom { margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; } .level-container { display: flex; align-items: center; } .panton { font-family: 'Fontfabric panton', sans-serif; } .panton._12px { font-size: 12px; font-weight: 400; letter-spacing: 0.5px; } .panton.white { color: #fff; } .panton.white._10px { font-size: 10px; font-weight: 400; } .map-1st-level-block { position: relative; display: flex; margin-bottom: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; align-items: center; opacity: 0.9; } .map-1st-level-block:hover { opacity: 1; } .map-1st-level-block.bottom { margin-top: -3px; margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; } .map-1st-level-block.additional { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-style: italic; } .map-1st-level-block.additional.low { margin-bottom: 2px; padding-bottom: 0px; } .map-1st-level-block.additional.high { margin-bottom: 10px; } .map-1st-level-block.additional.bottom { margin-bottom: 5px; } .powered-by-hover { position: absolute; top: 0px; right: 70px; z-index: 9500; width: 250px; padding: 15px; border-radius: 4px; background-color: #333; box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.55); opacity: 0; transition: opacity 250ms ease; text-align: left; } .powered-by-hover.iso { right: 90px; } .main-block-up { position: relative; display: inline-block; width: 20%; height: 70%; padding: 15px 8px 15px 15px; float: left; border-right: 2px solid hsla(0, 0%, 100%, 0.25); border-bottom: 2px solid hsla(0, 0%, 100%, 0.25); background-image: linear-gradient(180deg, rgba(44, 48, 77, 0.8), rgba(44, 48, 77, 0.8)); } .main-block-up.right { border-right-style: none; } .main-block-up.half { width: 100%; height: 50%; } .tabs-menu { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.33); } .map-levels { position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; min-width: 1500px; padding: 6px 15%; justify-content: space-around; align-items: center; background-color: rgba(0, 0, 0, 0.25); color: #fff; } .map-content-level { display: flex; width: 20%; padding-right: 5px; justify-content: space-around; align-items: center; } .map-content-level.sub { width: auto; } .map-content-level.narrow { width: 14%; } .featured-content { display: flex; height: 50%; padding: 15px 15px 5px; flex-direction: column; justify-content: center; align-items: center; } .map-inner { position: relative; width: 100%; height: 660px; background-image: linear-gradient(180deg, rgba(44, 48, 77, 0.9), rgba(44, 48, 77, 0.9)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad448933b9e2bf75aa0e5d0_background2.png"); background-position: 0px 0px, 0px 0px; background-size: auto, cover; box-shadow: 0 10px 50px -6px rgba(0, 0, 0, 0.66); } .map-inner.tietoturva { background-image: none; background-position: 0px 0px; } .map-heading-block { position: relative; } .map-heading-block.flex { display: flex; justify-content: flex-start; align-items: center; } .column-md-4 { width: 25%; padding: 16px; } .map-content-text-border { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 0%; height: 2px; background-image: linear-gradient(90deg, #f019ff, #6a00ff); } .no-underline { color: hsla(0, 0%, 100%, 0.85); text-decoration: none; } .share-buttons { position: absolute; left: 0%; top: 57px; right: 0%; bottom: auto; display: flex; width: 50%; height: 32px; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .share-buttons.static { position: static; width: 100%; margin-bottom: 16px; justify-content: flex-start; } .share-buttons.static.left-pad { padding-left: 40px; } .blue-bg { background-color: #f5f9fc; } .concept-item-left-menu { width: 25%; } .concept-item-card { width: 75%; padding: 32px; border-radius: 3px; background-color: #fff; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.09); } .kartta-section { display: flex; padding: 16px; flex-direction: column; justify-content: center; align-items: center; } .concept-item-info { padding: 32px; border-radius: 6px; background-image: linear-gradient(180deg, #f4f9ff, transparent 25%); } .concept-item-info.lett-bot-marg { padding-bottom: 0px; } .concept-item-info.lett-bot-marg.webinar-page { width: 60%; background-image: none; } .concept-item-info.lett-bot-marg.webinar-page.no-desc { padding-top: 8px; } .concept-item-top { position: relative; display: flex; margin-bottom: 32px; justify-content: space-between; align-items: center; } .concept-item-top.no-marg { margin-bottom: 0px; } .concept-item-top.webinar { justify-content: flex-start; } .concept-item-top-icon { display: flex; width: 15%; height: 100px; justify-content: center; align-items: center; border-radius: 99px; background-image: linear-gradient(180deg, #d7ebfc, transparent); } .concept-item-top-info { display: flex; width: 85%; padding-left: 8px; flex-direction: column; align-items: flex-start; } .concept-item-top-info.no-left-padding { padding-left: 0px; } .concept-item-top-info.webinar { width: 70%; padding-left: 16px; } .menu-section { padding: 8px 0px 8px 16px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-image: linear-gradient(90deg, #f0f1f6, transparent); } .category-links { display: none; opacity: 0; } .menu-link { display: flex; overflow: hidden; height: 40px; max-height: 40px; margin-top: 4px; margin-bottom: 8px; padding-right: 16px; padding-left: 48px; align-items: center; transition: all 250ms ease; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); line-height: 20px; font-weight: 400; text-decoration: none; } .menu-link:hover { color: #1890ff; } .menu-link.w--current { border-right: 3px solid #0e52d6; background-color: #e6f7ff; color: #0e52d6; } .menu-link.dropdown { position: relative; overflow: hidden; margin-bottom: 4px; padding-right: 24px; padding-left: 24px; } .menu-link.dropdown.less-padding { overflow: visible; margin-top: 8px; margin-bottom: 8px; padding-left: 48px; } .menu-link.highlight:hover { border-right: 3px solid #0e52d6; background-color: #e6f7ff; color: #0e52d6; } .menu-link.author { margin-bottom: 24px; padding-left: 40px; } .menu-link.author.first { margin-bottom: 8px; } .icon-14 { width: 14px; height: 14px; margin-right: 8px; } .menu-icon { position: absolute; left: auto; top: 0%; right: 16px; bottom: 0%; display: flex; align-items: center; font-family: 'Fontawesome webfont', sans-serif; } .options-blocks { display: flex; justify-content: flex-start; align-items: center; } .option-div { position: relative; display: flex; width: 30%; margin-right: 3%; padding: 16px; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.45); } .option-div.active { box-shadow: inset 0 0 1px 3px #1890ff; } .icon-40 { width: 40px; height: 40px; margin-right: 4px; margin-bottom: 8px; margin-left: 4px; } .icon-40.right-marg { margin-right: 12px; } .option { margin-bottom: 32px; } .option.less-marg { position: relative; margin-bottom: 16px; } .option.summary { position: relative; margin: 40px -32px 16px; padding: 16px 32px; background-image: linear-gradient(180deg, #f4f9ff 45%, transparent 75%); } .option.summary.no-marg { margin-bottom: 0px; } .option.summary.clock { position: fixed; left: auto; top: 16px; right: 5%; bottom: auto; z-index: 10000000; display: flex; width: 800px; max-width: 90%; margin: 0px 0px 50px; padding: 8px 232px 8px 32px; align-items: center; background-color: #6265a3; background-image: none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); } .option.summary.clock.display-none { position: absolute; width: 600px; padding-right: 32px; } .option.no-marg { position: relative; margin-bottom: 16px; } .option.no-marg.summary-page { margin-bottom: 32px; } .option.relative { position: relative; } .option.relative.article { margin-bottom: 64px; padding-left: 64px; } .icons { display: flex; justify-content: center; align-items: center; } .icons.disabled { position: static; background-image: none; opacity: 0.45; } .option-active { position: absolute; left: auto; top: -4px; right: -4px; bottom: auto; width: 16px; height: 16px; border-radius: 99px; background-color: #fff; } .examples ul { margin-bottom: 16px; padding-left: 20px; list-style-type: disc; } .examples li { margin-top: 3px; margin-bottom: 3px; font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.74); font-size: 14px; line-height: 28px; } .examples p { margin-bottom: 16px; font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.74); font-size: 14px; line-height: 21px; } .examples blockquote { margin-bottom: 16px; padding: 16px 16px 16px 68px; border-left-style: none; border-radius: 4px; background-color: #ffeee2; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bcda8561fb2097648c69c5a_quote.png"); background-position: 24px 50%; background-size: 24px; background-repeat: no-repeat; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 14px; } .examples h6 { padding: 16px 16px 16px 68px; border-radius: 4px; background-color: rgba(67, 105, 255, 0.12); background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad44025d8ce0266dc7cd21f_5a99723656512700019e48fb_question.png"); background-position: 24px 50%; background-size: 24px; background-repeat: no-repeat; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 22px; font-weight: 400; } .examples h3 { margin-top: 0px; margin-bottom: 8px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 20px; line-height: 28px; font-weight: 600; } .examples strong { font-weight: 600; } .examples h5 { margin-top: 0px; margin-bottom: 5px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 16px; line-height: 24px; font-weight: 600; } .examples img { margin-bottom: 16px; border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); } .measure-icon { position: absolute; left: 16px; top: 0%; right: auto; bottom: 0%; display: flex; align-items: center; font-family: 'Fa solid 900', sans-serif; } .measure-div { padding: 0px 16px 0px 0px; background-color: rgba(0, 0, 0, 0.04); } .hidden-primary-text { display: block; margin-bottom: 16px; padding-right: 32px; padding-left: 48px; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); line-height: 22px; } .hidden-primary-text li { font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 22px; } .top-div { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 99999999; display: none; height: 50vh; background-color: #f5f5f5; } .bottom-div { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 99999999; display: none; height: 50vh; background-color: #f5f5f5; } .measure-name { max-height: 40px; max-width: 80%; } .measure-star { height: 16px; margin-left: 16px; } .link-2 { color: #0557f1; } .concept-item-tags { margin-top: -8px; margin-bottom: 32px; } .concept-item-tags.float { margin-top: 0px; margin-bottom: 0px; } .concept-item-tags.float.webinar { display: flex; align-items: center; } .tag { position: absolute; left: 12px; top: 12px; right: auto; bottom: auto; display: inline-block; margin-bottom: 0px; padding: 6px 12px; border: 1px none #d9d9d9; border-radius: 6px; background-color: #fff; font-family: Inter, sans-serif; color: #4f12e7; font-size: 12px; line-height: 18px; font-weight: 700; } .tag.case { float: left; border-color: #ffbb96; background-color: #fff2e8; color: #fa541c; } .tag.theme { float: left; border-color: #b7eb8f; background-color: #f6ffed; color: #52c41a; } .tag.tech { overflow: hidden; float: left; border-color: #adc6ff; background-color: #f0f5ff; color: #2f54eb; } .tag.tech.news { max-height: 40px; max-width: none; border-style: none; background-color: transparent; line-height: 20px; } .tag.webinar { border-color: #d3adf7; background-color: #f9f0ff; color: #722ed1; } .tag.article { border-color: #87e8de; background-color: #e6fffb; color: #13c2c2; } .tag.front { margin-bottom: 16px; } .tag.front.webinar { font-family: Inter, sans-serif; } .webinar-embed { margin-top: 32px; } .icon-32 { width: 32px; height: 32px; margin-right: 16px; } .icon-32.left-marg { margin-right: 8px; } .list-item { display: flex; padding-top: 12px; padding-bottom: 12px; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .list-text { display: flex; flex-direction: column; align-items: flex-start; flex: 1; } .list-item-name { margin-bottom: 4px; transition: all 300ms ease; font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.65); line-height: 22px; font-weight: 600; text-decoration: none; } .list-item-name:hover { color: #0557f1; } .list-item-description { font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.45); line-height: 22px; } .feedback-others { display: none; margin-top: 10px; } .feedback-submit { border-radius: 4px; background-color: #6265a3; font-family: Poppins, sans-serif; } ._1-feedback-inactive { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; } .feedback-form-inner { display: block; width: 600px; max-width: 95%; margin-right: auto; margin-left: auto; padding: 25px; border: 1px solid #e9e5e5; border-radius: 4px; background-color: #f6f7f9; } ._2-feedback-active { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; } .feedback-radio { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; display: inline-block; width: 35px; height: 35px; padding-left: 0px; cursor: pointer; } .feedback-radio-div { position: relative; display: inline-block; width: 35px; height: 35px; margin-right: 5px; margin-left: 5px; cursor: pointer; } .success-message-4 { padding: 25px; border: 1px solid #eee; border-radius: 4px; background-color: #f3f4f5; font-family: Montserrat, sans-serif; } ._3-feedback-active { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; } .feedback-form { padding-top: 50px; padding-bottom: 50px; border-style: solid none none; border-width: 1px; border-color: #ccc #000; text-align: center; } .feedback-form.top-border { padding-top: 32px; padding-bottom: 32px; border-top-color: rgba(0, 0, 0, 0.09); } .text-input-field { margin-bottom: 16px; border: 1px solid #ccc; border-radius: 2px; font-family: Inter, sans-serif; font-size: 14px; line-height: 22px; } .radio-button { display: block; width: 100%; height: 100%; margin-top: 0px; margin-right: auto; margin-left: auto; float: none; opacity: 0; cursor: pointer; } ._4-feedback-active { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; } .error-message-3 { width: 600px; max-width: 95%; margin-right: auto; margin-left: auto; padding: 25px; border: 1px solid #eee; border-radius: 4px; font-family: Montserrat, sans-serif; } ._1-feedback-active { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; } ._5-feedback-active { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: none; } .feedback-form-heading { margin-bottom: 10px; font-family: Inter, sans-serif; color: #1a1b1f; font-size: 17px; line-height: 22px; font-weight: 500; } .link-3 { color: #0557f1; } .div-block-31 { display: inline-block; } .html-embed-3 { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; } .vahti-ad { position: absolute; left: 0%; top: auto; right: 0%; bottom: 57px; display: flex; width: 50%; height: 32px; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; } .article-image { width: 100%; height: 200px; margin-top: 16px; margin-bottom: 16px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; } .article-image.list { overflow: hidden; height: 250px; border-radius: 4px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); } .article-image.tulkki { border-radius: 4px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); } .secondary-text { font-family: Montserrat, sans-serif; color: rgba(0, 0, 0, 0.54); font-size: 14px; line-height: 21px; } .secondary-text.inline { margin-right: 4px; } .secondary-text.center.more-marg { margin-bottom: 8px; } .secondary-text.center.more-marg { margin-bottom: 40px; font-family: Inter, sans-serif; color: #4d5da7; font-weight: 600; text-align: left; text-transform: uppercase; } .secondary-text.no-bot-marg.left-marg { margin-left: 8px; font-family: Inter, sans-serif; } .secondary-text.abso-right { position: absolute; left: 180px; top: 8px; right: auto; bottom: auto; width: 400px; margin-bottom: 0px; text-align: left; } .article-ref-info { display: block; margin-bottom: 8px; } .section-icon { position: absolute; left: -90px; top: 20%; right: auto; bottom: 0%; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-radius: 99px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .section-icon.kooste { left: auto; top: 20%; right: -90px; bottom: 0%; } .section-icon.webinar { left: auto; top: 35%; right: -25px; bottom: 0%; } .section-icon-image { max-height: 32px; max-width: 32px; } .comments { margin: 50px -32px -32px; padding: 30px 64px; background-color: #f9f9f9; } .comments.no-top-marg { margin-top: 0px; } .comments.white { background-color: #fff; } .tulkki-author { width: 30px; height: 30px; margin-right: 4px; border-radius: 99px; } .blog-post-category-heading { display: flex; margin-bottom: 16px; padding-top: 24px; padding-right: 15px; padding-left: 15px; justify-content: space-between; border-top: 2px solid rgba(0, 0, 0, 0.09); } .blog-post-category-heading.bot-marg { margin-bottom: 32px; } .blog-post-category-heading.bot-marg.first { margin-top: 32px; } .blog-post-category-heading.bot-marg.more { margin-bottom: 64px; padding-top: 0px; border-top-style: none; } .blog-post-category-heading.no-border { border-top-style: none; } .blog-post-category-heading.no-border.bot-marg { margin-bottom: 8px; } .blog-post-category-heading.no-border.more-marg { margin-bottom: 32px; } .blog-post-category-heading.no-border.more-marg.width { width: 1080px; max-width: 100%; margin-right: auto; margin-left: auto; } .blog-post-category-heading.display-none { display: none; } .blog-post-category { display: flex; height: 30px; align-items: center; } .icon-24 { width: 24px; height: 24px; margin-right: 8px; } .royal-blue { color: #0557f1; } .royal-blue.medium { font-weight: 500; } .article-number { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; background-color: #f2f2f2; } .tulkki-link { margin-left: 8px; padding-right: 3px; padding-left: 3px; align-items: center; border-bottom: 2px solid #4365e2; transition: all 250ms ease-in-out; color: #4365e2; text-decoration: none; } .tulkki-link:hover { border-bottom-color: #101919; color: #101919; } .tulkki-link-icon { position: static; width: 28px; height: 28px; } .tulkki-link-text { font-family: Montserrat, sans-serif; line-height: 21px; font-weight: 500; } .tulkki-link-outer { position: relative; display: flex; overflow: hidden; height: 28px; flex-direction: row; align-items: center; } .div-block-32 { display: flex; flex-direction: column; align-items: flex-start; transform: translate(0px, 14px); } .no-decoration-link { text-decoration: none; } .display-none { display: block; } .div-block-33 { display: flex; } .register-embed { margin-top: 0px; } .js-clock { display: flex; justify-content: center; align-items: center; } .box { display: flex; width: 120px; height: 120px; margin-right: 10px; margin-left: 10px; padding: 10px; flex-direction: column; justify-content: center; align-items: center; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, sans-serif; font-size: 12px; line-height: 20px; } .box.new { width: 80px; height: auto; margin-right: 16px; flex-direction: row; align-items: flex-start; } .box.new.hellobar { width: auto; margin-right: 4px; margin-left: 0px; padding: 0px; } .clock-number { font-family: Montserrat, sans-serif; font-size: 80px; line-height: 70px; font-weight: 600; } .clock-number.new { margin-right: 8px; font-family: Poppins, sans-serif; color: #fff; font-size: 32px; line-height: 40px; font-weight: 600; } .clock-number.new.hellobar { margin-right: 2px; color: #52be95; font-size: 16px; line-height: 24px; } .clock-label { margin-top: 0px; margin-right: -5px; font-family: Poppins, sans-serif; color: #a5cfff; letter-spacing: 1px; text-transform: none; } .clock-label.mobile { display: none; } .clock-label.hellobar { margin-right: 0px; color: #252423; font-size: 10px; line-height: 18px; } .navigation-actions { display: flex; width: 27%; justify-content: flex-end; order: 1; } .navigation-actions.blog { width: 40%; } .product-menu-link { position: relative; display: flex; margin-bottom: 24px; align-items: center; border-radius: 4px; color: rgba(0, 0, 0, 0.65); text-decoration: none; } .product-menu-link:hover { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .product-menu-link.display-none { display: none; } .product-menu-link.disabled { background-image: none; opacity: 0.5; } .product-menu-link.form { margin-bottom: 4px; } .product-menu-name { font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 12px; } .text-block-30 { font-size: 26px; line-height: 30px; font-weight: 500; } .product-links { position: absolute; left: 100px; top: 80px; right: 0%; bottom: auto; z-index: 10000; display: none; width: 800px; max-width: 95%; margin-right: auto; margin-left: auto; padding: 32px; border-bottom: 1px none rgba(0, 0, 0, 0.15); border-radius: 16px; background-color: #fff; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25); opacity: 0; } .product-links.not-home { left: 0px; top: 80px; display: block; opacity: 1; } .columns-3 { display: flex; width: 100%; padding-right: 0px; padding-left: 20px; background-color: #fff; } .navigation-links { position: static; display: flex; width: 48%; float: none; justify-content: center; align-self: center; text-align: center; } .products-menu-heading { margin-top: 0px; margin-bottom: 0px; font-family: Poppins, sans-serif; color: #42526e; font-size: 12px; line-height: 18px; font-weight: 500; text-transform: uppercase; } .products-menu-heading.transparent { opacity: 0; } .nav-container-sub { display: flex; width: 1200px; height: 100%; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: space-around; } .navigation-action { display: flex; padding-left: 10px; justify-content: center; align-items: center; cursor: pointer; } .link-4 { display: block; font-family: Poppins, sans-serif; color: #42526e; font-size: 12px; text-decoration: none; } .product-menu-text { display: flex; height: 50px; padding-left: 8px; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1; background-color: #fff; } .product-menu-text.slim { height: 40px; } .product-menu-text.no-icon { height: auto; } .column-3 { height: 100%; padding-top: 40px; padding-left: 32px; background-color: #f4f5f7; } .menu-sub-icon { width: 16px; height: 16px; margin-right: 8px; } .menu-sub-icon.plan { width: 20px; height: 20px; } .product-menu-icon-img { width: 32px; height: 32px; } .product-menu-icon-img.small { width: 24px; height: 24px; } .product-menu-icon-img.large { width: 34px; height: 34px; } .learn-links { position: absolute; left: 100px; top: 80px; right: 0%; bottom: auto; z-index: 10000; display: none; width: 800px; max-width: 95%; margin-right: auto; margin-left: auto; padding: 32px; border-radius: 16px; background-color: #fff; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25); opacity: 0; } .learn-links.not-home { top: 120px; } .product-menu-icon { display: flex; justify-content: center; align-items: center; border-radius: 4px; } .navigation-link { margin-right: 6px; margin-left: 0px; padding: 10px 8px; opacity: 1; transition: opacity 200ms ease-in-out; font-family: Inter, sans-serif; color: #000; font-size: 14px; font-weight: 500; letter-spacing: 0px; text-transform: none; } .navigation-link:hover { border-radius: 3px; background-color: #ebecf0; opacity: 0.95; color: rgba(0, 0, 0, 0.55); text-decoration: none; } .navigation-link.w--current { opacity: 1; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-weight: 500; letter-spacing: 0px; text-transform: none; } .navigation-link.no-menu { padding-right: 14px; color: #252423; font-size: 14px; } .navigation-link.no-menu.cta { border-radius: 3px; background-color: #4353ff; color: #fff; } .navigation-link.no-menu.cta:hover { opacity: 0.9; } .navigation-link.no-menu.cta.plan { padding-top: 10px; padding-bottom: 10px; padding-left: 14px; border-radius: 8px; background-color: #fff; box-shadow: 0 12px 25px 0 #6265a3; color: #6265a3; } .navigation-link.no-menu.cta.plan.blog { text-decoration: none; } .navigation-link.no-menu.cta.plan.alternate { margin-right: 0px; margin-left: 8px; border: 1px solid #6264a7; background-color: #fff; color: #6264a7; } .navigation-link.no-menu.cta.plan.inverse { background-color: #6265a3; color: #fff; } .navigation-link.no-menu.dropdown { padding-right: 22px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ebb972fb2b44c62bca32ee5_orientation.png"); background-position: 88% 50%; background-size: 7px 7px; background-repeat: no-repeat; } .navigation-link.no-menu.dropdown.no-mobiles.no-dropdown { padding-right: 14px; background-image: none; background-size: auto; background-repeat: repeat; } .navigation-link.no-menu.dropdown.no-mobiles.no-dropdown.login { margin-right: 8px; padding-top: 10px; padding-bottom: 10px; padding-left: 14px; border-radius: 8px; background-color: hsla(0, 0%, 100%, 0.1); } .navigation-link.no-menu.dropdown.no-mobiles.no-dropdown.login.white { box-shadow: 0 10px 25px 0 rgba(10, 10, 51, 0.1); color: #fff; } .navigation-link.no-menu.dtm { padding-left: 22px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ed620a7ba2aed946ba6b140_checked-security-green%203.png"); background-position: 0% 50%; background-size: auto 60%; background-repeat: no-repeat; } .navigation-link.no-menu.dtm.old { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e15878e274eec9f19b9751c_Digiturvamalli-logo-ikoni-256-round.png"); font-family: 'Fontfabric panton', sans-serif; font-size: 15px; } .navigation-link.no-menu.blog { text-decoration: none; } .navigation-link.secondary { padding-right: 8px; transition-property: all; font-family: Inter, sans-serif; color: #000; font-size: 14px; font-weight: 500; } .navigation-link.secondary:hover { background-color: transparent; color: #4536c1; } .navigation-link.secondary.login { padding-right: 8px; padding-left: 8px; font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; } .navigation-link.purple { color: #4353ff; } .navigation-link.purple.no-menu { margin-right: 4px; padding-right: 14px; border-right: 1px solid rgba(0, 0, 0, 0.15); color: #6264a7; } .navigation-link.purple.no-menu.blog { text-decoration: none; } .navigation-link.arrow { margin-right: 6px; padding-right: 30px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ed8b5c302c24b038f9f4a24_down-arrow.png"); background-size: 12px; background-repeat: no-repeat; } .navigation-link.arrow.kehikot { display: flex; padding-right: 34px; align-items: center; background-position: 94% 50%; font-size: 14px; } .navigation-link.arrow.learn { padding-right: 34px; background-position: 93% 50%; } .navigation-link.dropdown { margin-right: 14px; padding-right: 20px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63ac1cfd7edd8dde97f56b35_arrow-down-sign-to-navigate.png"); background-position: 100% 50%; background-size: 12px 12px; background-repeat: no-repeat; transition-property: all; font-family: Inter, sans-serif; font-weight: 500; } .navigation-link.dropdown:hover { background-color: transparent; color: #4536c1; } .navigation-link.login-link { margin-right: 0px; margin-left: 10px; padding-right: 0px; padding-left: 14px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63fdbc3ad91d0d3acddc2317_calendar-silhouette.png"); background-position: 0% 50%; background-size: 10px 10px; background-repeat: no-repeat; font-size: 12px; font-weight: 400; } .navigation-link.login-link:hover { background-color: transparent; text-decoration: underline; } .navigation-link.login-link.login { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63fdbc704c9290e8765186eb_padlock.png"); } .text-block-10 { font-family: Poppins, sans-serif; color: #42526e; font-size: 16px; line-height: 24px; } .product-menu-desc { padding-right: 8px; font-family: Poppins, sans-serif; font-size: 10px; line-height: 16px; } .link-block-2 { display: flex; margin-bottom: 8px; align-items: center; text-decoration: none; } .link-block-2.last { margin-bottom: 40px; } .header-navigation { z-index: 100; display: block; padding-top: 0px; border-bottom: 1px solid #e1e1e1; background-color: #fff; box-shadow: none; } .header-navigation.bot-border { border-bottom-style: none; border-bottom-color: #e8ebf8; box-shadow: 0 4px 14px 0 rgba(16, 0, 55, 0.04); } .menu-divider { width: 25%; height: 2px; margin-bottom: 16px; background-color: #f4f5f7; } .menu-divider.transparent { opacity: 0; } .column-4 { padding: 40px 20px 40px 0px; } .header-logo-div-2 { display: flex; width: 262px; height: 42px; max-width: 20%; margin-right: 0px; padding-right: 0px; align-items: center; align-self: center; flex: 0 auto; border: 2px none #00a9f5; border-radius: 10px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 30px; line-height: 30px; text-decoration: none; } .header-logo-div-2:hover { text-decoration: none; } .header-logo-div-2.w--current { border-style: none; } .header-logo-div-2.mobile { margin-top: 0px; } .navigation-container { display: flex; max-width: 1400px; min-height: 72px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; float: none; flex-direction: row; justify-content: flex-start; } .navigation-container.spread { justify-content: space-between; } .navigation-container.not-home { width: 1400px; max-width: 100%; } .text-highlight { display: inline-block; margin-top: 1px; margin-bottom: 1px; padding-right: 5px; padding-left: 5px; border-radius: 8px; background-color: rgba(255, 161, 133, 0.2); } .text-highlight.dark-bg { background-color: rgba(255, 161, 133, 0.3); color: hsla(0, 0%, 100%, 0.8); } .product-link-icon { width: 12px; margin-left: 4px; } .wide-container-2 { width: 1200px; max-width: 95%; margin-right: auto; margin-left: auto; } .wide-container-2.edges { display: flex; width: 1140px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; flex-direction: row; justify-content: space-between; align-items: flex-start; } .wide-container-2.edges.tab-horizontal.more-bot-pad { padding-bottom: 24px; } .p-large { margin-bottom: 24px; font-size: 18px; line-height: 27px; } .section-4 { overflow: hidden; padding-top: 0px; border-top-style: none; background-color: #fff; box-shadow: 0 -5px 25px 0 rgba(0, 0, 0, 0.09); } .header-promo { display: inline-block; margin-bottom: 10px; padding: 5px 10px 5px 5px; border-radius: 20px; background-color: #f2f4f8; font-family: Poppins, sans-serif; color: #95979b; font-size: 12px; font-weight: 400; text-decoration: none; } .header-promo.menu { position: absolute; left: 0%; top: auto; right: auto; bottom: -36px; display: none; padding-top: 2px; padding-bottom: 2px; align-items: center; } .saas-word { display: flex; overflow: hidden; height: 44px; padding-left: 8px; flex-direction: column; align-items: flex-start; } .button-2 { display: inline-block; height: 50px; padding: 0px 35px; border-radius: 50px; background-color: #1f2631; transition: background-color 200ms ease-in-out; font-family: Poppins, sans-serif; color: #fff; font-size: 12px; line-height: 50px; font-weight: 600; text-align: center; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; } .button-2:hover { background-color: #404350; text-decoration: none; } .button-2.green { height: auto; margin-top: 24px; padding-right: 24px; padding-left: 24px; border-radius: 0px; background-color: #3ecf8e; font-family: Poppins, sans-serif; font-size: 16px; line-height: 59px; font-weight: 500; letter-spacing: normal; text-transform: none; } .button-2.green.new-purpler:hover { background-color: #3545ee; } .button-2.green.new-purpler.auto-width { width: auto; } .button-2.green.new-purpler.auto-width:hover { background-color: #45d898; } .button-2.green.new-purpler.auto-width.green2 { margin-top: 0px; background-color: #3ecf90; } .button-2.green.new-purpler.auto-width.green2:hover { background-color: #56e4a6; } .button-2.green.new-purpler { background-color: #4353ff; } .button-2.green.new-purpler:hover { background-color: #3545ee; } .button-2.green.new-purpler.auto-width { background-color: #6264a7; } .button-2.green.new-purpler.auto-width:hover { background-color: #4c509e; } .button-2.button-small { height: 36px; padding-right: 20px; padding-left: 20px; font-size: 10px; line-height: 36px; } .button-2.button-small.top-marg { margin-top: 20px; } .button-2.button-small { height: 36px; padding-right: 20px; padding-left: 20px; font-family: Poppins, sans-serif; font-size: 10px; line-height: 36px; } .button-2.button-small.green.new-purpler { margin-top: 0px; background-color: rgba(67, 83, 255, 0.1); color: #4353ff; font-size: 14px; line-height: 49px; } .button-2.button-small.green.new-purpler:hover { background-color: rgba(67, 83, 255, 0.2); } .button-2.button-small.green.new-purpler.auto-height { width: auto; height: auto; } .heading-20 { margin-bottom: 32px; } .heading-20.inline { display: block; margin-bottom: 24px; float: left; } .heading-20.less-marg { margin-bottom: 24px; color: #000; font-size: 44px; line-height: 1.1em; font-weight: 500; } .heading-20.less-marg.white { color: #fff; } .heading-20.less-marg.white.features-page { margin-top: 0px; } .heading-20.less-marg.white.features-page.framework-page { display: flex; min-height: 110px; justify-content: center; align-items: center; line-height: 55px; } .heading-20.less-marg { margin-bottom: 24px; color: #000; font-size: 50px; line-height: 1.1em; font-weight: 500; } .heading-20.less-marg.threats { color: #fff; font-size: 40px; font-weight: 600; } .first-word { margin-bottom: 0px; } .columns { position: static; } .columns.front { display: flex; } .paragraph-3 { margin-bottom: 20px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 20px; line-height: 1.4em; } .paragraph-3.narrow { letter-spacing: -0.2px; } .paragraph-3.narrow.less-marg { margin-top: 24px; margin-bottom: 40px; color: #252423; font-weight: 300; } .paragraph-3.narrow.less-marg.white { color: hsla(0, 0%, 100%, 0.85); } .paragraph-3.narrow.less-marg.white.features-page { margin-bottom: 4px; font-size: 28px; } .paragraph-3.narrow.less-marg.threats { color: hsla(0, 0%, 100%, 0.85); font-size: 17px; line-height: 22px; } .paragraph-3.narrow.less-marg.center { max-width: 90%; } .paragraph-3.narrow.less-marg.center.no-top-marg { margin-top: 0px; } .paragraph-3.narrow.less-marg.black { font-family: Poppins, sans-serif; color: #384b5d; font-size: 16px; } .paragraph-3.narrow.less-marg.black.small-margs { margin-top: 8px; margin-bottom: 24px; font-family: Inter, sans-serif; font-weight: 400; } .light { margin-left: 2px; font-weight: 300; } .light.top-bar { font-weight: 400; } .code-text { display: inline-block; margin-top: 1px; margin-bottom: 1px; padding: 0px 5px; border-radius: 8px; background-color: #f2f4f8; font-family: Inconsolata, monospace; color: #fd8274; } .code-text.darker { background-color: #ecf0f8; } .third-word { position: relative; z-index: 10; margin-bottom: 0px; } .front-hero-container { position: relative; z-index: 2; width: 1280px; max-width: 100%; margin-right: auto; margin-left: auto; } .front-hero-container.process { position: relative; display: flex; margin-top: 170px; padding-left: 32px; justify-content: space-between; } .front-hero-container.features-page { margin-bottom: 150px; text-align: center; } .front-hero-container.features-page.framework-page { margin-bottom: 75px; } .second-word { margin-bottom: 0px; } .success-message-5 { min-height: 50px; margin-top: 16px; margin-bottom: 32px; padding: 15px 20px 15px 60px; border-radius: 30px; background-color: #f2f4f8; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e159b75274eec28e0b9fd95_icons8-checkmark-100.png"); background-position: 7px 50%; background-size: 40px; background-repeat: no-repeat; font-family: Poppins, sans-serif; font-size: 14px; text-align: left; } .success-message-5.new { margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; } .column-5 { position: relative; display: block; justify-content: center; } .column-5._5-right-padding { display: flex; padding-top: 0px; padding-right: 5%; padding-left: 32px; flex-direction: column; align-items: flex-start; } .column-5._5-right-padding { display: flex; padding-top: 40px; padding-right: 5%; padding-left: 32px; flex-direction: column; align-items: flex-start; } .column-5._5-right-padding.bot-pad { padding-bottom: 24px; } .column-5._5-right-padding.bot-pad.no-top-pad { padding-top: 16px; padding-bottom: 16px; } .heading-block { display: none; margin-bottom: 0px; } .header-promo-text-2 { display: inline-block; margin-left: 5px; } .header-promo-text-2.menu { margin-left: 3px; font-size: 10px; line-height: 16px; } .label-2 { display: inline-block; min-height: 0px; padding: 2px 6px; border-radius: 10px; background-color: #ffa185; color: #fff; font-size: 12px; font-weight: 400; } .label-2.menu { font-size: 10px; line-height: 12px; } .paragraph-5 { font-family: Poppins, sans-serif; font-size: 20px; line-height: 1.4em; font-weight: 300; } .center-2 { text-align: center; } .center-2.small-marg { margin-bottom: 8px; } .primary-text-2 { margin-bottom: 16px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.65); line-height: 22px; font-weight: 400; text-align: left; } .primary-text-2.poppins { margin-bottom: 8px; color: rgba(0, 0, 0, 0.85); font-weight: 600; } .primary-text-2.poppins.normal { font-weight: 400; } .primary-text-2.poppins.normal.no-marg { margin-bottom: 0px; } .primary-text-2.center { text-align: center; } .front-col { padding-right: 8%; padding-left: 0px; } .new-hero-section { margin-top: 0px; padding-top: 100px; padding-bottom: 100px; transform: rotate(20deg); } .new-hero-section.features-page { margin-top: 0px; padding-top: 80px; padding-bottom: 80px; transform: rotate(0deg); } .new-hero-section.features-page.framework-page { padding-bottom: 60px; transform: rotate(0deg); } .new-hero-section.no-rotate { padding-top: 60px; padding-bottom: 16px; transform: none; } .front-process-step { position: relative; display: flex; width: 22%; height: 300px; margin-right: 3%; padding: 24px 32px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-radius: 12px; background-color: #fff; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16); } .front-lower-section { position: relative; z-index: 4; display: flex; max-width: 100%; margin-right: auto; margin-left: auto; padding-top: 120px; padding-bottom: 70px; flex-direction: column; justify-content: center; align-items: stretch; background-color: #fff; } .front-body { background-color: #f5f6f8; } .div-block-39 { position: relative; display: flex; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; transform: rotate(-20deg); -o-object-fit: fill; object-fit: fill; } .div-block-39.features-page { overflow: hidden; transform: none; } .div-block-39.features-page.trial-page { overflow: visible; padding-bottom: 0px; background-image: linear-gradient(274deg, #9153cc 4%, #3f52af 45%, #1c3988 96%); } .div-block-39.features-page.trial-page.vertical { height: 448px; padding-top: 64px; flex-direction: column; justify-content: flex-start; background-image: linear-gradient(135deg, #686fff, #6265a3); } .div-block-39.features-page.framework-page { transform: none; } .div-block-39.purple { background-color: #fff; transform: none; } .div-block-40 { position: absolute; left: -50%; top: -30%; right: 0%; bottom: auto; width: 200%; height: 100%; background-image: linear-gradient(90deg, #6265a3, #5558af 50%, #3f4686); transform: rotate(-3deg); } .process-arrow { position: absolute; left: auto; top: 44%; right: -36px; bottom: auto; z-index: 2; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; border-radius: 22px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4); opacity: 1; } .process-arrow.frameworks { top: 30%; right: -20px; } .process-arrow.frameworks.right { right: -28px; } .process-arrow-inner { display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; border: 2px solid #6264a7; border-radius: 18px; } .process-icon { width: 12px; height: 12px; } .floater-default { position: absolute; left: 25%; top: auto; right: auto; bottom: 5%; width: 100px; height: 50px; background-color: hsla(0, 0%, 100%, 0.08); transform: skew(45deg, 0deg); } .floater-default.second { left: 23%; bottom: 20%; width: 60px; height: 30px; } .floater-default.third { left: 55%; bottom: 45%; width: 180px; height: 120px; } .floater-default.fourth { left: 70%; bottom: 15%; width: 300px; height: 200px; } .floater-default.fifth { left: 25%; bottom: 40%; width: 150px; height: 75px; } .floater-default.sicth { left: 29%; bottom: 70%; } .image-11 { max-height: 90px; margin-right: auto; margin-bottom: 24px; margin-left: auto; } .image-11.small { max-height: 70px; margin-top: 12px; margin-bottom: 30px; align-self: flex-start; } .process-text { display: flex; width: 100%; flex-direction: column; align-items: flex-start; } .process-heading { margin-top: 0px; margin-bottom: 8px; font-family: Poppins, sans-serif; color: #000; font-weight: 700; letter-spacing: -1px; } .paragraph-6 { max-height: 110px; margin-bottom: 8px; font-size: 14px; line-height: 22px; } .process-heading-top { position: absolute; left: 32px; top: -74px; right: auto; bottom: auto; font-family: Poppins, sans-serif; color: #fff; font-weight: 500; } .threat-desc { padding: 24px 24px 32px; } .threat-desc.news { height: 240px; padding-bottom: 12px; } .aka-text { max-height: 32px; font-family: Poppins, sans-serif; color: #000; font-size: 16px; line-height: 16px; font-weight: 300; } .div-block-41 { display: flex; width: 60%; flex-direction: column; align-items: flex-start; } .threats-main { display: block; margin-right: auto; margin-left: auto; padding-top: 50px; padding-bottom: 50px; justify-content: space-around; align-items: center; } .threats-main.blog { display: block; } .threats-main.updates { padding-top: 80px; padding-bottom: 40px; background-color: #f9f9f9; } .threats-main.updates.front { background-color: #fff; } .see-all-link { position: absolute; left: 24px; top: auto; right: auto; bottom: 12px; display: none; opacity: 0; color: #4353ff; } .threats-inner { display: flex; width: 1200px; max-width: 95%; margin-right: auto; margin-bottom: 48px; margin-left: auto; justify-content: space-around; } .threat-image { position: absolute; left: auto; top: 16px; right: 16px; bottom: auto; width: 80px; height: 80px; border-radius: 99px; background-color: #f4f0e5; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e1586f4fa55481762001aa9_002-id-card.png"); background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; } .threat-image.password { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e16e5d8ef00e71ec76c3f91_2.png"); } .threat-image.negligence { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e16e5d8ef00e7d3d26c3f93_3.png"); } .threat-image.malware { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee7ec6f823c4_4.png"); } .threat-image.cloud { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee10a3f823d0_9.png"); } .threat-image.insider { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee7bc4f823c6_6.png"); } .threat-image.access { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee3c09f823ca_8.png"); } .threat-image.datap { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76eec80df823d2_13.png"); } .threat-image.inform { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee3701f823d6_14.png"); } .threat-image.patch { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee9d74f823cc_10.png"); } .threat-image.bec { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee51e8f823c2_5.png"); } .threat-image.vendor { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee28d6f823ce_15.png"); } .threat-image.dos { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee37b0f823d8_12.png"); } .threat-image.mitm { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee4a64f823d4_11.png"); } .threat-image.ransom { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b7e9c76ee5d06f823c8_7.png"); } .threat-news { padding: 8px 24px 32px; background-color: transparent; } .threat-level-text { font-family: Poppins, sans-serif; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; } .threat-level { padding: 16px 24px; background-color: #ffc20e; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e16e5d8ef00e71f616c3f8f_danger.png"); background-position: 95% 50%; background-size: auto 40px; background-repeat: no-repeat; } .threat-level.high { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e16e5d8ef00e71f7e6c3f8d_danger%20(1).png"); } .threat-level.normal { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e16e5d8ef00e714b66c3f8b_danger%20(2).png"); } .threat-heading { max-height: 64px; margin-top: 0px; margin-bottom: 8px; font-family: Poppins, sans-serif; color: #000; font-size: 26px; line-height: 26px; font-weight: 600; } .threat-heading.news { overflow: hidden; max-height: 60px; margin-bottom: 4px; font-size: 16px; line-height: 20px; } .show-more-link { position: absolute; left: 24px; top: auto; right: auto; bottom: 12px; z-index: 8; color: #4353ff; } .threat-top { overflow: hidden; height: 112px; padding-right: 96px; padding-left: 24px; } .threat-news-list { overflow: hidden; height: 126px; margin-top: 8px; } .threat-div { position: relative; width: 31%; margin-right: 1%; margin-left: 1%; padding: 24px 0px 0px; border-radius: 6px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); } .threat-desc-text { font-family: Poppins, sans-serif; color: #000; font-size: 16px; font-weight: 300; } .threat-desc-text.news { max-height: 72px; margin-bottom: 8px; font-size: 13px; line-height: 18px; font-weight: 400; } .threat-desc-text.news.info { overflow: hidden; color: rgba(0, 0, 0, 0.65); } .threat-desc-text.news.tagh { overflow: hidden; max-height: 22px; margin-bottom: 0px; padding: 2px 7px; border: 1px solid #d9d9d9; border-radius: 4px; background-color: #fafafa; color: rgba(0, 0, 0, 0.65); font-size: 12px; letter-spacing: -0.5px; text-transform: lowercase; } .threat-desc-text.news.link { display: inline-block; margin-right: 8px; margin-bottom: 0px; float: left; color: #6264a7; text-decoration: underline; } .threat-desc-text.news.upper { max-height: none; margin-right: 4px; margin-bottom: 0px; } .news-item { display: inline-block; width: 33.3333%; } .news-item.four { width: 25%; } .news-item.front { width: 31%; margin-right: 2%; } .news-item.front.full-wide { width: 100%; } .news-inner { display: flex; width: 1040px; max-width: 95%; margin-right: auto; margin-left: auto; } .news-inner.wider { width: 1140px; padding-right: 24px; padding-left: 24px; } .news-inner.wider.center { width: 1200px; margin-top: 64px; padding-right: 0px; padding-left: 0px; justify-content: space-around; text-align: left; } .news-top { height: 140px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; } .news-top.no-image { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5cb58e5b6cf2f56a394add9f_shield%20(1).png"), linear-gradient(180deg, rgba(67, 83, 255, 0.85), rgba(67, 83, 255, 0.85)); background-position: 50% 0%, 0px 0px; background-size: cover, auto; } .news-div { margin-right: 16px; margin-bottom: 32px; margin-left: 16px; padding-top: 0px; border-radius: 6px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); text-decoration: none; } .news-div:hover { text-decoration: none; } .div-block-42 { display: flex; align-items: center; } .threat-domain { position: absolute; left: auto; top: 4px; right: 0px; bottom: auto; width: 20px; height: 20px; float: right; } .threat-domain.news { position: static; float: left; } .threat-domain.news-summary { position: static; left: 0%; top: 0%; right: auto; bottom: auto; } .div-block-43 { display: flex; margin-bottom: 8px; align-items: center; } .pagination { margin-bottom: 48px; } .section-header-small { padding-top: 80px; padding-bottom: 70px; } .section-header-small.big-bot-pad { padding-top: 8px; padding-bottom: 120px; } .heading-28 { color: #000; font-size: 46px; line-height: 1.4em; } .header-container { padding-top: 60px; } .team-pic { max-width: 50%; border-radius: 999px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.16); } .inner-container-2 { position: relative; z-index: 2; display: flex; width: 940px; max-width: 95%; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .subheading { margin-top: 0px; margin-bottom: 16px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.45); font-weight: 600; text-transform: uppercase; } .team-row-inner { display: flex; margin-top: -60px; justify-content: space-around; } .team-section { padding-bottom: 50px; background-color: #f4f6f8; } .contact-icon { width: 16px; height: 16px; } .team-heading { margin-top: 24px; margin-bottom: 4px; font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 18px; line-height: 26px; } .contact-icons { display: flex; width: 60%; justify-content: space-between; } .team-column { display: flex; width: 33%; padding-right: 16px; padding-bottom: 32px; padding-left: 16px; flex-direction: column; align-items: center; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-image: linear-gradient(180deg, transparent 10%, #fff 50%); } .text-section { padding-top: 50px; padding-bottom: 50px; } .text-section.bot-pad { padding-bottom: 120px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .subpage-row-section { padding-top: 70px; padding-bottom: 70px; border-top: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.09); background-color: #f2f4fa; } .subpage-row-inner { display: flex; width: 100%; padding-top: 24px; justify-content: space-around; } .subpage-row-column { display: flex; width: 31%; padding-right: 24px; flex-direction: column; align-items: flex-start; } .subpage-row-icon { width: 60px; height: 60px; margin-bottom: 24px; } .subpage-row-icon.small-marg { width: 75px; height: 75px; margin-bottom: 16px; } .subpage-row-icon.small-marg.two.rond { margin-right: 8px; margin-left: 8px; border-radius: 16px; } .small-heading { margin-bottom: 16px; font-family: Poppins, sans-serif; font-size: 18px; line-height: 26px; font-weight: 600; } .small-heading.team-page { margin-top: 16px; color: #252423; text-align: center; } .contact-us-form { max-width: 60%; margin-top: 32px; } .text-field-3 { margin-bottom: 16px; box-shadow: inset 0 0 1px 0 #4353ff; font-family: Poppins, sans-serif; } .text-field-3:focus { box-shadow: inset 0 0 3px 0 #4353ff; } .contact-us-button { width: 100%; background-color: #4353ff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); font-family: Poppins, sans-serif; } .underline { text-decoration: underline; } .threats-top { margin-top: 0px; padding-top: 40px; padding-bottom: 40px; background-image: linear-gradient(90deg, #000 24%, transparent), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e170b50de49932c7534f584_shahadat-rahman-BfrQnKBulYQ-unsplash.jpg"); background-position: 0px 0px, 100% 50%; background-size: auto, cover; } .threats-main-2 { display: block; margin-right: auto; margin-left: auto; padding-top: 50px; padding-bottom: 50px; justify-content: space-around; align-items: center; background-color: #f9f9f5; } .threat-heading-2 { max-height: 64px; margin-top: 0px; margin-bottom: 8px; font-family: Poppins, sans-serif; color: #000; font-size: 26px; line-height: 26px; font-weight: 600; } .threat-heading-2.small { font-size: 22px; } .new-pricing-tabs-section { position: relative; display: block; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 60px; justify-content: center; align-items: center; background-color: #f4f0eb; } .new-pricing-tabs { position: static; left: 0%; top: 0px; right: 0%; bottom: auto; width: 1200px; max-width: 100%; margin-right: auto; margin-left: 0%; padding-left: 0%; } .new-pricing-tabs.placeholder { padding-left: 15%; } .tabs-menu-8 { display: flex; margin-left: 15%; justify-content: center; align-items: flex-start; } .newpricing-tab-link { display: inline-block; width: 250px; max-width: 23%; margin-right: 16px; margin-left: 16px; padding: 32px 16px 16px; border-top: 2px solid #f4f0eb; border-right: 1px solid #f4f0eb; border-left: 1px solid #f4f0eb; border-radius: 6px; background-color: #fff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.16); opacity: 0.85; transition: all 250ms ease; font-family: Poppins, sans-serif; color: #4353ff; font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; } .newpricing-tab-link:hover { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.16); text-decoration: none; } .newpricing-tab-link.w--current { border-style: solid none none; border-width: 8px 1px 1px; border-color: #ffd954 #000 #000; background-color: #fff; box-shadow: none; opacity: 1; } .new-pricng-tabs-content { margin-top: 64px; padding-top: 0px; padding-left: 15%; border-radius: 6px 2px 6px 6px; } .new-pricing-tab { display: block; margin-bottom: 80px; justify-content: space-between; } .bold { font-weight: 700; } .new-pricing-product-div { display: flex; margin-bottom: 8px; align-items: center; } .new-pricing-product-div.large { margin-bottom: 16px; } .new-pricing-product-icon { max-height: 20px; margin-right: 8px; } .new-pricing-product-icon.large { max-height: 40px; } .new-pricing-product-title { border-bottom: 1px solid rgba(0, 0, 0, 0.65); color: #000; font-size: 16px; line-height: 22px; font-weight: 700; letter-spacing: -0.5px; } .tab-pane-tab-1-2 { background-color: transparent; } .addons { display: flex; width: 100%; margin-bottom: 64px; justify-content: space-around; } .addons.less-marg { margin-bottom: 24px; } .addon-div { position: relative; width: 31%; margin-right: 1%; margin-left: 1%; padding: 24px 32px; border-radius: 6px; background-color: #fff; } .list-2 { padding-left: 20px; font-family: Poppins, sans-serif; color: #000; font-size: 16px; line-height: 24px; } .black { color: #000; } .div-block-44 { position: relative; display: flex; width: 1200px; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: flex-start; } .pricing-process-numbers { position: absolute; display: flex; width: 150px; max-width: 15%; flex-direction: column; } .pricing-process-numbers.absolute { position: absolute; left: -17%; top: 0%; right: auto; bottom: auto; } .new-pricing-tab-link-image { max-height: 90px; margin-bottom: 24px; } .newpricing-tab-link-subtitle { font-size: 14px; line-height: 21px; font-weight: 400; text-transform: none; } .text-block-32 { margin-bottom: 8px; text-transform: uppercase; } .normaali-palvelutaso { padding: 24px 28px 0px; } .p-k-ytt-j-palvelutaso { padding: 24px 28px 0px; } .tiimi-palvelutaso { padding: 24px 28px 0px; } .paragraph-9 { display: none; margin-bottom: 30px; padding-left: 12px; opacity: 0; } .div-block-45 { display: flex; width: 1200px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 64px; opacity: 0.45; } .normal-prices { display: block; opacity: 1; } .high-prices { display: none; opacity: 0; } .paragraph-10 { margin-bottom: 30px; padding-left: 12px; opacity: 0.45; } .paragraph-11 { display: none; margin-bottom: 30px; padding-left: 12px; opacity: 0; } .newpricing-numbero { margin-bottom: 32px; font-family: Poppins, sans-serif; color: #000; font-size: 60px; line-height: 60px; text-align: center; } .newpricing-numbero.more-marg { margin-bottom: 48px; } .pricing-content { position: relative; } .price-number-inactive { font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.25); font-size: 60px; line-height: 60px; text-align: center; } .price-number-active { display: none; font-family: Poppins, sans-serif; color: #000; font-size: 60px; line-height: 60px; text-align: center; } .paragraph-12 { padding-left: 12px; } .threat-news-link { position: relative; display: flex; margin-bottom: 8px; justify-content: flex-start; text-decoration: none; } .threat-news-link:hover { opacity: 0.85; text-decoration: none; } .div-block-37 { width: 90%; height: 34px; } .threat-news-heading { overflow: hidden; height: 18px; margin-top: 0px; margin-bottom: 0px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.5px; } .threat-news-title { overflow: hidden; height: 16px; font-size: 12px; line-height: 16px; } .news-new-site-icon { position: absolute; left: auto; top: 4px; right: 0px; bottom: auto; z-index: 100; width: 20px; height: 20px; background-color: #fff; opacity: 0; } .front-tablet { position: absolute; z-index: 1; max-width: 130%; margin-top: -2%; margin-left: -13%; border-radius: 8px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4); } .shadow { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 0; display: none; width: 70%; height: 65%; margin-top: 5%; margin-left: 20%; box-shadow: -70px 26px 150px 0 rgba(0, 0, 0, 0.65); transform: skew(45deg, 0deg) rotate(-20deg); } .div-block-46 { position: relative; display: flex; max-width: 292px; padding: 64px 24px 80px; flex-direction: column; align-items: stretch; flex: 1; border: 1px solid #5e05dd; border-radius: 22px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6257b8665f82ee2077143405_Digiturvamalli%20horizontal.svg"); background-position: 50% 16px; background-size: 70%; background-repeat: no-repeat; box-shadow: 0 16px 16px 0 rgba(23, 7, 57, 0.05); } .div-block-46.framework { width: 100%; max-width: 980px; margin-top: 0px; margin-bottom: -64px; padding: 0px; flex-direction: row; box-shadow: 0 0 4px 2px #dee0e5; } .div-block-46.framework.display-none { display: none; } .white-3 { margin-bottom: 30px; color: #fff; font-size: 46px; line-height: 1.4em; text-align: center; } .white-3.pricing-page { margin-top: 0px; } .white-3.opacity-light { margin-bottom: 20px; font-family: Poppins, sans-serif; color: hsla(0, 0%, 100%, 0.7); font-size: 20px; } .white-3.opacity-light.narrow { width: 85%; margin-right: auto; margin-left: auto; } .section-header { padding-bottom: 100px; } .section-header.section-color { padding-top: 60px; padding-bottom: 200px; background-image: linear-gradient(135deg, #ffa185, #fd8274); } .section-header.section-color.dark-blue { padding-bottom: 60px; background-image: linear-gradient(135deg, #282d5e, #464fa3); } .section-header.section-color.dark-blue.download-page { margin-top: 72px; padding-top: 30px; padding-bottom: 90px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e283ab261221133465895ea_header-background.svg"), linear-gradient(135deg, #282d5e, #464fa3); background-position: 0px 0px, 0px 0px; background-size: cover, auto; } .section-header.section-color.dark-blue.download-page.appcover { margin-top: 0px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e283bc56122110d4a58a39e_appcover-white.png"), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e283ab261221133465895ea_header-background.svg"), linear-gradient(135deg, #282d5e, #464fa3); background-position: 50% 95%, 0px 0px, 0px 0px; background-size: 250px, cover, auto; background-repeat: no-repeat, repeat, repeat; } .download-image { width: 16%; padding-right: 35px; padding-left: 35px; } .download-btn { display: block; margin-bottom: 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 2px 0.5px rgba(0, 0, 0, 0.2); font-family: Poppins, sans-serif; text-align: center; text-decoration: none; } .download-btn:hover { background-color: rgba(0, 0, 0, 0.85); text-decoration: none; } .download-block { display: flex; width: 1000px; max-width: 95%; margin-bottom: 16px; padding-top: 30px; padding-bottom: 30px; flex-direction: row; justify-content: space-around; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .downloads { display: flex; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 120px; flex-direction: column; justify-content: center; align-items: center; background-color: #f2f2f2; } .div-block-47 { display: flex; width: 54%; flex-direction: column; justify-content: center; } .download-button { display: flex; width: 30%; padding-right: 35px; padding-left: 35px; flex-direction: column; justify-content: center; align-items: stretch; } .collection-list-4 { display: flex; flex-wrap: wrap; } .progress-bar-fill-animation { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 0%; background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.3)); } .newsletter-top-heading { margin-top: 0px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase; } .newsletter-main-heading { margin-bottom: 16px; font-size: 41px; line-height: 45px; font-weight: 700; text-transform: uppercase; } .form-2 { padding-right: 40px; padding-left: 40px; } .form-2.inline { width: 80%; padding-right: 0px; padding-left: 0px; } .blog-post-h1 { margin-bottom: 16px; color: #33475b; font-size: 32px; line-height: 48px; font-weight: 500; } .columns-2 { display: flex; flex-direction: row; } .post-author-twitter { display: flex; font-family: Poppins, sans-serif; color: #0091ae; font-size: 16px; line-height: 26px; } .post-author-twitter:hover { color: #096d81; } .post-header-image { display: flex; max-height: 500px; min-height: 380px; padding-left: 16px; border-radius: 4px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 0%; background-size: cover; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); } .post-header-image.depr { display: none; } .post-cta-txt { margin-bottom: 12px; font-family: Poppins, sans-serif; color: #33475b; } .post-author-img { width: 64px; height: 64px; border-radius: 99px; } .blog-post-meta-div { margin-bottom: 32px; padding-top: 24px; } .post-author-txt { display: inline-block; margin-right: 4px; font-family: Poppins, sans-serif; color: #33475b; font-size: 16px; line-height: 26px; } .text-block-8 { display: inline-block; margin-right: 8px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 28px; letter-spacing: 0.8px; } .text-block-8.large { color: #6264a7; font-weight: 500; text-transform: uppercase; } .text-block-8.small-marg { margin-right: 4px; } .post-cta { margin-top: 32px; } .post-author { display: flex; margin-top: 48px; align-items: center; } .post-author-image { display: flex; width: 73px; height: 73px; margin-right: 8px; justify-content: center; align-items: center; border: 2px solid #3cca8a; border-radius: 99px; } .blog-top-section { width: 1080px; margin-top: 40px; margin-right: auto; margin-left: auto; padding-top: 40px; } .blog-top-section.new { margin-top: 24px; padding-top: 0px; } .blog-content-section { position: relative; width: 1080px; margin: 32px auto; padding-right: 150px; padding-left: 150px; } .blog-share { height: 100%; } .blog-post-share { margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px; } .html-embed-4 { height: 100%; } .blog-post-rich-text-2 h4 { font-family: Poppins, sans-serif; font-size: 20px; line-height: 30px; } .blog-post-rich-text-2 p { font-family: 'Open Sans', sans-serif; color: #252423; font-size: 17px; line-height: 29px; font-weight: 300; } .blog-post-rich-text-2 h2 { color: #252423; } .blog-post-rich-text-2 li { font-family: 'Open Sans', sans-serif; color: #252423; font-size: 17px; line-height: 29px; font-weight: 300; } .blog-post-rich-text-2 img { margin-bottom: 16px; border-style: solid; border-width: 1px; border-color: rgba(37, 36, 35, 0.05); border-radius: 3px; box-shadow: 0 5px 15px 0 rgba(37, 36, 35, 0.25); } .blog-post-rich-text-2 a { font-family: 'Open Sans', sans-serif; color: #6265a3; font-weight: 400; text-decoration: underline; } .blog-post-rich-text-2 h6 { margin-top: 0px; margin-bottom: 16px; padding: 18px 18px 18px 68px; float: none; border-radius: 4px; background-color: #e8edff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5ad44025d8ce0266dc7cd21f_5a99723656512700019e48fb_question.png"); background-position: 18px 50%; background-size: 24px 24px; background-repeat: no-repeat; font-family: 'Open Sans', sans-serif; color: #252423; font-size: 17px; line-height: 29px; font-weight: 300; } .blog-post-rich-text-2 blockquote { margin-top: 20px; margin-bottom: 20px; padding: 18px 18px 18px 68px; border-left-style: none; border-radius: 4px; background-color: #ffeee2; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bcda8561fb2097648c69c5a_quote.png"); background-position: 18px 50%; background-size: 24px 24px; background-repeat: no-repeat; font-family: 'Open Sans', sans-serif; color: #252423; font-size: 17px; line-height: 29px; font-weight: 300; } .blog-post-rich-text-2 strong { font-weight: 400; } .blog-post-rich-text-2 figcaption { margin-top: 8px; margin-bottom: 16px; line-height: 21px; font-weight: 300; } .blog-fixed-nav { position: fixed; left: 0%; top: -77px; right: 0%; bottom: auto; z-index: 9998; height: 72px; border-bottom: 1px solid #cbd6e2; background-color: #f5f8fa; } .blog-progress-bar { position: relative; left: 0%; top: 0px; right: 0%; bottom: 0%; height: 5px; min-width: 5%; background-color: #6264a7; } .display-none-2 { display: none; } .block-left { display: flex; padding-right: 90px; flex-direction: column; justify-content: center; align-items: flex-start; } .block-left.no-images { align-self: flex-start; } .block-left.no-images.display-none { display: none; } .illustration-1-big { position: relative; display: flex; width: 100%; height: 480px; margin-top: 15px; flex-direction: column; justify-content: center; align-items: center; } .illustration-1-big.framework { height: 400px; } .teams-3 { position: absolute; right: 52px; z-index: 99; max-width: 75%; margin-right: 40px; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); opacity: 0; } .paragraph-large { max-width: 840px; margin-top: 20px; margin-bottom: 28px; font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 1.7em; } .paragraph-large.small { color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 2em; } .teams-4 { position: absolute; right: 52px; z-index: 98; max-width: 75%; margin-right: 40px; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); opacity: 0; } .illustration-2-3-big { position: absolute; top: -16px; width: 560px; max-width: none; margin-left: -34px; } .illustration-2-3-big.opague { opacity: 0.35; } .illustration-2-3-big.small { width: 500px; } .illustration-2-3-big.small.opaque { opacity: 0.5; } .grid-content { width: 100%; grid-column-gap: 10px; grid-row-gap: 10px; -ms-grid-rows: auto; grid-template-rows: auto; } .grid-content.d-none { display: none; } .teams-2 { position: relative; z-index: 100; max-width: 75%; margin-right: 40px; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); } .section { display: flex; overflow: visible; justify-content: center; align-items: center; } .section.overflow-hidden { overflow: hidden; } .section.overflow-hidden.features-page { margin-top: -40px; } .illustration-1-3-big { position: absolute; top: -3px; z-index: -10; width: 610px; max-width: none; margin-left: -71px; } .illustration-1-3-big.opacity { opacity: 0.5; } .block-right { display: flex; padding-left: 65px; flex-direction: column; justify-content: center; align-items: flex-start; } .teams-1 { position: relative; z-index: 100; max-height: 75%; max-width: 110%; margin-bottom: 16px; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); } .teams-1.framework { position: absolute; left: auto; top: auto; right: 24px; bottom: 24px; max-width: 70%; } .teams-1.framework.player { position: absolute; bottom: -32px; z-index: 100000; overflow: hidden; width: 400px; height: 330px; margin-bottom: 0px; } .teams-1.first-task { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; max-width: 85%; } .teams-1.second-task { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; max-width: 85%; } .teams-1.third-task { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; max-width: 85%; } .teams-1.fourth-task { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; max-width: 85%; } .teams-1.report { position: absolute; left: auto; top: auto; right: 40px; bottom: 12px; max-height: 58%; } .teams-1.vertical-task { width: 100%; max-height: none; margin-top: 16px; margin-bottom: 24px; } .teams-1.vertical-task.single-task { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 45%; margin-top: 0px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); border-radius: 8px; box-shadow: -3px 4px 5px 0 rgba(0, 0, 0, 0.25); } .illustration-2-big { position: relative; display: flex; width: 100%; height: 480px; margin-top: 15px; flex-direction: column; justify-content: center; align-items: center; } .illustration-2-big.framework { height: 400px; } .illustration-2-big.tasks { height: 560px; justify-content: space-between; } .illustration-2-big.tasks.tabs { height: 300px; } .section-title { max-width: 680px; margin-top: 10px; margin-bottom: 10px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 36px; line-height: 44px; } .section-title.small { font-size: 18px; line-height: 26px; } .space-for-grid { width: 100%; height: 80px; } .space-for-grid.small { height: 40px; } .button-outline { margin-top: 10px; margin-bottom: 10px; padding: 16px 35px; border-style: solid; border-width: 2px; border-color: #6264a7; border-radius: 5px; background-color: transparent; transition: transform 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out; color: #6264a7; line-height: 1.4em; font-weight: 500; text-align: center; } .button-outline:hover { background-color: #6264a7; transform: scale(0.95); color: #fff; } .button-outline.small { padding: 11px 24px; } .button-outline.small.tabs { margin-right: 16px; } .button-outline.small.tabs.w--current { background-color: #6264a7; color: #fff; } .subtitle { display: inline-block; color: #ff595c; font-size: 12px; line-height: 1.5em; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .subtitle.center { margin-bottom: 0px; font-family: Poppins, sans-serif; color: #6264a7; text-align: center; } .illustration-1-2-big { position: absolute; top: 213px; z-index: -10; width: 260px; max-width: none; margin-left: -14px; } .illustration-1-2-big.opacity { opacity: 0.5; } .block-content { display: flex; width: 100%; max-width: 1170px; margin: 40px 35px 0px; flex-direction: column; justify-content: center; align-items: center; } .div-block-48 { position: relative; display: flex; margin-top: 0px; align-items: center; } .teams-button { display: none; margin-left: 24px; padding: 8px 16px 8px 48px; border-radius: 99px; background-color: hsla(0, 0%, 100%, 0.15); background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e8dd02c9db01b63e8ec6a84_microsoft-team-2019.png"); background-position: 8px 50%; background-size: 32px 32px; background-repeat: no-repeat; } .teams-1-small { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; z-index: 100; max-height: 60%; max-width: 110%; margin-bottom: 16px; border-radius: 2px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); } .pricing-features { width: 1080px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 140px; padding-bottom: 100px; } ._600-width { width: 600px; max-width: 95%; margin-right: auto; margin-left: auto; } ._600-width.center { position: relative; } ._600-width.center.less-marg { margin-bottom: 8px; } .price-div-footer { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; display: flex; padding-top: 24px; padding-bottom: 24px; justify-content: center; align-items: center; border-top: 1px none rgba(0, 0, 0, 0.04); } .price-heading { display: flex; margin-bottom: 0px; padding-top: 8px; padding-bottom: 0px; padding-left: 0px; justify-content: center; align-items: center; background-image: none; background-size: auto; background-repeat: repeat; font-family: Poppins, sans-serif; color: #252423; font-size: 21px; line-height: 29px; font-weight: 600; } .pricing-feature-div { display: flex; padding-top: 16px; padding-bottom: 0px; justify-content: center; align-items: center; border-style: solid none none; border-width: 1px; border-color: rgba(0, 0, 0, 0.09) #000; } .pricing-feature-div.addon { background-color: #f6f7f6; } .pricing-feature-div.addon.enterprise { margin-bottom: 32px; } .pricing-feature-div.addon.display-none { display: none; } .pricing-feature-div.last { margin-bottom: 32px; } .pricing-feature-main { width: 50%; margin-top: 40px; margin-bottom: 16px; padding: 0px 40px 8px 120px; border-right: 1px solid rgba(0, 0, 0, 0.09); } .pricing-feature-main.right { padding-right: 120px; padding-left: 80px; border-right-style: none; } .pricing-feature-text { display: flex; width: 50%; padding-right: 80px; padding-left: 40px; flex-direction: column; justify-content: center; align-items: center; } .pricing-feature-img { width: 40px; height: 40px; } .pricing-heading { padding-top: 100px; padding-bottom: 24px; padding-left: 120px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e8f026eb1c84dfcf02c133f_basic.png"); background-position: 100% 0%; background-size: 250px; background-repeat: no-repeat; } .pricing-heading.extend { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e8f027d0b95884fabe057d1_extend.png"); } .pricing-heading.extend.display-none { display: none; } .pricing-heading.enterprise { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5fbf845e28692d53e74a48f2_Screenshot%202020-11-26%20at%2012.32.48.png"); } .no-marg { margin-bottom: 0px; } .teams-1a { position: absolute; left: 0%; top: 10%; right: auto; bottom: auto; z-index: 3; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.4); } .teams-1a.guideline { top: 15%; max-width: 90%; } .teams-1a.center { position: static; top: 0%; } .teams-1a.wide { max-width: 110%; } .teams-2a { position: absolute; left: auto; top: auto; right: 0%; bottom: -7%; z-index: 2; max-width: 70%; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2); } .teams-2a.bot-guideline { max-width: 80%; } .feature-image-new { position: relative; z-index: 2; max-height: 88%; border-radius: 8px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.3); } .feature-image-new.float { position: absolute; left: auto; top: auto; right: 0%; bottom: -10%; max-height: 50%; } .feature-image-new.float.report-edit { max-height: 65%; } .feature-image-new.float.table { max-height: 35%; } .feature-image-new.float.chart { left: auto; top: 30%; right: 0%; bottom: auto; max-height: 35%; } .feature-image-new.float.map { bottom: 0%; } .feature-image-new.float.bars { bottom: 0%; } .feature-image-new.float.frameworks { left: -5%; top: 32%; right: auto; bottom: auto; } .feature-image-new.float.frameworks.connected { left: auto; top: 44%; right: -10%; bottom: auto; } .feature-image-new.float.left { left: 10%; top: auto; right: auto; bottom: -5%; } .feature-image-new.float.left.second { left: auto; top: auto; right: 0%; bottom: -5%; } .feature-image-new.float.bot { bottom: 5%; max-width: 80%; } .feature-image-new.float.bot.chat { max-height: 65%; } .feature-image-new.float.bot.kiva { right: 5%; } .feature-image-new.float.bot.full-app { left: 0%; top: auto; right: auto; bottom: 5%; max-height: 75%; max-width: 95%; } .feature-image-new.float.guideline { bottom: 0%; } .feature-image-new.float.guideline.accept { bottom: -10%; } .feature-image-new.float.guideline.accept.new { left: auto; top: -10%; right: -10%; bottom: auto; } .feature-image-new.float.library { max-height: 75%; } .feature-image-new.float.repots-list.gdpr { max-height: 65%; margin-right: -50px; } .feature-image-new.float.dashb-card { max-height: 62%; } .feature-image-new.float.guideline-example { max-width: 80%; } .feature-image-new.float.guideline-example.framework { bottom: 10%; } .feature-image-new.float.guidebook { bottom: -15%; max-height: 60%; } .feature-image-new.float.records { right: -10%; max-height: 55%; } .feature-image-new.left { padding-left: 0px; align-self: flex-start; } .feature-image-new.left.apps { position: relative; max-width: 90%; margin-top: -25%; margin-left: -10%; } .feature-image-new.left.seloste { max-width: 90%; margin-top: -10%; } .feature-image-new.left.training { max-width: 90%; margin-top: -10%; } .feature-image-new.left.report { max-width: 90%; margin-top: -10%; } .feature-image-new.left.report.visual.add-to-team { margin-top: -20%; } .feature-image-new.left.report.embed { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; max-width: 65%; } .feature-image-new.left.report.embed.share { bottom: -10%; max-width: 80%; margin-top: 10%; } .feature-image-new.left.report.guidebook { max-width: 100%; } .feature-image-new.left.owner { position: absolute; } .feature-image-new.left.owner.taskbook { left: auto; top: 5%; right: 0%; bottom: auto; max-width: 110%; } .feature-image-new.left.story { position: absolute; left: 0%; top: 15%; right: 0%; bottom: auto; z-index: 3; max-width: 80%; } .feature-image-new.left.framework-report { top: -15%; } .feature-image-new.left.process-list { left: -15%; top: -25%; max-width: 115%; } .feature-image-new.left.tasks-list { left: -15%; top: -10%; max-width: 110%; } .feature-image-new.left.tasks-wide { max-width: 150%; } .feature-image-new.left.report-list { position: absolute; left: 0px; top: 0px; max-width: 80%; } .feature-image-new.left.guidelines { right: 10%; } .feature-image-new.left.soa { position: absolute; top: -5%; right: 10%; max-width: 110%; } .feature-image-new.left.bot-guidebook { position: absolute; left: auto; top: auto; right: -10%; bottom: 0%; max-width: 65%; } .feature-image-new.left.meeting { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; max-width: 70%; } .feature-image-new.left.kiwa { max-height: 100%; margin-right: auto; margin-left: auto; } .feature-image-new.left.teams { position: absolute; left: auto; top: 10%; right: 0%; bottom: auto; z-index: 3; max-height: 35%; border-radius: 999px; } .feature-image-new.left.gitlab { max-width: 50%; margin-right: auto; margin-left: auto; } .feature-image-new.left.mfa { max-height: 100%; max-width: 75%; margin-right: auto; margin-left: auto; } .feature-image-new.report { max-height: 80%; align-self: flex-start; } .login-options { position: absolute; display: none; margin-top: 10px; padding: 8px; flex-direction: column; border-radius: 4px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); opacity: 0; } .or-text { padding-right: 8px; padding-left: 8px; background-color: #fff; font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.24); font-weight: 600; text-transform: uppercase; } .chat-image { max-width: 70%; margin-right: auto; margin-bottom: 24px; margin-left: auto; border-radius: 8px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25); } .support-section-2 { margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 60px; border-bottom: 1px solid rgba(37, 36, 35, 0.05); } .support-section-2.no-pad { margin-top: 16px; padding-bottom: 40px; border-bottom-style: none; } .faq-subhead { margin-top: 0px; margin-bottom: 32px; color: rgba(37, 36, 35, 0.74); font-size: 12px; line-height: 20px; text-transform: uppercase; } .faq-subhead.inline { margin-right: 4px; } .faq-subhead.inline.webinar { color: #6265a3; } .faq-subhead.inline.academy { margin-bottom: 0px; font-family: Inter, sans-serif; color: #333; font-weight: 400; } .solution-content { width: 1080px; max-width: 95%; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 50px; padding-bottom: 50px; } .solution-content.gdpr-page { padding-bottom: 8px; } .material-div { width: 48%; margin-right: 2%; margin-bottom: 60px; padding: 16px; border-style: solid; border-width: 1px; border-color: rgba(37, 36, 35, 0.05); border-radius: 3px; transition: all 250ms ease; text-decoration: none; } .material-div:hover { background-color: rgba(37, 36, 35, 0.05); } .material-div.recording { border-style: none; } .material-div.display-none { display: none; } .material-top { display: flex; margin-bottom: 16px; align-items: center; } .material-icon { width: 40px; height: 40px; margin-right: 16px; } .no-bot-marg { margin-bottom: 0px; } .no-bot-marg.subhead { margin-bottom: 8px; font-family: Poppins, sans-serif; color: #6265a3; font-size: 14px; font-weight: 600; text-transform: uppercase; } .no-bot-marg.number { color: rgba(37, 36, 35, 0.54); font-weight: 600; } .no-bot-marg.slim { font-size: 14px; line-height: 21px; } .no-bot-marg.slim.mob-small.mobile-only { display: none; } .no-bot-marg.h4-sub { color: rgba(37, 36, 35, 0.74); font-size: 16px; line-height: 22px; } .div-block-49 { display: flex; flex-direction: column; align-items: flex-start; } .material-image { max-height: 235px; max-width: 80%; } .footer-icon-img { max-width: 60%; } .div-block-51 { display: none; } .section-5 { padding-bottom: 0px; } .pad { padding-right: 16px; padding-left: 16px; } .webinar-list-embed { max-width: 90%; margin-right: auto; margin-bottom: 32px; margin-left: auto; } .webinar-embed-kunnat { margin-bottom: 60px; border-bottom: 1px solid #efeff4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ref-columns { margin-top: 48px; margin-right: 15px; margin-bottom: 24px; padding-left: 15px; } .column-6 { padding-right: 0px; padding-left: 0px; } .ref-comment { color: rgba(37, 36, 35, 0.74); font-size: 14px; line-height: 21px; font-weight: 400; } .ref-comment.author { color: rgba(37, 36, 35, 0.54); } .image-13 { max-height: 80px; margin-bottom: 32px; } .image-13.large { max-height: 120px; margin-top: -16px; margin-bottom: 8px; } .ref-comment-div { padding-right: 32px; } .left { padding-left: 8px; text-align: left; } .info-message { margin-bottom: 16px; padding: 8px 16px 8px 40px; border: 1px solid #91d5ff; border-radius: 2px; background-color: #e6f7ff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5f7d91a8ef9bf86e119b67a0_info%20(3).png"); background-position: 16px 16px; background-size: 14px 14px; background-repeat: no-repeat; font-family: Poppins, sans-serif; color: #252423; line-height: 22px; } .personnel-prices { position: relative; display: block; } .size-prices-message { margin-right: 15px; margin-bottom: 16px; margin-left: 15px; padding: 8px 15px 8px 37px; border: 1px solid #91d5ff; border-radius: 2px; background-color: #e6f7ff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5f7d91a8ef9bf86e119b67a0_info%20(3).png"); background-position: 16px 50%; background-size: 14px 14px; background-repeat: no-repeat; font-family: Poppins, sans-serif; color: #252423; line-height: 22px; } .personnel-prices-message { display: none; margin-right: 15px; margin-bottom: 16px; margin-left: 15px; padding: 8px 15px 8px 37px; border: 1px solid #91d5ff; border-radius: 2px; background-color: #e6f7ff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5f7d91a8ef9bf86e119b67a0_info%20(3).png"); background-position: 16px 50%; background-size: 14px 14px; background-repeat: no-repeat; font-family: Poppins, sans-serif; color: #252423; line-height: 22px; } .image-narrow { display: none; } .framework-top { padding-top: 40px; padding-bottom: 0px; background-color: #faf8f4; background-image: none; background-position: 0px 0px; } .framework-top.white { padding-bottom: 0px; background-color: #f3f2f1; background-image: none; } .framework-container { display: flex; width: 1200px; max-width: 95%; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .framework-top-text { display: flex; max-width: 75%; flex-direction: column; align-items: center; text-align: center; } .smaller-bot-margin { margin-bottom: 16px; } .framework-diagram { display: flex; width: 100%; margin-top: 32px; margin-bottom: -32px; justify-content: space-between; } .framework-diagram.display-none { display: none; } .diagram-column { width: 33%; } .diagram-column.requirement { position: relative; padding-right: 32px; padding-left: 32px; } .diagram-column.list { position: relative; padding-right: 32px; padding-left: 32px; } .diagram-column.topic { padding-right: 32px; padding-left: 32px; } .diagram-card { position: relative; z-index: 3; display: flex; margin-bottom: 16px; padding: 16px; align-items: center; border-radius: 8px; background-color: #fff; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15); } .diagram-card.more { position: absolute; left: 12px; top: 12px; right: auto; bottom: auto; z-index: 2; margin-right: 0px; margin-left: 0px; } .diagram-card.more.more-2 { left: 24px; top: 24px; } .diagram-card.more.no-mobile { width: 100%; } .diagram-card.margin { margin-bottom: 48px; } .diagram-card.slim { padding-top: 12px; padding-bottom: 12px; } .diagram-card-number { display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; border-radius: 99px; background-color: #faf8f4; } .diagram-card-number.wide { width: 64px; } .diagram-card-text { display: flex; max-width: 88%; padding-left: 16px; align-items: center; } .diagram-card-text.wide-num { max-width: 80%; } .many-cards { position: relative; } .framework-features-section { display: flex; margin-top: 64px; padding-top: 64px; justify-content: center; } .noto-sans-link { font-family: 'Noto Sans', sans-serif; } .front-hero-heading { margin-top: 0px; font-family: Inter, sans-serif; color: #000; font-size: 44px; line-height: 46px; font-weight: 400; } .front-hero-heading.white { color: #fff; } .front-hero-heading.white.left { margin-top: 20px; text-align: left; } .front-hero-heading.white.left.mobile { display: none; } .front-hero-heading.white.left.small { font-size: 28px; line-height: 36px; font-weight: 300; } .front-hero-heading.white.left.small.black { padding-left: 0px; color: #252423; font-size: 24px; line-height: 30px; } .front-hero-heading.white.left.small.black.small-margs { margin-top: 0px; margin-bottom: 8px; } .front-hero-heading.center { margin-bottom: 16px; font-size: 48px; } .front-hero-heading.center._80 { max-width: 80%; } .front-hero-heading.center._80.product-section { margin-bottom: 24px; font-size: 32px; line-height: 36px; } .front-hero-heading.center._80.slider { color: #6265a3; } .front-hero-heading.refs { max-width: 80%; margin-right: auto; margin-bottom: 32px; margin-left: auto; text-align: center; } .front-hero-heading.smaller { font-size: 32px; line-height: 34px; } .div-block-52 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .image-14 { width: 700px; max-width: 50%; margin-right: auto; margin-left: auto; } .div-block-53 { display: flex; margin-top: 48px; justify-content: space-between; } .div-block-53.display-none { display: none; } .div-block-54 { display: flex; width: 25%; flex-direction: column; align-items: flex-start; } .content-div-graph { padding-left: 16px; border-left: 2px solid rgba(97, 82, 189, 0.85); transition: all 200ms ease; text-decoration: none; } .content-div-graph:hover { opacity: 0.85; text-decoration: none; } .content-div-graph.second { margin-top: 40px; border-left-color: #32acc0; } .content-div-graph.second.third { border-left-color: rgba(82, 189, 149, 0.85); } .content-div-graph.second.third.frameworks { padding-right: 16px; padding-left: 0px; border-right: 2px solid #484644; border-left-style: none; } .graph-heading { display: inline-block; margin-top: 4px; margin-bottom: 8px; padding-right: 24px; background-image: none; background-size: auto; background-repeat: repeat; color: #6265a3; font-size: 18px; line-height: 24px; font-weight: 400; text-decoration: underline; } .graph-heading.second { background-image: none; color: #32acc0; } .graph-heading.third { background-image: none; color: #52bd95; } .graph-heading.frameworks { background-image: none; color: #484644; font-size: 18px; line-height: 24px; font-weight: 400; text-decoration: underline; } .graph-heading.frameworks.mobile { display: none; } .graph-p { margin-bottom: 4px; font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.74); font-weight: 300; } .graph-p.mobile { display: none; } .teams-app { position: relative; display: flex; width: 100%; height: 170px; padding-top: 24px; padding-left: 0px; justify-content: center; align-items: center; border-radius: 6px; background-color: #f3f2f1; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); } .framework-tag { margin-right: 8px; margin-bottom: 8px; padding-right: 7px; padding-left: 7px; float: left; border: 1px none #d9d9d9; border-radius: 2px; background-color: #979593; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: #fff; font-size: 12px; } .framework-tag.add-more { padding-left: 20px; border-style: dashed; border-color: #d9d9d9; background-color: transparent; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5f856a747cb100823fd5c19a_plus.png"); background-position: 4px 50%; background-size: 10px 10px; background-repeat: no-repeat; color: #252423; } .framework-tag.mobile { display: none; } .refs-outer { position: relative; z-index: 3; margin-top: 64px; padding-top: 16px; background-color: #fff; box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.05); } .refs-inner { width: 1200px; max-width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 32px; padding-bottom: 64px; } .refs-inner.front { padding-top: 96px; } .refs-inner.frameworks { padding-left: 8px; } .teams-app-top-bar { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 3; display: flex; height: 24px; flex-direction: row; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: #463f75; } .teams-app-side-bar { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; z-index: 2; display: flex; width: 28px; padding-top: 28px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-color: #342f4d; } .side-bar-icon-div { width: 100%; margin-bottom: 4px; padding-right: 8px; padding-left: 8px; } .side-bar-icon-div.active { background-color: #635f9a; } .frameworks-section { padding-top: 60px; padding-bottom: 60px; background-color: #f9f9f9; } .frameworks-section.own-page { padding-top: 100px; padding-bottom: 100px; } .frameworks-div { width: 1140px; max-width: 95%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .frameworks-div.horizontal { display: flex; } .frameworks-top-text { width: 31%; } .frameworks-top-text.full { width: 100%; } .div-block-55 { display: flex; justify-content: flex-start; align-items: flex-start; } .framework-card { display: flex; width: 50%; margin-right: 1.83%; margin-bottom: 24px; padding: 25px; align-items: flex-start; border-radius: 8px; background-color: transparent; color: #252423; text-decoration: none; } .framework-card:hover { background-color: hsla(0, 0%, 100%, 0.5); text-decoration: none; } .framework-card.frameworks-page { width: 33%; } .framework-card-icon { display: flex; width: 80px; height: 80px; min-height: 80px; min-width: 80px; margin-right: 20px; justify-content: center; align-items: center; } .framework-card-icon.medium { width: 48px; height: 48px; min-height: 48px; min-width: 48px; margin-right: 8px; } .framework-card-text { display: flex; padding-left: 12px; flex-direction: column; align-items: flex-start; } .framework-card-icon-img.small { width: 36px; height: 36px; } .framework-card-icon-img.very-small { width: 32px; height: 32px; } .heading-29 { margin-top: 0px; margin-bottom: 8px; font-family: Poppins, sans-serif; color: #252423; font-size: 24px; line-height: 36px; font-weight: 400; } .heading-29.medium { font-size: 18px; line-height: 27px; } .text-block-33 { margin-bottom: 8px; font-family: Poppins, sans-serif; color: #252423; font-size: 12px; line-height: 22px; font-weight: 400; } .text-block-33.link { display: inline-block; margin-bottom: 0px; padding-right: 32px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6138a571387ca889badd2396_right-arrow%20(3).png"); background-position: 100% 50%; background-size: 24px; background-repeat: no-repeat; color: #6265a3; font-size: 11px; font-weight: 600; text-decoration: none; } .text-block-33.link.opacity { opacity: 0; } .link-block-3 { margin-top: 8px; } .new-tag { position: absolute; left: auto; top: 0%; right: -36px; bottom: auto; font-family: 'Fontfabric panton', sans-serif; color: #e2d5cc; } .new-tag.coming-up { right: -68px; } .div-block-56 { position: relative; } .div-block-57 { display: flex; margin-top: 24px; flex-direction: column; align-items: center; } .teams-ico { width: 60px; height: 60px; } .teams-ico.mobile { display: none; } .tabs-4 { width: 100%; flex: 1; } .tabs-4.reports { height: 480px; } .tabs-4.vertical { display: flex; flex-direction: column; align-items: center; } .tabs-menu-9 { z-index: 100; margin-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-align: center; } .tabs-menu-9.vertical { width: 100%; } .tabs-content-4 { height: 100%; margin-bottom: 0px; padding-bottom: 0px; } .tabs-content-4.vertical { width: 100%; flex-direction: column; justify-content: flex-end; align-items: stretch; } .framew-tab { height: 100%; padding-bottom: 8px; } .framew-tab.tasks { width: 100%; padding-right: 25px; padding-left: 25px; flex: 1; } .image-15 { width: 80%; max-height: 95%; margin-right: 10%; margin-left: 10%; border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); } .image-15.report { width: 90%; margin-right: 5%; margin-left: 5%; } .image-15.full { width: 100%; margin-right: 0%; margin-left: 0%; } .framew-tab-link { padding: 12px 24px; border-bottom: 3px solid transparent; background-color: transparent; color: #252423; line-height: 22px; } .framew-tab-link.w--current { border-bottom-color: #6265a3; background-color: transparent; color: #6265a3; font-weight: 500; } .framew-tab-link.small { padding-right: 16px; padding-left: 16px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; } .mobile-text { display: none; } .section-6 { display: flex; padding-top: 100px; padding-bottom: 100px; justify-content: center; align-items: center; font-family: Poppins, sans-serif; } .municipality-ref-logos { display: flex; margin-right: 8px; margin-bottom: 32px; margin-left: 8px; justify-content: space-between; align-items: center; } .municipality-ref-logos.last { margin-bottom: 48px; } .municipality-logo { max-height: 40px; max-width: 15%; margin-right: 1%; margin-left: 1%; } .municipality-logo.pirkkala { max-height: 34px; margin-top: 6px; } .municipality-logo.kuortane { max-height: 36px; margin-top: 4px; } .municipality-logo.karkola { max-height: 36px; margin-top: 4px; } .municipality-logo.kemijarvi { max-height: 60px; margin-top: -10px; margin-bottom: -10px; } .municipality-logo.isokyro { max-height: 34px; margin-top: 6px; } .municipality-logo.last-cols.seinajoki { max-height: 34px; margin-top: 6px; } .municipality-logo.last-cols.siikalatva { max-height: 50px; margin-top: -6px; } .municipality-logo.fifth-col.posio { max-height: 50px; margin-top: -5px; } .municipality-logo.riihimaki { max-height: 50px; } .municipality-logo.kuusamo { max-height: 50px; } .help-article-rich-text { margin-bottom: 32px; } .help-article-rich-text h6 { margin-bottom: 16px; padding: 8px 15px 8px 37px; border: 1px solid #91d5ff; border-radius: 2px; background-color: #e6f7ff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5f7d91a8ef9bf86e119b67a0_info%20(3).png"); background-position: 16px 50%; background-size: 14px 14px; background-repeat: no-repeat; font-family: Poppins, sans-serif; color: #252423; font-size: 16px; line-height: 24px; font-weight: 400; } .help-article-rich-text p { font-family: Inter, sans-serif; } .help-article-rich-text ul { font-family: Poppins, sans-serif; font-size: 16px; line-height: 24px; } .help-article-rich-text ol { font-family: Poppins, sans-serif; font-size: 16px; line-height: 24px; } .help-article-rich-text img { margin-top: 16px; margin-bottom: 16px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); border-radius: 3px; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15); } .help-article-rich-text h2 { margin-top: 32px; } .help-article-rich-text h4 { margin-bottom: 8px; } .help-article-rich-text blockquote { margin-top: 16px; margin-bottom: 16px; padding: 16px 24px; border-left-color: #6265a3; font-family: Inter, sans-serif; font-weight: 300; } .linked-webinars-empty { background-color: transparent; font-family: Poppins, sans-serif; } .video-web { overflow: hidden; margin-bottom: 8px; border-radius: 8px; box-shadow: 0 6px 14px 0 rgba(80, 94, 120, 0.08); } .opi-links { position: absolute; left: 100px; top: 80px; right: 0%; bottom: auto; z-index: 10000; display: none; width: 800px; max-width: 95%; margin-right: auto; margin-left: auto; padding: 32px; border-radius: 16px; background-color: #fff; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25); opacity: 0; } .opi-links.not-home { top: 120px; display: none; opacity: 0; } .vahti-intro { margin-bottom: 32px; padding: 10px 16px 10px 40px; -ms-grid-row-align: center; align-self: center; border-radius: 4px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/602be3a0ee6d138eed3b22b9_info%20(4).png"); background-position: 16px 13px; background-size: 16px 16px; background-repeat: no-repeat; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .text-block-34 { font-family: Bitter, serif; } .vahti-intro-text { font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); line-height: 22px; } .webinar-hero { display: flex; padding-top: 140px; padding-bottom: 260px; justify-content: center; align-items: center; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/602d220b6f25fe35117a3f02_aleksi-webinar-2.png"), linear-gradient(90deg, #fff 19%, hsla(0, 0%, 100%, 0.6)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/602d09e1247493ba2c35cd0f_Screenshot%202021-02-17%20at%2014.19.18.png"); background-position: 80% 100%, 0px 0px, 100% 50%; background-size: 500px, auto, 75%; background-repeat: no-repeat, repeat, no-repeat; } .webinar-hero.ad-image { display: none; padding-top: 180px; background-color: #e7e7e7; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/602d220b6f25fe35117a3f02_aleksi-webinar-2.png"), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/62f11041ac1aca58ea38b68d_webinar-ad-bg.png"); background-position: 85% 85%, 55% 75%; background-size: 550px, 1200px; background-repeat: no-repeat, no-repeat; } .webinar-content { display: flex; width: 1200px; max-width: 95%; margin-right: auto; margin-left: auto; padding-top: 80px; padding-bottom: 80px; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .webinar-content.upper { padding-top: 60px; padding-bottom: 20px; } .webinar-content.tool { display: none; } .webinar-container { position: relative; width: 1160px; max-width: 95%; } .webinar-container.ad-image { display: flex; width: 2060px; margin-bottom: -84px; padding-right: 400px; padding-bottom: 30px; flex-direction: column; align-items: center; } .webinar-main-info { width: 60%; } .webinar-main-info.ad-image { width: 100%; } .learn-more-icon { width: 24px; height: 24px; margin-right: 8px; border-style: solid; border-width: 2px; border-color: #6265a3; border-radius: 99px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/602d09307b281f2b1f126046_arrow-down-sign-to-navigate.png"); background-position: 50% 50%; background-size: 8px 8px; background-repeat: no-repeat; } .learn-more-link { display: flex; margin-top: 32px; align-items: center; text-decoration: none; } .learn-more-link:hover { text-decoration: underline; } .webinar-signup-floater { display: flex; width: 1200px; max-width: 100%; margin-top: -80px; margin-right: auto; margin-left: auto; justify-content: space-between; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); } .presenter-info { position: absolute; width: 200px; margin-top: 32px; margin-left: 0%; padding-bottom: 24px; } .presenter-info.secondary { margin-left: 22%; } .presenter { margin-top: 0px; margin-bottom: 0px; color: #3f4686; font-weight: 600; } .bottom-border { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; height: 3px; border-style: none; border-width: 1px; border-color: #6265a3; border-radius: 99px; background-color: #6265a3; } .floater-div { width: 50%; background-color: #fff; } .floater-div.left { display: flex; padding: 30px; flex-direction: column; justify-content: center; align-items: center; background-color: #6265a3; background-image: linear-gradient(180deg, rgba(98, 100, 167, 0.75), rgba(98, 100, 167, 0.75)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/61b881e5ed6c1f1533a1afea_live.png"); background-position: 0px 0px, 5% 50%; background-size: auto, auto 75%; background-repeat: repeat, no-repeat; } .floater-div.right { position: relative; display: flex; padding-right: 64px; padding-left: 64px; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.75), hsla(0, 0%, 100%, 0.75)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/61b881e5ec1cf1d8d163729a_play%20(2).png"); background-position: 0px 0px, 5% 50%; background-size: auto, auto 75%; background-repeat: repeat, no-repeat; } .div-block-59 { display: flex; } .div-block-60 { display: flex; } .webinar-page-button { margin-top: 24px; padding-right: 48px; padding-left: 56px; border-radius: 99px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/602d0fdf3e4ba8361961cb33_tick.png"); background-position: 20% 50%; background-size: 8px 8px; background-repeat: no-repeat; color: #6265a3; font-weight: 400; text-decoration: none; } .webinar-page-button.no-tic { margin-top: 16px; margin-left: 0px; padding-left: 48px; border-radius: 0px; background-color: #6265a3; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); color: #fff; } .webinar-page-button.no-tic.alternate { margin-top: 16px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); color: #6265a3; } .webinar-page-button.no-click { background-position: 15% 50%; cursor: default; } .text-span { color: #5558af; } .absolute-text { position: absolute; left: 0%; top: auto; right: 0%; bottom: 8px; font-family: Poppins, sans-serif; color: #636363; font-size: 12px; font-weight: 300; text-align: center; } .register-div { position: relative; margin-top: 40px; padding-top: 24px; } .webinar-time-text { margin-bottom: 0px; font-family: Poppins, sans-serif; color: #fff; font-size: 14px; line-height: 14px; font-weight: 400; } .webinar-time-button { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 200px; height: 100%; justify-content: center; align-items: center; background-color: #fff; text-decoration: underline; } .webinar-time-button:hover { background-color: hsla(0, 0%, 100%, 0.9); text-decoration: underline; } .webinar-time-button.display-none { display: none; } .logo-webinar-page { position: absolute; width: 70%; max-width: 300px; margin-top: -100px; } .webinar-left-menu { width: 25%; padding-top: 32px; } .div-block-61 { display: flex; align-items: center; } .div-block-61.webinar-series { margin-top: 32px; margin-right: 16px; padding: 16px; flex-direction: column; align-items: flex-start; border: 1px solid #e8ebf8; border-radius: 4px; } .icon-16 { width: 16px; height: 16px; margin-right: 8px; } .webinar-page-heading.ad-image { margin-bottom: 32px; font-size: 36px; line-height: 36px; font-weight: 700; text-align: center; text-transform: uppercase; } .webinar-overlay { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: rgba(0, 0, 0, 0.5); } .video-tags { display: flex; margin-top: 32px; margin-bottom: 16px; padding-right: 15px; padding-left: 15px; align-items: center; } .video-tag { margin-right: 8px; padding: 3px 12px; border-radius: 4px; background-color: rgba(60, 202, 138, 0.1); font-family: Poppins, sans-serif; color: #3cca8a; font-size: 12px; line-height: 16px; font-weight: 400; text-transform: uppercase; } .video-tag.tiedonhallinta { background-color: rgba(55, 90, 189, 0.1); color: #375abd; } .video-tag.gdpr { background-color: rgba(37, 160, 255, 0.1); color: #25a0ff; } .video-tag.dtm { background-color: rgba(98, 100, 167, 0.1); color: #6265a3; } .container { margin-top: 40px; padding-bottom: 8px; } .table-header { display: flex; margin-bottom: 8px; padding: 8px; background-color: #f3f2f1; } .text-block-35 { font-family: Poppins, sans-serif; line-height: 21px; font-weight: 600; } .text-block-35.normal { font-weight: 300; } .first-col { width: 300px; padding-right: 24px; } .next-cols { display: flex; max-width: 600px; margin-top: -4px; margin-bottom: -4px; align-items: center; } .table-row { display: flex; padding: 4px 8px; } .requirement-cell { display: flex; width: 60px; height: 100%; min-width: 40px; padding-right: 8px; padding-left: 8px; justify-content: center; align-items: center; } .requirement-cell.green { padding-right: 2px; padding-left: 2px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color: #3ecf8e; color: #fff; } .requirement-cell.blue { background-color: #45b2e8; color: #fff; } .requirement-cell.yellow { background-color: #ffc107; color: #fff; } .requirement-cell.red { background-color: #e91e63; color: #fff; } .requirement-cell.grey { background-color: rgba(37, 36, 35, 0.15); } .level-1 { width: 24px; height: 24px; margin-right: 8px; border-radius: 8px; } .webinar-level-1 { display: flex; align-items: center; } .webinar-level-2 { display: flex; align-items: center; } .webinar-level-3 { display: flex; align-items: center; } .framework-summary-content { width: 65%; padding: 32px; } .framework-summary-steps { width: 35%; padding: 24px; } .tabs-5 { display: flex; width: 100%; } .tabs-content-5 { width: 65%; padding: 30px; } .tabs-menu-10 { display: flex; width: 35%; margin-top: 0px; padding-top: 80px; flex-direction: column; background-color: #f9f9f9; } .tabs-menu-heading { position: absolute; left: 68%; top: 28px; right: auto; bottom: auto; z-index: 100; margin-top: 5px; margin-bottom: 20px; font-size: 14px; font-weight: 600; } .tabs-menu-heading.big { position: static; margin-bottom: 8px; font-size: 16px; } .tabs-menu-heading.small { position: static; margin-top: 0px; margin-bottom: 8px; font-size: 14px; line-height: 22px; } .tab-link-tab-2 { margin-bottom: 16px; padding-top: 0px; padding-bottom: 0px; background-color: transparent; color: #6264a7; font-size: 13px; } .tab-link-tab-2.w--current { margin-top: -8px; margin-bottom: 8px; padding-top: 8px; padding-bottom: 8px; background-color: #f5f5f5; font-weight: 600; letter-spacing: 0.2px; } .tab-info { margin-bottom: 24px; } .tab-info-text { font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.74); font-size: 13px; } .tab-info-text.link { color: #6265a3; font-weight: 400; text-decoration: none; } .tab-info-text.link:hover { color: #523bff; } .tab-info-text.very-small { font-size: 13px; } .tab-info-text.very-small.right { text-align: right; } .tab-info-text.very-small.link { font-size: 12px; } .tab-info-text.very-small.green-text { margin-left: 6px; color: #3cca8a; font-weight: 400; } .tab-info-text.foot-text { width: 65%; color: rgba(37, 36, 35, 0.54); } .action-point-block { display: flex; align-items: center; } .action-point-block.not-last { position: relative; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 2px solid rgba(0, 0, 0, 0.05); } .action-point-block-info { position: relative; display: flex; justify-content: space-between; flex: 1; } .action-point-block-info-text { width: 65%; } .action-point-block-info-link { max-width: 30%; -ms-grid-row-align: center; align-self: center; text-align: right; } .action-point-block-icon { width: 24px; height: 24px; margin-right: 20px; } .action-block-documentation.two { margin-bottom: 8px; } .action-block-doc-text { display: flex; justify-content: space-between; } .action-block-doc-text.left { padding-left: 0px; justify-content: flex-start; } .action-block-progress { position: relative; display: flex; height: 6px; margin-top: 10px; border-radius: 99px; background-color: #edebe9; } .action-block-progress.done { position: static; left: 0%; top: 0%; right: auto; bottom: auto; width: 75%; margin-top: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: #3cca8a; } .action-block-progress.done._65 { width: 65%; } .action-block-progress.done._87 { width: 87%; } .action-block-progress.done._82 { width: 82%; } .action-block-progress.done._52 { width: 52%; } .action-block-progress.done._85 { width: 85%; } .action-block-progress.progress { width: 20%; margin-top: 0px; border-radius: 0px; background-color: #0078d4; } .action-block-progress.progress.full { border-top-right-radius: 9px; border-bottom-right-radius: 9px; } .action-block-footer { display: flex; margin-top: 48px; justify-content: space-between; align-items: center; } .custom-button { max-width: 35%; border-radius: 2px; background-color: #6364a8; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); transition: all 300ms ease; font-weight: 300; text-shadow: 0 0 1px rgba(0, 0, 0, 0.12); } .custom-button:hover { background-color: #8689b3; } .custom-button.disabled-button { background-color: rgba(99, 100, 168, 0.5); cursor: default; } .yellow { color: #fddc84; } .tooltip { position: absolute; left: 0%; top: -36px; right: auto; bottom: auto; display: flex; flex-direction: column; align-items: center; opacity: 0; } .tooltip-arrow { position: absolute; bottom: -5px; overflow: hidden; width: 13px; height: 13px; background-color: #3d3d3d; transform: rotate(45deg); } .tooltip-inner { min-height: 32px; min-width: 30px; padding: 6px 8px; border-radius: 2px; background-color: #3d3d3d; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); font-family: 'Noto Sans', sans-serif; color: #fff; line-height: 22px; text-align: left; text-decoration: none; } .tooltip-link { font-family: 'Noto Sans', sans-serif; color: #8385d3; } .step-tabs-outer { margin-top: 16px; padding-top: 40px; } .links { position: relative; display: flex; justify-content: space-between; } .rich-text-image { margin-bottom: 16px; border-radius: 4px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); } .rich-text-image.not-wide { max-width: 65%; } .div-top-outer { overflow: hidden; } .content-section { display: flex; padding-top: 40px; padding-bottom: 100px; flex-direction: row; justify-content: flex-start; align-items: stretch; } .content-section.display-none { display: none; } .content-div { width: 900px; max-width: 95%; margin-left: 64px; } .framework-rich-text p { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 2em; font-weight: 400; } .framework-rich-text h3 { margin-top: 8px; margin-bottom: 20px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 30px; line-height: 38px; font-weight: 500; text-align: left; } .framework-rich-text h4 { font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 32px; font-weight: 400; text-align: left; } .framework-rich-text li { margin-top: 3px; margin-bottom: 3px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.85); line-height: 28px; font-weight: 400; text-decoration: none; } .framework-rich-text ul { padding-left: 24px; } .framework-rich-text h5 { margin-top: 16px; margin-bottom: 8px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 18px; line-height: 24px; font-weight: 500; } .framework-rich-text.task-row { overflow: hidden; max-height: 120px; -ms-grid-row-align: stretch; align-self: stretch; } .framework-divider { height: 1px; margin-top: 56px; margin-bottom: 56px; background-color: #f0f0f0; } .framework-chapter-div { position: relative; display: flex; width: 260px; margin-bottom: 24px; padding: 24px; flex-direction: column; justify-content: center; align-items: stretch; border-radius: 24px; background-color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); transition: all 200ms ease; text-decoration: none; } .framework-chapter-div:hover { box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.16); text-decoration: none; } .collection-list-wrapper { display: flex; justify-content: space-between; } .framework-chapter-item { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; display: inline-block; margin-right: 2%; margin-left: 2%; } .framework-chapter-list { position: relative; display: block; width: 100%; flex-direction: column; justify-content: space-between; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .framework-chapter-subheading { display: inline-block; margin-top: 14px; margin-right: 3px; margin-left: 3px; font-family: Poppins, sans-serif; color: #5d6769; } .framework-chapter-subheading.big { overflow: hidden; max-height: 54px; margin: 0px 0px 12px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 18px; line-height: 27px; font-weight: 600; text-align: left; } .subhead { font-family: Roboto, sans-serif; font-size: 14px; line-height: 28px; font-weight: 500; } .div-block-62 { display: flex; margin-bottom: 40px; align-items: center; } .div-block-62.new-bread { display: block; } .framework-icon { width: 24px; height: 24px; margin-right: 8px; border-radius: 8px; } .bread-fw-div { display: flex; padding-right: 32px; align-items: center; border-right: 1px solid rgba(0, 0, 0, 0.09); } .framework-name { font-size: 18px; line-height: 27px; font-weight: 300; } .breadcrumb-step { padding-right: 0px; padding-left: 0px; opacity: 0.55; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.45); line-height: 21px; font-weight: 400; } .breadcrumb-step.last { background-image: none; background-size: auto; background-repeat: repeat; opacity: 1; color: rgba(0, 0, 0, 0.85); } .breadcrumb-step.first { padding-left: 40px; } .breadcrumb-step.step { margin-right: 8px; margin-left: 8px; } .breadcrumb-link { display: inline-block; margin-right: 8px; margin-left: 0px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.45); text-decoration: none; } .breadcrumb-link:hover { text-decoration: underline; } .breadcrumb-link.dot { margin-right: 8px; margin-left: 0px; } .breadcrumb-link.first { margin-right: 8px; margin-left: 0px; } .breadcrumb-link.active { margin-left: 0px; color: rgba(0, 0, 0, 0.85); } .framework-menu { position: relative; left: 0%; top: 0px; right: auto; bottom: 0%; z-index: 50; width: 280px; padding: 0px; border-right: 1px solid #f0f0f0; background-color: #fff; } .framework-chapters { margin-top: 40px; } .menu-heading { margin-top: 0px; margin-bottom: 0px; font-size: 18px; line-height: 24px; font-weight: 600; } .menu-actions { padding: 20px; border-bottom: 8px solid #fff; } .menu-info { padding: 20px; border-bottom: 8px solid #fff; } .menu-items { padding: 0px; } ._1st-level-item { display: flex; overflow: hidden; min-height: 52px; margin-bottom: 8px; padding-top: 4px; padding-right: 16px; padding-left: 40px; flex-direction: column; justify-content: center; font-family: Roboto, sans-serif; color: #252423; font-size: 14px; line-height: 20px; font-weight: 300; text-decoration: none; } ._1st-level-item:hover { color: #6265a3; text-decoration: none; } ._1st-level-item.current { color: #6265a3; } ._1st-level-item.main-category.current { margin-bottom: 4px; padding-bottom: 0px; border-right: 3px none #6265a3; color: #6265a3; font-weight: 400; } ._1st-level-item.main-category.current.w--current { margin-bottom: 0px; padding-bottom: 4px; border-right-style: solid; background-color: #d8dae6; } ._1st-level-item.main-category.current.framework-level { min-height: 37px; margin-right: 16px; margin-bottom: 0px; margin-left: 40px; padding-top: 0px; padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #f0f0f0; color: rgba(0, 0, 0, 0.45); } ._2nd-level-item { display: flex; overflow: hidden; min-height: 52px; margin-top: 0px; margin-bottom: 0px; padding: 4px 16px 8px 60px; flex-direction: column; justify-content: center; background-color: #fafafa; font-family: Roboto, sans-serif; color: rgba(37, 36, 35, 0.74); font-size: 14px; line-height: 20px; font-weight: 300; text-decoration: none; } ._2nd-level-item:hover { color: #6265a3; text-decoration: none; } ._2nd-level-item.w--current { border-right: 3px solid #6265a3; background-color: #d8dae6; } ._2nd-level-item.current { border-right: 3px solid #6265a3; background-color: #d8dae6; color: #6265a3; } .sub-menu-items { background-color: #fafafa; } .text-block-37 { position: static; display: inline-block; margin-right: 4px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; line-height: 2em; } .basic-item { padding-left: 16px; } .framework-item-heading { margin-top: 8px; margin-bottom: 20px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 30px; line-height: 36px; font-weight: 500; } .framework-task-heading { margin-top: 28px; margin-bottom: 10px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 18px; line-height: 36px; font-weight: 500; } .framework-task-heading.no-top-marg { overflow: hidden; max-height: 24px; margin-top: 0px; margin-bottom: 0px; flex: 1; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; font-weight: 500; } .framework-task-heading.no-top-marg.subheading { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 14px; font-weight: 400; text-transform: none; } .basic-level-heading { display: inline-block; margin-top: 38px; margin-bottom: 14px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); line-height: 32px; font-weight: 500; } .basic-level-heading.dot { margin-right: 4px; } .basic-level-heading.no-bot-marg { display: inline; margin-top: 0px; margin-bottom: 0px; } .basic-level-heading-block { display: flex; margin-bottom: 14px; justify-content: space-between; align-items: center; } .framework-linked-task-div { display: flex; margin-bottom: 24px; padding-top: 8px; flex-direction: column; } .framework-task-row { position: relative; display: flex; padding-top: 0px; padding-bottom: 0px; align-items: center; border-radius: 12px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .framework-task-inner { margin-top: -12px; padding: 24px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: #f0f1f3; } .icon-div { display: flex; height: 65%; margin-right: 8px; margin-left: 24px; padding-top: 8px; padding-right: 6px; padding-left: 6px; justify-content: center; align-items: flex-start; border: 1px none #52be95; border-radius: 4px; } .icon-div.secondary { display: flex; width: 15%; padding-top: 16px; flex-direction: column; justify-content: flex-start; align-items: center; } .framework-task-icon { width: 24px; height: 24px; margin-right: 32px; margin-left: 32px; padding-right: 0px; padding-left: 0px; } .framework-task-icon.secondary { margin-right: auto; margin-left: auto; } .framework-task-content-row { display: flex; margin-bottom: 8px; border-radius: 12px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .task-row-text { margin-top: 4px; font-family: Roboto, sans-serif; font-size: 10px; font-weight: 400; } .task-row-text-content-div { width: 85%; padding: 8px 8px 16px; } .single-task-div { display: flex; align-items: center; } .task-circle { width: 16px; height: 16px; margin-right: 8px; opacity: 0.45; } .task-status { margin-right: 16px; margin-left: 16px; padding: 2px 9px; background-color: rgba(255, 205, 38, 0.1); font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: #ffcd26; font-size: 8px; line-height: 10px; font-weight: 600; text-align: center; text-transform: uppercase; } .franework-basic-text { margin-right: 4px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.85); line-height: 28px; } .framework-text-link { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; } .framework-heading-link { max-width: 70%; text-decoration: none; } .framework-task-title { display: flex; max-width: 65%; flex-direction: column; align-items: flex-start; flex: 1; } .linked-tasks { margin-top: 24px; } ._3rd-level-item { display: flex; overflow: hidden; min-height: 52px; padding: 4px 16px 8px 80px; flex-direction: column; justify-content: center; background-color: #fafafa; font-family: Roboto, sans-serif; color: rgba(37, 36, 35, 0.74); line-height: 20px; font-weight: 300; text-decoration: none; } ._3rd-level-item:hover { color: #6265a3; text-decoration: none; } ._3rd-level-item.w--current { border-right: 3px solid #6265a3; background-color: #d8dae6; color: #6265a3; } ._3rd-level-item.gdpr { overflow: hidden; padding-left: 60px; } ._3rd-level-item.tiedonhallinta { padding-left: 60px; } .linked-report-section { margin-bottom: 40px; } .framework-h2 { margin-top: 38px; margin-bottom: 14px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 32px; font-weight: 500; } .framework-h1 { margin-top: 8px; margin-bottom: 20px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 30px; line-height: 38px; font-weight: 500; } .chapter-number { margin-bottom: 12px; padding: 4px 12px; align-self: flex-start; border-radius: 99px; font-size: 16px; line-height: 28px; font-weight: 500; } .text-block-38 { font-weight: 700; } .framework-chapter-card-text { overflow: hidden; height: 84px; margin-bottom: 16px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.45); line-height: 21px; } .framework-chapter-card-footer { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; display: flex; margin-right: -24px; margin-bottom: -24px; margin-left: -24px; padding: 16px 24px; align-items: center; border-top: 1px solid #f0f0f0; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; } .framework-chapter-footer-icon { width: 16px; height: 16px; margin-right: 8px; } .framework-chapter-card-footer-text { margin-right: 4px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); line-height: 21px; font-weight: 500; } .grouping-level-item { position: absolute; display: flex; margin-top: 28px; margin-bottom: 10px; justify-content: space-between; align-items: center; } .basic-level-item { display: inline-block; } .framework-h3 { margin-top: 28px; margin-bottom: 10px; font-family: Roboto, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 18px; line-height: 36px; font-weight: 500; } .framework-h3.no-margs { margin-top: 0px; margin-bottom: 0px; } .collection-item-2 { display: inline-block; margin-right: 24px; margin-bottom: 24px; } .framework-empty { display: none; } .main-level-requirements { margin-top: 24px; } .grouping-level-requirements { margin-top: 24px; } .sidebar-div { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; z-index: 100; width: 16px; -ms-grid-row-align: stretch; align-self: stretch; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-color: rgba(82, 190, 149, 0.25); box-shadow: 0 0 1px 1px #52be95; } .requirement-task-row { position: relative; display: flex; overflow: hidden; height: 156px; margin-bottom: 24px; padding-top: 8px; align-items: flex-start; border-radius: 2px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); transition: all 200ms ease; text-decoration: none; } .requirement-task-row:hover { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); text-decoration: none; } .icon-div-img { width: 24px; height: 24px; } .link-icon { width: 16px; height: 16px; margin-right: 16px; margin-left: 8px; } .link-stuff { position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; display: flex; justify-content: flex-end; align-items: center; opacity: 0; color: #6264a7; } .link-text { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; } .discount-text { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; display: inline-block; padding: 10px 16px; border-radius: 2px; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12); color: rgba(37, 36, 35, 0.55); } .small { color: rgba(37, 36, 35, 0.65); font-size: 14px; line-height: 22px; } .small.white.normal { font-weight: 400; } .small.white.light { text-transform: uppercase; } .small.white.light.top-marg { margin-top: 4px; margin-left: 0px; } .small.reviews-p { margin-top: 24px; margin-bottom: 0px; font-size: 12px; line-height: 20px; font-style: italic; } .framework-menu-button { display: none; width: 40px; height: 40px; justify-content: center; align-items: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.15); } .framework-menu-item { width: 16px; height: 16px; } .dev-feed-rich-text { margin-bottom: 0px; font-family: Montserrat, sans-serif; color: #595959; font-size: 12px; } .dev-feed-rich-text p { font-family: Inter, sans-serif; color: rgba(0, 0, 0, 0.74); font-size: 16px; line-height: 24px; } .dev-feed-rich-text img { border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.09); } .dev-feed-rich-text ul { margin-bottom: 8px; padding-left: 32px; } .dev-feed-rich-text li { margin-bottom: 10px; font-family: Inter, sans-serif; font-size: 16px; line-height: 24px; } .dev-feed-image { max-width: 100%; margin-top: 16px; margin-bottom: 16px; border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.09); } .feed-button { display: flex; width: 25%; justify-content: flex-end; align-items: center; } .task-intro { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; padding-top: 56px; padding-right: 160px; padding-left: 70px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(37, 36, 35, 0.74); font-size: 14px; line-height: 22px; text-align: left; } .task-intro p { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.65); font-size: 14px; line-height: 2em; } .task-intro ul { padding-left: 24px; } .task-intro li { margin-top: 3px; margin-bottom: 3px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; color: rgba(0, 0, 0, 0.65); line-height: 28px; } .task-overlay { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 9999; margin-left: 18px; background-image: linear-gradient(180deg, transparent 72%, #fff); } .requirement-task-link { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10000; } .text-block-39 { font-size: 13px; } .nav-col { display: flex; width: 33.3%; flex-direction: column; align-items: flex-start; } .product-links-arrow { position: absolute; left: 50%; top: -8px; right: auto; bottom: auto; z-index: 1000000000; width: 16px; height: 16px; margin-right: auto; margin-left: auto; border-radius: 3px; background-color: #fff; transform: rotate(45deg); } .opi-links-arrow { position: absolute; left: 75%; top: -8px; right: auto; bottom: auto; width: 16px; height: 16px; border-radius: 3px; background-color: #fff; transform: rotate(45deg); background-clip: border-box; -webkit-text-fill-color: inherit; } .learn-links-arrow { position: absolute; left: 65%; top: -8px; right: auto; bottom: auto; width: 16px; height: 16px; border-radius: 3px; background-color: #fff; transform: rotate(45deg); } .mobile-menu-button-div { display: none; } .mobile-menu-icon { display: none; } .site-mobile-menu { display: none; } .action-points { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: none; width: 80%; } .webinar-ref-section { width: 1080px; max-width: 95%; margin: 64px auto 0px; text-align: center; } .arrow { width: 100%; height: 32px; } .task-row { position: relative; width: 100%; height: 50%; margin-top: 16px; margin-bottom: 16px; } .html-embed-5 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; margin-bottom: 0px; } .primary-text-3 { margin-bottom: 16px; font-family: Poppins, sans-serif; color: #252423; font-size: 14px; line-height: 22px; font-weight: 400; text-align: left; } .primary-text-3.notice { position: absolute; left: 0%; top: auto; right: auto; bottom: -38px; margin-bottom: 0px; padding: 8px 16px; border-radius: 6px; background-color: rgba(255, 0, 0, 0.04); } .primary-text-3.notice.ad-page { position: absolute; left: 0%; top: auto; right: auto; bottom: -46px; height: 38px; padding-left: 40px; border-radius: 2px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/611618b922a2a514bb44091a_info%20(5).png"); background-position: 16px 50%; background-size: 16px 16px; background-repeat: no-repeat; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.28); } .primary-text-3.small { font-size: 12px; line-height: 20px; } .primary-text-3.small.marg { margin-top: 8px; margin-bottom: 24px; } .primary-text-3.small.marg.purple { color: #4b15e9; text-align: center; } .primary-text-3.small.marg.purple.below { position: absolute; left: 0%; top: auto; right: 0%; bottom: -21px; font-family: Inter, sans-serif; color: rgba(37, 36, 35, 0.65); font-size: 10px; text-align: center; } .blog-other-container { width: 1000px; max-width: 95%; margin-right: auto; margin-left: auto; } .column-7 { display: flex; align-items: center; } .image-16 { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.05); border-radius: 4px; } .div-block-63 { display: flex; } .div-block-64 { display: flex; } .next-webinar-hellobar { z-index: 999999; display: flex; justify-content: center; align-items: center; border-top: 4px none #6265a3; } .next-webinar-popup { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 999999; display: none; background-color: rgba(0, 0, 0, 0.5); } .div-block-65 { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 999; } .div-block-66 { display: flex; justify-content: center; align-items: center; } .div-block-66.mobile { display: none; } .div-block-67 { position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 9999; display: block; width: 100%; height: 100px; padding-top: 8px; padding-bottom: 10px; background-color: #e9eef1; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/613762e354aeaf0548fe70ff_hellobar-border-2.png"); background-position: 50% 0%; background-size: auto 4px; background-repeat: repeat-x; box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.25); } .framework-cards-div { width: 69%; } .empty-hidden { display: none; } .get-started-div { display: flex; width: 994px; height: 325px; max-width: 95%; margin-right: auto; margin-left: auto; justify-content: space-between; } .get-started { background-color: #384b5d; } .div-block-68 { display: flex; width: 40%; justify-content: flex-end; } .front-one-card-cms { width: 32%; } .get-started-left { display: flex; width: 40%; flex-direction: column; justify-content: center; align-items: flex-start; } .get-started-middle { width: 20%; } .get-started-right { display: flex; width: 40%; flex-direction: column; justify-content: center; align-items: flex-start; } .div-block-69 { display: flex; margin-bottom: 80px; padding-top: 56px; justify-content: center; align-items: center; } .div-block-69.left { margin-bottom: 24px; padding-top: 0px; padding-bottom: 24px; padding-left: 0px; justify-content: flex-start; border-bottom: 1px solid hsla(0, 0%, 92.2%, 0.2); } .footer-newsletter-div { width: 1280px; max-width: 100%; text-align: left; } .p-left { text-align: left; } .white { color: #fff; } .white.more-bot-marg { margin-bottom: 24px; } .white.nl-heading { margin-top: 16px; margin-bottom: 16px; font-size: 18px; line-height: 24px; font-weight: 600; } .white.p-small { font-family: Inter, sans-serif; font-size: 14px; } .text-span-2 { font-weight: 600; } .h2-small { font-size: 26px; line-height: 32px; } .front-customers-section { display: flex; padding-top: 60px; padding-bottom: 72px; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; } .div-block-70 { display: flex; width: 1140px; max-width: 95%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; align-items: center; } .front-customers-tabs { width: 60%; } .front-customers-logos { width: 40%; padding-right: 0px; padding-left: 40px; } .grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto; } .front-customer-tabs { display: flex; padding: 8px; align-items: flex-start; } .front-customer-tabs-menu { display: flex; width: 21%; margin-right: 4%; padding-top: 50px; padding-bottom: 50px; flex-direction: column; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .front-customer-tabs-img { max-height: 24px; margin-right: 10px; } .front-customer-tabs-tab { display: flex; padding: 20px; align-items: center; background-color: #f9f9f9; color: #252423; } .front-customer-tabs-tab.w--current { border-right: 2px solid #6265a3; background-color: rgba(98, 100, 167, 0.2); } .front-customer-tab-pane-div { width: 100%; height: 100%; padding: 48px; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .front-customer-tabs-content { display: flex; width: 70%; margin: -8px 5% -8px -8px; padding: 8px; } .div-block-71 { display: flex; align-items: center; } .front-customer-tabs-heading { margin-top: 0px; margin-bottom: 24px; color: #252423; font-size: 20px; line-height: 24px; font-weight: 500; } .front-customers-quote { margin-bottom: 32px; color: #384b5d; font-size: 14px; line-height: 28px; font-weight: 300; } .front-customers-quote-logo { max-height: 48px; max-width: 80px; margin-right: 16px; } .front-customers-quote-author { font-family: Poppins, sans-serif; color: #252423; font-size: 16px; line-height: 25px; font-weight: 500; letter-spacing: -0.5px; } .booking-page-icon { width: 16px; height: 16px; margin-right: 6px; margin-left: 6px; } ._600 { font-weight: 600; } .div-block-72 { display: flex; align-items: flex-start; } .overlay-week { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; justify-content: flex-start; align-items: flex-start; background-color: rgba(37, 36, 35, 0.65); opacity: 1; background-clip: border-box; -webkit-text-fill-color: inherit; } .week-number-big { padding: 16px; border-bottom-right-radius: 12px; background-color: #6265a3; font-family: Poppins, sans-serif; color: #fff; font-size: 24px; line-height: 24px; } .front-heading-p { margin-top: 16px; margin-bottom: 32px; font-family: Inter, sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; text-align: left; } .front-heading-p.centered-text { text-align: center; } .new-front-diagram { position: relative; display: flex; max-width: 100%; margin: 0px auto; padding: 40px 56px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-radius: 16px; background-color: #f6f8fc; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.16); } .new-front-diagram-heading { position: relative; z-index: 2; margin-bottom: 0px; font-family: Inter, sans-serif; font-size: 22px; line-height: 26px; font-weight: 400; } .new-front-diagram-cards { position: relative; z-index: 3; display: flex; width: 100%; margin-top: 80px; margin-bottom: 20px; justify-content: space-between; align-items: flex-start; } .bg-divider { position: absolute; left: 0%; top: 52%; right: 0%; bottom: auto; z-index: 2; height: 3%; background-image: linear-gradient(90deg, #0063f0, #1daaa2); } .new-front-diagram-card { position: relative; z-index: 10; overflow: hidden; width: 28%; padding: 32px; border-radius: 24px 4px; background-color: #fff; box-shadow: 0 5px 25px 0 rgba(36, 8, 97, 0.16); } .new-front-diagram-divider { height: 1px; margin-bottom: 24px; background-color: #f1f1f1; } .new-front-diagram-card-heading { display: flex; align-items: center; } .new-front-diagram-card-number { width: 36px; height: 36px; margin-right: 12px; margin-bottom: 40px; padding: 8px; border-radius: 99px; background-color: #452cd1; background-image: none; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); font-family: Poppins, sans-serif; color: #fff; font-size: 20px; font-weight: 600; text-align: center; } .new-front-diagram-card-number.small { font-size: 18px; } .new-front-diagram-text { margin-top: 24px; margin-bottom: 24px; font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.65); } .bg-shape { position: absolute; left: 20%; top: 22%; z-index: 1; width: 30%; height: 55%; border-radius: 9999px; background-color: #eff2fc; } .teams-black { color: #252423; } .new-front-diagram-card-list { display: flex; flex-wrap: wrap; align-items: flex-start; } .new-front-diagram-card-list-item { display: flex; max-width: 50%; min-height: 18px; min-width: 50%; margin-bottom: 4px; padding-right: 8px; align-items: center; } .new-front-diagram-card-list-item.two-line { margin-top: 4px; margin-bottom: 8px; } .new-front-diargram-card-list-item-color { min-height: 6px; min-width: 6px; margin-right: 8px; border-radius: 6px; background-color: #6265a3; } .new-front-diargram-card-list-item-color.green { width: auto; height: auto; background-color: #69c68f; } .new-front-diargram-card-list-item-color.grey { background-color: #f2f2f2; } .new-front-diargram-card-list-item-color.yellow { background-color: #fddc84; } .new-front-diagram-list-item-text { font-family: Poppins, sans-serif; color: #252423; font-size: 12px; line-height: 12px; font-weight: 600; } .new-front-product-section { width: 1200px; padding-top: 60px; background-color: #fff; } .new-front-product-inner { position: relative; display: flex; width: 1200px; max-width: 100%; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .new-front-product-outer { padding: 64px 8px 100px; background-color: #fff; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .webinar-promo-link { display: flex; margin-top: -5px; padding: 4px 8px; justify-content: center; align-items: center; border-radius: 3px; background-color: transparent; text-decoration: none; } .webinar-promo-link:hover { background-color: rgba(98, 100, 167, 0.1); } .webinar-promo-link-text { margin-bottom: -5px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; text-decoration: none; } .new-front-product-tabs { width: 80%; margin-top: 56px; } .new-front-product-tabs-tab { position: relative; z-index: 10; max-width: 16.7%; padding: 16px 20px; background-color: transparent; color: #000; font-size: 14px; font-weight: 500; text-align: center; } .new-front-product-tabs-tab.w--current { margin-bottom: -1px; border-style: solid; border-width: 3px 1px 1px; border-color: #252423 #d5d9e0 #fff; background-color: #fff; } .new-front-product-tabs-content { border: 1px none #d5d9e0; text-align: center; } .tabs-menu-11 { display: flex; justify-content: space-between; } .new-front-products-tab-heading { font-family: Inter, sans-serif; font-size: 22px; font-weight: 700; } .new-front-products-tab-heading.left { margin-bottom: 0px; font-size: 24px; } .new-front-products-tab-p { font-family: Inter, sans-serif; color: rgba(37, 36, 35, 0.65); } .new-front-tabs-image { overflow: hidden; margin-right: 24px; margin-left: 24px; padding-top: 0px; border: 1px none #000; border-radius: 8px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.16); } .new-front-product-tabs-tab-pane { padding-bottom: 16px; border: 1px none #d5d9e0; } .new-front-product-tabs-text { margin-bottom: -40px; padding: 48px 48px 64px; border: 1px solid #d5d9e0; background-color: #fff; } .teams-icon { position: absolute; left: auto; top: auto; right: -12px; bottom: -12px; width: 64px; height: 64px; } .teams-purple { color: #6265a3; } .teams-purple._500 { font-weight: 500; } .no-arrow { display: none; } .div-block-73 { display: flex; } .frontpage-adjectives-slider { height: 55px; margin-left: 12px; background-color: transparent; color: #6265a3; } .front-top-stuff-div { display: flex; margin-bottom: 64px; justify-content: space-between; align-items: center; } .front-top-stuff-text { width: 40%; margin-top: -64px; } .front-top-stuff-image { position: relative; width: 60%; padding-left: 16px; } .front-diagram-section { padding-top: 64px; padding-bottom: 64px; background-color: #fff; } .front-top-section { position: relative; overflow: hidden; padding-top: 60px; padding-bottom: 0px; } .front-top-image-1 { max-height: 520px; max-width: 100%; border: 1px none #e8ebf8; border-radius: 12px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.35); } .front-top-image-2 { position: absolute; left: 13%; top: auto; right: auto; bottom: -31%; width: 60%; height: 50%; border: 1px solid #e8ebf8; border-radius: 8px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6220aa53dc58a304beb91c25_Screenshot%202022-03-03%20at%2013.45.05.png"); background-position: 0px 0px; background-size: cover; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25); } .front-top-image-3 { position: absolute; left: auto; top: 15%; right: -13%; bottom: auto; width: 46%; height: 50%; border: 1px solid #e8ebf8; border-radius: 8px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6197687f0a7741ea9510b1cd_Screenshot%202021-11-19%20at%2011.03.47.png"); background-position: 0px 0px; background-size: cover; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25); } .front-top-image-icon { position: relative; top: -16px; display: flex; width: 32px; height: 32px; margin-right: auto; margin-left: auto; justify-content: center; align-items: center; border-radius: 99px; background-color: #1874ff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25); } .front-top-image-icon.purple { background-color: #864bd0; } .front-top-image-icon-img { width: 16px; height: 16px; } .home-bg-section { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; z-index: 0; width: 70%; height: 800px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6197a4d4882d3a3f68e2a5cd_bg-gradiend.png"); background-position: 0px 0px; background-size: cover; } .div-block-74 { display: flex; align-items: center; } .on-demand-form { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10000000; display: none; justify-content: center; align-items: center; background-color: rgba(37, 36, 35, 0.75); opacity: 0; } .on-demand-form-inner { width: 520px; max-width: 95%; padding: 24px; border-radius: 16px; background-color: #fff; box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.5); } .on-demand-form-inner.relative { position: absolute; z-index: 999999999; } .div-block-75 { display: flex; align-items: center; } .on-demand-tag { position: absolute; left: auto; top: 12px; right: 12px; bottom: auto; padding: 5px 10px 5px 30px; border-radius: 99px; background-color: #e1f4e9; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/61bb1912536311240fcf156b_play%20(3).png"); background-position: 8px 50%; background-size: 16px 16px; background-repeat: no-repeat; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .on-demand-tag-text { font-size: 12px; line-height: 12px; } .webinar-series-heading { margin-top: 12px; margin-bottom: 16px; font-size: 16px; font-weight: 600; } .series-no { display: inline; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 500; } .series-no.margs { margin-right: 4px; margin-left: 4px; } .webinar-series-part { margin-bottom: 16px; } .div-block-76 { margin-top: 1px; margin-right: 12px; } .div-block-77 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .div-block-78 { margin-top: 8px; } .faq-question { margin-bottom: 16px; padding: 4px 8px 4px 12px; border: 1px solid #e8ebf8; border-radius: 4px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/61e00c604e1ac4afce808f3d_down-arrow.png"); background-position: 98% 50%; background-size: 12px; background-repeat: no-repeat; } .faq-answer { display: none; padding-top: 16px; opacity: 0; } .faq-question-2 { margin-bottom: 16px; padding: 4px 8px 4px 12px; border: 1px solid #e8ebf8; border-radius: 4px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/61e00c604e1ac4afce808f3d_down-arrow.png"); background-position: 98% 8px; background-size: 12px; background-repeat: no-repeat; } .faq-answer-2 { display: block; padding-top: 16px; opacity: 1; } .italic { font-style: italic; } .webinar-series-list-div { margin-bottom: 0px; padding-bottom: 0px; justify-content: space-between; border-bottom: 1px none #e8ebf8; background-color: #fff; } .webinar-series-image { display: flex; width: 30%; height: 256px; margin-top: 0px; margin-bottom: 10px; padding-top: 24px; padding-right: 0%; padding-left: 0%; justify-content: center; align-items: center; } .webinar-series-top { display: flex; width: 1000px; max-width: 100%; margin-right: auto; margin-left: auto; justify-content: space-between; } .webinar-series-intro { width: 70%; } .webinar-part-list { display: inline-block; margin-top: 32px; margin-bottom: 16px; font-family: Poppins, sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; } .webinar-part-div { display: flex; width: 100%; margin-right: 1%; margin-bottom: 36px; padding: 26px 56px; float: left; justify-content: space-between; align-items: center; border: 1px none #e8ebf8; background-color: #f4f4f4; } .collection-list-5 { width: 100%; } .webinar-part-img { width: 32px; height: 32px; margin-right: 24px; margin-bottom: 8px; } .webinar-part-name { display: flex; overflow: hidden; margin-bottom: 4px; color: #002856; font-size: 22px; line-height: 28px; font-weight: 600; text-decoration: none; } .webinar-part-name:hover { color: #0000d3; text-decoration: none; } .webinar-part-time { display: inline-block; font-family: Poppins, sans-serif; color: #002856; font-size: 22px; line-height: 28px; font-weight: 600; } .webinar-part-time.month { margin-right: 4px; } .webinar-part-time.schedule { font-size: 16px; line-height: 22px; font-weight: 500; } .webinar-part-time.schedule.small { font-size: 14px; font-weight: 400; } .link-block-4 { display: flex; align-items: center; color: #252423; text-decoration: none; } .div-block-79 { display: flex; width: 18%; flex-direction: column; align-items: flex-start; } .div-block-80 { width: 82%; } .webinar-series-tag { display: flex; margin-bottom: 12px; flex-direction: row; align-items: flex-start; border-radius: 99px; font-family: Poppins, sans-serif; color: #535353; font-size: 16px; line-height: 24px; font-weight: 500; } .div-block-81 { display: flex; width: 100%; height: 120px; margin-top: -65px; justify-content: center; background-image: linear-gradient(90deg, rgba(110, 115, 245, 0.1), rgba(151, 63, 236, 0.5)); } .webinar-series-list { width: 1080px; max-width: 100%; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-right: 40px; padding-bottom: 32px; padding-left: 40px; border-bottom: 1px none #e8ebf8; } .full-wide-wrapper { width: 100%; } .div-block-82 { display: flex; width: 1000px; max-width: 100%; justify-content: flex-start; } .div-block-83 { display: flex; width: 60%; align-items: center; } .div-block-84 { display: flex; width: 33.333%; padding-right: 32px; align-items: center; font-family: Poppins, sans-serif; color: #fff; font-size: 30px; font-weight: 600; } .div-block-85 { display: flex; flex-direction: column; } .webinar-series-top-img { width: 48px; height: 48px; margin-right: 16px; } .webinar-series-top-img.small { padding: 4px; } .webinar-full-list { display: none; } .webinar-radio-label { font-family: Poppins, sans-serif; color: #002856; font-size: 16px; font-weight: 300; } .webinar-radio { width: 18px; height: 18px; margin-right: 6px; } .webinar-radio:focus { border: 6px solid #0052d6; } .webinar-radio.w--redirected-checked { border-width: 6px; border-color: #0052d6; } .form-3 { display: flex; } .webinar-radio-field { display: flex; margin-right: 24px; align-items: center; } .webinar-main-text { width: 50%; } .webinar-date-div { display: flex; width: 32%; padding-right: 1%; padding-left: 7%; flex-direction: column; align-items: flex-start; } .webinar-button-div { display: flex; width: 18%; justify-content: center; align-items: center; } .text-block-40 { line-height: 24px; } .webinar-part-link { text-decoration: none; } .webinar-part-link:hover { text-decoration: none; } .webinar-part-text { overflow: hidden; height: 48px; margin-top: 12px; margin-bottom: 0px; font-weight: 300; } .webinar-series-list-top-outer { width: 100%; padding-top: 32px; background-color: #f8f8f9; } .upcoming-tag { padding: 2px 12px; border-radius: 89px; background-color: #dd2161; font-family: 'Inter beta', sans-serif; color: #fff; font-size: 12px; font-weight: 300; text-transform: uppercase; } .div-block-86 { margin-top: 8px; } .div-block-87 { margin-top: 8px; } .div-block-87.time-icon { padding-left: 28px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/620bacfcc96d4df2f80157c7_time%20(1).png"); background-position: 0% 50%; background-size: auto 16px; background-repeat: no-repeat; } .series-heading-inline { display: inline-block; margin-bottom: 8px; } .series-tag { display: inline-block; margin-right: 8px; padding: 2px 12px; border: 1px solid #000; border-radius: 99px; font-family: 'Inter beta', sans-serif; color: #fff; font-size: 12px; font-weight: 300; text-transform: uppercase; } .div-block-88 { margin-bottom: 16px; } .field-label { width: 100%; font-family: Poppins, sans-serif; font-weight: 500; } .submit-button-3 { margin-top: 16px; border-radius: 6px; background-color: #6265a3; font-family: Poppins, sans-serif; font-weight: 600; } .form-4 { display: flex; flex-direction: column; align-items: center; } .text-field-4 { border: 1px solid #e5e5ea; border-radius: 4px; } .checkbox-label { font-family: Inter, sans-serif; font-size: 12px; } .checkbox-field { margin-top: 16px; margin-bottom: 16px; } .iso27-webinar-series-form { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10000000; display: none; justify-content: center; align-items: center; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); opacity: 0; } .thl-webinar-series-form { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10000000; display: none; justify-content: center; align-items: center; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); opacity: 0; } .admin-webinar-series-form { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10000000; display: none; justify-content: center; align-items: center; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); opacity: 0; } .webinar-form-close { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 54px; height: 54px; justify-content: center; align-items: center; cursor: pointer; } .modal-header { margin: -24px -24px 15px; padding: 16px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .no-margs { margin-top: 0px; margin-bottom: 0px; } .no-margs.webinar-form-heading { font-family: Poppins, sans-serif; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 22px; font-weight: 500; } .webinar-form-close-img { width: 18px; height: 18px; } .div-block-89 { position: relative; display: flex; justify-content: center; align-items: center; flex: 1; } .post-header-image-2 { display: flex; height: 100%; max-height: 500px; padding-left: 16px; border-radius: 4px; background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: cover; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); } .post-header-image-2.infographic { position: relative; width: 100%; height: 400px; padding-left: 0px; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.05); background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"); background-position: 50% 50%; background-size: 35%; background-repeat: no-repeat; } .ant-tooltip { position: absolute; top: 36px; display: flex; width: 200px; padding: 6px 8px; justify-content: center; align-items: flex-start; border-radius: 4px; background-color: #3e3f40; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); opacity: 0; font-family: Inter, sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; text-shadow: none; } .ant-tooltip.pricing { color: #fff; } .ant-tooltip-arrow { position: absolute; width: 14px; height: 14px; margin-top: -12px; border-radius: 2px; background-color: #3e3f40; transform: rotate(45deg); } .webinar-tabs-menu { margin: 8px 24px 32px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .webinar-tab-link { padding: 12px 16px; background-color: transparent; opacity: 0.8; } .webinar-tab-link:hover { opacity: 1; } .webinar-tab-link.w--current { border-bottom: 3px solid #6265a3; background-color: transparent; opacity: 1; color: #6265a3; font-weight: 600; } .webinars-tab-pane { padding-top: 10px; } .webinars-tab-content { margin-top: -10px; } .button-4 { padding: 6px 15px; border-radius: 4px; background-color: #6264a7; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.04); transition: all 250ms ease; font-family: Montserrat, sans-serif; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; text-decoration: none; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.12); } .button-4:hover { opacity: 0.8; } .button-4.big { min-width: 150px; padding: 16px 24px; font-family: Poppins, sans-serif; font-weight: 600; text-align: center; } .button-4.big { padding: 18px 25px; box-shadow: 1px 0 4px 0 rgba(59, 0, 108, 0.24); font-family: Poppins, sans-serif; font-size: 16px; font-weight: 400; } .button-4.big.secondary { margin-left: 8px; border-style: solid; border-width: 1px; border-color: rgba(98, 100, 167, 0.74); background-color: transparent; box-shadow: none; color: #252423; font-weight: 500; } .button-4.big.rounding { max-width: 250px; border-radius: 999px; } .button-4.big.rounding:hover { text-decoration: none; } .button-4.link { padding-right: 30px; padding-left: 0px; background-color: transparent; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e8ef9510b95887b7de01a4d_arrow.png"); background-position: 98% 50%; background-size: 20px; background-repeat: no-repeat; box-shadow: none; font-family: Inter, sans-serif; color: #6264a7; font-size: 14px; } .div-block-90 { position: relative; display: flex; margin-top: 0px; align-items: center; } .front-image-floater { position: absolute; left: 40px; top: 40px; right: auto; bottom: auto; display: none; align-items: center; } .front-image-floater.integrate { left: auto; top: auto; right: -48px; bottom: -40px; display: none; } .front-image-floater-img { position: relative; width: 48px; height: 48px; border-style: none; border-width: 2px; border-color: #6264a7; border-radius: 99px; background-image: linear-gradient(45deg, #aeafae, #fff); box-shadow: 0 5px 20px 8px rgba(98, 100, 167, 0.5), 0 0 1px 3px #6264a7; } .front-image-floater-img.pa { box-shadow: 0 5px 20px 8px rgba(50, 132, 241, 0.4), 0 0 1px 3px #3284f1; } .front-image-floater-img.padding { background-image: linear-gradient(45deg, #aeafae, #fff); } .front-image-floater-text { margin-left: -8px; padding: 8px 16px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #6264a7; box-shadow: 0 5px 20px 8px rgba(98, 100, 167, 0.5); font-family: Poppins, sans-serif; color: #fff; font-weight: 300; } .front-image-floater-text.pa { background-color: #3284f1; box-shadow: 0 5px 20px 8px rgba(50, 132, 241, 0.4); } .normal { font-weight: 400; } .navigation-link-2 { margin-right: 2px; margin-left: 2px; padding: 10px 16px; opacity: 1; transition: opacity 200ms ease-in-out; font-family: Poppins, sans-serif; color: rgba(37, 36, 35, 0.85); font-size: 14px; font-weight: 600; letter-spacing: 0px; text-transform: none; } .navigation-link-2:hover { border-radius: 3px; background-color: #ebecf0; opacity: 0.95; text-decoration: none; } .navigation-link-2.w--current { opacity: 1; color: #070f1a; font-size: 16px; font-weight: 400; letter-spacing: 0px; text-transform: none; } .navigation-link-2.dropdown { margin-right: 8px; padding-right: 24px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/625423571b310dc4ec549a69_down-arrow.svg"); background-position: 95% 50%; background-size: 12px 12px; background-repeat: no-repeat; } .navigation-link-2.no-menu { padding-right: 14px; color: #252423; font-size: 14px; } .navigation-link-2.no-menu.cta { border-radius: 3px; background-color: #4353ff; color: #fff; } .navigation-link-2.no-menu.cta:hover { opacity: 0.9; } .navigation-link-2.no-menu.cta.plan { padding-top: 10px; padding-bottom: 10px; padding-left: 14px; border-radius: 8px; background-color: #fff; box-shadow: 0 12px 25px 0 #6264a7; font-family: Inter, sans-serif; color: #6264a7; font-weight: 600; } .navigation-link-2.no-menu.cta.plan.not-home { padding-right: 24px; padding-left: 24px; border-radius: 99px; background-color: #6264a7; box-shadow: 0 3px 16px 0 rgba(63, 70, 134, 0.25); font-family: Inter, sans-serif; color: #fff; font-weight: 500; } .ref-images-inner-2 { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; } .new-front-diargram-card-list-item-color-2 { min-height: 8px; min-width: 8px; margin-right: 8px; border-radius: 6px; background-color: #4536c1; } .new-front-diargram-card-list-item-color-2.grey { background-color: #f2f2f2; } .new-front-diargram-card-list-item-color-2.green { width: auto; height: auto; background-color: #69c68f; } .new-front-diargram-card-list-item-color-2.yellow { background-color: #fddc84; } .new-front-diargram-card-list-item-color-2.purple { min-height: 8px; min-width: 8px; border-radius: 8px; background-color: #4536c1; } .big-text { margin-bottom: 0px; font-family: Inter, sans-serif; font-size: 18px; line-height: 27px; text-align: center; } .div-block-93 { position: relative; display: flex; width: 25%; flex-direction: column; justify-content: center; } .div-block-93.last { padding-right: 0%; justify-content: space-around; } .new-front-diagram-card-list-2 { position: relative; z-index: 100; display: flex; padding-top: 16px; padding-left: 8px; flex-wrap: wrap; align-items: flex-start; } .new-front-diagram-card-list-2.top-padding { padding-top: 16px; padding-left: 24px; } .new-front-diagram-card-list-2.top-padding.abso { position: absolute; left: 0%; top: auto; right: 0%; bottom: -80px; width: 110%; padding-right: 0%; padding-left: 8px; } .new-front-diagram-card-list-2.top-padding.abso.two { bottom: -108px; } .new-front-diagram-card-list-2.top-padding.abso.two-row { bottom: -54px; } .div-block-94 { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 100; display: none; border-radius: 24px 4px; box-shadow: 0 6px 25px 0 rgba(98, 100, 167, 0.75); } .new-front-diagram-card-list-item-2 { display: flex; overflow: hidden; max-width: 50%; min-height: 18px; min-width: 50%; margin-bottom: 4px; padding-right: 8px; padding-left: 16px; align-items: center; } .new-front-diagram-card-list-item-2.full-wide { position: relative; z-index: 100; max-height: 36px; max-width: 100%; min-width: 100%; margin-bottom: 8px; padding-right: 15%; } .new-front-diagram-card-list-item-2.narrow { max-width: 40%; min-width: 40%; } .new-front-diagram-text-2 { margin-top: 16px; margin-bottom: 0px; font-family: Inter, sans-serif; color: #000; font-size: 15px; line-height: 22px; } .new-front-diagram-text-2.left { margin-top: 4px; } .new-front-diagram-cards-2 { position: relative; z-index: 3; display: flex; overflow: hidden; width: 1224px; max-width: 95%; margin: 36px auto 20px; padding-top: 64px; padding-bottom: 40px; justify-content: space-between; align-items: flex-start; border-radius: 28px; background-color: #fafafa; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.05); } .new-front-diagram-img { width: 36px; height: 36px; margin-right: 12px; } .front-diagram-section-2 { padding-top: 64px; padding-bottom: 136px; } .new-front-diagram-list-item-text-2 { font-family: Inter, sans-serif; color: #4536c1; font-size: 14px; line-height: 25px; font-weight: 700; letter-spacing: -0.5px; } .heading-31 { margin-bottom: 14px; font-size: 36px; line-height: 48px; font-weight: 500; text-align: center; } .heading-31.left { text-align: left; } .teams-black-2 { color: #252423; } .tob-bar-text { width: 25%; padding-right: 5%; font-family: Poppins, sans-serif; color: #252423; font-size: 12px; font-weight: 500; text-align: center; } .bg-divider-2 { position: absolute; left: 0%; top: 50%; right: 0%; bottom: auto; z-index: 2; height: 3%; background-image: linear-gradient(90deg, #0063f0, #1daaa2); } .bg-shape-2 { position: absolute; left: 35%; top: 22%; z-index: 1; width: 30%; height: 55%; border-radius: 9999px; background-color: #eff2fc; } .top-bar { position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; justify-content: space-between; align-items: center; } .top-bar.display-none { display: none; } .new-front-diagram-card-2 { position: relative; z-index: 10; overflow: hidden; width: 25%; padding: 32px; border-radius: 24px 4px; background-color: #fff; box-shadow: 0 5px 25px 0 rgba(36, 8, 97, 0.16); } .new-front-diagram-card-2.full-wide { width: 100%; min-height: 250px; padding: 0px 24px 0px 40px; background-color: transparent; box-shadow: none; } .new-front-diagram-card-2.full-wide.margin { margin-top: 16px; margin-bottom: 16px; padding-top: 24px; padding-right: 16px; padding-left: 16px; } .new-front-diagram-card-2.full-wide.margin.no-bg { border-style: none; border-width: 2px; border-color: rgba(0, 0, 0, 0.09); box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.05); } .new-front-diagram-card-2.full-wide.purple { overflow: visible; box-shadow: -4px 4px 25px 0 rgba(36, 8, 97, 0.16); } .new-front-diagram-card-2.full-wide.last { padding-right: 40px; } .new-front-product-tabs-text-2 { min-height: auto; padding: 16px 48px 32px 16px; border: 1px none #d5d9e0; border-top-right-radius: 4px; border-bottom-left-radius: 0px; border-bottom-right-radius: 4px; background-color: #fff; } .new-front-product-outer-2 { overflow: hidden; padding: 64px 8px; background-color: #fff; background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .new-front-tabs-image-2 { position: relative; overflow: hidden; margin-right: 24px; margin-left: 24px; padding-top: 0px; border: 1px none #000; border-radius: 8px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.16); } .new-front-product-tabs-img { width: 24px; height: 24px; margin-right: 16px; } .new-front-product-tabs-content-2 { width: 80%; padding-left: 16px; border: 1px none #d5d9e0; text-align: center; } .new-front-product-tabs-2 { z-index: 2; display: flex; width: 100%; margin-top: 56px; } .tabs-menu-12 { display: flex; overflow: hidden; width: 20%; flex-direction: column; justify-content: flex-start; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .new-front-product-tabs-tab-2 { position: relative; z-index: 10; display: flex; padding: 20px 44px 20px 16px; align-items: center; border: 1px none #d5d9e0; background-color: #fff; opacity: 0.3; font-family: Inter, sans-serif; color: #702def; font-size: 16px; line-height: 22px; font-weight: 400; text-align: left; } .new-front-product-tabs-tab-2:hover { opacity: 1; } .new-front-product-tabs-tab-2.w--current { border-style: none; border-width: 3px 1px 1px; border-color: #252423 #d5d9e0 #d5d9e0; background-color: transparent; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63add6179a624b1d43c1e8ab_right.svg"); background-position: 95% 50%; background-size: 24px 24px; background-repeat: no-repeat; opacity: 1; font-family: Inter, sans-serif; color: #702def; font-weight: 400; text-decoration: none; } .new-front-product-tabs-tab-2.last { border-right: 1px none #d5d9e0; border-bottom-style: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .get-started-2 { position: relative; padding-top: 24px; padding-bottom: 144px; background-image: linear-gradient(0deg, #ebfdf8, #fff); } .get-started-purple { position: absolute; left: 5%; top: 0%; right: auto; bottom: auto; width: 5%; height: 100%; background-color: #4d5da7; transform: skew(-17deg, 0deg); } .get-started-purple.fourth { left: 90%; } .get-started-purple.plus-one { left: 100%; } .get-started-purple.minus-one { left: -5%; } .get-started-purple.second { left: 15%; } .get-started-purple.third { left: 80%; } .get-started-footer { margin-top: 40px; margin-bottom: -16px; font-family: Inter, sans-serif; color: hsla(0, 0%, 100%, 0.85); } .get-started-p { margin-bottom: 40px; color: #fff; font-size: 20px; line-height: 28px; font-weight: 300; } .get-started-div-2 { position: relative; display: flex; overflow: hidden; width: 1200px; max-width: 95%; margin-top: 60px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 68px; flex-direction: column; justify-content: space-between; align-items: center; border-radius: 28px; background-color: #f2fdfa; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.05); } .footer-get-started-heading { margin-bottom: 8px; color: #fff; font-size: 40px; line-height: 48px; } .div-block-98 { display: flex; margin-bottom: 40px; justify-content: space-between; } .footer-link-2 { display: block; margin: 8px auto; transition: all 200ms ease; font-family: Inter, sans-serif; color: #fff; font-size: 14px; line-height: 22px; font-weight: 400; text-align: left; text-decoration: none; } .footer-link-2:hover { color: #00ecc0; } .footer-link-2.contact { display: flex; width: 20%; margin-bottom: 0px; align-items: center; color: hsla(0, 0%, 100%, 0.85); } .footer-link-2.contact.mobile-tuning { color: #000; } .footer-logos { display: flex; width: 80%; padding-top: 8px; padding-bottom: 8px; justify-content: flex-start; align-items: center; background-color: transparent; } .footer-logo-link { margin-right: 40px; } .image-19 { max-height: 75px; background-color: transparent; } .image-19.white-bg { height: 65px; max-height: 65px; padding: 8px; border-radius: 4px; background-color: #fff; } .image-19.ger { margin-right: 16px; } .div-block-99 { display: flex; width: 66%; flex-direction: column; } .footer-text-2 { display: inline-block; font-family: Inter, sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 12px; line-height: 20px; text-align: left; } .new-front-references-2 { position: relative; max-width: 100%; margin-top: 40px; } .feature-new-tabs-tab { margin-right: 10px; margin-left: 10px; padding: 24px 20px; border-radius: 8px; background-color: hsla(0, 0%, 100%, 0.5); transition: all 300ms ease; color: rgba(5, 0, 56, 0.4); font-size: 16px; line-height: 21px; font-weight: 500; text-align: center; } .feature-new-tabs-tab:hover { padding-bottom: 24px; background-color: #fff; color: #6264a7; text-decoration: none; } .feature-new-tabs-tab.w--current { background-color: #fff; color: #050038; } .feature-new-image-img { max-height: 350px; border-radius: 4px 4px 8px 8px; box-shadow: 0 10px 30px 4px rgba(0, 0, 0, 0.15); } .feature-new-image-img.abso { position: absolute; } .feature-new-image-img.abso.framework-switch { left: auto; top: auto; right: 5%; bottom: -20%; max-width: 30%; } .feature-new-image-img.abso.edit-fields-switch { left: auto; top: 0%; right: 20%; bottom: auto; max-width: 25%; } .feature-new-image-img.abso.linkblock { left: auto; top: auto; right: 10%; bottom: -10%; max-height: 250px; } .feature-new-image-img.abso.statuses { left: 0%; top: 20%; right: 0%; bottom: auto; max-width: 100%; margin-right: auto; margin-left: auto; } .feature-new-image-img.abso.guideline-acceptance { left: auto; top: 0%; right: 5%; bottom: auto; max-width: 40%; } .feature-new-image-img.abso.guidebook-settings { left: auto; top: auto; right: 10%; bottom: 0%; max-width: 35%; } .feature-new-image-img.abso.card { left: auto; top: -25%; right: 5%; bottom: auto; max-width: 60%; } .feature-new-image-img.abso.update-data { left: 10%; top: auto; right: auto; bottom: -40%; max-width: 40%; } .feature-new-image-img.abso.report-cover { left: auto; top: -15%; right: 10%; bottom: auto; max-width: 25%; } .feature-new-image-img.abso.featured { left: auto; top: 0%; right: 0%; bottom: auto; max-width: 50%; } .feature-new-image-img.abso.doc-list { left: auto; top: auto; right: 5%; bottom: 0%; max-width: 50%; } .feature-new-image-img.abso.progress { left: auto; top: -20%; right: 5%; bottom: auto; max-width: 60%; } .feature-new-image-img.abso.progress.low { top: -20%; } .feature-new-image-img.abso.publish { left: auto; top: auto; right: 5%; bottom: -10%; max-width: 30%; } .feature-new-image-img.abso.legal-basis { left: auto; top: -10%; right: 5%; bottom: auto; max-width: 60%; } .feature-new-image-img.abso.gdpr-reports { left: auto; top: 0%; right: 0%; bottom: auto; max-width: 50%; } .feature-new-image-img.abso.guideline-status { left: auto; top: -20%; right: 0%; bottom: auto; max-width: 35%; } .feature-new-image-img.abso.treatment-method { left: auto; top: -50%; right: 5%; bottom: auto; max-width: 70%; } .feature-new-image-img.abso.task-msg { left: 25%; top: auto; right: auto; bottom: -10%; max-width: 50%; } .feature-new-image-img.abso.linked-content { left: 15%; top: auto; right: auto; bottom: -20%; max-width: 70%; } .feature-new-image-img.abso.framework-report-section { left: auto; top: -15%; right: 5%; bottom: auto; max-width: 50%; } .feature-new-image-img.abso.participants { left: 3%; top: auto; right: auto; bottom: 6%; max-width: 50%; } .feature-new-image-img.abso.add-to-team { left: auto; top: -10%; right: 5%; bottom: auto; max-width: 40%; } .feature-new-image-img.tabs-center { max-height: 500px; max-width: 90%; } .feature-new-image-img.tabs-center.abso { left: auto; top: auto; right: 20%; bottom: 0%; max-width: 40%; } .feature-new-image-img.wider { max-height: 500px; max-width: 150%; } .feature-new-image-img.wider.little { max-height: 450px; max-width: 120%; } .feature-new-text-div { width: 41.6666%; padding-right: 12px; padding-left: 12px; } .feature-new-text-div.tabs-center { width: 100%; } .feature-new-tabs-main { width: 100%; } .refs-blur-2 { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10; display: flex; width: 100%; justify-content: space-around; align-items: center; background-image: linear-gradient(180deg, #fff, transparent 63%, transparent 75%, rgba(0, 0, 0, 0.02)), url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5bc42bf65a68ee6fbd1b9edb_refs-blur.png"); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; opacity: 0; } .features-page-content { display: flex; overflow: hidden; justify-content: center; align-items: center; } .feature-new-text-title { margin-bottom: 32px; font-family: Poppins, sans-serif; font-size: 32px; line-height: 42px; font-weight: 600; } .feature-new-text-title.tabs-center { width: 740px; max-width: 100%; margin-bottom: 8px; font-size: 40px; line-height: 48px; } .feature-new-tabs { display: flex; margin-bottom: 10px; justify-content: flex-start; } .features-page { display: flex; padding-top: 80px; padding-bottom: 80px; justify-content: center; align-items: center; } .references-container { width: 1280px; max-width: 100%; padding-right: 16px; padding-left: 16px; } .feature-new-tab-pane { padding: 30px 10px 40px 30px; text-align: left; } .feature-new-image-div { position: relative; display: flex; width: 58.3333%; padding: 32px 56px; justify-content: center; align-items: center; } .feature-new-image-div.tabs { width: 100%; padding-right: 0px; padding-left: 0px; } .feature-new-image-div.wider { justify-content: flex-start; } .features-container { width: 1280px; max-width: 100%; padding-right: 16px; padding-left: 16px; } .feature-heading { font-size: 52px; line-height: 68px; } .features-breadcrumb { display: flex; margin-bottom: 24px; align-items: center; font-family: Poppins, sans-serif; color: #9fa9ba; font-size: 16px; font-weight: 400; } .feature-p-new { max-width: 60%; margin-top: 24px; margin-bottom: 32px; color: #888; font-weight: 300; } .breadcrumb-divider { margin-right: 12px; margin-left: 12px; } .feature-main-content { display: flex; width: 1280px; max-width: 100%; margin: 40px 35px 0px; padding-right: 16px; padding-left: 16px; flex-direction: column; justify-content: center; align-items: center; } .feature-new-text-p { margin-bottom: 0px; font-family: Inter, sans-serif; color: #3e4f6f; font-size: 15px; line-height: 25.6px; font-weight: 400; } .feature-new-text-p.tabs-center { width: 550px; max-width: 80%; margin-bottom: 64px; margin-left: -20px; font-family: Poppins, sans-serif; color: rgba(5, 0, 56, 0.6); font-size: 16px; line-height: 22px; font-weight: 400; text-align: left; } .cyberday-light-purple-2 { color: #6a82f5; } .references-section { display: flex; padding-top: 24px; padding-bottom: 24px; justify-content: center; align-items: stretch; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .feature { display: flex; width: 100%; margin-top: 96px; margin-bottom: 96px; justify-content: space-between; align-items: center; } .feature.tabs-center { width: 1120px; max-width: 100%; padding: 60px 60px 20px; flex-direction: column; border-radius: 16px; background-color: rgba(77, 93, 167, 0.2); } .feature.framework-intro { max-width: 80%; margin-top: 40px; margin-bottom: -16px; flex-direction: column; justify-content: center; } .feature.benefits { margin-top: 40px; margin-bottom: 40px; align-items: flex-start; } .help-page-body { background-color: #f5f5f5; } .help-section { display: flex; width: 1208px; max-width: 100%; margin-top: 32px; margin-right: auto; margin-left: auto; padding-top: 104px; padding-bottom: 104px; align-items: center; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6255171cc6f4ffb88bb4ff66_001-data-scientist.png"); background-position: 100% 50%; background-size: auto; background-repeat: no-repeat; } .help-section-text { width: 50%; } .help-section-h1 { margin-top: 0px; margin-bottom: 0px; font-family: Inter, sans-serif; font-size: 60px; line-height: 92px; font-weight: 400; } .help-section-h1.bold { margin-bottom: 32px; font-size: 84px; line-height: 92px; font-weight: 500; } .search { position: relative; display: flex; width: 400px; max-width: 90%; } .search.academy { width: 100%; max-width: none; margin-bottom: 24px; } .search.academy.full { max-width: 100%; } .search.academy.post { width: 50%; max-width: 50%; margin-bottom: 0px; } .search.academy { margin-bottom: 24px; } .search.academy.full { max-width: 100%; } .help-search { height: 50px; margin-bottom: 0px; padding: 10px 48px; border: 1px solid #c8d3da; border-radius: 12px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6255171cc6f4ff071eb4ff68_search-interface-symbol.svg"); background-position: 16px 50%; background-size: 16px 16px; background-repeat: no-repeat; font-family: Poppins, sans-serif; font-size: 18px; line-height: 30px; } .help-search.narrow { height: 40px; border-radius: 99px; } .help-search.narrow.academy { width: 100%; height: 36px; border-color: #6265a3; } .help-search.narrow { height: 40px; font-size: 14px; } .search-button { position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-right: 24px; padding-left: 24px; border-top-right-radius: 99px; border-bottom-right-radius: 99px; background-color: #6264a7; font-family: Poppins, sans-serif; } .search-button.small { padding-right: 16px; padding-left: 16px; color: #fff; } .support-new-section { width: 1208px; max-width: 100%; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 60px; } .search-results { padding-bottom: 40px; background-color: #f5f5f5; } .search-results-inner-div { display: flex; width: 1208px; max-width: 100%; margin-right: auto; margin-left: auto; align-items: stretch; } .search-sidebar { width: 30%; padding-top: 28px; padding-right: 28px; } .search-sidebar.academy { width: auto; } .search-results-div { width: 800px; max-width: 100%; margin-right: auto; margin-left: auto; padding-top: 16px; padding-bottom: 16px; } .search-results-div-inner { padding: 45px; border: 1px solid #e9e5e5; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 24px 0 rgba(63, 70, 134, 0.08); } .more-frameworks { display: block; width: 100%; padding-left: 40px; } .product-menu-link-2 { position: relative; display: flex; margin-bottom: 24px; align-items: center; border-radius: 4px; opacity: 0.85; text-decoration: none; } .product-menu-link-2:hover { opacity: 1; text-decoration: none; } .product-menu-link-2.no-icon { display: block; min-width: 80px; margin-right: 16px; margin-bottom: 4px; float: left; } .product-menu-name-2 { font-family: Poppins, sans-serif; color: #252423; font-size: 12px; } .framework-intro-heading { margin-bottom: 30px; font-size: 40px; line-height: 48px; font-weight: 300; } .framework-intro-p { font-family: Inter, sans-serif; font-size: 18px; line-height: 27px; text-align: center; } .feature-benefits-img { width: 65px; height: 65px; margin-bottom: 24px; } .feature-benefits-heading { margin-top: 0px; margin-bottom: 8px; line-height: 27px; letter-spacing: -0.5px; } .feature-benefits-div { max-width: 33%; margin-right: 24px; flex: 1; } .feature-benefits-div.last { margin-right: 0px; } .language-div { display: flex; padding: 4px 8px; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); border-radius: 3px; background-color: #fff; box-shadow: none; font-family: Poppins, sans-serif; font-size: 12px; font-weight: 300; } .language-div.footer-langs { display: block; margin-top: 16px; padding-left: 0px; border-style: none; background-color: transparent; color: #fff; } .language-webinar { display: flex; margin-right: 16px; align-items: center; } .language-webinar.no-marg { margin-right: 0px; } .language-webinar-txt { margin-right: 4px; font-family: Inter, sans-serif; color: #000; } .language-img { height: 16px; margin-right: 8px; } .heading-32 { margin-top: 0px; margin-bottom: 10px; padding-bottom: 14px; font-size: 30px; line-height: 36px; font-weight: 400; } .heading-32.search { display: inline-block; } .search-results-intro { padding-left: 24px; font-family: Inter, sans-serif; color: #585858; font-size: 14px; line-height: 21px; font-weight: 300; } .search-results-link { display: inline-block; margin-bottom: 5px; padding-left: 24px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6138a571387ca889badd2396_right-arrow%20(3).png"); background-position: -8px 50%; background-size: auto; background-repeat: no-repeat; font-size: 18px; line-height: 27px; } .product-update-outer { width: 800px; max-width: 95%; margin-right: auto; margin-bottom: 40px; margin-left: auto; padding: 20px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); } .update-tag { height: 22px; margin-right: 4px; padding: 2px 7px; border-radius: 3px; background-color: #f4f0eb; font-family: Poppins, sans-serif; font-size: 10px; line-height: 18px; font-weight: 600; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; } .div-block-101 { display: flex; margin-bottom: 8px; align-items: center; font-family: Inter, sans-serif; font-size: 13px; } .update-date { margin-bottom: 0px; font-family: Inter, sans-serif; font-size: 13px; } .product-update-heading { margin-top: 0px; margin-bottom: 22px; font-size: 26px; line-height: 32px; } .product-update { text-align: left; } .logo-webinar-image { max-width: 400px; margin-top: -16px; } .div-block-102 { display: flex; justify-content: center; } .frameworks-list { display: flex; align-items: center; } .frameworks-list.vertical { flex-direction: column; align-items: flex-start; } .frameworks-list.academy { flex-direction: column; align-items: flex-start; } .framework-tag-button { position: relative; width: 21%; margin-right: 2%; margin-bottom: 24px; margin-left: 2%; padding: 30px 16px; border-radius: 8px; background-color: #fff; box-shadow: 0 6px 6px 0 rgba(23, 7, 57, 0.05); transition: all 500ms ease; font-family: Inter, sans-serif; color: #6125ed; font-size: 18px; line-height: 30px; font-weight: 700; text-align: center; text-decoration: none; } .framework-tag-button:hover { box-shadow: 3px 2px 10px 0 rgba(78, 78, 115, 0.3); color: #3f4686; text-decoration: none; } .framework-tag-button.no-marg { margin-top: 12px; margin-bottom: 12px; } .framework-tag-button.no-marg.full-wide { display: flex; width: 100%; margin-right: 0%; margin-left: 0%; align-items: center; font-family: Inter, sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; } .div-block-103 { width: 1280px; max-width: 100%; margin-right: auto; margin-left: auto; padding-top: 64px; padding-bottom: 0px; border-top: 2px none rgba(0, 0, 0, 0.05); } .frameworks-front-section { display: flex; max-width: 100%; justify-content: space-between; align-items: center; } .frameworks-front-section.margs { margin-top: 16px; margin-bottom: 16px; } .frameworks-front-section.margs.more-bot-marg { margin-top: 24px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 56px; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .frameworks-front-section.margs.top { margin-bottom: 16px; padding-bottom: 32px; align-items: flex-start; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .frameworks-front-section.margs.top.last { padding-bottom: 0px; border-bottom-style: none; } .frameworks-text-section { display: flex; width: 40%; margin-top: 8px; padding-right: 24px; padding-left: 48px; flex-direction: column; justify-content: center; align-items: flex-start; } .frameworks-text-section.narrow { width: 40%; } .frameworks-text-section.narrow.academy { width: auto; padding-left: 0px; } .frameworks-tags-section { width: 60%; padding-right: 24px; padding-left: 24px; } .frameworks-tags-section.academy { width: 100%; padding-right: 0px; padding-left: 0px; } .text-block-41 { font-size: 18px; } .frameworks-card-footer { position: absolute; left: 0%; top: auto; right: 0%; bottom: 24px; font-size: 10px; line-height: 10px; } .footer-text-included { margin-top: -4px; padding-bottom: 4px; } .frameworks-front-heading { width: 100%; margin-bottom: 12px; text-align: left; } .frameworks-front-heading.no-marg { margin-top: 0px; margin-bottom: 0px; } .frameworks-front-heading.no-marg.absolute { position: absolute; left: 40px; top: 0%; right: auto; bottom: auto; } .frameworks-front-heading.no-marg.academy { margin-bottom: 8px; font-family: Inter, sans-serif; color: #333; font-size: 18px; line-height: 25px; font-weight: 500; } .frameworks-front-text { font-family: Inter, sans-serif; font-weight: 400; } .frameworks-front-text.no-marg.absolute { position: absolute; left: 40px; top: 30px; right: auto; bottom: auto; } .frameworks-front-text.no-marg.academy { margin-bottom: 12px; color: rgba(51, 51, 51, 0.8); font-size: 14px; line-height: 20px; } .leave-a-review { position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 99999; display: none; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.7); opacity: 0; } .review-channel-form { position: relative; max-width: 500px; padding: 24px; border-radius: 12px; background-color: #fff; box-shadow: 0 3px 16px 0 #3f4686; } .review-channel-link { display: flex; margin-top: 16px; padding: 10px; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); border-radius: 4px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6315851e617b3d484e927cd2_right-arrow.svg"); background-position: 95% 50%; background-size: 16px 16px; background-repeat: no-repeat; font-family: Inter, sans-serif; color: #000; font-weight: 500; text-decoration: none; } .review-channel-img { width: 32px; height: 32px; margin-right: 10px; border-radius: 99px; } .close-button { position: absolute; left: auto; top: 24px; right: 24px; bottom: auto; width: 24px; height: 24px; padding: 4px; } .review-form { width: 100%; max-width: 1200px; margin: 0px auto 64px; } .review-cards-bg-wrap { position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; overflow: hidden; width: 100%; margin-top: 40px; padding-top: 30px; padding-bottom: 30px; justify-content: space-between; opacity: 1; } .rateyo-wrap { display: flex; width: 100%; height: 26px; margin-bottom: 20px; flex-direction: row; justify-content: space-between; align-items: center; } .title-tag-wrap { display: flex; margin-bottom: 10px; align-items: center; } .review-text-wrap { position: relative; z-index: 10; width: 80%; } .reload-btn { display: flex; margin-top: 20px; padding-top: 6px; padding-bottom: 6px; justify-content: center; align-items: center; color: #fff; font-size: 14px; line-height: 14px; } .title-tag-tail { width: 80px; height: 1px; background-color: #75788f; } .star-icon { width: 12px; margin-right: 2px; margin-left: 2px; } .review-card { width: 31%; padding: 12px; background-color: #fff; box-shadow: 0 5px 16px 0 rgba(84, 84, 101, 0.12); } .chekbox { width: 20px; height: 20px; margin-top: 0px; margin-right: 6px; border-color: rgba(84, 84, 101, 0.34); border-radius: 2px; cursor: pointer; } .chekbox.w--redirected-checked { border-style: solid; border-color: #2c4bff; background-color: #2c4bff; } .chekbox.w--redirected-focus { border-style: solid; border-color: #2c4bff; box-shadow: none; } .success-wrap { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; padding: 24px; flex-direction: column; justify-content: center; align-items: center; } .text-link { color: #6265a3; font-weight: 700; } .text-link:hover { text-decoration: underline; } .author-job { font-size: 8px; line-height: 8px; } .author-name { font-size: 10px; line-height: 16px; font-weight: 700; } .review-author-wrap { display: flex; margin-bottom: 8px; align-items: center; } .button-5 { margin-top: 10px; padding: 16px 32px; border-radius: 4px; background-color: #2c4bff; box-shadow: 0 6px 12px 0 rgba(44, 75, 255, 0.24); transition: box-shadow 400ms ease, transform 400ms ease, color 400ms ease, background-color 400ms ease; font-size: 16px; line-height: 16px; font-weight: 600; } .button-5:hover { background-color: #4f67f5; box-shadow: 0 6px 12px 0 rgba(44, 75, 255, 0.12); transform: translate(0px, -3px); } .button-5.submit-btn { background-color: #6265a3; box-shadow: 0 6px 12px 0 rgba(44, 75, 255, 0.12); font-family: Poppins, sans-serif; } .rev-section-title { margin-bottom: 20px; } .error-text { color: #fc4e4e; font-size: 14px; line-height: 24px; } .star-wrap { display: flex; margin-bottom: 5px; justify-content: flex-start; align-items: center; } .rev-left-pane { position: relative; display: flex; width: 60%; padding-right: 60px; flex-direction: column; justify-content: center; align-items: flex-start; } .input-field { height: 50px; border: 1px none #000; border-radius: 4px; box-shadow: inset 0 0 0 1px #e4e5e9; color: #475059; } .input-field:hover { box-shadow: inset 0 0 0 1px #00ae42; } .input-field:focus { box-shadow: inset 0 0 0 2px #00ae42; } .input-field::-moz-placeholder { color: #879099; } .input-field::-ms-input-placeholder { color: #879099; } .input-field::placeholder { color: #879099; } .input-field.review-field { background-color: transparent; box-shadow: inset 0 0 0 1px #555f68; color: #dce3e9; } .input-field.review-field:hover { box-shadow: inset 0 0 0 1px #00ae42; } .input-field.review-field:focus { box-shadow: inset 0 0 0 2px #00ae42; } .input-field.review-field.review-upload { border-style: dashed; border-color: #555f68; box-shadow: none; } .input-field.review-field.review-upload.hide { display: none; margin-bottom: 20px; } .input-field.rate-field { display: none; } .refresh-text { margin-top: 20px; font-family: Poppins, sans-serif; line-height: 14px; } .success-message { position: relative; min-height: 400px; background-color: #6265a3; color: #fff; } .text-area { min-height: 120px; } .text-area.rev-input-field { min-height: 100px; font-family: Poppins, sans-serif; } .error-message { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent; color: #db1111; font-weight: 600; } .input-flex { display: flex; justify-content: space-between; align-items: center; } .refresh-icon { width: 20px; height: 20px; margin-right: 10px; } .review-card-title { margin-bottom: 4px; font-weight: 700; } .legal-check-text { margin-bottom: 0px; font-size: 12px; line-height: 12px; font-weight: 400; } .animated-check { margin-bottom: 20px; background-color: transparent; } .success-title { font-size: 36px; line-height: 42px; font-weight: 700; text-align: center; } .rev-right-pane { position: relative; z-index: 20; display: flex; width: 40%; justify-content: flex-start; align-items: center; } .rev-input-label { font-family: Poppins, sans-serif; color: #545465; font-size: 14px; font-weight: 600; } .review-card-text { font-size: 9px; line-height: 17px; } .review-wrap { display: flex; padding-bottom: 80px; justify-content: space-between; flex-wrap: wrap; align-items: stretch; } .review-form-2 { width: 100%; } .fade-bar { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; z-index: 10; display: flex; width: 90px; height: 20px; margin-left: 145px; padding-left: 16px; align-items: center; background-image: linear-gradient(90deg, rgba(251, 251, 255, 0), #fff 5%, #fff); } .rev-cards-gradient-overlay { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 84.7%, 0) 31%, hsla(0, 0%, 88%, 0) 66%, #fff), linear-gradient(90deg, #fff, hsla(0, 0%, 87.8%, 0.14) 16%, hsla(0, 0%, 86%, 0) 62%, #fff 83%); } .rev-input-field { height: auto; margin-bottom: 20px; padding: 16px; border-style: solid; border-width: 0.5px; border-color: rgba(117, 120, 143, 0.24); border-radius: 4px; box-shadow: inset 0 0 0 0.5px rgba(44, 75, 255, 0.06); font-family: Poppins, sans-serif; color: #545465; font-size: 16px; line-height: 18px; font-weight: 300; } .rev-input-field:focus { border-color: #2c4bff; box-shadow: inset 0 0 0 1px #2c4bff; } .rev-input-field::-moz-placeholder { color: rgba(84, 84, 101, 0.7); } .rev-input-field::-ms-input-placeholder { color: rgba(84, 84, 101, 0.7); } .rev-input-field::placeholder { color: rgba(84, 84, 101, 0.7); } .rev-input-field.input-split { width: 48%; } .rev-input-field.display-none { display: none; } .review-form-block { position: relative; z-index: 10; display: flex; width: 100%; max-width: 700px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 48px; flex-direction: column; border-radius: 12px; background-color: #fff; box-shadow: 0 8px 24px 0 rgba(43, 42, 53, 0.16); } .title-tag { margin-right: 0px; color: #75788f; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .review-author { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; } .form-legal-check { display: flex; margin-bottom: 20px; align-items: center; font-family: Poppins, sans-serif; } .akatemia-tag { margin-bottom: 12px; padding: 5px 16px; border: 1px solid #6265a3; border-radius: 99px; background-color: rgba(98, 100, 167, 0.1); box-shadow: none; font-family: Inter, sans-serif; color: #6265a3; font-size: 12px; line-height: 17px; font-weight: 500; } .academy-section { display: flex; width: 1200px; margin-right: auto; margin-left: auto; padding-top: 56px; padding-bottom: 50px; flex-direction: column; justify-content: center; align-items: center; } .academy-content { display: flex; width: 800px; max-width: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start; } .academy-front-content { width: 1080px; max-width: 95%; } .academy-content-section { display: flex; padding-top: 16px; padding-bottom: 16px; justify-content: center; align-items: center; background-color: #f5f5f5; } .academy-menu { padding: 16px 0px 8px; border-right: 1px solid rgba(0, 0, 0, 0.06); background-color: #fafafa; } .academy-menu.new { width: 100%; background-color: transparent; } .academy-content-column { width: 70%; padding-top: 28px; padding-left: 32px; } .academy-content-card { padding: 45px; border: 1px solid #e9e5e5; border-radius: 4px; background-color: #fff; } .chapter-rich-text { margin-top: 24px; margin-bottom: 40px; } .chapter-rich-text strong { font-weight: 600; } .chapter-rich-text h4 { font-family: Inter, sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; } .chapter-rich-text p { font-family: Inter, sans-serif; font-size: 18px; line-height: 29px; font-weight: 300; } .chapter-rich-text h3 { margin-top: 16px; line-height: 32px; } .chapter-rich-text img { border-radius: 12px; box-shadow: 0 3px 16px 0 rgba(78, 78, 115, 0.4); } .chapter-rich-text figcaption { margin-top: 12px; font-family: Inter, sans-serif; color: #252423; line-height: 21px; } .chapter-rich-text figure { margin-top: 16px; margin-bottom: 16px; } .chapter-rich-text h6 { margin-top: 16px; margin-bottom: 16px; padding: 16px 16px 16px 56px; border-left: 3px solid #3086eb; border-radius: 2px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/632db91c4d040e126b7f9cb8_information-button.png"); background-position: 16px 50%; background-size: 24px 24px; background-repeat: no-repeat; box-shadow: 0 3px 16px 0 rgba(63, 70, 134, 0.12); font-family: Inter, sans-serif; color: #666; font-size: 12px; font-weight: 400; } .chapter-rich-text blockquote { margin-top: 16px; margin-bottom: 16px; padding: 16px 16px 16px 56px; border-left-width: 3px; border-left-color: #ffbf20; border-radius: 2px; background-color: #fff; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/632dbabf2ae96ad641fe979d_attention-sign.png"); background-position: 16px 50%; background-size: 24px 24px; background-repeat: no-repeat; box-shadow: 0 3px 16px 0 rgba(63, 70, 134, 0.12); font-family: Inter, sans-serif; color: #666; font-size: 12px; line-height: 18px; font-weight: 300; } .chapter-rich-text ul { margin-top: 16px; margin-bottom: 16px; } .chapter-rich-text.academy { margin-top: 0px; margin-bottom: 32px; } .chapter-rich-text.academy li { font-family: Inter, sans-serif; font-size: 18px; line-height: 29px; font-weight: 300; } .chapter-rich-text.academy h2 { font-family: Inter, sans-serif; color: #333; font-size: 24px; line-height: 30px; } .chapters-empty { padding: 0px; background-color: transparent; } .academy-menu-heading { margin-top: 0px; margin-bottom: 0px; font-family: Inter, sans-serif; color: #252423; font-size: 14px; line-height: 14px; font-weight: 400; } .academy-menu-heading.current { margin-bottom: 0px; color: #6265a3; font-size: 14px; font-weight: 400; } .academy-menu-heading.series { font-size: 16px; line-height: 16px; font-weight: 600; } .academy-play-webinar-icon { width: 16px; height: 16px; margin-right: 8px; } .academy-full-webinar-link { display: flex; margin-top: 16px; padding-left: 24px; align-items: center; font-family: Inter, sans-serif; color: #333; text-decoration: none; } .webinar-chapters { overflow: hidden; height: 0px; margin-top: 16px; margin-bottom: 8px; padding-left: 0px; } .webinar-chapter-link { display: flex; height: 40px; margin-top: 4px; margin-bottom: 4px; padding-left: 48px; align-items: center; font-family: Inter, sans-serif; color: #333; text-decoration: none; } .webinar-chapter-link:hover { color: #6265a3; text-decoration: none; } .webinar-chapter-link.w--current { border-right: 3px solid #000; background-color: rgba(98, 100, 167, 0.1); color: #6265a3; } .webinar-chapter-link.video { padding-left: 64px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63295db5d1acbff81858e5ec_play.png"); background-position: 40px 50%; background-size: 16px 16px; background-repeat: no-repeat; } .webinar-chapter-link.video:hover { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63295dd2ac0c442a2731f5e9_play%20(1).png"); } .webinar-chapter-link.video.front { height: auto; min-height: 40px; margin-top: 0px; margin-bottom: 16px; padding-left: 0px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63886d941f38e4183710af55_play-cricle.svg"); background-position: 100% 50%; background-size: 32px 32px; } .webinar-chapter-link.video.front.small-height { min-height: 32px; margin-bottom: 8px; } .webinar-chapter-link.video.front.small-height.w--current { margin-left: -4px; padding: 8px 0px 8px 8px; border-right-style: none; border-radius: 8px; background-position: 99% 50%; } .webinar-chapter-link.article { overflow: hidden; height: auto; max-height: 68px; margin-top: 8px; margin-bottom: 8px; padding-top: 4px; padding-bottom: 4px; padding-left: 64px; align-items: flex-start; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/632961e3012402f933a3e452_article.png"); background-position: 40px 50%; background-size: 16px 16px; background-repeat: no-repeat; } .webinar-chapter-link.article:hover { background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/632961f71bb79421b94e8f46_article%20(1).png"); } .webinar-chapter-link.article.current { max-height: 68px; padding-top: 4px; padding-bottom: 4px; border-right: 3px solid #6265a3; background-color: rgba(98, 100, 167, 0.1); } .webinar-chapter-link.article.front.blog { height: auto; max-height: none; min-height: 40px; margin-top: 0px; margin-bottom: 16px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; align-items: center; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63886d931c5ad84b31bb5e19_message-circle%201.svg"); background-position: 100% 50%; background-size: 32px 32px; } .webinar-chapter-link.article.front.blog.w--current { padding-left: 8px; border-right-style: none; border-radius: 4px; background-position: 99% 50%; } .webinar-chapter-link.article.front.blog.small-height { min-height: 32px; margin-bottom: 8px; } .webinar-chapter-link.help { height: auto; max-height: 68px; min-height: 40px; padding-top: 4px; padding-bottom: 4px; padding-left: 64px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/6329623e8a18b27a9b660a2b_help.png"); background-position: 40px 50%; background-size: 16px 16px; background-repeat: no-repeat; } .webinar-chapter-link.help.current { border-right: 3px solid #6265a3; background-color: rgba(98, 100, 167, 0.1); } .webinar-chapter-link.help.front { max-height: none; min-height: auto; margin-top: 0px; margin-bottom: 16px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63886d931c5ad8263fbb5e24_document%201.svg"); background-position: 100% 50%; background-size: 28px 32px; } .webinar-chapter-link.help.front.small-height { min-height: 32px; margin-bottom: 8px; } .webinar-chapter-link.help.front.small-height.w--current { padding-right: 4px; padding-left: 4px; border-right-style: none; border-radius: 4px; background-position: 99% 50%; } .webinar-chapter-link.show-all { height: 24px; margin-top: 8px; margin-bottom: -8px; padding-left: 64px; color: rgba(51, 51, 51, 0.75); } .webinar-chapter-link.show-all:hover { color: #6265a3; } .chapter-heading { margin-top: 0px; } .chapter-heading.academy { margin-bottom: 32px; font-family: Inter, sans-serif; color: #333; font-size: 24px; line-height: 30px; } .single-webinar-chapters { margin-bottom: 0px; } .div-block-104 { display: flex; overflow: hidden; width: 50%; max-height: 50px; max-width: 50%; margin-bottom: 0px; padding-right: 24px; font-family: Inter, sans-serif; font-size: 12px; } .div-block-104.academy { max-height: 20px; margin-bottom: 0px; } .collection-item-3 { margin-top: 16px; margin-bottom: 8px; padding-left: 24px; } .collection-list-wrapper-3 { margin-top: 8px; margin-bottom: 16px; } .collection-list-wrapper-3.inner { margin-bottom: 0px; } .collection-list-wrapper-3.inner-inner { margin-top: 0px; margin-bottom: 0px; } .collection-list-wrapper-3.last { margin-top: 0px; } .menu-top-stuff { position: relative; display: flex; padding: 8px 34px 8px 32px; align-items: center; cursor: pointer; } .menu-top-stuff.series { padding-top: 8px; padding-bottom: 8px; padding-left: 24px; } .academy-menu-heading-img { position: absolute; right: 16px; width: 12px; height: 12px; transform: rotate(90deg); } .academy-menu-heading-img.current { width: 13px; height: 13px; transform: rotate(180deg); } .academy-menu-heading-img.open { transform: rotate(-90deg); } .text-block-42 { padding-right: 40px; line-height: 20px; } .text-block-42.article { line-height: 20px; } .blog-top-heading { margin-top: 0px; margin-bottom: 32px; font-family: Inter, sans-serif; color: #333; font-size: 24px; line-height: 30px; } .academy-content-full-list { display: none; } .framework-series-coll-list { width: 46%; margin-right: 2%; margin-left: 2%; } .academy-front-link { text-decoration: none; } .blog-collection-empty { display: none; background-color: transparent; } .help-collection-empty { display: none; background-color: transparent; } .webinars-empty-state { display: none; } .support-options-section { position: relative; display: flex; width: 100%; margin-bottom: 40px; padding-top: 80px; padding-right: 40px; padding-left: 40px; justify-content: space-between; } .support-option-div { position: relative; display: flex; overflow: hidden; width: 30%; padding: 30px 24px 16px; flex-direction: column; align-items: flex-start; border-radius: 8px; background-color: #fff; box-shadow: 0 4px 10px 0 rgba(78, 78, 115, 0.15); text-decoration: none; } .support-option-div:hover { text-decoration: none; } .support-option-text { margin-bottom: 16px; font-family: Inter, sans-serif; color: rgba(51, 51, 51, 0.8); font-size: 14px; line-height: 20px; } .support-option-img { position: absolute; left: auto; top: auto; right: -8px; bottom: -16px; width: 80px; height: 80px; margin-bottom: 8px; } .support-option-heading { margin-bottom: 8px; font-family: Inter, sans-serif; color: #333; font-size: 18px; line-height: 25px; font-weight: 500; } .support-option-heading.pointer { margin-right: -8px; margin-left: -8px; padding: 4px 8px; border-radius: 4px; background-image: none; background-size: auto; background-repeat: repeat; cursor: pointer; } .support-option-heading.pointer:hover { background-color: #f2f2f2; } .support-option-button { display: flex; padding: 0px; align-items: center; background-color: transparent; transition: all 200ms ease; font-family: Inter, sans-serif; color: #6265a3; font-size: 16px; line-height: 24px; font-weight: 500; } .support-option-button:hover { background-position: 98% 0%; } .support-option-link { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; } .support-option-button-img { width: 16px; height: 16px; margin-left: 12px; } .support-option-button-txt { font-weight: 500; } .feedback-radio-div-2 { position: relative; display: inline-block; width: 35px; height: 35px; margin-right: 5px; margin-left: 5px; } .feedback-radio-2 { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; display: inline-block; width: 35px; height: 35px; padding-left: 0px; } .feedback-form-2 { padding-top: 32px; padding-bottom: 0px; border-style: solid none none; border-width: 1px; border-color: #e9e5e5 #000 #ccc; text-align: center; } .html-embed-6 { width: 96%; margin-bottom: 32px; } .academy-main-card { display: flex; width: 67.5%; padding: 32px; flex-direction: column; align-items: flex-start; border: 1px solid #e8ebf8; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 24px 0 rgba(63, 70, 134, 0.08); } .academy-main-card.small { overflow: visible; width: 32.5%; } .academy-main-card.support { position: relative; overflow: hidden; text-decoration: none; } .academy-main-card.full { width: 100%; margin-bottom: 24px; } .academy-outer { display: flex; width: 1088px; max-width: 100%; margin: 0px auto 24px; justify-content: flex-start; grid-column-gap: 24px; grid-row-gap: 24px; } .academy-outer.space-between { justify-content: flex-start; grid-column-gap: 24px; grid-row-gap: 24px; } .framework-button-icon { width: 24px; height: 24px; margin-right: 8px; } .academy-link { display: flex; margin-bottom: 12px; font-family: Inter, sans-serif; text-decoration: none; } .academy-link:hover { text-decoration: underline; } .div-block-105 { position: relative; padding-bottom: 8px; } .academy-show-all-link { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; font-family: Inter, sans-serif; line-height: 25px; font-weight: 500; text-decoration: none; } .academy-content-full-list-videos { display: none; } .academy-content-full-list-blogs { display: none; } .academy-content-full-list-helps { display: none; } .academy-body { background-color: #f5f5f5; } .academy-bg { margin-top: 0px; padding-top: 16px; background-color: #f5f5f5; } .top-section { display: flex; width: 100%; margin-bottom: 32px; align-items: center; } .academy-menu-heading-2 { margin-top: 0px; margin-bottom: 0px; font-family: Inter, sans-serif; color: #252423; font-size: 14px; line-height: 14px; font-weight: 400; } .academy-menu-heading-2.current { margin-bottom: 0px; color: #6264a7; font-size: 14px; font-weight: 400; } .academy-menu-heading-2.series { font-size: 16px; line-height: 16px; font-weight: 600; } .div-block-106 { width: 100%; } .support-option-text-2 { margin-bottom: 16px; font-family: Inter, sans-serif; color: rgba(51, 51, 51, 0.8); font-size: 14px; line-height: 20px; } .ask-via-chat { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 5; display: none; min-width: 250px; padding: 8px; align-items: center; border-radius: 24px 24px 24px 0px; background-color: #fff; box-shadow: 0 3px 24px 0 rgba(77, 93, 167, 0.24); opacity: 0; color: rgba(51, 51, 51, 0.8); font-size: 14px; line-height: 22px; } .support-option-button-2 { position: relative; display: flex; padding: 0px; align-items: center; background-color: transparent; transition: all 200ms ease; font-family: Inter, sans-serif; color: #6264a7; font-size: 16px; line-height: 24px; } .support-option-button-2:hover { background-position: 98% 0%; } .academy-main-card-2 { display: flex; width: 67.5%; padding: 32px; flex-direction: column; align-items: flex-start; border: 1px solid #e8ebf8; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 24px 0 rgba(63, 70, 134, 0.08); } .academy-main-card-2.support { position: relative; overflow: hidden; text-decoration: none; } .open-fullscreen-link { margin-top: -16px; margin-bottom: 16px; padding-right: 0px; padding-left: 24px; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/63a410e63e3a40bf104fc420_open.svg"); background-position: 0% 50%; background-size: 16px 16px; background-repeat: no-repeat; opacity: 0.8; cursor: pointer; } .open-fullscreen-link:hover { opacity: 1; } .inner-container-3 { position: relative; z-index: 2; display: flex; width: 1180px; max-width: 95%; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .subpage-row-inner-2 { display: flex; width: 100%; padding-top: 24px; justify-content: space-between; align-items: flex-start; } .subpage-row-inner-2.more-marg { margin-top: 40px; } .subpage-row-inner-2.more-marg.align-top { margin-top: 0px; } .subpage-row-section-2 { padding-top: 80px; padding-bottom: 100px; border-top: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.09); background-color: #f2f4fa; } .subpage-row-section-2.white { padding-top: 80px; padding-bottom: 80px; border-top-style: none; background-color: #fff; } .subpage-row-section-2.white.team-page { border-top-style: solid; background-color: #f2f4fa; } .subpage-row-column-2 { display: flex; width: 31%; padding-right: 24px; flex-direction: column; align-items: flex-start; text-decoration: none; } .subpage-row-column-2:hover { text-decoration: none; } .subpage-row-column-2.center { width: 25%; padding-right: 16px; padding-left: 16px; justify-content: center; align-items: center; } .subpage-row-column-2.narrow { width: 21%; height: 150px; margin-right: 1%; margin-left: 1%; padding-right: 1%; padding-left: 1%; justify-content: flex-end; align-items: center; } .subpage-row-column-2.narrow.mobile-wide.auto-height { height: auto; } .memberships-and-certs-img { max-height: 100px; margin-bottom: 16px; } .main-button { display: flex; padding: 8px 22px; border-radius: 10px; background-image: linear-gradient(0deg, #6400d9, #451aed); font-family: Inter, sans-serif; color: #fff; line-height: 22px; text-decoration: none; } .main-button:hover { text-decoration: none; } .main-button.big { padding-top: 12px; padding-bottom: 12px; font-size: 16px; line-height: 24px; } .main-button.big.secondary { border: 1px solid #5e05dd; background-color: #fff; background-image: none; color: #000; } .main-button.big.secondary.left-marg { margin-left: 16px; } .main-button.big.secondary.center { width: 100%; margin-top: 48px; justify-content: center; align-items: center; } .main-button.big.secondary.trial { max-width: 250px; margin-right: auto; margin-left: auto; padding-top: 8px; padding-bottom: 8px; justify-content: center; } .main-button.max-width { max-width: 202px; margin-right: auto; margin-left: auto; } .main-button.margins { margin-right: 8px; margin-left: 8px; } .main-button.margins.secondary { border: 1px solid #5e05dd; background-color: transparent; background-image: none; color: #000; } .main-button.absolute { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; } .main-button.header-section { padding: 6px 16px; align-items: center; border-radius: 6px; background-image: linear-gradient(135deg, #686fff, #6265a3); line-height: 20px; } .main-button.header-section:hover { opacity: 0.85; } .main-button.header-section.secondary { margin-left: 8px; padding: 6px 16px; align-items: center; border-style: solid; border-width: 1px; border-color: #6265a3; background-image: none; box-shadow: none; color: #6264a7; } .main-button.header-section.secondary:hover { background-color: #f5f5f5; opacity: 1; } .main-button.header-section.secondary.tertiary { margin-left: 0px; padding-right: 0px; border-style: none; } .main-button.header-section.secondary.tertiary:hover { background-color: transparent; text-decoration: underline; } .main-button.header-section.book-a-meeting { position: absolute; left: auto; top: 24px; right: 24px; bottom: auto; opacity: 0; } .main-button-arrow { max-width: 17px; margin-left: 8px; } .purple-gradient-text { background-image: linear-gradient(0deg, #4917eb, #893bf1); font-family: Inter, sans-serif; color: transparent; font-weight: 700; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .div-block-107 { background-image: linear-gradient(0deg, #ede8fe, transparent); } .top-border { position: absolute; left: 56px; top: 82px; right: 0%; bottom: auto; width: 100%; height: 1px; margin-right: auto; margin-left: auto; background-color: rgba(69, 44, 209, 0.3); } .gradient-ball { position: absolute; left: auto; top: auto; right: -200px; bottom: -300px; z-index: 1; width: 548px; height: 548px; border-radius: 548px; background-image: radial-gradient(circle farthest-corner at 50% 50%, #4c15e9, rgba(76, 21, 233, 0) 71%); opacity: 0.2; } .gradient-ball.green { left: 120px; top: auto; right: auto; bottom: -140px; width: 340px; height: 340px; background-color: transparent; background-image: linear-gradient(86deg, #a8ffa4 15%, #00ecc0 84%); filter: blur(34px); } .gradient-ball.green.big { left: auto; top: -300px; right: -250px; bottom: auto; width: 614px; height: 614px; } .gradient-ball.green.big.product { top: 100px; z-index: 0; } .gradient-ball.green.big.get-started { left: -100px; top: -100px; right: auto; bottom: auto; width: 400px; height: 200px; } .gradient-ball.product { left: auto; top: 0%; right: -100px; bottom: auto; } .gradient-ball.dark { left: auto; top: auto; right: 0%; bottom: -150px; opacity: 0.8; } .gradient-ball.front-hero { left: auto; top: -50px; right: -250px; bottom: auto; width: 900px; height: 900px; max-width: none; border-radius: 900px; background-image: repeating-linear-gradient(189deg, #00ecc0, #00ecc0 15%, #4547a6 39%, #5c07df 93%); opacity: 1; } .main-button-img { width: 16px; height: 16px; margin-left: 4px; } .div-block-108 { display: flex; } .footer-logo { max-height: 36px; margin-top: -8px; } .text-block-43 { text-align: left; } .price-subtext { font-family: Inter, sans-serif; color: #222236; text-align: center; } .div-block-109 { position: relative; } .two-line { margin-bottom: -8px; line-height: 18px; } .image-20 { max-width: none; } .policy-top-section { position: relative; display: none; padding-top: 60px; padding-bottom: 60px; flex-direction: column; justify-content: center; align-items: center; background-color: #f5f5f5; } .policy-top-section-end { position: absolute; left: 0%; top: auto; right: 0%; bottom: -100px; height: 100px; border-style: solid solid none none; border-width: 100px 1500px; border-color: #3f4686 transparent; } .policy-content { width: 1104px; max-width: 95%; border-radius: 8px; background-color: #fff; box-shadow: 0 4px 24px 0 rgba(85, 88, 175, 0.15); } .policy-heading { display: flex; width: 1104px; max-width: 95%; padding-bottom: 24px; justify-content: space-between; border-bottom: 2px none #d2e3fb; } .policy-title { display: flex; justify-content: center; align-items: center; } .policy-actions { display: flex; } .policy-img { width: 32px; height: 32px; margin-right: 12px; } .policy-heading-txt { margin-top: 0px; margin-bottom: 0px; font-family: Inter, sans-serif; color: #333; font-size: 30px; line-height: 36px; font-weight: 500; } .policy-heading-txt.end { margin-left: 8px; } .main-button-image { width: 20px; height: 20px; margin-right: 8px; margin-left: -4px; } .policy-main-section { margin-top: 0px; } .policy-content-heading { margin-bottom: 0px; font-family: Inter, sans-serif; color: #333; font-size: 22px; font-weight: 600; } .policy-content-rich-text { padding-bottom: 0px; } .policy-content-rich-text p { font-family: Inter, sans-serif; line-height: 22px; } .policy-content-rich-text li { font-family: Inter, sans-serif; color: #333; font-size: 16px; line-height: 22px; } .policy-content-item { display: flex; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding: 32px 32px 0px; align-items: flex-start; border-bottom: 1px none hsla(0, 0%, 76.1%, 0.5); } .policy-content-item.suggestion { position: relative; z-index: 2; margin-top: -1px; margin-bottom: 1px; background-color: #f5f5f5; } .policy-content-linked-reqs { margin-bottom: 12px; font-family: Inter, sans-serif; font-size: 14px; line-height: 20px; font-weight: 700; } .linked-requirement-txt { margin-bottom: 8px; margin-left: 2.5px; font-family: Inter, sans-serif; font-weight: 400; } .linked-requirement-txt.no-margin { margin-left: 0px; color: #6265a3; font-weight: 500; } .linked-requirement-txt.one-line { overflow: hidden; max-height: 20px; } .div-block-110 { display: flex; } .no-empty-state { display: none; } .booking-header { margin-top: 32px; } .meeting-types-list { margin-top: 32px; } .meeting-type { position: relative; display: flex; margin-bottom: 16px; padding: 24px 96px 24px 24px; align-items: flex-start; border-style: solid; border-width: 1px; border-color: rgba(98, 101, 163, 0.3); border-radius: 8px; background-image: none; background-size: auto; background-repeat: repeat; box-shadow: 0 2px 5px 0 rgba(98, 100, 167, 0); transition: all 200ms ease; color: #333; text-decoration: none; } .meeting-type:hover { border-color: #6265a3; box-shadow: 0 3px 10px 0 rgba(98, 100, 167, 0.4); text-decoration: none; } .meeting-icon { display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #6265a3; border-radius: 99px; background-color: transparent; background-image: none; } .meeting-details { padding-left: 16px; flex: 1; } .meeting-type-outer { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2; } .meeting-type-inner { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 3; } .booking-type-heading { margin-top: 0px; margin-bottom: 4px; font-family: Inter, sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; } .booking-type-text { font-family: Inter, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; } .meeting-type-icon { width: 32px; height: 32px; } .segment-tag { display: inline-block; margin-top: 12px; margin-right: 8px; padding: 2px 12px; border-style: solid; border-width: 1px; border-color: rgba(144, 146, 176, 0.3); border-radius: 999px; background-color: rgba(232, 235, 248, 0.3); } .segment-tag-text { font-size: 10px; line-height: 14px; } .policy-templates-hero { display: flex; padding-top: 40px; padding-bottom: 40px; justify-content: center; align-items: center; } .policy-templates-hero-content { display: flex; width: 900px; max-width: 95%; flex-direction: column; justify-content: center; align-items: center; font-family: Inter, sans-serif; color: #333; text-align: center; } .policy-templates-h1 { margin-top: 16px; margin-bottom: 16px; font-family: Inter, sans-serif; color: #000; font-size: 48px; line-height: 60px; font-weight: 400; } .text-block-44 { max-width: 75%; line-height: 21px; } .image-22 { max-height: 64px; max-width: 64px; } .policy-templates-list { display: flex; padding-top: 32px; padding-bottom: 32px; justify-content: center; align-items: center; background-color: #f5f5f5; } .policy-templates-list-div { display: -ms-grid; display: grid; width: 1104px; max-width: 100%; grid-auto-columns: 1fr; grid-column-gap: 24px; grid-row-gap: 24px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .policy-template-card { display: inline-block; width: 540px; border-radius: 12px; background-color: #fff; box-shadow: 0 3px 16px 0 rgba(78, 78, 115, 0.12); transition: all 400ms ease; cursor: pointer; } .policy-template-card:hover { box-shadow: 0 3px 16px 0 rgba(78, 78, 115, 0.4); } .policy-template-card-header { display: flex; padding: 16px 32px; align-items: center; border-bottom: 1px solid #e8ebf8; background-color: rgba(232, 235, 248, 0.3); } .policy-template-card-info { padding: 24px 32px; } .policy-template-card-heading { margin-top: 0px; margin-bottom: 10px; font-family: Inter, sans-serif; color: #6264a7; font-size: 18px; line-height: 27px; font-weight: 500; } .policy-template-card-text { font-family: Inter, sans-serif; line-height: 21px; } .policy-template-card-icon-box { display: flex; width: 33px; height: 33px; margin-right: 8px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #6265a3; border-radius: 4px; } .policy-card-header-theme { margin-bottom: 0px; font-family: Roboto, sans-serif; color: #6265a3; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase; } .policy-template-card-footer { padding-right: 32px; padding-bottom: 16px; padding-left: 32px; } .policy-template-card-tag { display: inline-block; margin-right: 4px; margin-bottom: 4px; padding: 2px 12px; border-style: solid; border-width: 1px; border-color: rgba(144, 146, 176, 0.3); border-radius: 999px; background-color: rgba(232, 235, 248, 0.1); font-family: Inter, sans-serif; color: grey; font-size: 10px; line-height: 14px; font-weight: 500; } .policy-content-info { width: 736px; max-width: 75%; margin-right: 24px; } .policy-content-card { padding: 32px; flex: 1; border: 1px solid #e8ebf8; border-radius: 8px; box-shadow: 0 3px 24px 0 rgba(78, 78, 115, 0.08); } .policy-header { display: flex; width: 1104px; max-width: 95%; margin-bottom: 32px; font-family: Inter, sans-serif; } .breadcrumb-arrow { margin-right: 4px; margin-left: 4px; } .bold-purple { color: #6265a3; font-weight: 700; } .policy-intro-text { display: block; width: 1104px; max-width: 95%; margin-bottom: 32px; font-family: Inter, sans-serif; line-height: 24px; } .policy-intro-text.less-marg { margin-bottom: 16px; } .text-block-45 { display: inline-block; margin-left: 4px; white-space: pre-wrap; } .text-block-46 { display: inline-block; white-space: break-spaces; } .text-block-46.medium { font-weight: 500; } .collection-item-4 { display: inline-block; } .collection-list-6 { display: inline-block; border-right: 5px none #000; } .policy-button { display: flex; width: 100%; height: 36px; justify-content: center; align-items: center; border-radius: 4px; background-color: #2fb15b; color: #fff; text-align: center; text-decoration: none; } .policy-button:hover { text-decoration: none; } .policy-button.not-relevant { border: 1px solid #ff3f3f; background-color: transparent; color: #ff3f3f; } .or-block { display: flex; height: 20px; margin-top: 8px; margin-bottom: 8px; justify-content: space-between; align-items: center; font-family: Inter, sans-serif; color: grey; } .or-border { width: 40%; height: 1px; background-color: grey; } .assurance-info { margin-top: 24px; } .policy-heading-block { display: flex; margin-bottom: 24px; align-items: center; } .policy-heading-number { display: flex; height: 30px; margin-right: 8px; padding: 4px 10px; align-items: center; border: 1px solid #6265a3; border-radius: 8px; background-color: rgba(98, 101, 163, 0.1); font-family: Inter, sans-serif; font-size: 16px; line-height: 22px; font-weight: 600; } .div-block-111 { display: flex; padding-bottom: 32px; align-items: flex-start; flex: 1; border-bottom: 1px solid hsla(0, 0%, 76.1%, 0.5); } .policy-heading-icon { width: 16px; height: 16px; margin-left: 4px; } .policy-topic-tags { display: flex; width: 1104px; max-width: 95%; padding-bottom: 24px; } .policy-topic-tag { display: inline-block; margin-right: 8px; padding: 4px 16px; border-radius: 9999px; background-color: #6265a3; font-family: Inter, sans-serif; color: #fff; font-weight: 400; } .policy-topic-tag.not-selected { display: flex; align-items: center; border: 1px solid #6265a3; background-color: #fff; color: #6265a3; } .collection-list-wrapper-4 { display: inline-block; } .collection-list-7 { display: flex; align-items: center; } .policy-topic-tag-icon { width: 16px; height: 16px; margin-right: 4px; } .calendar-icon-16 { width: 16px; height: 16px; margin-left: 8px; } .calendar-icon-16.login { margin-left: 4px; } .book-a-meeting-heading { font-family: Inter, sans-serif; font-size: 32px; line-height: 40px; font-weight: 600; } html.w-mod-js *[data-ix="wait-1-5s"] { opacity: 0; } html.w-mod-js *[data-ix="load-1"] { opacity: 0; } html.w-mod-js *[data-ix="load-2"] { opacity: 0; } html.w-mod-js *[data-ix="load-3"] { opacity: 0; } html.w-mod-js *[data-ix="load-4"] { opacity: 0; } html.w-mod-js *[data-ix="fade-in-on-scroll"] { opacity: 0; transform: translate(0px, 10px); } html.w-mod-js *[data-ix="fade-scroll-into-1"] { opacity: 0; } html.w-mod-js *[data-ix="fade-scroll-into-1-5"] { opacity: 0; } html.w-mod-js *[data-ix="fade-scroll-into-2"] { opacity: 0; } html.w-mod-js *[data-ix="fade-scroll-into-3"] { opacity: 0; } html.w-mod-js *[data-ix="fade-scroll-into-4"] { opacity: 0; } html.w-mod-js *[data-ix="show-tooltip"] { opacity: 0; } html.w-mod-js *[data-ix="load-page-smoothly"] { opacity: 0; } @media screen and (max-width: 991px) { .header { position: relative; z-index: 200; border-bottom: 1px none #eee; background-color: #fff; } .header.palvelu { border-bottom-style: none; background-color: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); } .header.demo { border-bottom-style: none; background-color: transparent; } .front-heading { font-size: 70px; line-height: 70px; } .big-button.left { clear: left; } .big-button.left.secondary { width: 400px; float: none; } .big-button.left.new-front { margin-bottom: 10px; clear: none; } .big-button.left.new-front.signin { margin-left: 0px; } .big-button.left.new-front.purple { margin-right: 15px; margin-left: 0px; } .feature-icon.mobile-menu { width: 55px; margin-right: 10px; padding-left: 5px; float: left; } .large-feature-div { padding-right: 10px; padding-left: 10px; } .feature-text-div.left { width: 50%; margin-left: 0%; } .footer-links { width: 95%; } .footer-menu { width: 25%; } .footer-info { width: 95%; max-width: 850px; } .trial-section { background-image: linear-gradient(135deg, #669efd, #46cdd3); } .trial-div { margin-top: 100px; margin-bottom: 150px; } .trial-div.demo.book { margin-top: 100px; } .trial-div.new { margin-bottom: 50px; } .trial-div.new.booking.types { margin-top: 40px; } .faq-content-div { width: 600px; } .header-logo-div { width: 40%; max-height: 45px; background-position: 0% 50%; } .header-scroll-relative { width: 95%; } .mobile-button { display: inline-block; width: 44px; height: 44px; margin-right: 10px; padding: 10px; float: none; } .mobile-button-div { display: flex; justify-content: flex-end; flex: 1; text-align: right; } .mobile-links { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 200; display: block; overflow: auto; height: 0px; margin-top: 62px; padding-right: 15px; padding-left: 15px; border-top-color: #ebebeb; background-color: #fff; opacity: 1; color: #0052b4; } .trial-link { margin-top: 10px; margin-bottom: 10px; } .mobile-menu-link { display: block; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #ebebeb; font-family: Roboto, sans-serif; color: #414447; font-size: 19px; line-height: 26px; text-decoration: none; } .mobile-menu-link.first { border-top-style: none; } .mobile-menu-link.feature { margin-bottom: 20px; border-top-style: none; } .inline { display: inline-block; } .inline.right { float: right; } .inline.right.font-awesome { margin-right: 5px; color: #414447; font-size: 14px; } .inline.right-marg.published { display: none; } .resources-mobile-menu-div { position: static; display: none; overflow: hidden; width: 90%; padding-left: 20px; transition: all 250ms ease; } .features-mobile-menu-div { overflow: hidden; height: 0px; max-height: 400px; } .add-scroll-div { overflow: auto; } .button.link.no-arrow.right-marg { display: none; } .button.webinar { right: -24px; } .button.menu { margin-right: 8px; margin-left: 8px; } .button.margs { margin-bottom: 16px; } .cloud { left: 110px; } .front-p._50 { width: 65%; } .pricing-new { height: 620px; } .pricing-tab { margin-right: 10px; margin-left: 10px; } .pricing-tab.large { font-size: 10px; } .presenter-image { width: 62%; } .product-main { display: block; } .product-image-div { width: 100%; float: none; } .tsm-main-image { max-width: 100%; float: none; } .product-text-div { display: block; width: 90%; margin-top: 30px; margin-right: auto; margin-left: auto; float: none; } .quote-text { font-size: 20px; line-height: 33px; } .partners-text { max-width: 98%; } .partners-heading { font-size: 38px; line-height: 38px; } .show-next-webinar { display: flex; } .partners-main { max-width: 100%; } .partner-role-div { width: 36%; margin-right: 2%; margin-left: 2%; padding-right: 10px; padding-left: 10px; } .new-front-hero { height: 1400px; } .new-front-hero-container { flex-direction: column; } .new-front-hero-container-text { display: flex; width: 100%; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; } .heading-large { margin-bottom: 20px; font-size: 34px; line-height: 36px; } .new-front-references { max-width: 95%; margin-right: auto; margin-left: auto; } .new-front-customer-logos { width: 150%; } .new-front-customer-logos.fix-height { width: 100%; align-items: center; } .transparent._70 { height: 160px; } .new-front-ref-logo-div { width: 22%; } .new-front-ref-logo-div.narrow.metsastaja { display: none; } .new-front-ref-logo-div.narrow.super { display: none; } .new-front-ref-logo-div.narrow.saarioinen { width: 20%; max-height: 80px; background-position: 40% 50%; } .new-front-ref-logo-div.jyvaskyla { width: 20%; background-size: 90%; } .new-front-ref-logo-div.bnc { width: 25%; } .new-front-ref-logo-div.cyferd { width: 25%; } .new-front-ref-logo-div.delete { width: 22%; } .new-front-ref-logo-div._1do { width: 20%; max-height: 80px; } .new-front-ref-logo-div.oulu { width: 25%; background-size: 80%; } .new-front-ref-logo-div.mitigram { width: 25%; } .new-front-ref-logo-div.kojamo { background-size: 90%; } .new-front-ref-logo-div.takk { width: 22%; } .app-dashboard-card { width: 100%; } .app-dashboard-card.full-wide { width: 100%; } .features-list { margin-right: 40px; margin-left: 40px; } .version-features-row { margin-right: 30px; margin-left: 30px; } .tilitoimisto-form { padding-right: 20px; padding-left: 20px; } .section-2.absolute { background-color: #fff; } .primary-text.white.large.academy { max-width: 80%; } .inline-solution-collection-item { width: 45%; } .ratkaisut-div.no-pad { padding-right: 8px; padding-left: 8px; } .solution-left { width: 33%; } .solution-right { width: 67%; } .top-were-hiring.municipality.white { margin-bottom: 0px; } .text-block-14.hellobar.title.no-marg.max-height { overflow: hidden; max-width: 280px; white-space: nowrap; } .features-tab-content { flex-direction: column; justify-content: center; align-items: center; } .features-tab-image { width: 70%; } .features-tab-text { width: 70%; } .div-block-16 { padding-right: 20px; padding-left: 20px; } .themes-tab-link.small { padding-right: 25px; padding-left: 25px; } .final-things-div { flex-direction: column; align-items: center; } .final-things-inner-div { width: 98%; margin-bottom: 16px; padding: 24px 20px 24px 100px; } .main-features-inner-image { width: 60%; } .bg-block._4.second { left: 0px; width: 100%; height: 33%; } .structure-image { margin-top: 90px; } .doc-line { right: -60px; width: 40px; } .doc-line.second { right: -70px; } .doc-line.third { right: -80px; } .tabs-menu-4 { display: flex; flex-direction: column; align-items: center; } .new-get-started-section { flex-direction: column; } .get-started-text { width: 75%; } .get-started-buttons { width: 75%; justify-content: flex-start; } .new-front-device-image { width: 80%; } .image-10 { max-width: 100%; } .div-block-20 { display: block; margin-bottom: 30px; justify-content: flex-start; } .pricing-plan-div { width: 50%; } .pricing-tabs-section { max-width: 100%; } .pricing-tab-menu-new { width: 100%; } .vahti-form { width: 70%; } .vahti-all.inline { width: 55%; } .vahti-post { width: 50%; } .vahti-post.no-shield { width: 50%; } .vahti-post.no-shield.webinar { width: 50%; } .vahti-post.no-shield.wide { width: 50%; } .newsletter-main.inline { padding-right: 16px; padding-left: 16px; } .newsletter-text.inline { padding-left: 0px; } .front-hero { height: 600px; max-width: 100%; padding-top: 50px; padding-bottom: 0px; padding-left: 0px; } .map-image-circle { width: 200px; height: 200px; } .heading-small { left: 6%; } .instruction-div { display: none; } .scroll-text { top: 30px; display: flex; } .level-text { top: 55px; flex-direction: row; align-items: center; } .tabs-menu { margin-left: 15px; } .concept-item-info.lett-bot-marg.webinar-page { width: 80%; } .menu-section { padding-left: 0px; } .option.summary.clock { top: 80px; } .option.summary.clock.display-none { left: 16px; right: auto; } .option.summary.clock.display-none.mobile-vert { top: 64px; } .tag { margin-bottom: 8px; } .register-embed { max-width: 90%; } .navigation-actions { display: none; width: 20%; } .navigation-actions.blog.mobile { width: 75%; } .default-menu-icon { display: none; } .product-menu-link { margin-bottom: 24px; } .product-menu-name { font-size: 12px; font-weight: 500; } .product-links { left: 24px; display: none; } .columns-3 { padding-left: 0px; } .navigation-links { z-index: 101; display: none; width: 60%; padding-left: 0px; align-items: center; } .navigation-links.home { width: 50%; } .menu-button-2 { z-index: 200; width: 40px; height: 40px; padding: 10px; -ms-grid-row-align: center; align-self: center; order: 1; border-radius: 50%; background-image: url("https://assets-global.website-files.com/59187ffe73ec360b06783426/5e1586f4fa55482ec6001a98_mobile-menu.svg"); background-position: 50% 50%; background-size: 4px; background-repeat: no-repeat; } .menu-button-2:hover { box-shadow: inset 0 0 0 2px #f2f4f8; } .menu-button-2.w--open { z-index: 102; background-color: #fff; box-shadow: inset 0 0 0 2px #f2f4f8; } .div-block-38 { position: relative; z-index: 100000; height: 0px; } .product-menu-text { height: 40px; } .product-menu-icon-img.large { width: 30px; height: 30px; } .learn-links { left: 24px; display: none; } .product-menu-icon { width: 40px; height: 40px; } .navigation-link { display: block; padding-top: 10px; padding-bottom: 10px; text-align: left; text-transform: none; } .navigation-link.w--current { width: 100%; color: #fd8274; } .navigation-link.no-menu { margin-bottom: 0px; padding-left: 14px; color: #070f1a; font-weight: 400; } .navigation-link.no-menu.cta.plan { display: block; padding-top: 4px; padding-bottom: 4px; } .navigation-link.no-menu.cta.plan.alternate { display: none; } .navigation-link.no-menu.dropdown.no-mobiles { display: none; } .navigation-link.secondary { display: none; padding-top: 4px; padding-bottom: 4px; padding-left: 14px; color: #070f1a; font-size: 16px; font-weight: 400; } .navigation-link.purple.no-menu { padding-left: 14px; color: #4353ff; } .navigation-link.purple.no-menu.subscrive { display: none; } .navigation-link.arrow { display: flex; margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; padding-left: 14px; align-items: center; color: #070f1a; font-size: 16px; font-weight: 400; } .product-menu-desc { font-size: 10px; line-height: 13px; } .header-navigation { z-index: 9998; } .column-4 { padding-top: 32px; padding-right: 8px; } .header-logo-div-2 { width: 35%; max-width: 35%; margin-right: 0px; background-image: none; } .header-logo-div-2.mobile { width: 25%; } .header-logo-div-2.home.w--current { width: 25%; } .navigation-container { z-index: 300; padding-right: 8px; padding-left: 8px; } .navigation-container.not-home { padding-right: 20px; padding-left: 20px; justify-content: space-between; } .wide-container-2.edges { padding-bottom: 48px; flex-direction: column; } .wide-container-2.edges.tab-horizontal { flex-direction: row; } .columns.front { flex-direction: column; } .front-hero-container.process { max-width: 100%; padding-left: 0px; } .column-5._5-right-padding { padding-bottom: 40px; } .column-5._5-left-padding { display: none; } .column-5._5-right-padding { padding-bottom: 40px; } .new-hero-section { max-width: 100%; } .new-hero-section.features-page.trial-page { padding-top: 0px; } .front-process-step { height: 340px; margin-bottom: 40px; padding-right: 16px; padding-left: 16px; } .div-block-39.features-page.trial-page.vertical { padding-top: 0px; } .process-arrow.frameworks { z-index: 100; } .process-arrow-inner { position: relative; } .process-heading { font-size: 17px; } .threat-desc { height: 128px; padding-right: 16px; padding-left: 16px; } .threat-desc.news { height: auto; } .aka-text { overflow: hidden; } .threat-image { width: 60px; height: 60px; } .threat-image.patch { right: 8px; } .threat-news { padding-right: 16px; padding-left: 16px; } .threat-level { padding-right: 32px; padding-left: 16px; } .threat-heading { overflow: hidden; width: 75%; max-height: 54px; font-size: 22px; line-height: 27px; } .threat-top { padding-right: 24px; } .threat-desc-text { overflow: hidden; max-height: 90px; font-size: 14px; line-height: 18px; letter-spacing: -1px; } .news-item { width: 50%; } .news-item.four { width: 33%; } .news-inner.wider.center { flex-direction: column; align-items: flex-start; } .threat-heading-2 { overflow: hidden; width: 75%; max-height: 54px; font-size: 22px; line-height: 27px; } .threat-heading-2.small { font-size: 16px; line-height: 18px; } .tabs-menu-8 { margin-left: 5%; } .newpricing-tab-link { margin-right: 8px; margin-left: 8px; padding-top: 16px; padding-right: 6px; padding-left: 6px; } .new-pricng-tabs-content { padding-left: 5%; } .addon-div { padding-right: 16px; padding-left: 16px; } .div-block-44 { max-width: 100%; } .pricing-process-numbers { width: 50px; max-width: 5%; } .pricing-process-numbers.absolute { left: -5%; } .new-pricing-tab-link-image { max-height: 60px; margin-bottom: 16px; } .newpricing-tab-link-subtitle { font-size: 13px; line-height: 20px; } .text-block-32 { font-size: 14px; } .newsletter-main-heading.inline { font-size: 28px; line-height: 32px; } .form-2.inline { width: 100%; } .columns-2 { flex-direction: column; } .post-author-img { width: 40px; height: 40px; } .post-author { margin-top: 16px; } .post-author-image { width: 48px; height: 48px; } .blog-top-section.new { max-width: 95%; } .blog-content-section { max-width: 95%; padding-right: 100px; padding-left: 100px; } .block-left { padding-right: 0px; align-items: center; } .block-left.framework { align-items: flex-start; } .paragraph-large { text-align: center; } .paragraph-large.small.framework { text-align: left; } .grid-content { justify-items: center; grid-row-gap: 30px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .section.overflow-hidden.features-page.first { margin-top: -100px; } .block-right { padding-left: 0px; align-items: center; } .section-title { text-align: center; } .block-content { margin-top: 60px; margin-bottom: 60px; } .teams-1a.guideline { top: 0%; } .teams-2a { bottom: 0%; } .feature-image-new.float.frameworks { left: 2%; } .feature-image-new.left.mobile-tasks { left: 10%; } .no-bot-marg.mob-small { font-size: 13px; line-height: 20px; } .image-narrow { display: block; max-width: 40px; } .diagram-column.requirement { padding-right: 8px; padding-left: 8px; } .diagram-column.list { padding-right: 8px; padding-left: 8px; } .diagram-column.topic { padding-right: 8px; padding-left: 24px; } .diagram-card.more { width: 100%; } .front-hero-heading { text-align: left; } .front-hero-heading.center._80 { font-size: 40px; line-height: 44px; } .image-14 { max-height: 280px; margin-top: 20px; } .graph-p { display: none; } .graph-p.mobile { display: block; line-height: 21px; } .teams-app { height: 140px; } .refs-inner { padding-right: 16px; padding-bottom: 48px; padding-left: 16px; } .teams-app-side-bar { width: 20px; } .side-bar-icon-div { margin-bottom: 0px; padding-right: 6px; padding-left: 6px; } .div-block-55 { flex-direction: column; align-items: center; } .framework-card { width: 70%; } .teams-ico.mobile { display: none; } .tabs-4 { margin-bottom: 40px; } .municipality-logo { max-height: 30px; max-width: 12%; } .opi-links { left: 24px; display: none; } .webinar-hero { padding-top: 200px; background-position: 100% 100%, 0px 0px, 100% 100%; background-size: 460px, auto, 100%; } .webinar-main-info { width: 65%; } .webinar-signup-floater { max-width: 95%; } .presenter-info { margin-top: 40px; margin-left: 0%; } .absolute-text { max-width: 80%; margin-right: auto; margin-left: auto; } .logo-webinar-page { margin-top: -178px; } .webinar-left-menu { width: 30%; } .tab-info-text.foot-text { width: 50%; font-size: 12px; } .custom-button { max-width: 50%; } .content-div { margin-left: 24px; padding-right: 16px; } .product-links-arrow { left: 263px; } .opi-links-arrow { left: 540px; } .learn-links-arrow { left: 419px; } .mobile-menu-button-div { display: flex; width: 48px; height: 32px; justify-content: center; align-items: center; border-radius: 99px; background-color: rgba(0, 0, 0, 0.05); } .mobile-menu-icon { display: block; width: 16px; height: 16px; } .site-mobile-menu { position: absolute; left: auto; top: 43px; right: 20px; bottom: auto; display: none; overflow: hidden; width: 540px; max-width: 95%; border-radius: 16px; background-color: #fff; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25); opacity: 0; } .mobile-menu-section { padding: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .mobile-menu-section.footer { margin: 4px; border-top-style: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .mobile-nav-heading { margin-top: 0px; margin-bottom: 18px; color: #8898aa; font-size: 13px; font-weight: 500; text-transform: uppercase; } .nav-cols { display: flex; } .mobile-nav-link { display: flex; padding: 6px; align-items: center; text-decoration: none; } .mobile-nav-icon { width: 16px; height: 16px; margin-right: 8px; } .mobile-nav-link-text { color: rgba(0, 0, 0, 0.85); font-size: 13px; letter-spacing: 0.2px; } .mobile-menu-close-button { position: absolute; left: auto; top: 16px; right: 16px; bottom: auto; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; } .mobile-menu-close-button-img { width: 12px; } .image-16 { max-width: 90%; margin-top: 16px; } .get-started { padding-right: 2%; padding-left: 2%; } .div-block-68 { width: 40%; flex-direction: column; align-items: flex-end; } .get-started-left { width: 45%; } .get-started-middle { width: 6%; } .get-started-right { width: 45%; } .div-block-70 { flex-direction: column; } .front-customers-tabs { width: 100%; } .front-customers-logos { width: 80%; margin-top: 40px; } .new-front-diagram { max-width: 80%; } .new-front-diagram-cards { flex-direction: column; align-items: center; } .new-front-diagram-card { width: 70%; margin-bottom: 24px; } .new-front-product-tabs { width: 95%; } .new-front-product-tabs-tab { padding-right: 16px; padding-left: 16px; font-size: 14px; line-height: 18px; } .front-top-stuff-div { margin-bottom: 88px; flex-direction: column; align-items: center; } .front-top-stuff-text { width: 90%; margin-top: 0px; } .front-top-stuff-image { width: 100%; margin-top: 40px; padding-left: 0px; } .front-top-section { padding-top: 40px; padding-bottom: 20px; } .front-top-image-2 { bottom: -30%; height: 55%; } .front-top-image-3 { top: 5%; height: 65%; } .home-bg-section { display: block; width: 100%; } .webinar-series-image { width: 20%; } .webinar-series-top { max-width: 95%; } .webinar-series-intro { width: 80%; } .webinar-part-div { padding-right: 24px; padding-left: 24px; } .div-block-81 { margin-top: -20px; } .div-block-82 { max-width: 95%; } .div-block-83 { width: 100%; } .webinar-date-div { padding-left: 1%; } .front-image-floater.integrate { right: 16px; } .navigation-link-2 { display: block; padding-top: 10px; padding-bottom: 10px; text-transform: none; } .navigation-link-2.w--current { width: 100%; color: #fd8274; } .navigation-link-2.no-menu { margin-bottom: 0px; padding-left: 14px; color: #070f1a; font-weight: 400; } .navigation-link-2.no-menu.cta.plan { display: none; padding-top: 4px; padding-bottom: 4px; } .ref-images-inner-2 { flex-wrap: wrap; align-content: flex-start; } .div-block-93 { width: 50%; padding-right: 10%; } .new-front-diagram-card-list-2.top-padding.abso { left: 100%; top: 0%; right: auto; bottom: auto; width: 80%; } .new-front-diagram-card-list-2.top-padding.abso.two { align-content: flex-start; } .new-front-diagram-card-list-2.top-padding.abso.two-row { left: 80%; top: 10%; right: auto; bottom: auto; align-content: flex-start; } .new-front-diagram-cards-2 { overflow: hidden; flex-direction: column; align-items: center; } .front-diagram-section-2 { overflow: hidden; } .new-front-diagram-card-2 { width: 70%; margin-bottom: 24px; } .new-front-product-tabs-text-2 { min-height: 500px; margin-bottom: -140px; padding-top: 32px; } .new-front-product-tabs-2 { width: 100%; } .new-front-product-tabs-tab-2 { font-size: 14px; line-height: 18px; font-weight: 400; } .get-started-2 { overflow: hidden; max-width: 100%; padding-right: 2%; padding-left: 2%; } .get-started-purple { width: 6%; } .get-started-div-2 { position: relative; } .div-block-98 { flex-direction: column; align-items: flex-start; } .footer-link-2.contact.mobile-tuning { width: 100%; } .footer-logos { width: 100%; } .footer-logo-link { margin-right: 24px; } .feature-new-image-img.abso.statuses { left: -5%; top: 22%; max-width: 110%; } .feature-new-image-img.abso.card { top: -20%; right: 0%; max-width: 80%; } .feature-new-image-img.abso.report-cover { right: 2%; max-width: 40%; } .feature-new-image-img.task-card { max-width: 200%; } .feature-new-image-img.wider.little { max-width: 110%; } .features-page { padding-top: 56px; padding-bottom: 56px; } .feature-new-image-div { padding-right: 32px; padding-left: 32px; } .feature-new-image-div.task-card { justify-content: flex-start; } .feature-new-image-div.task-card.left { justify-content: flex-end; } .feature-p-new { max-width: 80%; } .feature-main-content { margin-top: 60px; margin-bottom: 60px; } .help-section { padding-right: 16px; padding-left: 16px; } .help-section-text { width: 70%; } .search-results-inner-div { flex-direction: column; } .search-sidebar { width: 90%; margin-right: auto; margin-left: auto; padding-right: 0px; } .search-results-div { width: 90%; margin-right: auto; margin-left: auto; padding-left: 0px; } .product-menu-link-2 { margin-bottom: 24px; } .product-menu-name-2 { font-size: 12px; font-weight: 500; } .div-block-100 { display: flex; justify-content: center; align-items: center; } .div-block-103 { max-width: 100%; padding-top: 32px; padding-bottom: 8px; } .frameworks-front-section { flex-direction: column; } .frameworks-text-section { width: 100%; } .frameworks-text-section.narrow.academy { width: 90%; margin-bottom: 24px; } .frameworks-tags-section { width: 100%; } .review-cards-bg-wrap { margin-top: 26px; padding-top: 30px; } .rev-left-pane { z-index: 10; width: 100%; margin-bottom: 60px; padding-right: 24px; padding-left: 24px; } .rev-right-pane { width: 70%; margin-right: auto; margin-left: auto; } .review-wrap { padding-right: 16px; padding-left: 16px; flex-direction: column; align-content: center; } .review-form-block { margin-left: 0px; } .academy-section { max-width: 100%; } .academy-content { flex-direction: column; } .academy-content-column { width: 100%; padding-left: 0px; } .support-options-section { padding-top: 100px; flex-direction: column; } .support-option-div { width: 60%; margin-bottom: 24px; padding-top: 24px; padding-right: 16px; padding-left: 16px; } .academy-main-card { padding: 24px; } .gradient-ball.front-hero { right: -500px; } } @media screen and (max-width: 767px) { .header-logo { height: 50px; } .front-heading { font-size: 55px; line-height: 55px; } .ref-logo { margin-right: 2%; margin-left: 2%; } .feature-icon { width: 40%; } .feature-text-div { width: 100%; flex: 1; } .feature-text-div.left { width: 100%; padding-right: 0px; padding-left: 0px; } .feature-text-div.right { width: 100%; padding-right: 40px; } .feature-image-div { width: 90%; } .feature-image-div.right { display: block; width: 90%; margin-right: auto; margin-left: auto; float: none; order: 1; flex: 1; } .feature-large-image.left { display: block; max-width: 90%; margin-right: auto; margin-left: auto; float: none; } .feature-large-image.right { display: block; max-width: 90%; margin-right: auto; margin-left: auto; float: none; } .footer-links { display: block; width: 70%; margin-right: auto; margin-left: auto; } .footer-menu { width: 50%; margin-bottom: 30px; float: left; } .footer-info { width: 70%; } .trial-section.top-marg.webinar.more-marg { padding-top: 15px; } .trial-div { max-width: 470px; margin-top: 100px; margin-bottom: 100px; } .trial-div.demo.book { margin-top: 90px; } .faq-content-div { width: 450px; } .worklist-logo-div { top: 10px; } .mobile-links { height: 0%; margin-top: 70px; } .mobile-menu-link.feature { border-top-style: none; } .inline.right-marg.published { display: none; } .button.alternate.menu.no-border { border-style: none; } .button.tabs { min-width: 60px; padding-right: 4px; padding-left: 4px; } .button.webinar { left: 0%; top: auto; right: auto; bottom: -48px; } .button.big.secondary.link.absolute.demo { display: none; } .button.menu { margin-right: 8px; margin-left: 8px; } .about-us-section { padding-top: 160px; } .about-us-section.no-pad { padding-top: 500px; } .front-p { font-size: 18px; } .front-p._50 { width: 80%; } .disabled-text-big { width: 80%; font-size: 40px; line-height: 40px; } .pricing-new { height: 660px; } .pricing-tab { width: 12%; } .collection-item { width: 50%; } .organizers { flex-direction: column; } .presenter-1._33 { display: block; width: 70%; margin-right: auto; margin-bottom: 48px; margin-left: auto; } .presenter-image { width: 50%; } .prices-company { padding-right: 10px; padding-left: 10px; } .other-features-div { flex-direction: column; } .other-feature-div { width: 90%; margin-bottom: 30px; } .partners-heading { font-size: 29px; line-height: 29px; } .partners-main { max-width: 95%; } .partner-role-div { width: 55%; margin-bottom: 30px; } .general-top-bar-link { padding-right: 8px; padding-left: 8px; font-size: 14px; } .new-front-hero { height: 1700px; } .new-front-hero.newer { padding-top: 50px; } .new-front-hero-container-text { width: 100%; } .new-front-customer-logos { width: 90%; margin-left: 5%; } .new-front-customer-logos.fix-height { margin-left: 0%; } .new-front-customer-logos.no-marg { margin-left: 0%; } .transparent._70 { height: 160px; } .new-front-ref-logo-div.huiskula.secondary { display: none; } .new-front-ref-logo-div.narrow.tva { background-size: contain; } .new-front-ref-logo-div.narrow.tuomi { background-size: 100%; } .new-front-ref-logo-div.narrow.saarioinen { width: 16%; height: 80%; max-height: 80px; } .new-front-ref-logo-div.kerava.secondary { display: none; } .new-front-ref-logo-div.voimia.secondary { display: none; } .new-front-ref-logo-div.jyvaskyla { width: 25%; } .new-front-ref-logo-div.bnc { width: 25%; } .new-front-ref-logo-div.cyferd { width: 25%; } .new-front-ref-logo-div.delete { width: 25%; } .new-front-ref-logo-div._1do { width: 20%; max-height: 80px; } .new-front-ref-logo-div.oulu { width: 20%; } .new-front-ref-logo-div.mitigram { width: 25%; } .ask-for-webinar.jobs { display: flex; flex-direction: column; align-items: center; } .app-dashboard-card { width: 100%; } .app-card-logo { width: 50%; } .version-differences-column { flex-direction: column; justify-content: center; } .version-difference-div { width: 75%; margin-bottom: 30px; } .what-is-it-text { width: 100%; } .what-is-it-image { width: 100%; } .team-benefit-div { width: 60%; margin-bottom: 20px; } .primary-text.white.large.academy { max-width: 100%; font-size: 14px; } .solution-left { width: 100%; } .solution-right { width: 100%; } .text-block-14.hellobar.title { display: none; } .text-block-14.hellobar.title.no-marg { display: none; } .text-block-14.hellobar.title.no-marg.max-height { overflow: hidden; max-height: 20px; } .text-block-14.hellobar.fixed-webinar { display: block; } .text-block-14.teams-black.bold { font-size: 12px; } .features-page-tabs-menu { width: 90%; } .features-page-tab-link { padding-right: 20px; padding-left: 20px; } .themes-tab-link { padding-right: 5px; padding-left: 5px; } .final-things-div { flex-direction: column; justify-content: center; align-items: center; } .final-things-inner-div { width: 80%; margin-bottom: 16px; } .main-features-inner-div { flex-direction: column; align-items: center; } .main-features-inner-image { width: 100%; height: 420px; } .main-features-inner-p.small { font-size: 13px; letter-spacing: -1px; } .main-features-small-inner-div { width: 90%; } .bg-block._4.second { top: 500px; height: 30%; } .structure-image { width: 40%; } .doc-line { right: -20px; } .doc-line.second { right: -30px; } .doc-line.third { right: -40px; } .tabs-outer { width: 50%; } .tabs-menu-4 { align-items: flex-start; } .get-started-text { width: 100%; } .get-started-buttons { width: 100%; } .new-front-device-image { width: 100%; } .pricing-tab-menu-new { display: flex; } .feature-overlay-default { left: 150px; top: 10px; width: 250px; padding: 10px 15px; } .feature-overlay-secondary { left: 155px; top: 165px; } .submit-button { width: 35%; } .div-block-27 { padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } .vahti-category-div { width: 33%; } .heading-15 { text-align: center; } .vahti-all.inline { width: 75%; } .vahti-post.no-shield.webinar.video { width: 80%; } .full-width-image.no-shield.webinar.webinar-page { height: 100px; } .vahti-post-text { padding-right: 15px; padding-left: 15px; } .newsletter-image { width: 100%; flex: 1; background-size: contain; background-repeat: no-repeat; } .newsletter-lower { flex-direction: column; flex-wrap: wrap-reverse; } .newsletter-lower.inline { height: auto; } .newsletter-text { width: 100%; } .inner-container._32px-top-marg { flex-direction: column; } .map-image-circle { width: 150px; height: 150px; } .heading-small.static.blank-space { height: 32px; } .heading-basic.no-bottom-margin.concept-item.limited { font-size: 24px; line-height: 30px; } .wide-container { flex-direction: column; } .wide-container.right { align-items: stretch; } .feature-image { width: 90%; } .feature-text { width: 75%; } .column-md-3 { width: 75%; } .header-fixed { transform: translate(0px, -75px); } .subpage-hero.tulkki.academy { padding-top: 48px; padding-bottom: 24px; } .heading-largest.small { font-size: 20px; } .scroll-text { left: 50px; } .map-section { min-width: 1400px; padding-right: 50px; padding-left: 50px; } .level-text { left: 50px; } .column-md-4 { width: 75%; } .concept-item-card { padding: 16px; } .concept-item-info { padding: 16px; } .concept-item-top.webinar { margin-bottom: 80px; } .concept-item-top-icon { display: none; height: 60px; } .concept-item-top-info { width: 100%; padding-left: 0px; } .menu-link { padding-left: 16px; font-size: 12px; line-height: 18px; } .menu-link.dropdown { padding-left: 8px; font-size: 12px; line-height: 18px; } .menu-link.author { padding-left: 16px; } .icon-14 { display: none; } .option.summary.clock { padding-right: 182px; padding-left: 16px; } .secondary-text.center.more-marg { margin-bottom: 16px; } .secondary-text.center.more-marg { margin-bottom: 16px; } .secondary-text.no-mobile { display: none; } .blog-post-category-heading { flex-direction: column; } .register-embed { max-width: 100%; } .box.new { margin-right: 0px; } .clock-label.mobile { display: none; } .navigation-actions { display: none; width: 25%; } .navigation-actions.blog.mobile { display: flex; width: 60%; } .product-menu-link { margin-bottom: 32px; } .text-block-30 { display: none; } .text-block-30.mobile { display: block; } .navigation-links { display: none; width: 67%; padding-right: 10px; padding-left: 0px; } .menu-button-2 { margin-right: 10px; } .menu-button-2:hover { box-shadow: inset 0 0 0 2px #f2f4f8; } .menu-button-2.w--open { background-color: #fff; box-shadow: inset 0 0 0 2px #f2f4f8; } .nav-container-sub { max-width: 100%; padding-right: 0px; padding-left: 8px; } .div-block-38 { height: 0px; } .column-3 { display: none; } .navigation-link { display: block; padding-right: 10px; padding-left: 10px; } .navigation-link.no-menu { margin-bottom: 0px; } .navigation-link.purple.no-menu { margin-bottom: 0px; } .navigation-link.purple.no-menu.blog.mobile { display: none; } .navigation-link.arrow.kehikot { display: none; } .header-logo-div-2 { width: 50%; max-width: 50%; min-height: 30px; margin-right: 0px; } .header-logo-div-2.mobile { width: 35%; } .navigation-container { padding-right: 10px; padding-left: 16px; justify-content: space-between; align-items: center; } .wide-container-2.edges.tab-horizontal { flex-direction: column; } .heading-20.less-marg { font-size: 44px; } .heading-20.less-marg { font-size: 44px; } .front-hero-container.process { max-width: 100%; } .column-5 { padding-right: 0px; padding-left: 0px; } .column-5._5-right-padding { padding-right: 24px; padding-left: 24px; } .column-5._5-right-padding { padding-right: 24px; padding-left: 24px; } .front-col { padding-left: 0px; } .front-process-step { width: 24%; height: 400px; margin-right: 1%; } .process-arrow { right: -16px; } .process-arrow.frameworks { left: auto; top: auto; right: -20px; bottom: -16px; transform: rotate(90deg); } .process-arrow.frameworks.right { left: auto; top: auto; right: -20px; bottom: -24px; } .paragraph-6 { max-height: 132px; } .process-heading-top { left: 0px; font-size: 22px; } .div-block-41 { width: 100%; } .threats-inner { flex-direction: column; align-items: center; } .threat-div { width: 60%; margin-bottom: 24px; } .news-item.four { width: 50%; } .news-item.front { width: 70%; margin-bottom: 32px; } .header-container { padding-right: 20px; padding-left: 20px; } .team-column { width: 45%; } .text-section { max-width: 95%; margin-right: auto; margin-left: auto; } .subpage-row-inner { flex-direction: column; align-items: center; } .subpage-row-column { width: 60%; margin-bottom: 24px; } .addons { flex-direction: column; } .addon-div { width: 95%; margin-bottom: 24px; } .newpricing-tab-link-subtitle.support { display: none; } .section-header { padding-bottom: 50px; } .newsletter-main-heading { font-size: 32px; line-height: 36px; } .blog-content-section { padding-right: 40px; } .illustration-1-big { height: 460px; } .paragraph-large { max-width: 640px; margin-top: 10px; margin-bottom: 15px; } .illustration-2-3-big { width: 540px; } .illustration-1-3-big { width: 540px; margin-left: -39px; } .illustration-2-big { height: 460px; } .illustration-1-2-big { top: 197px; width: 220px; margin-left: -1px; } .block-content { margin: 40px 15px; } .pricing-feature-main { padding-left: 20px; } .pricing-feature-main.right { padding-right: 20px; padding-left: 40px; } .pricing-feature-text { padding-right: 20px; } .pricing-heading { padding-left: 20px; background-size: 200px; } .pricing-heading.enterprise { background-position: 100% 100%; } .teams-1a.guideline { top: 10%; } .feature-image-new.float.repots-list.gdpr { left: auto; top: auto; right: 0%; bottom: 0%; margin-right: 0px; } .feature-image-new.left.process-list { max-width: 100%; } .material-div { width: 70%; } .no-bot-marg.slim.mob-small.mobile-only { display: block; } .no-bot-marg.slim.mob-small.no-mobile { display: none; } .no-bot-marg.h4-sub.no-mobile { display: none; } .image-wide { display: block; } .image-narrow { display: block; max-width: 40px; } .framework-top-text { max-width: 100%; } .framework-diagram { flex-direction: column; justify-content: center; align-items: center; } .diagram-column.requirement { width: 100%; } .diagram-column.list { width: 100%; margin-top: 16px; } .diagram-column.topic { width: 100%; margin-top: 24px; padding-left: 8px; } .diagram-card { margin-bottom: 4px; } .diagram-card.more.more-2.no-mobile { display: none; } .diagram-card.more.no-mobile { display: none; } .diagram-card.margin { margin-bottom: 4px; padding-top: 8px; padding-bottom: 8px; } .diagram-card.slim { margin-bottom: 4px; padding-top: 8px; padding-bottom: 8px; } .diagram-card.slim.no-mobile { display: none; } .front-hero-heading { text-align: left; } .front-hero-heading.center._80 { max-width: 100%; font-size: 36px; line-height: 40px; } .image-14 { max-height: 220px; max-width: 55%; } .div-block-54 { align-items: flex-end; } .div-block-54.frameworks { width: 20%; } .content-div-graph.second { margin-top: 24px; } .content-div-graph.second.third.frameworks { margin-top: 24px; text-align: right; } .graph-heading { padding-right: 0px; font-size: 14px; line-height: 20px; } .graph-heading.second { padding-right: 0px; } .graph-heading.frameworks { display: none; } .graph-heading.frameworks.mobile { display: block; font-size: 14px; } .graph-p { display: none; } .graph-p.mobile { display: block; font-size: 13px; line-height: 13px; } .teams-app { display: none; } .framework-tag.mobile { display: none; } .refs-inner { max-width: 95%; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } .frameworks-div.horizontal { flex-direction: column; } .frameworks-top-text { width: 100%; } .div-block-55 { align-items: flex-start; } .framework-card { width: 90%; } .teams-ico.mobile { display: block; margin-top: 40px; margin-bottom: 0px; } .mobile-text { display: none; } .framwork-tags { display: flex; flex-direction: column; align-items: flex-end; } .municipality-logo { max-width: 18%; } .municipality-logo.last-cols { display: none; } .webinar-hero { background-position: 100% 100%, 0px 0px, 100% 100%; background-size: 350px, auto, 150%; } .webinar-main-info { width: 75%; } .webinar-signup-floater { flex-direction: column; } .floater-div { width: 100%; } .floater-div.right { min-height: 140px; padding: 30px; } .webinar-time-button { width: 150px; } .tabs-5 { flex-direction: column-reverse; } .tabs-content-5 { width: 100%; } .tabs-menu-10 { width: 100%; } .tabs-menu-heading { left: 30px; } .tab-link-tab-2 { margin-bottom: 8px; } .tab-link-tab-2.w--current { padding-top: 4px; padding-bottom: 4px; } .framework-menu { position: fixed; left: -280px; top: 0px; z-index: 1500000; overflow: scroll; height: 100%; } .framework-task-title { max-width: 80%; } .requirement-task-row { height: 156px; } .link-stuff { opacity: 1; } .link-text { display: none; } .framework-menu-button { position: fixed; z-index: 10000; display: flex; overflow: auto; } .task-intro { padding-right: 72px; } .mobile-menu-button-div { display: flex; width: 48px; height: 32px; justify-content: center; align-items: center; border-radius: 999px; background-color: rgba(0, 0, 0, 0.05); } .mobile-menu-button-div:hover { background-color: rgba(0, 0, 0, 0.09); } .mobile-menu-icon { display: block; width: 16px; height: 16px; } .site-mobile-menu { position: absolute; left: 0%; top: 43px; right: -10px; bottom: auto; z-index: 100000; display: none; width: 540px; max-width: 95%; margin-right: auto; margin-left: auto; flex-direction: column; align-items: stretch; border-radius: 16px; background-color: #fff; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25); opacity: 0; } .mobile-menu-section { padding: 24px; border-bottom: 1px dashed rgba(0, 0, 0, 0.05); } .mobile-menu-section.last { border-bottom-style: none; } .mobile-menu-section.footer { display: flex; margin: 4px; padding: 20px; flex-direction: row; justify-content: center; align-items: center; border-top-style: none; border-bottom-style: none; border-radius: 8px; background-color: #f6f9fc; } .mobile-nav-heading { margin-top: 0px; margin-bottom: 18px; color: #8898aa; font-size: 13px; font-weight: 500; letter-spacing: 0.4px; text-transform: uppercase; } .nav-cols { display: flex; } .mobile-nav-link { display: flex; padding: 6px; align-items: center; text-decoration: none; } .mobile-nav-icon { width: 16px; height: 16px; margin-right: 8px; } .mobile-nav-link-text { opacity: 1; color: rgba(0, 0, 0, 0.85); font-size: 13px; font-weight: 400; letter-spacing: 0.2px; text-decoration: none; } .mobile-menu-close-button { position: absolute; left: auto; top: 16px; right: 16px; bottom: auto; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; } .mobile-menu-close-button-img { width: 12px; height: 12px; } .framework-cards-div { width: 100%; } .get-started-div { height: 424px; flex-direction: column; justify-content: center; } .div-block-68 { width: 100%; align-items: flex-start; } .get-started-left { width: 100%; margin-bottom: 40px; } .get-started-middle { width: 0%; } .get-started-right { width: 100%; } .div-block-70 { padding-right: 0px; padding-left: 0px; } .front-customer-tabs-img { max-height: 16px; } .front-customer-tabs-tab { padding-right: 8px; padding-left: 12px; } .front-customer-tabs-content { width: 75%; margin-right: 0%; } .front-heading-p { max-width: 80%; } .new-front-product-tabs-tab { padding-right: 8px; padding-left: 8px; font-size: 12px; line-height: 15px; font-weight: 400; } .front-top-stuff-image { padding-right: 8px; padding-left: 8px; } .front-top-section { padding-top: 20px; } .front-top-image-1 { max-width: 100%; } .front-top-image-2 { width: 65%; } .front-top-image-3 { top: -15%; width: 55%; } .webinar-part-div { flex-direction: column; align-items: flex-start; } .webinar-part-time { font-size: 18px; line-height: 24px; } .form-3 { flex-direction: column; } .webinar-main-text { width: 100%; } .webinar-date-div { width: 100%; margin-top: 16px; margin-bottom: 16px; flex-direction: row; justify-content: space-between; align-items: flex-end; } .webinar-button-div { width: 100%; margin-top: 16px; justify-content: flex-start; } .series-heading-inline.pretext { display: none; } .navigation-link-2 { display: block; padding-right: 10px; padding-left: 10px; } .navigation-link-2.no-menu { margin-bottom: 0px; } .ref-images-inner-2 { flex-wrap: wrap; align-content: flex-start; } .div-block-93 { width: 80%; padding-right: 30%; } .div-block-93.last { padding-right: 25%; } .new-front-diagram-card-list-2.top-padding.abso.two-row { left: 63%; width: 50%; } .new-front-diagram-card-list-2.top-padding.abso.mob { left: 70%; } .new-front-product-tabs-content-2 { width: 100%; } .new-front-product-tabs-2 { flex-direction: column; } .tabs-menu-12 { width: 80%; max-width: 80%; margin-right: auto; margin-left: auto; flex-direction: column; } .new-front-product-tabs-tab-2 { max-width: 100%; padding: 12px 16px; border-top: 1px solid #d5d9e0; border-right: 1px solid #d5d9e0; border-left: 1px solid #d5d9e0; background-color: #fff; font-size: 12px; line-height: 15px; font-weight: 400; } .get-started-div-2 { height: 424px; flex-direction: column; justify-content: center; } .footer-logos { justify-content: flex-start; flex-wrap: wrap; } .footer-logo-link { max-width: 40%; margin-bottom: 24px; } .feature-new-tabs-tab { padding: 16px 8px; } .feature-new-tabs-tab:hover { padding-bottom: 16px; } .feature-new-image-img.abso.framework-switch { left: auto; top: -30%; right: 0%; bottom: auto; max-width: 40%; } .feature-new-image-img.abso.task-msg { left: 20%; top: -50%; right: auto; bottom: auto; max-width: 60%; } .feature-new-image-img.tabs-center { max-width: 100%; } .feature-new-text-div { width: 90%; } .feature-new-text-title { margin-bottom: 24px; } .features-page { padding-top: 40px; padding-bottom: 40px; } .feature-new-image-div { width: 100%; } .feature-new-image-div.task-card.left { justify-content: flex-start; } .feature-heading { font-size: 44px; line-height: 58px; } .feature-p-new { max-width: 85%; } .feature-main-content { margin: 40px 15px; } .feature-new-text-p.tabs-center { max-width: 100%; } .feature { flex-direction: column; } .feature.tabs-center { padding-right: 16px; padding-left: 16px; } .feature.benefits { justify-content: center; align-items: center; } .product-menu-link-2 { margin-bottom: 32px; } .feature-benefits-div { max-width: 60%; margin-right: 0px; margin-bottom: 24px; } .framework-tag-button { font-size: 16px; } .div-block-103 { padding-top: 40px; padding-bottom: 16px; } .frameworks-text-section { padding-right: 16px; padding-left: 16px; } .frameworks-tags-section { padding-right: 8px; padding-left: 8px; } .review-cards-bg-wrap { display: none; flex-wrap: wrap; } .review-text-wrap { width: 100%; } .legal-check-text { line-height: 19px; } .rev-right-pane { width: 100%; } .fade-bar { position: absolute; width: auto; } .title-tag { white-space: nowrap; } .academy-section { padding-right: 24px; } .support-option-div { width: 80%; } .academy-main-card { width: 100%; } .academy-main-card.small { width: 100%; } .academy-outer { padding-right: 8px; padding-left: 8px; flex-direction: column; } .academy-outer.space-between { flex-direction: column; } .academy-main-card-2.support.mobile-only { width: 100%; } .subpage-row-inner-2 { flex-direction: column; align-items: center; } .subpage-row-column-2 { width: 60%; margin-bottom: 24px; } .subpage-row-column-2.center.mobile-wide { width: 75%; } .subpage-row-column-2.narrow.mobile-wide { width: 75%; height: auto; } .main-button.header-section.book-a-meeting { top: 16px; right: 16px; } .gradient-ball.front-hero { right: -600px; width: 900px; border-radius: 999px; } .image-20 { max-width: 100%; } .meeting-type { padding-right: 24px; } } @media screen and (max-width: 479px) { ul { font-family: Poppins, sans-serif; } .header { margin-top: 0px; flex-direction: row; } .header-logo { height: 50px; } .header-logo.landing-page { max-width: 100%; } .header-link.demo.no-links { text-align: center; } .front-heading { font-size: 40px; line-height: 40px; } .front-heading.pricing-page { font-size: 40px; line-height: 40px; } .big-button.left.centered.small { position: relative; width: 200px; padding: 10px 30px; border-radius: 10px; font-size: 15px; } .big-button.left.secondary { width: 200px; padding-right: 20px; padding-left: 20px; } .big-button.left.new-front { padding: 5px 40px; line-height: 30px; } .big-button.left.new-front.signin { padding-top: 5px; padding-bottom: 5px; } .big-button.left.new-front.purple { margin-bottom: 15px; padding: 5px; } .reference-logos { flex-direction: column; } .ref-logo { display: block; max-height: 40px; max-width: 50%; margin-right: auto; margin-left: auto; } .ref-logo.smartum { height: 25px; } .ref-logo.tuomi { height: 60px; } .ref-logo.super { height: 35px; } .ref-logo.small { max-width: 50%; } .feature-icon { width: 20%; margin-bottom: 0px; } .feature-image-div.right { width: 100%; } .footer-menu { width: 100%; } .trial-div { max-width: 90%; margin-top: 80px; margin-bottom: 60px; padding: 20px 25px; } .trial-div.demo.book { max-width: 300px; margin-top: 90px; } .trial-div.demo.book.webinar { max-width: 90%; padding-right: 12px; padding-left: 12px; } .trial-div.new { max-width: 95%; margin-right: auto; margin-left: auto; } .faq.trial-page.top-margin { margin-top: 0px; padding-top: 50px; } .faq-content-div { width: 300px; } .header-logo-div { width: 60%; } .header-logo-div.landing-page { display: flex; max-width: 50%; align-items: center; } .worklist-logo-div { top: 5px; } .worklist-small-logo { width: 60px; } .header-scroll { height: 70px; } .mobile-links { height: 0%; max-width: 100%; margin-top: 70px; } .trial-link { max-width: 100%; } .inline.right { margin-left: 0px; } .resources-mobile-menu-div { display: none; } .features-mobile-menu-div { max-height: 600px; } .add-scroll-div { max-width: 100%; } .button.alternate.menu.no-border { margin-bottom: 8px; } .button.tabs { border-top-style: none; border-left-style: solid; } .button.tabs.last { border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .button.tabs.first { border-top-style: solid; border-left-style: solid; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; } .button.big { margin-bottom: 8px; padding-top: 12px; padding-bottom: 12px; font-size: 14px; } .button.big.secondary { margin-left: 0px; } .button.menu { margin-bottom: 8px; } .button.very-small.left-marg { margin-left: 0px; padding: 4px 10px; font-size: 11px; line-height: 18px; } .about-us-section { padding-top: 150px; } .about-us-section.no-pad { padding-top: 650px; } .footer-some { display: flex; width: 100%; margin-bottom: 16px; } .front-p { font-size: 17px; } .front-p._50 { width: 80%; } .front-p._50.diab { font-size: 15px; line-height: 25px; } .front-p.pricing-page.lower.small { margin-top: 10px; margin-bottom: 0px; padding-top: 10px; font-size: 15px; } .front-p.pricing-page.lower.small.less-marg { padding-bottom: 0px; } .front-p.pricing-page.lower.small.explanation { margin-top: 0px; padding-top: 0px; padding-bottom: 10px; } .disabled-text-big { width: 90%; font-size: 30px; line-height: 30px; } .pricing-new { height: 650px; padding-top: 0px; } .pricing-tab { padding-left: 0px; } .pricing-tab.w--current { padding-left: 0px; } .pricing-tab.mobile { display: block; width: 60%; margin-top: 20px; margin-right: auto; margin-left: auto; background-color: #fff; color: #00a9f5; } .pricing-tabs { margin-bottom: 20px; } .price-slider { height: 250px; background-color: transparent; } .icon { margin-top: 20px; margin-right: 5px; font-size: 25px; } .icon-2 { margin-top: 20px; margin-left: 5px; font-size: 25px; } .slide-nav { z-index: 1; padding-top: 10px; font-size: 10px; } .collection-item { width: 100%; } .organizers { flex-direction: column; } .presenter-1 { width: 100%; margin-bottom: 40px; } .presenter-1._33 { width: 95%; } .prices-company { height: 300px; } .pricing-container-tab-link { width: 32%; padding-right: 15px; padding-left: 15px; } .product-feature-div { width: 100%; } .ref-comment-text.delete { width: 100%; height: 50%; } .ref-comment-text.tuomi { width: 100%; height: 50%; } .ref-comment-text.super { width: 100%; height: 50%; } .ref-comment-logo.delete { width: 100%; height: 50%; } .ref-comment-logo.tuomi { width: 100%; height: 50%; } .ref-comment-logo.super { width: 100%; height: 50%; } .quote-slider { height: 600px; } .partners-heading { font-size: 17px; line-height: 17px; } .partners-subheading { font-size: 15px; line-height: 20px; } .show-next-webinar { bottom: 15px; width: 270px; } .ref-slider { height: 200px; } .partner-role-div { width: 90%; } .transparent-nav { opacity: 0; } .general-top-bar-logo.top-bar { max-width: 700%; } .general-top-bar-link { padding-right: 8px; padding-left: 8px; font-size: 12px; line-height: 15px; } .general-top-bar-link.active { font-size: 12px; line-height: 15px; } .top-bar-link-block { overflow: hidden; width: 30px; max-width: 35%; } .new-front-hero { height: 1800px; } .new-front-hero.newer { padding-top: 20px; } .new-front-hero-container-text { padding-right: 0px; } .heading-large { margin-top: 0px; padding-top: 20px; letter-spacing: 0px; } .heading-large.center { padding-top: 0px; } .heading-large.center.white { font-size: 30px; } .transparent._70 { height: 300px; } .right-arrow-2 { right: -20px; width: 40px; } .left-arrow { left: -30px; width: 40px; } .new-front-ref-logo-div { width: 21%; } .new-front-ref-logo-div.super.secondary { display: none; } .new-front-ref-logo-div.istekki { display: none; } .new-front-ref-logo-div.taksi-hki.secondary { display: none; } .new-front-ref-logo-div.tva.secondary { display: none; } .new-front-ref-logo-div.procomp { background-size: 100%; } .new-front-ref-logo-div.ecraft.secondary { display: none; } .new-front-ref-logo-div.adara.secondary { display: none; } .new-front-ref-logo-div.narrow.saarioinen { width: 50%; background-position: 50% 50%; } .new-front-ref-logo-div.koja.secondary { display: none; } .new-front-ref-logo-div.new-grid { margin-right: 16px; margin-bottom: 16px; } .new-front-ref-logo-div.jyvaskyla { width: 42%; margin-right: 4%; } .new-front-ref-logo-div.bnc { width: 48%; } .new-front-ref-logo-div.cyferd { width: 48%; } .new-front-ref-logo-div.delete { width: 50%; } .new-front-ref-logo-div._1do { width: 50%; } .new-front-ref-logo-div.oulu { width: 48%; } .new-front-ref-logo-div.mitigram { width: 50%; max-height: 50px; } .new-front-ref-logo-div.happyornot { width: 48%; } .new-front-ref-logo-div.kojamo { width: 48%; } .new-front-ref-logo-div.kuntaliitto { width: 48%; } .new-front-ref-logo-div.takk { width: 42%; } .new-front-ref-logo-div.wihuri { width: 48%; background-size: 80%; } .intro { margin-top: 0px; } .yhteiso-heading { font-size: 26px; line-height: 30px; } .yhteiso-intro { font-size: 15px; line-height: 18px; } .buttons-div { display: block; flex-direction: column; } .yhteiso-button { display: inline-block; width: 40%; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; float: none; text-align: center; } .yhteiso-button-text { float: none; font-size: 10px; line-height: 16px; } .yhteiso-button-icon { float: none; } .ask-for-webinar { display: none; } .app-dashboard-card.full-wide { width: 100%; height: 330px; } .app-dashboard-card.training-page { height: 400px; } .heading-4.mobile { font-size: 18px; } .app-card-logo { width: 75%; } .top-banner { height: 50px; flex-direction: column; } .version-difference-div { width: 95%; } .price-description-texxt { margin-right: 30px; margin-left: 30px; } .features-list { margin-right: 10px; margin-left: 10px; } .version-features-column.right { border-left-style: solid; } .esimerkki { left: 0px; top: 49%; right: auto; bottom: 49%; } .support-block { width: 80%; } .support-flex-container { flex-direction: column; } .section-2.absolute { padding-left: 8px; } .team-benefit-div { width: 85%; } .team-bene-h4 { text-align: center; } .primary-text.large.bold.no-margin.mobile-left { text-align: left; } .primary-text.large.no-center.webinar { margin-bottom: 8px; font-size: 14px; line-height: 21px; } .primary-text.no-margin.mob-marg { margin-bottom: 8px; } .inline-solution-collection-item { width: 90%; } .ratkaisut-div.no-pad { padding-right: 0px; padding-left: 0px; } .solution-page-ref-logo { max-height: 20px; margin-top: 3%; margin-bottom: 3%; } .top-content-div { flex-direction: column; align-items: center; } .top-content-single-div { width: 70%; } .top-were-hiring.webinar { position: static; top: 50px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .text-block-14 { display: none; } .text-block-14.mobile { display: block; } .text-block-14.hellobar.fixed-webinar { display: block; letter-spacing: -0.3px; } .text-block-14.register { display: block; } .features-page-tab-link { display: inline-block; } .features-page-tab-link.w--current { padding-right: 5px; padding-left: 5px; } .front-references.less-pad { padding-top: 0px; padding-bottom: 0px; } .front-features-subheading._80 { width: 100%; font-size: 18px; line-height: 27px; font-weight: 400; letter-spacing: -0.5px; } .front-features-heading-small { font-size: 12px; } .features-tab-image { width: 100%; } .features-tab-text { width: 100%; } .progress-slider { padding-right: 0px; padding-left: 0px; } .final-links { display: none; } .themes-tab-link { margin-bottom: 10px; padding-right: 25px; padding-left: 25px; } .themes-tab-link.w--current { padding-right: 25px; padding-left: 25px; } .themes-tab-link.small { padding-right: 0px; padding-left: 0px; } .themes-tab-link.small.w--current { padding-right: 6px; } .final-things-inner-div { width: 90%; padding-left: 70px; } .final-things-heading { text-align: left; } .main-features-inner-image { height: 260px; } .ref-images-inner { padding-right: 1%; padding-left: 1%; } .notice-me-info { width: 80%; } .notice-me-info.no-transparnecy { left: 0px; width: 100%; } .text-block-22 { letter-spacing: -0.5px; } .doc-layer { height: 80px; } .doc-line { display: none; } .get-started-buttons { flex-direction: column; } .new-front-device-image { width: 100%; } .image-10 { width: 99%; height: 90%; margin-left: 0%; } .pricing-plan-div { width: 90%; margin-bottom: 30px; } .plans-inner-div { flex-direction: column; align-items: center; } .pricing-tabs-section { align-items: center; } .pricing-tab-menu-new { width: 60%; padding-left: 0px; flex-direction: column; align-items: stretch; } .feature-overlay-default { display: none; } .feature-overlay-secondary { display: none; } .section-3.bg { top: 95px; height: 450px; } .text-field.footer-newsletter { width: 100%; margin-bottom: 16px; text-align: center; } .submit-button { width: 35%; font-size: 11px; line-height: 20px; letter-spacing: -0.5px; } .submit-button.footer-newsletter { position: static; width: 50%; float: none; line-height: 24px; } .vahti-form { width: 100%; } .vahti-form.menu { display: none; } .vahti-form.footer-newsletter { display: flex; flex-direction: column; } .div-block-27 { flex-direction: column; align-items: center; } .vahti-category-div { width: 75%; margin-bottom: 20px; } .vahti-all.inline { width: 100%; } .vahti-post { width: 90%; } .vahti-post.no-shield { width: 90%; } .vahti-post.no-shield.webinar { width: 100%; } .vahti-post.no-shield.webinar.linked { width: 100%; } .vahti-post.no-shield.webinar.video { width: 100%; } .vahti-post.no-shield.wide { width: 100%; } .collection-list-3 { justify-content: center; } .full-width-image.no-shield.webinar.webinar-page { height: 150px; } .text-field-2.inline { width: 75%; } .font-awesome-2 { flex: 0 auto; } .newsletter-p.inline { font-size: 12px; line-height: 20px; } .newsletter-main { padding: 16px 10px; } .close { top: 4px; right: 4px; } ._14px { font-size: 12px; line-height: 20px; } .submit-button-2.inline { width: 25%; } .newsletter-text { padding-left: 0px; } .front-hero { height: 500px; } .inner-container.align-top.concept-item { flex-direction: column-reverse; } .map-image-circle { width: 100px; height: 100px; } .heading-small { top: -72px; } .heading-small.static.blank-space { margin-bottom: 48px; } .section-basic.transparent.more-bottom-marg { padding-top: 24px; } .heading-basic.no-bottom-margin.concept-item { font-size: 24px; line-height: 30px; } .heading-basic.no-bottom-margin.concept-item.limited { font-size: 20px; line-height: 26px; } ._75-width { width: 95%; } .wide-container.right { align-items: stretch; } .icon-66.no-margin { height: 40px; } .subpage-hero.tulkki.academy { padding-top: 32px; padding-bottom: 8px; } .scroll-text { left: 20px; } .map-section { min-width: 1340px; padding-right: 20px; padding-left: 20px; } .level-text { left: 20px; } .tabs-menu { display: flex; } .concept-item-left-menu { width: 100%; } .concept-item-card { width: 100%; padding: 8px; } .concept-item-info { padding: 8px; } .concept-item-info.lett-bot-marg.webinar-page { width: 100%; padding-top: 32px; } .concept-item-top-icon { display: none; } .concept-item-top-info { width: 100%; } .menu-section { padding-right: 16px; padding-left: 16px; } .menu-link { padding-left: 48px; font-size: 14px; line-height: 20px; } .menu-link.dropdown { padding-left: 16px; font-size: 14px; line-height: 20px; } .option.summary.clock.display-none.mobile-vert { left: 8px; top: 64px; max-width: 95%; margin-bottom: 16px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; flex-direction: column; align-items: flex-start; } .tag.case.artc { display: none; } .tag.theme.artc { display: none; } .tag.tech.artc { display: none; } .box.new { width: 60px; padding-top: 4px; padding-bottom: 4px; } .clock-number.new { font-size: 24px; line-height: 30px; } .clock-label.mobile { display: block; } .navigation-actions { position: absolute; left: 0%; top: 16px; right: 0%; bottom: auto; z-index: 1000; display: none; width: 100%; padding-right: 8px; padding-left: 8px; } .navigation-actions.blog.mobile { position: static; width: 50%; } .product-menu-link { margin-bottom: 8px; } .product-menu-link.form { display: none; } .product-menu-name { font-size: 10px; line-height: 12px; } .text-block-30 { display: none; } .text-block-30.mobile { font-size: 16px; line-height: 24px; } .columns-3 { display: block; flex-direction: column; } .navigation-links { display: none; width: 100%; padding-top: 40px; padding-left: 0px; flex-direction: column; align-items: stretch; } .menu-button-2 { display: block; } .navigation-action { padding-left: 0px; flex-direction: row; justify-content: flex-start; } .div-block-38 { height: 0px; } .product-menu-text { height: 24px; } .product-menu-icon-img { width: 16px; height: 16px; } .product-menu-icon-img.large { width: 16px; height: 16px; } .learn-links { height: 0px; } .product-menu-icon { width: 20px; height: 20px; } .navigation-link.no-menu { margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; font-size: 12px; line-height: 16px; } .navigation-link.no-menu.cta.plan { text-align: center; } .navigation-link.no-menu.dropdown.no-mobiles.no-dropdown { display: block; } .navigation-link.no-menu.blog.mobile { display: none; } .navigation-link.purple.no-menu { margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; } .navigation-link.arrow { padding-right: 24px; padding-left: 4px; background-position: 95% 50%; } .navigation-link.arrow.kehikot { display: block; } .product-menu-desc { display: none; } .header-navigation { display: block; } .column-4 { padding-top: 8px; padding-bottom: 0px; } .column-4.go-to-row { margin-top: 16px; clear: left; } .header-logo-div-2 { display: flex; width: 70%; max-width: 70%; margin-top: 0px; flex-direction: row; align-items: center; } .header-logo-div-2.home.w--current { width: 50%; } .navigation-container { position: relative; min-height: 50px; } .button-2 { display: block; width: 100%; } .button-2.green.new-purpler { font-size: 14px; } .button-2.green.new-purpler.auto-width.green2 { margin-bottom: 16px; padding-right: 15px; padding-left: 15px; } .button-2.green.new-purpler { font-size: 14px; } .button-2.green.new-purpler.small-text { padding-right: 16px; padding-left: 16px; font-size: 11px; } .heading-20.less-marg { font-size: 30px; } .heading-20.less-marg { font-size: 30px; } .paragraph-3.narrow.less-marg { font-size: 16px; } .front-hero-container.process { margin-top: 120px; padding-top: 48px; flex-direction: column; } .column-5._5-right-padding { padding-right: 16px; padding-left: 16px; } .column-5._5-right-padding { padding-right: 16px; padding-left: 16px; } .label-2 { line-height: 14px; } .center-2.small-marg { text-align: left; } .new-hero-section { padding-top: 30px; } .new-hero-section.no-rotate { padding-top: 32px; padding-bottom: 32px; } .front-process-step { width: 70%; height: 260px; margin-bottom: 24px; padding-top: 16px; } .div-block-40 { width: 300%; } .process-arrow { left: 40%; top: auto; right: auto; bottom: -32px; transform: rotate(90deg); } .image-11 { max-height: 80px; margin-bottom: 16px; } .image-11.small { margin-bottom: 16px; } .paragraph-6 { max-height: 88px; } .threat-div { width: 90%; } .news-item { width: 95%; } .news-item.four { width: 90%; } .news-item.front { width: 90%; } .news-inner.wider.center { padding-right: 0px; padding-left: 0px; } .header-container.pricing-page { padding-right: 8px; padding-left: 8px; } .team-row-inner { flex-direction: column; align-items: center; } .team-column { width: 90%; margin-bottom: 32px; } .text-section { max-width: 90%; } .tabs-menu-8 { margin-left: 7%; flex-direction: column; } .newpricing-tab-link { max-width: 90%; margin-bottom: 16px; padding-bottom: 0px; } .newpricing-tab-link.support { padding-bottom: 16px; } .new-pricng-tabs-content { padding-left: 7%; } .pricing-process-numbers.absolute { left: -9%; } .normal-prices { display: none; opacity: 0; } .div-block-46 { padding-top: 24px; padding-right: 16px; padding-left: 16px; } .white-3.pricing-page { font-size: 30px; } .white-3.opacity-light.narrow.pricing-page { font-size: 16px; } .newsletter-top-heading { font-size: 14px; } .newsletter-main-heading { font-size: 20px; line-height: 24px; } .newsletter-main-heading.inline { font-size: 22px; line-height: 26px; } .form-2 { padding-right: 0px; padding-left: 0px; } .blog-post-h1 { font-size: 26px; line-height: 36px; } .post-author-twitter { font-size: 12px; line-height: 20px; } .post-author-img { width: 32px; height: 32px; } .blog-post-meta-div { margin-bottom: 16px; } .post-author-txt { font-size: 12px; line-height: 20px; } .text-block-8 { font-size: 12px; line-height: 20px; } .text-block-8.large { font-size: 12px; line-height: 20px; } .post-author-image { width: 40px; height: 40px; } .blog-content-section { max-width: 90%; padding-right: 0px; padding-left: 0px; } .blog-share { display: none; } .blog-fixed-nav { top: -77px; height: 50px; } .illustration-1-big { height: 350px; } .paragraph-large { margin-top: 5px; font-size: 16px; } .illustration-2-3-big { top: 11px; width: 380px; margin-left: -30px; } .grid-content { -ms-grid-columns: minmax(200px, 1fr); grid-template-columns: minmax(200px, 1fr); } .illustration-1-3-big { top: 0px; width: 420px; margin-left: -24px; } .block-right { max-width: 100%; } .illustration-2-big { height: 350px; } .illustration-2-big.framework { height: 300px; } .section-title { font-size: 28px; line-height: 34px; } .section-title.small.framework { text-align: left; } .space-for-grid { height: 40px; } .illustration-1-2-big { top: 155px; width: 170px; margin-left: 8px; } .block-content { margin: 25px 10px; } .div-block-48 { flex-direction: row; align-items: center; } .teams-button { margin-left: 0px; } .pricing-feature-div { flex-direction: column; } .pricing-feature-div.last { border-top-style: none; } .pricing-feature-main { width: 100%; padding-right: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .pricing-feature-main.right { padding-left: 20px; } .pricing-feature-text { width: 100%; padding-bottom: 20px; padding-left: 20px; } .pricing-heading { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .pricing-heading.extend { background-image: none; background-size: auto; background-repeat: repeat; } .pricing-heading.enterprise { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .material-div { width: 100%; } .div-block-50 { -ms-grid-row-align: stretch; align-self: stretch; } .div-block-51 { display: flex; height: 56px; padding: 12px 8px; justify-content: space-between; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.09); background-color: #f4f5f7; } .image-12 { max-height: 32px; } .menu-ico { width: 20px; height: 20px; margin-top: 6px; margin-right: 4px; cursor: pointer; } .menu-ico-close { position: absolute; left: auto; top: 52px; right: 8px; bottom: 0%; display: none; width: 20px; height: 20px; margin-top: 6px; margin-right: 4px; opacity: 0; cursor: pointer; } .ref-comment-div { padding-right: 8px; } .image-narrow { display: none; } .smaller-bot-margin { font-size: 24px; line-height: 30px; } .front-hero-heading { font-size: 30px; line-height: 33px; } .front-hero-heading.white.left { display: none; } .front-hero-heading.white.left.mobile { display: block; } .front-hero-heading.center._80 { font-size: 28px; line-height: 32px; } .image-14 { max-height: 130px; max-width: 50%; } .div-block-54 { width: 30%; } .div-block-54.frameworks { width: 15%; margin-left: 5%; } .div-block-54.headings { align-items: flex-start; } .content-div-graph { padding-left: 4px; } .content-div-graph.second { margin-top: 20px; } .content-div-graph.second.third.frameworks { margin-top: 16px; } .graph-heading { font-size: 12px; letter-spacing: -0.5px; } .graph-heading.frameworks { display: none; } .graph-heading.frameworks.mobile { display: none; } .graph-p.mobile { display: none; } .framework-tag { margin-right: 0px; } .framework-tag.mobile { display: block; margin-right: 0px; } .framework-tag.lrg-screens { display: none; } .refs-inner { padding-top: 32px; padding-bottom: 0px; } .refs-inner.front { padding-top: 40px; padding-bottom: 0px; } .frameworks-section { padding-top: 32px; } .frameworks-top-text { max-width: 100%; } .framework-card { width: 100%; flex-direction: column; } .framework-card-icon { margin-bottom: 16px; } .div-block-57 { flex-direction: column; align-items: flex-start; } .teams-ico.mobile { width: 40px; height: 40px; margin-top: 22px; } .tabs-menu-9 { display: flex; max-width: 100%; justify-content: center; align-items: center; text-align: center; } .framew-tab-link { padding-right: 8px; padding-left: 8px; } .no-mobile { display: none; } .mobile-text { display: block; } .div-block-58 { max-width: 100%; } .municipality-logo { max-width: 23%; } .municipality-logo.fifth-col { display: none; } .webinar-hero { padding-top: 200px; padding-bottom: 460px; background-size: 350px, auto, 225%; } .webinar-content { padding-top: 0px; flex-direction: column; } .webinar-main-info { width: 100%; } .learn-more-link { margin-top: 16px; } .floater-div.right { min-height: 180px; flex-direction: column; } .webinar-page-button.no-tic { margin-bottom: 16px; margin-left: 0px; } .webinar-time-button { left: 0%; top: auto; right: 0%; bottom: -60%; width: 100%; height: 60%; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); } .logo-webinar-page { width: 90%; margin-top: -184px; } .webinar-left-menu { width: 100%; } .webinar-page-heading { margin-top: 10px; font-size: 26px; line-height: 30px; } .tabs-content-5 { padding-right: 16px; padding-left: 16px; } .tabs-menu-10 { padding-top: 60px; } .tabs-menu-heading { top: 16px; } .tab-link-tab-2 { padding-right: 16px; padding-left: 16px; } .tab-info-text.foot-text { width: 100%; margin-bottom: 24px; } .action-point-block-info-text { width: 75%; } .action-point-block-icon { width: 16px; height: 16px; margin-right: 8px; } .action-block-footer { flex-direction: column; } .custom-button { max-width: 100%; } .framework-menu { overflow: scroll; } .icon-div { display: none; } .framework-task-title { max-width: 100%; padding-left: 32px; } .task-intro { padding-right: 32px; padding-left: 32px; } .nav-col.mobile-menu { width: 100%; flex-direction: row; } .mobile-menu-button-div { width: 40px; height: 26px; } .mobile-menu-icon { width: 12px; height: 12px; } .site-mobile-menu { z-index: 100000000; } .mobile-menu-section { padding: 16px; } .mobile-menu-section.footer { flex-direction: column; } .nav-cols { flex-direction: column; } .mobile-nav-link { width: 50%; } .mobile-nav-link.last { display: none; } .mobile-nav-link-text { letter-spacing: -0.2px; } .primary-text-3.notice.ad-page { letter-spacing: -0.5px; } .image-16 { max-width: 100%; } .div-block-63 { margin-right: 4px; } .next-webinar-hellobar { z-index: 1000; } .div-block-66 { display: none; } .div-block-66.mobile { display: flex; } .get-started-div { height: 480px; } .front-customers-tabs { padding-right: 8px; padding-left: 8px; } .front-customers-logos { width: 90%; padding-right: 8px; padding-left: 8px; } .front-customer-tabs { padding-right: 0px; flex-direction: column; } .front-customer-tabs-menu { width: 70%; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; } .front-customer-tabs-img { max-height: 24px; } .front-customer-tabs-tab { padding-top: 12px; padding-bottom: 12px; } .front-customer-tab-pane-div { height: auto; margin-top: 24px; padding: 24px; } .front-customer-tabs-content { width: 100%; } .front-customer-tabs-heading { font-size: 16px; line-height: 22px; } .front-heading-p { max-width: 100%; } .new-front-diagram { max-width: 95%; padding-top: 24px; padding-right: 32px; padding-left: 32px; } .new-front-diagram-cards { margin-top: 40px; } .new-front-diagram-card { width: 100%; } .new-front-product-tabs-tab { overflow: visible; max-width: 100%; padding-top: 8px; padding-bottom: 8px; border-style: solid solid none; border-width: 1px; border-color: #d5d9e0; background-color: #fff; } .tabs-menu-11 { flex-direction: column; } .new-front-product-tabs-text { padding-top: 24px; padding-right: 24px; padding-left: 24px; } .front-top-stuff-div { margin-bottom: 0px; } .front-top-stuff-image { margin-top: 24px; margin-bottom: 24px; } .front-top-section { padding-top: 16px; } .front-top-image-2 { left: 15%; bottom: -55%; display: none; width: 100%; height: 65%; } .front-top-image-3 { top: -40%; display: none; width: 80%; } .div-block-75 { flex-direction: column; align-items: flex-start; } .webinar-series-image { display: none; } .webinar-series-intro { width: 100%; } .webinar-part-list.next-parts { display: none; } .div-block-81 { margin-top: 16px; } .webinar-series-list { padding-top: 32px; padding-right: 16px; padding-left: 16px; } .div-block-84 { width: 50%; } .div-block-84.participants { display: none; } .form-3 { flex-direction: column; } .webinar-date-div { justify-content: flex-start; } .upcoming-tag.web-card { display: none; } .div-block-87.time-icon { display: none; } .button-4.big { margin-bottom: 8px; padding-top: 12px; padding-bottom: 12px; font-size: 14px; } .button-4.big.secondary { margin-left: 0px; } .div-block-90 { flex-direction: column; align-items: flex-start; } .front-image-floater { left: 8px; top: auto; right: auto; bottom: -60px; } .front-image-floater.integrate { left: 8px; top: auto; right: auto; bottom: -120px; } .front-image-floater-text { font-size: 12px; letter-spacing: -1px; } .navigation-link-2.no-menu { margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; font-size: 12px; line-height: 16px; } .ref-images-inner-2 { padding-right: 1%; padding-left: 1%; } .div-block-93 { width: 95%; padding-right: 0%; } .div-block-93.last { padding-right: 0%; } .new-front-diagram-card-list-2.top-padding.abso { display: none; } .new-front-diagram-cards-2 { margin-top: 40px; } .new-front-diagram-card-2 { width: 100%; } .new-front-product-tabs-text-2 { padding-top: 24px; padding-right: 24px; padding-left: 24px; } .tabs-menu-12 { width: 100%; max-width: 100%; flex-direction: column; } .new-front-product-tabs-tab-2 { overflow: visible; max-width: 100%; padding-top: 8px; padding-bottom: 8px; border-style: solid solid none; border-width: 1px; border-color: #d5d9e0; background-color: #fff; } .get-started-div-2 { height: 480px; } .div-block-98 { margin-bottom: 16px; } .footer-logos { margin-top: 16px; margin-bottom: 0px; } .footer-logo-link { max-width: 80%; margin-bottom: 24px; } .div-block-99 { width: 100%; } .feature-new-tabs-tab { margin-bottom: 16px; margin-left: 0px; } .feature-new-image-img { max-height: 400px; } .feature-new-image-img.abso.linkblock { bottom: -50%; } .feature-new-image-img.abso.treatment-method { right: 0%; max-width: 80%; } .feature-new-image-img.abso.task-msg { left: 15%; top: -40%; max-width: 70%; } .feature-new-image-img.tabs-center { max-width: 220%; margin-right: auto; margin-left: auto; box-shadow: none; } .feature-new-image-img.tabs-center.report { max-width: 100%; } .feature-new-text-title { margin-bottom: 16px; } .feature-new-text-title.tabs-center { font-size: 32px; line-height: 40px; } .feature-new-tabs { flex-direction: column; } .features-page { padding-top: 24px; padding-bottom: 24px; } .feature-new-tab-pane { padding-left: 10px; } .feature-new-image-div { padding-right: 8px; padding-left: 8px; } .feature-new-image-div.tabs { padding-bottom: 0px; } .feature-heading { font-size: 32px; line-height: 40px; } .feature-p-new { max-width: 100%; } .feature-main-content { margin: 25px 10px; } .feature-new-text-p.tabs-center { margin-bottom: 32px; margin-left: 0px; } .help-section { padding-top: 16px; padding-bottom: 64px; background-image: none; background-size: auto; background-repeat: repeat; } .help-section-text { width: 100%; } .help-section-h1 { font-size: 40px; line-height: 72px; } .help-section-h1.bold { font-size: 64px; line-height: 72px; } .help-search { font-size: 14px; line-height: 24px; } .search-sidebar { width: 95%; } .search-results-div { width: 95%; } .search-results-div-inner { padding: 24px; } .product-menu-link-2 { margin-bottom: 16px; } .product-menu-name-2 { font-size: 10px; line-height: 12px; } .feature-benefits-div { max-width: 85%; } .language-div { flex-direction: column; align-items: flex-start; } .frameworks-list { padding-left: 8px; flex-direction: column; align-items: flex-start; } .frameworks-list.secondary { display: none; } .framework-tag-button { width: 66%; margin-bottom: 8px; padding-top: 16px; padding-bottom: 16px; } .div-block-103 { padding-top: 24px; } .frameworks-card-footer { bottom: 16px; } .footer-text-included { margin-top: -7px; padding-bottom: 7px; } .frameworks-front-heading.no-marg.absolute { left: 10px; } .frameworks-front-text.no-marg.absolute { left: 10px; top: 60px; } .review-text-wrap { width: 100%; } .success-wrap { padding: 16px; } .rev-section-title { font-size: 36px; line-height: 54px; } .rev-left-pane { padding-right: 0px; padding-left: 0px; } .input-field { border-style: solid; border-color: #e4e5e9; box-shadow: none; } .input-field:focus { border-width: 1px; border-color: #00ae42; box-shadow: none; } .input-field.review-field { border-color: #555f68; box-shadow: none; } .input-field.review-field:focus { border-color: #00ae42; box-shadow: none; } .legal-check-text { margin-left: 3px; } .success-title { font-size: 26px; line-height: 32px; } .fade-bar { position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; width: 90px; margin-left: 145px; flex: 1; } .review-form-block { padding: 28px; } .title-tag { white-space: nowrap; } .akatemia-tag { margin-bottom: 16px; font-size: 14px; line-height: 20px; } .academy-section { padding-right: 8px; padding-left: 8px; } .academy-content-card { padding: 16px; } .webinar-chapter-link.video.front { background-position: 100% 50%; } .webinar-chapter-link.article.front { padding-left: 32px; background-position: 8px 50%; } .webinar-chapter-link.help.front { background-position: 100% 50%; } .webinar-chapter-link.show-all { padding-left: 32px; } .chapter-heading { font-size: 24px; line-height: 30px; } .blog-top-heading { font-size: 24px; line-height: 30px; } .framework-series-coll-list { width: 96%; } .support-options-section { padding-top: 168px; padding-right: 10px; padding-left: 10px; } .support-option-div { width: 100%; } .subpage-row-column-2 { width: 95%; } .main-button.big.secondary.left-marg { margin-top: 8px; margin-left: 0px; } .gradient-ball.front-hero { right: -700px; } .meeting-type { padding: 16px; } .meeting-icon { display: none; } .meeting-details { padding-left: 0px; } } @font-face { font-family: 'Inter beta'; src: url('https://assets.website-files.com/59187ffe73ec360b06783426/5e158656274eecb2fbb96cd0_Inter-Light-BETA.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('https://assets.website-files.com/59187ffe73ec360b06783426/5e158657274eec26c9b96cd1_Inter-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Fontawesome webfont'; src: url('https://assets.website-files.com/59187ffe73ec360b06783426/5918862b7c47180f72a68b8d_fontawesome-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Fa solid 900'; src: url('https://assets.website-files.com/59187ffe73ec360b06783426/5ad45867d923b99e32c7a70c_fa-solid-900.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: 'Fa 400'; src: url('https://assets.website-files.com/59187ffe73ec360b06783426/5ad458673265e90f9845a4a8_fa-regular-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Fontfabric panton'; src: url('https://assets.website-files.com/59187ffe73ec360b06783426/5918830b7c47180f72a68b11_Fontfabric%20-%20Panton-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: auto; }