html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary, button, input, textarea, keygen, select { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, nav, section, details, summary { display: block; } html { box-sizing: border-box; font-size: 62.5%; } *, *:before, *:after { box-sizing: inherit; } img { display: block; max-width: 100%; } img, object, embed { max-width: 100%; } html { overflow-y: scroll; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: separate; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { word-wrap: break-word; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre, code, kbd, samp { font-family: monospace, sans-serif; } label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; } button, input, select, textarea { margin: 0; } button, input[type=button] { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .clearfix:after { content: " "; display: block; clear: both; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1.6rem; } .is-margin-one { margin: 1rem; } .is-margin-top-one { margin-top: 1rem; } .is-margin-right-one { margin-right: 1rem; } .is-margin-bottom-one { margin-bottom: 1rem; } .is-margin-left-one { margin-left: 1rem; } .is-margin-two { margin: 2rem; } .is-margin-top-two { margin-top: 2rem; } .is-margin-right-two { margin-right: 2rem; } .is-margin-bottom-two { margin-bottom: 2rem; } .is-margin-left-two { margin-left: 2rem; } .is-margin-three { margin: 3rem; } .is-margin-top-three { margin-top: 3rem; } .is-margin-right-three { margin-right: 3rem; } .is-margin-bottom-three { margin-bottom: 3rem; } .is-margin-left-three { margin-left: 3rem; } .is-padding-one { padding: 1rem; } .is-padding-top-one { padding-top: 1rem; } .is-padding-right-one { padding-right: 1rem; } .is-padding-bottom-one { padding-bottom: 1rem; } .is-padding-left-one { padding-left: 1rem; } .is-padding-two { padding: 2rem; } .is-padding-top-two { padding-top: 2rem; } .is-padding-right-two { padding-right: 2rem; } .is-padding-bottom-two { padding-bottom: 2rem; } .is-padding-left-two { padding-left: 2rem; } .is-padding-three { padding: 3rem; } .is-padding-top-three { padding-top: 3rem; } .is-padding-right-three { padding-right: 3rem; } .is-padding-bottom-three { padding-bottom: 3rem; } .is-padding-left-three { padding-left: 3rem; } .container { margin: 0 auto; width: 100%; max-width: 118rem; } .columns { display: flex; flex-grow: 1; flex-wrap: nowrap; padding-left: 1rem; padding-right: 1rem; } @media only screen and (max-width: 767px) { .columns { flex-wrap: wrap; } } .columns.are-gapped { margin-left: -1rem; margin-right: -1rem; } .columns.are-gapped .columns { margin-left: 0; margin-right: 0; } .columns.are-gridded { flex-wrap: wrap; } .columns.are-gridded.are-gapped { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .columns.are-gridded.are-gapped .column, .columns.are-gridded.are-gapped .column:first-child, .columns.are-gridded.are-gapped .column:last-child { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { .columns.are-gridded.are-gapped .column, .columns.are-gridded.are-gapped .column:first-child, .columns.are-gridded.are-gapped .column:last-child { padding-left: 0; padding-right: 0; } } .columns .columns { padding-left: 0; padding-right: 0; } .columns.are-bottom { align-items: flex-end; } .columns.are-gapped .column { box-sizing: content-box; padding-left: 1rem; padding-right: 1rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column { padding-left: 0; padding-right: 0; } } .columns.are-centered { justify-content: center; } .columns.are-end { justify-content: flex-end; } .columns.are-start { justify-content: flex-start; } .column { flex: auto; } @media only screen and (max-width: 767px) { .column { width: 100%; } } .column.is-fixed { flex: none; } .column.is-one, .column.is-two, .column.is-three, .column.is-four, .column.is-five, .column.is-six, .column.is-seven, .column.is-eight, .column.is-nine, .column.is-ten, .column.is-eleven, .column.is-twelve { flex-grow: 0; } .column.is-one { width: 8.33333%; } @media only screen and (max-width: 767px) { .column.is-one { width: 100%; } } .column.is-two { width: 16.66667%; } @media only screen and (max-width: 767px) { .column.is-two { width: 100%; } } .column.is-three { width: 25%; } @media only screen and (max-width: 767px) { .column.is-three { width: 100%; } } .column.is-four { width: 33.33333%; } @media only screen and (max-width: 767px) { .column.is-four { width: 100%; } } .column.is-five { width: 41.66667%; } @media only screen and (max-width: 767px) { .column.is-five { width: 100%; } } .column.is-six { width: 50%; } @media only screen and (max-width: 767px) { .column.is-six { width: 100%; } } .column.is-seven { width: 58.33333%; } @media only screen and (max-width: 767px) { .column.is-seven { width: 100%; } } .column.is-eight { width: 66.66667%; } @media only screen and (max-width: 767px) { .column.is-eight { width: 100%; } } .column.is-nine { width: 75%; } @media only screen and (max-width: 767px) { .column.is-nine { width: 100%; } } .column.is-ten { width: 83.33333%; } @media only screen and (max-width: 767px) { .column.is-ten { width: 100%; } } .column.is-eleven { width: 91.66667%; } @media only screen and (max-width: 767px) { .column.is-eleven { width: 100%; } } .column.is-twelve { width: 100%; } @media only screen and (max-width: 767px) { .column.is-twelve { width: 100%; } } .column.is-fixed.is-one { width: 10rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-one { width: 100%; } } .column.is-fixed.is-two { width: 20rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-two { width: 100%; } } .column.is-fixed.is-three { width: 30rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-three { width: 100%; } } .column.is-fixed.is-four { width: 40rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-four { width: 100%; } } .column.is-fixed.is-five { width: 50rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-five { width: 100%; } } .column.is-fixed.is-six { width: 60rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-six { width: 100%; } } .column.is-fixed.is-seven { width: 70rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-seven { width: 100%; } } .column.is-fixed.is-eight { width: 80rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-eight { width: 100%; } } .column.is-fixed.is-nine { width: 90rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-nine { width: 100%; } } .column.is-fixed.is-ten { width: 100rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-ten { width: 100%; } } .column.is-fixed.is-eleven { width: 110rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-eleven { width: 100%; } } .column.is-fixed.is-twelve { width: 120rem; } @media only screen and (max-width: 767px) { .column.is-fixed.is-twelve { width: 100%; } } .columns.are-gapped .column.is-fixed.is-one { width: 10rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-one { width: 100%; } } .columns.are-gapped .column.is-fixed.is-two { width: 20rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-two { width: 100%; } } .columns.are-gapped .column.is-fixed.is-three { width: 30rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-three { width: 100%; } } .columns.are-gapped .column.is-fixed.is-four { width: 40rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-four { width: 100%; } } .columns.are-gapped .column.is-fixed.is-five { width: 50rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-five { width: 100%; } } .columns.are-gapped .column.is-fixed.is-six { width: 60rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-six { width: 100%; } } .columns.are-gapped .column.is-fixed.is-seven { width: 70rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-seven { width: 100%; } } .columns.are-gapped .column.is-fixed.is-eight { width: 80rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-eight { width: 100%; } } .columns.are-gapped .column.is-fixed.is-nine { width: 90rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-nine { width: 100%; } } .columns.are-gapped .column.is-fixed.is-ten { width: 100rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-ten { width: 100%; } } .columns.are-gapped .column.is-fixed.is-eleven { width: 110rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-eleven { width: 100%; } } .columns.are-gapped .column.is-fixed.is-twelve { width: 120rem; } @media only screen and (max-width: 767px) { .columns.are-gapped .column.is-fixed.is-twelve { width: 100%; } } input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='file'], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Yantramanav', sans-serif; } input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, input[type='file']:focus, textarea:focus, select:focus { box-shadow: none; outline: none; } .fields { margin-bottom: 2rem; } .fields.are-inline { display: flex; align-items: flex-end; margin-bottom: 0; } .fields.are-inline .field { float: none; } .fields.are-inline .field__input, .fields.are-inline .field__select, .fields.are-inline .field__multi, .fields.are-inline .field__file, .fields.are-inline .field__textarea { margin-bottom: 0; } @media only screen and (max-width: 991px) { .fields.are-inline { flex-wrap: wrap; } } .fields.are-gapped { margin-left: -1rem; margin-right: -1rem; } .fields.are-gapped .field { padding: 0 1rem; } .fields.are-gridded .field__label { float: none; } .fields.are-gridded .field__input, .fields.are-gridded .field__select, .fields.are-gridded .field__multi, .fields.are-gridded .field__file, .fields.are-gridded .field__textarea { margin-top: 0; margin-bottom: 2rem; } .fields.are-gridded .field__help { float: none; } .field { margin-bottom: 1rem; float: left; width: 100%; position: relative; } .field:before, .field:after { content: ''; display: table; } .field:after { clear: both; } .field__label { font-weight: 600; } .field__input, .field__select, .field__multi, .field__file, .field__textarea { border: 0.1rem solid rgba(0, 0, 0, 0.125); height: 4rem; width: 100%; padding: 0 1rem; margin: 0.5rem 0; clear: both; } .field__select { padding: 0; position: relative; } .field__select:after { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } .field__select select { padding: 0 1rem; width: 100%; height: 100%; } .field__multi { height: 10rem; padding: 0; } .field__multi select { width: 100%; height: 100%; } .field__multi option { padding: 0.5rem 1rem; } .field__multi option ::selection { background: red !important; } .field__file { border: 0; padding: 0; height: auto; } .field__textarea { padding: 1rem; height: 10rem; resize: vertical; } .field__radio, .field__checkbox { position: relative; display: block; margin-bottom: 0.5rem; float: left; padding-left: 3rem; } .field__radio input, .field__checkbox input { display: block; position: absolute; left: 0; top: 12.5%; vertical-align: bottom; width: 2rem; height: 2rem; margin-right: 1rem; } .field__radio.is-custom input, .field__checkbox.is-custom input { -webkit-appearance: none; position: absolute; top: 0; left: 0; outline: 0; } .field__radio.is-custom input:hover, .field__checkbox.is-custom input:hover { cursor: pointer; } .field__radio.is-custom input:focus, .field__checkbox.is-custom input:focus { color: #0000ff; } .field__radio.is-custom input:after, .field__checkbox.is-custom input:after { display: block; font-size: 2rem; padding-left: 1px; } .field__checkbox.is-custom input { text-align: left; } .field__help { float: right; clear: right; } .field__alert { position: absolute; color: #ED6C63; font-weight: bold; right: 0; } .field__alert.is-animated { animation: appear .25s ease-in-out; } @keyframes appear { 0% { transform: translateX(-12.5%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .field.is-disabled, .field__radio.is-disabled { opacity: .5; } .field__input.is-error, .is-error.field__select, .is-error.field__multi, .is-error.field__file, .is-error.field__textarea, .field__textarea.is-error { border-color: #ED6C63; } .field__input.is-success, .is-success.field__select, .is-success.field__multi, .is-success.field__file, .is-success.field__textarea, .field__textarea.is-success { border-color: #A1CF6F; } .text { display: block; } .text.is-centered { text-align: center; } .text.is-preamble { font-size: 1.8rem; } .text.is-huge { font-size: 5.0rem; } .text.is-large { font-size: 3.2rem; } .text.is-small { font-size: 1.4rem; } .text.is-tiny, .field__help, .field__alert { font-size: 1.2rem; } .text.is-shy, .field__help { opacity: .5; } .text.is-bold { font-weight: bold; } .text.is-gapped { margin-top: 2rem; } p { margin-top: 0; line-height: 1.5; } h1, h2, h3, h4, h5, h6, p { font-weight: 300; margin-bottom: 1rem; margin-top: 0; letter-spacing: .01em; } h1 { font-size: 4.0rem; line-height: 1.2; } h2 { font-size: 3.2rem; line-height: 1.25; } h3 { font-size: 2.4rem; line-height: 1.3; } h4 { font-size: 2.0rem; line-height: 1.35; } h5 { font-size: 1.8rem; line-height: 1.5; } h6 { font-size: 1.6rem; line-height: 1.4; } a { color: #EE5063; transition: .15s ease-in-out; display: inline-block; outline: none; } span { font-weight: 300; } hr { border-top: .1rem solid; } pre { display: block; background: #f6f6f6; padding: 2rem; font-family: 'Monaco', 'Source Code Pro', 'consolas', monospace; line-height: 1.6; white-space: pre-wrap; border-left: 0.25rem solid #EE5063; } code { display: inline-block; background: #f6f6f6; border-radius: 0.25rem; padding: 0.25rem 0.5rem; } pre, code { font-size: 1.4rem; } blockquote { border-left: 0.4rem solid #f6f6f6; margin-left: 0; margin-right: 0; padding: 1rem 2rem; } blockquote *:last-child { margin: 0; } ul, ol, dl { margin-top: 1rem; margin-bottom: 1rem; list-style-position: inside; } ul ul, ol ul, dl ul, ul ol, ol ol, dl ol, ul dl, ol dl, dl dl { margin-left: 1rem; margin-top: 0; } ol ol { list-style-type: lower-alpha; } .button { border: 0; color: #ffffff; background: #EE5063; height: 4rem; line-height: 4rem; padding: 0 2rem; transition: background .25s, transform .25s; vertical-align: middle; border-radius: 0.25rem; outline: none; text-transform: uppercase; letter-spacing: .1em; font-size: 1.2rem; font-weight: bold; text-decoration: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .button.is-huge { padding: 0 3rem; height: 6rem; line-height: 6rem; font-size: 2.0rem; } .button.is-large { padding: 0 2rem; height: 5rem; line-height: 5rem; } .button.is-small { padding: 0 1rem; height: 3rem; line-height: 3rem; font-size: 1rem; } .button.is-tiny { padding: 0 0.5rem; height: 2rem; line-height: 2rem; font-size: 1.2rem; } .button.is-shy { background: rgba(238, 80, 99, 0.75); } .button.is-outlined { border: 0.1rem solid #EE5063; color: #EE5063; background: transparent; } .button.is-loading { position: relative; color: transparent; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .button.is-loading:before { content: ''; border: 0.2rem solid #ffffff; border-left-color: transparent; border-radius: 100%; width: 1.5rem; height: 1.5rem; display: inline-block; left: calc(50% - .75rem); top: calc(50% - .75rem); vertical-align: middle; position: absolute; animation: spin .5s infinite linear; } .button.is-transparent { background: transparent; border: none; color: #EE5063; } .button.is-disabled { opacity: .5; } .button.is-disabled:hover { cursor: default; } .button.is-disabled:active { transform: none; } .button:active { transform: scale(0.95); } .box.is-bordered { border: 0.1rem solid rgba(0, 0, 0, 0.125); } .box.is-transparent { background-color: transparent; } .box.is-gridded { background-color: transparent; border: 0.1rem solid rgba(0, 0, 0, 0.125); border-left: none; } .box.is-gapped { margin-top: 3rem; margin-bottom: 3rem; } .box.is-padded { padding: 3rem; } .column:last-child .box.is-gridded { border-right: none; } .table { width: 100%; border-collapse: collapse; overflow-x: scroll; } .table th, .table td { padding: 1rem; } .table td { border-top: 0.1rem solid #eeeeee; border-bottom: 0.1rem solid #eeeeee; } .table tbody tr:hover { background: #f6f6f6; } .table.is-transparent { border: none; } .table.is-transparent td { border: none; } .table.is-transparent thead { border: none; } .table.is-small { font-size: 1.4rem; } .table.is-small th, .table.is-small td { padding: 0.25rem 0.5rem; } .navigation { height: 6rem; display: flex; overflow: visible; align-items: center; justify-content: inherit; } .navigation.is-shy { height: 4.5rem; } .navigation.is-left { justify-content: flex-start; } .navigation.is-right { justify-content: flex-end; } .navigation.is-centered { justify-content: space-around; } .navigation__item { display: flex; height: 100%; align-items: center; } .navigation__link { display: flex; height: 100%; align-items: center; justify-content: center; text-align: center; font-weight: bold; text-decoration: none; border: 0; padding-left: 1rem; padding-right: 1rem; color: #000000; } .navigation__link.is-active, .navigation__link:hover { color: #ffffff; background: #EE5063; }