Download static/css/main.css from Innovex/sal_pred: direct link, hf CLI and curl.
- Browser
- Download file 56.1 kB
-
https://huggingface.co/spaces/Innovex/sal_pred/resolve/main/static/css/main.css
- Command line
-
hf download hf://spaces/Innovex/sal_pred/static/css/main.css
-
curl -L -o main.css https://huggingface.co/spaces/Innovex/sal_pred/resolve/main/static/css/main.css
56.1 kB
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
| html { | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| font-family: sans-serif; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| vertical-align: baseline; | |
| display: inline-block; | |
| } | |
| audio:not([controls]) { | |
| height: 0; | |
| display: none; | |
| } | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| a { | |
| background-color: rgba(0, 0, 0, 0); | |
| } | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| dfn { | |
| font-style: italic; | |
| } | |
| h1 { | |
| margin: .67em 0; | |
| font-size: 2em; | |
| } | |
| mark { | |
| color: #000; | |
| background: #ff0; | |
| } | |
| small { | |
| font-size: 80%; | |
| } | |
| sub, | |
| sup { | |
| vertical-align: baseline; | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| } | |
| sup { | |
| top: -.5em; | |
| } | |
| sub { | |
| bottom: -.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; | |
| font-size: 1em; | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| font: inherit; | |
| margin: 0; | |
| } | |
| button { | |
| overflow: visible; | |
| } | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| 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-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| fieldset { | |
| border: 1px solid silver; | |
| 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; | |
| } | |
| @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-variant: normal; | |
| text-transform: none; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 1; | |
| font-family: webflow-icons ; | |
| } | |
| .w-icon-slider-right:before { | |
| content: ""; | |
| } | |
| .w-icon-slider-left:before { | |
| content: "î˜"; | |
| } | |
| .w-icon-nav-menu:before { | |
| content: ""; | |
| } | |
| .w-icon-arrow-down:before, | |
| .w-icon-dropdown-toggle:before { | |
| content: ""; | |
| } | |
| .w-icon-file-upload-remove:before { | |
| content: ""; | |
| } | |
| .w-icon-file-upload-icon:before { | |
| content: ""; | |
| } | |
| * { | |
| box-sizing: border-box; | |
| } | |
| html { | |
| height: 100%; | |
| } | |
| body { | |
| min-height: 100%; | |
| color: #333; | |
| background-color: #fff; | |
| margin: 0; | |
| font-family: Arial, sans-serif; | |
| font-size: 14px; | |
| line-height: 20px; | |
| } | |
| img { | |
| max-width: 100%; | |
| vertical-align: middle; | |
| display: inline-block; | |
| } | |
| html.w-mod-touch * { | |
| background-attachment: scroll ; | |
| } | |
| .w-block { | |
| display: block; | |
| } | |
| .w-inline-block { | |
| max-width: 100%; | |
| display: inline-block; | |
| } | |
| .w-clearfix:before, | |
| .w-clearfix:after { | |
| content: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-clearfix:after { | |
| clear: both; | |
| } | |
| .w-hidden { | |
| display: none; | |
| } | |
| .w-button { | |
| color: #fff; | |
| line-height: inherit; | |
| cursor: pointer; | |
| background-color: #3898ec; | |
| border: 0; | |
| border-radius: 0; | |
| padding: 9px 15px; | |
| text-decoration: none; | |
| display: inline-block; | |
| } | |
| html[data-w-dynpage] [data-w-cloak] { | |
| color: rgba(0, 0, 0, 0) ; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin-bottom: 10px; | |
| font-weight: bold; | |
| } | |
| h1 { | |
| margin-top: 20px; | |
| font-size: 38px; | |
| line-height: 44px; | |
| } | |
| h2 { | |
| margin-top: 20px; | |
| font-size: 32px; | |
| line-height: 36px; | |
| } | |
| h3 { | |
| margin-top: 20px; | |
| font-size: 24px; | |
| line-height: 30px; | |
| } | |
| h4 { | |
| margin-top: 10px; | |
| font-size: 18px; | |
| line-height: 24px; | |
| } | |
| h5 { | |
| margin-top: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| } | |
| h6 { | |
| margin-top: 10px; | |
| font-size: 12px; | |
| line-height: 18px; | |
| } | |
| p { | |
| margin-top: 0; | |
| margin-bottom: 10px; | |
| } | |
| blockquote { | |
| border-left: 5px solid #e2e2e2; | |
| margin: 0 0 10px; | |
| padding: 10px 20px; | |
| font-size: 18px; | |
| line-height: 22px; | |
| } | |
| figure { | |
| margin: 0 0 10px; | |
| } | |
| figcaption { | |
| text-align: center; | |
| margin-top: 5px; | |
| } | |
| ul, | |
| ol { | |
| margin-top: 0; | |
| margin-bottom: 10px; | |
| padding-left: 40px; | |
| } | |
| .w-list-unstyled { | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| .w-embed:before, | |
| .w-embed:after { | |
| content: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-embed:after { | |
| clear: both; | |
| } | |
| .w-video { | |
| width: 100%; | |
| padding: 0; | |
| position: relative; | |
| } | |
| .w-video iframe, | |
| .w-video object, | |
| .w-video embed { | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| } | |
| fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| button, | |
| [type="button"], | |
| [type="reset"] { | |
| cursor: pointer; | |
| border: 0; | |
| } | |
| .w-form { | |
| margin: 0 0 15px; | |
| } | |
| .w-form-done { | |
| text-align: center; | |
| background-color: #ddd; | |
| padding: 20px; | |
| display: none; | |
| } | |
| .w-form-fail { | |
| background-color: #ffdede; | |
| margin-top: 10px; | |
| padding: 10px; | |
| display: none; | |
| } | |
| label { | |
| margin-bottom: 5px; | |
| font-weight: bold; | |
| display: block; | |
| } | |
| .w-input, | |
| .w-select { | |
| width: 100%; | |
| height: 38px; | |
| color: #333; | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| margin-bottom: 10px; | |
| padding: 8px 12px; | |
| font-size: 14px; | |
| line-height: 1.42857; | |
| display: block; | |
| } | |
| .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: #eee; | |
| } | |
| textarea.w-input, | |
| textarea.w-select { | |
| height: auto; | |
| } | |
| .w-select { | |
| background-color: #f3f3f3; | |
| } | |
| .w-select[multiple] { | |
| height: auto; | |
| } | |
| .w-form-label { | |
| cursor: pointer; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| display: inline-block; | |
| } | |
| .w-radio { | |
| margin-bottom: 5px; | |
| padding-left: 20px; | |
| display: block; | |
| } | |
| .w-radio:before, | |
| .w-radio:after { | |
| content: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-radio:after { | |
| clear: both; | |
| } | |
| .w-radio-input { | |
| margin: 4px 0 0; | |
| margin-top: 1px \9; | |
| float: left; | |
| margin-top: 3px; | |
| margin-left: -20px; | |
| line-height: normal; | |
| } | |
| .w-file-upload { | |
| margin-bottom: 10px; | |
| display: block; | |
| } | |
| .w-file-upload-input { | |
| width: .1px; | |
| height: .1px; | |
| opacity: 0; | |
| z-index: -100; | |
| position: absolute; | |
| overflow: hidden; | |
| } | |
| .w-file-upload-default, | |
| .w-file-upload-uploading, | |
| .w-file-upload-success { | |
| color: #333; | |
| display: inline-block; | |
| } | |
| .w-file-upload-error { | |
| margin-top: 10px; | |
| display: block; | |
| } | |
| .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 { | |
| cursor: pointer; | |
| background-color: #fafafa; | |
| border: 1px solid #ccc; | |
| margin: 0; | |
| padding: 8px 12px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| display: flex; | |
| } | |
| .w-file-upload-file { | |
| background-color: #fafafa; | |
| border: 1px solid #ccc; | |
| flex-grow: 1; | |
| justify-content: space-between; | |
| margin: 0; | |
| padding: 8px 9px 8px 11px; | |
| display: flex; | |
| } | |
| .w-file-upload-file-name { | |
| font-size: 14px; | |
| font-weight: normal; | |
| display: block; | |
| } | |
| .w-file-remove-link { | |
| width: auto; | |
| height: auto; | |
| cursor: pointer; | |
| margin-top: 3px; | |
| margin-left: 10px; | |
| padding: 3px; | |
| display: block; | |
| } | |
| .w-icon-file-upload-remove { | |
| margin: auto; | |
| font-size: 10px; | |
| } | |
| .w-file-upload-error-msg { | |
| color: #ea384c; | |
| padding: 2px 0; | |
| display: inline-block; | |
| } | |
| .w-file-upload-info { | |
| padding: 0 12px; | |
| line-height: 38px; | |
| display: inline-block; | |
| } | |
| .w-file-upload-label { | |
| cursor: pointer; | |
| background-color: #fafafa; | |
| border: 1px solid #ccc; | |
| margin: 0; | |
| padding: 8px 12px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| display: inline-block; | |
| } | |
| .w-icon-file-upload-icon, | |
| .w-icon-file-upload-uploading { | |
| width: 20px; | |
| margin-right: 8px; | |
| display: inline-block; | |
| } | |
| .w-icon-file-upload-uploading { | |
| height: 20px; | |
| } | |
| .w-container { | |
| max-width: 940px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .w-container:before, | |
| .w-container:after { | |
| content: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-container:after { | |
| clear: both; | |
| } | |
| .w-container .w-row { | |
| margin-left: -10px; | |
| margin-right: -10px; | |
| } | |
| .w-row:before, | |
| .w-row:after { | |
| content: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-row:after { | |
| clear: both; | |
| } | |
| .w-row .w-row { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| .w-col { | |
| float: left; | |
| width: 100%; | |
| min-height: 1px; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| position: relative; | |
| } | |
| .w-col .w-col { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .w-col-1 { | |
| width: 8.33333%; | |
| } | |
| .w-col-2 { | |
| width: 16.6667%; | |
| } | |
| .w-col-3 { | |
| width: 25%; | |
| } | |
| .w-col-4 { | |
| width: 33.3333%; | |
| } | |
| .w-col-5 { | |
| width: 41.6667%; | |
| } | |
| .w-col-6 { | |
| width: 50%; | |
| } | |
| .w-col-7 { | |
| width: 58.3333%; | |
| } | |
| .w-col-8 { | |
| width: 66.6667%; | |
| } | |
| .w-col-9 { | |
| width: 75%; | |
| } | |
| .w-col-10 { | |
| width: 83.3333%; | |
| } | |
| .w-col-11 { | |
| width: 91.6667%; | |
| } | |
| .w-col-12 { | |
| width: 100%; | |
| } | |
| .w-hidden-main { | |
| display: none ; | |
| } | |
| @media screen and (max-width: 991px) { | |
| .w-container { | |
| max-width: 728px; | |
| } | |
| .w-hidden-main { | |
| display: inherit ; | |
| } | |
| .w-hidden-medium { | |
| display: none ; | |
| } | |
| .w-col-medium-1 { | |
| width: 8.33333%; | |
| } | |
| .w-col-medium-2 { | |
| width: 16.6667%; | |
| } | |
| .w-col-medium-3 { | |
| width: 25%; | |
| } | |
| .w-col-medium-4 { | |
| width: 33.3333%; | |
| } | |
| .w-col-medium-5 { | |
| width: 41.6667%; | |
| } | |
| .w-col-medium-6 { | |
| width: 50%; | |
| } | |
| .w-col-medium-7 { | |
| width: 58.3333%; | |
| } | |
| .w-col-medium-8 { | |
| width: 66.6667%; | |
| } | |
| .w-col-medium-9 { | |
| width: 75%; | |
| } | |
| .w-col-medium-10 { | |
| width: 83.3333%; | |
| } | |
| .w-col-medium-11 { | |
| width: 91.6667%; | |
| } | |
| .w-col-medium-12 { | |
| width: 100%; | |
| } | |
| .w-col-stack { | |
| width: 100%; | |
| left: auto; | |
| right: auto; | |
| } | |
| } | |
| @media screen and (max-width: 767px) { | |
| .w-hidden-main, | |
| .w-hidden-medium { | |
| display: inherit ; | |
| } | |
| .w-hidden-small { | |
| display: none ; | |
| } | |
| .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.33333%; | |
| } | |
| .w-col-small-2 { | |
| width: 16.6667%; | |
| } | |
| .w-col-small-3 { | |
| width: 25%; | |
| } | |
| .w-col-small-4 { | |
| width: 33.3333%; | |
| } | |
| .w-col-small-5 { | |
| width: 41.6667%; | |
| } | |
| .w-col-small-6 { | |
| width: 50%; | |
| } | |
| .w-col-small-7 { | |
| width: 58.3333%; | |
| } | |
| .w-col-small-8 { | |
| width: 66.6667%; | |
| } | |
| .w-col-small-9 { | |
| width: 75%; | |
| } | |
| .w-col-small-10 { | |
| width: 83.3333%; | |
| } | |
| .w-col-small-11 { | |
| width: 91.6667%; | |
| } | |
| .w-col-small-12 { | |
| width: 100%; | |
| } | |
| } | |
| @media screen and (max-width: 479px) { | |
| .w-container { | |
| max-width: none; | |
| } | |
| .w-hidden-main, | |
| .w-hidden-medium, | |
| .w-hidden-small { | |
| display: inherit ; | |
| } | |
| .w-hidden-tiny { | |
| display: none ; | |
| } | |
| .w-col { | |
| width: 100%; | |
| } | |
| .w-col-tiny-1 { | |
| width: 8.33333%; | |
| } | |
| .w-col-tiny-2 { | |
| width: 16.6667%; | |
| } | |
| .w-col-tiny-3 { | |
| width: 25%; | |
| } | |
| .w-col-tiny-4 { | |
| width: 33.3333%; | |
| } | |
| .w-col-tiny-5 { | |
| width: 41.6667%; | |
| } | |
| .w-col-tiny-6 { | |
| width: 50%; | |
| } | |
| .w-col-tiny-7 { | |
| width: 58.3333%; | |
| } | |
| .w-col-tiny-8 { | |
| width: 66.6667%; | |
| } | |
| .w-col-tiny-9 { | |
| width: 75%; | |
| } | |
| .w-col-tiny-10 { | |
| width: 83.3333%; | |
| } | |
| .w-col-tiny-11 { | |
| width: 91.6667%; | |
| } | |
| .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 ; | |
| } | |
| .w-widget-twitter { | |
| overflow: hidden; | |
| } | |
| .w-widget-twitter-count-shim { | |
| vertical-align: top; | |
| width: 28px; | |
| height: 20px; | |
| text-align: center; | |
| background: #fff; | |
| border: 1px solid #758696; | |
| border-radius: 3px; | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .w-widget-twitter-count-shim * { | |
| pointer-events: none; | |
| -webkit-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| .w-widget-twitter-count-shim .w-widget-twitter-count-inner { | |
| text-align: center; | |
| color: #999; | |
| font-family: serif; | |
| font-size: 15px; | |
| line-height: 12px; | |
| position: relative; | |
| } | |
| .w-widget-twitter-count-shim .w-widget-twitter-count-clear { | |
| display: block; | |
| position: relative; | |
| } | |
| .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 { | |
| content: " "; | |
| height: 0; | |
| width: 0; | |
| pointer-events: none; | |
| border: solid rgba(0, 0, 0, 0); | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| } | |
| .w-widget-twitter-count-shim:not(.w--vertical):before { | |
| border-width: 4px; | |
| border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); | |
| margin-top: -4px; | |
| margin-left: -9px; | |
| } | |
| .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { | |
| border-width: 5px; | |
| margin-top: -5px; | |
| margin-left: -10px; | |
| } | |
| .w-widget-twitter-count-shim:not(.w--vertical):after { | |
| border-width: 4px; | |
| border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); | |
| margin-top: -4px; | |
| margin-left: -8px; | |
| } | |
| .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { | |
| border-width: 5px; | |
| margin-top: -5px; | |
| margin-left: -9px; | |
| } | |
| .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 { | |
| content: " "; | |
| height: 0; | |
| width: 0; | |
| pointer-events: none; | |
| border: solid rgba(0, 0, 0, 0); | |
| position: absolute; | |
| top: 100%; | |
| left: 50%; | |
| } | |
| .w-widget-twitter-count-shim.w--vertical:before { | |
| border-width: 5px; | |
| border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); | |
| margin-left: -5px; | |
| } | |
| .w-widget-twitter-count-shim.w--vertical:after { | |
| border-width: 4px; | |
| border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); | |
| 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 { | |
| height: 500px; | |
| color: #fff; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .w-background-video>video { | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| z-index: -100; | |
| background-position: 50%; | |
| background-size: cover; | |
| margin: auto; | |
| position: absolute; | |
| top: -100%; | |
| bottom: -100%; | |
| left: -100%; | |
| right: -100%; | |
| } | |
| .w-background-video>video::-webkit-media-controls-start-playback-button { | |
| -webkit-appearance: none; | |
| display: none ; | |
| } | |
| .w-background-video--control { | |
| background-color: rgba(0, 0, 0, 0); | |
| padding: 0; | |
| position: absolute; | |
| bottom: 1em; | |
| right: 1em; | |
| } | |
| .w-background-video--control>[hidden] { | |
| display: none ; | |
| } | |
| .w-slider { | |
| height: 300px; | |
| text-align: center; | |
| clear: both; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| background: #ddd; | |
| position: relative; | |
| } | |
| .w-slider-mask { | |
| z-index: 1; | |
| height: 100%; | |
| white-space: nowrap; | |
| display: block; | |
| position: relative; | |
| left: 0; | |
| right: 0; | |
| overflow: hidden; | |
| } | |
| .w-slide { | |
| vertical-align: top; | |
| width: 100%; | |
| height: 100%; | |
| white-space: normal; | |
| text-align: left; | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .w-slider-nav { | |
| z-index: 2; | |
| height: 40px; | |
| text-align: center; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| margin: auto; | |
| padding-top: 10px; | |
| position: absolute; | |
| top: auto; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| .w-slider-nav.w-round>div { | |
| border-radius: 100%; | |
| } | |
| .w-slider-nav.w-num>div { | |
| width: auto; | |
| height: auto; | |
| font-size: inherit; | |
| line-height: inherit; | |
| padding: .2em .5em; | |
| } | |
| .w-slider-nav.w-shadow>div { | |
| box-shadow: 0 0 3px rgba(51, 51, 51, .4); | |
| } | |
| .w-slider-nav-invert { | |
| color: #fff; | |
| } | |
| .w-slider-nav-invert>div { | |
| background-color: rgba(34, 34, 34, .4); | |
| } | |
| .w-slider-nav-invert>div.w-active { | |
| background-color: #222; | |
| } | |
| .w-slider-dot { | |
| width: 1em; | |
| height: 1em; | |
| cursor: pointer; | |
| background-color: rgba(255, 255, 255, .4); | |
| margin: 0 3px .5em; | |
| transition: background-color .1s, color .1s; | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .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 { | |
| width: 80px; | |
| cursor: pointer; | |
| color: #fff; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| -webkit-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| margin: auto; | |
| font-size: 40px; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| overflow: hidden; | |
| } | |
| .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 { | |
| width: 1em; | |
| height: 1em; | |
| margin: auto; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| .w-slider-aria-label { | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| width: 1px; | |
| border: 0; | |
| margin: -1px; | |
| padding: 0; | |
| position: absolute; | |
| overflow: hidden; | |
| } | |
| .w-slider-force-show { | |
| display: block ; | |
| } | |
| .w-dropdown { | |
| text-align: left; | |
| z-index: 900; | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .w-dropdown-btn, | |
| .w-dropdown-toggle, | |
| .w-dropdown-link { | |
| vertical-align: top; | |
| color: #222; | |
| text-align: left; | |
| white-space: nowrap; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding: 20px; | |
| text-decoration: none; | |
| position: relative; | |
| } | |
| .w-dropdown-toggle { | |
| -webkit-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| cursor: pointer; | |
| padding-right: 40px; | |
| display: inline-block; | |
| } | |
| .w-dropdown-toggle:focus { | |
| outline: 0; | |
| } | |
| .w-icon-dropdown-toggle { | |
| width: 1em; | |
| height: 1em; | |
| margin: auto 20px auto auto; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| right: 0; | |
| } | |
| .w-dropdown-list { | |
| min-width: 100%; | |
| background: #ddd; | |
| display: none; | |
| position: absolute; | |
| } | |
| .w-dropdown-list.w--open { | |
| display: block; | |
| } | |
| .w-dropdown-link { | |
| color: #222; | |
| padding: 10px 20px; | |
| display: block; | |
| } | |
| .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 { | |
| cursor: auto; | |
| letter-spacing: normal; | |
| text-indent: 0; | |
| text-shadow: none; | |
| text-transform: none; | |
| visibility: visible; | |
| white-space: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| word-wrap: normal; | |
| color: #fff; | |
| text-align: center; | |
| z-index: 2000; | |
| opacity: 0; | |
| -webkit-tap-highlight-color: transparent; | |
| background: rgba(0, 0, 0, .9); | |
| outline: 0; | |
| font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; | |
| font-size: 17px; | |
| font-style: normal; | |
| font-weight: 300; | |
| line-height: 1.2; | |
| list-style: disc; | |
| position: fixed; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| .w-lightbox-backdrop, | |
| .w-lightbox-container { | |
| height: 100%; | |
| -webkit-overflow-scrolling: touch; | |
| overflow: auto; | |
| } | |
| .w-lightbox-content { | |
| height: 100vh; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .w-lightbox-view { | |
| width: 100vw; | |
| height: 100vh; | |
| opacity: 0; | |
| position: absolute; | |
| } | |
| .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 { | |
| vertical-align: middle; | |
| display: inline-block; | |
| } | |
| .w-lightbox-figure { | |
| margin: 0; | |
| position: relative; | |
| } | |
| .w-lightbox-group .w-lightbox-figure { | |
| cursor: pointer; | |
| } | |
| .w-lightbox-img { | |
| width: auto; | |
| height: auto; | |
| max-width: none; | |
| } | |
| .w-lightbox-image { | |
| float: none; | |
| max-width: 100vw; | |
| max-height: 100vh; | |
| display: block; | |
| } | |
| .w-lightbox-group .w-lightbox-image { | |
| max-height: 86vh; | |
| } | |
| .w-lightbox-caption { | |
| text-align: left; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| background: rgba(0, 0, 0, .4); | |
| padding: .5em 1em; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| overflow: hidden; | |
| } | |
| .w-lightbox-embed { | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| .w-lightbox-control { | |
| width: 4em; | |
| cursor: pointer; | |
| background-position: center; | |
| background-repeat: no-repeat; | |
| background-size: 24px; | |
| transition: all .3s; | |
| position: absolute; | |
| top: 0; | |
| } | |
| .w-lightbox-left { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); | |
| display: none; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .w-lightbox-right { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); | |
| display: none; | |
| bottom: 0; | |
| right: 0; | |
| } | |
| .w-lightbox-close { | |
| height: 2.6em; | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); | |
| background-size: 18px; | |
| right: 0; | |
| } | |
| .w-lightbox-strip { | |
| white-space: nowrap; | |
| padding: 0 1vh; | |
| line-height: 0; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| overflow-x: auto; | |
| overflow-y: hidden; | |
| } | |
| .w-lightbox-item { | |
| width: 10vh; | |
| box-sizing: content-box; | |
| cursor: pointer; | |
| padding: 2vh 1vh; | |
| display: inline-block; | |
| } | |
| .w-lightbox-active { | |
| opacity: .3; | |
| } | |
| .w-lightbox-thumbnail { | |
| height: 10vh; | |
| background: #222; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .w-lightbox-thumbnail-image { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| } | |
| .w-lightbox-thumbnail .w-lightbox-tall { | |
| width: 100%; | |
| top: 50%; | |
| transform: translate(0, -50%); | |
| } | |
| .w-lightbox-thumbnail .w-lightbox-wide { | |
| height: 100%; | |
| left: 50%; | |
| transform: translate(-50%); | |
| } | |
| .w-lightbox-spinner { | |
| box-sizing: border-box; | |
| width: 40px; | |
| height: 40px; | |
| border: 5px solid rgba(0, 0, 0, .4); | |
| border-radius: 50%; | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| animation: .8s linear infinite spin; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| } | |
| .w-lightbox-spinner:after { | |
| content: ""; | |
| border: 3px solid rgba(0, 0, 0, 0); | |
| border-bottom-color: #fff; | |
| border-radius: 50%; | |
| position: absolute; | |
| top: -4px; | |
| bottom: -4px; | |
| left: -4px; | |
| right: -4px; | |
| } | |
| .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 { | |
| opacity: .5; | |
| display: block; | |
| } | |
| .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: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .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, | |
| .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: ""; | |
| display: none; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| .w-richtext figure { | |
| max-width: 60%; | |
| position: relative; | |
| } | |
| .w-richtext figure>div:before { | |
| cursor: default ; | |
| } | |
| .w-richtext figure img { | |
| width: 100%; | |
| } | |
| .w-richtext figure figcaption.w-richtext-figcaption-placeholder { | |
| opacity: .6; | |
| } | |
| .w-richtext figure div { | |
| color: rgba(0, 0, 0, 0); | |
| font-size: 0; | |
| } | |
| .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 { | |
| caption-side: bottom; | |
| display: table-caption; | |
| } | |
| .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 { | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| } | |
| .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 { | |
| clear: both; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .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; | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: block; | |
| } | |
| .w-richtext figure.w-richtext-align-fullwidth>div { | |
| padding-bottom: inherit; | |
| display: inline-block; | |
| } | |
| .w-richtext figure.w-richtext-align-fullwidth>figcaption { | |
| display: block; | |
| } | |
| .w-richtext figure.w-richtext-align-floatleft { | |
| float: left; | |
| clear: none; | |
| margin-right: 15px; | |
| } | |
| .w-richtext figure.w-richtext-align-floatright { | |
| float: right; | |
| clear: none; | |
| margin-left: 15px; | |
| } | |
| .w-nav { | |
| z-index: 1000; | |
| background: #ddd; | |
| position: relative; | |
| } | |
| .w-nav:before, | |
| .w-nav:after { | |
| content: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-nav:after { | |
| clear: both; | |
| } | |
| .w-nav-brand { | |
| float: left; | |
| color: #333; | |
| text-decoration: none; | |
| position: relative; | |
| } | |
| .w-nav-link { | |
| vertical-align: top; | |
| color: #222; | |
| text-align: left; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding: 20px; | |
| text-decoration: none; | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .w-nav-link.w--current { | |
| color: #0082f3; | |
| } | |
| .w-nav-menu { | |
| float: right; | |
| position: relative; | |
| } | |
| [data-nav-menu-open] { | |
| text-align: center; | |
| min-width: 200px; | |
| background: #c8c8c8; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| right: 0; | |
| overflow: visible; | |
| display: block ; | |
| } | |
| .w--nav-link-open { | |
| display: block; | |
| position: relative; | |
| } | |
| .w-nav-overlay { | |
| width: 100%; | |
| display: none; | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| right: 0; | |
| overflow: hidden; | |
| } | |
| .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] { | |
| z-index: 1; | |
| top: 0; | |
| right: auto; | |
| } | |
| .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] { | |
| z-index: 1; | |
| top: 0; | |
| left: auto; | |
| } | |
| .w-nav-button { | |
| float: right; | |
| cursor: pointer; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| -webkit-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| padding: 18px; | |
| font-size: 24px; | |
| display: none; | |
| position: relative; | |
| } | |
| .w-nav-button:focus { | |
| outline: 0; | |
| } | |
| .w-nav-button.w--open { | |
| color: #fff; | |
| background-color: #c8c8c8; | |
| } | |
| .w-nav[data-collapse="all"] .w-nav-menu { | |
| display: none; | |
| } | |
| .w-nav[data-collapse="all"] .w-nav-button, | |
| .w--nav-dropdown-open, | |
| .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: " "; | |
| grid-area: 1 / 1 / 2 / 2; | |
| display: table; | |
| } | |
| .w-tabs:after { | |
| clear: both; | |
| } | |
| .w-tab-menu { | |
| position: relative; | |
| } | |
| .w-tab-link { | |
| vertical-align: top; | |
| text-align: left; | |
| cursor: pointer; | |
| color: #222; | |
| background-color: #ddd; | |
| padding: 9px 30px; | |
| text-decoration: none; | |
| display: inline-block; | |
| position: relative; | |
| } | |
| .w-tab-link.w--current { | |
| background-color: #c8c8c8; | |
| } | |
| .w-tab-link:focus { | |
| outline: 0; | |
| } | |
| .w-tab-content { | |
| display: block; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .w-tab-pane { | |
| display: none; | |
| position: relative; | |
| } | |
| .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(0); | |
| } | |
| 100% { | |
| transform: rotate(360deg); | |
| } | |
| } | |
| .w-dyn-empty { | |
| background-color: #ddd; | |
| padding: 10px; | |
| } | |
| .w-dyn-hide, | |
| .w-dyn-bind-empty, | |
| .w-condition-invisible { | |
| display: none ; | |
| } | |
| body { | |
| color: #333; | |
| font-family: Arial, Helvetica Neue, Helvetica, sans-serif; | |
| font-size: 14px; | |
| line-height: 20px; | |
| } | |
| .navbar-link { | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| flex: 0 auto; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| padding: 24px 12px; | |
| display: flex; | |
| } | |
| .text { | |
| color: #000; | |
| font-size: 14px; | |
| font-weight: 400; | |
| line-height: 150%; | |
| } | |
| .text-4 { | |
| color: #212121; | |
| font-size: 18px; | |
| font-weight: 400; | |
| line-height: 150%; | |
| } | |
| .title { | |
| color: #000; | |
| font-size: 24px; | |
| font-weight: 700; | |
| line-height: 150%; | |
| } | |
| .description { | |
| color: #000; | |
| font-size: 14px; | |
| font-weight: 400; | |
| line-height: 150%; | |
| } | |
| .text-5 { | |
| color: #000; | |
| text-align: center; | |
| font-size: 32px; | |
| font-weight: 700; | |
| line-height: 120%; | |
| } | |
| .text-6 { | |
| color: #000; | |
| text-align: center; | |
| font-size: 16px; | |
| font-weight: 400; | |
| line-height: 150%; | |
| } | |
| .text-7 { | |
| color: #000; | |
| text-align: center; | |
| font-size: 20px; | |
| font-weight: 700; | |
| line-height: 150%; | |
| } | |
| .text-8 { | |
| color: #000; | |
| text-align: center; | |
| font-size: 18px; | |
| font-weight: 400; | |
| line-height: 150%; | |
| } | |
| .navbar-logo-left-2 { | |
| z-index: 2147483647; | |
| width: 100%; | |
| max-width: 100%; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| background-color: #fff; | |
| justify-content: center; | |
| align-items: center; | |
| padding-bottom: 10px; | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| display: flex; | |
| position: -webkit-sticky; | |
| position: sticky; | |
| top: 0; | |
| bottom: 10px; | |
| } | |
| .navbarcontainer-2 { | |
| width: 100%; | |
| max-width: 1200px; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| justify-content: center; | |
| align-items: center; | |
| padding-top: 10px; | |
| display: flex; | |
| } | |
| .navbar-content-2 { | |
| width: 100%; | |
| max-width: 1200px; | |
| text-align: left; | |
| justify-content: center; | |
| align-items: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: flex; | |
| position: static; | |
| } | |
| .frame-237640 { | |
| height: 53px; | |
| grid-column-gap: 5px; | |
| grid-row-gap: 5px; | |
| flex: 0 auto; | |
| justify-content: flex-start; | |
| align-items: center; | |
| margin-right: auto; | |
| display: flex; | |
| } | |
| .frame-237642 { | |
| grid-column-gap: 7px; | |
| grid-row-gap: 7px; | |
| flex: 0 auto; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .vectors-wrapper { | |
| width: 65px; | |
| height: 65px; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| object-fit: cover; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .text-11 { | |
| color: #000; | |
| letter-spacing: .1em; | |
| font-family: Orbitron, sans-serif; | |
| font-size: 24px; | |
| font-weight: 500; | |
| line-height: 150%; | |
| } | |
| .navbar-menu-2 { | |
| grid-column-gap: 46px; | |
| grid-row-gap: 46px; | |
| text-align: left; | |
| flex: none; | |
| justify-content: space-between; | |
| align-self: center; | |
| align-items: center; | |
| font-family: Inter, sans-serif; | |
| font-size: 24px; | |
| display: flex; | |
| position: fixed; | |
| } | |
| .hero-heading-left-2 { | |
| width: 100%; | |
| height: 600px; | |
| grid-column-gap: 80px; | |
| grid-row-gap: 80px; | |
| background-color: #f5f7fa; | |
| justify-content: center; | |
| align-items: flex-start; | |
| padding: 40px 24px 100px; | |
| display: flex; | |
| } | |
| .container { | |
| overflow: hidden; | |
| } | |
| .container-3 { | |
| width: 100%; | |
| max-width: 1200px; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| margin-top: 8%; | |
| margin-left: 8%; | |
| overflow-x: hidden; | |
| } | |
| .f2wf-columns-2 { | |
| flex-wrap: nowrap; | |
| align-self: auto; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| } | |
| .column-4 { | |
| width: 100%; | |
| grid-column-gap: 24px; | |
| grid-row-gap: 24px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| display: flex; | |
| } | |
| .title-copy { | |
| color: #000; | |
| font-family: Inter, sans-serif; | |
| font-size: 56px; | |
| font-weight: 700; | |
| line-height: 110%; | |
| } | |
| .actions-2 { | |
| grid-column-gap: 16px; | |
| grid-row-gap: 16px; | |
| border-radius: 3px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| padding-top: 16px; | |
| display: flex; | |
| } | |
| .button-4 { | |
| grid-column-gap: 8px; | |
| grid-row-gap: 8px; | |
| background-color: #000; | |
| border-radius: 3px; | |
| flex: 0 auto; | |
| justify-content: center; | |
| align-items: center; | |
| padding: 12px 24px; | |
| font-family: Inter, sans-serif; | |
| text-decoration: none; | |
| display: flex; | |
| } | |
| .text-12 { | |
| color: #fff; | |
| letter-spacing: .03em; | |
| font-size: 12px; | |
| font-weight: 500; | |
| line-height: 140%; | |
| } | |
| .column-5 { | |
| width: 100%; | |
| grid-column-gap: 10px; | |
| grid-row-gap: 10px; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| display: flex; | |
| } | |
| .image-wrapper-4 { | |
| width: 85%; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .image-4 { | |
| width: 100%; | |
| height: 80%; | |
| max-height: 80%; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| object-fit: cover; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .features-list-2 { | |
| width: 100%; | |
| height: 506px; | |
| grid-column-gap: 80px; | |
| grid-row-gap: 80px; | |
| background-color: #fff; | |
| justify-content: center; | |
| align-items: flex-start; | |
| padding: 64px 24px; | |
| display: flex; | |
| } | |
| .columns-4 { | |
| width: 100%; | |
| max-width: 960px; | |
| grid-column-gap: 80px; | |
| grid-row-gap: 80px; | |
| justify-content: center; | |
| align-items: flex-start; | |
| display: flex; | |
| } | |
| .content-4 { | |
| width: 100%; | |
| grid-column-gap: 24px; | |
| grid-row-gap: 24px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| padding-top: 24px; | |
| padding-bottom: 24px; | |
| display: flex; | |
| } | |
| .intro-2 { | |
| width: 100%; | |
| grid-column-gap: 16px; | |
| grid-row-gap: 16px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| display: flex; | |
| } | |
| .models-list { | |
| width: 100%; | |
| grid-column-gap: 24px; | |
| grid-row-gap: 24px; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .image-wrapper-5 { | |
| width: 80px; | |
| height: 80px; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .image-5 { | |
| width: 80px; | |
| height: 80px; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| object-fit: contain; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| filter: grayscale(100%); | |
| } | |
| .frame-237641 { | |
| width: 100%; | |
| height: 79px; | |
| max-width: 336px; | |
| grid-column-gap: 2px; | |
| grid-row-gap: 2px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| display: flex; | |
| } | |
| .description-2 { | |
| color: #000; | |
| font-size: 20px; | |
| font-weight: 700; | |
| line-height: 150%; | |
| } | |
| .team-circles-2 { | |
| width: 100%; | |
| grid-column-gap: 64px; | |
| grid-row-gap: 64px; | |
| background-color: #fff; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| padding: 64px 24px; | |
| display: flex; | |
| } | |
| .container-4 { | |
| width: 100%; | |
| max-width: 1200px; | |
| grid-column-gap: 64px; | |
| grid-row-gap: 64px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .title-section-2 { | |
| width: 100%; | |
| max-width: 530px; | |
| grid-column-gap: 16px; | |
| grid-row-gap: 16px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .columns-5 { | |
| width: 100%; | |
| grid-column-gap: 48px; | |
| grid-row-gap: 48px; | |
| justify-content: center; | |
| align-items: flex-start; | |
| display: flex; | |
| } | |
| .card-2 { | |
| width: 100%; | |
| grid-column-gap: 24px; | |
| grid-row-gap: 24px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .image-wrapper-6 { | |
| width: 100%; | |
| height: 270px; | |
| max-width: 270px; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .image-6 { | |
| width: 130%; | |
| height: 270px; | |
| max-width: 270px; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| object-fit: cover; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .content-5 { | |
| width: 100%; | |
| grid-column-gap: 16px; | |
| grid-row-gap: 16px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .info-2 { | |
| width: 100%; | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .footer-2 { | |
| width: 100%; | |
| grid-column-gap: 40px; | |
| grid-row-gap: 40px; | |
| background-color: #f5f7fa; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| align-items: center; | |
| padding: 60px 24px; | |
| display: flex; | |
| } | |
| .columns-6 { | |
| width: 100%; | |
| max-width: 960px; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .column-6 { | |
| width: 100%; | |
| max-width: 320px; | |
| grid-column-gap: 24px; | |
| grid-row-gap: 24px; | |
| text-align: left; | |
| flex-direction: column; | |
| flex: 0 auto; | |
| justify-content: center; | |
| align-self: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .logo-wrapper-2 { | |
| grid-column-gap: 0px; | |
| grid-row-gap: 0px; | |
| text-align: left; | |
| flex: 0 auto; | |
| justify-content: center; | |
| align-self: center; | |
| align-items: center; | |
| padding-top: 16px; | |
| display: flex; | |
| } | |
| .utility-page-wrap { | |
| width: 100vw; | |
| height: 100vh; | |
| max-height: 100%; | |
| max-width: 100%; | |
| justify-content: center; | |
| align-items: center; | |
| display: flex; | |
| } | |
| .utility-page-content { | |
| width: 260px; | |
| text-align: center; | |
| flex-direction: column; | |
| display: flex; | |
| } | |
| .utility-page-form { | |
| flex-direction: column; | |
| align-items: stretch; | |
| display: flex; | |
| } | |
| .section { | |
| text-align: left; | |
| flex-flow: row; | |
| align-content: flex-end; | |
| justify-content: center; | |
| align-items: stretch; | |
| margin-top: 0; | |
| margin-left: 60px; | |
| margin-right: 60px; | |
| padding-top: 0; | |
| padding-bottom: 20px; | |
| display: flex; | |
| } | |
| .div-block { | |
| padding-right: 0; | |
| } | |
| .submit-button-2 { | |
| text-align: left; | |
| background-color: #333; | |
| } | |
| .heading-3 { | |
| font-size: 24px; | |
| } | |
| .button-5 { | |
| background-color: #333; | |
| border-radius: 10px; | |
| align-self: center; | |
| } | |
| .button-6 { | |
| background-color: #333; | |
| border-radius: 10px; | |
| } | |
| @media screen and (max-width: 991px) { | |
| .navbar-link { | |
| justify-content: center; | |
| } | |
| .navbar-logo-left-2 { | |
| padding-right: 0; | |
| } | |
| .navbar-menu-2 { | |
| max-width: unset; | |
| } | |
| .hero-heading-left-2 { | |
| height: 450px; | |
| } | |
| .f2wf-columns-2 { | |
| flex-direction: column; | |
| align-items: center; | |
| } | |
| .button-4 { | |
| text-align: left; | |
| justify-content: center; | |
| align-self: center; | |
| align-items: center; | |
| } | |
| .image-4 { | |
| width: 50%; | |
| height: 50%; | |
| flex-wrap: nowrap; | |
| display: none; | |
| overflow: auto; | |
| } | |
| .column-6 { | |
| align-items: center; | |
| } | |
| .tabs { | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| } | |
| .tabs-menu-2 { | |
| justify-content: center; | |
| display: flex; | |
| } | |
| .tabs-content { | |
| padding-left: 0; | |
| } | |
| } | |
| @media screen and (max-width: 767px) { | |
| .text-4 { | |
| font-size: 16px; | |
| } | |
| .hero-heading-left-2 { | |
| height: 380px; | |
| } | |
| .f2wf-columns-2 { | |
| height: 600px; | |
| } | |
| .title-copy { | |
| font-size: 45px; | |
| } | |
| .team-circles-2 { | |
| margin-top: auto; | |
| position: static; | |
| } | |
| .card-2 { | |
| flex-wrap: nowrap; | |
| align-content: space-between; | |
| justify-content: flex-start; | |
| align-items: flex-start; | |
| } | |
| .image-6 { | |
| width: 50%; | |
| height: 100%; | |
| } | |
| .tabs { | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: flex-start; | |
| margin-top: 10px; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| } | |
| .tabs-menu-2 { | |
| grid-column-gap: 10px; | |
| grid-row-gap: 10px; | |
| text-align: center; | |
| flex-direction: row; | |
| grid-template-rows: auto auto; | |
| grid-template-columns: 1fr 1fr; | |
| grid-auto-columns: 1fr; | |
| justify-content: center; | |
| align-self: stretch; | |
| align-items: stretch; | |
| display: grid; | |
| } | |
| .tab-link-tab-4 { | |
| width: auto; | |
| } | |
| .paragraph { | |
| font-size: 13px; | |
| } | |
| .heading { | |
| font-size: 30px; | |
| } | |
| .submit-button { | |
| text-align: center; | |
| object-position: 50% 50%; | |
| display: inline-block; | |
| position: static; | |
| overflow: visible; | |
| } | |
| } | |
| @media screen and (max-width: 479px) { | |
| .text-4 { | |
| text-align: center; | |
| font-family: Inter, sans-serif; | |
| font-size: 14px; | |
| line-height: 120%; | |
| } | |
| .vectors-wrapper { | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .text-11 { | |
| font-size: 15px; | |
| } | |
| .title-copy { | |
| font-size: 30px; | |
| } | |
| .tabs { | |
| margin-left: 16px; | |
| margin-right: 16px; | |
| } | |
| .tabs-menu-2 { | |
| grid-column-gap: 10px; | |
| grid-row-gap: 10px; | |
| flex: 1; | |
| grid-template-rows: auto auto; | |
| grid-template-columns: 1fr 1fr; | |
| grid-auto-columns: 1fr; | |
| grid-auto-flow: row; | |
| align-self: stretch; | |
| align-items: stretch; | |
| justify-items: stretch; | |
| font-size: 10px; | |
| line-height: 12px; | |
| display: grid; | |
| } | |
| .text-block-2 { | |
| text-align: center; | |
| } | |
| .text-block-3 { | |
| text-align: center; | |
| display: block; | |
| overflow: visible; | |
| } | |
| .tab-link-tab-4 { | |
| flex-direction: row; | |
| display: block; | |
| } | |
| .text-block-4 { | |
| text-align: center; | |
| } | |
| .paragraph { | |
| text-align: left; | |
| margin-bottom: 20px; | |
| font-size: 12px; | |
| line-height: 15px; | |
| } | |
| .heading { | |
| text-align: left; | |
| font-size: 28px; | |
| line-height: 24px; | |
| } | |
| .field-label, | |
| .field-label-2 { | |
| font-size: 15px; | |
| } | |
| .text-block-5 { | |
| text-align: center; | |
| } | |
| #w-node-bdfdfb5d-318b-f1c9-e2df-4b82621eca06-3afa01cf { | |
| align-self: stretch; | |
| justify-self: stretch; | |
| } | |
| } | |
| .tab-container { | |
| display: flex; | |
| flex-wrap: wrap; | |
| margin: 0 auto; | |
| max-width: 800px; | |
| margin-left: 10%; | |
| margin-right: 10%; | |
| margin-top: 10%; | |
| } | |
| /* Style the left column (tab menu) */ | |
| .tab-menu { | |
| flex: 1; | |
| margin-right: 10px; | |
| padding-bottom: 10px; | |
| } | |
| /* Style the tab buttons inside the tab menu */ | |
| .tab-menu button { | |
| display: block; | |
| background-color: #ddd; | |
| border: none; | |
| outline: none; | |
| cursor: pointer; | |
| padding: 14px 16px; | |
| transition: 0.3s; | |
| font-size: 17px; | |
| margin: 0; | |
| width: 100%; | |
| text-align: center; | |
| border-radius: 10px; | |
| margin-bottom: 10px; | |
| } | |
| /* Change background color of buttons on hover */ | |
| .tab-menu button:hover { | |
| background-color: #ddd; | |
| } | |
| /* Create an active/current tablink class */ | |
| .tab-menu button.active { | |
| background-color: #ccc; | |
| } | |
| /* Style the right column (tab content) */ | |
| .tab-content { | |
| flex: 2; | |
| background-color: #fff; | |
| margin-left: 10px; | |
| border-radius: 10px; | |
| } | |
| /* Style the tab content */ | |
| .tabcontent { | |
| display: none; | |
| margin: 0 auto; | |
| max-width: 800px; | |
| padding: 0px 12px; | |
| border-top: none; | |
| } | |
| iframe { | |
| border: none; | |
| overflow: hidden; | |
| } | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| font-family: Inter; | |
| } | |
| .responsive-bar { | |
| display: none; | |
| } | |
| nav { | |
| width: 100%; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| height: 80px; | |
| padding: 10px 100px; | |
| box-sizing: border-box; | |
| transition: .5s; | |
| font-family: Poppins; | |
| } | |
| nav.black { | |
| background: rgba(0, 0, 0, 0.8); | |
| height: 80px; | |
| padding: 10px 50px; | |
| z-index: 10; | |
| } | |
| nav .logo { | |
| float: left; | |
| display: flex; | |
| align-items: center; | |
| } | |
| nav .logo img { | |
| height: 80px; | |
| transition: .5s; | |
| margin-right: 10px; | |
| } | |
| nav .logo .logo-text { | |
| color: #000; | |
| letter-spacing: .1em; | |
| font-family: Orbitron, sans-serif; | |
| font-size: 24px; | |
| font-weight: regular; | |
| } | |
| nav.black .logo img { | |
| height: 60px; | |
| filter: invert(100%); | |
| font-weight: regular; | |
| } | |
| nav.black .logo .logo-text { | |
| color: #fff; | |
| } | |
| nav>ul { | |
| width: 100%; | |
| margin: 0 auto; | |
| padding: 0; | |
| float: none; | |
| text-align: right; | |
| } | |
| nav>ul>li { | |
| display: inline-block; | |
| margin: 0 10px; | |
| color: #000; | |
| } | |
| nav>ul>li>a:hover { | |
| background: #000; | |
| color: #fff; | |
| } | |
| nav>ul>li>a { | |
| color: #000; | |
| text-decoration: none; | |
| line-height: 80px; | |
| padding: 5px 20px; | |
| transition: .5s; | |
| } | |
| nav.black>ul>li>a { | |
| color: #fff; | |
| line-height: 60px; | |
| } | |
| nav.black>ul>li>a:hover { | |
| background: #fff; | |
| color: #000; | |
| } | |
| .end-button { | |
| display: absolute; | |
| padding: 10px 15px; | |
| border: 2px solid #000; | |
| border-radius: 20px; | |
| background-color: #000; | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| .end-button:hover { | |
| border: 2px solid #000; | |
| background-color: transparent; | |
| color: #000; | |
| } | |
| section.sec1 { | |
| display: flex; | |
| align-items: flex-start; | |
| justify-content: flex-start; | |
| flex-direction: column; | |
| color: #fff; | |
| width: 100%; | |
| height: 100vh; | |
| background: url(https://i.pinimg.com/originals/7a/d0/c9/7ad0c9b192167fbeac6f53ff97a656df.gif); | |
| background-size: cover; | |
| } | |
| section.content { | |
| margin: 0; | |
| padding: 0; | |
| font-size: 1.1em; | |
| } | |
| @media(max-width:768px) { | |
| .responsive-bar { | |
| display: block; | |
| width: 100%; | |
| height: 60px; | |
| background: #262626; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| padding: 5px 20px; | |
| box-sizing: border-box; | |
| z-index: 1; | |
| } | |
| .responsive-bar .logo img { | |
| float: left; | |
| height: 50px; | |
| } | |
| .responsive-bar .menu h4 { | |
| float: right; | |
| color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 50px; | |
| cursor: pointer; | |
| text-transform: uppercase; | |
| } | |
| nav { | |
| padding: 0; | |
| } | |
| nav, | |
| nav.black { | |
| background: #262626; | |
| height: 60px; | |
| padding: 0; | |
| } | |
| nav .logo { | |
| display: none; | |
| } | |
| nav ul { | |
| position: absolute; | |
| width: 100%; | |
| top: 60px; | |
| left: 0; | |
| background: #262626; | |
| float: none; | |
| display: none; | |
| } | |
| nav ul.active { | |
| display: block; | |
| } | |
| nav ul li { | |
| width: 100%; | |
| } | |
| nav ul li a { | |
| display: block; | |
| padding: 0; | |
| width: 100%; | |
| text-align: center; | |
| line-height: 30px ; | |
| color: #fff; | |
| } | |
| nav>ul { | |
| width: 100%; | |
| display: none; | |
| } | |
| nav>ul>li { | |
| display: block; | |
| text-align: center; | |
| } | |
| .active { | |
| display: block; | |
| } | |
| } |