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; }