diff --git a/.github/scripts/index.js b/.github/scripts/index.js index c997531c..fa28d5ad 100644 --- a/.github/scripts/index.js +++ b/.github/scripts/index.js @@ -8,15 +8,16 @@ const repoRoot = process.cwd(); console.log('Repo root:', repoRoot); let dirPath; -if (process.argv.includes('--action')) { - // If the script is being run as a GitHub Actions workflow - dirPath = path.join(repoRoot, '../../'); - console.log('Running as a GitHub Action'); - console.log('Directory path:', dirPath); -} else { +if (process.argv.includes('--direct')) { // If the script is being run locally + console.log('Running directly') dirPath = path.join(repoRoot, './static/'); console.log('Directory path:', dirPath); +} else { + // If the script is being run as a GitHub Actions workflow + dirPath = '/home/runner/work/pnp.github.io/pnp.github.io/gh-pages'; + console.log('Running as a GitHub Action'); + console.log('Directory path:', dirPath); } diff --git a/.github/workflows/deploy-hugo.yml b/.github/workflows/deploy-hugo.yml index f346cc5b..e95569fd 100644 --- a/.github/workflows/deploy-hugo.yml +++ b/.github/workflows/deploy-hugo.yml @@ -15,7 +15,7 @@ jobs: steps: - name: Checkout code - uses: actions/checkout@v2 + uses: actions/checkout@v4 with: submodules: true # Fetch Hugo themes (true OR recursive) @@ -27,7 +27,7 @@ jobs: run: hugo - name: Deploy - uses: peaceiris/actions-gh-pages@v3 + uses: peaceiris/actions-gh-pages@v4 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./public \ No newline at end of file diff --git a/.github/workflows/update-ics.yaml b/.github/workflows/update-ics.yaml index b479fa3d..430bbbd0 100644 --- a/.github/workflows/update-ics.yaml +++ b/.github/workflows/update-ics.yaml @@ -1,48 +1,48 @@ -name: Update Calendar Files +name: Update ICAL Files on: - workflow_dispatch: + push: + branches: + - main # Trigger on push to main, or adjust as needed schedule: - - cron: '0 */4 * * *' # Adjust the schedule as necessary - workflow_run: - workflows: ["Deploy Hugo Site"] - types: - - completed - + - cron: '0 12 * * *' # Optionally, schedule to run daily + jobs: - update-and-push: + update-ical: + name: Get ICS and Process runs-on: ubuntu-latest - steps: - - name: Checkout code - uses: actions/checkout@v2 - - - name: Checkout gh-pages branch - uses: actions/checkout@v2 - with: - ref: gh-pages # Specify to checkout the gh-pages branch - path: gh-pages - - - name: Setup Node.js - uses: actions/setup-node@v2 - with: - node-version: '14' - - - name: Install dependencies - run: npm install - working-directory: .github/scripts - - - name: Run script to update calendar files - run: npm start --action - working-directory: .github/scripts - env: - ICS_URL: ${{ secrets.ICS_URL }} - - - name: Commit and push if there are changes - run: | - cd gh-pages - git config --global user.email "action@github.com" - git config --global user.name "GitHub Action" - git add calendar.ics ical/calendar.json - git commit -m "Update calendar files" -a || echo "No changes to commit" - git push origin gh-pages \ No newline at end of file + + - name: Checkout main branch + uses: actions/checkout@v4 + with: + ref: main # Specify the branch to checkout + path: main + + - name: Checkout gh-pages branch + uses: actions/checkout@v4 + with: + ref: gh-pages # Specify the branch to checkout + path: gh-pages + + - name: Set up Node.js + uses: actions/setup-node@v4 + with: + node-version: '14' # Specify your Node.js version + + - name: Install dependencies + run: npm install # Assuming your script needs npm packages + working-directory: ./main/.github/scripts + + - name: Update ICAL File + run: node index.js --action # Run your specific script + working-directory: ./main/.github/scripts + + - name: Commit and push if there are changes + run: | + cd gh-pages + git config --global user.email "action@github.com" + git config --global user.name "GitHub Action" + git add calendar.ics ical/calendar.json + git commit -m "Update calendar files" -a || echo "No changes to commit" + git push origin gh-pages diff --git a/content/extensions/pnp-ps-extension.md b/content/extensions/pnp-ps-extension.md new file mode 100644 index 00000000..e377e7eb --- /dev/null +++ b/content/extensions/pnp-ps-extension.md @@ -0,0 +1,7 @@ +--- +title: PnP PowerShell extension +description: > + Boost your productivity when creating scripts that use PnP PowerShell. Embedded docs, samples gallery, code snippets, and more. +image: images/extensions-background-pnp-ps.webp +externalLink: "https://marketplace.visualstudio.com/items?itemName=adamwojcikit.pnp-powershell-extension" +--- diff --git a/static/images/extensions-background-pnp-ps.webp b/static/images/extensions-background-pnp-ps.webp new file mode 100644 index 00000000..fc01406a Binary files /dev/null and b/static/images/extensions-background-pnp-ps.webp differ diff --git a/static/invites/ppdevoo-invite.ics b/static/invites/ppdevoo-invite.ics new file mode 100644 index 00000000..0854d8f1 --- /dev/null +++ b/static/invites/ppdevoo-invite.ics @@ -0,0 +1,585 @@ +BEGIN:VCALENDAR +PRODID:-//Microsoft Corporation//Outlook 16.0 MIMEDIR//EN +VERSION:2.0 +METHOD:PUBLISH +X-MS-OLK-FORCEINSPECTOROPEN:TRUE +BEGIN:VTIMEZONE +TZID:Pacific Standard Time +BEGIN:STANDARD +DTSTART:16011104T020000 +RRULE:FREQ=YEARLY;BYDAY=1SU;BYMONTH=11 +TZOFFSETFROM:-0700 +TZOFFSETTO:-0800 +END:STANDARD +BEGIN:DAYLIGHT +DTSTART:16010311T020000 +RRULE:FREQ=YEARLY;BYDAY=2SU;BYMONTH=3 +TZOFFSETFROM:-0800 +TZOFFSETTO:-0700 +END:DAYLIGHT +END:VTIMEZONE +BEGIN:VEVENT +CLASS:PUBLIC +CREATED:20240522T163359Z +DESCRIPTION:The Microsoft Power Platform Pro/Code-First Developer Office Ho + urs is open to the public. Office Hours is an opportunity to get monthly + updates from various members of the Power Platform product group as well a + s ask questions in an Ask Me Anything (AMA) question and answer session at + the end.\nhttps://aka.ms/ppdevoo-join\nTo learn more about other communit + y programs and initiatives\, please visit https://aka.ms/community/home\nT + hank you for your community support! πŸ€—πŸ«ΆπŸ»πŸ§‘πŸ§‘\n \n +DTEND;TZID="Pacific Standard Time":20240516T120000 +DTSTAMP:20240522T163359Z +DTSTART;TZID="Pacific Standard Time":20240516T110000 +LAST-MODIFIED:20240522T163359Z +LOCATION:https://aka.ms/ppdevoo-join +PRIORITY:5 +RRULE:FREQ=MONTHLY;BYDAY=TH;BYSETPOS=3 +SEQUENCE:0 +SUMMARY;LANGUAGE=en-us:Microsoft Power Platform Pro/Code-First Developer Of + fice Hours +TRANSP:OPAQUE +UID:040000008200E00074C5B7101A82E008000000003046395329ACDA01000000000000000 + 01000000054923B33EC4A1142B6A695AD30B4F7CF +X-ALT-DESC;FMTTYPE=text/html:\n

The Microsoft Power Platform Pro/Code-First Developer Off + ice Hours is open to the public. \; Office Hours is an opportunity to + get monthly updates from various members of the Power Platform product gro + up as well as ask questions in an Ask Me Anything (AMA) question and answe + r session at the end.

https://aka.ms/ppdevoo-join

To learn more about + other community programs and initiatives\, please visit https://aka.ms/community/home< + /p>

Thank you for your community support! + πŸ€—πŸ«ΆπŸ»πŸ§‘πŸ§‘

 \;

+X-MICROSOFT-CDO-BUSYSTATUS:BUSY +X-MICROSOFT-CDO-IMPORTANCE:1 +X-MICROSOFT-DISALLOW-COUNTER:FALSE +X-MS-OLK-AUTOFILLLOCATION:FALSE +X-MS-OLK-CONFTYPE:0 +BEGIN:VALARM +TRIGGER:-PT15M +ACTION:DISPLAY +DESCRIPTION:Reminder +END:VALARM +END:VEVENT +END:VCALENDAR diff --git a/static/recognitionprogram/assets/5ea7090de8e61d1bec8b459b_hero-wave.svg b/static/recognitionprogram/assets/5ea7090de8e61d1bec8b459b_hero-wave.svg new file mode 100644 index 00000000..03a90316 --- /dev/null +++ b/static/recognitionprogram/assets/5ea7090de8e61d1bec8b459b_hero-wave.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/static/recognitionprogram/assets/discord-symbol.svg b/static/recognitionprogram/assets/discord-symbol.svg new file mode 100644 index 00000000..0ba89fff --- /dev/null +++ b/static/recognitionprogram/assets/discord-symbol.svg @@ -0,0 +1,17 @@ + + + + + + + + diff --git a/static/recognitionprogram/assets/favicon.png b/static/recognitionprogram/assets/favicon.png new file mode 100644 index 00000000..54222185 Binary files /dev/null and b/static/recognitionprogram/assets/favicon.png differ diff --git a/static/recognitionprogram/assets/youtube-symbol.svg b/static/recognitionprogram/assets/youtube-symbol.svg new file mode 100644 index 00000000..13f34e42 --- /dev/null +++ b/static/recognitionprogram/assets/youtube-symbol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/recognitionprogram/css/components.css b/static/recognitionprogram/css/components.css new file mode 100644 index 00000000..8f8505b0 --- /dev/null +++ b/static/recognitionprogram/css/components.css @@ -0,0 +1,1783 @@ +@font-face { + font-family: 'webflow-icons'; + src: url('../fonts/pnp.icon.eot?27cg53'); + src: url('../fonts/pnp.icon.eot?27cg53#iefix') format('embedded-opentype'), + url('../fonts/pnp.icon.woff2?27cg53') format('woff2'), + url('../fonts/pnp.icon.svg?27cg53#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} +[class^="w-icon-"], +[class*=" w-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'webflow-icons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -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.0; + 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; + opacity: 1 !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.0 !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), 0px 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%; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +button, +html input[type="button"], +input[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.428571429; + 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; + 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: 0.1px; + height: 0.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-widget-gplus { + overflow: hidden; +} +.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-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: 0.2em 0.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 0.5em; + transition: background-color 100ms, color 100ms; +} +.w-slider-dot.w-active { + background-color: #fff; +} +.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 { + 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-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-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; +} +@media screen and (max-width: 767px) { + .w-nav-brand { + padding-left: 10px; + } +} +/** + * ## Note + * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. + * For example percentage units do not work on descendants of elements that + * have any dimensions expressed in viewport units. It also doesn’t handle them at + * all in `calc()`. + */ +/** + * Wrapper around all lightbox elements + * + * 1. Since the lightbox can receive focus, IE also gives it an outline. + * 2. Fixes flickering on Chrome when a transition is in progress + * underneath the lightbox. + */ +.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; + /* 1 */ + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transform: translate(0, 0); + /* 2 */ +} +/** + * Neat trick to bind the rubberband effect to our canvas instead of the whole + * document on iOS. It also prevents a bug that causes the document underneath to scroll. + */ +.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-content */ +.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; +} +/* + * 1. Remove default margin set by user-agent on the
element. + */ +.w-lightbox-figure { + position: relative; + margin: 0; + /* 1 */ +} +.w-lightbox-group .w-lightbox-figure { + cursor: pointer; +} +/** + * IE adds image dimensions as width and height attributes on the IMG tag, + * but we need both width and height to be set to auto to enable scaling. + */ +.w-lightbox-img { + width: auto; + height: auto; + max-width: none; +} +/** + * 1. Reset if style is set by user on "All Images" + */ +.w-lightbox-image { + display: block; + float: none; + /* 1 */ + 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+"); +} +/* + * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. + * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. + * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) + */ +.w-lightbox-close { + right: 0; + height: 2.6em; + /* */ + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px; +} +/** + * 1. All IE versions add extra space at the bottom without this. + */ +.w-lightbox-strip { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 1vh; + line-height: 0; + /* 1 */ + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden; +} +/* + * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` + * which doesn’t work in Safari anyway. + * 2. Chrome renders images pixelated when switching to GPU. Making sure + * the parent is also rendered on the GPU (by setting translate3d for + * example) fixes this behavior. + */ +.w-lightbox-item { + display: inline-block; + width: 10vh; + padding: 2vh 1vh; + box-sizing: content-box; + /* 1 */ + cursor: pointer; + -webkit-transform: translate3d(0, 0, 0); + /* 2 */ +} +.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); +} +/* + * Spinner + * + * Absolute pixel values are used to avoid rounding errors that would cause + * the white spinning element to be misaligned with the track. + */ +.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%; +} +/* + * Utility classes + */ +.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-content */ + .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: 0.6; +} +.w-richtext figure div { + /* fix incorrectly sized selection border in the data manager */ + 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 is used for aspect ratios in video figures + we want the div to inherit that so hover/selection borders in the designer-canvas + fit right*/ + 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.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; +} diff --git a/static/recognitionprogram/css/normalize.css b/static/recognitionprogram/css/normalize.css new file mode 100644 index 00000000..02d9f1c6 --- /dev/null +++ b/static/recognitionprogram/css/normalize.css @@ -0,0 +1,355 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} +/** + * Remove default margin. + */ +body { + margin: 0; +} +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; +} +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; +} +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; +} +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; +} +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; +} +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; +} +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; +} +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; +} +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; +} +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; +} +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; +} +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ +} +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; +} +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; +} +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce + * specificity and defer to the .w-button selector + */ +button, +html input[type="button"], +input[type="reset"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ +} +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; +} +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/** + * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input + * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed + * (similar to normalize.css >=4.0.0) + */ +input[type="search"] { + -webkit-appearance: none; + /* 1 */ +} +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; +} +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; +} +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} diff --git a/static/recognitionprogram/css/pnp-landing-page.css b/static/recognitionprogram/css/pnp-landing-page.css new file mode 100644 index 00000000..0ac429e9 --- /dev/null +++ b/static/recognitionprogram/css/pnp-landing-page.css @@ -0,0 +1,10145 @@ +/* Generated on: Tue Apr 28 2020 22:55:34 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: 0.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: 0.35em 0.625em 0.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: 0; + 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%; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +button, +html input[type="button"], +input[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; + 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: 0; +} +.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: 0.1px; + height: 0.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-widget-gplus { + overflow: hidden; +} +.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-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: 0.2em 0.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 0.5em; + transition: background-color 100ms, color 100ms; +} +.w-slider-dot.w-active { + background-color: #fff; +} +.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 { + 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-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-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; +} +@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: 0.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 0.3s; + transition: all 0.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: 0.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 0.8s infinite linear; + animation: spin 0.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: 0.5; + } + .w-lightbox-close { + opacity: 0.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: 0.6; +} +.w-richtext figure div { + font-size: 0; + 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.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-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; +} + +h5 { + margin-top: 10px; + margin-bottom: 10px; + color: #000; + font-size: 14px; + line-height: 20px; + font-weight: 700; +} + +p { + margin-bottom: 10px; + font-size: 16px; + line-height: 24px; +} + +a { + text-decoration: underline; +} + +.nav01_line { + width: 1px; + height: 100%; + min-height: 24px; + margin-right: 16px; + margin-left: 16px; + background-color: #ebecf0; +} + +.lnd_nav_left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_nav_col_4 { + width: 30%; +} + +.div_block_06 { + min-height: auto; + min-width: 320px; + padding: 15px 10px 5px; + border-radius: 8px; + background-color: #fff; + box-shadow: 9px 9px 17px 5px rgba(0, 0, 0, 0.19); +} + +.lnd_toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 35px; + height: 35px; + padding: 0px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_btn_02 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-height: 40px; + min-height: 35px; + padding: 10px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 2px none #5d3eff; + border-radius: 50px; + background-color: #fff; + box-shadow: none; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #0078d4; + font-size: 12px; + line-height: 17px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; +} + +.lnd_btn_02:hover { + border-width: 0px; + background-color: #fff; + box-shadow: -1px 6px 20px 0 rgba(32, 27, 61, 0.14); +} + +.lnd_dropdown_base { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + min-width: 790px; + padding: 0px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + box-shadow: 14px 14px 40px 5px rgba(118, 126, 173, 0.1); +} + +.lnd_nav_col_3 { + width: 25%; + padding: 15px; +} + +.lnd_dropdown_wrap { + width: 35px; + height: 35px; + margin-left: 15px; + border-radius: 100px; + background-color: #f8faff; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; +} + +.lnd_dropdown_wrap:hover { + background-color: #e9eefa; +} + +.lnd_nav_col_1 { + width: 23%; + padding: 15px; +} + +.lnd_h6_white { + margin-bottom: 10px; + color: #fff; + font-size: 12px; + line-height: 12px; + font-weight: 600; + letter-spacing: 1px; +} + +.nav01_links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-weight: 600; +} + +.lnd_card_title_white { + margin-bottom: 25px; + color: #f5f7fd; + font-size: 18px; + line-height: 22px; + font-weight: 400; + text-align: center; + letter-spacing: 0px; +} + +.lnd_btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-height: 40px; + min-height: 35px; + margin-left: 0px; + padding: 14px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 2px none #5d3eff; + border-radius: 50px; + background-color: #e9f9f0; + box-shadow: none; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #38cb89; + font-size: 12px; + line-height: 17px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; +} + +.lnd_btn:hover { + background-color: #ddf3e7; +} + +.lnd_toggle_primary { + margin-right: 5px; + padding-right: 25px; +} + +.lnd_nav_title { + margin-top: 10px; + margin-bottom: 8px; + color: #5d3eff; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; +} + +.nav01_right_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav01_logo { + margin-right: 25px; +} + +.lnd_dropdown_text { + color: #4f5e78; + font-size: 14px; + font-weight: 500; + text-decoration: none; +} + +.div-block-110-copy { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 50%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #7540ee; + background-image: url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 50% 100%; + background-size: cover; + background-repeat: no-repeat; +} + +.div-block-111 { + margin-bottom: 0px; + padding-bottom: 26px; + padding-left: 131px; +} + +.div_block_07 { + width: 100%; + height: 1px; + margin-top: 15px; + margin-bottom: 15px; + background-color: rgba(155, 158, 184, 0.32); +} + +.div_block_07.hide-3 { + display: none; +} + +.image-41 { + width: 40px; +} + +.lnd_nav_link_text { + font-weight: 500; +} + +.div_block_05 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.lnd_dropdown { + min-width: 200%; +} + +.lnd_dropdown.w--open { + left: -50px; + min-width: 150px; + margin-top: 8px; + padding: 4px; + border-radius: 8px; + background-color: #fff; + box-shadow: 1px 1px 13px 0 rgba(0, 0, 0, 0.1); +} + +.lnd_nav_item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 33px; + padding: 8px 5px 8px 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 5px; + background-color: transparent; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; + color: #201b3d; + text-decoration: none; +} + +.lnd_nav_item:hover { + background-color: #f8faff; +} + +.lnd_nav_item.hide2 { + display: none; +} + +.lnd_nav_link { + padding-right: 18px; + padding-left: 18px; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #201b3d; + font-size: 14px; + font-weight: 600; +} + +.lnd_nav_link:hover { + color: #5b3acc; +} + +.lnd_nav_link.w--current { + color: #5b3acc; +} + +.icon-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 35px; + height: 35px; + margin-right: 5px; + padding: 6px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background-image: none; +} + +.lnd_card_title_white-copy { + margin-bottom: 25px; + color: #0a1f44; + font-size: 15px; + line-height: 12px; + letter-spacing: 1px; +} + +.lnd_h6_white-copy { + margin-bottom: 0px; + color: #8a94a6; + font-size: 12px; + line-height: 12px; + letter-spacing: 1px; +} + +.nav04_image { + position: static; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + margin-right: 25px; +} + +.dropdown-text { + color: #201b3d; + font-size: 14px; + font-weight: 600; +} + +.lnd_dropdown_link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 44px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 8px; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + text-decoration: none; +} + +.lnd_dropdown_link:hover { + border-radius: 4px; + background-color: #f8faff; +} + +.text-block-39 { + margin-bottom: 8px; + color: #5d3eff; + font-weight: 700; + text-transform: uppercase; +} + +.text-block-39.hide1 { + display: none; +} + +.div-block-110 { + height: 50%; + background-color: #f5f7fd; + background-image: url("../images/5ea49e060e34983b0734b178_hero_image.png"); + background-position: 0px 38px; + background-size: cover; + background-repeat: no-repeat; +} + +.nav01_container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 1140px; + margin-right: auto; + margin-left: auto; + padding-top: 15px; + padding-bottom: 15px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_dropdown_list { + background-color: transparent; +} + +.lnd_dropdown_list.w--open { + left: -125px; + background-color: transparent; +} + +.nav_details_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.div_block_08 { + min-width: 200px; +} + +.icon { + margin-right: 5px; +} + +.lnd_navigation { + display: block; + padding-right: 5%; + padding-left: 5%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #fff; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); +} + +.body { + font-family: Segoeui, sans-serif; + color: #000; +} + +.nav_column_large_02 { + width: 30%; +} + +.nav02_logo_image { + position: static; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; +} + +.nav02_top_left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + min-width: 200px; + font-weight: 500; +} + +.nav02 { + display: block; + min-height: 80px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #0078d4; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); + color: #fff; + font-weight: 400; +} + +.nav_details_wrap_02 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 50%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #7540ee; + background-image: url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 50% 100%; + background-size: cover; + background-repeat: no-repeat; +} + +.nav_column { + width: 22%; + padding: 15px; +} + +.nav02_icon { + margin-right: 15px; +} + +.nav02_line { + width: 1px; + height: 100%; + min-height: 20px; + margin: 2px 8px; + background-color: #ebecf0; +} + +.nav02_dropdown_link { + font-size: 13px; + font-weight: 500; +} + +.nav_heading { + margin-bottom: 0px; + color: rgba(255, 255, 255, 0.63); + font-size: 12px; + line-height: 12px; + font-weight: 500; + letter-spacing: 1px; +} + +.nav02_account { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + min-height: 50px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav_h4 { + margin-bottom: 25px; + color: #f5f7fd; + font-size: 15px; + line-height: 12px; + letter-spacing: 1px; +} + +.nav02_email { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + min-height: 50px; + padding-right: 25px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-right: 1px solid rgba(0, 0, 0, 0.1); + -webkit-transition: all 250ms ease; + transition: all 250ms ease; +} + +.nav02_email:hover { + color: #7540ee; +} + +.nav02_top { + min-height: 50px; + border-bottom: 1px solid #ebecf0; + background-color: #fff; +} + +.nav02_phone { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + min-height: 50px; + padding-right: 25px; + padding-left: 25px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-right: 1px solid #ebecf0; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; +} + +.nav02_phone:hover { + color: #7540ee; +} + +.nav_h4_02 { + margin-bottom: 25px; + color: #0a1f44; + font-size: 15px; + line-height: 12px; + letter-spacing: 1px; +} + +.nav02_icon_02 { + width: 15px; + margin-right: 10px; +} + +.nav_button { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-height: 40px; + min-height: 35px; + padding: 10px 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 2px none #5d3eff; + border-radius: 50px; + background-color: #e9f9f0; + box-shadow: none; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #38cb89; + font-size: 12px; + line-height: 17px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; +} + +.nav_button:hover { + background-color: #ddf3e7; +} + +.nav_link_text { + font-weight: 500; +} + +.nav_dropdown { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: auto; + min-width: 320px; + border-radius: 8px; + background-color: #fff; + box-shadow: 14px 14px 25px 5px rgba(118, 126, 173, 0.08); + font-weight: 400; +} + +.nav_heading_02 { + margin-bottom: 0px; + color: #8a94a6; + font-size: 12px; + line-height: 12px; + letter-spacing: 1px; +} + +.nav02_top_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + padding-right: 5%; + padding-left: 5%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.forest_nav { + display: block; + width: 100%; + color: #fff; +} + +.nav_list { + min-width: 850px; +} + +.nav_list.w--open { + left: -110px; + overflow: hidden; + border-radius: 10px; + background-color: transparent; +} + +.nav02_account_toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + min-height: 50px; + padding: 0px 40px 0px 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-left: 1px solid rgba(0, 0, 0, 0.1); +} + +.nav02_logo { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: 35px; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + align-self: auto; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.nav_drop { + display: block; + height: 100%; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav02_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-right: auto; + margin-left: auto; + padding: 15px 5%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; +} + +.nav02_right_wrap { + display: none; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav_toggle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + padding-right: 25px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav02_links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav_link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 33px; + padding: 8px 5px 8px 10px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 5px; + background-color: transparent; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; + color: #201b3d; + text-decoration: none; +} + +.nav_link:hover { + background-color: #f8faff; +} + +.nav02_en_dropdown { + padding: 0px; +} + +.nav02_en_dropdown.w--open { + left: 0%; + top: 45px; + bottom: auto; + margin-top: 5px; + padding: 10px 0px; + border-radius: 4px; + background-color: #fff; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); +} + +.nav02_button { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-height: 40px; + min-height: 35px; + padding: 12px 40px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 2px none #5d3eff; + border-radius: 50px; + background-color: #7540ee; + box-shadow: none; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #fff; + font-size: 12px; + line-height: 17px; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; +} + +.nav02_button:hover { + background-color: #5d3eff; + color: #fff; +} + +.nav_details_block { + height: 50%; + background-color: #f5f7fd; + background-image: url("../images/5ea49e060e34983b0734b178_hero_image.png"); + background-position: 0px 38px; + background-size: cover; + background-repeat: no-repeat; +} + +.nav_text_link { + color: #fff; +} + +.nav_icon_arrow { + margin-right: 0px; + color: #fff; +} + +.nav_column_large { + width: 28%; + padding: 15px; +} + +.nav02_nav_menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 600; +} + +.nav02_link { + padding-right: 15px; + padding-left: 15px; + color: #fff; + font-size: 14px; +} + +.nav02_icons { + width: 15px; + margin-right: 10px; +} + +.nav02_mobile { + display: none; + min-height: 80px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #fff; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); + font-weight: 400; +} + +.nav02_top_right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + min-height: 50px; + min-width: 200px; +} + +.nav_title { + margin-top: 10px; + margin-bottom: 8px; + color: #5d3eff; + font-size: 13px; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; +} + +.logo-block { + color: #fff; + font-size: 24px; + font-weight: 600; +} + +.logo-block.white { + color: #fff; +} + +.logo-block.bold { + font-weight: 700; +} + +.lnd_span { + color: #000; + font-weight: 500; +} + +.lnd_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 240px; + min-height: auto; + min-width: 120px; + margin-bottom: 16px; + padding: 0px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 0px; + background-color: transparent; +} + +.lnd_button_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 32px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_container_hero { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1140px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_hero { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100vh; + max-height: 900px; + min-height: 710px; + margin-top: 79px; + padding: 60px 5%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 0px none transparent; + background-color: rgba(236, 240, 241, 0.4); + background-image: none; + background-size: auto; + background-repeat: repeat; +} + +.ldn_h1 { + max-width: 580px; + margin-top: 0px; + margin-bottom: 15px; + color: #000; + font-size: 58px; + line-height: 58px; + font-weight: 700; +} + +.lnd_badge_circle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 30px; + height: 30px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 100px; + background-color: #38cb89; +} + +.lnd_paragraph { + max-width: 500px; + margin-bottom: 18px; + color: #000; + font-size: 16px; + line-height: 24px; +} + +.lnd_paragraph.date { + color: #bdc3c7; +} + +.lnd_hero_block { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 70%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.lnd_button { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-height: 45px; + min-height: 45px; + margin-right: 10px; + margin-left: 0px; + padding: 12px 25px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 2px none #5d3eff; + border-radius: 50px; + background-color: #7540ee; + box-shadow: none; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #fff; + font-size: 12px; + line-height: 17px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; +} + +.lnd_button:hover { + background-color: #6c3add; + color: #fff; +} + +.lnd_badge_text { + margin-left: 0px; + color: #0078d4; + font-size: 14px; + line-height: 18px; + font-weight: 600; + letter-spacing: 0.5px; + text-transform: uppercase; +} + +.lnd_badge_text.white { + color: #fff; +} + +.lnd_button_explore { + display: none; + max-height: 45px; + min-height: 45px; + min-width: 160px; + margin-right: 10px; + margin-left: 0px; + padding: 12px 25px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 1.5px dashed #e0e4df; + border-radius: 50px; + background-color: transparent; + box-shadow: none; + -webkit-transition: all 350ms ease; + transition: all 350ms ease; + color: #0078d4; + font-size: 12px; + line-height: 17px; + font-weight: 600; + letter-spacing: 1px; + text-decoration: none; + text-transform: uppercase; +} + +.lnd_button_explore:hover { + border-style: solid; + border-color: #fff; + background-color: #d1e9fc; + color: #0078d4; +} + +.navigation { + display: block; + width: 100%; + color: #fff; +} + +.lnd_hero_mobile { + display: none; +} + +.lnd_link_text { + margin-right: 8px; + color: #000; + font-size: 16px; + font-weight: 500; + text-align: center; +} + +.lnd_service_icon { + position: absolute; + left: 15px; + top: -30px; + right: 0%; + bottom: auto; + width: 65px; +} + +.lnd_title { + max-width: 500px; + margin-right: 0px; + margin-bottom: 16px; + margin-left: 0px; + color: #0067B8; + font-size: 14px; + line-height: 25px; + font-weight: 600; + text-align: left; + letter-spacing: 1px; +} + +.lnd_title.white { + color: #fff; +} + +.lnd_h2 { + margin-top: 15px; + margin-bottom: 15px; + color: #000; + font-size: 24px; + line-height: 32px; + font-weight: 600; + text-transform: none; +} + +.lnd_h3 { + margin: 0px auto 24px; + color: #000; + font-size: 38px; + line-height: 42px; + font-weight: 700; + text-align: left; + max-width: 700px; +} + +.lnd_h3.center { + text-align: center; +} + +.lnd_content { + min-height: 500px; + margin-bottom: 0px; + padding: 80px 5%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + background-color: #fff; +} + +.lnd_content.grey { + background-color: #ecf0f1; +} + +.lnd_link_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 500px; + margin-right: auto; + margin-left: auto; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + text-decoration: none; +} + +.lnd_services { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 32px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_service_wrap { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 32%; + height: 100%; + min-height: 320px; + padding: 40px 25px 25px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + border-style: solid; + border-width: 1px; + border-color: #ecf0f1; + border-radius: 10px; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; +} + +.lnd_service_wrap:hover { + border-color: #dbdedf; +} + +.lnd_title_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 72px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} + +.lnd_link_arrow { + width: 15px; + background-color: transparent; + -webkit-filter: invert(100%); + filter: invert(100%); + color: #bdc3c7; +} + +.lnd_container_flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1200px; + margin-top: 0px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_check_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_img_block { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 50%; + min-height: 200px; + padding: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_content_block { + width: 50%; + min-height: 200px; + padding-left: 15px; +} + +.main_img_wrap { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 550px; + min-width: 500px; + padding-right: 55px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_checks { + margin-bottom: 35px; +} + +.lnd_check_icon { + width: 15px; + margin-right: 12px; +} + +.lnd_h4 { + margin-top: 0px; + margin-bottom: 10px; + color: #0a1f44; + line-height: 45px; + font-weight: 700; +} + +.lnd_paragraph_02 { + max-width: 560px; + margin-bottom: 0px; + color: #4e5d78; + font-size: 16px; + line-height: 25px; + font-weight: 500; +} + +.lnd_paragraph-2 { + max-width: 500px; + margin-bottom: 18px; + font-size: 18px; + line-height: 25px; +} + +.lnd_icon { + margin-bottom: 15px; +} + +.lnd_container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1140px; + margin-right: auto; + margin-bottom: 55px; + margin-left: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_container_reverse { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1140px; + margin-right: auto; + margin-bottom: 55px; + margin-left: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_cta { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 400px; + padding: 90px 5%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #0078d4; + background-image: url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 0px 140px; + background-size: cover; + background-repeat: no-repeat; +} + +.lnd_cta_bar { + position: absolute; + left: 25px; + top: -38px; + right: 25px; + bottom: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + max-width: 760px; + min-height: 70px; + margin-right: auto; + margin-left: auto; + padding: 15px 25px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 100px; + background-color: #fff; + box-shadow: 0 0 40px 3px rgba(118, 126, 173, 0.08); + font-size: 16px; +} + +.lnd_cta_image { + position: absolute; + left: auto; + top: auto; + right: 0%; + bottom: 0%; + z-index: 0; +} + +.lnd_cta_text_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: auto; + margin-left: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_logo { + position: static; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + margin-right: 25px; +} + +.lnd_cta_tex_plain { + font-weight: 500; +} + +.lnd_container_main { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1140px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_cta_text { + max-width: 710px; + margin: 0px auto; + color: #f5f7fd; + font-size: 34px; + line-height: 41px; + text-align: center; +} + +.lnd_link_text-2 { + margin-right: 8px; + color: #0078d4; + font-size: 14px; + font-weight: 400; + text-align: center; + letter-spacing: 0.5px; +} + +.lnd_link_text-2.white { + color: #fff; +} + +.lnd_h6_05 { + margin-bottom: 0px; + color: #7540ee; + font-size: 12px; + line-height: 12px; + letter-spacing: 1px; +} + +.lnd_card_template_04 { + position: relative; + min-height: 260px; + border-radius: 10px; + background-color: #fff; + background-image: url("../images/5ea5d33c808bdf982b93bc19_placeholder.png"); + background-position: 0% 50%; + background-size: cover; + background-repeat: no-repeat; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); +} + +.lnd_title-2 { + max-width: 500px; + margin-right: auto; + margin-bottom: 4px; + margin-left: auto; + color: #8a94a6; + font-size: 14px; + line-height: 25px; + font-weight: 700; + text-align: center; + letter-spacing: 1px; +} + +.link { + color: #7540ee; + text-decoration: none; +} + +.lnd_tab_text { + color: #0078d4; + font-size: 13px; + font-weight: 600; + letter-spacing: 1px; + text-decoration: none; +} + +.lnd_template_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 200px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; +} + +.lnd_link_card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + text-decoration: none; +} + +.lnd_card_template_03 { + position: relative; + min-height: 260px; + border-radius: 10px; + background-color: #fff; + background-image: url("../images/5ea5d33c808bdf982b93bc19_placeholder.png"); + background-position: 0% 50%; + background-size: cover; + background-repeat: no-repeat; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); +} + +.lnd_h6 { + margin-bottom: 0px; + color: #636e72; + font-size: 12px; + line-height: 12px; + font-weight: 400; + letter-spacing: 1px; + text-transform: uppercase; +} + +.lnd_h6.white { + color: #fff; +} + +.lnd_card_text_wrap { + position: absolute; + left: 0%; + top: auto; + right: auto; + bottom: 0%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 220px; + padding-right: 24px; + padding-bottom: 24px; + padding-left: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.lnd_h3_02 { + margin: 0px auto 10px; + color: #0a1f44; + font-size: 38px; + line-height: 42px; + font-weight: 700; + text-align: center; +} + +.lnd_paragraph_03 { + max-width: 500px; + margin-right: auto; + margin-bottom: 18px; + margin-left: auto; + font-size: 18px; + line-height: 25px; + text-align: center; +} + +.lnd_card_template_cta { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 260px; + padding-right: 32px; + padding-left: 32px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 10px; + background-color: #0078d4; + background-image: url("../images/5ea667dec07d78ccaf40e860_parkers-place.png"), + url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 50% 50%, 0px 0px; + background-size: cover, 300%; + box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.03); +} + +.lnd_card_template_cta.youtube { + background-image: url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 0px 0px; + background-size: 300%; +} + +.lnd_container_02 { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1140px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.lnd_template_column { + width: 33%; + min-height: 200px; + margin-bottom: 20px; + padding-right: 10px; + padding-left: 10px; +} + +.lnd_card_text_wrap_02 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_card_title { + margin-bottom: 32px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + letter-spacing: 0px; + text-transform: none; +} + +.lnd_card_title.white { + color: #fff; +} + +.lnd_title_wrap_02 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 45px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.lnd_card_template_02 { + position: relative; + min-height: 260px; + border-radius: 10px; + background-color: #fff; + background-image: url("../images/5ea5d33c808bdf982b93bc19_placeholder.png"); + background-position: 0% 50%; + background-size: cover; + background-repeat: no-repeat; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); +} + +.lnd_card_template { + position: relative; + min-height: 260px; + border-radius: 10px; + background-color: #fff; + background-image: url("../images/5ea60a0b7899698471d1958f_placeholder-2.png"); + background-position: 0% 50%; + background-size: cover; + background-repeat: no-repeat; + box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.05); +} + + + +.lnd_card_template._01 { + background-image: url("../images/5ea7408fe8ecfa4d3ff68308_card-image-01.png"); + background-position: 100% 50%; +} + +.lnd_card_template._02 { + background-image: url("../images/5ea74c0a563945f33b5493d4_card-image-02.png"); + background-position: 100% 50%; +} + +.lnd_card_template._03 { + background-image: url("../images/5ea74c1d6abb333ff1462d9a_card-image-03.png"); + background-position: 100% 50%; +} + +.lnd_card_template._04 { + background-image: url("../images/5ea74c30f7ff76ab6c741889_card-image-04.png"); + background-position: 100% 50%; +} + +.lnd_card_template._05 { + background-image: url("../images/5ea74d9aedce0327a262cd29_card-image-05.png"); + background-position: 100% 50%; +} + +.lnd_card_template._06 { + background-image: url("../images/5ea74eac04cd8d0b29014b28_card-image-06.png"); + background-position: 100% 50%; +} + +.lnd_card_template._07 { + background-image: url("../images/5ea74f6288f5423ae38281d9_card-image-07.png"); + background-position: 100% 50%; +} + +.lnd_card_template._08 { + background-image: url("../images/5ea7521605c91be3b706e4df_card-image-08.png"); + background-position: 100% 50%; +} + +.lnd_card_template._09 { + background-image: url("../images/5ea752aecbc02c39fea00911_card-image-09.png"); + background-position: 100% 50%; +} + +.lnd_card_template._10 { + background-image: url("../images/5ea753c25e12fffc27de38ef_card-image-10.png"); + background-position: 100% 50%; +} + +.lnd_card_template._11 { + background-image: url("../images/5ea7543b46ce8c7d5b0a2986_card-image-11.png"); + background-position: 100% 50%; +} + +.lnd_card_template._12 { + background-image: url("../images/5ea754cd0f7f881cbd3660ee_card-image-12.png"); + background-position: 100% 50%; +} + +.lnd_card_template._13 { + background-image: url("../images/5ea755a546ce8ccec10a2fe4_card-image-13.png"); + background-position: 100% 50%; +} + +.lnd_card_template._14 { + background-image: url("../images/5ea755a546ce8ccec10a2fe4_card-image-14.png"); + background-position: 100% 50%; +} + +.lnd_card_template._15 { + background-image: url("../images/card-image-15.png"); + background-position: 100% 50%; +} + +.lnd_card_template._16 { + background-image: url("../images/card-image-16.png"); + background-position: 100% 50%; +} + +.lnd_card_template._17 { + background-image: url("../images/card-image-17.png"); + background-position: 100% 50%; +} + +.lnd_card_template._18 { + background-image: url("../images/card-image-18.png"); + background-position: 100% 50%; +} + +.lnd_card_template._19 { + background-image: url("../images/card-image-19.png"); + background-position: 100% 50%; +} + +.lnd_card_template._191 { + background-image: url("../images/card-image-191.png"); + background-position: 100% 50%; +} + +.lnd_card_template._20 { + background-image: url("../images/card-image-20.png"); + background-position: 100% 50%; +} + +.lnd_card_template._21 { + background-image: url("../images/card-image-21.png"); + background-position: 100% 50%; +} + +.lnd_card_template._22 { + background-image: url("../images/card-image-22.png"); + background-position: 100% 50%; +} + +.lnd_card_template._24 { + background-image: url("../images/card-image-24.png"); + background-position: 100% 50%; +} + +.lnd_card_template._25 { + background-image: url("../images/card-image-25.png"); + background-position: 100% 50%; +} + +.lnd_card_template._26 { + background-image: url("../images/card-image-26.png"); + background-position: 100% 50%; +} +.lnd_card_template._27 { + background-image: url("../images/card-image-27.png"); + background-position: 100% 50%; +} +.lnd_card_template._28 { + background-image: url("../images/card-image-28.png"); + background-position: 100% 50%; +} + +.lnd_card_template._29 { + background-image: url("../images/card-image-29.png"); + background-position: 100% 50%; +} + +.lnd_card_template._30 { + background-image: url("../images/card-image-30.png"); + background-position: 100% 50%; +} + +.lnd_card_template._31 { + background-image: url("../images/card-image-31.png"); + background-position: 100% 50%; +} + +.lnd_card_template._32 { + background-image: url("../images/card-image-32.png"); + background-position: 100% 50%; +} + +.lnd_card_template._33 { + background-image: url("../images/card-image-33.png"); + background-position: 100% 50%; +} + +.lnd_card_template._34 { + background-image: url("../images/card-image-34.png"); + background-position: 100% 50%; +} + +.lnd_card_template._35 { + background-image: url("../images/card-image-35.png"); + background-position: 100% 50%; +} + +.lnd_card_template._36 { + background-image: url("../images/card-image-36.png"); + background-position: 100% 50%; +} + +.lnd_card_template._fms01 { + background-image: url("../images/card-image-fms01.png"); + background-position: 100% 50%; +} + +.lnd_card_template._fms02 { + background-image: url("../images/card-image-fms02.png"); + background-position: 100% 50%; +} + +.lnd_card_template._fms03 { + background-image: url("../images/card-image-fms03.png"); + background-position: 100% 50%; +} + +.lnd_card_template._fms04 { + background-image: url("../images/card-image-fms04.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_01 { + background-image: url("../images/card-image-cc01.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_02 { + background-image: url("../images/card-image-cc02.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_03 { + background-image: url("../images/card-image-cc03.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_04 { + background-image: url("../images/card-image-cc04.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_05 { + background-image: url("../images/card-image-cc05.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_06 { + background-image: url("../images/card-image-cc06.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_07 { + background-image: url("../images/card-image-cc07.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_08 { + background-image: url("../images/card-image-cc08.png"); + background-position: 100% 50%; +} + +.lnd_card_template.cc_09 { + background-image: url("../images/card-image-cc09.png"); + background-position: 100% 50%; +} + +.lnd_card_template._pnpweekly { + background-image: url(../images/card-image-pnpweekly.png); + background-position: 100% 50%; +} + +.lnd_card_template._m365devpodcast { + background-image: url(../images/card-image-m365devpodcast.png); + background-position: 100% 50%; +} + +.lnd_card_template._scriptsamples { + background-image: url(../images/card-image-scriptsamples.png); + background-position: 100% 50%; +} + +.lnd_card_template._recognitionprogram { + background-image: url(../images/card-image-recognitionprogram.png); + background-position: 100% 50%; +} + +.lnd_card_template._sharingiscaring { + background-image: url(../images/card-image-sharingiscaring.png); + background-position: 100% 50%; +} + +.lnd_card_template._spotlight { + background-image: url(../images/card-image-spotlight-pnpblog.png); + background-position: 20% 50%; + min-height: 300px; +} + +.lnd_card_template._spotlight .lnd_card_text_wrap { + max-width: 300px; +} + + + +.lnd_component_button { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 13%; + min-height: 50px; + min-width: 140px; + margin-right: 5px; + margin-bottom: 15px; + margin-left: 5px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50px; + background-color: #fff; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + color: #000; + text-decoration: none; +} + +.lnd_component_button:hover { + background-color: #bdc3c7; +} + +.lnd_card_link { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: none; +} + +.lnd_glossary { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 1200px; + min-height: 200px; + margin-bottom: 35px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; +} + +.lnd_component_button_02 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 13%; + min-height: 50px; + min-width: 140px; + margin-right: 5px; + margin-bottom: 15px; + margin-left: 5px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50px; + background-color: rgba(0, 120, 212, 0.44); + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + color: #0078d4; + text-decoration: none; +} + +.lnd_component_button_02:hover { + background-color: rgba(0, 120, 212, 0.8); +} + +.lnd_card_template_05 { + position: relative; + min-height: 260px; + border-radius: 10px; + background-color: #fff; + background-image: url("../images/5ea5d33c808bdf982b93bc19_placeholder.png"); + background-position: 0% 50%; + background-size: cover; + background-repeat: no-repeat; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); +} + +.f05 { + min-height: 400px; + padding: 90px 5%; + background-color: #000; + background-image: none; + background-position: 0px 0px; + background-size: auto; + background-repeat: repeat; +} + +.f05_colum_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 35px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.f05_footer_top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 0px; + padding-bottom: 35px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + border-bottom: 1px solid hsla(0, 0%, 100%, 0.2); +} + +.f05_column { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 20%; + min-height: 250px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.f05_link { + margin-bottom: 12px; + margin-left: 1px; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; + color: rgba(235, 236, 240, 0.74); + text-decoration: none; +} + +.f05_link:hover { + color: #fff; +} + +.f05_button { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 48px; + min-width: 130px; + padding: 12px 28px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; + background-color: #e9f9f0; + -webkit-transition: background-color 200ms ease; + transition: background-color 200ms ease; + color: #38cb89; + font-size: 15px; + font-weight: 500; +} + +.f05_button:hover { + background-color: #dbf5e6; +} + +.f05_title { + display: inline-block; + margin-bottom: 20px; + color: #fff; + font-size: 18px; + font-weight: 600; +} + +.f05_form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.f05_container { + display: block; + max-width: 1140px; + margin-right: auto; + margin-left: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.f05_h2 { + max-width: 420px; + margin-top: 0px; + margin-bottom: 0px; + color: #fff; + font-size: 28px; + line-height: 37px; +} + +.f05_input { + max-width: 330px; + min-height: 48px; + margin-right: 5px; + margin-bottom: 5px; + padding-left: 15px; + border: 1.5px none #e2e4e9; + border-radius: 4px; + background-color: #fff; + color: #b0b7c3; + font-size: 16px; + font-weight: 400; +} + +.f05_input:focus { + border-color: #5d3eff; +} + +.f03_h4 { + display: block; + max-width: 480px; + margin-top: 5px; + margin-bottom: 8px; + color: #fff; + font-size: 28px; + line-height: 38px; + font-weight: 600; + text-align: left; +} + +.f03_text { + display: block; + color: #fff; + font-size: 16px; + font-weight: 400; +} + +.f03_social_link { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; +} + +.f03_link { + display: block; + margin-bottom: 0px; + padding-top: 12px; + padding-bottom: 12px; + color: #fff; + text-decoration: none; +} + +.f03_column_right { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + align-items: flex-end; +} + +.link_block { + position: absolute; +} + +.f03_title { + margin-top: 16px; + margin-bottom: 16px; + color: #fff; + font-size: 14px; + font-weight: 600; + letter-spacing: 1px; +} + +.f03_social_wraps { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 10px; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.f03_footer_wrap { + padding-top: 35px; +} + +.f03_social_wrap { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 35px; + height: 35px; + margin-right: 0px; + margin-left: 20px; + padding: 9px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + background-color: #fff; +} + +.menu-icon-line-middle { + height: 2px; + margin-top: 4px; + margin-bottom: 4px; + background-color: #151515; +} + +.logo { + margin-top: 2px; + margin-bottom: 11px; + color: #2e323c; + font-size: 25px; + line-height: 24px; + font-weight: 700; +} + +.nav-dropdown-link { + padding: 12px 24px; + background-color: #fff; + -webkit-transition: background-color 100ms ease, color 100ms ease; + transition: background-color 100ms ease, color 100ms ease; + color: #2e323c; + font-size: 14px; + line-height: 24px; +} + +.nav-dropdown-link:hover { + background-color: #7567f8; + color: #fff; +} + +.nav-dropdown-link.w--current { + color: #7567f8; +} + +.nav-dropdown-link.w--current:hover { + color: #fff; +} + +.menu-icon-line-bottom { + height: 2px; + background-color: #151515; +} + +.nav-dropdown-icon { + margin-right: 18px; + color: #a5aab6; + font-size: 13px; +} + +.nav-dropdown-list { + margin-left: -5px; +} + +.nav-dropdown-list.w--open { + overflow: hidden; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 5px 18px 0 rgba(46, 50, 60, 0.09); +} + +.logo-link { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0px 24px 0px 0px; +} + +.nav-bar { + position: fixed; + left: 0px; + top: 0px; + right: 0px; + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 24px; + padding-left: 24px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #000; + box-shadow: 0 3px 9px 0 rgba(46, 50, 60, 0.09); + color: #fff; +} + +.logo-text { + display: inline-block; + margin-left: 0px; + padding-bottom: 0px; + float: left; + color: #fff; + font-size: 24px; + line-height: 24px; + font-weight: 600; +} + +.logo-line { + width: 62%; + height: 2px; + background-color: #ffa535; + background-image: -webkit-gradient(linear, left top, right top, from(#ff753e), to(#ffb731)); + background-image: linear-gradient(90deg, #ff753e, #ffb731); +} + +.wrapper { + display: block; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + background-color: transparent; +} + +.wrapper.nav-bar-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.logo-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 24px; + padding-bottom: 24px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.nav-link { + padding-top: 16px; + padding-bottom: 18px; + padding-left: 16px; + -webkit-transition: color 150ms ease; + transition: color 150ms ease; + color: #fff; + font-size: 15px; + line-height: 24px; +} + +.nav-link:hover { + color: #fff; +} + +.nav-link.w--current { + color: #2e323c; +} + +.nav-link.dropdown { + padding-right: 36px; +} + +.menu-icon-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 20px; + height: 20px; + float: right; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.menu-icon-line-top { + height: 2px; + background-color: #151515; +} + +.home-deco-dot { + width: 12px; + height: 6px; + margin-top: 7px; + margin-right: 30px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + background-color: #fff; +} + +.text-label { + display: block; + margin-bottom: 10px; + opacity: 0.7; + font-size: 12px; + line-height: 20px; + font-weight: 500; + text-transform: uppercase; +} + +.text-label.home-text-label { + margin-bottom: 16px; + opacity: 1; +} + +.hero5-image-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 640px; + padding: 60px 36px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-image: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(24, 24, 29, 0.5)), + to(rgba(24, 24, 29, 0.5)) + ), + url("../images/5ea5eba8808bdf5563949684_circafloor_pedestal_env_72_download_download.jpg"); + background-image: linear-gradient(180deg, rgba(24, 24, 29, 0.5), rgba(24, 24, 29, 0.5)), + url("../images/5ea5eba8808bdf5563949684_circafloor_pedestal_env_72_download_download.jpg"); + background-position: 0px 0px, 50% 50%; + background-size: auto, cover; + color: #fff; +} + +.hero5-image-wrap.homepage-wrap { + position: relative; + min-height: 800px; + background-image: none; + color: #18181d; +} + +.button-arrow { + display: inline-block; + margin-left: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.section { + padding-right: 5%; + padding-left: 5%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.home-dark-wrap-section { + position: relative; + margin-right: auto; + margin-left: auto; + padding-top: 85px; + padding-bottom: 85px; + background-color: #18181d; + color: #fff; +} + +.paragraph-70 { + margin-bottom: 10px; + opacity: 0.7; +} + +.home-welcome-text-wrap { + margin-bottom: 0px; + opacity: 0.7; +} + +.home-hero-wrap { + margin-bottom: 50px; +} + +.content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.wrapper-2.m80-80 { + padding-top: 80px; + padding-bottom: 80px; +} + +.wrapper-2.m80-80.grey { + margin-top: 0px; + padding-top: 80px; + background-color: #ecf0f1; +} + +.wrapper-2.m80-80.lightblue { + margin-top: 0px; + padding-top: 80px; + background-color: #0078d40d; +} + +.wrapper-2.m-120-120 { + padding-top: 120px; + padding-bottom: 120px; +} + +.wrapper-2.m-120-120.grey { + background-color: #ecf0f1; +} + +.home-hero-text-wrap { + width: 44%; +} + +.prospero-ui-kit-headline { + margin-top: 10px; + margin-bottom: 5px; + font-size: 60px; + line-height: 68px; + font-weight: 500; + text-transform: uppercase; +} + +.hero5 { + border-bottom: 1px solid #ebedee; +} + +.hero5.home-hero5 { + border-bottom: 0px none transparent; +} + +.kit-hero-buttons-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.home-hero-image-wrap { + position: absolute; + left: 50%; + top: 0%; + right: 0%; + bottom: 0%; + margin-left: 67px; + background-image: url("../images/5ea5eba8808bdf210394968a_kit-home-image.jpg"); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.button-large { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 30px 36px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #18181d; + color: #fff; + font-size: 16px; + line-height: 26px; + font-weight: 500; + text-decoration: none; + text-transform: uppercase; +} + +.button-large:hover { + background-color: #272731; +} + +.button-large.blue-button { + padding-right: 40px; + padding-left: 40px; + border-style: solid; + border-width: 1px; + border-color: #4353ff; + background-color: #4353ff; + font-size: 18px; + text-transform: uppercase; +} + +.button-large.blue-button:hover { + background-color: #3545ee; +} + +.content-wrap { + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; +} + +.content34-grid { + display: -ms-grid; + display: grid; + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + grid-auto-flow: row; + grid-auto-columns: 1fr; + grid-column-gap: 36px; + grid-row-gap: 0px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.home-info-item-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.size3-text { + margin-top: 10px; + margin-bottom: 15px; + font-size: 30px; + line-height: 38px; + font-weight: 300; + text-transform: none; +} + +.size3-text.size3-full-clear { + margin-top: 0px; + margin-bottom: 0px; +} + +.image-wrap { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.product5-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + grid-auto-flow: row; + grid-auto-columns: 1fr; + grid-column-gap: 36px; + grid-row-gap: 36px; + grid-template-areas: "Area"; + -ms-grid-columns: 1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto 36px auto 36px auto 36px auto; + grid-template-rows: auto auto auto auto; +} + +.item-overlay { + position: absolute; + z-index: 30; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + padding-right: 15px; + padding-bottom: 15px; + padding-left: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-image: -webkit-gradient( + linear, + left top, + left bottom, + from(rgba(24, 24, 29, 0.1)), + to(rgba(24, 24, 29, 0.1)) + ); + background-image: linear-gradient(180deg, rgba(24, 24, 29, 0.1), rgba(24, 24, 29, 0.1)); + opacity: 0; + text-decoration: none; + cursor: pointer; +} + +.size4-link { + display: block; + margin-top: 10px; + margin-bottom: 15px; + font-size: 24px; + line-height: 32px; + font-weight: 300; + text-decoration: none; +} + +.size4-link:hover { + opacity: 0.7; +} + +.home-sections-label { + position: -webkit-sticky; + position: sticky; + top: 120px; + bottom: 120px; +} + +.homepage-layouts-grid { + grid-column-gap: 36px; + grid-row-gap: 36px; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.product3-content-wrap { + margin-top: 26px; +} + +.button-small { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 18px 30px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 0px; + background-color: #18181d; + color: #fff; + font-size: 14px; + line-height: 24px; + font-weight: 500; + text-align: center; + text-decoration: none; + text-transform: uppercase; +} + +.button-small:hover { + background-color: #272731; +} + +.button-small.white-small { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0px; + background-color: #fff; + color: #000; + text-align: center; +} + +.home-item-wrap { + width: 100%; + height: 100%; + border-style: solid; + border-width: 1px; + border-color: #eaedee; +} + +.home-item-wrap.home-outline-section-wrap { + padding: 26px 36px; + border-style: none; + border-width: 0px; + background-color: #fff; + text-decoration: none; +} + +.home-item-wrap.home-outline-section-wrap:hover { + background-color: #e4e4e4; +} + +.home-image { + height: 100%; +} + +.size1-text { + margin-top: 20px; + margin-bottom: 25px; + font-size: 44px; + line-height: 52px; + font-weight: 300; + white-space: normal; +} + +.size1-text.size1-top-clear { + margin-top: 0px; +} + +.label { + display: inline-block; + margin-bottom: 10px; + padding: 10px 22px; + border-style: solid; + border-width: 1px; + border-color: rgba(170, 170, 170, 0.2); + background-color: #fff; + font-size: 12px; + line-height: 20px; + font-weight: 500; + text-transform: uppercase; +} + +.label.black-label { + z-index: 40; + border-style: none; + border-width: 0px; + background-color: #18181d; + color: #fff; +} + +.guide-link { + text-decoration: underline; +} + +.guide-link:hover { + color: #4353ff; + text-decoration: underline; +} + +.subheadline-paragraph { + color: rgba(24, 24, 29, 0.7); +} + +.home-how-links-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + -webkit-box-align: start; + -webkit-align-items: start; + -ms-flex-align: start; + align-items: start; + grid-auto-flow: row; + grid-auto-columns: 1fr; + grid-column-gap: 36px; + grid-row-gap: 36px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.size4-text { + margin-top: 10px; + margin-bottom: 15px; + font-size: 24px; + line-height: 32px; + font-weight: 300; +} + +.body-2 { + font-family: Segoeui, sans-serif; +} + +.fdml { + font-family: Fullmdl2, sans-serif; + color: #0078d4; + font-size: 24px; +} + +.fdml.white { + color: #fff; +} + +.fdml.button-arrow-2 { + width: 20px; +} + +.fdml.black { + color: #000; +} + +.fdml.social { + color: #fff; +} + +.lnd_card_template_text { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 260px; + padding-right: 32px; + padding-left: 32px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 10px; + background-color: #0078d4; + background-image: url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 0px 0px; + background-size: 300%; + box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.08); +} + +.lnd_card_template-textonly { + position: relative; + min-height: 260px; + border-radius: 10px; + background-color: #f8f8f8; + box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.08); +} + +.lnd_card_text_wrap-2 { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.testimonials-slider { + display: block; + width: 83.33333333%; + height: auto; + margin-right: auto; + margin-left: auto; + padding-right: 8.33333333%; + padding-left: 8.33333333%; + background-color: transparent; + color: #fff; +} + +.slider-arrow-button { + position: absolute; + left: 0px; + top: 0%; + right: 0px; + bottom: 0px; + margin: auto; + border-radius: 50px; + box-shadow: 0 3px 9px 0 rgba(46, 50, 60, 0.09); +} + +.review-logo { + margin-bottom: 24px; +} + +.paragraph-big { + margin-top: 0px; + font-size: 22px; + line-height: 40px; +} + +.testimonials-slider-arrow { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.section-2 { + overflow: hidden; + padding: 120px 24px; + background-color: #fff; + color: #111; + text-align: center; +} + +.section-4 { + position: relative; + display: block; + overflow: hidden; + margin-right: auto; + margin-left: auto; + padding-top: 80px; + padding-bottom: 80px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #000; +} + +.review-slide-author { + font-weight: 700; +} + +.review-line { + display: block; + width: 30px; + height: 2px; + margin: 36px auto 24px; + background-color: #fff; + opacity: 0.29; +} + +.review-slide { + margin-top: 0px; + padding-top: 0px; + padding-right: 10%; + padding-left: 10%; + font-size: 14px; + line-height: 24px; + text-align: center; +} + +.lnd_card_template_textonly { + position: absolute; + left: 0%; + top: 0%; + right: 0%; + bottom: 0%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 24px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.lnd_card_template_textpromoted { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 260px; + padding-right: 32px; + padding-left: 32px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 10px; + background-color: #0078d4; + background-image: url("../images/5ea49e060e349810f334b16f_flowbase_wave.png"); + background-position: 0px 0px; + background-size: 300%; + box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, 0.08); +} + +.testimonial-spacer { + height: 30px; +} + +.nav05 { + position: fixed; + left: 0px; + top: 0px; + right: 0px; + bottom: auto; + z-index: 200; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + background-color: #0078d4; + box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); +} + +.nav05_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 1140px; + min-height: 80px; + margin-right: auto; + margin-left: auto; + padding-right: 10px; + padding-left: 10px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: transparent; +} + +.nav04_text { + color: #fff; + font-size: 12px; + font-weight: 600; + text-align: center; + letter-spacing: 1px; + text-transform: uppercase; +} + +.nav04_menu_button { + background-color: transparent; +} + +.nav05_top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 50px; + padding-right: 3%; + padding-left: 3%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 0px solid #ebecf0; + background-color: #000; + color: #fff; + font-size: 14px; + font-weight: 500; +} + +.nav04_nav_menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 600; +} + +.nav04_top_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.sp-teal { + color: #03787c; +} + +.nav04_links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.sharepoint-logo { + color: #33332d; + font-size: 22px; + font-weight: 600; +} + +.nav04_right_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.nav03_link { + width: auto; + padding-right: 15px; + padding-left: 15px; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + color: #fff; + font-size: 12px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; + white-space: nowrap; +} + +.nav03_link:hover { + color: #fff; +} + +.nav03_link:focus { + color: #fff; +} + +.nav03_link.w--current { + color: #FEF000; +} + +.navigation-block { + height: 132px; +} + +.section-block { + margin-bottom: 16px; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + border-bottom: 1px solid #ecf0f1; +} + +.link-2 { + color: #0078d4; + text-align: left; + text-decoration: none; +} + +.row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.row.row-justify-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.row.row-align-center { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.container { + position: relative; + z-index: 1; + width: 100%; + max-width: 1248px; + margin-right: auto; + margin-left: auto; + padding-right: 24px; + padding-left: 24px; +} + +.button { + position: relative; + padding: 10px 24px; + border-style: solid; + border-width: 2px; + border-color: #0078D4; + border-radius: 5px; + background-color: #0078D4; + box-shadow: inset 0 0 100px 100px transparent; + -webkit-transition: box-shadow 200ms ease; + transition: box-shadow 200ms ease; + color: #fff; + font-weight: 700; + text-decoration: none; +} + +.button:hover { + box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2); + text-decoration: none; +} + +.overlap-section-below { + margin-bottom: -144px; +} + +.subheading { + margin-bottom: 24px; + font-size: 16px; + line-height: 24px; +} + +.section-3 { + position: relative; + padding-top: 96px; + padding-bottom: 96px; +} + +.section-3.bg-gray-4 { + background-color: #ecf0f1; +} + +.section-title { + max-width: 612px; + margin-right: auto; + margin-bottom: 72px; + margin-left: auto; + text-align: center; +} + +.icon-large { + width: 96px; + margin-bottom: 12px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.grid-thirds { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 24px; + grid-row-gap: 24px; + -ms-grid-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.grid-thirds.grid-thirds-narrow { + max-width: 786px; + margin-right: auto; + margin-left: auto; +} + +.grid-thirds.gapless-columns { + grid-column-gap: 0px; +} + +.grid-thirds.gapless-columns.gapless-rows { + max-width: 1200px; + margin-right: auto; + margin-left: auto; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + justify-items: center; + -webkit-align-content: space-around; + -ms-flex-line-pack: distribute; + align-content: space-around; + grid-row-gap: 0px; +} + +.h2 { + margin-bottom: 24px; + font-size: 40px; + line-height: 42px; +} + +.centered-grid-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + text-align: center; +} + +.body-3 { + font-family: Segoeui, sans-serif; +} + +.image-42 { + max-width: none; +} + +.button-wrapper { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + color: #ff003d; + font-weight: 700; + text-decoration: none; +} + +.button-background { + position: absolute; + width: 140px; + height: 50px; + border-style: dashed; + border-width: 1.5px; + border-color: #bdc3c7; + border-radius: 25px; + color: #0078d4; +} + +.button-text { + position: relative; + z-index: 1; + margin-right: 8px; + margin-left: 0px; + color: #0078d4; + font-size: 12px; + font-weight: 600; + letter-spacing: 1px; +} + +.button-text.white { + color: #fff; +} + +.button-arrow-2 { + width: 15px; + margin-right: 20px; +} + +.image-43 { + width: 24px; + max-width: none; +} + +.body-4 { + font-family: Segoeui, sans-serif; +} + +.slide-nav-2 { + color: #096ad0; +} + +.left-arrow { + z-index: 90; + margin-top: -62px; + margin-left: 11px; +} + +.slidersection { + position: relative; + display: block; + overflow: hidden; + margin-right: auto; + margin-left: auto; + padding-top: 80px; + padding-bottom: 80px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.slide { + background-color: transparent; +} + +.slide.small { + width: 70%; + height: 50%; + margin-right: 10px; + margin-left: 10px; + border-radius: 0px; +} + +.slide.small { + width: 70%; + margin-right: 10px; + margin-left: 10px; + border-radius: 0px; +} + +.row-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -15px; + margin-left: -15px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +.wrapper-3 { + left: 0px; + top: 0px; + right: 0px; + display: block; + width: 100%; + height: auto; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding-right: 36px; + padding-left: 36px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.slider { + width: 100%; + height: 100%; + background-color: transparent; +} + +.overflow-visible { + overflow: visible; +} + +.slider-arrow { + color: #096ad0; +} + +.youtube { + width: 100%; + height: auto; +} + +.no-underline { + text-decoration: none; +} + +.section-4 { + position: relative; + display: block; + overflow: hidden; + margin-right: auto; + margin-left: auto; + padding-top: 80px; + padding-bottom: 80px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #000; +} + +.footer-heading { + margin-bottom: 20px; + color: #000; + text-decoration: none; +} + +.footer-logo-2 { + margin-bottom: 40px; +} + +#youtube .left-arrow { + z-index: 90; + margin-top: -62px; + margin-left: 11px; +} + +#youtube .right-arrow { + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + z-index: 90; + margin-top: -62px; + margin-right: 0px; + margin-left: 71px; +} + +.wrapper-4 { + left: 0px; + top: 0px; + right: 0px; + display: block; + width: 100%; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding-right: 30px; + padding-left: 30px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.footer-link { + margin-bottom: 0px; + padding-top: 10px; + padding-bottom: 10px; + opacity: 0.5; + -webkit-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + font-size: 15px; + font-weight: 300; + text-decoration: none; + cursor: pointer; +} + +.footer-link:hover { + opacity: 1; +} + +.footer-link.w--current { + opacity: 1; + font-weight: 500; +} + +.footer-link.no-padding { + padding: 0px 16px; + font-size: 30px; + line-height: 30px; +} + +.footer-link.no-padding.last { + margin-right: -20px; +} + +.col { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 15px; + padding-left: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.col.lg-3 { + width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.col.lg-3.md-2.xs-2 { + width: 25%; + padding: 16px; +} + +.col.lg-2 { + width: 16.66%; +} + +.footer-links-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + color: #fff; +} + +.footer { + position: relative; + display: block; + overflow: hidden; + margin-right: auto; + margin-left: auto; + padding-top: 80px; + padding-bottom: 80px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #000; +} + +.social-media-icon { + padding: 8px; +} + +.centre-align { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} + +.margin-bottom { + margin-bottom: 0px; +} + +.footer-minimal { + position: relative; + display: block; + overflow: hidden; + margin-right: auto; + margin-left: auto; + padding-top: 80px; + padding-bottom: 80px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #000; +} + +.faq04_paragraph { + color: #000; + font-size: 14px; + line-height: 20px; +} + +.faq04_title { + max-width: 500px; + margin-bottom: 4px; + color: #7540ee; + font-size: 14px; + line-height: 25px; + font-weight: 700; + letter-spacing: 1px; +} + +.faq04_line { + height: 1px; + margin-top: 15px; + margin-bottom: 15px; + background-color: #ebecf0; +} + +.faq04_container { + max-width: 1140px; + margin-right: auto; + margin-left: auto; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.faq04_title_wrap { + margin-bottom: 45px; +} + +.faq { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 120px 5%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #fff; +} + +.faq04_full_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.faq04_wrap { + width: 33%; + margin-bottom: 15px; + padding-top: 25px; + padding-right: 35px; + padding-bottom: 25px; +} + +.faq04_h4 { + margin-top: 0px; + margin-right: auto; + margin-left: auto; + color: #000; + font-size: 24px; + line-height: 32px; + font-weight: 600; +} + +.faq04_h6 { + margin-top: 0px; + margin-bottom: 0px; + color: #000; + font-size: 18px; + line-height: 22px; + font-weight: 600; +} + +.faq04_intro { + padding-right: 24px; + color: #000; + font-size: 18px; + line-height: 27px; +} + +.lnd_hero-mobile { + display: none; + height: 100vh; + max-height: 900px; + min-height: 710px; + margin-top: 79px; + padding: 60px 5% 140px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 0px none transparent; + background-color: rgba(236, 240, 241, 0.4); + background-image: none; + background-size: auto; + background-repeat: repeat; +} + +.hero { + display: block; + padding-top: 100px; + padding-bottom: 100px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.flex-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.hero-image-mask { + width: 100%; + margin-left: 40px; +} + +.hero-image { + width: 100%; + height: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0.5 auto; + -ms-flex: 0 0.5 auto; + flex: 0 0.5 auto; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 50%; + object-position: 50% 50%; +} + +.pnp-hero { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100vh; + max-height: 900px; + min-height: 710px; + margin-top: 79px; + padding: 60px 5%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 0px none transparent; + background-color: rgba(236, 240, 241, 0.4); + background-image: none; + background-size: auto; + background-repeat: repeat; +} + +.pnp-hero-mobile { + display: none; + height: 100vh; + max-height: 900px; + min-height: 710px; + margin-top: 79px; + padding: 60px 5% 140px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border: 0px none transparent; + background-color: rgba(236, 240, 241, 0.4); + background-image: none; + background-size: auto; + background-repeat: repeat; +} + +.h06_block { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 50%; + min-height: 400px; + padding-right: 32px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.h06_icon_block { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 33.333333333333336%; + min-height: 110px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.h06_icon_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 390px; + margin-top: 15px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.h06_container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 1140px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.h06_text { + max-width: 560px; + margin-bottom: 20px; + color: #f5f7fd; + font-size: 18px; + line-height: 25px; + font-weight: 500; +} + +.h06_text_bold { + max-width: 560px; + margin-bottom: 20px; + color: #f5f7fd; + font-size: 18px; + line-height: 25px; + font-weight: bold; +} + +.h06_icon_base { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 45px; + height: 45px; + margin-bottom: 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.h06_h1 { + max-width: 560px; + margin-top: 0px; + margin-bottom: 15px; + color: #fff; + font-size: 53px; + line-height: 59px; + text-align: left; +} + +.h06 { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 100vh; + padding: 100px 5% 120px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: transparent; + background-image: url("../images/5ea7090de8e61d1bec8b459b_hero-wave.svg"); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.h06_icon_text { + color: #f5f7fd; + font-size: 15px; + font-weight: 500; +} + +.nav-menu-5 { + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 0px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 4px; +} + +.nav-look-book-mobile { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + display: none; + padding-top: 40px; + padding-bottom: 45px; + border-bottom: 1px solid hsla(0, 0%, 100%, 0.1); + background-color: transparent; +} + +.global-nav-button-2 { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 54px; + padding: 5px 15px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + font-size: 14px; + font-weight: 400; + text-align: left; + text-decoration: none; + text-transform: none; +} + +.home-site-nav { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 54px; + padding: 5px 15px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + font-size: 14px; + font-weight: 400; + text-align: left; + text-decoration: none; + text-transform: none; +} + +.nav05_top-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 50px; + padding-right: 3%; + padding-left: 3%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #ebecf0; + background-color: #000; + color: #fff; + font-size: 14px; + font-weight: 500; +} + +.logo-block-2 { + z-index: 10; + width: 155px; + margin-right: 30px; +} + +.bottom-line-2 { + position: absolute; + right: 0px; + bottom: 0px; + width: 100%; + height: 1px; + border-radius: 42px; + background-color: #5bdfb8; +} + +.navigation-wrapper { + padding-top: 12px; +} + +.nav05-mobile { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + display: none; + padding-top: 40px; + padding-bottom: 45px; + border-bottom: 1px solid hsla(0, 0%, 100%, 0.1); + background-color: transparent; +} + +.utility-page-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 100vh; + max-height: 100%; + max-width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.utility-page-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 260px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; +} + +.team-member-overlay-text { + min-width: 190px; + margin-top: 6px; + margin-right: 12px; + margin-bottom: 6px; +} + +.card-body { + padding: 24px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.card-body.card-body-small { + padding: 16px; +} + +.card-body.card-body-small.team-member-card-overlay-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.h6-small { + margin-top: 0px; + margin-bottom: 4px; + font-size: 12px; + line-height: 20px; + font-weight: 600; + letter-spacing: 0.5px; + text-decoration: none; + text-transform: uppercase; +} + +.social-icons-list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -4px; + margin-left: -4px; + padding-left: 0px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.social-icon { + width: 16px; + height: 16px; +} + +.social-icon.social-icon-dark { + opacity: 0.75; +} + +.button-circle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 48px; + height: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 50%; + -webkit-transition: -webkit-transform 200ms ease; + transition: -webkit-transform 200ms ease; + transition: transform 200ms ease; + transition: transform 200ms ease, -webkit-transform 200ms ease; +} + +.button-circle:hover { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} + +.button-circle.button-small { + width: 36px; + height: 36px; +} + +.card { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border: 1px solid #ecebea; + border-radius: 6px; + background-color: #fff; +} + +.card:hover { + text-decoration: none; +} + +.card.no-border { + position: relative; +} + +.list-item { + margin-right: 4px; + margin-left: 4px; +} + +.team-member-overlay-card-wrapper { + position: absolute; + width: 100%; + padding-right: 12px; + padding-bottom: 12px; + padding-left: 12px; +} + +.padded-grid-item { + padding: 36px; +} + +.padded-grid-item.border-bottom-white-thick { + padding: 8px; + border-bottom: 4px solid hsla(0, 0%, 100%, 0.5); + background-color: #ecf0f1; +} + +.text-block-40 { + text-align: left; +} + +.avatar { + width: 96px; + height: 96px; + border-radius: 50%; +} + +.avatar.avatar-small { + width: 42px; + height: 42px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin-left: auto; + margin-right: auto; +} + +.text-small { + color: #636e72; + font-size: 14px; + line-height: 20px; +} + +.text-space-left { + margin-left: 8px; +} + +.card-text { + width: 100%; + text-align: center; +} + +.card-head { + padding: 16px 24px; + border-bottom: 1px solid #ecebea; +} + +.card-head.no-border { + padding: 10px; + border-bottom-style: none; + box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.02); +} + +.people-card { + color: #000; + text-decoration: none; +} + +.social-links-container { + margin-left: auto; + margin-right: auto; +} + +.social-links-container .social-link { + color: #636e72; + margin-bottom: 0px; + padding-top: 10px; + padding-bottom: 8px; + padding-left: 4px; + padding-right: 4px; + opacity: 0.5; + -webkit-transition: opacity 200ms ease-in-out; + transition: opacity 200ms ease-in-out; + font-size: 13px; + font-weight: 300; + text-decoration: none; + cursor: pointer; +} + +.social-links-container .social-link:hover { + opacity: 1; +} + +.social-links-container .social-link .fdml.social { + color: #636e72; +} + +.member-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + grid-auto-flow: row; + grid-auto-columns: 1fr; + grid-column-gap: 36px; + grid-row-gap: 36px; + grid-template-areas: "Area"; + -ms-grid-columns: 1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto 36px auto 36px auto 36px auto; + grid-template-rows: auto auto auto auto; +} + +.split-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + grid-auto-flow: row; + grid-auto-columns: 1fr; + grid-column-gap: 36px; + grid-row-gap: 36px; + grid-template-areas: "Area"; + -ms-grid-columns: 1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto 36px auto 36px auto 36px auto; + grid-template-rows: auto auto auto auto; +} + +.homepage-layouts-grid-copy { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + -webkit-align-content: start; + -ms-flex-line-pack: start; + align-content: start; + grid-column-gap: 36px; + grid-row-gap: 36px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.faq01_container { + max-width: 800px; + margin-right: auto; + margin-left: auto; +} + +.faq01_click_wrap { + margin-bottom: 15px; +} + +.faq01_block { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + min-height: 70px; + min-width: 400px; + padding: 10px 30px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #ebecf0; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + cursor: pointer; +} + +.faq-header { + margin-top: 0px; + margin-bottom: 0px; + color: #3d5169; + font-size: 20px; +} + +.faq-header.noselect { + color: #11164d; + font-size: 17px; + font-weight: 500; +} + +.faq01_icon { + position: absolute; + left: auto; + top: auto; + right: 5%; + bottom: auto; + width: 15px; + height: 15px; +} + +.faq01-comment { + overflow: hidden; + height: 0px; + padding-top: 15px; +} + +.faq01_paragraph { + margin-left: 30px; + color: #4e5d78; + font-size: 16px; + line-height: 25px; + font-weight: 500; +} + +.div-block-111 { + margin-bottom: 0px; + padding-bottom: 26px; + padding-left: 131px; +} + +.paragraph-small { + color: rgba(9, 106, 208, 0.6); + font-size: 15px; + font-weight: 300; +} + +.lnd_paragraph_event { + margin-bottom: 16px; + color: #000; + font-size: 14px; + line-height: 22px; +} + +.lnd_paragraph_event.date { + font-weight: 600; +} + +.lnd_paragraph_event.grey { + color: #596275; +} + +.fe08_icon_wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 40px; + height: 40px; + margin-right: 16px; + margin-bottom: 16px; + padding: 0px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 100px; + box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.05); +} + +.fe08_icon-copy { + width: 10050%; +} + +.icon-events { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.h4_event { + height: auto; + min-height: auto; + font-size: 16px; + line-height: 22px; + font-weight: 600; +} + +.section-5 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.h6-small-2 { + font-size: 16px; + line-height: 24px; +} + +.lnd_h3-2 { + margin: 0px auto 24px; + color: #000; + font-size: 38px; + line-height: 42px; + font-weight: 700; + text-align: left; +} + +.lnd_h3-2.center { + font-weight: 900; + text-align: center; +} + +.lnd_content-2 { + min-height: 500px; + margin-bottom: 0px; + padding: 80px 4%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + background-color: #fff; +} + +.centered-grid-item-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 97.994291%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + text-align: center; +} + +.lnd_title-3 { + max-width: 500px; + margin-right: 0px; + margin-bottom: 16px; + margin-left: 0px; + color: #0078d4; + font-size: 14px; + line-height: 25px; + font-weight: 700; + text-align: left; + letter-spacing: 1px; +} + +.padded-grid-item-2 { + width: 100%; + padding: 40px; +} + +.padded-grid-item-2.border-sides-white-thick { + width: 100%; + border-right: 2px solid #ecf0f1; + border-left: 2px solid #ecf0f1; +} + +.padded-grid-item-2.border-side-right-white-thick { + width: 100%; + border-right: 2px solid #ecf0f1; + margin-right:-4px; +} + +.padded-grid-item-2.border-bottom-white-thick { + width: 100%; + border-bottom: 2px solid #ecf0f1; +} + +.padded-grid-item-2.border-bottom-white-thick.border-sides-white-thick { + border-right: 2px solid #ecf0f1; + border-left: 2px solid #ecf0f1; + border-bottom-color: #ecf0f1; +} + +.padded-grid-item-2.border-top-white-thick { + width: 100%; + border-top: 2px solid #ecf0f1; + border-bottom: 0px none #ecf0f1; +} + +.padded-grid-item-2.border-top-white-thick.border-sides-white-thick { + border-right: 2px solid #ecf0f1; + border-left: 2px solid #ecf0f1; + border-bottom-color: #ecf0f1; +} + +@media screen and (max-width: 991px) { + .nav01_line { + display: block; + } + .lnd_nav_left { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + .nav01_links { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #fff; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); + } + .lnd_btn { + margin-right: 10px; + } + .lnd_toggle_primary { + display: none; + font-size: 15px; + } + .nav01_burger { + border-radius: 100px; + } + .nav01_burger.w--open { + border-radius: 50px; + background-color: hsla(0, 0%, 78.4%, 0.08); + color: #000; + } + .lnd_nav_link { + width: 100%; + padding-top: 15px; + padding-bottom: 15px; + font-size: 15px; + } + .dropdown-text { + font-size: 15px; + } + .lnd_dropdown_link { + position: relative; + z-index: 5; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 42px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + grid-auto-columns: 1fr; + grid-column-gap: 16px; + grid-row-gap: 16px; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto auto; + grid-template-rows: auto auto; + color: #4f5e78; + } + .lnd_dropdown_link:hover { + color: #5d3eff; + } + .lnd_navigation { + display: none; + padding-right: 3%; + padding-left: 3%; + } + .nav_column_large_02 { + display: none; + } + .nav02 { + display: none; + } + .nav_column { + width: 33%; + } + .nav02_icon { + margin-right: 0px; + color: #4e5d78; + } + .nav02_email { + padding-right: 15px; + padding-left: 0px; + border-right-style: none; + } + .nav02_phone { + padding-right: 15px; + padding-left: 15px; + border-right-style: none; + } + .nav_dropdown { + box-shadow: none; + } + .nav02_top_wrap { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } + .nav_list.w--open { + min-width: auto; + } + .nav02_account_toggle { + border-left-style: none; + } + .nav02_menu_button.w--open { + border-radius: 100px; + background-color: #ebecf0; + } + .nav02_right_wrap { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + .nav02_button { + display: none; + } + .nav_icon_arrow { + margin-right: 15px; + } + .nav02_nav_menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #fff; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); + } + .nav02_link { + width: 100%; + min-height: 45px; + padding-left: 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + .nav02_mobile { + display: block; + } + .nav02_top_right { + display: none; + } + .lnd_container_hero { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .lnd_hero { + height: auto; + max-height: none; + min-height: auto; + padding-top: 60px; + padding-bottom: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + background-size: auto; + background-repeat: repeat; + } + .ldn_h1 { + max-width: 660px; + } + .lnd_hero_block { + width: 50%; + } + .lnd_hero_mobile { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .lnd_content { + padding-top: 60px; + padding-bottom: 60px; + } + .lnd_services { + margin-bottom: 0px; + } + .lnd_service_wrap { + width: 48%; + min-height: 300px; + margin-bottom: 35px; + } + .lnd_img_block { + overflow: hidden; + width: 100%; + } + .lnd_content_block { + width: 100%; + } + .lnd_image { + width: auto; + } + .lnd_container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + } + .lnd_container_reverse { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + } + .lnd_cta_text { + font-size: 34px; + line-height: 43px; + } + .lnd_link_text-2 { + color: #0078d4; + } + .lnd_card_template_04 { + box-shadow: 1px 1px 25px 0 #f5f7fd; + } + .lnd_card_template_03 { + box-shadow: 1px 1px 25px 0 #f5f7fd; + } + .lnd_h6 { + color: #636e72; + } + .lnd_card_template_cta { + box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.05); + } + .lnd_template_column { + width: 50%; + } + .lnd_card_title { + color: #000; + } + .lnd_card_template_02 { + box-shadow: 1px 1px 25px 0 #f5f7fd; + } + .lnd_card_template { + box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.05); + } + .lnd_card_template_05 { + box-shadow: 1px 1px 25px 0 #f5f7fd; + } + .f05_colum_wrap { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .f05_footer_top { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .f05_column { + width: 25%; + } + .f05_h2 { + margin-bottom: 25px; + } + .menu-icon-line-middle { + background-color: #2e323c; + } + .logo { + margin-bottom: 9px; + } + .nav-dropdown-link { + padding-left: 32px; + background-color: #f5f6f9; + } + .nav-dropdown-link:hover { + background-color: #f5f6f9; + color: #2e323c; + } + .nav-menu { + overflow: scroll; + max-height: 80vh; + border-bottom: 1px solid #e1e3ea; + } + .menu-icon-line-bottom { + background-color: #2e323c; + } + .nav-dropdown-list.w--open { + border-radius: 0px; + box-shadow: 0 0 0 0 transparent; + } + .menu-button { + width: 64px; + height: 64px; + padding: 22px; + color: #2e323c; + } + .menu-button.w--open { + background-color: transparent; + color: #2e323c; + } + .logo-link { + padding-top: 21px; + padding-bottom: 19px; + } + .nav-bar { + padding-right: 0px; + padding-left: 2px; + } + .wrapper { + max-width: none; + } + .nav-link { + background-color: #fff; + } + .nav-link:hover { + color: #2e323c; + } + .menu-icon-line-top { + background-color: #2e323c; + } + .hero5-image-wrap.homepage-wrap { + min-height: auto; + padding: 24px 24px 90px; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .section { + padding-right: 24px; + padding-left: 24px; + } + .home-dark-wrap-section { + max-width: none; + margin-top: 0px; + padding-top: 55px; + padding-bottom: 55px; + } + .content { + max-width: 738px; + } + .wrapper-2.m80-80 { + padding-top: 60px; + padding-bottom: 60px; + } + .wrapper-2.m80-80.grey { + padding-top: 60px; + padding-bottom: 60px; + } + .home-hero-text-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: auto; + margin-bottom: 0px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .home-hero-image-wrap { + position: static; + display: block; + height: 460px; + margin-bottom: 60px; + margin-left: 0px; + } + .button-large { + width: 100%; + } + .content34-grid { + width: 100%; + max-width: 738px; + grid-column-gap: 24px; + grid-row-gap: 30px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + .product5-grid { + width: 100%; + max-width: 738px; + grid-column-gap: 24px; + grid-row-gap: 30px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + .home-sections-label { + position: static; + margin-bottom: 30px; + } + .homepage-layouts-grid { + grid-column-gap: 24px; + } + .home-how-links-grid { + width: 100%; + max-width: 738px; + grid-column-gap: 24px; + grid-row-gap: 30px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + .fdml { + color: #0078d4; + } + .lnd_card_template-textonly { + background-color: #ecf0f1; + box-shadow: 1px 1px 25px 0 #f5f7fd; + } + .testimonials-slider { + width: 92%; + } + .paragraph-big { + font-size: 18px; + line-height: 32px; + } + .section-2 { + padding: 100px 8px; + } + .nav05 { + display: none; + } + .nav05_wrap { + padding-right: 4%; + padding-left: 4%; + } + .nav04_menu_icon { + color: #fff; + font-size: 34px; + } + .nav04_text { + color: #fff; + } + .nav04_menu_button.w--open { + border-radius: 100px; + background-color: transparent; + } + .nav04_nav_menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: #fff; + box-shadow: 14px 14px 40px 0 rgba(118, 126, 173, 0.08); + color: #33332d; + font-weight: 600; + text-transform: uppercase; + } + .nav04_top_wrap { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } + .nav04_right_wrap { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + .nav03_link { + width: 100%; + min-height: 45px; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + text-align: center; + } + .row.row-align-center { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .overlap-section-below { + margin-bottom: -120px; + } + .section-3 { + padding-top: 72px; + padding-bottom: 72px; + } + .section-title { + margin-bottom: 60px; + } + .grid-thirds { + max-width: 100%; + -ms-grid-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + } + .image-42 { + width: 50%; + } + .slidersection { + padding-top: 50px; + padding-bottom: 50px; + } + .slide.small { + width: 80%; + } + .slide.small { + width: 80%; + } + .row-2 { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .row-2.no-bottom-margins { + margin-bottom: 0px; + } + .wrapper-3 { + padding-right: 30px; + padding-left: 30px; + } + .section-4 { + padding-top: 50px; + padding-bottom: 50px; + } + .footer-logo-2 { + margin-bottom: 40px; + } + .wrapper-4 { + padding-right: 30px; + padding-left: 30px; + } + .col { + width: 50%; + margin-bottom: 0px; + padding-right: 15px; + padding-left: 15px; + } + .col.lg-3 { + width: 33.33%; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .col.lg-3.md-1 { + width: 25%; + } + .col.lg-3.md-4 { + width: 100%; + } + .col.lg-3.md-2 { + width: 50%; + } + .col.lg-2.md-1 { + width: 25%; + } + .footer-links-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .footer { + padding-top: 50px; + padding-bottom: 50px; + } + .social-media-icons-container { + display: block; + margin-right: auto; + margin-bottom: 40px; + margin-left: auto; + } + .social-media-icons-container.no-bottom-margins { + margin-bottom: 0px; + } + + .margin-bottom { + margin-bottom: 40px; + } + .footer-minimal { + padding-top: 50px; + padding-bottom: 50px; + } + .faq { + padding-top: 60px; + padding-bottom: 60px; + } + .faq04_wrap { + padding: 10px; + } + .lnd_hero-mobile { + height: auto; + max-height: none; + min-height: auto; + padding-top: 60px; + padding-bottom: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + background-size: auto; + background-repeat: repeat; + } + .pnp-hero { + height: auto; + max-height: none; + min-height: auto; + padding-top: 60px; + padding-bottom: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + background-size: auto; + background-repeat: repeat; + } + .pnp-hero-mobile { + height: auto; + max-height: none; + min-height: auto; + padding-top: 60px; + padding-bottom: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + background-size: auto; + background-repeat: repeat; + } + .h06_block { + width: 100%; + } + .h06_container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .nav-menu-5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + margin-top: 0px; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 0px; + background-color: #fff; + text-align: center; + } + .nav-look-book-mobile { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + display: block; + padding: 0px 0%; + background-color: #fff; + } + .global-nav-button-2 { + width: auto; + height: auto; + padding-top: 32px; + padding-bottom: 32px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + color: #33332d; + font-size: 12px; + line-height: 21px; + font-weight: 600; + text-align: center; + letter-spacing: 1px; + text-transform: uppercase; + } + .home-site-nav { + width: auto; + height: auto; + padding-top: 32px; + padding-bottom: 32px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + color: #33332d; + font-size: 12px; + line-height: 21px; + font-weight: 600; + text-align: center; + letter-spacing: 1px; + text-transform: uppercase; + } + .mobile-nav-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #fff; + } + .logo-block-2 { + width: auto; + } + .text-block-6 { + color: #33332d; + } + .bottom-line-2 { + display: none; + } + .navigation-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 80px; + padding-top: 0px; + padding-right: 3%; + padding-left: 5%; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .nav05-mobile { + position: fixed; + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + display: block; + padding: 0px 0%; + background-color: #0078d4; + } + .h6-small { + margin-bottom: 0px; + } + .padded-grid-item { + padding: 24px; + } + .avatar { + width: 72px; + height: 72px; + } + .text-small { + text-align: center; + } + .member-grid { + width: 100%; + max-width: 738px; + grid-column-gap: 24px; + grid-row-gap: 30px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + .split-grid { + width: 100%; + max-width: 738px; + grid-column-gap: 24px; + grid-row-gap: 30px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + } + .homepage-layouts-grid-copy { + grid-column-gap: 24px; + } + .faq01_click_wrap { + display: block; + margin-right: auto; + margin-left: auto; + } + .section-5 { + padding-right: 24px; + padding-left: 24px; + } + .lnd_content-2 { + padding-top: 60px; + padding-bottom: 60px; + } + .padded-grid-item-2 { + padding: 24px; + } +} + +@media screen and (max-width: 767px) { + .lnd_btn_02 { + margin-left: 15px; + } + .lnd_btn { + margin-left: 15px; + } + .nav_column { + width: 50%; + } + .nav_button { + margin-left: 15px; + } + .nav_dropdown { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .nav02_button { + display: none; + } + .lnd_container_hero { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + .lnd_hero { + display: none; + height: auto; + min-height: auto; + padding-top: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + .ldn_h1 { + font-size: 55px; + line-height: 57px; + } + .lnd_paragraph { + font-size: 16px; + line-height: 24px; + } + .lnd_paragraph.meetings { + font-size: 14px; + line-height: 20px; + } + .lnd_hero_block { + width: 60%; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + .lnd_button_explore { + margin-left: 15px; + } + .lnd_link_text { + font-size: 11px; + text-align: left; + } + .lnd_h2 { + font-size: 20px; + line-height: 24px; + } + .lnd_h2.meetings { + font-size: 16px; + } + .lnd_img_block { + padding: 10px; + } + .lnd_cta { + padding-top: 60px; + padding-bottom: 60px; + } + .lnd_template_column { + width: 100%; + } + .lnd_title_wrap_02 { + margin-top: 35px; + margin-bottom: 35px; + } + .f05_column { + width: 50%; + } + .menu-button { + width: 56px; + height: 56px; + margin-right: 4px; + padding: 18px; + } + .logo-link { + padding-top: 12px; + padding-bottom: 16px; + } + .logo-text { + display: block; + margin-left: 0px; + font-size: 24px; + white-space: nowrap; + } + .wrapper { + max-width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + .wrapper.nav-bar-wrapper { + display: block; + } + .logo-wrapper { + display: inline-block; + float: left; + } + .nav-link { + padding-top: 12px; + padding-bottom: 14px; + } + .hero5-image-wrap { + min-height: 600px; + padding-right: 20px; + padding-left: 20px; + } + .hero5-image-wrap.homepage-wrap { + min-height: auto; + padding: 20px 20px 60px; + } + .section { + padding-right: 5%; + padding-left: 5%; + } + .home-welcome-text-wrap { + margin-bottom: 10px; + } + .home-hero-text-wrap { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .prospero-ui-kit-headline { + font-size: 34px; + line-height: 42px; + } + .kit-hero-buttons-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .button-large.blue-button { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .content34-grid { + max-width: none; + grid-column-gap: 20px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + } + .product5-grid { + max-width: none; + grid-column-gap: 20px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + } + .homepage-layouts-grid { + grid-column-gap: 20px; + grid-row-gap: 20px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + .size1-text { + font-size: 34px; + line-height: 42px; + } + .home-how-links-grid { + max-width: none; + grid-column-gap: 20px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + } + .testimonials-slider { + width: 100%; + } + .paragraph-big { + font-size: 16px; + line-height: 28px; + } + .section-2 { + padding-top: 80px; + padding-bottom: 80px; + } + .review-slide { + padding-right: 12%; + padding-left: 12%; + } + .nav04_menu_button.w--open { + background-color: transparent; + } + .overlap-section-below { + margin-bottom: -96px; + } + .section-title { + margin-bottom: 48px; + } + .icon-large { + width: 82px; + } + .grid-thirds { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + .h2 { + margin-bottom: 16px; + font-size: 32px; + line-height: 38px; + } + .centered-grid-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 480px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } + .image-42 { + width: 40%; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + .slide-nav-2 { + font-size: 10px; + } + .row-2 { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .slider-arrow { + font-size: 28px; + } + .footer-logo-2 { + padding-left: 0px; + } + .footer-links-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 40px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .faq04_wrap { + width: 50%; + } + .lnd_hero-mobile { + display: block; + height: auto; + min-height: auto; + padding-top: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + .hero { + padding: 40px 20px; + } + .flex-container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .hero-image-mask { + margin-right: 0px; + margin-left: 0px; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + } + .pnp-hero { + display: none; + height: auto; + min-height: auto; + padding-top: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + .pnp-hero-mobile { + display: block; + height: auto; + min-height: auto; + padding-top: 60px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + .nav-menu-5 { + display: block; + height: 100vh; + padding-top: 0px; + padding-right: 20px; + padding-left: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #fff; + } + .nav-look-book-mobile { + padding: 0px; + } + .global-nav-button-2 { + height: 72px; + padding-top: 10px; + padding-bottom: 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #33332d; + font-size: 12px; + line-height: 21px; + text-align: left; + letter-spacing: 1px; + text-transform: uppercase; + } + .home-site-nav { + height: 72px; + padding-top: 10px; + padding-bottom: 10px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #33332d; + font-size: 12px; + line-height: 21px; + text-align: left; + letter-spacing: 1px; + text-transform: uppercase; + } + .mobile-nav-wrapper { + width: 100%; + } + .logo-block-2 { + margin-right: 0px; + padding-left: 0px; + } + .bottom-line-2 { + display: none; + } + .navigation-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 0px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .nav05-mobile { + padding: 0px; + } + .card-body { + padding: 16px; + } + .padded-grid-item.border-bottom-white-thick { + border-bottom-style: none; + } + .avatar { + width: 60px; + height: 60px; + } + .card-head { + padding-right: 16px; + padding-left: 16px; + } + .member-grid { + max-width: none; + grid-column-gap: 20px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + } + .split-grid { + max-width: none; + grid-column-gap: 20px; + -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; + } + .homepage-layouts-grid-copy { + grid-column-gap: 20px; + grid-row-gap: 20px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + .section-5 { + padding-right: 5%; + padding-left: 5%; + } + .centered-grid-item-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 480px; + margin-right: auto; + margin-left: auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } + .padded-grid-item-2.border-sides-white-thick { + border-right-style: none; + border-left-style: none; + } + .padded-grid-item-2.border-side-right-white-thick { + border-right: none; + margin-right:auto; + } + .padded-grid-item-2.border-bottom-white-thick { + border-bottom-style: none; + } + .padded-grid-item-2.border-bottom-white-thick.border-sides-white-thick { + border-right-style: none; + border-bottom-style: none; + border-left-style: none; + } + .padded-grid-item-2.border-top-white-thick { + border-bottom-style: none; + } + .padded-grid-item-2.border-top-white-thick.border-sides-white-thick { + border-right-style: none; + border-bottom-style: none; + border-left-style: none; + } +} + +@media screen and (max-width: 479px) { + .nav01_links { + box-shadow: none; + } + .lnd_btn { + display: none; + margin-right: 5px; + } + .nav02_top { + display: none; + } + .lnd_button_wrap { + width: 100%; + min-height: 50px; + margin-top: 24px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + text-align: center; + } + .lnd_container_hero { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + .lnd_hero { + display: none; + height: 100vh; + padding-top: 40px; + padding-bottom: 40px; + } + .ldn_h1 { + font-size: 46px; + line-height: 44px; + text-align: center; + } + .lnd_paragraph { + text-align: left; + } + .lnd_paragraph.meetings { + font-size: 16px; + line-height: 24px; + text-align: left; + } + .lnd_paragraph.hero { + text-align: center; + } + .lnd_hero_block { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .lnd_button { + margin-bottom: 10px; + } + .lnd_button_explore { + margin-left: 0px; + } + .lnd_title { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + text-align: left; + } + .lnd_h2.meetings { + font-size: 20px; + } + .lnd_h3.center { + margin-right: 0px; + margin-left: 0px; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + font-size: 24px; + line-height: 32px; + text-align: left; + } + .lnd_content { + padding-top: 40px; + padding-bottom: 40px; + } + .lnd_service_wrap { + width: 100%; + min-height: 240px; + } + .lnd_title_wrap { + margin-bottom: 48px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .lnd_img_block { + margin-bottom: 35px; + padding: 0px; + } + .lnd_cta { + padding-top: 48px; + padding-bottom: 48px; + } + .lnd_cta_bar { + left: 5px; + right: 5px; + display: none; + } + .f05_button { + width: 100%; + -webkit-transition: all 200ms ease; + transition: all 200ms ease; + } + .f05_button:hover { + background-color: #38cb89; + color: #fff; + } + .f05_form { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .f03_h4 { + font-size: 22px; + line-height: 33px; + } + .logo-text { + font-size: 20px; + } + .home-deco-dot { + margin-top: 16px; + margin-bottom: 16px; + } + .text-label.home-text-label { + margin-bottom: 12px; + } + .hero5-image-wrap { + padding-right: 16px; + padding-left: 16px; + } + .hero5-image-wrap.homepage-wrap { + padding-top: 16px; + padding-right: 16px; + padding-left: 16px; + } + .section { + padding-right: 5%; + padding-left: 5%; + } + .home-dark-wrap-section { + padding-top: 35px; + padding-bottom: 35px; + } + .wrapper-2.m80-80.grey { + padding-top: 40px; + padding-bottom: 40px; + } + .kit-hero-buttons-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .home-hero-image-wrap { + height: 400px; + } + .button-large { + font-size: 14px; + line-height: 22px; + } + .content34-grid { + grid-column-gap: 12px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + .home-info-item-wrap { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .product5-grid { + grid-column-gap: 12px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + .home-sections-label { + margin-bottom: 24px; + } + .homepage-layouts-grid { + grid-column-gap: 12px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + .button-small { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } + .button-small.white-small { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + } + .home-how-links-grid { + grid-column-gap: 12px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + .testimonials-slider { + margin-bottom: -16px; + padding-right: 8px; + padding-bottom: 64px; + padding-left: 8px; + } + .testimonials-slider-arrow { + display: none; + } + .slide-nav { + display: block; + font-size: 7px; + } + .review-slide-author { + margin-bottom: 32px; + } + .review-line { + margin-top: 20px; + margin-bottom: 16px; + } + .review-slide { + padding-right: 0%; + padding-left: 0%; + } + .nav04_menu_icon { + color: #fff; + } + .nav04_text { + font-size: 10px; + text-align: center; + } + .nav04_menu_button { + background-color: transparent; + } + .nav04_menu_button.w--open { + border-radius: 0px; + background-color: transparent; + } + .nav05_top { + display: block; + height: auto; + min-height: auto; + padding-right: 2%; + padding-left: 2%; + } + .nav04_top_wrap { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 11px; + } + .sharepoint-logo { + max-width: 120px; + } + .link-2 { + font-size: 14px; + } + .container { + padding-right: 12px; + padding-left: 12px; + } + .overlap-section-below { + margin-bottom: -72px; + } + .subheading { + margin-bottom: 12px; + } + .section-3 { + padding-top: 48px; + padding-bottom: 48px; + } + .section-title { + margin-bottom: 36px; + } + .icon-large { + width: 72px; + } + .grid-thirds { + grid-row-gap: 24px; + } + .grid-thirds.gapless-columns { + grid-row-gap: 24px; + } + .centered-grid-item { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .image-42 { + display: block; + width: 100%; + margin-left: 0px; + padding-left: 54px; + -webkit-box-ordinal-group: 0; + -webkit-order: -1; + -ms-flex-order: -1; + order: -1; + } + .button-wrapper { + width: 100%; + min-height: 50px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + -ms-grid-row-align: auto; + align-self: auto; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + .button-wrapper.hero { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .slide-nav-2 { + height: 32px; + font-size: 8px; + } + .left-arrow { + width: 60px; + z-index: 90; + margin-top: -62px; + margin-left: 11px; + } + + .slider-arrow { + margin-right: 20px; + margin-left: 20px; + font-size: 22px; + } + .right-arrow { + width: 60px; + } + + .right-arrow { + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + z-index: 90; + margin-top: -62px; + margin-right: 0px; + margin-left: 71px; + } + + .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; + } + + .footer-link.no-padding.last { + margin-right: -10px; + } + .footer-link.no-padding.first { + margin-left: -12px; + } + .col { + margin-bottom: 0px; + } + .col.lg-3 { + width: 100%; + } + .col.lg-3.md-2.xs-2 { + width: 100%; + } + .social-media-icon { + padding: 0px; + } + .social-media-icons-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + .social-media-icons-container.no-bottom-margins { + margin-bottom: 0px; + } + .faq { + padding-top: 40px; + padding-bottom: 40px; + } + .faq04_wrap { + width: 100%; + margin-bottom: 32px; + padding: 0px; + } + .lnd_hero-mobile { + height: auto; + padding-top: 0px; + padding-bottom: 60px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .pnp-hero { + display: none; + height: 100vh; + padding-top: 40px; + padding-bottom: 40px; + } + .pnp-hero-mobile { + height: auto; + padding-top: 0px; + padding-bottom: 60px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .h06_block { + min-height: 300px; + padding-top: 24px; + padding-right: 0px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + } + .h06_container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + } + .h06 { + padding-top: 80px; + padding-bottom: 60px; + } + .nav-menu-5 { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-right: 20px; + padding-left: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #fff; + text-align: center; + } + .nav-look-book-mobile { + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + width: 100%; + padding-top: 0px; + padding-right: 0px; + padding-bottom: 0px; + } + .global-nav-button-2 { + margin-right: 1px; + margin-left: 1px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + color: #33332d; + font-size: 12px; + line-height: 24px; + font-weight: 600; + text-align: center; + letter-spacing: 1px; + text-transform: uppercase; + } + .home-site-nav { + margin-right: 1px; + margin-left: 1px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + color: #33332d; + font-size: 12px; + line-height: 24px; + font-weight: 600; + text-align: center; + letter-spacing: 1px; + text-transform: uppercase; + } + .mobile-nav-wrapper { + width: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + .nav05_top-2 { + display: block; + height: auto; + min-height: auto; + padding-right: 2%; + padding-left: 2%; + } + .logo-block-2 { + padding-left: 0px; + } + .bottom-line-2 { + display: block; + width: auto; + } + .navigation-wrapper { + width: 100%; + min-width: 100%; + padding-right: 3%; + padding-left: 5%; + } + .nav05-mobile { + left: 0%; + top: 0%; + right: 0%; + bottom: auto; + width: 100%; + padding-top: 0px; + padding-right: 0px; + padding-bottom: 0px; + border-bottom-width: 0px; + box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.1); + } + .card-body { + padding: 12px; + } + .padded-grid-item { + padding-top: 12px; + padding-bottom: 12px; + } + .member-grid { + grid-column-gap: 12px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + .split-grid { + grid-column-gap: 12px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + .homepage-layouts-grid-copy { + grid-column-gap: 12px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + .faq01_block { + min-width: auto; + padding-left: 15px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + } + .faq01_paragraph { + margin-left: 15px; + } + .section-5 { + padding-right: 5%; + padding-left: 5%; + } + .lnd_h3-2.center { + margin-right: 0px; + margin-left: 0px; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + font-size: 24px; + line-height: 32px; + text-align: left; + } + .lnd_content-2 { + padding-top: 40px; + padding-bottom: 40px; + } + .centered-grid-item-2 { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .lnd_title-3 { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + text-align: left; + } + .padded-grid-item-2 { + padding-top: 12px; + padding-bottom: 12px; + } +} + +#w-node-dda75d76c9cb-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 3; + grid-column-start: span 3; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row-align: start; + align-self: start; +} + +#w-node-dda75d76c9d2-2b0d0585 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 5; + grid-column-start: 5; + -ms-grid-column-span: 8; + grid-column-end: 13; +} + +#w-node-7e31532e6f1a-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 3; + grid-column-start: span 3; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row-align: start; + align-self: start; +} + +#w-node-7e31532e6f21-2b0d0585 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 5; + grid-column-start: 5; + -ms-grid-column-span: 8; + grid-column-end: 13; +} + +#w-node-47a85e726b0e-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 3; + grid-column-start: span 3; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row-align: start; + align-self: start; +} + +#w-node-47a85e726b18-2b0d0585 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 5; + grid-column-start: 5; + -ms-grid-column-span: 8; + grid-column-end: 13; +} + +#w-node-54ba49cf798d-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 3; + grid-column-start: span 3; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row-align: start; + align-self: start; +} + +#w-node-54ba49cf7994-2b0d0585 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 5; + grid-column-start: 5; + -ms-grid-column-span: 8; + grid-column-end: 13; +} + +#w-node-66ed0a5fbe19-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 3; + grid-column-start: span 3; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row-align: start; + align-self: start; +} + +#w-node-66ed0a5fbe20-2b0d0585 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 4; + grid-column-start: 4; + -ms-grid-column-span: 9; + grid-column-end: 13; +} + +#w-node-a6ba6e7f7dd6-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 3; + grid-column-start: span 3; + -ms-grid-column-span: 3; + grid-column-end: span 3; + -ms-grid-row-align: start; + align-self: start; +} + +#w-node-a6ba6e7f7ddd-f20fe573 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 5; + grid-column-start: 5; + -ms-grid-column-span: 8; + grid-column-end: 13; +} + +#w-node-8f00df358dbf-2b0d0585 { + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-column: 5; + grid-column-start: 1; + -ms-grid-column-span: 8; + grid-column-end: 13; + grid-template-columns: 1fr; +} + +@media screen and (max-width: 991px) { + #w-node-dda75d76c9cb-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-column-align: start; + justify-self: start; + } + #w-node-dda75d76c9d2-2b0d0585 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } + #w-node-7e31532e6f1a-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-column-align: start; + justify-self: start; + } + #w-node-7e31532e6f21-2b0d0585 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } + #w-node-47a85e726b0e-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-column-align: start; + justify-self: start; + } + #w-node-47a85e726b18-2b0d0585 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } + #w-node-54ba49cf798d-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-column-align: start; + justify-self: start; + } + #w-node-54ba49cf7994-2b0d0585 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } + #w-node-66ed0a5fbe19-2b0d0585 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-column-align: start; + justify-self: start; + } + #w-node-66ed0a5fbe20-2b0d0585 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } + #w-node-a6ba6e7f7dd6-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-column-align: start; + justify-self: start; + } + #w-node-a6ba6e7f7ddd-f20fe573 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } + #w-node-8f00df358dbf-2b0d0585 { + -ms-grid-column: span 8; + grid-column-start: span 8; + -ms-grid-column-span: 8; + grid-column-end: span 8; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + } +} + +@media screen and (max-width: 767px) { + #w-node-dda75d76c9cb-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-dda75d76c9d2-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-7e31532e6f1a-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-7e31532e6f21-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-47a85e726b0e-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-47a85e726b18-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-54ba49cf798d-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-54ba49cf7994-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-66ed0a5fbe19-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-66ed0a5fbe20-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-a6ba6e7f7dd6-f20fe573 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-a6ba6e7f7ddd-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } + #w-node-a6ba6e7f7dde-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + #w-node-a6ba6e7f7deb-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + #w-node-a6ba6e7f7df8-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + #w-node-a6ba6e7f7e02-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + #w-node-6e476dbf3dff-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + #w-node-dbebb471caa1-f20fe573 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + } + #w-node-8f00df358dbf-2b0d0585 { + -ms-grid-column: span 6; + grid-column-start: span 6; + -ms-grid-column-span: 6; + grid-column-end: span 6; + } +} + +@media screen and (max-width: 479px) { + #w-node-dda75d76c9cb-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-dda75d76c9d2-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-7e31532e6f1a-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-7e31532e6f21-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-47a85e726b0e-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-47a85e726b18-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-54ba49cf798d-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-54ba49cf7994-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-66ed0a5fbe19-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-66ed0a5fbe20-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-a6ba6e7f7dd6-f20fe573 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + #w-node-a6ba6e7f7ddd-f20fe573 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } + .lnd_card_text_wrap { + padding-bottom:0px; + } + #w-node-8f00df358dbf-2b0d0585 { + -ms-grid-column: span 4; + grid-column-start: span 4; + -ms-grid-column-span: 4; + grid-column-end: span 4; + } +} + + +.notification-dismiss-wrapper { + margin-top: 12px; +} + +.dismiss-notification-cross { + position: absolute; + top: 12px; + right: 12px; + opacity: 0.5; + -webkit-transition: opacity 200ms ease; + transition: opacity 200ms ease; + cursor: pointer; +} + +.dismiss-notification-cross:hover { + opacity: 1; +} + +.notification-wrapper { + position: fixed; + left: 0px; + top: auto; + right: auto; + bottom: 0px; + z-index: 999; + max-width: 610px; + padding-right: 24px; + padding-bottom: 24px; + padding-left: 24px; +} + +.people-card .card-text { + min-height: 44px; +} + +@font-face { + font-family: "Segoeui"; + src: url("../fonts/segoeui-regular.woff") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: "Segoeui"; + src: url("../fonts/segoeui-semibold.woff") format("woff"); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: "Segoeui"; + src: url("../fonts/segoeui-bold.woff") format("woff"); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: "Fullmdl2"; + src: url("../fonts//FullMDL2.woff") format("woff"); + font-weight: 400; + font-style: normal; +} diff --git a/static/recognitionprogram/fonts/FullMDL2.woff b/static/recognitionprogram/fonts/FullMDL2.woff new file mode 100644 index 00000000..bea70a99 Binary files /dev/null and b/static/recognitionprogram/fonts/FullMDL2.woff differ diff --git a/static/recognitionprogram/fonts/placeholder.md b/static/recognitionprogram/fonts/placeholder.md new file mode 100644 index 00000000..48cdce85 --- /dev/null +++ b/static/recognitionprogram/fonts/placeholder.md @@ -0,0 +1 @@ +placeholder diff --git a/static/recognitionprogram/fonts/segoeui-bold.woff b/static/recognitionprogram/fonts/segoeui-bold.woff new file mode 100644 index 00000000..8de65daa Binary files /dev/null and b/static/recognitionprogram/fonts/segoeui-bold.woff differ diff --git a/static/recognitionprogram/fonts/segoeui-regular.woff b/static/recognitionprogram/fonts/segoeui-regular.woff new file mode 100644 index 00000000..4a12c32f Binary files /dev/null and b/static/recognitionprogram/fonts/segoeui-regular.woff differ diff --git a/static/recognitionprogram/fonts/segoeui-semibold.woff b/static/recognitionprogram/fonts/segoeui-semibold.woff new file mode 100644 index 00000000..15fe5de0 Binary files /dev/null and b/static/recognitionprogram/fonts/segoeui-semibold.woff differ diff --git a/static/recognitionprogram/images/5ea7090de8e61d1bec8b459b_hero-wave.svg b/static/recognitionprogram/images/5ea7090de8e61d1bec8b459b_hero-wave.svg new file mode 100644 index 00000000..03a90316 --- /dev/null +++ b/static/recognitionprogram/images/5ea7090de8e61d1bec8b459b_hero-wave.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/static/recognitionprogram/images/discord-symbol.svg b/static/recognitionprogram/images/discord-symbol.svg new file mode 100644 index 00000000..0ba89fff --- /dev/null +++ b/static/recognitionprogram/images/discord-symbol.svg @@ -0,0 +1,17 @@ + + + + + + + + diff --git a/static/recognitionprogram/images/youtube-symbol.svg b/static/recognitionprogram/images/youtube-symbol.svg new file mode 100644 index 00000000..13f34e42 --- /dev/null +++ b/static/recognitionprogram/images/youtube-symbol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/recognitionprogram/index.html b/static/recognitionprogram/index.html index e05a2570..15b8220b 100644 --- a/static/recognitionprogram/index.html +++ b/static/recognitionprogram/index.html @@ -17,15 +17,15 @@ - - - + + + - - + + @@ -42,7 +42,7 @@ PROGRAM OVERVIEW DIGITAL BADGES FAQs - PnP Home Page + Community Home Page
@@ -71,7 +71,7 @@
FAQs
-
PnP Home Page
+
Community Home Page
@@ -87,7 +87,7 @@
-

M365 Platform & Power Platform Community Recognition Program

+

Microsoft 365 & Power Platform Community Recognition Program

The Microsoft 365 & Power Platform Community Recognition Program, powered by the community for the community, is committed to building the best tech community in the world, where everyone feels welcome and recognized.

Our community would not be what it is today if it wasn't for our contributors' hard work. We want to show that we appreciate everyone's contributions.

Find out how to get your contributions recognized.

@@ -120,7 +120,7 @@

M365 Platform & Power Platform Community Recognition Program<

You should be proud of the amazing things you do for this community.

We partnered with Credly to create prestigious digital badges that you can proudly display on your website, social media profiles, and your resume.

When you achieve a new contribution milestone, we'll automatically award you badges.

-

The M365 Platform & Power Platform Community contribution badges will appear along with your other professional accreditations -- like the Microsoft Certifications and many others.

+

The Microsoft 365 & Power Platform Community contribution badges will appear along with your other professional accreditations -- like the Microsoft Certifications and many others.

To get started, register for the program with your GitHub and other contact information, and keep contributing like you've always done (or get started!).

We'll take it from here.

@@ -347,7 +347,7 @@
To be announced
-
Is there a cost to join the M365 Platform & Power Platform Community Recognition Program?
+
Is there a cost to join the Microsoft 365 & Power Platform Community Recognition Program?

No, the recognition program is completely free to join. You are invited to provide your GitHub and contact information by using the Credly Registration for the Microsoft 365 & Power Platform Community Recognition Program. @@ -404,7 +404,7 @@

Digital badges are lame. Can I get a t-shirt or a sticker o

We wanted to create an environmentally-friendly initiative that is socially-responsible and sustainable. T-shirts and other trinkets invariably end up in a landfill somewhere. And the cost to send you a digital badge does not change -- regardless of where you live in the world.

-

With that being said, if you really want to show your pride in the M365 Platform & Power Platform Community, you can visit Parker's Place and make everyone around you green with envy. +

With that being said, if you really want to show your pride in the Microsoft 365 & Power Platform Community, you can visit Parker's Place and make everyone around you green with envy.

@@ -417,8 +417,8 @@
Digital badges are lame. Can I get a t-shirt or a sticker o
-
Parker the Porcupine, the Official Mascot of the PnP @@ -471,7 +471,7 @@
PnP Virtual Conference is September 1, 2020
- +