diff --git a/Mobile_Application b/Mobile_Application new file mode 160000 index 0000000..a77e5c3 --- /dev/null +++ b/Mobile_Application @@ -0,0 +1 @@ +Subproject commit a77e5c37fd442a69a18ab3b0469ebb88d08cc30f diff --git a/README.md b/README.md index 0287eab..ca5d007 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,29 @@ # Electhon - 2023 -#### Team Name - -#### Problem Statement - -#### Team Leader Email - +#### Team Name - Squadron + +#### Problem Statement - How can we increase the participation of urban and youth voters in elections to ensure their involvement in the democratic process? + +#### Team Leader Email - siddhesh.desai21@vit.edu ## A Brief of the Prototype: - What is your solution? and how it works. + +Vote Bharat! is a one-stop mobile application designed to inspire and engage +youth and people of India to vote. The app features a social network where users +can interact, share updates, and participate in voting-related quizzes and +challenges. The app also includes a voter education section with short videos on +elections, voting, and democracy. Users can apply for a voter ID card and track +their real-time voting status through a QR code scan feature available at polling +booths. The app supports multilingualism and offers push notifications, referral +points, and rewards for participation. The app aims to create transparency and +encourage people to exercise their right to vote. ## Code Execution Instruction: - *[If your solution is **not** application based, you can ignore this para] - - *The Repository must contain your **Execution Plan PDF**. + +1. Clone the repository. +2. Connect with android device or emulator and turn on USB Debugging. +3. Go into the main directory and run following command in terminal. + +``` +flutter run +``` diff --git a/Vote_Bharat_Website_Admin/addClien.css b/Vote_Bharat_Website_Admin/addClien.css new file mode 100644 index 0000000..c541fd9 --- /dev/null +++ b/Vote_Bharat_Website_Admin/addClien.css @@ -0,0 +1,6434 @@ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%;; + -webkit-text-size-adjust: 100%; + +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline +} + +audio:not([controls]) { + display: none; + height: 0 +} + +[hidden], +template { + display: none +} + +a { + background-color: transparent +} + +a:active, +a:hover { + outline: 0 +} + +abbr[title] { + border-bottom: 1px dotted +} + +b, +strong { + font-weight: bold +} + +dfn { + font-style: italic +} + +h1 { + font-size: 2em; + margin: .67em 0 +} + +mark { + background: #ff0; + color: #000 +} + +small { + font-size: 80% +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sup { + top: -0.5em +} + +sub { + bottom: -0.25em +} + +img { + border: 0 +} + +svg:not(:root) { + overflow: hidden +} + +figure { + margin: 1em 40px +} + +hr { + box-sizing: content-box; + height: 0 +} + +pre { + overflow: auto +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0 +} + +button { + overflow: visible +} + +button, +select { + text-transform: none +} + +button, +html input[type="button"], +input[type="reset"] { + -webkit-appearance: button; + cursor: pointer +} + +button[disabled], +html input[disabled] { + cursor: default +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0 +} + +input { + line-height: normal +} + +input[type='checkbox'], +input[type='radio'] { + box-sizing: border-box; + padding: 0 +} + +input[type='number']::-webkit-inner-spin-button, +input[type='number']::-webkit-outer-spin-button { + height: auto +} + +input[type='search'] { + -webkit-appearance: none +} + +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration { + -webkit-appearance: none +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em +} + +legend { + border: 0; + padding: 0 +} + +textarea { + overflow: auto +} + +optgroup { + font-weight: bold +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +td, +th { + padding: 0 +} + +/* ========================================================================== + Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. + ========================================================================== */ +@font-face { + font-family: 'webflow-icons'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); + font-weight: normal; + font-style: normal +} + +[class^="w-icon-"], +[class*=" w-icon-"] { + font-family: 'webflow-icons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.w-icon-slider-right:before { + content: "\e600" +} + +.w-icon-slider-left:before { + content: "\e601" +} + +.w-icon-nav-menu:before { + content: "\e602" +} + +.w-icon-arrow-down:before, +.w-icon-dropdown-toggle:before { + content: "\e603" +} + +.w-icon-file-upload-remove:before { + content: "\e900" +} + +.w-icon-file-upload-icon:before { + content: "\e903" +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +html { + height: 100% +} + +body { + margin: 0; + min-height: 100%; + background-color: #fff; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333 +} + +img { + max-width: 100%; + vertical-align: middle; + display: inline-block +} + +html.w-mod-touch * { + background-attachment: scroll !important +} + +.w-block { + display: block +} + +.w-inline-block { + max-width: 100%; + display: inline-block +} + +.w-clearfix:before, +.w-clearfix:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-clearfix:after { + clear: both +} + +.w-hidden { + display: none +} + +.w-button { + display: inline-block; + padding: 9px 15px; + background-color: #3898EC; + color: white; + border: 0; + line-height: inherit; + text-decoration: none; + cursor: pointer; + border-radius: 0 +} + +input.w-button { + -webkit-appearance: button +} + +html[data-w-dynpage] [data-w-cloak] { + color: transparent !important +} + +.w-webflow-badge, +.w-webflow-badge * { + position: static; + left: auto; + top: auto; + right: auto; + bottom: auto; + z-index: auto; + display: block; + visibility: visible; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + box-sizing: border-box; + width: auto; + height: auto; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + margin: 0; + padding: 0; + float: none; + clear: none; + border: 0 none transparent; + border-radius: 0; + background: none; + background-image: none; + background-position: 0% 0%; + background-size: auto auto; + background-repeat: repeat; + background-origin: padding-box; + background-clip: border-box; + background-attachment: scroll; + background-color: transparent; + box-shadow: none; + opacity: 1; + transform: none; + transition: none; + direction: ltr; + font-family: inherit; + font-weight: inherit; + color: inherit; + font-size: inherit; + line-height: inherit; + font-style: inherit; + font-variant: inherit; + text-align: inherit; + letter-spacing: inherit; + text-decoration: inherit; + text-indent: 0; + text-transform: inherit; + list-style-type: disc; + text-shadow: none; + font-smoothing: auto; + vertical-align: baseline; + cursor: inherit; + white-space: inherit; + word-break: normal; + word-spacing: normal; + word-wrap: normal +} + +.w-webflow-badge { + position: fixed !important; + display: inline-block !important; + visibility: visible !important; + z-index: 2147483647 !important; + top: auto !important; + right: 12px !important; + bottom: 12px !important; + left: auto !important; + color: #AAADB0 !important; + background-color: #fff !important; + border-radius: 3px !important; + padding: 6px 8px 6px 6px !important; + font-size: 12px !important; + opacity: 1 !important; + line-height: 14px !important; + text-decoration: none !important; + transform: none !important; + margin: 0 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + white-space: nowrap; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1); + cursor: pointer +} + +.w-webflow-badge>img { + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + vertical-align: middle !important +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + margin-bottom: 10px +} + +h1 { + font-size: 38px; + line-height: 44px; + margin-top: 20px +} + +h2 { + font-size: 32px; + line-height: 36px; + margin-top: 20px +} + +h3 { + font-size: 24px; + line-height: 30px; + margin-top: 20px +} + +h4 { + font-size: 10px; + line-height: 24px; + margin-top: 10px +} + +h5 { + font-size: 14px; + line-height: 20px; + margin-top: 10px +} + +h6 { + font-size: 12px; + line-height: 18px; + margin-top: 10px +} + +p { + margin-top: 0; + margin-bottom: 10px +} + +blockquote { + margin: 0 0 10px 0; + padding: 10px 20px; + border-left: 5px solid #E2E2E2; + font-size: 18px; + line-height: 22px +} + +figure { + margin: 0; + margin-bottom: 10px +} + +figcaption { + margin-top: 5px; + text-align: center +} + +ul, +ol { + margin-top: 0px; + margin-bottom: 10px; + padding-left: 40px +} + +.w-list-unstyled { + padding-left: 0; + list-style: none +} + +.w-embed:before, +.w-embed:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-embed:after { + clear: both +} + +.w-video { + width: 100%; + position: relative; + padding: 0 +} + +.w-video iframe, +.w-video object, +.w-video embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none +} + +fieldset { + padding: 0; + margin: 0; + border: 0 +} + +button, +[type='button'], +[type='reset'] { + border: 0; + cursor: pointer; + -webkit-appearance: button +} + +.w-form { + margin: 0 0 15px +} + +.w-form-done { + display: none; + padding: 20px; + text-align: center; + background-color: #dddddd +} + +.w-form-fail { + display: none; + margin-top: 10px; + padding: 10px; + background-color: #ffdede +} + +label { + display: block; + margin-bottom: 5px; + font-weight: bold +} + +.w-input, +.w-select { + display: block; + width: 100%; + height: 38px; + padding: 8px 12px; + margin-bottom: 10px; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc +} + +.w-input:-moz-placeholder, +.w-select:-moz-placeholder { + color: #000 +} + +.w-input::-moz-placeholder, +.w-select::-moz-placeholder { + color: #000; + opacity: 1 +} + +.w-input:-ms-input-placeholder, +.w-select:-ms-input-placeholder { + color: #000 +} + +.w-input::-webkit-input-placeholder, +.w-select::-webkit-input-placeholder { + color: #999 +} + +.w-input:focus, +.w-select:focus { + border-color: #3898EC; + outline: 0 +} + +.w-input[disabled], +.w-select[disabled], +.w-input[readonly], +.w-select[readonly], +fieldset[disabled] .w-input, +fieldset[disabled] .w-select { + cursor: not-allowed +} + +.w-input[disabled]:not(.w-input-disabled), +.w-select[disabled]:not(.w-input-disabled), +.w-input[readonly], +.w-select[readonly], +fieldset[disabled]:not(.w-input-disabled) .w-input, +fieldset[disabled]:not(.w-input-disabled) .w-select { + background-color: #eeeeee +} + +textarea.w-input, +textarea.w-select { + height: auto +} + +.w-select { + background-color: #f3f3f3 +} + +.w-select[multiple] { + height: auto +} + +.w-form-label { + display: inline-block; + cursor: pointer; + font-weight: normal; + margin-bottom: 0px +} + +.w-radio { + display: block; + margin-bottom: 5px; + padding-left: 20px +} + +.w-radio:before, +.w-radio:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-radio:after { + clear: both +} + +.w-radio-input { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + float: left; + margin-left: -20px +} + +.w-radio-input { + margin-top: 3px +} + +.w-file-upload { + display: block; + margin-bottom: 10px +} + +.w-file-upload-input { + width: .1px; + height: .1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -100 +} + +.w-file-upload-default, +.w-file-upload-uploading, +.w-file-upload-success { + display: inline-block; + color: #333333 +} + +.w-file-upload-error { + display: block; + margin-top: 10px +} + +.w-file-upload-default.w-hidden, +.w-file-upload-uploading.w-hidden, +.w-file-upload-error.w-hidden, +.w-file-upload-success.w-hidden { + display: none +} + +.w-file-upload-uploading-btn { + display: flex; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa +} + +.w-file-upload-file { + display: flex; + flex-grow: 1; + justify-content: space-between; + margin: 0; + padding: 8px 9px 8px 11px; + border: 1px solid #cccccc; + background-color: #fafafa +} + +.w-file-upload-file-name { + font-size: 14px; + font-weight: normal; + display: block +} + +.w-file-remove-link { + margin-top: 3px; + margin-left: 10px; + width: auto; + height: auto; + padding: 3px; + display: block; + cursor: pointer +} + +.w-icon-file-upload-remove { + margin: auto; + font-size: 10px +} + +.w-file-upload-error-msg { + display: inline-block; + color: #ea384c; + padding: 2px 0 +} + +.w-file-upload-info { + display: inline-block; + line-height: 38px; + padding: 0 12px +} + +.w-file-upload-label { + display: inline-block; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa +} + +.w-icon-file-upload-icon, +.w-icon-file-upload-uploading { + display: inline-block; + margin-right: 8px; + width: 20px +} + +.w-icon-file-upload-uploading { + height: 20px +} + +.w-container { + margin-left: auto; + margin-right: auto; + max-width: 940px +} + +.w-container:before, +.w-container:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-container:after { + clear: both +} + +.w-container .w-row { + margin-left: -10px; + margin-right: -10px +} + +.w-row:before, +.w-row:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-row:after { + clear: both +} + +.w-row .w-row { + margin-left: 0; + margin-right: 0 +} + +.w-col { + position: relative; + float: left; + width: 100%; + min-height: 1px; + padding-left: 10px; + padding-right: 10px +} + +.w-col .w-col { + padding-left: 0; + padding-right: 0 +} + +.w-col-1 { + width: 8.33333333% +} + +.w-col-2 { + width: 16.66666667% +} + +.w-col-3 { + width: 25% +} + +.w-col-4 { + width: 33.33333333% +} + +.w-col-5 { + width: 41.66666667% +} + +.w-col-6 { + width: 50% +} + +.w-col-7 { + width: 58.33333333% +} + +.w-col-8 { + width: 66.66666667% +} + +.w-col-9 { + width: 75% +} + +.w-col-10 { + width: 83.33333333% +} + +.w-col-11 { + width: 91.66666667% +} + +.w-col-12 { + width: 100% +} + +.w-hidden-main { + display: none !important +} + +@media screen and (max-width:991px) { + .w-container { + max-width: 728px + } + + .w-hidden-main { + display: inherit !important + } + + .w-hidden-medium { + display: none !important + } + + .w-col-medium-1 { + width: 8.33333333% + } + + .w-col-medium-2 { + width: 16.66666667% + } + + .w-col-medium-3 { + width: 25% + } + + .w-col-medium-4 { + width: 33.33333333% + } + + .w-col-medium-5 { + width: 41.66666667% + } + + .w-col-medium-6 { + width: 50% + } + + .w-col-medium-7 { + width: 58.33333333% + } + + .w-col-medium-8 { + width: 66.66666667% + } + + .w-col-medium-9 { + width: 75% + } + + .w-col-medium-10 { + width: 83.33333333% + } + + .w-col-medium-11 { + width: 91.66666667% + } + + .w-col-medium-12 { + width: 100% + } + + .w-col-stack { + width: 100%; + left: auto; + right: auto + } +} + +@media screen and (max-width:767px) { + .w-hidden-main { + display: inherit !important + } + + .w-hidden-medium { + display: inherit !important + } + + .w-hidden-small { + display: none !important + } + + .w-row, + .w-container .w-row { + margin-left: 0; + margin-right: 0 + } + + .w-col { + width: 100%; + left: auto; + right: auto + } + + .w-col-small-1 { + width: 8.33333333% + } + + .w-col-small-2 { + width: 16.66666667% + } + + .w-col-small-3 { + width: 25% + } + + .w-col-small-4 { + width: 33.33333333% + } + + .w-col-small-5 { + width: 41.66666667% + } + + .w-col-small-6 { + width: 50% + } + + .w-col-small-7 { + width: 58.33333333% + } + + .w-col-small-8 { + width: 66.66666667% + } + + .w-col-small-9 { + width: 75% + } + + .w-col-small-10 { + width: 83.33333333% + } + + .w-col-small-11 { + width: 91.66666667% + } + + .w-col-small-12 { + width: 100% + } +} + +@media screen and (max-width:479px) { + .w-container { + max-width: none + } + + .w-hidden-main { + display: inherit !important + } + + .w-hidden-medium { + display: inherit !important + } + + .w-hidden-small { + display: inherit !important + } + + .w-hidden-tiny { + display: none !important + } + + .w-col { + width: 100% + } + + .w-col-tiny-1 { + width: 8.33333333% + } + + .w-col-tiny-2 { + width: 16.66666667% + } + + .w-col-tiny-3 { + width: 25% + } + + .w-col-tiny-4 { + width: 33.33333333% + } + + .w-col-tiny-5 { + width: 41.66666667% + } + + .w-col-tiny-6 { + width: 50% + } + + .w-col-tiny-7 { + width: 58.33333333% + } + + .w-col-tiny-8 { + width: 66.66666667% + } + + .w-col-tiny-9 { + width: 75% + } + + .w-col-tiny-10 { + width: 83.33333333% + } + + .w-col-tiny-11 { + width: 91.66666667% + } + + .w-col-tiny-12 { + width: 100% + } +} + +.w-widget { + position: relative +} + +.w-widget-map { + width: 100%; + height: 400px +} + +.w-widget-map label { + width: auto; + display: inline +} + +.w-widget-map img { + max-width: inherit +} + +.w-widget-map .gm-style-iw { + text-align: center +} + +.w-widget-map .gm-style-iw>button { + display: none !important +} + +.w-widget-twitter { + overflow: hidden +} + +.w-widget-twitter-count-shim { + display: inline-block; + vertical-align: top; + position: relative; + width: 28px; + height: 20px; + text-align: center; + background: white; + border: #758696 solid 1px; + border-radius: 3px +} + +.w-widget-twitter-count-shim * { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-widget-twitter-count-shim .w-widget-twitter-count-inner { + position: relative; + font-size: 15px; + line-height: 12px; + text-align: center; + color: #999; + font-family: serif +} + +.w-widget-twitter-count-shim .w-widget-twitter-count-clear { + position: relative; + display: block +} + +.w-widget-twitter-count-shim.w--large { + width: 36px; + height: 28px +} + +.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 18px +} + +.w-widget-twitter-count-shim:not(.w--vertical) { + margin-left: 5px; + margin-right: 8px +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large { + margin-left: 6px +} + +.w-widget-twitter-count-shim:not(.w--vertical):before, +.w-widget-twitter-count-shim:not(.w--vertical):after { + top: 50%; + left: 0; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none +} + +.w-widget-twitter-count-shim:not(.w--vertical):before { + border-color: rgba(117, 134, 150, 0); + border-right-color: #5d6c7b; + border-width: 4px; + margin-left: -9px; + margin-top: -4px +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { + border-width: 5px; + margin-left: -10px; + margin-top: -5px +} + +.w-widget-twitter-count-shim:not(.w--vertical):after { + border-color: rgba(255, 255, 255, 0); + border-right-color: white; + border-width: 4px; + margin-left: -8px; + margin-top: -4px +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { + border-width: 5px; + margin-left: -9px; + margin-top: -5px +} + +.w-widget-twitter-count-shim.w--vertical { + width: 61px; + height: 33px; + margin-bottom: 8px +} + +.w-widget-twitter-count-shim.w--vertical:before, +.w-widget-twitter-count-shim.w--vertical:after { + top: 100%; + left: 50%; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none +} + +.w-widget-twitter-count-shim.w--vertical:before { + border-color: rgba(117, 134, 150, 0); + border-top-color: #5d6c7b; + border-width: 5px; + margin-left: -5px +} + +.w-widget-twitter-count-shim.w--vertical:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: white; + border-width: 4px; + margin-left: -4px +} + +.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 22px +} + +.w-widget-twitter-count-shim.w--vertical.w--large { + width: 76px +} + +.w-background-video { + position: relative; + overflow: hidden; + height: 500px; + color: white +} + +.w-background-video>video { + background-size: cover; + background-position: 50% 50%; + position: absolute; + margin: auto; + width: 100%; + height: 100%; + right: -100%; + bottom: -100%; + top: -100%; + left: -100%; + object-fit: cover; + z-index: -100 +} + +.w-background-video>video::-webkit-media-controls-start-playback-button { + display: none !important; + -webkit-appearance: none +} + +.w-background-video--control { + position: absolute; + bottom: 1em; + right: 1em; + background-color: transparent; + padding: 0 +} + +.w-background-video--control>[hidden] { + display: none !important +} + +.w-slider { + position: relative; + height: 300px; + text-align: center; + background: #dddddd; + clear: both; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0) +} + +.w-slider-mask { + position: relative; + display: block; + overflow: hidden; + z-index: 1; + left: 0; + right: 0; + height: 100%; + white-space: nowrap +} + +.w-slide { + position: relative; + display: inline-block; + vertical-align: top; + width: 100%; + height: 100%; + white-space: normal; + text-align: left +} + +.w-slider-nav { + position: absolute; + z-index: 2; + top: auto; + right: 0; + bottom: 0; + left: 0; + margin: auto; + padding-top: 10px; + height: 40px; + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0) +} + +.w-slider-nav.w-round>div { + border-radius: 100% +} + +.w-slider-nav.w-num>div { + width: auto; + height: auto; + padding: .2em .5em; + font-size: inherit; + line-height: inherit +} + +.w-slider-nav.w-shadow>div { + box-shadow: 0 0 3px rgba(51, 51, 51, 0.4) +} + +.w-slider-nav-invert { + color: #fff +} + +.w-slider-nav-invert>div { + background-color: rgba(34, 34, 34, 0.4) +} + +.w-slider-nav-invert>div.w-active { + background-color: #222 +} + +.w-slider-dot { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + background-color: rgba(255, 255, 255, 0.4); + cursor: pointer; + margin: 0 3px .5em; + transition: background-color 100ms, color 100ms +} + +.w-slider-dot.w-active { + background-color: #fff +} + +.w-slider-dot:focus { + outline: none; + box-shadow: 0 0 0 2px #fff +} + +.w-slider-dot:focus.w-active { + box-shadow: none +} + +.w-slider-arrow-left, +.w-slider-arrow-right { + position: absolute; + width: 80px; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + cursor: pointer; + overflow: hidden; + color: white; + font-size: 40px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-slider-arrow-left [class^='w-icon-'], +.w-slider-arrow-right [class^='w-icon-'], +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-right [class*=' w-icon-'] { + position: absolute +} + +.w-slider-arrow-left:focus, +.w-slider-arrow-right:focus { + outline: 0 +} + +.w-slider-arrow-left { + z-index: 3; + right: auto +} + +.w-slider-arrow-right { + z-index: 4; + left: auto +} + +.w-icon-slider-left, +.w-icon-slider-right { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 1em; + height: 1em +} + +.w-slider-aria-label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px +} + +.w-slider-force-show { + display: block !important +} + +.w-dropdown { + display: inline-block; + position: relative; + text-align: left; + margin-left: auto; + margin-right: auto; + z-index: 900 +} + +.w-dropdown-btn, +.w-dropdown-toggle, +.w-dropdown-link { + position: relative; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; + white-space: nowrap +} + +.w-dropdown-toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + cursor: pointer; + padding-right: 40px +} + +.w-dropdown-toggle:focus { + outline: 0 +} + +.w-icon-dropdown-toggle { + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + margin-right: 20px; + width: 1em; + height: 1em +} + +.w-dropdown-list { + position: absolute; + background: #dddddd; + display: none; + min-width: 100% +} + +.w-dropdown-list.w--open { + display: block +} + +.w-dropdown-link { + padding: 10px 20px; + display: block; + color: #222222 +} + +.w-dropdown-link.w--current { + color: #0082f3 +} + +.w-dropdown-link:focus { + outline: 0 +} + +@media screen and (max-width:767px) { + .w-nav-brand { + padding-left: 10px + } +} + +.w-lightbox-backdrop { + color: #000; + cursor: auto; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + letter-spacing: normal; + line-height: normal; + list-style: disc; + text-align: start; + text-indent: 0; + text-shadow: none; + text-transform: none; + visibility: visible; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + color: #fff; + font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; + font-size: 17px; + line-height: 1.2; + font-weight: 300; + text-align: center; + background: rgba(0, 0, 0, 0.9); + z-index: 2000; + outline: 0; + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transform: translate(0, 0) +} + +.w-lightbox-backdrop, +.w-lightbox-container { + height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch +} + +.w-lightbox-content { + position: relative; + height: 100vh; + overflow: hidden +} + +.w-lightbox-view { + position: absolute; + width: 100vw; + height: 100vh; + opacity: 0 +} + +.w-lightbox-view:before { + content: ""; + height: 100vh +} + +.w-lightbox-group, +.w-lightbox-group .w-lightbox-view, +.w-lightbox-group .w-lightbox-view:before { + height: 86vh +} + +.w-lightbox-frame, +.w-lightbox-view:before { + display: inline-block; + vertical-align: middle +} + +.w-lightbox-figure { + position: relative; + margin: 0 +} + +.w-lightbox-group .w-lightbox-figure { + cursor: pointer +} + +.w-lightbox-img { + width: auto; + height: auto; + max-width: none +} + +.w-lightbox-image { + display: block; + float: none; + max-width: 100vw; + max-height: 100vh +} + +.w-lightbox-group .w-lightbox-image { + max-height: 86vh +} + +.w-lightbox-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: .5em 1em; + background: rgba(0, 0, 0, 0.4); + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden +} + +.w-lightbox-embed { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100% +} + +.w-lightbox-control { + position: absolute; + top: 0; + width: 4em; + background-size: 24px; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + -webkit-transition: all .3s; + transition: all .3s +} + +.w-lightbox-left { + display: none; + bottom: 0; + left: 0; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==") +} + +.w-lightbox-right { + display: none; + right: 0; + bottom: 0; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+") +} + +.w-lightbox-close { + right: 0; + height: 2.6em; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px +} + +.w-lightbox-strip { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 1vh; + line-height: 0; + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden +} + +.w-lightbox-item { + display: inline-block; + width: 10vh; + padding: 2vh 1vh; + box-sizing: content-box; + cursor: pointer; + -webkit-transform: translate3d(0, 0, 0) +} + +.w-lightbox-active { + opacity: .3 +} + +.w-lightbox-thumbnail { + position: relative; + height: 10vh; + background: #222; + overflow: hidden +} + +.w-lightbox-thumbnail-image { + position: absolute; + top: 0; + left: 0 +} + +.w-lightbox-thumbnail .w-lightbox-tall { + top: 50%; + width: 100%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%) +} + +.w-lightbox-thumbnail .w-lightbox-wide { + left: 50%; + height: 100%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0) +} + +.w-lightbox-spinner { + position: absolute; + top: 50%; + left: 50%; + box-sizing: border-box; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + border: 5px solid rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-animation: spin .8s infinite linear; + animation: spin .8s infinite linear +} + +.w-lightbox-spinner:after { + content: ""; + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + border: 3px solid transparent; + border-bottom-color: #fff; + border-radius: 50% +} + +.w-lightbox-hide { + display: none +} + +.w-lightbox-noscroll { + overflow: hidden +} + +@media (min-width:768px) { + .w-lightbox-content { + height: 96vh; + margin-top: 2vh + } + + .w-lightbox-view, + .w-lightbox-view:before { + height: 96vh + } + + .w-lightbox-group, + .w-lightbox-group .w-lightbox-view, + .w-lightbox-group .w-lightbox-view:before { + height: 84vh + } + + .w-lightbox-image { + max-width: 96vw; + max-height: 96vh + } + + .w-lightbox-group .w-lightbox-image { + max-width: 82.3vw; + max-height: 84vh + } + + .w-lightbox-left, + .w-lightbox-right { + display: block; + opacity: .5 + } + + .w-lightbox-close { + opacity: .8 + } + + .w-lightbox-control:hover { + opacity: 1 + } +} + +.w-lightbox-inactive, +.w-lightbox-inactive:hover { + opacity: 0 +} + +.w-richtext:before, +.w-richtext:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-richtext:after { + clear: both +} + +.w-richtext[contenteditable="true"]:before, +.w-richtext[contenteditable="true"]:after { + white-space: initial +} + +.w-richtext ol, +.w-richtext ul { + overflow: hidden +} + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, +.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { + outline: 2px solid #2895f7 +} + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, +.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7 +} + +.w-richtext figure.w-richtext-figure-type-video>div:after, +.w-richtext figure[data-rt-type="video"]>div:after { + content: ''; + position: absolute; + display: none; + left: 0; + top: 0; + right: 0; + bottom: 0 +} + +.w-richtext figure { + position: relative; + max-width: 60% +} + +.w-richtext figure>div:before { + cursor: default !important +} + +.w-richtext figure img { + width: 100% +} + +.w-richtext figure figcaption.w-richtext-figcaption-placeholder { + opacity: .6 +} + +.w-richtext figure div { + font-size: 0px; + color: transparent +} + +.w-richtext figure.w-richtext-figure-type-image, +.w-richtext figure[data-rt-type="image"] { + display: table +} + +.w-richtext figure.w-richtext-figure-type-image>div, +.w-richtext figure[data-rt-type="image"]>div { + display: inline-block +} + +.w-richtext figure.w-richtext-figure-type-image>figcaption, +.w-richtext figure[data-rt-type="image"]>figcaption { + display: table-caption; + caption-side: bottom +} + +.w-richtext figure.w-richtext-figure-type-video, +.w-richtext figure[data-rt-type="video"] { + width: 60%; + height: 0 +} + +.w-richtext figure.w-richtext-figure-type-video iframe, +.w-richtext figure[data-rt-type="video"] iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.w-richtext figure.w-richtext-figure-type-video>div, +.w-richtext figure[data-rt-type="video"]>div { + width: 100% +} + +.w-richtext figure.w-richtext-align-center { + margin-right: auto; + margin-left: auto; + clear: both +} + +.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, +.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div { + max-width: 100% +} + +.w-richtext figure.w-richtext-align-normal { + clear: both +} + +.w-richtext figure.w-richtext-align-fullwidth { + width: 100%; + max-width: 100%; + text-align: center; + clear: both; + display: block; + margin-right: auto; + margin-left: auto +} + +.w-richtext figure.w-richtext-align-fullwidth>div { + display: inline-block; + padding-bottom: inherit +} + +.w-richtext figure.w-richtext-align-fullwidth>figcaption { + display: block +} + +.w-richtext figure.w-richtext-align-floatleft { + float: left; + margin-right: 15px; + clear: none +} + +.w-richtext figure.w-richtext-align-floatright { + float: right; + margin-left: 15px; + clear: none +} + +.w-nav { + position: relative; + background: #dddddd; + z-index: 1000 +} + +.w-nav:before, +.w-nav:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-nav:after { + clear: both +} + +.w-nav-brand { + position: relative; + float: left; + text-decoration: none; + color: #333333 +} + +.w-nav-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto +} + +.w-nav-link.w--current { + color: #0082f3 +} + +.w-nav-menu { + position: relative; + float: right +} + +[data-nav-menu-open] { + display: block !important; + position: absolute; + top: 100%; + left: 0; + right: 0; + background: #C8C8C8; + text-align: center; + overflow: visible; + min-width: 200px +} + +.w--nav-link-open { + display: block; + position: relative +} + +.w-nav-overlay { + position: absolute; + overflow: hidden; + display: none; + top: 100%; + left: 0; + right: 0; + width: 100% +} + +.w-nav-overlay [data-nav-menu-open] { + top: 0 +} + +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto +} + +.w-nav[data-animation="over-left"] .w-nav-overlay, +.w-nav[data-animation="over-left"] [data-nav-menu-open] { + right: auto; + z-index: 1; + top: 0 +} + +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto +} + +.w-nav[data-animation="over-right"] .w-nav-overlay, +.w-nav[data-animation="over-right"] [data-nav-menu-open] { + left: auto; + z-index: 1; + top: 0 +} + +.w-nav-button { + position: relative; + float: right; + padding: 18px; + font-size: 24px; + display: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-nav-button:focus { + outline: 0 +} + +.w-nav-button.w--open { + background-color: #C8C8C8; + color: white +} + +.w-nav[data-collapse="all"] .w-nav-menu { + display: none +} + +.w-nav[data-collapse="all"] .w-nav-button { + display: block +} + +.w--nav-dropdown-open { + display: block +} + +.w--nav-dropdown-toggle-open { + display: block +} + +.w--nav-dropdown-list-open { + position: static +} + +@media screen and (max-width:991px) { + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none + } + + .w-nav[data-collapse="medium"] .w-nav-button { + display: block + } +} + +@media screen and (max-width:767px) { + .w-nav[data-collapse="small"] .w-nav-menu { + display: none + } + + .w-nav[data-collapse="small"] .w-nav-button { + display: block + } + + .w-nav-brand { + padding-left: 10px + } +} + +@media screen and (max-width:479px) { + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none + } + + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block + } +} + +.w-tabs { + position: relative +} + +.w-tabs:before, +.w-tabs:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-tabs:after { + clear: both +} + +.w-tab-menu { + position: relative +} + +.w-tab-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + padding: 9px 30px; + text-align: left; + cursor: pointer; + color: #222222; + background-color: #dddddd +} + +.w-tab-link.w--current { + background-color: #C8C8C8 +} + +.w-tab-link:focus { + outline: 0 +} + +.w-tab-content { + position: relative; + display: block; + overflow: hidden +} + +.w-tab-pane { + position: relative; + display: none +} + +.w--tab-active { + display: block +} + +@media screen and (max-width:479px) { + .w-tab-link { + display: block + } +} + +.w-ix-emptyfix:after { + content: "" +} + +@keyframes spin { + 0% { + transform: rotate(0deg) + } + + 100% { + transform: rotate(360deg) + } +} + +.w-dyn-empty { + padding: 10px; + background-color: #dddddd +} + +.w-dyn-hide { + display: none !important +} + +.w-dyn-bind-empty { + display: none !important +} + +.w-condition-invisible { + display: none !important +} + +.wf-layout-layout { + display: grid !important +} + +.wf-layout-cell { + display: flex !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; +} + +.w-form-formradioinput--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50%; + border-top-left-radius: 50%; + border-top-right-radius: 50%; +} + +.w-form-formradioinput--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +.w-form-formradioinput--inputType-custom.w--redirected-checked { + border-top-width: 4px; + border-bottom-width: 4px; + border-left-width: 4px; + border-right-width: 4px; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; +} + +.w-checkbox { + display: block; + margin-bottom: 5px; + padding-left: 20px; +} + +.w-checkbox::before { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; +} + +.w-checkbox::after { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; + clear: both; +} + +.w-checkbox-input { + float: left; + margin-bottom: 0px; + margin-left: -20px; + margin-right: 0px; + margin-top: 4px; + line-height: normal; +} + +.w-checkbox-input--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.w-checkbox-input--inputType-custom.w--redirected-checked { + background-color: #3898ec; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; + background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.w-checkbox-input--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +.w-users-userformpagewrap { + height: 100vh; + 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: 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; + max-width: 340px; + margin-left: auto; + margin-right: auto; +} + +.w-users-userloginformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-userformheader { + text-align: center; +} + +.w-users-userformbutton { + width: 100%; + text-align: center; +} + +.w-users-userformfooter { + 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; + margin-top: 12px; +} + +.w-users-userformerrorstate { + position: absolute; + top: 100%; + left: 0%; + right: 0%; + margin-left: 20px; + margin-right: 20px; +} + +.w-users-usersignupformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-userformsuccessstate { + display: none; +} + +.w-checkbox-input { + float: left; + margin-bottom: 0px; + margin-left: -20px; + margin-right: 0px; + margin-top: 4px; + line-height: normal; +} + +.w-checkbox-input--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.w-checkbox-input--inputType-custom.w--redirected-checked { + background-color: #3898ec; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; + background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.w-checkbox-input--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +.w-users-usersignupverificationmessage { + display: none; +} + +.w-users-userresetpasswordformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-userupdatepasswordformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-useraccountwrapper { + width: 100%; + min-height: 100vh; + padding-top: 20px; + padding-bottom: 20px; + padding-right: 20px; + padding-left: 20px; + background-color: #f5f5f5; +} + +.w-users-blockcontent { + margin-bottom: 20px; + padding-top: 20px; + padding-bottom: 20px; + padding-right: 20px; + padding-left: 20px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #e6e6e6; + border-right-style: solid; + border-right-width: 1px; + border-right-color: #e6e6e6; + border-left-style: solid; + border-left-width: 1px; + border-left-color: #e6e6e6; + background-color: #fff; +} + +.w-users-blockheader { + 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-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 20px; + padding-left: 20px; + border-top-style: solid; + border-top-width: 1px; + border-top-color: #e6e6e6; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #e6e6e6; + border-right-style: solid; + border-right-width: 1px; + border-right-color: #e6e6e6; + border-left-style: solid; + border-left-width: 1px; + border-left-color: #e6e6e6; + background-color: #fff; +} + +.w-users-useraccountformsavebutton { + text-align: center; + margin-right: 8px; +} + +.w-users-useraccountformcancelbutton { + text-align: center; + background-color: #d3d3d3; + color: #333; +} + +body { + background-color: #fff; + font-family: Inter, sans-serif; + color: #1d1d1d; + font-size: 16px; + line-height: 20px; +} + +h1 { + margin-top: 0px; + margin-bottom: 24px; + font-size: 45px; + line-height: 1.25em; + font-weight: 500; +} + +h2 { + margin-top: 0px; + margin-bottom: 16px; + font-size: 34px; + line-height: 1.2em; + font-weight: 500; +} + +h3 { + margin-top: 0px; + margin-bottom: 16px; + font-size: 26px; + line-height: 1.4em; + font-weight: 500; +} + +h4 { + margin-top: 0px; + margin-bottom: 12px; + color: #33383f; + font-size: 22px; + line-height: 1.4em; + font-weight: 600; +} + +h5 { + margin-top: 0px; + margin-bottom: 12px; + font-size: 14px; + line-height: 1.5em; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; +} + +h6 { + margin-top: 0px; + margin-bottom: 5px; + color: #99a4af; + font-size: 13px; + line-height: 1.5em; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; +} + +p { + margin-bottom: 16px; + opacity: 0.9; + font-size: 16px; + line-height: 1.5em; + font-weight: 400; +} + +a { + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + color: #626a72; + text-decoration: none; +} + +ul { + margin-top: 0px; + margin-bottom: 16px; + padding-left: 20px; +} + +li { + margin-bottom: 8px; + opacity: 0.9; + font-size: 18px; + line-height: 1.4em; +} + +img { + display: inline-block; + max-width: 100%; +} + +label { + display: block; + margin-bottom: 6px; + color: #626a72; + font-size: 15px; + font-weight: 400; +} + +em { + font-style: italic; + letter-spacing: -0.5px; +} + +blockquote { + margin-bottom: 16px; + padding: 10px 20px; + border-left: 5px solid rgba(255, 1, 1, 0.15); + color: #33383f; + font-size: 18px; + line-height: 1.4em; +} + +figcaption { + margin-top: 12px; + text-align: center; +} + +.page-wrapper { + position: relative; + width: 100%; + min-height: 90vh; +} + +.page-wrapper.light-grey { + background-color: #f5f6f7; +} + +.section { + position: relative; + padding-top: 80px; + padding-bottom: 80px; +} + +.section.light-grey { + position: relative; + background-color: #f5f6f7; +} + +.section.small { + padding-top: 40px; + padding-bottom: 40px; +} + +.section.light-color-gradient { + position: relative; + background-color: #f5f6f7; + background-image: linear-gradient(54deg, rgba(255, 131, 122, 0.25), rgba(255, 131, 122, 0) 28%), linear-gradient(241deg, rgba(239, 152, 207, 0.25), rgba(239, 152, 207, 0) 36%); +} + +.section.daek-page-header { + padding-top: 96px; + padding-bottom: 32px; + background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(255, 1, 1, 0.15), transparent 47%), radial-gradient(circle farthest-corner at 30% 150%, rgba(122, 167, 255, 0.32), transparent 58%); + color: #fff; +} + +.section.black-gradient { + background: url(backINDIA.jpeg); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + /* background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(255, 1, 1, 0.15), transparent 47%), radial-gradient(circle farthest-corner at 40% 130%, rgba(122, 167, 255, 0.41), transparent 58%); + color: #fff; */ +} + +.section.light-page-header { + padding-top: 96px; + padding-bottom: 32px; + background-color: #f5f6f7; + background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(255, 1, 1, 0.13), transparent 41%), radial-gradient(circle farthest-corner at 30% 150%, rgba(122, 167, 255, 0.24), transparent 54%); +} + +.button { + margin-bottom: 8px; + padding: 8px 28px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 9px; + background-color: #1d1d1d; + box-shadow: 0 2px 0 0 rgba(32, 32, 32, 0.05); + -webkit-transition: box-shadow 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease; + transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + color: #fff; + font-size: 18px; + line-height: 1.5; + font-weight: 500; + text-align: center; +} + +.button:hover { + background-color: #33383f; +} + +.button:active { + background-color: #626a72; + box-shadow: 0 0 0 0 rgba(32, 32, 32, 0); + -webkit-transform: translate(0px, 2px); + -ms-transform: translate(0px, 2px); + transform: translate(0px, 2px); +} + +.button.no-margin { + margin-right: 0px; + margin-left: 0px; +} + +.button.outline { + background-color: #fff; + box-shadow: inset 0 0 0 1px #495158; + color: #1d1d1d; +} + +.button.outline:hover { + background-color: #e7ecf0; +} + +.button.outline:active { + background-color: #495158; + color: #fff; +} + +.button.light { + background-color: #f5f6f7; + box-shadow: none; + color: #626a72; +} + +.button.light:hover { + background-color: #e7ecf0; + color: #626a72; +} + +.button.light:active { + background-color: #cbd5df; + color: #33383f; +} + +.button.light.mobile-hidden { + box-shadow: inset 0 0 0 1px #e7ecf0; +} + +.button.disabled { + background-color: #f5f6f7; + box-shadow: none; + opacity: 0.7; + color: #cbd5df; +} + +.button.disabled:active { + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +.button.subscribe { + margin-bottom: 0px; + margin-left: -24px; + padding-right: 22px; + padding-left: 22px; +} + +.button.dark { + background-color: #495158; +} + +.button.dark:hover { + background-color: #33383f; +} + +.button.dark:active { + background-color: #99a4af; +} + +.button.white { + background-color: #fff; + color: #1d1d1d; + font-weight: 500; +} + +.button.white:hover { + background-color: #e7ecf0; +} + +.button.white:active { + background-color: #cbd5df; +} + +.spacer { + height: 48px; + background-color: #e7ecf0; +} + +.spacer._64 { + width: 64px; + height: 64px; + background-color: transparent; +} + +.spacer._32 { + width: 32px; + height: 32px; + border-radius: 6px; + background-color: transparent; +} + +.spacer._24 { + width: 24px; + height: 24px; + background-color: transparent; + text-transform: uppercase; +} + +.spacer._48 { + width: 48px; + border-radius: 6px; + background-color: transparent; +} + +.spacer._128 { + width: 128px; + height: 128px; + background-color: transparent; +} + +.spacer._80 { + width: 80px; + height: 80px; + background-color: transparent; +} + +.spacer._96 { + width: 96px; + height: 96px; + background-color: transparent; +} + +.spacer._96 { + height: 96px; + background-color: rgba(94, 178, 244, 0); +} + +.spacer._32 { + height: 32px; + background-color: transparent; +} + +.spacer._16 { + width: 16px; + height: 16px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + background-color: transparent; +} + +.text-box { + position: relative; + max-width: 650px; +} + +.text-box.center-align { + margin-right: auto; + margin-left: auto; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + text-align: center; +} + +.text-box._550px { + max-width: 550px; +} +.text-box._1200px { + max-width: 1200px; +} + +.text-box._500px { + max-width: 500px; +} + +.text-box.centered { + margin-right: auto; + margin-left: auto; +} + +._12-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -16px; + margin-left: -16px; + -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-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; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +._12-columns.flex-horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +._12-columns.align-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +._12-columns.align-left { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.container { + position: relative; + display: block; + width: 100%; + max-width: 1230px; + min-height: 30px; + margin-right: auto; + margin-left: auto; + padding-right: 50px; + padding-left: 50px; + -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; +} + +.color-block { + width: 100%; + height: 60px; + margin-right: 0px; + margin-bottom: 10px; + margin-left: 0px; + border-radius: 5px; + background-color: #1d1d1d; +} + +.color-block.grey { + background-color: #626a72; +} + +.color-block.light-grey { + background-color: #99a4af; +} + +.color-block.dark-grey { + background-color: #33383f; +} + +.color-block.back-grey { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: #f5f6f7; +} + +.color-block.soft-grey { + background-color: #cbd5df; +} + +.color-block.silver { + background-color: #e7ecf0; +} + +.color-block.white { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: #fff; +} + +.color-block.soft-red { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: rgba(255, 1, 1, 0.15); +} + +.color-block.soft-blue { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: rgba(122, 167, 255, 0.32); +} + +.color-block.soft-pink { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: rgba(239, 152, 207, 0.25); +} + +.white { + color: #fff; + font-weight: 300; +} + +.column-styleguide { + width: 100%; + height: 40px; + margin-bottom: 20px; + border-radius: 2px; + background-color: #e7ecf0; +} + +.column { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 32px; + padding-right: 16px; + padding-left: 16px; + -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: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.column.desk-10 { + width: 83.33%; +} + +.column.desk-12 { + width: 100%; +} + +.column.desk-11 { + width: 91.66%; +} + +.column.desk-6 { + width: 50%; +} + +.column.desk-5 { + width: 41.66%; +} + +.column.desk-1 { + width: 8.33%; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.column.desk-4 { + width: 33.33%; +} + +.column.desk-9 { + width: 75%; +} + +.column.desk-3 { + width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.column.desk-2 { + width: 16.66%; +} + +.column.desk-7 { + width: 58.333333333333336%; +} + +.column.desk-8 { + width: 66.66666666666667%; +} + +.ds-block { + margin-bottom: 32px; + font-size: 18px; +} + +.horizontal-line { + width: 100%; + height: 1px; + margin-bottom: 36px; + background-color: #e7ecf0; +} + +.horizontal-line.design-system { + position: relative; + bottom: -80px; +} + +.rich-text { + text-align: left; +} + +.rich-text img { + border-radius: 5px; +} + +.rich-text h4 { + margin-top: 24px; +} + +.rich-text h3 { + margin-top: 24px; +} + +.nav-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: 24px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.nav-cta-button-container { + 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; +} + +.menu-button.w--open { + background-color: #fff; + color: rgba(9, 106, 208, 0.2); +} + +.nav-bar { + position: -webkit-sticky; + position: sticky; + top: 0px; + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; + border-bottom: 1px solid #f5f6f7; + background-color: #fff; +} + +.logo-div { + display: block; + -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; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.nav-logo { + -webkit-transition: opacity 200ms ease; + transition: opacity 200ms ease; +} + +.logotext { + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 3vh; +} + +.logotext:hover { + opacity: 0.85; +} + +.nav-logo:hover { + opacity: 0.75; +} + +.footer-logo { + margin-bottom: 20px; +} + +.footer-link { + display: block; + margin-bottom: 0px; + padding-top: 5px; + padding-bottom: 5px; + -webkit-transition: color 200ms ease-in-out; + transition: color 200ms ease-in-out; + color: #626a72; + font-size: 15px; + text-decoration: none; + cursor: pointer; +} + +.footer-link:hover { + opacity: 1; + color: #1d1d1d; +} + +.footer-link.w--current { + opacity: 1; +} + +.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; +} + +.footer { + position: relative; + z-index: 0; + padding-top: 24px; + padding-bottom: 24px; + background-color: #f5f6f7; +} + +.icon { + width: 64px; + height: 64px; + margin-bottom: 16px; + color: #fff; + font-size: 24px; +} + +.icon.large { + width: 128px; + height: 128px; +} + +.search-banner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: auto; + padding-right: 4px; + -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; + font-size: 14px; + line-height: 1.4em; + text-align: center; +} + +.nav-dropdown { + position: relative; + margin-right: 2px; + margin-left: 6px; + padding: 5px 22px 5px 8px; + border-radius: 5px; + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + color: #33383f; + line-height: 26px; + font-weight: 500; +} + +.nav-dropdown:hover { + opacity: 1; + color: #1b9cca; +} + +.nav-dropdown.w--current { + -webkit-transition-property: none; + transition-property: none; + color: #096ad0; + font-weight: 700; +} + +.paragraph.small { + margin-bottom: 6px; + opacity: 0.75; + font-size: 14px; + line-height: 1.4em; +} + +.paragraph.large { + font-size: 20px; + line-height: 1.5em; +} + +.paragraph.medium { + font-size: 18px; +} + +.paragraph.small { + opacity: 0.75; + font-size: 14px; + line-height: 1.4em; +} + +.no-margin { + margin-top: 0px; + margin-bottom: 0px; +} + +.nav-menu { + margin-right: 6px; + text-align: right; +} + +.ds-menu-brand { + width: 160px; + margin-bottom: 50px; + margin-left: 30px; +} + +.ds-menu { + width: 100%; +} + +.ds-menu-link { + width: 100%; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 27px; + border-left: 4px solid transparent; + color: #e7ecf0; +} + +.ds-menu-link:hover { + color: #cbd5df; +} + +.ds-menu-link.w--current { + padding-right: 0px; + background-color: #33383f; + color: #fff; + font-weight: 500; +} + +.ds-nav { + position: fixed; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + overflow: auto; + width: 240px; + padding-top: 40px; + background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 0% 100%, rgba(255, 1, 1, 0.15), transparent 43%); +} + +.form-radio-button { + margin-bottom: 16px; + padding-left: 24px; +} + +.radio-button { + width: 20px; + height: 20px; + margin-top: 0px; + margin-right: 10px; + margin-left: -24px; +} + +.radio-button.w--redirected-checked { + border-width: 6px; + border-color: #197dff; +} + +.form-error { + padding: 16px; + border-radius: 6px; + background-color: #e7ecf0; + color: #1d1d1d; + font-size: 14px; + line-height: 18px; +} + +.form { + margin-bottom: 0px; +} + +.checkbox-field { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; + padding-left: 24px; + -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; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.check-box { + width: 14px; + height: 14px; + margin-top: 2px; + margin-right: 10px; + margin-left: -24px; +} + +.check-box.w--redirected-checked { + border-color: #197dff; + background-color: #197dff; + background-position: 50% 50%; + background-size: 16px; +} + +.ds-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 100%; + margin-left: 240px; + -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; +} + +.form-success { + width: 100%; + padding: 16px 32px; + border-radius: 8px; + background-color: #e7ecf0; + color: #33383f; + font-size: 16px; + line-height: 1.4em; +} + +.form-success.dark { + background-color: #495158; + color: #fff; +} + +.ds-section { + position: relative; + z-index: 0; + padding: 60px 80px 48px 60px; + text-align: left; +} + +.ds-section.header { + background-color: #f5f6f7; + color: #1d1d1d; +} + +.ds-title { + margin-bottom: 8px; + color: #33383f; +} + +.ds-section-header { + margin-bottom: 50px; +} + +.text-field { + height: 44px; + min-width: 120px; + margin-bottom: 16px; + padding: 19px 12px; + border-style: solid; + border-width: 1px; + border-color: #744242; + border-radius: 9px; + background-color: #f5f6f7; + -webkit-transition: border-color 200ms ease; + transition: border-color 200ms ease; + font-size: 15px; + line-height: 1.4em; + margin-top: 10px; +} + + +.text-field:focus { + border-color: #33383f; +} + +.text-field::-webkit-input-placeholder { + color: #cbd5df; +} + +.text-field:-ms-input-placeholder { + color: #cbd5df; +} + +.text-field::-ms-input-placeholder { + color: #cbd5df; +} + +.text-field::placeholder { + color: #cbd5df; +} + +.text-field.no-margin { + margin-bottom: 0px; +} + +.ebook-box { + overflow: hidden; + width: 100%; + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 4px; + -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: transform 200ms ease, opacity 200ms ease; + transition: transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease; + color: #1d1d1d; + text-align: left; +} + +.ebook-box:hover { + -webkit-transform: translate(0px, -3px); + -ms-transform: translate(0px, -3px); + transform: translate(0px, -3px); +} + +.ebook-thumbnail { + overflow: hidden; + margin-bottom: 16px; + border-radius: 8px; +} + +.text-area { + min-height: 120px; + margin-bottom: 16px; + padding: 16px; + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + border-radius: 6px; + background-color: #f5f6f7; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.01); + font-size: 15px; +} + +.text-area::-webkit-input-placeholder { + color: #cbd5df; +} + +.text-area:-ms-input-placeholder { + color: #cbd5df; +} + +.text-area::-ms-input-placeholder { + color: #cbd5df; +} + +.text-area::placeholder { + color: #cbd5df; +} + +.tabs-menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.vertical-tab { + width: 100%; + margin-top: 24px; + margin-bottom: 24px; +} + +.tab-link { + margin-right: 0px; + margin-left: 0px; + padding: 15px 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + border-bottom: 2px solid #e7ecf0; + background-color: transparent; + opacity: 0.5; + color: #626a72; + font-size: 18px; + text-align: center; +} + +.tab-link:hover { + border-bottom-color: #cbd5df; + color: #626a72; +} + +.tab-link.w--current { + border-bottom-color: #197dff; + background-color: transparent; + opacity: 1; + color: #197dff; + font-weight: 600; +} + +.ds-description { + max-width: 400px; + color: #626a72; +} + +.small-button { + margin-bottom: 16px; + padding: 5px 16px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 8px; + background-color: #1d1d1d; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); + -webkit-transition: border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: transform 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease; + transition: transform 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + color: #fff; + font-size: 15px; + line-height: 1.5; + font-weight: 500; + text-align: center; +} + +.small-button:hover { + background-color: #33383f; + color: #fff; +} + +.small-button:active { + background-color: #495158; + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.06); + -webkit-transform: translate(0px, 1px); + -ms-transform: translate(0px, 1px); + transform: translate(0px, 1px); +} + +.small-button.light { + margin-right: 0px; + background-color: #f5f6f7; + box-shadow: none; + color: #626a72; +} + +.small-button.light:hover { + background-color: #e7ecf0; +} + +.small-button.light:active { + background-color: #cbd5df; + color: #33383f; +} + +.small-button.dark { + margin-right: 0px; + background-color: #495158; + box-shadow: none; +} + +.small-button.dark:hover { + background-color: #33383f; +} + +.small-button.dark:active { + background-color: #1d1d1d; +} + +.nav-container { + left: 0px; + top: 0px; + right: 0px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 70px; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding: 10px 50px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; +} + +.error-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -15px; + margin-left: -15px; + -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; + grid-auto-columns: 1fr; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.nav-link { + margin-right: 4px; + margin-left: 4px; + padding: 6px 8px; + background-color: transparent; + -webkit-transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: background-color 200ms ease, transform 200ms ease, color 200ms ease; + transition: background-color 200ms ease, transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + color: #626a72; + font-size: 15px; + line-height: 24px; + font-weight: 500; + cursor: pointer; +} + +.nav-link:hover { + color: #1d1d1d; +} + +.nav-link:active { + color: #626a72; +} + +.nav-link.w--current { + color: #1d1d1d; +} + +.nav-link.cta-button { + padding-right: 20px; + padding-left: 20px; + border-radius: 8px; + background-color: #1d1d1d; + + box-shadow: 0 2px 0 0 #f5f6f7; + -webkit-transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + color: #fff; +} + +.nav-link.cta-button1 { + padding-right: 20px; + padding-left: 20px; + border-radius: 8px; + background-color: #710101; + border-color: #000; + box-shadow: 0 2px 0 0 #f5f6f7; + -webkit-transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + color: #fff; + +} + +.nav-link.cta-button:hover { + background-color: #33383f; +} + +.nav-link.cta-button1:hover { + background-color: #950202; +} + + +.nav-link.cta-button:active { + background-color: #626a72; + box-shadow: 0 0 0 0 #e7ecf0; + -webkit-transform: translate(0px, 1px); + -ms-transform: translate(0px, 1px); + transform: translate(0px, 1px); +} + +.form-dropdown { + position: relative; + width: 100%; + height: 44px; + margin-bottom: 16px; + padding: 8px 12px; + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + border-radius: 6px; + background-color: #f5f6f7; + color: #99a4af; + font-size: 15px; +} + +.form-dropdown:focus { + color: #37474e; +} + +.form-dropdown::-webkit-input-placeholder { + color: #999; + font-size: 15px; +} + +.form-dropdown:-ms-input-placeholder { + color: #999; + font-size: 15px; +} + +.form-dropdown::-ms-input-placeholder { + color: #999; + font-size: 15px; +} + +.form-dropdown::placeholder { + color: #999; + font-size: 15px; +} + +.field-block { + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 20px; + min-width: 50px; + margin-bottom: 8px; + -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; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: 1px solid transparent; +} + +.error { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -15px; + margin-left: -15px; + -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: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + grid-auto-columns: 1fr; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.footer-header { + color: #99a4af; + font-size: 13px; + font-weight: 600; + letter-spacing: 0.6px; + text-transform: uppercase; +} + +.footer-container { + display: block; + width: 100%; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding: 40px 50px; + -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; +} + +.ds-colour-block { + display: inline-block; + width: 12.5%; + padding-right: 16px; +} + +.ds-colour-grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.ds-module { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 100px; + min-width: 100px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 2px; + background-color: #e7ecf0; +} + +._1-2-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + 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: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 2fr; + grid-template-columns: 1fr 2fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +._2-1-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + 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: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 2fr 1fr; + grid-template-columns: 2fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.heading { + display: block; + font-weight: 600; +} + +.heading.h1 { + margin-bottom: 18px; + font-size: 46px; + line-height: 1.25em; +} + +.heading.h1.small-margin { + margin-bottom: 6px; +} + +.heading.h2 { + margin-bottom: 16px; + font-size: 36px; + line-height: 1.3em; +} + +.heading.h3 { + margin-bottom: 12px; + font-size: 26px; + line-height: 1.4em; +} + +.heading.h3.no-margin { + margin-bottom: 0px; +} + +.heading.h4 { + margin-bottom: 12px; + font-size: 10px; + line-height: 1.45em; +} + +.heading.h5 { + margin-bottom: 12px; + color: #33383f; + font-size: 16px; + line-height: 1.5em; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; +} + +.heading.h6 { + color: #626a72; + font-size: 13px; + line-height: 1.5em; + font-weight: 500; +} + +.heading.large-h1 { + margin-bottom: 18px; + font-size: 54px; + line-height: 1.2em; +} + +.heading.large-h1 { + margin-bottom: 18px; + font-size: 52px; + line-height: 1.25em; +} + +.heading.large-h1 { + margin-bottom: 18px; + font-size: 64px; + line-height: 1.15em; +} + +.heading.large-h1 { + margin-bottom: 16px; + font-size: 46px; +} + +.heading.large-h1 { + font-size: 64px; +} + +.error-3 { + position: relative; + left: 0px; + top: 0px; + right: 0px; + display: block; + width: 100%; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; + -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; +} + +.licenses-grid { + position: relative; + display: -ms-grid; + display: grid; + margin-right: auto; + margin-bottom: 24px; + 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; + grid-auto-columns: 1fr; + grid-column-gap: 96px; + grid-row-gap: 24px; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.utility-page-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 90vh; + max-height: 100%; + max-width: 100%; + min-height: auto; + padding: 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: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(239, 152, 207, 0.2), transparent 57%), radial-gradient(circle farthest-corner at 0% 20%, rgba(122, 167, 255, 0.25), transparent 42%); + color: #fff; +} + +.utility-page-wrap.center-align { + background-image: radial-gradient(circle farthest-corner at 50% -20%, rgba(239, 152, 207, 0.2), transparent 61%), radial-gradient(circle farthest-corner at 0% 20%, rgba(122, 167, 255, 0.32), transparent 42%); + text-align: center; +} + +.utility-page-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 380px; + -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; +} + +.utility-page-form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 400px; + -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; +} + +.visible-spacer { + display: inline-block; + margin-bottom: 24px; + border-radius: 2px; + background-color: #e7ecf0; +} + +.email-form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 450px; + -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-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; +} + +.email-form.center-align { + 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; + text-align: center; +} + +.section-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 24px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +._3-grid { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +._4-grid { + display: -ms-grid; + display: grid; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.email-subscribe { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + 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; + grid-column-gap: 12px; +} + +.search { + margin-bottom: 0px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.terms-card { + position: relative; + z-index: 2; + max-width: 800px; + margin-top: -180px; + margin-right: auto; + margin-left: auto; + padding: 80px 64px 48px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.06); +} + +.popular-posts-grid { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 80px; + grid-row-gap: 64px; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.container-2 { + position: relative; + z-index: 2; + display: block; + width: 100%; + max-width: 1280px; + min-height: 50px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; + -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; +} + +.hidden { + display: none; +} + +.search-bar { + width: 280px; + height: 36px; + margin-bottom: 0px; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 32px; + border-style: solid; + border-width: 1px; + border-color: #f5f6f7; + border-radius: 6px; + background-color: #f5f6f7; + background-image: url("https://assets.website-files.com/62aee78456e4207786ac4d18/62aee78456e420e21eac4d21_MagnifyingGlass%20Grey.svg"); + background-position: 8px 50%; + background-size: 18px; + background-repeat: no-repeat; + -webkit-transition: border-color 200ms ease; + transition: border-color 200ms ease; + color: #1d1d1d; + font-size: 15px; + font-weight: 400; +} + +.search-bar:hover { + border-color: #cbd5df; +} + +.search-bar:focus { + border-color: #cbd5df; +} + +.search-bar::-webkit-input-placeholder { + color: #99a4af; +} + +.search-bar:-ms-input-placeholder { + color: #99a4af; +} + +.search-bar::-ms-input-placeholder { + color: #99a4af; +} + +.search-bar::placeholder { + color: #99a4af; +} + +.search-section { + 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; +} + +.card-text-link { + overflow: hidden; + width: 100%; + max-width: 450px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 4px; + -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: transform 200ms ease, opacity 200ms ease; + transition: transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease; + color: #1d1d1d; + text-align: left; +} + +.card-text-link:hover { + color: #33383f; +} + +.image-cover { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.form-card { + padding: 40px; + border-radius: 12px; + background-color: #fff; + color: #1d1d1d; + text-align: left; +} + +.title-tag { + margin-bottom: 12px; + color: #99a4af; + font-weight: 500; +} + +.cta-banner { + position: relative; + display: -ms-grid; + display: grid; + overflow: hidden; + padding-top: 32px; + padding-bottom: 32px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; + grid-auto-columns: 1fr; + grid-column-gap: 16px; + grid-row-gap: 16px; + -ms-grid-columns: 1fr auto; + grid-template-columns: 1fr auto; + -ms-grid-rows: auto; + grid-template-rows: auto; + border-top: 1px solid #e7ecf0; + border-bottom: 1px solid #e7ecf0; + text-align: left; +} + +.error-4 { + position: relative; + display: block; + width: 100%; + max-width: 1230px; + min-height: 50px; + margin-right: auto; + margin-left: auto; + padding-right: 50px; + padding-left: 50px; + -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; +} + +.grey-text-link { + border-bottom: 1px solid #cbd5df; + color: #626a72; +} + +.grey-text-link:hover { + border-bottom-color: #99a4af; + color: #33383f; +} + +.banner-section { + position: relative; + z-index: 200; + padding-right: 50px; + padding-left: 50px; + background-color: #fff; + background-image: radial-gradient(circle farthest-corner at 25% -20%, rgba(122, 167, 255, 0.15), hsla(0, 0%, 100%, 0) 52%), radial-gradient(circle farthest-corner at 100% 0%, rgba(255, 1, 1, 0.08), hsla(0, 0%, 100%, 0) 25%); +} + +.banner-container { + display: block; + max-width: 1080px; + margin-right: auto; + margin-left: auto; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.banner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-top: 12px; + padding-bottom: 12px; + -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; + font-size: 14px; + line-height: 1.4em; + font-weight: 500; + text-align: center; +} + +.banner-link { + display: inline; + margin-right: 0px; + margin-left: 0px; + padding-right: 0px; + padding-left: 0px; + color: #99a4af; + line-height: 1.3em; + text-decoration: none; +} + +.banner-link:hover { + color: #1d1d1d; +} + +.hero-grid { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -ms-grid-columns: 1.4fr 1fr; + grid-template-columns: 1.4fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.hero-illustration { + margin-right: auto; + margin-left: 10px; + mix-blend-mode: multiply; +} + +.large-3-grid { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 48px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.footer-grid { + -ms-grid-columns: 3fr 1fr 1fr 0.8fr; + grid-template-columns: 3fr 1fr 1fr 0.8fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.footer-logo-block { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 650px; + -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; +} + +.ebook-header-block { + position: relative; + height: 50px; + max-width: 650px; +} + +.ebook-page-grid { + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 400px; + grid-template-columns: 1fr 400px; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.ebook-cover { + overflow: hidden; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); +} + +.ebook-mobile-block { + position: relative; + display: none; + height: 50px; + max-width: 650px; +} + +.full-page-wrapper { + width: 100%; + max-width: none; + padding: 24px 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 100% 100%, rgba(122, 167, 255, 0.32), transparent 44%), radial-gradient(circle farthest-corner at 0% 100%, rgba(255, 1, 1, 0.15), transparent 32%); + color: #fff; +} + +.form-page-logo { + width: 190px; +} + +.form-card-header { + margin-bottom: 32px; + text-align: center; +} + +.admin-form-card { + width: 100%; + max-width: 380px; + padding: 40px; + border-radius: 12px; + background-color: #fff; + color: #1d1d1d; +} + +.admin-form-card.center-align { + text-align: center; +} + +.form-card-footer { + -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; + grid-column-gap: 8px; + font-size: 14px; +} + +.below-card-link { + display: inline-block; + margin-top: 24px; + color: #99a4af; + font-size: 14px; +} + +.below-card-link:hover { + color: #cbd5df; +} + +.checkbox-label { + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; +} + +.white-text-link { + border-bottom: 1px solid #626a72; + -webkit-transition: border-color 200ms ease, color 200ms ease; + transition: border-color 200ms ease, color 200ms ease; + color: #fff; +} + +.white-text-link:hover { + border-bottom-color: #cbd5df; + color: #cbd5df; +} + +.field-label { + margin-bottom: 8px; + color: #202020; + font-size: 16px; + line-height: 1.3em; + font-weight: 500; +} + +.field-label.no-margin { + margin-bottom: 0px; +} + +.account-header { + margin-bottom: 0px; + padding-right: 0px; + padding-left: 0px; + border-style: none none solid; + border-bottom-color: #e7ecf0; +} + +.account-info-wrapper { + margin-top: 24px; +} + +.account-card { + width: 100%; + max-width: 380px; + padding: 24px 32px; + border-radius: 12px; + background-color: #fff; + color: #1d1d1d; +} + +.account-page-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 90vh; + max-height: 100%; + max-width: 100%; + min-height: 650px; + padding: 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: #e7ecf0; + background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(239, 152, 207, 0.2), transparent 57%), radial-gradient(circle farthest-corner at 0% 20%, rgba(122, 167, 255, 0.25), transparent 42%); + color: #fff; +} + +.form-2-grid { + grid-column-gap: 24px; + grid-row-gap: 0px; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.verification-box { + text-align: center; +} + +.form-page-logo-link { + margin-bottom: 32px; + -webkit-transition: opacity 200ms ease, color 200ms ease; + transition: opacity 200ms ease, color 200ms ease; +} + +.form-page-logo-link:hover { + opacity: 0.9; +} + +@media screen and (min-width: 1280px) { + .banner-container { + max-width: 1140px; + } +} + +@media screen and (max-width: 991px) { + .button { + position: relative; + } + + ._12-columns { + -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; + } + + .container { + padding-right: 30px; + padding-left: 30px; + } + + .column { + width: 50%; + } + + .column.desk-3 { + width: 33.33%; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .ds-block { + margin-bottom: 40px; + } + + .menu-icon { + color: #096ad0; + } + + .nav-content { + margin-left: 16px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } + + .menu-button.w--open { + background-color: transparent; + color: #096ad0; + } + + .logo-div { + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + + .nav-logo { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + .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; + } + + .search-banner { + display: none; + } + + .nav-dropdown { + display: block; + margin-right: 0px; + margin-left: 0px; + padding-right: 8px; + padding-left: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + text-align: center; + } + + .ds-menu-brand { + top: 5px; + margin-bottom: 0px; + } + + .ds-menu { + position: absolute; + left: 0%; + top: 80px; + right: auto; + bottom: auto; + z-index: 500; + display: block; + padding-top: 16px; + padding-bottom: 16px; + border-bottom: 1px solid #e7ecf0; + background-color: #197dff; + } + + .ds-nav { + position: -webkit-sticky; + position: sticky; + left: auto; + bottom: auto; + z-index: 10; + overflow: visible; + width: 100%; + padding-top: 20px; + } + + .ds-content { + position: static; + margin-left: 0px; + } + + .ds-section { + padding-right: 30px; + padding-left: 30px; + } + + .small-button { + position: relative; + } + + .nav-container { + padding-right: 30px; + padding-left: 30px; + } + + .nav-link { + margin-right: 0px; + margin-left: 0px; + font-size: 15px; + } + + .nav-link.cta-button { + padding-right: 16px; + padding-left: 16px; + } + + .footer-container { + padding-right: 30px; + padding-left: 30px; + } + + ._1-2-grid { + margin-left: 0px; + } + + ._2-1-grid { + margin-left: 0px; + } + + .heading.h1 { + font-size: 40px; + } + + .error-3 { + padding-right: 30px; + padding-left: 30px; + } + + .licenses-grid { + margin-left: 0px; + grid-column-gap: 40px; + } + + .ds-body { + 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; + } + + .ds-menu-button { + top: -10px; + margin-right: 12px; + color: #fff; + } + + .ds-menu-button.w--open { + border-radius: 40px; + background-color: #197dff; + } + + ._3-grid { + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + } + + ._4-grid { + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + } + + .terms-card { + padding-top: 64px; + } + + .popular-posts-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .container-2 { + padding-right: 30px; + padding-left: 30px; + } + + .search-bar { + width: 220px; + font-size: 14px; + } + + .error-4 { + padding-right: 30px; + padding-left: 30px; + } + + .banner-section { + padding-right: 60px; + padding-left: 60px; + } + + .banner-container { + text-align: center; + } + + .large-3-grid { + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + } + + .footer-grid { + -ms-grid-columns: 2fr 1fr 1fr 0.8fr; + grid-template-columns: 2fr 1fr 1fr 0.8fr; + } +} + +@media screen and (max-width: 767px) { + h1 { + font-size: 36px; + } + + h2 { + font-size: 32px; + } + + h3 { + font-size: 22px; + } + + p { + font-size: 15px; + } + + .section { + padding-top: 60px; + padding-bottom: 60px; + } + + .section.daek-page-header { + padding-top: 80px; + padding-bottom: 16px; + } + + .section.light-page-header { + padding-top: 80px; + padding-bottom: 16px; + } + + .button.light.mobile-hidden { + display: none; + } + + .spacer { + height: 32px; + } + + .spacer._64 { + height: 48px; + } + + .spacer._80 { + width: 64px; + height: 64px; + } + + ._12-columns { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + ._12-columns.flex-horizontal { + margin-bottom: 0px; + -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; + } + + .column.desk-6 { + width: 100%; + } + + .column.desk-5 { + width: 100%; + } + + .column.desk-4 { + width: 100%; + } + + .column.desk-9 { + width: 100%; + } + + .column.desk-7 { + width: 100%; + } + + .column.desk-8 { + width: 100%; + } + + .nav-content { + position: absolute; + overflow: auto; + margin-left: 0px; + padding-top: 20px; + padding-bottom: 40px; + border-top: 1px solid #e7ecf0; + background-color: #fff; + } + + .nav-cta-button-container { + margin-top: 10px; + -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; + } + + .menu-button { + width: 56px; + height: 56px; + margin-right: -12px; + padding: 16px; + -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-bar { + border: 1px none #000; + } + + .logo-div { + margin-right: auto; + } + + .footer-logo { + padding-left: 0px; + } + + .footer-links-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 24px; + -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; + } + + .nav-dropdown { + padding-top: 13px; + padding-bottom: 13px; + font-size: 16px; + } + + .nav-dropdown:hover { + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .paragraph { + font-size: 15px; + } + + .nav-menu { + margin-right: 0px; + padding-right: 0px; + text-align: center; + } + + .ds-menu-brand.w--current { + margin-top: 14px; + } + + .ds-content { + margin-left: 0px; + } + + .ds-section { + padding-right: 30px; + padding-left: 30px; + } + + .tabs-menu { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .tab-link { + width: auto; + } + + .nav-container { + padding-top: 8px; + padding-bottom: 8px; + } + + .nav-link { + margin-right: 25px; + margin-left: 25px; + padding-top: 12px; + padding-bottom: 12px; + font-size: 16px; + text-align: center; + } + + .nav-link:hover { + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .field-block { + min-height: auto; + } + + .footer-container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .ds-colour-block { + width: 25%; + } + + ._1-2-grid { + margin-left: 0px; + -ms-grid-columns: 2fr; + grid-template-columns: 2fr; + } + + ._2-1-grid { + margin-left: 0px; + -ms-grid-columns: 2fr; + grid-template-columns: 2fr; + } + + .heading.h1 { + font-size: 35px; + } + + .heading.h2 { + margin-bottom: 16px; + font-size: 28px; + } + + .heading.h4 { + font-size: 10px; + } + + .heading.large-h1 { + font-size: 35px; + } + + .heading.large-h1 { + font-size: 35px; + } + + .heading.large-h1 { + font-size: 35px; + } + + .heading.large-h1 { + font-size: 48px; + } + + .licenses-grid { + margin-left: 0px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .section-top { + text-align: center; + } + + ._3-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .terms-card { + padding-top: 48px; + padding-right: 48px; + padding-left: 48px; + } + + .popular-posts-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .container-2 { + padding-right: 20px; + padding-left: 20px; + } + + .search-bar { + width: 100%; + } + + .cta-banner { + padding: 40px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -ms-grid-columns: auto; + grid-template-columns: auto; + text-align: center; + } + + .banner-section { + padding-right: 30px; + padding-left: 30px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: left; + } + + .banner-container { + text-align: left; + } + + .banner { + -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; + text-align: left; + } + + .hero-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .hero-illustration { + width: 120px; + margin-left: 0px; + } + + .large-3-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .footer-grid { + -ms-grid-columns: 1fr 0.8fr; + grid-template-columns: 1fr 0.8fr; + } + + .footer-logo-block { + margin-bottom: 40px; + } + + .ebook-header-block { + display: none; + height: auto; + } + + .ebook-page-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .ebook-mobile-block { + display: block; + height: auto; + } +} + +@media screen and (max-width: 479px) { + body { + font-size: 14px; + } + + h1 { + font-size: 32px; + } + + h2 { + font-size: 28px; + } + + .button { + width: 100%; + font-size: 16px; + line-height: 1.8em; + } + + .button.subscribe { + margin-left: 0px; + } + + ._12-columns.flex-horizontal { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + + .container { + padding-right: 20px; + padding-left: 20px; + } + + .color-block { + margin-bottom: 20px; + } + + .column { + margin-bottom: 0px; + } + + .column.desk-6 { + width: 100%; + } + + .column.desk-5 { + width: 100%; + } + + .column.desk-3 { + width: 100%; + } + + .menu-button { + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + + .search-banner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .paragraph.medium { + font-size: 16px; + } + + .ds-menu-brand { + margin-left: 16px; + } + + .ds-section { + padding-right: 16px; + padding-left: 16px; + } + + .text-field { + width: 100%; + } + + .text-area { + width: 100%; + } + + .nav-container { + height: 64px; + padding: 2px 20px; + } + + .footer-container { + padding-right: 20px; + padding-left: 20px; + } + + .heading.large-h1 { + font-size: 42px; + } + + .error-3 { + padding-right: 20px; + padding-left: 20px; + } + + .ds-menu-button { + margin-right: 6px; + } + + .email-form { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + ._4-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .email-subscribe { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + grid-row-gap: 12px; + } + + .search { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .terms-card { + padding-top: 24px; + padding-right: 24px; + padding-left: 24px; + } + + .container-2 { + padding-right: 20px; + padding-left: 20px; + } + + .search-bar { + width: 100%; + } + + .form-card { + padding: 24px; + } + + .title-tag { + margin-bottom: 6px; + } + + .cta-banner { + padding: 32px; + } + + .error-4 { + padding-right: 20px; + padding-left: 20px; + } + + .banner-section { + margin-right: 0px; + margin-left: 0px; + padding-right: 20px; + padding-left: 20px; + } + + .banner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + text-align: left; + } + + .banner-link { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + + .form-page-logo { + width: 160px; + } + + .admin-form-card { + padding: 28px; + } + + .account-card { + padding: 28px; + } + + .form-2-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .form-page-logo-link { + margin-bottom: 24px; + } +} + +#w-node-_2c511369-eabb-a0ff-6024-6e8ecffbdf82-40ac4d19 { + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; +} + +#w-node-b49c48ad-b3b4-f319-67e3-9d04be5835dc-78ac4d50 { + -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-_0a57f092-020e-a403-18f2-e840acc27a6b-baac4d5d { + -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-_0a57f092-020e-a403-18f2-e840acc27a6d-baac4d5d { + -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-_62b23e3845c1a6d0f6be4e4900000000001b-5bbe4e48 { + margin-top: 20px; + margin-bottom: 20px; +} + +#w-node-_62b23e3845c1a6d0f6be4e49000000000020-5bbe4e48 { + border-right-style: solid; + border-top-style: solid; + border-bottom-color: #e6e6e6; + border-bottom-width: 1px; + border-left-color: #e6e6e6; + border-left-width: 1px; + border-right-color: #e6e6e6; + border-right-width: 1px; + border-bottom-style: solid; + border-top-color: #e6e6e6; + border-top-width: 1px; + border-left-style: solid; +} + +#w-node-_62b23e3845c1a6d0f6be4e49000000000021-5bbe4e48 { + margin-top: 10px; +} + +#w-node-_62b23e3845c1a6d0f6be4e49000000000024-5bbe4e48 { + position: initial; + margin-left: 0px; + margin-right: 0px; +} + +@media screen and (max-width: 767px) { + #w-node-_2c511369-eabb-a0ff-6024-6e8ecffbdf82-40ac4d19 { + -webkit-box-ordinal-group: -9998; + -webkit-order: -9999; + -ms-flex-order: -9999; + order: -9999; + } + + #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 2; + grid-column-start: span 2; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } +} + +.account-label { + color: #000; + font-weight: 520; + font-size: large; + font-family: Arial, Helvetica, sans-serif; +} + +.form-label { + color: #000; + font-weight: 520; + font-size: large; + font-family: Arial, Helvetica, sans-serif; +} + +.card { + background-color: white; + width: fit-content; + border: #000; + border-radius: 5px; + padding: 20px; + box-shadow: #000; + +} + +.grid { + display: grid; + grid-template-columns: auto auto; + columns: 2; + padding: 0; + margin: 0; +} + + +.styled-table { + /* border-collapse: collapse; */ + margin: 50px 0; + margin-bottom: 12px; + font-size: 0.9em; + font-family: sans-serif; + min-width: 100%; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); + /* border-radius: 15px; */ +} + +.styled-table thead tr { + background-color: #710101; + color: #ffffff; + text-align: center; + +} + +.styled-table th, +.styled-table td { + padding: 12px 15px; +} + +.styled-table tbody tr { + border-bottom: 1px solid #dddddd; +} + +.styled-table tbody tr:nth-of-type(even) { + background-color: #dabcbc; +} + +.styled-table tbody tr:last-of-type { + border-bottom: 2px solid #710101; +} + +.t-name{ + font-weight: bold; + color: #710101; +} + +.table-view-btn{ + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; + background-color: #990000; + color: white; + border-radius: 3px; +} + +.table-view-btn:hover{ + background-color: #c30000; +} + +.table-accept-btn{ + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; + background-color: green; + color: white; + border-radius: 3px; +} + +.table-accept-btn:hover{ + background-color: rgb(0, 169, 0); +} + +.table-reject-btn{ + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; + background-color: black; + color: white; + border-radius: 3px; +} + +.table-reject-btn:hover{ + background-color: rgb(72, 72, 72); +} + + +/* *** Responsive start ****/ +.table-responsive { + margin: 30px 0; +} +.table-wrapper { + background: #fff; + padding: 20px 25px; + border-radius: 3px; + width:750px; + box-shadow: 0 1px 1px rgba(0,0,0,.05); +} +.table-title { + padding-bottom: 15px; + background: #435d7d; + color: #fff; + padding: 16px 30px; + min-width: 100%; + margin: -20px -25px 10px; + border-radius: 3px 3px 0 0; +} +.table-title h2 { + margin: 5px 0 0; + font-size: 24px; +} +.table-title .btn-group { + float: right; +} +.table-title .btn { + color: #fff; + float: right; + font-size: 13px; + border: none; + min-width: 50px; + border-radius: 2px; + border: none; + outline: none !important; + margin-left: 10px; +} +.table-title .btn i { + float: left; + font-size: 21px; + margin-right: 5px; +} +.table-title .btn span { + float: left; + margin-top: 2px; +} +table.table tr th, table.table tr td { + border-color: #e9e9e9; + padding: 12px 15px; + vertical-align: middle; +} + +table.table-striped tbody tr:nth-of-type(odd) { + background-color: #fcfcfc; +} +table.table-striped.table-hover tbody tr:hover { + background: #f5f5f5; +} +table.table th i { + font-size: 13px; + margin: 0 5px; + cursor: pointer; +} +table.table td:last-child i { + opacity: 0.9; + font-size: 22px; + margin: 0 5px; +} +table.table td a { + font-weight: bold; + color: #566787; + display: inline-block; + text-decoration: none; + outline: none !important; +} +table.table td a:hover { + color: #2196F3; +} +table.table td a.edit { + color: #FFC107; +} +table.table td a.delete { + color: #F44336; +} +table.table td i { + font-size: 19px; +} +table.table .avatar { + border-radius: 50%; + vertical-align: middle; + margin-right: 10px; +} +.pagination { + float: right; + margin: 0 0 5px; +} +.pagination li a { + border: none; + font-size: 13px; + min-width: 30px; + min-height: 30px; + color: #999; + margin: 0 2px; + line-height: 30px; + border-radius: 2px !important; + text-align: center; + padding: 0 6px; +} +.pagination li a:hover { + color: #666; +} +.pagination li.active a, .pagination li.active a.page-link { + background: #03A9F4; +} +.pagination li.active a:hover { + background: #0397d6; +} +.pagination li.disabled i { + color: #ccc; +} +.pagination li i { + font-size: 16px; + padding-top: 6px +} +.hint-text { + float: left; + margin-top: 10px; + font-size: 13px; +} +/* Custom checkbox */ +.custom-checkbox { + position: relative; +} +.custom-checkbox input[type="checkbox"] { + opacity: 0; + position: absolute; + margin: 5px 0 0 3px; + z-index: 9; +} +.custom-checkbox label:before{ + width: 18px; + height: 18px; +} +.custom-checkbox label:before { + content: ''; + margin-right: 10px; + display: inline-block; + vertical-align: text-top; + background: white; + border: 1px solid #bbb; + border-radius: 2px; + box-sizing: border-box; + z-index: 2; +} +.custom-checkbox input[type="checkbox"]:checked + label:after { + content: ''; + position: absolute; + left: 6px; + top: 3px; + width: 6px; + height: 11px; + border: solid #000; + border-width: 0 3px 3px 0; + transform: inherit; + z-index: 3; + transform: rotateZ(45deg); +} +.custom-checkbox input[type="checkbox"]:checked + label:before { + border-color: #03A9F4; + background: #03A9F4; +} +.custom-checkbox input[type="checkbox"]:checked + label:after { + border-color: #fff; +} +.custom-checkbox input[type="checkbox"]:disabled + label:before { + color: #b8b8b8; + cursor: auto; + box-shadow: none; + background: #ddd; +} +/* Modal styles */ +.modal .modal-dialog { + max-width: 650px; +} +.modal .modal-header, .modal .modal-body, .modal .modal-footer { + padding: 20px 30px; +} +.modal .modal-content { + border-radius: 3px; + font-size: 14px; +} +.modal .modal-footer { + background: #ecf0f1; + border-radius: 0 0 3px 3px; +} +.modal .modal-title { + display: inline-block; +} +.modal .form-control { + border-radius: 2px; + box-shadow: none; + border-color: #dddddd; +} +.modal textarea.form-control { + resize: vertical; +} +.modal .btn { + border-radius: 2px; + min-width: 100px; +} +.modal form label { + font-weight: normal; +} \ No newline at end of file diff --git a/Vote_Bharat_Website_Admin/addClients.html b/Vote_Bharat_Website_Admin/addClients.html new file mode 100644 index 0000000..13b4bfb --- /dev/null +++ b/Vote_Bharat_Website_Admin/addClients.html @@ -0,0 +1,448 @@ + + + + + + + Admin-Clients + + + + + + + + + + + + + + + + +
+
+
+
+
+

Add Candidates

+
+
+ + Add New Candidate +
+
+
+ + + + + + + + + + + + + + + + +
NameEmailPolitical PartyActions
Thomas Hardythomashardy@mail.com + + +
+
+
+ + + + + + + + + + + + + + + + + diff --git a/Vote_Bharat_Website_Admin/admin.html b/Vote_Bharat_Website_Admin/admin.html new file mode 100644 index 0000000..985cd7e --- /dev/null +++ b/Vote_Bharat_Website_Admin/admin.html @@ -0,0 +1,179 @@ + + + + + + + + Home - Admin + + + + + + + + + + + + +
+
+
+
+
+
+
+

500000

+
Number of Voters
+
+
+
+
+

750

+
Number of Election Candidates
+
+
+
+
+
+
+ +
+
+
+

Pending Voters Nomination

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Voter NameEmailMobile NumberPhotoAddress ProofAge ProofIdentity ProofAction
Dom Daviddom@gmail.com+91 7558612763 + + +
Raju Sharmadom@gmail.com+91 7558612763 + + +
Dom Daviddom@gmail.com+91 7558612763 + + +
Dom Daviddom@gmail.com+91 7558612763 + + +
+
+
+
+ + +
+ + + + + \ No newline at end of file diff --git a/Vote_Bharat_Website_Admin/assets/ECI.png b/Vote_Bharat_Website_Admin/assets/ECI.png new file mode 100644 index 0000000..b978aca Binary files /dev/null and b/Vote_Bharat_Website_Admin/assets/ECI.png differ diff --git a/Vote_Bharat_Website_Admin/assets/S_7251_010115.jpg b/Vote_Bharat_Website_Admin/assets/S_7251_010115.jpg new file mode 100644 index 0000000..564f34b Binary files /dev/null and b/Vote_Bharat_Website_Admin/assets/S_7251_010115.jpg differ diff --git a/Vote_Bharat_Website_Admin/assets/aadharCard.png b/Vote_Bharat_Website_Admin/assets/aadharCard.png new file mode 100644 index 0000000..e5bff81 Binary files /dev/null and b/Vote_Bharat_Website_Admin/assets/aadharCard.png differ diff --git a/Vote_Bharat_Website_Admin/assets/backINDIA.jpeg b/Vote_Bharat_Website_Admin/assets/backINDIA.jpeg new file mode 100644 index 0000000..5a6ca70 Binary files /dev/null and b/Vote_Bharat_Website_Admin/assets/backINDIA.jpeg differ diff --git a/Vote_Bharat_Website_Admin/assets/backVerifyWOr.png b/Vote_Bharat_Website_Admin/assets/backVerifyWOr.png new file mode 100644 index 0000000..a7ceda6 Binary files /dev/null and b/Vote_Bharat_Website_Admin/assets/backVerifyWOr.png differ diff --git a/Vote_Bharat_Website_Admin/assets/backVerifyWOr1.png b/Vote_Bharat_Website_Admin/assets/backVerifyWOr1.png new file mode 100644 index 0000000..082be7f Binary files /dev/null and b/Vote_Bharat_Website_Admin/assets/backVerifyWOr1.png differ diff --git a/Vote_Bharat_Website_Admin/styles.css b/Vote_Bharat_Website_Admin/styles.css new file mode 100644 index 0000000..df65b4e --- /dev/null +++ b/Vote_Bharat_Website_Admin/styles.css @@ -0,0 +1,6272 @@ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%;; + -webkit-text-size-adjust: 100%; + +} + +body { + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline +} + +audio:not([controls]) { + display: none; + height: 0 +} + +[hidden], +template { + display: none +} + +a { + background-color: transparent +} + +a:active, +a:hover { + outline: 0 +} + +abbr[title] { + border-bottom: 1px dotted +} + +b, +strong { + font-weight: bold +} + +dfn { + font-style: italic +} + +h1 { + font-size: 2em; + margin: .67em 0 +} + +mark { + background: #ff0; + color: #000 +} + +small { + font-size: 80% +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sup { + top: -0.5em +} + +sub { + bottom: -0.25em +} + +img { + border: 0 +} + +svg:not(:root) { + overflow: hidden +} + +figure { + margin: 1em 40px +} + +hr { + box-sizing: content-box; + height: 0 +} + +pre { + overflow: auto +} + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em +} + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0 +} + +button { + overflow: visible +} + +button, +select { + text-transform: none +} + +button, +html input[type="button"], +input[type="reset"] { + -webkit-appearance: button; + cursor: pointer +} + +button[disabled], +html input[disabled] { + cursor: default +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0 +} + +input { + line-height: normal +} + +input[type='checkbox'], +input[type='radio'] { + box-sizing: border-box; + padding: 0 +} + +input[type='number']::-webkit-inner-spin-button, +input[type='number']::-webkit-outer-spin-button { + height: auto +} + +input[type='search'] { + -webkit-appearance: none +} + +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration { + -webkit-appearance: none +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: .35em .625em .75em +} + +legend { + border: 0; + padding: 0 +} + +textarea { + overflow: auto +} + +optgroup { + font-weight: bold +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +td, +th { + padding: 0 +} + +/* ========================================================================== + Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. + ========================================================================== */ +@font-face { + font-family: 'webflow-icons'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); + font-weight: normal; + font-style: normal +} + +[class^="w-icon-"], +[class*=" w-icon-"] { + font-family: 'webflow-icons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.w-icon-slider-right:before { + content: "\e600" +} + +.w-icon-slider-left:before { + content: "\e601" +} + +.w-icon-nav-menu:before { + content: "\e602" +} + +.w-icon-arrow-down:before, +.w-icon-dropdown-toggle:before { + content: "\e603" +} + +.w-icon-file-upload-remove:before { + content: "\e900" +} + +.w-icon-file-upload-icon:before { + content: "\e903" +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +html { + height: 100% +} + +body { + margin: 0; + min-height: 100%; + background-color: #fff; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333 +} + +img { + max-width: 100%; + vertical-align: middle; + display: inline-block +} + +html.w-mod-touch * { + background-attachment: scroll !important +} + +.w-block { + display: block +} + +.w-inline-block { + max-width: 100%; + display: inline-block +} + +.w-clearfix:before, +.w-clearfix:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-clearfix:after { + clear: both +} + +.w-hidden { + display: none +} + +.w-button { + display: inline-block; + padding: 9px 15px; + background-color: #3898EC; + color: white; + border: 0; + line-height: inherit; + text-decoration: none; + cursor: pointer; + border-radius: 0 +} + +input.w-button { + -webkit-appearance: button +} + +html[data-w-dynpage] [data-w-cloak] { + color: transparent !important +} + +.w-webflow-badge, +.w-webflow-badge * { + position: static; + left: auto; + top: auto; + right: auto; + bottom: auto; + z-index: auto; + display: block; + visibility: visible; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + box-sizing: border-box; + width: auto; + height: auto; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + margin: 0; + padding: 0; + float: none; + clear: none; + border: 0 none transparent; + border-radius: 0; + background: none; + background-image: none; + background-position: 0% 0%; + background-size: auto auto; + background-repeat: repeat; + background-origin: padding-box; + background-clip: border-box; + background-attachment: scroll; + background-color: transparent; + box-shadow: none; + opacity: 1; + transform: none; + transition: none; + direction: ltr; + font-family: inherit; + font-weight: inherit; + color: inherit; + font-size: inherit; + line-height: inherit; + font-style: inherit; + font-variant: inherit; + text-align: inherit; + letter-spacing: inherit; + text-decoration: inherit; + text-indent: 0; + text-transform: inherit; + list-style-type: disc; + text-shadow: none; + font-smoothing: auto; + vertical-align: baseline; + cursor: inherit; + white-space: inherit; + word-break: normal; + word-spacing: normal; + word-wrap: normal +} + +.w-webflow-badge { + position: fixed !important; + display: inline-block !important; + visibility: visible !important; + z-index: 2147483647 !important; + top: auto !important; + right: 12px !important; + bottom: 12px !important; + left: auto !important; + color: #AAADB0 !important; + background-color: #fff !important; + border-radius: 3px !important; + padding: 6px 8px 6px 6px !important; + font-size: 12px !important; + opacity: 1 !important; + line-height: 14px !important; + text-decoration: none !important; + transform: none !important; + margin: 0 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + white-space: nowrap; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1); + cursor: pointer +} + +.w-webflow-badge>img { + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + vertical-align: middle !important +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + margin-bottom: 10px +} + +h1 { + font-size: 38px; + line-height: 44px; + margin-top: 20px +} + +h2 { + font-size: 32px; + line-height: 36px; + margin-top: 20px +} + +h3 { + font-size: 24px; + line-height: 30px; + margin-top: 20px +} + +h4 { + font-size: 10px; + line-height: 24px; + margin-top: 10px +} + +h5 { + font-size: 14px; + line-height: 20px; + margin-top: 10px +} + +h6 { + font-size: 12px; + line-height: 18px; + margin-top: 10px +} + +p { + margin-top: 0; + margin-bottom: 10px +} + +blockquote { + margin: 0 0 10px 0; + padding: 10px 20px; + border-left: 5px solid #E2E2E2; + font-size: 18px; + line-height: 22px +} + +figure { + margin: 0; + margin-bottom: 10px +} + +figcaption { + margin-top: 5px; + text-align: center +} + +ul, +ol { + margin-top: 0px; + margin-bottom: 10px; + padding-left: 40px +} + +.w-list-unstyled { + padding-left: 0; + list-style: none +} + +.w-embed:before, +.w-embed:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-embed:after { + clear: both +} + +.w-video { + width: 100%; + position: relative; + padding: 0 +} + +.w-video iframe, +.w-video object, +.w-video embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none +} + +fieldset { + padding: 0; + margin: 0; + border: 0 +} + +button, +[type='button'], +[type='reset'] { + border: 0; + cursor: pointer; + -webkit-appearance: button +} + +.w-form { + margin: 0 0 15px +} + +.w-form-done { + display: none; + padding: 20px; + text-align: center; + background-color: #dddddd +} + +.w-form-fail { + display: none; + margin-top: 10px; + padding: 10px; + background-color: #ffdede +} + +label { + display: block; + margin-bottom: 5px; + font-weight: bold +} + +.w-input, +.w-select { + display: block; + width: 100%; + height: 38px; + padding: 8px 12px; + margin-bottom: 10px; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc +} + +.w-input:-moz-placeholder, +.w-select:-moz-placeholder { + color: #000 +} + +.w-input::-moz-placeholder, +.w-select::-moz-placeholder { + color: #000; + opacity: 1 +} + +.w-input:-ms-input-placeholder, +.w-select:-ms-input-placeholder { + color: #000 +} + +.w-input::-webkit-input-placeholder, +.w-select::-webkit-input-placeholder { + color: #999 +} + +.w-input:focus, +.w-select:focus { + border-color: #3898EC; + outline: 0 +} + +.w-input[disabled], +.w-select[disabled], +.w-input[readonly], +.w-select[readonly], +fieldset[disabled] .w-input, +fieldset[disabled] .w-select { + cursor: not-allowed +} + +.w-input[disabled]:not(.w-input-disabled), +.w-select[disabled]:not(.w-input-disabled), +.w-input[readonly], +.w-select[readonly], +fieldset[disabled]:not(.w-input-disabled) .w-input, +fieldset[disabled]:not(.w-input-disabled) .w-select { + background-color: #eeeeee +} + +textarea.w-input, +textarea.w-select { + height: auto +} + +.w-select { + background-color: #f3f3f3 +} + +.w-select[multiple] { + height: auto +} + +.w-form-label { + display: inline-block; + cursor: pointer; + font-weight: normal; + margin-bottom: 0px +} + +.w-radio { + display: block; + margin-bottom: 5px; + padding-left: 20px +} + +.w-radio:before, +.w-radio:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-radio:after { + clear: both +} + +.w-radio-input { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + float: left; + margin-left: -20px +} + +.w-radio-input { + margin-top: 3px +} + +.w-file-upload { + display: block; + margin-bottom: 10px +} + +.w-file-upload-input { + width: .1px; + height: .1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -100 +} + +.w-file-upload-default, +.w-file-upload-uploading, +.w-file-upload-success { + display: inline-block; + color: #333333 +} + +.w-file-upload-error { + display: block; + margin-top: 10px +} + +.w-file-upload-default.w-hidden, +.w-file-upload-uploading.w-hidden, +.w-file-upload-error.w-hidden, +.w-file-upload-success.w-hidden { + display: none +} + +.w-file-upload-uploading-btn { + display: flex; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa +} + +.w-file-upload-file { + display: flex; + flex-grow: 1; + justify-content: space-between; + margin: 0; + padding: 8px 9px 8px 11px; + border: 1px solid #cccccc; + background-color: #fafafa +} + +.w-file-upload-file-name { + font-size: 14px; + font-weight: normal; + display: block +} + +.w-file-remove-link { + margin-top: 3px; + margin-left: 10px; + width: auto; + height: auto; + padding: 3px; + display: block; + cursor: pointer +} + +.w-icon-file-upload-remove { + margin: auto; + font-size: 10px +} + +.w-file-upload-error-msg { + display: inline-block; + color: #ea384c; + padding: 2px 0 +} + +.w-file-upload-info { + display: inline-block; + line-height: 38px; + padding: 0 12px +} + +.w-file-upload-label { + display: inline-block; + font-size: 14px; + font-weight: normal; + cursor: pointer; + margin: 0; + padding: 8px 12px; + border: 1px solid #cccccc; + background-color: #fafafa +} + +.w-icon-file-upload-icon, +.w-icon-file-upload-uploading { + display: inline-block; + margin-right: 8px; + width: 20px +} + +.w-icon-file-upload-uploading { + height: 20px +} + +.w-container { + margin-left: auto; + margin-right: auto; + max-width: 940px +} + +.w-container:before, +.w-container:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-container:after { + clear: both +} + +.w-container .w-row { + margin-left: -10px; + margin-right: -10px +} + +.w-row:before, +.w-row:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-row:after { + clear: both +} + +.w-row .w-row { + margin-left: 0; + margin-right: 0 +} + +.w-col { + position: relative; + float: left; + width: 100%; + min-height: 1px; + padding-left: 10px; + padding-right: 10px +} + +.w-col .w-col { + padding-left: 0; + padding-right: 0 +} + +.w-col-1 { + width: 8.33333333% +} + +.w-col-2 { + width: 16.66666667% +} + +.w-col-3 { + width: 25% +} + +.w-col-4 { + width: 33.33333333% +} + +.w-col-5 { + width: 41.66666667% +} + +.w-col-6 { + width: 50% +} + +.w-col-7 { + width: 58.33333333% +} + +.w-col-8 { + width: 66.66666667% +} + +.w-col-9 { + width: 75% +} + +.w-col-10 { + width: 83.33333333% +} + +.w-col-11 { + width: 91.66666667% +} + +.w-col-12 { + width: 100% +} + +.w-hidden-main { + display: none !important +} + +@media screen and (max-width:991px) { + .w-container { + max-width: 728px + } + + .w-hidden-main { + display: inherit !important + } + + .w-hidden-medium { + display: none !important + } + + .w-col-medium-1 { + width: 8.33333333% + } + + .w-col-medium-2 { + width: 16.66666667% + } + + .w-col-medium-3 { + width: 25% + } + + .w-col-medium-4 { + width: 33.33333333% + } + + .w-col-medium-5 { + width: 41.66666667% + } + + .w-col-medium-6 { + width: 50% + } + + .w-col-medium-7 { + width: 58.33333333% + } + + .w-col-medium-8 { + width: 66.66666667% + } + + .w-col-medium-9 { + width: 75% + } + + .w-col-medium-10 { + width: 83.33333333% + } + + .w-col-medium-11 { + width: 91.66666667% + } + + .w-col-medium-12 { + width: 100% + } + + .w-col-stack { + width: 100%; + left: auto; + right: auto + } +} + +@media screen and (max-width:767px) { + .w-hidden-main { + display: inherit !important + } + + .w-hidden-medium { + display: inherit !important + } + + .w-hidden-small { + display: none !important + } + + .w-row, + .w-container .w-row { + margin-left: 0; + margin-right: 0 + } + + .w-col { + width: 100%; + left: auto; + right: auto + } + + .w-col-small-1 { + width: 8.33333333% + } + + .w-col-small-2 { + width: 16.66666667% + } + + .w-col-small-3 { + width: 25% + } + + .w-col-small-4 { + width: 33.33333333% + } + + .w-col-small-5 { + width: 41.66666667% + } + + .w-col-small-6 { + width: 50% + } + + .w-col-small-7 { + width: 58.33333333% + } + + .w-col-small-8 { + width: 66.66666667% + } + + .w-col-small-9 { + width: 75% + } + + .w-col-small-10 { + width: 83.33333333% + } + + .w-col-small-11 { + width: 91.66666667% + } + + .w-col-small-12 { + width: 100% + } +} + +@media screen and (max-width:479px) { + .w-container { + max-width: none + } + + .w-hidden-main { + display: inherit !important + } + + .w-hidden-medium { + display: inherit !important + } + + .w-hidden-small { + display: inherit !important + } + + .w-hidden-tiny { + display: none !important + } + + .w-col { + width: 100% + } + + .w-col-tiny-1 { + width: 8.33333333% + } + + .w-col-tiny-2 { + width: 16.66666667% + } + + .w-col-tiny-3 { + width: 25% + } + + .w-col-tiny-4 { + width: 33.33333333% + } + + .w-col-tiny-5 { + width: 41.66666667% + } + + .w-col-tiny-6 { + width: 50% + } + + .w-col-tiny-7 { + width: 58.33333333% + } + + .w-col-tiny-8 { + width: 66.66666667% + } + + .w-col-tiny-9 { + width: 75% + } + + .w-col-tiny-10 { + width: 83.33333333% + } + + .w-col-tiny-11 { + width: 91.66666667% + } + + .w-col-tiny-12 { + width: 100% + } +} + +.w-widget { + position: relative +} + +.w-widget-map { + width: 100%; + height: 400px +} + +.w-widget-map label { + width: auto; + display: inline +} + +.w-widget-map img { + max-width: inherit +} + +.w-widget-map .gm-style-iw { + text-align: center +} + +.w-widget-map .gm-style-iw>button { + display: none !important +} + +.w-widget-twitter { + overflow: hidden +} + +.w-widget-twitter-count-shim { + display: inline-block; + vertical-align: top; + position: relative; + width: 28px; + height: 20px; + text-align: center; + background: white; + border: #758696 solid 1px; + border-radius: 3px +} + +.w-widget-twitter-count-shim * { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-widget-twitter-count-shim .w-widget-twitter-count-inner { + position: relative; + font-size: 15px; + line-height: 12px; + text-align: center; + color: #999; + font-family: serif +} + +.w-widget-twitter-count-shim .w-widget-twitter-count-clear { + position: relative; + display: block +} + +.w-widget-twitter-count-shim.w--large { + width: 36px; + height: 28px +} + +.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 18px +} + +.w-widget-twitter-count-shim:not(.w--vertical) { + margin-left: 5px; + margin-right: 8px +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large { + margin-left: 6px +} + +.w-widget-twitter-count-shim:not(.w--vertical):before, +.w-widget-twitter-count-shim:not(.w--vertical):after { + top: 50%; + left: 0; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none +} + +.w-widget-twitter-count-shim:not(.w--vertical):before { + border-color: rgba(117, 134, 150, 0); + border-right-color: #5d6c7b; + border-width: 4px; + margin-left: -9px; + margin-top: -4px +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:before { + border-width: 5px; + margin-left: -10px; + margin-top: -5px +} + +.w-widget-twitter-count-shim:not(.w--vertical):after { + border-color: rgba(255, 255, 255, 0); + border-right-color: white; + border-width: 4px; + margin-left: -8px; + margin-top: -4px +} + +.w-widget-twitter-count-shim:not(.w--vertical).w--large:after { + border-width: 5px; + margin-left: -9px; + margin-top: -5px +} + +.w-widget-twitter-count-shim.w--vertical { + width: 61px; + height: 33px; + margin-bottom: 8px +} + +.w-widget-twitter-count-shim.w--vertical:before, +.w-widget-twitter-count-shim.w--vertical:after { + top: 100%; + left: 50%; + border: solid transparent; + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none +} + +.w-widget-twitter-count-shim.w--vertical:before { + border-color: rgba(117, 134, 150, 0); + border-top-color: #5d6c7b; + border-width: 5px; + margin-left: -5px +} + +.w-widget-twitter-count-shim.w--vertical:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: white; + border-width: 4px; + margin-left: -4px +} + +.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { + font-size: 18px; + line-height: 22px +} + +.w-widget-twitter-count-shim.w--vertical.w--large { + width: 76px +} + +.w-background-video { + position: relative; + overflow: hidden; + height: 500px; + color: white +} + +.w-background-video>video { + background-size: cover; + background-position: 50% 50%; + position: absolute; + margin: auto; + width: 100%; + height: 100%; + right: -100%; + bottom: -100%; + top: -100%; + left: -100%; + object-fit: cover; + z-index: -100 +} + +.w-background-video>video::-webkit-media-controls-start-playback-button { + display: none !important; + -webkit-appearance: none +} + +.w-background-video--control { + position: absolute; + bottom: 1em; + right: 1em; + background-color: transparent; + padding: 0 +} + +.w-background-video--control>[hidden] { + display: none !important +} + +.w-slider { + position: relative; + height: 300px; + text-align: center; + background: #dddddd; + clear: both; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0) +} + +.w-slider-mask { + position: relative; + display: block; + overflow: hidden; + z-index: 1; + left: 0; + right: 0; + height: 100%; + white-space: nowrap +} + +.w-slide { + position: relative; + display: inline-block; + vertical-align: top; + width: 100%; + height: 100%; + white-space: normal; + text-align: left +} + +.w-slider-nav { + position: absolute; + z-index: 2; + top: auto; + right: 0; + bottom: 0; + left: 0; + margin: auto; + padding-top: 10px; + height: 40px; + text-align: center; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0) +} + +.w-slider-nav.w-round>div { + border-radius: 100% +} + +.w-slider-nav.w-num>div { + width: auto; + height: auto; + padding: .2em .5em; + font-size: inherit; + line-height: inherit +} + +.w-slider-nav.w-shadow>div { + box-shadow: 0 0 3px rgba(51, 51, 51, 0.4) +} + +.w-slider-nav-invert { + color: #fff +} + +.w-slider-nav-invert>div { + background-color: rgba(34, 34, 34, 0.4) +} + +.w-slider-nav-invert>div.w-active { + background-color: #222 +} + +.w-slider-dot { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + background-color: rgba(255, 255, 255, 0.4); + cursor: pointer; + margin: 0 3px .5em; + transition: background-color 100ms, color 100ms +} + +.w-slider-dot.w-active { + background-color: #fff +} + +.w-slider-dot:focus { + outline: none; + box-shadow: 0 0 0 2px #fff +} + +.w-slider-dot:focus.w-active { + box-shadow: none +} + +.w-slider-arrow-left, +.w-slider-arrow-right { + position: absolute; + width: 80px; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + cursor: pointer; + overflow: hidden; + color: white; + font-size: 40px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-slider-arrow-left [class^='w-icon-'], +.w-slider-arrow-right [class^='w-icon-'], +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-right [class*=' w-icon-'] { + position: absolute +} + +.w-slider-arrow-left:focus, +.w-slider-arrow-right:focus { + outline: 0 +} + +.w-slider-arrow-left { + z-index: 3; + right: auto +} + +.w-slider-arrow-right { + z-index: 4; + left: auto +} + +.w-icon-slider-left, +.w-icon-slider-right { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 1em; + height: 1em +} + +.w-slider-aria-label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px +} + +.w-slider-force-show { + display: block !important +} + +.w-dropdown { + display: inline-block; + position: relative; + text-align: left; + margin-left: auto; + margin-right: auto; + z-index: 900 +} + +.w-dropdown-btn, +.w-dropdown-toggle, +.w-dropdown-link { + position: relative; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto; + white-space: nowrap +} + +.w-dropdown-toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + cursor: pointer; + padding-right: 40px +} + +.w-dropdown-toggle:focus { + outline: 0 +} + +.w-icon-dropdown-toggle { + position: absolute; + top: 0; + right: 0; + bottom: 0; + margin: auto; + margin-right: 20px; + width: 1em; + height: 1em +} + +.w-dropdown-list { + position: absolute; + background: #dddddd; + display: none; + min-width: 100% +} + +.w-dropdown-list.w--open { + display: block +} + +.w-dropdown-link { + padding: 10px 20px; + display: block; + color: #222222 +} + +.w-dropdown-link.w--current { + color: #0082f3 +} + +.w-dropdown-link:focus { + outline: 0 +} + +@media screen and (max-width:767px) { + .w-nav-brand { + padding-left: 10px + } +} + +.w-lightbox-backdrop { + color: #000; + cursor: auto; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + letter-spacing: normal; + line-height: normal; + list-style: disc; + text-align: start; + text-indent: 0; + text-shadow: none; + text-transform: none; + visibility: visible; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + color: #fff; + font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; + font-size: 17px; + line-height: 1.2; + font-weight: 300; + text-align: center; + background: rgba(0, 0, 0, 0.9); + z-index: 2000; + outline: 0; + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-transform: translate(0, 0) +} + +.w-lightbox-backdrop, +.w-lightbox-container { + height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch +} + +.w-lightbox-content { + position: relative; + height: 100vh; + overflow: hidden +} + +.w-lightbox-view { + position: absolute; + width: 100vw; + height: 100vh; + opacity: 0 +} + +.w-lightbox-view:before { + content: ""; + height: 100vh +} + +.w-lightbox-group, +.w-lightbox-group .w-lightbox-view, +.w-lightbox-group .w-lightbox-view:before { + height: 86vh +} + +.w-lightbox-frame, +.w-lightbox-view:before { + display: inline-block; + vertical-align: middle +} + +.w-lightbox-figure { + position: relative; + margin: 0 +} + +.w-lightbox-group .w-lightbox-figure { + cursor: pointer +} + +.w-lightbox-img { + width: auto; + height: auto; + max-width: none +} + +.w-lightbox-image { + display: block; + float: none; + max-width: 100vw; + max-height: 100vh +} + +.w-lightbox-group .w-lightbox-image { + max-height: 86vh +} + +.w-lightbox-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: .5em 1em; + background: rgba(0, 0, 0, 0.4); + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden +} + +.w-lightbox-embed { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100% +} + +.w-lightbox-control { + position: absolute; + top: 0; + width: 4em; + background-size: 24px; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + -webkit-transition: all .3s; + transition: all .3s +} + +.w-lightbox-left { + display: none; + bottom: 0; + left: 0; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==") +} + +.w-lightbox-right { + display: none; + right: 0; + bottom: 0; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+") +} + +.w-lightbox-close { + right: 0; + height: 2.6em; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); + background-size: 18px +} + +.w-lightbox-strip { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 1vh; + line-height: 0; + white-space: nowrap; + overflow-x: auto; + overflow-y: hidden +} + +.w-lightbox-item { + display: inline-block; + width: 10vh; + padding: 2vh 1vh; + box-sizing: content-box; + cursor: pointer; + -webkit-transform: translate3d(0, 0, 0) +} + +.w-lightbox-active { + opacity: .3 +} + +.w-lightbox-thumbnail { + position: relative; + height: 10vh; + background: #222; + overflow: hidden +} + +.w-lightbox-thumbnail-image { + position: absolute; + top: 0; + left: 0 +} + +.w-lightbox-thumbnail .w-lightbox-tall { + top: 50%; + width: 100%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%) +} + +.w-lightbox-thumbnail .w-lightbox-wide { + left: 50%; + height: 100%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0) +} + +.w-lightbox-spinner { + position: absolute; + top: 50%; + left: 50%; + box-sizing: border-box; + width: 40px; + height: 40px; + margin-top: -20px; + margin-left: -20px; + border: 5px solid rgba(0, 0, 0, 0.4); + border-radius: 50%; + -webkit-animation: spin .8s infinite linear; + animation: spin .8s infinite linear +} + +.w-lightbox-spinner:after { + content: ""; + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + border: 3px solid transparent; + border-bottom-color: #fff; + border-radius: 50% +} + +.w-lightbox-hide { + display: none +} + +.w-lightbox-noscroll { + overflow: hidden +} + +@media (min-width:768px) { + .w-lightbox-content { + height: 96vh; + margin-top: 2vh + } + + .w-lightbox-view, + .w-lightbox-view:before { + height: 96vh + } + + .w-lightbox-group, + .w-lightbox-group .w-lightbox-view, + .w-lightbox-group .w-lightbox-view:before { + height: 84vh + } + + .w-lightbox-image { + max-width: 96vw; + max-height: 96vh + } + + .w-lightbox-group .w-lightbox-image { + max-width: 82.3vw; + max-height: 84vh + } + + .w-lightbox-left, + .w-lightbox-right { + display: block; + opacity: .5 + } + + .w-lightbox-close { + opacity: .8 + } + + .w-lightbox-control:hover { + opacity: 1 + } +} + +.w-lightbox-inactive, +.w-lightbox-inactive:hover { + opacity: 0 +} + +.w-richtext:before, +.w-richtext:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-richtext:after { + clear: both +} + +.w-richtext[contenteditable="true"]:before, +.w-richtext[contenteditable="true"]:after { + white-space: initial +} + +.w-richtext ol, +.w-richtext ul { + overflow: hidden +} + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, +.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { + outline: 2px solid #2895f7 +} + +.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, +.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { + outline: 2px solid #2895f7 +} + +.w-richtext figure.w-richtext-figure-type-video>div:after, +.w-richtext figure[data-rt-type="video"]>div:after { + content: ''; + position: absolute; + display: none; + left: 0; + top: 0; + right: 0; + bottom: 0 +} + +.w-richtext figure { + position: relative; + max-width: 60% +} + +.w-richtext figure>div:before { + cursor: default !important +} + +.w-richtext figure img { + width: 100% +} + +.w-richtext figure figcaption.w-richtext-figcaption-placeholder { + opacity: .6 +} + +.w-richtext figure div { + font-size: 0px; + color: transparent +} + +.w-richtext figure.w-richtext-figure-type-image, +.w-richtext figure[data-rt-type="image"] { + display: table +} + +.w-richtext figure.w-richtext-figure-type-image>div, +.w-richtext figure[data-rt-type="image"]>div { + display: inline-block +} + +.w-richtext figure.w-richtext-figure-type-image>figcaption, +.w-richtext figure[data-rt-type="image"]>figcaption { + display: table-caption; + caption-side: bottom +} + +.w-richtext figure.w-richtext-figure-type-video, +.w-richtext figure[data-rt-type="video"] { + width: 60%; + height: 0 +} + +.w-richtext figure.w-richtext-figure-type-video iframe, +.w-richtext figure[data-rt-type="video"] iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.w-richtext figure.w-richtext-figure-type-video>div, +.w-richtext figure[data-rt-type="video"]>div { + width: 100% +} + +.w-richtext figure.w-richtext-align-center { + margin-right: auto; + margin-left: auto; + clear: both +} + +.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, +.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div { + max-width: 100% +} + +.w-richtext figure.w-richtext-align-normal { + clear: both +} + +.w-richtext figure.w-richtext-align-fullwidth { + width: 100%; + max-width: 100%; + text-align: center; + clear: both; + display: block; + margin-right: auto; + margin-left: auto +} + +.w-richtext figure.w-richtext-align-fullwidth>div { + display: inline-block; + padding-bottom: inherit +} + +.w-richtext figure.w-richtext-align-fullwidth>figcaption { + display: block +} + +.w-richtext figure.w-richtext-align-floatleft { + float: left; + margin-right: 15px; + clear: none +} + +.w-richtext figure.w-richtext-align-floatright { + float: right; + margin-left: 15px; + clear: none +} + +.w-nav { + position: relative; + background: #dddddd; + z-index: 1000 +} + +.w-nav:before, +.w-nav:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-nav:after { + clear: both +} + +.w-nav-brand { + position: relative; + float: left; + text-decoration: none; + color: #333333 +} + +.w-nav-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + color: #222222; + padding: 20px; + text-align: left; + margin-left: auto; + margin-right: auto +} + +.w-nav-link.w--current { + color: #0082f3 +} + +.w-nav-menu { + position: relative; + float: right +} + +[data-nav-menu-open] { + display: block !important; + position: absolute; + top: 100%; + left: 0; + right: 0; + background: #C8C8C8; + text-align: center; + overflow: visible; + min-width: 200px +} + +.w--nav-link-open { + display: block; + position: relative +} + +.w-nav-overlay { + position: absolute; + overflow: hidden; + display: none; + top: 100%; + left: 0; + right: 0; + width: 100% +} + +.w-nav-overlay [data-nav-menu-open] { + top: 0 +} + +.w-nav[data-animation="over-left"] .w-nav-overlay { + width: auto +} + +.w-nav[data-animation="over-left"] .w-nav-overlay, +.w-nav[data-animation="over-left"] [data-nav-menu-open] { + right: auto; + z-index: 1; + top: 0 +} + +.w-nav[data-animation="over-right"] .w-nav-overlay { + width: auto +} + +.w-nav[data-animation="over-right"] .w-nav-overlay, +.w-nav[data-animation="over-right"] [data-nav-menu-open] { + left: auto; + z-index: 1; + top: 0 +} + +.w-nav-button { + position: relative; + float: right; + padding: 18px; + font-size: 24px; + display: none; + cursor: pointer; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-nav-button:focus { + outline: 0 +} + +.w-nav-button.w--open { + background-color: #C8C8C8; + color: white +} + +.w-nav[data-collapse="all"] .w-nav-menu { + display: none +} + +.w-nav[data-collapse="all"] .w-nav-button { + display: block +} + +.w--nav-dropdown-open { + display: block +} + +.w--nav-dropdown-toggle-open { + display: block +} + +.w--nav-dropdown-list-open { + position: static +} + +@media screen and (max-width:991px) { + .w-nav[data-collapse="medium"] .w-nav-menu { + display: none + } + + .w-nav[data-collapse="medium"] .w-nav-button { + display: block + } +} + +@media screen and (max-width:767px) { + .w-nav[data-collapse="small"] .w-nav-menu { + display: none + } + + .w-nav[data-collapse="small"] .w-nav-button { + display: block + } + + .w-nav-brand { + padding-left: 10px + } +} + +@media screen and (max-width:479px) { + .w-nav[data-collapse="tiny"] .w-nav-menu { + display: none + } + + .w-nav[data-collapse="tiny"] .w-nav-button { + display: block + } +} + +.w-tabs { + position: relative +} + +.w-tabs:before, +.w-tabs:after { + content: " "; + display: table; + grid-column-start: 1; + grid-row-start: 1; + grid-column-end: 2; + grid-row-end: 2 +} + +.w-tabs:after { + clear: both +} + +.w-tab-menu { + position: relative +} + +.w-tab-link { + position: relative; + display: inline-block; + vertical-align: top; + text-decoration: none; + padding: 9px 30px; + text-align: left; + cursor: pointer; + color: #222222; + background-color: #dddddd +} + +.w-tab-link.w--current { + background-color: #C8C8C8 +} + +.w-tab-link:focus { + outline: 0 +} + +.w-tab-content { + position: relative; + display: block; + overflow: hidden +} + +.w-tab-pane { + position: relative; + display: none +} + +.w--tab-active { + display: block +} + +@media screen and (max-width:479px) { + .w-tab-link { + display: block + } +} + +.w-ix-emptyfix:after { + content: "" +} + +@keyframes spin { + 0% { + transform: rotate(0deg) + } + + 100% { + transform: rotate(360deg) + } +} + +.w-dyn-empty { + padding: 10px; + background-color: #dddddd +} + +.w-dyn-hide { + display: none !important +} + +.w-dyn-bind-empty { + display: none !important +} + +.w-condition-invisible { + display: none !important +} + +.wf-layout-layout { + display: grid !important +} + +.wf-layout-cell { + display: flex !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; +} + +.w-form-formradioinput--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 50%; + border-bottom-right-radius: 50%; + border-top-left-radius: 50%; + border-top-right-radius: 50%; +} + +.w-form-formradioinput--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +.w-form-formradioinput--inputType-custom.w--redirected-checked { + border-top-width: 4px; + border-bottom-width: 4px; + border-left-width: 4px; + border-right-width: 4px; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; +} + +.w-checkbox { + display: block; + margin-bottom: 5px; + padding-left: 20px; +} + +.w-checkbox::before { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; +} + +.w-checkbox::after { + content: ' '; + display: table; + -ms-grid-column-span: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-row-span: 1; + grid-row-end: 2; + -ms-grid-row: 1; + grid-row-start: 1; + clear: both; +} + +.w-checkbox-input { + float: left; + margin-bottom: 0px; + margin-left: -20px; + margin-right: 0px; + margin-top: 4px; + line-height: normal; +} + +.w-checkbox-input--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.w-checkbox-input--inputType-custom.w--redirected-checked { + background-color: #3898ec; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; + background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.w-checkbox-input--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +.w-users-userformpagewrap { + height: 100vh; + 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: 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; + max-width: 340px; + margin-left: auto; + margin-right: auto; +} + +.w-users-userloginformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-userformheader { + text-align: center; +} + +.w-users-userformbutton { + width: 100%; + text-align: center; +} + +.w-users-userformfooter { + 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; + margin-top: 12px; +} + +.w-users-userformerrorstate { + position: absolute; + top: 100%; + left: 0%; + right: 0%; + margin-left: 20px; + margin-right: 20px; +} + +.w-users-usersignupformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-userformsuccessstate { + display: none; +} + +.w-checkbox-input { + float: left; + margin-bottom: 0px; + margin-left: -20px; + margin-right: 0px; + margin-top: 4px; + line-height: normal; +} + +.w-checkbox-input--inputType-custom { + border-top-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-right-width: 1px; + border-top-color: #ccc; + border-bottom-color: #ccc; + border-left-color: #ccc; + border-right-color: #ccc; + border-top-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-right-style: solid; + width: 12px; + height: 12px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.w-checkbox-input--inputType-custom.w--redirected-checked { + background-color: #3898ec; + border-top-color: #3898ec; + border-bottom-color: #3898ec; + border-left-color: #3898ec; + border-right-color: #3898ec; + background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); + background-position: 50% 50%; + background-size: cover; + background-repeat: no-repeat; +} + +.w-checkbox-input--inputType-custom.w--redirected-focus { + box-shadow: 0px 0px 3px 1px #3898ec; +} + +.w-users-usersignupverificationmessage { + display: none; +} + +.w-users-userresetpasswordformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-userupdatepasswordformwrapper { + position: relative; + margin-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} + +.w-users-useraccountwrapper { + width: 100%; + min-height: 100vh; + padding-top: 20px; + padding-bottom: 20px; + padding-right: 20px; + padding-left: 20px; + background-color: #f5f5f5; +} + +.w-users-blockcontent { + margin-bottom: 20px; + padding-top: 20px; + padding-bottom: 20px; + padding-right: 20px; + padding-left: 20px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #e6e6e6; + border-right-style: solid; + border-right-width: 1px; + border-right-color: #e6e6e6; + border-left-style: solid; + border-left-width: 1px; + border-left-color: #e6e6e6; + background-color: #fff; +} + +.w-users-blockheader { + 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-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 20px; + padding-left: 20px; + border-top-style: solid; + border-top-width: 1px; + border-top-color: #e6e6e6; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #e6e6e6; + border-right-style: solid; + border-right-width: 1px; + border-right-color: #e6e6e6; + border-left-style: solid; + border-left-width: 1px; + border-left-color: #e6e6e6; + background-color: #fff; +} + +.w-users-useraccountformsavebutton { + text-align: center; + margin-right: 8px; +} + +.w-users-useraccountformcancelbutton { + text-align: center; + background-color: #d3d3d3; + color: #333; +} + +body { + background-color: #fff; + font-family: Inter, sans-serif; + color: #1d1d1d; + font-size: 16px; + line-height: 20px; +} + +h1 { + margin-top: 0px; + margin-bottom: 24px; + font-size: 45px; + line-height: 1.25em; + font-weight: 500; +} + +h2 { + margin-top: 0px; + margin-bottom: 16px; + font-size: 34px; + line-height: 1.2em; + font-weight: 500; +} + +h3 { + margin-top: 0px; + margin-bottom: 16px; + font-size: 26px; + line-height: 1.4em; + font-weight: 500; +} + +h4 { + margin-top: 0px; + margin-bottom: 12px; + color: #33383f; + font-size: 22px; + line-height: 1.4em; + font-weight: 600; +} + +h5 { + margin-top: 0px; + margin-bottom: 12px; + font-size: 14px; + line-height: 1.5em; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; +} + +h6 { + margin-top: 0px; + margin-bottom: 5px; + color: #99a4af; + font-size: 13px; + line-height: 1.5em; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; +} + +p { + margin-bottom: 16px; + opacity: 0.9; + font-size: 16px; + line-height: 1.5em; + font-weight: 400; +} + +a { + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + color: #626a72; + text-decoration: none; +} + +ul { + margin-top: 0px; + margin-bottom: 16px; + padding-left: 20px; +} + +li { + margin-bottom: 8px; + opacity: 0.9; + font-size: 18px; + line-height: 1.4em; +} + +img { + display: inline-block; + max-width: 100%; +} + +label { + display: block; + margin-bottom: 6px; + color: #626a72; + font-size: 15px; + font-weight: 400; +} + +em { + font-style: italic; + letter-spacing: -0.5px; +} + +blockquote { + margin-bottom: 16px; + padding: 10px 20px; + border-left: 5px solid rgba(255, 1, 1, 0.15); + color: #33383f; + font-size: 18px; + line-height: 1.4em; +} + +figcaption { + margin-top: 12px; + text-align: center; +} + +.page-wrapper { + position: relative; + width: 100%; + min-height: 90vh; +} + +.page-wrapper.light-grey { + background-color: #f5f6f7; +} + +.section { + position: relative; + padding-top: 80px; + padding-bottom: 80px; +} + +.section.light-grey { + position: relative; + background-color: #f5f6f7; +} + +.section.small { + padding-top: 40px; + padding-bottom: 40px; +} + +.section.light-color-gradient { + position: relative; + background-color: #f5f6f7; + background-image: linear-gradient(54deg, rgba(255, 131, 122, 0.25), rgba(255, 131, 122, 0) 28%), linear-gradient(241deg, rgba(239, 152, 207, 0.25), rgba(239, 152, 207, 0) 36%); +} + +.section.daek-page-header { + padding-top: 96px; + padding-bottom: 32px; + background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(255, 1, 1, 0.15), transparent 47%), radial-gradient(circle farthest-corner at 30% 150%, rgba(122, 167, 255, 0.32), transparent 58%); + color: #fff; +} + +.section.black-gradient { + background: url(backINDIA.jpeg); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + /* background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(255, 1, 1, 0.15), transparent 47%), radial-gradient(circle farthest-corner at 40% 130%, rgba(122, 167, 255, 0.41), transparent 58%); + color: #fff; */ +} + +.section.light-page-header { + padding-top: 96px; + padding-bottom: 32px; + background-color: #f5f6f7; + background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(255, 1, 1, 0.13), transparent 41%), radial-gradient(circle farthest-corner at 30% 150%, rgba(122, 167, 255, 0.24), transparent 54%); +} + +.button { + margin-bottom: 8px; + padding: 8px 28px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 9px; + background-color: #1d1d1d; + box-shadow: 0 2px 0 0 rgba(32, 32, 32, 0.05); + -webkit-transition: box-shadow 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease; + transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease, color 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + color: #fff; + font-size: 18px; + line-height: 1.5; + font-weight: 500; + text-align: center; +} + +.button:hover { + background-color: #33383f; +} + +.button:active { + background-color: #626a72; + box-shadow: 0 0 0 0 rgba(32, 32, 32, 0); + -webkit-transform: translate(0px, 2px); + -ms-transform: translate(0px, 2px); + transform: translate(0px, 2px); +} + +.button.no-margin { + margin-right: 0px; + margin-left: 0px; +} + +.button.outline { + background-color: #fff; + box-shadow: inset 0 0 0 1px #495158; + color: #1d1d1d; +} + +.button.outline:hover { + background-color: #e7ecf0; +} + +.button.outline:active { + background-color: #495158; + color: #fff; +} + +.button.light { + background-color: #f5f6f7; + box-shadow: none; + color: #626a72; +} + +.button.light:hover { + background-color: #e7ecf0; + color: #626a72; +} + +.button.light:active { + background-color: #cbd5df; + color: #33383f; +} + +.button.light.mobile-hidden { + box-shadow: inset 0 0 0 1px #e7ecf0; +} + +.button.disabled { + background-color: #f5f6f7; + box-shadow: none; + opacity: 0.7; + color: #cbd5df; +} + +.button.disabled:active { + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +.button.subscribe { + margin-bottom: 0px; + margin-left: -24px; + padding-right: 22px; + padding-left: 22px; +} + +.button.dark { + background-color: #495158; +} + +.button.dark:hover { + background-color: #33383f; +} + +.button.dark:active { + background-color: #99a4af; +} + +.button.white { + background-color: #fff; + color: #1d1d1d; + font-weight: 500; +} + +.button.white:hover { + background-color: #e7ecf0; +} + +.button.white:active { + background-color: #cbd5df; +} + +.spacer { + height: 48px; + background-color: #e7ecf0; +} + +.spacer._64 { + width: 64px; + height: 64px; + background-color: transparent; +} + +.spacer._32 { + width: 32px; + height: 32px; + border-radius: 6px; + background-color: transparent; +} + +.spacer._24 { + width: 24px; + height: 24px; + background-color: transparent; + text-transform: uppercase; +} + +.spacer._48 { + width: 48px; + border-radius: 6px; + background-color: transparent; +} + +.spacer._128 { + width: 128px; + height: 128px; + background-color: transparent; +} + +.spacer._80 { + width: 80px; + height: 80px; + background-color: transparent; +} + +.spacer._96 { + width: 96px; + height: 96px; + background-color: transparent; +} + +.spacer._96 { + height: 96px; + background-color: rgba(94, 178, 244, 0); +} + +.spacer._32 { + height: 32px; + background-color: transparent; +} + +.spacer._16 { + width: 16px; + height: 16px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + background-color: transparent; +} + +.text-box { + position: relative; + max-width: 650px; +} + +.text-box.center-align { + margin-right: auto; + margin-left: auto; + -webkit-align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + text-align: center; +} + +.text-box._550px { + max-width: 550px; +} +.text-box._1200px { + max-width: 1200px; +} + +.text-box._500px { + max-width: 500px; +} + +.text-box.centered { + margin-right: auto; + margin-left: auto; +} + +._12-columns { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -16px; + margin-left: -16px; + -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-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; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +._12-columns.flex-horizontal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} + +._12-columns.align-top { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +._12-columns.align-left { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.container { + position: relative; + display: block; + width: 100%; + max-width: 1230px; + min-height: 30px; + margin-right: auto; + margin-left: auto; + padding-right: 50px; + padding-left: 50px; + -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; +} + +.color-block { + width: 100%; + height: 60px; + margin-right: 0px; + margin-bottom: 10px; + margin-left: 0px; + border-radius: 5px; + background-color: #1d1d1d; +} + +.color-block.grey { + background-color: #626a72; +} + +.color-block.light-grey { + background-color: #99a4af; +} + +.color-block.dark-grey { + background-color: #33383f; +} + +.color-block.back-grey { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: #f5f6f7; +} + +.color-block.soft-grey { + background-color: #cbd5df; +} + +.color-block.silver { + background-color: #e7ecf0; +} + +.color-block.white { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: #fff; +} + +.color-block.soft-red { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: rgba(255, 1, 1, 0.15); +} + +.color-block.soft-blue { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: rgba(122, 167, 255, 0.32); +} + +.color-block.soft-pink { + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + background-color: rgba(239, 152, 207, 0.25); +} + +.white { + color: #fff; + font-weight: 300; +} + +.column-styleguide { + width: 100%; + height: 40px; + margin-bottom: 20px; + border-radius: 2px; + background-color: #e7ecf0; +} + +.column { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 32px; + padding-right: 16px; + padding-left: 16px; + -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: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.column.desk-10 { + width: 83.33%; +} + +.column.desk-12 { + width: 100%; +} + +.column.desk-11 { + width: 91.66%; +} + +.column.desk-6 { + width: 50%; +} + +.column.desk-5 { + width: 41.66%; +} + +.column.desk-1 { + width: 8.33%; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.column.desk-4 { + width: 33.33%; +} + +.column.desk-9 { + width: 75%; +} + +.column.desk-3 { + width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.column.desk-2 { + width: 16.66%; +} + +.column.desk-7 { + width: 58.333333333333336%; +} + +.column.desk-8 { + width: 66.66666666666667%; +} + +.ds-block { + margin-bottom: 32px; + font-size: 18px; +} + +.horizontal-line { + width: 100%; + height: 1px; + margin-bottom: 36px; + background-color: #e7ecf0; +} + +.horizontal-line.design-system { + position: relative; + bottom: -80px; +} + +.rich-text { + text-align: left; +} + +.rich-text img { + border-radius: 5px; +} + +.rich-text h4 { + margin-top: 24px; +} + +.rich-text h3 { + margin-top: 24px; +} + +.nav-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-left: 24px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.nav-cta-button-container { + 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; +} + +.menu-button.w--open { + background-color: #fff; + color: rgba(9, 106, 208, 0.2); +} + +.nav-bar { + position: -webkit-sticky; + position: sticky; + top: 0px; + z-index: 200; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; + border-bottom: 1px solid #f5f6f7; + background-color: #fff; +} + +.logo-div { + display: block; + -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; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; +} + +.nav-logo { + -webkit-transition: opacity 200ms ease; + transition: opacity 200ms ease; +} + +.logotext { + color: #000; + font-family: Arial, Helvetica, sans-serif; + font-size: 3vh; +} + +.logotext:hover { + opacity: 0.85; +} + +.nav-logo:hover { + opacity: 0.75; +} + +.footer-logo { + margin-bottom: 20px; +} + +.footer-link { + display: block; + margin-bottom: 0px; + padding-top: 5px; + padding-bottom: 5px; + -webkit-transition: color 200ms ease-in-out; + transition: color 200ms ease-in-out; + color: #626a72; + font-size: 15px; + text-decoration: none; + cursor: pointer; +} + +.footer-link:hover { + opacity: 1; + color: #1d1d1d; +} + +.footer-link.w--current { + opacity: 1; +} + +.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; +} + +.footer { + position: relative; + z-index: 0; + padding-top: 24px; + padding-bottom: 24px; + background-color: #f5f6f7; +} + +.icon { + width: 64px; + height: 64px; + margin-bottom: 16px; + color: #fff; + font-size: 24px; +} + +.icon.large { + width: 128px; + height: 128px; +} + +.search-banner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: auto; + padding-right: 4px; + -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; + font-size: 14px; + line-height: 1.4em; + text-align: center; +} + +.nav-dropdown { + position: relative; + margin-right: 2px; + margin-left: 6px; + padding: 5px 22px 5px 8px; + border-radius: 5px; + -webkit-transition: color 200ms ease; + transition: color 200ms ease; + color: #33383f; + line-height: 26px; + font-weight: 500; +} + +.nav-dropdown:hover { + opacity: 1; + color: #1b9cca; +} + +.nav-dropdown.w--current { + -webkit-transition-property: none; + transition-property: none; + color: #096ad0; + font-weight: 700; +} + +.paragraph.small { + margin-bottom: 6px; + opacity: 0.75; + font-size: 14px; + line-height: 1.4em; +} + +.paragraph.large { + font-size: 20px; + line-height: 1.5em; +} + +.paragraph.medium { + font-size: 18px; +} + +.paragraph.small { + opacity: 0.75; + font-size: 14px; + line-height: 1.4em; +} + +.no-margin { + margin-top: 0px; + margin-bottom: 0px; +} + +.nav-menu { + margin-right: 6px; + text-align: right; +} + +.ds-menu-brand { + width: 160px; + margin-bottom: 50px; + margin-left: 30px; +} + +.ds-menu { + width: 100%; +} + +.ds-menu-link { + width: 100%; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 27px; + border-left: 4px solid transparent; + color: #e7ecf0; +} + +.ds-menu-link:hover { + color: #cbd5df; +} + +.ds-menu-link.w--current { + padding-right: 0px; + background-color: #33383f; + color: #fff; + font-weight: 500; +} + +.ds-nav { + position: fixed; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + overflow: auto; + width: 240px; + padding-top: 40px; + background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 0% 100%, rgba(255, 1, 1, 0.15), transparent 43%); +} + +.form-radio-button { + margin-bottom: 16px; + padding-left: 24px; +} + +.radio-button { + width: 20px; + height: 20px; + margin-top: 0px; + margin-right: 10px; + margin-left: -24px; +} + +.radio-button.w--redirected-checked { + border-width: 6px; + border-color: #197dff; +} + +.form-error { + padding: 16px; + border-radius: 6px; + background-color: #e7ecf0; + color: #1d1d1d; + font-size: 14px; + line-height: 18px; +} + +.form { + margin-bottom: 0px; +} + +.checkbox-field { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 16px; + padding-left: 24px; + -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; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.check-box { + width: 14px; + height: 14px; + margin-top: 2px; + margin-right: 10px; + margin-left: -24px; +} + +.check-box.w--redirected-checked { + border-color: #197dff; + background-color: #197dff; + background-position: 50% 50%; + background-size: 16px; +} + +.ds-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 100%; + margin-left: 240px; + -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; +} + +.form-success { + width: 100%; + padding: 16px 32px; + border-radius: 8px; + background-color: #e7ecf0; + color: #33383f; + font-size: 16px; + line-height: 1.4em; +} + +.form-success.dark { + background-color: #495158; + color: #fff; +} + +.ds-section { + position: relative; + z-index: 0; + padding: 60px 80px 48px 60px; + text-align: left; +} + +.ds-section.header { + background-color: #f5f6f7; + color: #1d1d1d; +} + +.ds-title { + margin-bottom: 8px; + color: #33383f; +} + +.ds-section-header { + margin-bottom: 50px; +} + +.text-field { + height: 44px; + min-width: 120px; + margin-bottom: 16px; + padding: 19px 12px; + border-style: solid; + border-width: 1px; + border-color: #744242; + border-radius: 9px; + background-color: #f5f6f7; + -webkit-transition: border-color 200ms ease; + transition: border-color 200ms ease; + font-size: 15px; + line-height: 1.4em; + margin-top: 10px; +} + + +.text-field:focus { + border-color: #33383f; +} + +.text-field::-webkit-input-placeholder { + color: #cbd5df; +} + +.text-field:-ms-input-placeholder { + color: #cbd5df; +} + +.text-field::-ms-input-placeholder { + color: #cbd5df; +} + +.text-field::placeholder { + color: #cbd5df; +} + +.text-field.no-margin { + margin-bottom: 0px; +} + +.ebook-box { + overflow: hidden; + width: 100%; + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 4px; + -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: transform 200ms ease, opacity 200ms ease; + transition: transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease; + color: #1d1d1d; + text-align: left; +} + +.ebook-box:hover { + -webkit-transform: translate(0px, -3px); + -ms-transform: translate(0px, -3px); + transform: translate(0px, -3px); +} + +.ebook-thumbnail { + overflow: hidden; + margin-bottom: 16px; + border-radius: 8px; +} + +.text-area { + min-height: 120px; + margin-bottom: 16px; + padding: 16px; + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + border-radius: 6px; + background-color: #f5f6f7; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.01); + font-size: 15px; +} + +.text-area::-webkit-input-placeholder { + color: #cbd5df; +} + +.text-area:-ms-input-placeholder { + color: #cbd5df; +} + +.text-area::-ms-input-placeholder { + color: #cbd5df; +} + +.text-area::placeholder { + color: #cbd5df; +} + +.tabs-menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 48px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.vertical-tab { + width: 100%; + margin-top: 24px; + margin-bottom: 24px; +} + +.tab-link { + margin-right: 0px; + margin-left: 0px; + padding: 15px 20px; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + border-bottom: 2px solid #e7ecf0; + background-color: transparent; + opacity: 0.5; + color: #626a72; + font-size: 18px; + text-align: center; +} + +.tab-link:hover { + border-bottom-color: #cbd5df; + color: #626a72; +} + +.tab-link.w--current { + border-bottom-color: #197dff; + background-color: transparent; + opacity: 1; + color: #197dff; + font-weight: 600; +} + +.ds-description { + max-width: 400px; + color: #626a72; +} + +.small-button { + margin-bottom: 16px; + padding: 5px 16px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + border-radius: 8px; + background-color: #1d1d1d; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06); + -webkit-transition: border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + transition: transform 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease; + transition: transform 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, background-color 200ms ease, -webkit-transform 200ms ease; + color: #fff; + font-size: 15px; + line-height: 1.5; + font-weight: 500; + text-align: center; +} + +.small-button:hover { + background-color: #33383f; + color: #fff; +} + +.small-button:active { + background-color: #495158; + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.06); + -webkit-transform: translate(0px, 1px); + -ms-transform: translate(0px, 1px); + transform: translate(0px, 1px); +} + +.small-button.light { + margin-right: 0px; + background-color: #f5f6f7; + box-shadow: none; + color: #626a72; +} + +.small-button.light:hover { + background-color: #e7ecf0; +} + +.small-button.light:active { + background-color: #cbd5df; + color: #33383f; +} + +.small-button.dark { + margin-right: 0px; + background-color: #495158; + box-shadow: none; +} + +.small-button.dark:hover { + background-color: #33383f; +} + +.small-button.dark:active { + background-color: #1d1d1d; +} + +.nav-container { + left: 0px; + top: 0px; + right: 0px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 70px; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding: 10px 50px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; +} + +.error-2 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -15px; + margin-left: -15px; + -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; + grid-auto-columns: 1fr; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.nav-link { + margin-right: 4px; + margin-left: 4px; + padding: 6px 8px; + background-color: transparent; + -webkit-transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: background-color 200ms ease, transform 200ms ease, color 200ms ease; + transition: background-color 200ms ease, transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + color: #626a72; + font-size: 15px; + line-height: 24px; + font-weight: 500; + cursor: pointer; +} + +.nav-link:hover { + color: #1d1d1d; +} + +.nav-link:active { + color: #626a72; +} + +.nav-link.w--current { + color: #1d1d1d; +} + +.nav-link.cta-button { + padding-right: 20px; + padding-left: 20px; + border-radius: 8px; + background-color: #1d1d1d; + + box-shadow: 0 2px 0 0 #f5f6f7; + -webkit-transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + color: #fff; +} + +.nav-link.cta-button1 { + padding-right: 20px; + padding-left: 20px; + border-radius: 8px; + background-color: #710101; + border-color: #000; + box-shadow: 0 2px 0 0 #f5f6f7; + -webkit-transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease; + transition: box-shadow 200ms ease, background-color 200ms ease, transform 200ms ease, color 200ms ease, -webkit-transform 200ms ease; + color: #fff; + +} + +.nav-link.cta-button:hover { + background-color: #33383f; +} + +.nav-link.cta-button1:hover { + background-color: #950202; +} + + +.nav-link.cta-button:active { + background-color: #626a72; + box-shadow: 0 0 0 0 #e7ecf0; + -webkit-transform: translate(0px, 1px); + -ms-transform: translate(0px, 1px); + transform: translate(0px, 1px); +} + +.form-dropdown { + position: relative; + width: 100%; + height: 44px; + margin-bottom: 16px; + padding: 8px 12px; + border-style: solid; + border-width: 1px; + border-color: #e7ecf0; + border-radius: 6px; + background-color: #f5f6f7; + color: #99a4af; + font-size: 15px; +} + +.form-dropdown:focus { + color: #37474e; +} + +.form-dropdown::-webkit-input-placeholder { + color: #999; + font-size: 15px; +} + +.form-dropdown:-ms-input-placeholder { + color: #999; + font-size: 15px; +} + +.form-dropdown::-ms-input-placeholder { + color: #999; + font-size: 15px; +} + +.form-dropdown::placeholder { + color: #999; + font-size: 15px; +} + +.field-block { + z-index: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 20px; + min-width: 50px; + margin-bottom: 8px; + -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; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + border: 1px solid transparent; +} + +.error { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-right: -15px; + margin-left: -15px; + -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: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + grid-auto-columns: 1fr; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.footer-header { + color: #99a4af; + font-size: 13px; + font-weight: 600; + letter-spacing: 0.6px; + text-transform: uppercase; +} + +.footer-container { + display: block; + width: 100%; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding: 40px 50px; + -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; +} + +.ds-colour-block { + display: inline-block; + width: 12.5%; + padding-right: 16px; +} + +.ds-colour-grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 24px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.ds-module { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + min-height: 100px; + min-width: 100px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 2px; + background-color: #e7ecf0; +} + +._1-2-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + 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: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 2fr; + grid-template-columns: 1fr 2fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +._2-1-grid { + position: relative; + display: -ms-grid; + display: grid; + width: 100%; + 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: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 2fr 1fr; + grid-template-columns: 2fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.heading { + display: block; + font-weight: 600; +} + +.heading.h1 { + margin-bottom: 18px; + font-size: 46px; + line-height: 1.25em; +} + +.heading.h1.small-margin { + margin-bottom: 6px; +} + +.heading.h2 { + margin-bottom: 16px; + font-size: 36px; + line-height: 1.3em; +} + +.heading.h3 { + margin-bottom: 12px; + font-size: 26px; + line-height: 1.4em; +} + +.heading.h3.no-margin { + margin-bottom: 0px; +} + +.heading.h4 { + margin-bottom: 12px; + font-size: 10px; + line-height: 1.45em; +} + +.heading.h5 { + margin-bottom: 12px; + color: #33383f; + font-size: 16px; + line-height: 1.5em; + font-weight: 500; + letter-spacing: 1px; + text-transform: uppercase; +} + +.heading.h6 { + color: #626a72; + font-size: 13px; + line-height: 1.5em; + font-weight: 500; +} + +.heading.large-h1 { + margin-bottom: 18px; + font-size: 54px; + line-height: 1.2em; +} + +.heading.large-h1 { + margin-bottom: 18px; + font-size: 52px; + line-height: 1.25em; +} + +.heading.large-h1 { + margin-bottom: 18px; + font-size: 64px; + line-height: 1.15em; +} + +.heading.large-h1 { + margin-bottom: 16px; + font-size: 46px; +} + +.heading.large-h1 { + font-size: 64px; +} + +.error-3 { + position: relative; + left: 0px; + top: 0px; + right: 0px; + display: block; + width: 100%; + max-width: 1230px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; + -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; +} + +.licenses-grid { + position: relative; + display: -ms-grid; + display: grid; + margin-right: auto; + margin-bottom: 24px; + 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; + grid-auto-columns: 1fr; + grid-column-gap: 96px; + grid-row-gap: 24px; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.utility-page-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 90vh; + max-height: 100%; + max-width: 100%; + min-height: auto; + padding: 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: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(239, 152, 207, 0.2), transparent 57%), radial-gradient(circle farthest-corner at 0% 20%, rgba(122, 167, 255, 0.25), transparent 42%); + color: #fff; +} + +.utility-page-wrap.center-align { + background-image: radial-gradient(circle farthest-corner at 50% -20%, rgba(239, 152, 207, 0.2), transparent 61%), radial-gradient(circle farthest-corner at 0% 20%, rgba(122, 167, 255, 0.32), transparent 42%); + text-align: center; +} + +.utility-page-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 380px; + -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; +} + +.utility-page-form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + max-width: 400px; + -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; +} + +.visible-spacer { + display: inline-block; + margin-bottom: 24px; + border-radius: 2px; + background-color: #e7ecf0; +} + +.email-form { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 450px; + -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-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; +} + +.email-form.center-align { + 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; + text-align: center; +} + +.section-top { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 24px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +._3-grid { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +._4-grid { + display: -ms-grid; + display: grid; + grid-auto-columns: 1fr; + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.email-subscribe { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + 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; + grid-column-gap: 12px; +} + +.search { + margin-bottom: 0px; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} + +.terms-card { + position: relative; + z-index: 2; + max-width: 800px; + margin-top: -180px; + margin-right: auto; + margin-left: auto; + padding: 80px 64px 48px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.06); +} + +.popular-posts-grid { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 80px; + grid-row-gap: 64px; + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.container-2 { + position: relative; + z-index: 2; + display: block; + width: 100%; + max-width: 1280px; + min-height: 50px; + margin-right: auto; + margin-left: auto; + padding-right: 40px; + padding-left: 40px; + -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; +} + +.hidden { + display: none; +} + +.search-bar { + width: 280px; + height: 36px; + margin-bottom: 0px; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 32px; + border-style: solid; + border-width: 1px; + border-color: #f5f6f7; + border-radius: 6px; + background-color: #f5f6f7; + background-image: url("https://assets.website-files.com/62aee78456e4207786ac4d18/62aee78456e420e21eac4d21_MagnifyingGlass%20Grey.svg"); + background-position: 8px 50%; + background-size: 18px; + background-repeat: no-repeat; + -webkit-transition: border-color 200ms ease; + transition: border-color 200ms ease; + color: #1d1d1d; + font-size: 15px; + font-weight: 400; +} + +.search-bar:hover { + border-color: #cbd5df; +} + +.search-bar:focus { + border-color: #cbd5df; +} + +.search-bar::-webkit-input-placeholder { + color: #99a4af; +} + +.search-bar:-ms-input-placeholder { + color: #99a4af; +} + +.search-bar::-ms-input-placeholder { + color: #99a4af; +} + +.search-bar::placeholder { + color: #99a4af; +} + +.search-section { + 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; +} + +.card-text-link { + overflow: hidden; + width: 100%; + max-width: 450px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-radius: 4px; + -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: opacity 200ms ease, -webkit-transform 200ms ease; + transition: transform 200ms ease, opacity 200ms ease; + transition: transform 200ms ease, opacity 200ms ease, -webkit-transform 200ms ease; + color: #1d1d1d; + text-align: left; +} + +.card-text-link:hover { + color: #33383f; +} + +.image-cover { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.form-card { + padding: 40px; + border-radius: 12px; + background-color: #fff; + color: #1d1d1d; + text-align: left; +} + +.title-tag { + margin-bottom: 12px; + color: #99a4af; + font-weight: 500; +} + +.cta-banner { + position: relative; + display: -ms-grid; + display: grid; + overflow: hidden; + padding-top: 32px; + padding-bottom: 32px; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -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; + grid-auto-columns: 1fr; + grid-column-gap: 16px; + grid-row-gap: 16px; + -ms-grid-columns: 1fr auto; + grid-template-columns: 1fr auto; + -ms-grid-rows: auto; + grid-template-rows: auto; + border-top: 1px solid #e7ecf0; + border-bottom: 1px solid #e7ecf0; + text-align: left; +} + +.error-4 { + position: relative; + display: block; + width: 100%; + max-width: 1230px; + min-height: 50px; + margin-right: auto; + margin-left: auto; + padding-right: 50px; + padding-left: 50px; + -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; +} + +.grey-text-link { + border-bottom: 1px solid #cbd5df; + color: #626a72; +} + +.grey-text-link:hover { + border-bottom-color: #99a4af; + color: #33383f; +} + +.banner-section { + position: relative; + z-index: 200; + padding-right: 50px; + padding-left: 50px; + background-color: #fff; + background-image: radial-gradient(circle farthest-corner at 25% -20%, rgba(122, 167, 255, 0.15), hsla(0, 0%, 100%, 0) 52%), radial-gradient(circle farthest-corner at 100% 0%, rgba(255, 1, 1, 0.08), hsla(0, 0%, 100%, 0) 25%); +} + +.banner-container { + display: block; + max-width: 1080px; + margin-right: auto; + margin-left: auto; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.banner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-right: auto; + margin-left: auto; + padding-top: 12px; + padding-bottom: 12px; + -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; + font-size: 14px; + line-height: 1.4em; + font-weight: 500; + text-align: center; +} + +.banner-link { + display: inline; + margin-right: 0px; + margin-left: 0px; + padding-right: 0px; + padding-left: 0px; + color: #99a4af; + line-height: 1.3em; + text-decoration: none; +} + +.banner-link:hover { + color: #1d1d1d; +} + +.hero-grid { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -ms-grid-columns: 1.4fr 1fr; + grid-template-columns: 1.4fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.hero-illustration { + margin-right: auto; + margin-left: 10px; + mix-blend-mode: multiply; +} + +.large-3-grid { + display: -ms-grid; + display: grid; + width: 100%; + grid-auto-columns: 1fr; + grid-column-gap: 48px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.footer-grid { + -ms-grid-columns: 3fr 1fr 1fr 0.8fr; + grid-template-columns: 3fr 1fr 1fr 0.8fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.footer-logo-block { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + max-width: 650px; + -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; +} + +.ebook-header-block { + position: relative; + height: 50px; + max-width: 650px; +} + +.ebook-page-grid { + grid-column-gap: 32px; + grid-row-gap: 32px; + -ms-grid-columns: 1fr 400px; + grid-template-columns: 1fr 400px; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.ebook-cover { + overflow: hidden; + margin-bottom: 16px; + border-radius: 8px; + box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); +} + +.ebook-mobile-block { + position: relative; + display: none; + height: 50px; + max-width: 650px; +} + +.full-page-wrapper { + width: 100%; + max-width: none; + padding: 24px 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + background-color: #1d1d1d; + background-image: radial-gradient(circle farthest-corner at 100% 100%, rgba(122, 167, 255, 0.32), transparent 44%), radial-gradient(circle farthest-corner at 0% 100%, rgba(255, 1, 1, 0.15), transparent 32%); + color: #fff; +} + +.form-page-logo { + width: 190px; +} + +.form-card-header { + margin-bottom: 32px; + text-align: center; +} + +.admin-form-card { + width: 100%; + max-width: 380px; + padding: 40px; + border-radius: 12px; + background-color: #fff; + color: #1d1d1d; +} + +.admin-form-card.center-align { + text-align: center; +} + +.form-card-footer { + -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; + grid-column-gap: 8px; + font-size: 14px; +} + +.below-card-link { + display: inline-block; + margin-top: 24px; + color: #99a4af; + font-size: 14px; +} + +.below-card-link:hover { + color: #cbd5df; +} + +.checkbox-label { + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; +} + +.white-text-link { + border-bottom: 1px solid #626a72; + -webkit-transition: border-color 200ms ease, color 200ms ease; + transition: border-color 200ms ease, color 200ms ease; + color: #fff; +} + +.white-text-link:hover { + border-bottom-color: #cbd5df; + color: #cbd5df; +} + +.field-label { + margin-bottom: 8px; + color: #202020; + font-size: 16px; + line-height: 1.3em; + font-weight: 500; +} + +.field-label.no-margin { + margin-bottom: 0px; +} + +.account-header { + margin-bottom: 0px; + padding-right: 0px; + padding-left: 0px; + border-style: none none solid; + border-bottom-color: #e7ecf0; +} + +.account-info-wrapper { + margin-top: 24px; +} + +.account-card { + width: 100%; + max-width: 380px; + padding: 24px 32px; + border-radius: 12px; + background-color: #fff; + color: #1d1d1d; +} + +.account-page-wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 90vh; + max-height: 100%; + max-width: 100%; + min-height: 650px; + padding: 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: #e7ecf0; + background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(239, 152, 207, 0.2), transparent 57%), radial-gradient(circle farthest-corner at 0% 20%, rgba(122, 167, 255, 0.25), transparent 42%); + color: #fff; +} + +.form-2-grid { + grid-column-gap: 24px; + grid-row-gap: 0px; + -ms-grid-rows: auto; + grid-template-rows: auto; +} + +.verification-box { + text-align: center; +} + +.form-page-logo-link { + margin-bottom: 32px; + -webkit-transition: opacity 200ms ease, color 200ms ease; + transition: opacity 200ms ease, color 200ms ease; +} + +.form-page-logo-link:hover { + opacity: 0.9; +} + +@media screen and (min-width: 1280px) { + .banner-container { + max-width: 1140px; + } +} + +@media screen and (max-width: 991px) { + .button { + position: relative; + } + + ._12-columns { + -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; + } + + .container { + padding-right: 30px; + padding-left: 30px; + } + + .column { + width: 50%; + } + + .column.desk-3 { + width: 33.33%; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + .ds-block { + margin-bottom: 40px; + } + + .menu-icon { + color: #096ad0; + } + + .nav-content { + margin-left: 16px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + } + + .menu-button.w--open { + background-color: transparent; + color: #096ad0; + } + + .logo-div { + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + + .nav-logo { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + .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; + } + + .search-banner { + display: none; + } + + .nav-dropdown { + display: block; + margin-right: 0px; + margin-left: 0px; + padding-right: 8px; + padding-left: 8px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 15px; + text-align: center; + } + + .ds-menu-brand { + top: 5px; + margin-bottom: 0px; + } + + .ds-menu { + position: absolute; + left: 0%; + top: 80px; + right: auto; + bottom: auto; + z-index: 500; + display: block; + padding-top: 16px; + padding-bottom: 16px; + border-bottom: 1px solid #e7ecf0; + background-color: #197dff; + } + + .ds-nav { + position: -webkit-sticky; + position: sticky; + left: auto; + bottom: auto; + z-index: 10; + overflow: visible; + width: 100%; + padding-top: 20px; + } + + .ds-content { + position: static; + margin-left: 0px; + } + + .ds-section { + padding-right: 30px; + padding-left: 30px; + } + + .small-button { + position: relative; + } + + .nav-container { + padding-right: 30px; + padding-left: 30px; + } + + .nav-link { + margin-right: 0px; + margin-left: 0px; + font-size: 15px; + } + + .nav-link.cta-button { + padding-right: 16px; + padding-left: 16px; + } + + .footer-container { + padding-right: 30px; + padding-left: 30px; + } + + ._1-2-grid { + margin-left: 0px; + } + + ._2-1-grid { + margin-left: 0px; + } + + .heading.h1 { + font-size: 40px; + } + + .error-3 { + padding-right: 30px; + padding-left: 30px; + } + + .licenses-grid { + margin-left: 0px; + grid-column-gap: 40px; + } + + .ds-body { + 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; + } + + .ds-menu-button { + top: -10px; + margin-right: 12px; + color: #fff; + } + + .ds-menu-button.w--open { + border-radius: 40px; + background-color: #197dff; + } + + ._3-grid { + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + } + + ._4-grid { + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + } + + .terms-card { + padding-top: 64px; + } + + .popular-posts-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .container-2 { + padding-right: 30px; + padding-left: 30px; + } + + .search-bar { + width: 220px; + font-size: 14px; + } + + .error-4 { + padding-right: 30px; + padding-left: 30px; + } + + .banner-section { + padding-right: 60px; + padding-left: 60px; + } + + .banner-container { + text-align: center; + } + + .large-3-grid { + -ms-grid-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr; + } + + .footer-grid { + -ms-grid-columns: 2fr 1fr 1fr 0.8fr; + grid-template-columns: 2fr 1fr 1fr 0.8fr; + } +} + +@media screen and (max-width: 767px) { + h1 { + font-size: 36px; + } + + h2 { + font-size: 32px; + } + + h3 { + font-size: 22px; + } + + p { + font-size: 15px; + } + + .section { + padding-top: 60px; + padding-bottom: 60px; + } + + .section.daek-page-header { + padding-top: 80px; + padding-bottom: 16px; + } + + .section.light-page-header { + padding-top: 80px; + padding-bottom: 16px; + } + + .button.light.mobile-hidden { + display: none; + } + + .spacer { + height: 32px; + } + + .spacer._64 { + height: 48px; + } + + .spacer._80 { + width: 64px; + height: 64px; + } + + ._12-columns { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + ._12-columns.flex-horizontal { + margin-bottom: 0px; + -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; + } + + .column.desk-6 { + width: 100%; + } + + .column.desk-5 { + width: 100%; + } + + .column.desk-4 { + width: 100%; + } + + .column.desk-9 { + width: 100%; + } + + .column.desk-7 { + width: 100%; + } + + .column.desk-8 { + width: 100%; + } + + .nav-content { + position: absolute; + overflow: auto; + margin-left: 0px; + padding-top: 20px; + padding-bottom: 40px; + border-top: 1px solid #e7ecf0; + background-color: #fff; + } + + .nav-cta-button-container { + margin-top: 10px; + -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; + } + + .menu-button { + width: 56px; + height: 56px; + margin-right: -12px; + padding: 16px; + -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-bar { + border: 1px none #000; + } + + .logo-div { + margin-right: auto; + } + + .footer-logo { + padding-left: 0px; + } + + .footer-links-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-bottom: 24px; + -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; + } + + .nav-dropdown { + padding-top: 13px; + padding-bottom: 13px; + font-size: 16px; + } + + .nav-dropdown:hover { + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .paragraph { + font-size: 15px; + } + + .nav-menu { + margin-right: 0px; + padding-right: 0px; + text-align: center; + } + + .ds-menu-brand.w--current { + margin-top: 14px; + } + + .ds-content { + margin-left: 0px; + } + + .ds-section { + padding-right: 30px; + padding-left: 30px; + } + + .tabs-menu { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + + .tab-link { + width: auto; + } + + .nav-container { + padding-top: 8px; + padding-bottom: 8px; + } + + .nav-link { + margin-right: 25px; + margin-left: 25px; + padding-top: 12px; + padding-bottom: 12px; + font-size: 16px; + text-align: center; + } + + .nav-link:hover { + -webkit-transform: none; + -ms-transform: none; + transform: none; + } + + .field-block { + min-height: auto; + } + + .footer-container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .ds-colour-block { + width: 25%; + } + + ._1-2-grid { + margin-left: 0px; + -ms-grid-columns: 2fr; + grid-template-columns: 2fr; + } + + ._2-1-grid { + margin-left: 0px; + -ms-grid-columns: 2fr; + grid-template-columns: 2fr; + } + + .heading.h1 { + font-size: 35px; + } + + .heading.h2 { + margin-bottom: 16px; + font-size: 28px; + } + + .heading.h4 { + font-size: 10px; + } + + .heading.large-h1 { + font-size: 35px; + } + + .heading.large-h1 { + font-size: 35px; + } + + .heading.large-h1 { + font-size: 35px; + } + + .heading.large-h1 { + font-size: 48px; + } + + .licenses-grid { + margin-left: 0px; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .section-top { + text-align: center; + } + + ._3-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .terms-card { + padding-top: 48px; + padding-right: 48px; + padding-left: 48px; + } + + .popular-posts-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .container-2 { + padding-right: 20px; + padding-left: 20px; + } + + .search-bar { + width: 100%; + } + + .cta-banner { + padding: 40px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -ms-grid-columns: auto; + grid-template-columns: auto; + text-align: center; + } + + .banner-section { + padding-right: 30px; + padding-left: 30px; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: left; + } + + .banner-container { + text-align: left; + } + + .banner { + -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; + text-align: left; + } + + .hero-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .hero-illustration { + width: 120px; + margin-left: 0px; + } + + .large-3-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .footer-grid { + -ms-grid-columns: 1fr 0.8fr; + grid-template-columns: 1fr 0.8fr; + } + + .footer-logo-block { + margin-bottom: 40px; + } + + .ebook-header-block { + display: none; + height: auto; + } + + .ebook-page-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .ebook-mobile-block { + display: block; + height: auto; + } +} + +@media screen and (max-width: 479px) { + body { + font-size: 14px; + } + + h1 { + font-size: 32px; + } + + h2 { + font-size: 28px; + } + + .button { + width: 100%; + font-size: 16px; + line-height: 1.8em; + } + + .button.subscribe { + margin-left: 0px; + } + + ._12-columns.flex-horizontal { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + + .container { + padding-right: 20px; + padding-left: 20px; + } + + .color-block { + margin-bottom: 20px; + } + + .column { + margin-bottom: 0px; + } + + .column.desk-6 { + width: 100%; + } + + .column.desk-5 { + width: 100%; + } + + .column.desk-3 { + width: 100%; + } + + .menu-button { + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + + .search-banner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } + + .paragraph.medium { + font-size: 16px; + } + + .ds-menu-brand { + margin-left: 16px; + } + + .ds-section { + padding-right: 16px; + padding-left: 16px; + } + + .text-field { + width: 100%; + } + + .text-area { + width: 100%; + } + + .nav-container { + height: 64px; + padding: 2px 20px; + } + + .footer-container { + padding-right: 20px; + padding-left: 20px; + } + + .heading.large-h1 { + font-size: 42px; + } + + .error-3 { + padding-right: 20px; + padding-left: 20px; + } + + .ds-menu-button { + margin-right: 6px; + } + + .email-form { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + ._4-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .email-subscribe { + width: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + grid-row-gap: 12px; + } + + .search { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .terms-card { + padding-top: 24px; + padding-right: 24px; + padding-left: 24px; + } + + .container-2 { + padding-right: 20px; + padding-left: 20px; + } + + .search-bar { + width: 100%; + } + + .form-card { + padding: 24px; + } + + .title-tag { + margin-bottom: 6px; + } + + .cta-banner { + padding: 32px; + } + + .error-4 { + padding-right: 20px; + padding-left: 20px; + } + + .banner-section { + margin-right: 0px; + margin-left: 0px; + padding-right: 20px; + padding-left: 20px; + } + + .banner { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + text-align: left; + } + + .banner-link { + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 auto; + -ms-flex: 0 auto; + flex: 0 auto; + } + + .form-page-logo { + width: 160px; + } + + .admin-form-card { + padding: 28px; + } + + .account-card { + padding: 28px; + } + + .form-2-grid { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + + .form-page-logo-link { + margin-bottom: 24px; + } +} + +#w-node-_2c511369-eabb-a0ff-6024-6e8ecffbdf82-40ac4d19 { + -ms-grid-column: span 1; + grid-column-start: span 1; + -ms-grid-column-span: 1; + grid-column-end: span 1; + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; +} + +#w-node-b49c48ad-b3b4-f319-67e3-9d04be5835dc-78ac4d50 { + -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-_0a57f092-020e-a403-18f2-e840acc27a6b-baac4d5d { + -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-_0a57f092-020e-a403-18f2-e840acc27a6d-baac4d5d { + -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-_62b23e3845c1a6d0f6be4e4900000000001b-5bbe4e48 { + margin-top: 20px; + margin-bottom: 20px; +} + +#w-node-_62b23e3845c1a6d0f6be4e49000000000020-5bbe4e48 { + border-right-style: solid; + border-top-style: solid; + border-bottom-color: #e6e6e6; + border-bottom-width: 1px; + border-left-color: #e6e6e6; + border-left-width: 1px; + border-right-color: #e6e6e6; + border-right-width: 1px; + border-bottom-style: solid; + border-top-color: #e6e6e6; + border-top-width: 1px; + border-left-style: solid; +} + +#w-node-_62b23e3845c1a6d0f6be4e49000000000021-5bbe4e48 { + margin-top: 10px; +} + +#w-node-_62b23e3845c1a6d0f6be4e49000000000024-5bbe4e48 { + position: initial; + margin-left: 0px; + margin-right: 0px; +} + +@media screen and (max-width: 767px) { + #w-node-_2c511369-eabb-a0ff-6024-6e8ecffbdf82-40ac4d19 { + -webkit-box-ordinal-group: -9998; + -webkit-order: -9999; + -ms-flex-order: -9999; + order: -9999; + } + + #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 { + -ms-grid-row: span 1; + grid-row-start: span 1; + -ms-grid-row-span: 1; + grid-row-end: span 1; + -ms-grid-column: span 2; + grid-column-start: span 2; + -ms-grid-column-span: 2; + grid-column-end: span 2; + } +} + +.account-label { + color: #000; + font-weight: 520; + font-size: large; + font-family: Arial, Helvetica, sans-serif; +} + +.form-label { + color: #000; + font-weight: 520; + font-size: large; + font-family: Arial, Helvetica, sans-serif; +} + +.card { + background-color: white; + width: fit-content; + border: #000; + border-radius: 5px; + padding: 20px; + box-shadow: #000; + +} + +.grid { + display: grid; + grid-template-columns: auto auto; + columns: 2; + padding: 0; + margin: 0; +} + + +.styled-table { + /* border-collapse: collapse; */ + margin: 50px 0; + margin-bottom: 12px; + font-size: 0.9em; + font-family: sans-serif; + min-width: 100%; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); + /* border-radius: 15px; */ +} + +.styled-table thead tr { + background-color: #710101; + color: #ffffff; + text-align: center; + +} + +.styled-table th, +.styled-table td { + padding: 12px 15px; +} + +.styled-table tbody tr { + border-bottom: 1px solid #dddddd; +} + +.styled-table tbody tr:nth-of-type(even) { + background-color: #dabcbc; +} + +.styled-table tbody tr:last-of-type { + border-bottom: 2px solid #710101; +} + +.t-name{ + font-weight: bold; + color: #710101; +} + +.table-view-btn{ + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; + background-color: #990000; + color: white; + border-radius: 3px; +} + +.table-view-btn:hover{ + background-color: #c30000; +} + +.table-accept-btn{ + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; + background-color: green; + color: white; + border-radius: 3px; +} + +.table-accept-btn:hover{ + background-color: rgb(0, 169, 0); +} + +.table-reject-btn{ + padding-left: 25px; + padding-right: 25px; + padding-top: 5px; + padding-bottom: 5px; + background-color: black; + color: white; + border-radius: 3px; +} + +.table-reject-btn:hover{ + background-color: rgb(72, 72, 72); +} + +/* The Modal (background) */ +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + } + + /* Modal Content/Box */ + .modal-content { + background-color: #fefefe; + margin: 15% auto; /* 15% from the top and centered */ + padding: 20px; + border: 1px solid #888; + border-radius: 10px; + width: 50%; /* Could be more or less, depending on screen size */ + } + + /* The Close Button */ + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } + +.verifyVoters{ +background: url(backVerifyWOr1.png); +background-repeat: no-repeat; +background-size: cover; +background-position: center; +/* position: relative; */ +} + +.page-wrapper{ + position: absolute; +} + + + \ No newline at end of file diff --git a/Vote_Bharat_Website_Admin/verifyVoter.html b/Vote_Bharat_Website_Admin/verifyVoter.html new file mode 100644 index 0000000..c4f579b --- /dev/null +++ b/Vote_Bharat_Website_Admin/verifyVoter.html @@ -0,0 +1,163 @@ + + + + + + + + Home - Admin + + + + + + + + + + + +
+ + + + + +
+
+
+
+

Pending Voters Nomination

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Voter NameEmailMobile NumberPhotoAddress ProofAge ProofIdentity ProofAction
Dom Daviddom@gmail.com+91 7558612763 + + +
Raju Sharmadom@gmail.com+91 7558612763 + + +
Dom Daviddom@gmail.com+91 7558612763 + + +
Dom Daviddom@gmail.com+91 7558612763 + + +
+
+
+
+ + +
+
+ + + + + \ No newline at end of file