@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333333;
    background-color: white
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #4abfe6;
    text-decoration: none
}

a:hover, a:focus {
    text-decoration: none
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px
}

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 600px) {
    .container {
        width: 94%
    }
}

@media (min-width: 992px) {
    .container {
        width: 904px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1110px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -12px;
    margin-right: -12px
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 600px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@at-root {
    @-ms-viewport {
        width: device-width
    }
} .visible-xs {
      display: none !important
  }

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 599px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 599px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 599px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 599px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 599px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px
}

.col-xs-1-5 {
    width: 20%;
    float: left
}

.col-xs-1-5 {
    width: 40%;
    float: left
}

.col-xs-3-5 {
    width: 60%;
    float: left
}

.col-xs-4-5 {
    width: 80%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left
    }

    col-sm-1-5 {
        width: 40%;
        float: left
    }

    col-sm-3-5 {
        width: 60%;
        float: left
    }

    col-sm-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left
    }

    .col-md-1-5 {
        width: 40%;
        float: left
    }

    .col-md-3-5 {
        width: 60%;
        float: left
    }

    .col-md-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left
    }

    .col-lg-1-5 {
        width: 40%;
        float: left
    }

    .col-lg-3-5 {
        width: 60%;
        float: left
    }

    .col-lg-4-5 {
        width: 80%;
        float: left
    }
}

html {
    color: rgba(0, 0, 0, 0.87)
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {
    *, *:before, *:after, *:first-letter {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0
}

main {
    display: block
}

*[hidden] {
    display: none !important
}

html, body {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

h1, h2, h3, h4, h5, h6, p {
    padding: 0
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em
}

h1 {
    font-size: 56px;
    line-height: 1.35;
    letter-spacing: -.02em;
    margin: 24px 0
}

h1, h2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

h2 {
    font-size: 45px;
    line-height: 48px
}

h2, h3 {
    margin: 24px 0
}

h3 {
    font-size: 34px;
    line-height: 40px
}

h3, h4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin: 24px 0 16px
}

h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

h5, h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    margin: 24px 0 16px
}

h6 {
    font-size: 16px;
    letter-spacing: .04em
}

h6, p {
    font-weight: 400;
    line-height: 24px
}

p {
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 16px
}

a {
    color: #ff4081;
    font-weight: 500
}

blockquote {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: .08em
}

blockquote:before {
    position: absolute;
    left: -.5em;
    content: '“'
}

blockquote:after {
    content: '”';
    margin-left: -.05em
}

mark {
    background-color: #f4ff81
}

dt {
    font-weight: 700
}

address {
    font-size: 12px;
    line-height: 1;
    font-style: normal
}

address, ul, ol {
    font-weight: 400;
    letter-spacing: 0
}

ul, ol {
    font-size: 14px;
    line-height: 24px
}

.mdl-typography--display-4, .mdl-typography--display-4-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.04em
}

.mdl-typography--display-4-color-contrast {
    opacity: .54
}

.mdl-typography--display-3, .mdl-typography--display-3-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em
}

.mdl-typography--display-3-color-contrast {
    opacity: .54
}

.mdl-typography--display-2, .mdl-typography--display-2-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}

.mdl-typography--display-2-color-contrast {
    opacity: .54
}

.mdl-typography--display-1, .mdl-typography--display-1-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}

.mdl-typography--display-1-color-contrast {
    opacity: .54
}

.mdl-typography--headline, .mdl-typography--headline-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}

.mdl-typography--headline-color-contrast {
    opacity: .87
}

.mdl-typography--title, .mdl-typography--title-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

.mdl-typography--title-color-contrast {
    opacity: .87
}

.mdl-typography--subhead, .mdl-typography--subhead-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em
}

.mdl-typography--subhead-color-contrast {
    opacity: .87
}

.mdl-typography--body-2, .mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-2-color-contrast {
    opacity: .87
}

.mdl-typography--body-1, .mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-1-color-contrast {
    opacity: .87
}

.mdl-typography--body-2-force-preferred-font, .mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    opacity: .87
}

.mdl-typography--body-1-force-preferred-font, .mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    opacity: .87
}

.mdl-typography--caption, .mdl-typography--caption-force-preferred-font {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif
}

.mdl-typography--caption-color-contrast, .mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: .54
}

.mdl-typography--caption-force-preferred-font-color-contrast, .mdl-typography--menu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif
}

.mdl-typography--menu {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--menu-color-contrast {
    opacity: .87
}

.mdl-typography--menu-color-contrast, .mdl-typography--button, .mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--button, .mdl-typography--button-color-contrast {
    text-transform: uppercase
}

.mdl-typography--button-color-contrast {
    opacity: .87
}

.mdl-typography--text-left {
    text-align: left
}

.mdl-typography--text-right {
    text-align: right
}

.mdl-typography--text-center {
    text-align: center
}

.mdl-typography--text-justify {
    text-align: justify
}

.mdl-typography--text-nowrap {
    white-space: nowrap
}

.mdl-typography--text-lowercase {
    text-transform: lowercase
}

.mdl-typography--text-uppercase {
    text-transform: uppercase
}

.mdl-typography--text-capitalize {
    text-transform: capitalize
}

.mdl-typography--font-thin {
    font-weight: 200 !important
}

.mdl-typography--font-light {
    font-weight: 300 !important
}

.mdl-typography--font-regular {
    font-weight: 400 !important
}

.mdl-typography--font-medium {
    font-weight: 500 !important
}

.mdl-typography--font-bold {
    font-weight: 700 !important
}

.mdl-typography--font-black {
    font-weight: 900 !important
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mdl-color-text--red {
    color: #f44336 !important
}

.mdl-color--red {
    background-color: #f44336 !important
}

.mdl-color-text--red-50 {
    color: #ffebee !important
}

.mdl-color--red-50 {
    background-color: #ffebee !important
}

.mdl-color-text--red-100 {
    color: #ffcdd2 !important
}

.mdl-color--red-100 {
    background-color: #ffcdd2 !important
}

.mdl-color-text--red-200 {
    color: #ef9a9a !important
}

.mdl-color--red-200 {
    background-color: #ef9a9a !important
}

.mdl-color-text--red-300 {
    color: #e57373 !important
}

.mdl-color--red-300 {
    background-color: #e57373 !important
}

.mdl-color-text--red-400 {
    color: #ef5350 !important
}

.mdl-color--red-400 {
    background-color: #ef5350 !important
}

.mdl-color-text--red-500 {
    color: #f44336 !important
}

.mdl-color--red-500 {
    background-color: #f44336 !important
}

.mdl-color-text--red-600 {
    color: #e53935 !important
}

.mdl-color--red-600 {
    background-color: #e53935 !important
}

.mdl-color-text--red-700 {
    color: #d32f2f !important
}

.mdl-color--red-700 {
    background-color: #d32f2f !important
}

.mdl-color-text--red-800 {
    color: #c62828 !important
}

.mdl-color--red-800 {
    background-color: #c62828 !important
}

.mdl-color-text--red-900 {
    color: #b71c1c !important
}

.mdl-color--red-900 {
    background-color: #b71c1c !important
}

.mdl-color-text--red-A100 {
    color: #ff8a80 !important
}

.mdl-color--red-A100 {
    background-color: #ff8a80 !important
}

.mdl-color-text--red-A200 {
    color: #ff5252 !important
}

.mdl-color--red-A200 {
    background-color: #ff5252 !important
}

.mdl-color-text--red-A400 {
    color: #ff1744 !important
}

.mdl-color--red-A400 {
    background-color: #ff1744 !important
}

.mdl-color-text--red-A700 {
    color: #d50000 !important
}

.mdl-color--red-A700 {
    background-color: #d50000 !important
}

.mdl-color-text--pink {
    color: #e91e63 !important
}

.mdl-color--pink {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-50 {
    color: #fce4ec !important
}

.mdl-color--pink-50 {
    background-color: #fce4ec !important
}

.mdl-color-text--pink-100 {
    color: #f8bbd0 !important
}

.mdl-color--pink-100 {
    background-color: #f8bbd0 !important
}

.mdl-color-text--pink-200 {
    color: #f48fb1 !important
}

.mdl-color--pink-200 {
    background-color: #f48fb1 !important
}

.mdl-color-text--pink-300 {
    color: #f06292 !important
}

.mdl-color--pink-300 {
    background-color: #f06292 !important
}

.mdl-color-text--pink-400 {
    color: #ec407a !important
}

.mdl-color--pink-400 {
    background-color: #ec407a !important
}

.mdl-color-text--pink-500 {
    color: #e91e63 !important
}

.mdl-color--pink-500 {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-600 {
    color: #d81b60 !important
}

.mdl-color--pink-600 {
    background-color: #d81b60 !important
}

.mdl-color-text--pink-700 {
    color: #c2185b !important
}

.mdl-color--pink-700 {
    background-color: #c2185b !important
}

.mdl-color-text--pink-800 {
    color: #ad1457 !important
}

.mdl-color--pink-800 {
    background-color: #ad1457 !important
}

.mdl-color-text--pink-900 {
    color: #880e4f !important
}

.mdl-color--pink-900 {
    background-color: #880e4f !important
}

.mdl-color-text--pink-A100 {
    color: #ff80ab !important
}

.mdl-color--pink-A100 {
    background-color: #ff80ab !important
}

.mdl-color-text--pink-A200 {
    color: #ff4081 !important
}

.mdl-color--pink-A200 {
    background-color: #ff4081 !important
}

.mdl-color-text--pink-A400 {
    color: #f50057 !important
}

.mdl-color--pink-A400 {
    background-color: #f50057 !important
}

.mdl-color-text--pink-A700 {
    color: #c51162 !important
}

.mdl-color--pink-A700 {
    background-color: #c51162 !important
}

.mdl-color-text--purple {
    color: #9c27b0 !important
}

.mdl-color--purple {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-50 {
    color: #f3e5f5 !important
}

.mdl-color--purple-50 {
    background-color: #f3e5f5 !important
}

.mdl-color-text--purple-100 {
    color: #e1bee7 !important
}

.mdl-color--purple-100 {
    background-color: #e1bee7 !important
}

.mdl-color-text--purple-200 {
    color: #ce93d8 !important
}

.mdl-color--purple-200 {
    background-color: #ce93d8 !important
}

.mdl-color-text--purple-300 {
    color: #ba68c8 !important
}

.mdl-color--purple-300 {
    background-color: #ba68c8 !important
}

.mdl-color-text--purple-400 {
    color: #ab47bc !important
}

.mdl-color--purple-400 {
    background-color: #ab47bc !important
}

.mdl-color-text--purple-500 {
    color: #9c27b0 !important
}

.mdl-color--purple-500 {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-600 {
    color: #8e24aa !important
}

.mdl-color--purple-600 {
    background-color: #8e24aa !important
}

.mdl-color-text--purple-700 {
    color: #7b1fa2 !important
}

.mdl-color--purple-700 {
    background-color: #7b1fa2 !important
}

.mdl-color-text--purple-800 {
    color: #6a1b9a !important
}

.mdl-color--purple-800 {
    background-color: #6a1b9a !important
}

.mdl-color-text--purple-900 {
    color: #4a148c !important
}

.mdl-color--purple-900 {
    background-color: #4a148c !important
}

.mdl-color-text--purple-A100 {
    color: #ea80fc !important
}

.mdl-color--purple-A100 {
    background-color: #ea80fc !important
}

.mdl-color-text--purple-A200 {
    color: #e040fb !important
}

.mdl-color--purple-A200 {
    background-color: #e040fb !important
}

.mdl-color-text--purple-A400 {
    color: #d500f9 !important
}

.mdl-color--purple-A400 {
    background-color: #d500f9 !important
}

.mdl-color-text--purple-A700 {
    color: #a0f !important
}

.mdl-color--purple-A700 {
    background-color: #a0f !important
}

.mdl-color-text--deep-purple {
    color: #673ab7 !important
}

.mdl-color--deep-purple {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-50 {
    color: #ede7f6 !important
}

.mdl-color--deep-purple-50 {
    background-color: #ede7f6 !important
}

.mdl-color-text--deep-purple-100 {
    color: #d1c4e9 !important
}

.mdl-color--deep-purple-100 {
    background-color: #d1c4e9 !important
}

.mdl-color-text--deep-purple-200 {
    color: #b39ddb !important
}

.mdl-color--deep-purple-200 {
    background-color: #b39ddb !important
}

.mdl-color-text--deep-purple-300 {
    color: #9575cd !important
}

.mdl-color--deep-purple-300 {
    background-color: #9575cd !important
}

.mdl-color-text--deep-purple-400 {
    color: #7e57c2 !important
}

.mdl-color--deep-purple-400 {
    background-color: #7e57c2 !important
}

.mdl-color-text--deep-purple-500 {
    color: #673ab7 !important
}

.mdl-color--deep-purple-500 {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-600 {
    color: #5e35b1 !important
}

.mdl-color--deep-purple-600 {
    background-color: #5e35b1 !important
}

.mdl-color-text--deep-purple-700 {
    color: #512da8 !important
}

.mdl-color--deep-purple-700 {
    background-color: #512da8 !important
}

.mdl-color-text--deep-purple-800 {
    color: #4527a0 !important
}

.mdl-color--deep-purple-800 {
    background-color: #4527a0 !important
}

.mdl-color-text--deep-purple-900 {
    color: #311b92 !important
}

.mdl-color--deep-purple-900 {
    background-color: #311b92 !important
}

.mdl-color-text--deep-purple-A100 {
    color: #b388ff !important
}

.mdl-color--deep-purple-A100 {
    background-color: #b388ff !important
}

.mdl-color-text--deep-purple-A200 {
    color: #7c4dff !important
}

.mdl-color--deep-purple-A200 {
    background-color: #7c4dff !important
}

.mdl-color-text--deep-purple-A400 {
    color: #651fff !important
}

.mdl-color--deep-purple-A400 {
    background-color: #651fff !important
}

.mdl-color-text--deep-purple-A700 {
    color: #6200ea !important
}

.mdl-color--deep-purple-A700 {
    background-color: #6200ea !important
}

.mdl-color-text--indigo {
    color: #3f51b5 !important
}

.mdl-color--indigo {
    background-color: #3f51b5 !important
}

.mdl-color-text--indigo-50 {
    color: #e8eaf6 !important
}

.mdl-color--indigo-50 {
    background-color: #e8eaf6 !important
}

.mdl-color-text--indigo-100 {
    color: #c5cae9 !important
}

.mdl-color--indigo-100 {
    background-color: #c5cae9 !important
}

.mdl-color-text--indigo-200 {
    color: #9fa8da !important
}

.mdl-color--indigo-200 {
    background-color: #9fa8da !important
}

.mdl-color-text--indigo-300 {
    color: #7986cb !important
}

.mdl-color--indigo-300 {
    background-color: #7986cb !important
}

.mdl-color-text--indigo-400 {
    color: #5c6bc0 !important
}

.mdl-color--indigo-400 {
    background-color: #5c6bc0 !important
}

.mdl-color-text--indigo-500 {
    color: #3f51b5 !important
}

.mdl-color--indigo-500 {
    background-color: #3f51b5 !important
}

.mdl-color-text--indigo-600 {
    color: #3949ab !important
}

.mdl-color--indigo-600 {
    background-color: #3949ab !important
}

.mdl-color-text--indigo-700 {
    color: #303f9f !important
}

.mdl-color--indigo-700 {
    background-color: #303f9f !important
}

.mdl-color-text--indigo-800 {
    color: #283593 !important
}

.mdl-color--indigo-800 {
    background-color: #283593 !important
}

.mdl-color-text--indigo-900 {
    color: #1a237e !important
}

.mdl-color--indigo-900 {
    background-color: #1a237e !important
}

.mdl-color-text--indigo-A100 {
    color: #8c9eff !important
}

.mdl-color--indigo-A100 {
    background-color: #8c9eff !important
}

.mdl-color-text--indigo-A200 {
    color: #536dfe !important
}

.mdl-color--indigo-A200 {
    background-color: #536dfe !important
}

.mdl-color-text--indigo-A400 {
    color: #3d5afe !important
}

.mdl-color--indigo-A400 {
    background-color: #3d5afe !important
}

.mdl-color-text--indigo-A700 {
    color: #304ffe !important
}

.mdl-color--indigo-A700 {
    background-color: #304ffe !important
}

.mdl-color-text--blue {
    color: #2196f3 !important
}

.mdl-color--blue {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-50 {
    color: #e3f2fd !important
}

.mdl-color--blue-50 {
    background-color: #e3f2fd !important
}

.mdl-color-text--blue-100 {
    color: #bbdefb !important
}

.mdl-color--blue-100 {
    background-color: #bbdefb !important
}

.mdl-color-text--blue-200 {
    color: #90caf9 !important
}

.mdl-color--blue-200 {
    background-color: #90caf9 !important
}

.mdl-color-text--blue-300 {
    color: #64b5f6 !important
}

.mdl-color--blue-300 {
    background-color: #64b5f6 !important
}

.mdl-color-text--blue-400 {
    color: #42a5f5 !important
}

.mdl-color--blue-400 {
    background-color: #42a5f5 !important
}

.mdl-color-text--blue-500 {
    color: #2196f3 !important
}

.mdl-color--blue-500 {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-600 {
    color: #1e88e5 !important
}

.mdl-color--blue-600 {
    background-color: #1e88e5 !important
}

.mdl-color-text--blue-700 {
    color: #1976d2 !important
}

.mdl-color--blue-700 {
    background-color: #1976d2 !important
}

.mdl-color-text--blue-800 {
    color: #1565c0 !important
}

.mdl-color--blue-800 {
    background-color: #1565c0 !important
}

.mdl-color-text--blue-900 {
    color: #0d47a1 !important
}

.mdl-color--blue-900 {
    background-color: #0d47a1 !important
}

.mdl-color-text--blue-A100 {
    color: #82b1ff !important
}

.mdl-color--blue-A100 {
    background-color: #82b1ff !important
}

.mdl-color-text--blue-A200 {
    color: #448aff !important
}

.mdl-color--blue-A200 {
    background-color: #448aff !important
}

.mdl-color-text--blue-A400 {
    color: #2979ff !important
}

.mdl-color--blue-A400 {
    background-color: #2979ff !important
}

.mdl-color-text--blue-A700 {
    color: #2962ff !important
}

.mdl-color--blue-A700 {
    background-color: #2962ff !important
}

.mdl-color-text--light-blue {
    color: #03a9f4 !important
}

.mdl-color--light-blue {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-50 {
    color: #e1f5fe !important
}

.mdl-color--light-blue-50 {
    background-color: #e1f5fe !important
}

.mdl-color-text--light-blue-100 {
    color: #b3e5fc !important
}

.mdl-color--light-blue-100 {
    background-color: #b3e5fc !important
}

.mdl-color-text--light-blue-200 {
    color: #81d4fa !important
}

.mdl-color--light-blue-200 {
    background-color: #81d4fa !important
}

.mdl-color-text--light-blue-300 {
    color: #4fc3f7 !important
}

.mdl-color--light-blue-300 {
    background-color: #4fc3f7 !important
}

.mdl-color-text--light-blue-400 {
    color: #29b6f6 !important
}

.mdl-color--light-blue-400 {
    background-color: #29b6f6 !important
}

.mdl-color-text--light-blue-500 {
    color: #03a9f4 !important
}

.mdl-color--light-blue-500 {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-600 {
    color: #039be5 !important
}

.mdl-color--light-blue-600 {
    background-color: #039be5 !important
}

.mdl-color-text--light-blue-700 {
    color: #0288d1 !important
}

.mdl-color--light-blue-700 {
    background-color: #0288d1 !important
}

.mdl-color-text--light-blue-800 {
    color: #0277bd !important
}

.mdl-color--light-blue-800 {
    background-color: #0277bd !important
}

.mdl-color-text--light-blue-900 {
    color: #01579b !important
}

.mdl-color--light-blue-900 {
    background-color: #01579b !important
}

.mdl-color-text--light-blue-A100 {
    color: #80d8ff !important
}

.mdl-color--light-blue-A100 {
    background-color: #80d8ff !important
}

.mdl-color-text--light-blue-A200 {
    color: #40c4ff !important
}

.mdl-color--light-blue-A200 {
    background-color: #40c4ff !important
}

.mdl-color-text--light-blue-A400 {
    color: #00b0ff !important
}

.mdl-color--light-blue-A400 {
    background-color: #00b0ff !important
}

.mdl-color-text--light-blue-A700 {
    color: #0091ea !important
}

.mdl-color--light-blue-A700 {
    background-color: #0091ea !important
}

.mdl-color-text--cyan {
    color: #00bcd4 !important
}

.mdl-color--cyan {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-50 {
    color: #e0f7fa !important
}

.mdl-color--cyan-50 {
    background-color: #e0f7fa !important
}

.mdl-color-text--cyan-100 {
    color: #b2ebf2 !important
}

.mdl-color--cyan-100 {
    background-color: #b2ebf2 !important
}

.mdl-color-text--cyan-200 {
    color: #80deea !important
}

.mdl-color--cyan-200 {
    background-color: #80deea !important
}

.mdl-color-text--cyan-300 {
    color: #4dd0e1 !important
}

.mdl-color--cyan-300 {
    background-color: #4dd0e1 !important
}

.mdl-color-text--cyan-400 {
    color: #26c6da !important
}

.mdl-color--cyan-400 {
    background-color: #26c6da !important
}

.mdl-color-text--cyan-500 {
    color: #00bcd4 !important
}

.mdl-color--cyan-500 {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-600 {
    color: #00acc1 !important
}

.mdl-color--cyan-600 {
    background-color: #00acc1 !important
}

.mdl-color-text--cyan-700 {
    color: #0097a7 !important
}

.mdl-color--cyan-700 {
    background-color: #0097a7 !important
}

.mdl-color-text--cyan-800 {
    color: #00838f !important
}

.mdl-color--cyan-800 {
    background-color: #00838f !important
}

.mdl-color-text--cyan-900 {
    color: #006064 !important
}

.mdl-color--cyan-900 {
    background-color: #006064 !important
}

.mdl-color-text--cyan-A100 {
    color: #84ffff !important
}

.mdl-color--cyan-A100 {
    background-color: #84ffff !important
}

.mdl-color-text--cyan-A200 {
    color: #18ffff !important
}

.mdl-color--cyan-A200 {
    background-color: #18ffff !important
}

.mdl-color-text--cyan-A400 {
    color: #00e5ff !important
}

.mdl-color--cyan-A400 {
    background-color: #00e5ff !important
}

.mdl-color-text--cyan-A700 {
    color: #00b8d4 !important
}

.mdl-color--cyan-A700 {
    background-color: #00b8d4 !important
}

.mdl-color-text--teal {
    color: #009688 !important
}

.mdl-color--teal {
    background-color: #009688 !important
}

.mdl-color-text--teal-50 {
    color: #e0f2f1 !important
}

.mdl-color--teal-50 {
    background-color: #e0f2f1 !important
}

.mdl-color-text--teal-100 {
    color: #b2dfdb !important
}

.mdl-color--teal-100 {
    background-color: #b2dfdb !important
}

.mdl-color-text--teal-200 {
    color: #80cbc4 !important
}

.mdl-color--teal-200 {
    background-color: #80cbc4 !important
}

.mdl-color-text--teal-300 {
    color: #4db6ac !important
}

.mdl-color--teal-300 {
    background-color: #4db6ac !important
}

.mdl-color-text--teal-400 {
    color: #26a69a !important
}

.mdl-color--teal-400 {
    background-color: #26a69a !important
}

.mdl-color-text--teal-500 {
    color: #009688 !important
}

.mdl-color--teal-500 {
    background-color: #009688 !important
}

.mdl-color-text--teal-600 {
    color: #00897b !important
}

.mdl-color--teal-600 {
    background-color: #00897b !important
}

.mdl-color-text--teal-700 {
    color: #00796b !important
}

.mdl-color--teal-700 {
    background-color: #00796b !important
}

.mdl-color-text--teal-800 {
    color: #00695c !important
}

.mdl-color--teal-800 {
    background-color: #00695c !important
}

.mdl-color-text--teal-900 {
    color: #004d40 !important
}

.mdl-color--teal-900 {
    background-color: #004d40 !important
}

.mdl-color-text--teal-A100 {
    color: #a7ffeb !important
}

.mdl-color--teal-A100 {
    background-color: #a7ffeb !important
}

.mdl-color-text--teal-A200 {
    color: #64ffda !important
}

.mdl-color--teal-A200 {
    background-color: #64ffda !important
}

.mdl-color-text--teal-A400 {
    color: #1de9b6 !important
}

.mdl-color--teal-A400 {
    background-color: #1de9b6 !important
}

.mdl-color-text--teal-A700 {
    color: #00bfa5 !important
}

.mdl-color--teal-A700 {
    background-color: #00bfa5 !important
}

.mdl-color-text--green {
    color: #4caf50 !important
}

.mdl-color--green {
    background-color: #4caf50 !important
}

.mdl-color-text--green-50 {
    color: #e8f5e9 !important
}

.mdl-color--green-50 {
    background-color: #e8f5e9 !important
}

.mdl-color-text--green-100 {
    color: #c8e6c9 !important
}

.mdl-color--green-100 {
    background-color: #c8e6c9 !important
}

.mdl-color-text--green-200 {
    color: #a5d6a7 !important
}

.mdl-color--green-200 {
    background-color: #a5d6a7 !important
}

.mdl-color-text--green-300 {
    color: #81c784 !important
}

.mdl-color--green-300 {
    background-color: #81c784 !important
}

.mdl-color-text--green-400 {
    color: #66bb6a !important
}

.mdl-color--green-400 {
    background-color: #66bb6a !important
}

.mdl-color-text--green-500 {
    color: #4caf50 !important
}

.mdl-color--green-500 {
    background-color: #4caf50 !important
}

.mdl-color-text--green-600 {
    color: #43a047 !important
}

.mdl-color--green-600 {
    background-color: #43a047 !important
}

.mdl-color-text--green-700 {
    color: #388e3c !important
}

.mdl-color--green-700 {
    background-color: #388e3c !important
}

.mdl-color-text--green-800 {
    color: #2e7d32 !important
}

.mdl-color--green-800 {
    background-color: #2e7d32 !important
}

.mdl-color-text--green-900 {
    color: #1b5e20 !important
}

.mdl-color--green-900 {
    background-color: #1b5e20 !important
}

.mdl-color-text--green-A100 {
    color: #b9f6ca !important
}

.mdl-color--green-A100 {
    background-color: #b9f6ca !important
}

.mdl-color-text--green-A200 {
    color: #69f0ae !important
}

.mdl-color--green-A200 {
    background-color: #69f0ae !important
}

.mdl-color-text--green-A400 {
    color: #00e676 !important
}

.mdl-color--green-A400 {
    background-color: #00e676 !important
}

.mdl-color-text--green-A700 {
    color: #00c853 !important
}

.mdl-color--green-A700 {
    background-color: #00c853 !important
}

.mdl-color-text--light-green {
    color: #8bc34a !important
}

.mdl-color--light-green {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-50 {
    color: #f1f8e9 !important
}

.mdl-color--light-green-50 {
    background-color: #f1f8e9 !important
}

.mdl-color-text--light-green-100 {
    color: #dcedc8 !important
}

.mdl-color--light-green-100 {
    background-color: #dcedc8 !important
}

.mdl-color-text--light-green-200 {
    color: #c5e1a5 !important
}

.mdl-color--light-green-200 {
    background-color: #c5e1a5 !important
}

.mdl-color-text--light-green-300 {
    color: #aed581 !important
}

.mdl-color--light-green-300 {
    background-color: #aed581 !important
}

.mdl-color-text--light-green-400 {
    color: #9ccc65 !important
}

.mdl-color--light-green-400 {
    background-color: #9ccc65 !important
}

.mdl-color-text--light-green-500 {
    color: #8bc34a !important
}

.mdl-color--light-green-500 {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-600 {
    color: #7cb342 !important
}

.mdl-color--light-green-600 {
    background-color: #7cb342 !important
}

.mdl-color-text--light-green-700 {
    color: #689f38 !important
}

.mdl-color--light-green-700 {
    background-color: #689f38 !important
}

.mdl-color-text--light-green-800 {
    color: #558b2f !important
}

.mdl-color--light-green-800 {
    background-color: #558b2f !important
}

.mdl-color-text--light-green-900 {
    color: #33691e !important
}

.mdl-color--light-green-900 {
    background-color: #33691e !important
}

.mdl-color-text--light-green-A100 {
    color: #ccff90 !important
}

.mdl-color--light-green-A100 {
    background-color: #ccff90 !important
}

.mdl-color-text--light-green-A200 {
    color: #b2ff59 !important
}

.mdl-color--light-green-A200 {
    background-color: #b2ff59 !important
}

.mdl-color-text--light-green-A400 {
    color: #76ff03 !important
}

.mdl-color--light-green-A400 {
    background-color: #76ff03 !important
}

.mdl-color-text--light-green-A700 {
    color: #64dd17 !important
}

.mdl-color--light-green-A700 {
    background-color: #64dd17 !important
}

.mdl-color-text--lime {
    color: #cddc39 !important
}

.mdl-color--lime {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-50 {
    color: #f9fbe7 !important
}

.mdl-color--lime-50 {
    background-color: #f9fbe7 !important
}

.mdl-color-text--lime-100 {
    color: #f0f4c3 !important
}

.mdl-color--lime-100 {
    background-color: #f0f4c3 !important
}

.mdl-color-text--lime-200 {
    color: #e6ee9c !important
}

.mdl-color--lime-200 {
    background-color: #e6ee9c !important
}

.mdl-color-text--lime-300 {
    color: #dce775 !important
}

.mdl-color--lime-300 {
    background-color: #dce775 !important
}

.mdl-color-text--lime-400 {
    color: #d4e157 !important
}

.mdl-color--lime-400 {
    background-color: #d4e157 !important
}

.mdl-color-text--lime-500 {
    color: #cddc39 !important
}

.mdl-color--lime-500 {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-600 {
    color: #c0ca33 !important
}

.mdl-color--lime-600 {
    background-color: #c0ca33 !important
}

.mdl-color-text--lime-700 {
    color: #afb42b !important
}

.mdl-color--lime-700 {
    background-color: #afb42b !important
}

.mdl-color-text--lime-800 {
    color: #9e9d24 !important
}

.mdl-color--lime-800 {
    background-color: #9e9d24 !important
}

.mdl-color-text--lime-900 {
    color: #827717 !important
}

.mdl-color--lime-900 {
    background-color: #827717 !important
}

.mdl-color-text--lime-A100 {
    color: #f4ff81 !important
}

.mdl-color--lime-A100 {
    background-color: #f4ff81 !important
}

.mdl-color-text--lime-A200 {
    color: #eeff41 !important
}

.mdl-color--lime-A200 {
    background-color: #eeff41 !important
}

.mdl-color-text--lime-A400 {
    color: #c6ff00 !important
}

.mdl-color--lime-A400 {
    background-color: #c6ff00 !important
}

.mdl-color-text--lime-A700 {
    color: #aeea00 !important
}

.mdl-color--lime-A700 {
    background-color: #aeea00 !important
}

.mdl-color-text--yellow {
    color: #ffeb3b !important
}

.mdl-color--yellow {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-50 {
    color: #fffde7 !important
}

.mdl-color--yellow-50 {
    background-color: #fffde7 !important
}

.mdl-color-text--yellow-100 {
    color: #fff9c4 !important
}

.mdl-color--yellow-100 {
    background-color: #fff9c4 !important
}

.mdl-color-text--yellow-200 {
    color: #fff59d !important
}

.mdl-color--yellow-200 {
    background-color: #fff59d !important
}

.mdl-color-text--yellow-300 {
    color: #fff176 !important
}

.mdl-color--yellow-300 {
    background-color: #fff176 !important
}

.mdl-color-text--yellow-400 {
    color: #ffee58 !important
}

.mdl-color--yellow-400 {
    background-color: #ffee58 !important
}

.mdl-color-text--yellow-500 {
    color: #ffeb3b !important
}

.mdl-color--yellow-500 {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-600 {
    color: #fdd835 !important
}

.mdl-color--yellow-600 {
    background-color: #fdd835 !important
}

.mdl-color-text--yellow-700 {
    color: #fbc02d !important
}

.mdl-color--yellow-700 {
    background-color: #fbc02d !important
}

.mdl-color-text--yellow-800 {
    color: #f9a825 !important
}

.mdl-color--yellow-800 {
    background-color: #f9a825 !important
}

.mdl-color-text--yellow-900 {
    color: #f57f17 !important
}

.mdl-color--yellow-900 {
    background-color: #f57f17 !important
}

.mdl-color-text--yellow-A100 {
    color: #ffff8d !important
}

.mdl-color--yellow-A100 {
    background-color: #ffff8d !important
}

.mdl-color-text--yellow-A200 {
    color: #ff0 !important
}

.mdl-color--yellow-A200 {
    background-color: #ff0 !important
}

.mdl-color-text--yellow-A400 {
    color: #ffea00 !important
}

.mdl-color--yellow-A400 {
    background-color: #ffea00 !important
}

.mdl-color-text--yellow-A700 {
    color: #ffd600 !important
}

.mdl-color--yellow-A700 {
    background-color: #ffd600 !important
}

.mdl-color-text--amber {
    color: #ffc107 !important
}

.mdl-color--amber {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-50 {
    color: #fff8e1 !important
}

.mdl-color--amber-50 {
    background-color: #fff8e1 !important
}

.mdl-color-text--amber-100 {
    color: #ffecb3 !important
}

.mdl-color--amber-100 {
    background-color: #ffecb3 !important
}

.mdl-color-text--amber-200 {
    color: #ffe082 !important
}

.mdl-color--amber-200 {
    background-color: #ffe082 !important
}

.mdl-color-text--amber-300 {
    color: #ffd54f !important
}

.mdl-color--amber-300 {
    background-color: #ffd54f !important
}

.mdl-color-text--amber-400 {
    color: #ffca28 !important
}

.mdl-color--amber-400 {
    background-color: #ffca28 !important
}

.mdl-color-text--amber-500 {
    color: #ffc107 !important
}

.mdl-color--amber-500 {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-600 {
    color: #ffb300 !important
}

.mdl-color--amber-600 {
    background-color: #ffb300 !important
}

.mdl-color-text--amber-700 {
    color: #ffa000 !important
}

.mdl-color--amber-700 {
    background-color: #ffa000 !important
}

.mdl-color-text--amber-800 {
    color: #ff8f00 !important
}

.mdl-color--amber-800 {
    background-color: #ff8f00 !important
}

.mdl-color-text--amber-900 {
    color: #ff6f00 !important
}

.mdl-color--amber-900 {
    background-color: #ff6f00 !important
}

.mdl-color-text--amber-A100 {
    color: #ffe57f !important
}

.mdl-color--amber-A100 {
    background-color: #ffe57f !important
}

.mdl-color-text--amber-A200 {
    color: #ffd740 !important
}

.mdl-color--amber-A200 {
    background-color: #ffd740 !important
}

.mdl-color-text--amber-A400 {
    color: #ffc400 !important
}

.mdl-color--amber-A400 {
    background-color: #ffc400 !important
}

.mdl-color-text--amber-A700 {
    color: #ffab00 !important
}

.mdl-color--amber-A700 {
    background-color: #ffab00 !important
}

.mdl-color-text--orange {
    color: #ff9800 !important
}

.mdl-color--orange {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-50 {
    color: #fff3e0 !important
}

.mdl-color--orange-50 {
    background-color: #fff3e0 !important
}

.mdl-color-text--orange-100 {
    color: #ffe0b2 !important
}

.mdl-color--orange-100 {
    background-color: #ffe0b2 !important
}

.mdl-color-text--orange-200 {
    color: #ffcc80 !important
}

.mdl-color--orange-200 {
    background-color: #ffcc80 !important
}

.mdl-color-text--orange-300 {
    color: #ffb74d !important
}

.mdl-color--orange-300 {
    background-color: #ffb74d !important
}

.mdl-color-text--orange-400 {
    color: #ffa726 !important
}

.mdl-color--orange-400 {
    background-color: #ffa726 !important
}

.mdl-color-text--orange-500 {
    color: #ff9800 !important
}

.mdl-color--orange-500 {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-600 {
    color: #fb8c00 !important
}

.mdl-color--orange-600 {
    background-color: #fb8c00 !important
}

.mdl-color-text--orange-700 {
    color: #f57c00 !important
}

.mdl-color--orange-700 {
    background-color: #f57c00 !important
}

.mdl-color-text--orange-800 {
    color: #ef6c00 !important
}

.mdl-color--orange-800 {
    background-color: #ef6c00 !important
}

.mdl-color-text--orange-900 {
    color: #e65100 !important
}

.mdl-color--orange-900 {
    background-color: #e65100 !important
}

.mdl-color-text--orange-A100 {
    color: #ffd180 !important
}

.mdl-color--orange-A100 {
    background-color: #ffd180 !important
}

.mdl-color-text--orange-A200 {
    color: #ffab40 !important
}

.mdl-color--orange-A200 {
    background-color: #ffab40 !important
}

.mdl-color-text--orange-A400 {
    color: #ff9100 !important
}

.mdl-color--orange-A400 {
    background-color: #ff9100 !important
}

.mdl-color-text--orange-A700 {
    color: #ff6d00 !important
}

.mdl-color--orange-A700 {
    background-color: #ff6d00 !important
}

.mdl-color-text--deep-orange {
    color: #ff5722 !important
}

.mdl-color--deep-orange {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-50 {
    color: #fbe9e7 !important
}

.mdl-color--deep-orange-50 {
    background-color: #fbe9e7 !important
}

.mdl-color-text--deep-orange-100 {
    color: #ffccbc !important
}

.mdl-color--deep-orange-100 {
    background-color: #ffccbc !important
}

.mdl-color-text--deep-orange-200 {
    color: #ffab91 !important
}

.mdl-color--deep-orange-200 {
    background-color: #ffab91 !important
}

.mdl-color-text--deep-orange-300 {
    color: #ff8a65 !important
}

.mdl-color--deep-orange-300 {
    background-color: #ff8a65 !important
}

.mdl-color-text--deep-orange-400 {
    color: #ff7043 !important
}

.mdl-color--deep-orange-400 {
    background-color: #ff7043 !important
}

.mdl-color-text--deep-orange-500 {
    color: #ff5722 !important
}

.mdl-color--deep-orange-500 {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-600 {
    color: #f4511e !important
}

.mdl-color--deep-orange-600 {
    background-color: #f4511e !important
}

.mdl-color-text--deep-orange-700 {
    color: #e64a19 !important
}

.mdl-color--deep-orange-700 {
    background-color: #e64a19 !important
}

.mdl-color-text--deep-orange-800 {
    color: #d84315 !important
}

.mdl-color--deep-orange-800 {
    background-color: #d84315 !important
}

.mdl-color-text--deep-orange-900 {
    color: #bf360c !important
}

.mdl-color--deep-orange-900 {
    background-color: #bf360c !important
}

.mdl-color-text--deep-orange-A100 {
    color: #ff9e80 !important
}

.mdl-color--deep-orange-A100 {
    background-color: #ff9e80 !important
}

.mdl-color-text--deep-orange-A200 {
    color: #ff6e40 !important
}

.mdl-color--deep-orange-A200 {
    background-color: #ff6e40 !important
}

.mdl-color-text--deep-orange-A400 {
    color: #ff3d00 !important
}

.mdl-color--deep-orange-A400 {
    background-color: #ff3d00 !important
}

.mdl-color-text--deep-orange-A700 {
    color: #dd2c00 !important
}

.mdl-color--deep-orange-A700 {
    background-color: #dd2c00 !important
}

.mdl-color-text--brown {
    color: #795548 !important
}

.mdl-color--brown {
    background-color: #795548 !important
}

.mdl-color-text--brown-50 {
    color: #efebe9 !important
}

.mdl-color--brown-50 {
    background-color: #efebe9 !important
}

.mdl-color-text--brown-100 {
    color: #d7ccc8 !important
}

.mdl-color--brown-100 {
    background-color: #d7ccc8 !important
}

.mdl-color-text--brown-200 {
    color: #bcaaa4 !important
}

.mdl-color--brown-200 {
    background-color: #bcaaa4 !important
}

.mdl-color-text--brown-300 {
    color: #a1887f !important
}

.mdl-color--brown-300 {
    background-color: #a1887f !important
}

.mdl-color-text--brown-400 {
    color: #8d6e63 !important
}

.mdl-color--brown-400 {
    background-color: #8d6e63 !important
}

.mdl-color-text--brown-500 {
    color: #795548 !important
}

.mdl-color--brown-500 {
    background-color: #795548 !important
}

.mdl-color-text--brown-600 {
    color: #6d4c41 !important
}

.mdl-color--brown-600 {
    background-color: #6d4c41 !important
}

.mdl-color-text--brown-700 {
    color: #5d4037 !important
}

.mdl-color--brown-700 {
    background-color: #5d4037 !important
}

.mdl-color-text--brown-800 {
    color: #4e342e !important
}

.mdl-color--brown-800 {
    background-color: #4e342e !important
}

.mdl-color-text--brown-900 {
    color: #3e2723 !important
}

.mdl-color--brown-900 {
    background-color: #3e2723 !important
}

.mdl-color-text--grey {
    color: #9e9e9e !important
}

.mdl-color--grey {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-50 {
    color: #fafafa !important
}

.mdl-color--grey-50 {
    background-color: #fafafa !important
}

.mdl-color-text--grey-100 {
    color: #f5f5f5 !important
}

.mdl-color--grey-100 {
    background-color: #f5f5f5 !important
}

.mdl-color-text--grey-200 {
    color: #eee !important
}

.mdl-color--grey-200 {
    background-color: #eee !important
}

.mdl-color-text--grey-300 {
    color: #e0e0e0 !important
}

.mdl-color--grey-300 {
    background-color: #e0e0e0 !important
}

.mdl-color-text--grey-400 {
    color: #bdbdbd !important
}

.mdl-color--grey-400 {
    background-color: #bdbdbd !important
}

.mdl-color-text--grey-500 {
    color: #9e9e9e !important
}

.mdl-color--grey-500 {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-600 {
    color: #757575 !important
}

.mdl-color--grey-600 {
    background-color: #757575 !important
}

.mdl-color-text--grey-700 {
    color: #616161 !important
}

.mdl-color--grey-700 {
    background-color: #616161 !important
}

.mdl-color-text--grey-800 {
    color: #424242 !important
}

.mdl-color--grey-800 {
    background-color: #424242 !important
}

.mdl-color-text--grey-900 {
    color: #212121 !important
}

.mdl-color--grey-900 {
    background-color: #212121 !important
}

.mdl-color-text--blue-grey {
    color: #607d8b !important
}

.mdl-color--blue-grey {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-50 {
    color: #eceff1 !important
}

.mdl-color--blue-grey-50 {
    background-color: #eceff1 !important
}

.mdl-color-text--blue-grey-100 {
    color: #cfd8dc !important
}

.mdl-color--blue-grey-100 {
    background-color: #cfd8dc !important
}

.mdl-color-text--blue-grey-200 {
    color: #b0bec5 !important
}

.mdl-color--blue-grey-200 {
    background-color: #b0bec5 !important
}

.mdl-color-text--blue-grey-300 {
    color: #90a4ae !important
}

.mdl-color--blue-grey-300 {
    background-color: #90a4ae !important
}

.mdl-color-text--blue-grey-400 {
    color: #78909c !important
}

.mdl-color--blue-grey-400 {
    background-color: #78909c !important
}

.mdl-color-text--blue-grey-500 {
    color: #607d8b !important
}

.mdl-color--blue-grey-500 {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-600 {
    color: #546e7a !important
}

.mdl-color--blue-grey-600 {
    background-color: #546e7a !important
}

.mdl-color-text--blue-grey-700 {
    color: #455a64 !important
}

.mdl-color--blue-grey-700 {
    background-color: #455a64 !important
}

.mdl-color-text--blue-grey-800 {
    color: #37474f !important
}

.mdl-color--blue-grey-800 {
    background-color: #37474f !important
}

.mdl-color-text--blue-grey-900 {
    color: #263238 !important
}

.mdl-color--blue-grey-900 {
    background-color: #263238 !important
}

.mdl-color--black {
    background-color: #000 !important
}

.mdl-color-text--black {
    color: #000 !important
}

.mdl-color--white {
    background-color: #fff !important
}

.mdl-color-text--white {
    color: #fff !important
}

.mdl-color--primary {
    background-color: #3f51b5 !important
}

.mdl-color--primary-contrast {
    background-color: #fff !important
}

.mdl-color--primary-dark {
    background-color: #303f9f !important
}

.mdl-color--accent {
    background-color: #ff4081 !important
}

.mdl-color--accent-contrast {
    background-color: #fff !important
}

.mdl-color-text--primary {
    color: #3f51b5 !important
}

.mdl-color-text--primary-contrast {
    color: #fff !important
}

.mdl-color-text--primary-dark {
    color: #303f9f !important
}

.mdl-color-text--accent {
    color: #ff4081 !important
}

.mdl-color-text--accent-contrast {
    color: #fff !important
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.mdl-ripple.is-visible {
    opacity: .3
}

.mdl-animation--default, .mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}

.mdl-badge:not([data-badge]) {
    margin-right: auto
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: #fff
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button.mdl-button--colored {
    color: #3f51b5
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12)
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--raised.mdl-button--colored {
    background: #3f51b5;
    color: #fff
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: #fff
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #3f51b5
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: #fff;
    background-color: #3f51b5
}

.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: #fff;
    background-color: #ff4081
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none
}

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

.mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    margin: 0
}

.mdl-card__supporting-text {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px;
    width: 90%
}

.mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px
}

.mdl-checkbox__input {
    line-height: 24px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #3f51b5
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: 0 0;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: #3f51b5
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: 0 0;
    opacity: .54;
    cursor: pointer;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none
}

.mdl-chip__action, .mdl-chip__contact {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    margin-right: 8px;
    font-size: 18px;
    line-height: 32px
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-chip:active {
    background-color: #d6d6d6
}

.mdl-chip--deletable {
    padding-right: 4px
}

.mdl-chip--contact {
    padding-left: 0
}

.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: #fff
}

.mdl-data-table thead {
    padding-bottom: 3px
}

.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}

.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}

.mdl-data-table tbody tr:hover {
    background-color: #eee
}

.mdl-data-table td {
    text-align: right
}

.mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right
}

.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 24px
}

.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
    padding-right: 24px
}

.mdl-data-table td {
    position: relative;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 12px 18px;
    box-sizing: border-box
}

.mdl-data-table td, .mdl-data-table td .mdl-data-table__select {
    vertical-align: middle
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db"
}

.mdl-data-table__select {
    width: 16px
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px
}

.mdl-dialog__actions > *:first-child {
    margin-right: 0
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px
}

.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mega-footer--top-section:after, .mdl-mega-footer--middle-section:after, .mdl-mega-footer--bottom-section:after, .mdl-mega-footer__top-section:after, .mdl-mega-footer__middle-section:after, .mdl-mega-footer__bottom-section:after {
    content: '';
    display: block;
    clear: both
}

.mdl-mega-footer--left-section, .mdl-mega-footer__left-section, .mdl-mega-footer--right-section, .mdl-mega-footer__right-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section, .mdl-mega-footer__left-section {
        float: left
    }

    .mdl-mega-footer--right-section, .mdl-mega-footer__right-section {
        float: right
    }

    .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}

.mdl-mega-footer--social-btn, .mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
        width: 33%
    }

    .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2), .mdl-mega-footer__drop-down-section:nth-child(1), .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left
    }

    .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(3):after, .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right
    }

    .mdl-mega-footer--middle-section:after, .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both
    }

    .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left
    }
}

.mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: -16px 0 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}

.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'
}

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
    display: none
}

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CF'
}

.mdl-mega-footer--heading, .mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0
}

.mdl-mega-footer--heading:after, .mdl-mega-footer__heading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}

.mdl-mega-footer--link-list, .mdl-mega-footer__link-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px
}

.mdl-mega-footer--link-list:after, .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''
}

.mdl-mega-footer--link-list li, .mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.mdl-mega-footer--link-list a, .mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
        display: none
    }

    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        content: ''
    }

    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
        display: block
    }

    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
        content: ''
    }
}

.mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}

.mdl-logo {
    margin-bottom: 16px;
    color: #fff
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width: 760px) {
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mini-footer:after {
    content: '';
    display: block
}

.mdl-mini-footer .mdl-logo {
    line-height: 36px
}

.mdl-mini-footer--link-list, .mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width: 760px) {
    .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}

.mdl-mini-footer--link-list a, .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.mdl-mini-footer--left-section, .mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.mdl-mini-footer--right-section, .mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.mdl-mini-footer--social-btn, .mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}

.mdl-icon-toggle__input {
    line-height: 32px
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #3f51b5
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none
}

.mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1;
    min-height: 48px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden
}

.mdl-list__item, .mdl-list__item .mdl-list__item-primary-content {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px
}

.mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}

.mdl-list__item-icon, .mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575
}

.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: #fff
}

.mdl-list__item--two-line {
    height: 72px
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 36px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0
}

.mdl-list__item--three-line {
    height: 88px
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block
}

.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0
}

.mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}

.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible
}

.mdl-menu__outline {
    display: block;
    background: #fff;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}

.mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}

.mdl-menu__item::-moz-focus-inner {
    border: 0
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto
}

.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
    background-color: transparent
}

.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
    background-color: transparent
}

.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
    background: 0 0
}

.mdl-menu__item:hover {
    background-color: #eee
}

.mdl-menu__item:focus {
    outline: none;
    background-color: #eee
}

.mdl-menu__item:active {
    background-color: #e0e0e0
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%
}

.mdl-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-progress > .progressbar {
    background-color: #3f51b5;
    z-index: 1;
    left: 0
}

.mdl-progress > .bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
    z-index: 0;
    left: 0
}

.mdl-progress > .auxbar {
    right: 0
}

@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=")
    }
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #3f51b5, #3f51b5)
}

.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 {
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1
}

.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1, .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-color: #3f51b5;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@-webkit-keyframes indeterminate2 {
    0%, 50% {
        left: 0%;
        width: 0%
    }
    75% {
        left: 0%;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate2 {
    0%, 50% {
        left: 0%;
        width: 0%
    }
    75% {
        left: 0%;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

.mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-navigation__link .material-icons {
    vertical-align: middle
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}

.mdl-layout__title, .mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400;
    box-sizing: border-box
}

.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}

.mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
    overflow: hidden
}

.mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px
    }
}

.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px
    }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: #000
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 4
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: #fff;
    background-color: inherit
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5)
    }
}

@media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
        line-height: 54px
    }

    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none
    }
}

.mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #3f51b5;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}

.mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px
    }
}

.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none
}

.mdl-layout__header.is-compact {
    max-height: 64px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: none
    }

    .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}

.mdl-layout__header--seamed, .mdl-layout__header--scroll {
    box-shadow: none
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px
    }

    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px
    }
}

.mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: #fff;
    line-height: 64px;
    padding: 0 24px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px
    }
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible
}

@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }

    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0
    }

    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #3f51b5;
    overflow-y: hidden;
    overflow-x: scroll
}

.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px)
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }

    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #3f51b5;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        width: 60px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}

.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}

.mdl-layout__tab-bar-button.is-active {
    color: #fff
}

.mdl-layout__tab-bar-left-button {
    left: 0
}

.mdl-layout__tab-bar-right-button {
    right: 0
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: #fff
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: #fff
}

.mdl-layout__tab-panel {
    display: block
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}

.mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 24px
}

.mdl-radio__button {
    line-height: 24px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #3f51b5
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: #3f51b5
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1)
}

.mdl-radio__label {
    cursor: pointer
}

fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-radio__ripple-container .mdl-ripple {
    background: #3f51b5
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0
}

_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}

.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #3f51b5;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer
}

.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0
}

.mdl-slider.is-upgraded::-ms-tooltip {
    display: none
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: 0 0
}

.mdl-slider.is-upgraded::-moz-range-track {
    background: 0 0;
    border: none
}

.mdl-slider.is-upgraded::-ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}

.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #3f51b5;
    border: none;
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-image: none;
    background: #3f51b5;
    border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: #3f51b5;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: #3f51b5;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #3f51b5;
    transform: scale(0.375);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: #3f51b5;
    transform: scale(0.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 9px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, 0.26);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    transform: scale(0.5625);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px
}

.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, 0.26);
    left: -6px
}

.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: 0 0;
    -webkit-transform: scale(0.667);
    transform: scale(0.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: 0 0;
    transform: scale(0.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
    transform: scale(0.25);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
    transform: scale(0.25);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdl-slider__container, .mdl-slider__background-flex {
    background: 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mdl-slider__background-flex {
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px)
}

.mdl-slider__background-lower {
    background: #3f51b5
}

.mdl-slider__background-lower, .mdl-slider__background-upper {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}

.mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none
}

@media (max-width: 479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px
    }
}

@media (min-width: 480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px)
    }
}

.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1)
}

@media (min-width: 480px) {
    .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: #fff;
    float: left
}

.mdl-snackbar__action {
    background: 0 0;
    border: none;
    color: #ff4081;
    float: right;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mdl-snackbar__action::-moz-focus-inner {
    border: 0
}

.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite
}

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-2 {
    border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-3 {
    border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-4 {
    border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from, 25% {
        opacity: .99
    }
    26%, 89% {
        opacity: 0
    }
    90%, 100% {
        opacity: .99
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from, 25% {
        opacity: .99
    }
    26%, 89% {
        opacity: 0
    }
    90%, 100% {
        opacity: .99
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from, 15% {
        opacity: 0
    }
    25%, 50% {
        opacity: .99
    }
    51% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from, 15% {
        opacity: 0
    }
    25%, 50% {
        opacity: .99
    }
    51% {
        opacity: 0
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from, 40% {
        opacity: 0
    }
    50%, 75% {
        opacity: .99
    }
    76% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from, 40% {
        opacity: 0
    }
    50%, 75% {
        opacity: .99
    }
    76% {
        opacity: 0
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from, 65% {
        opacity: 0
    }
    75%, 90% {
        opacity: .99
    }
    100% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from, 65% {
        opacity: 0
    }
    75%, 90% {
        opacity: .99
    }
    100% {
        opacity: 0
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch__input {
    line-height: 24px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, 0.5)
}

.mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto
}

.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #3f51b5;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px
}

.mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    transition-duration: .4s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}

.mdl-tabs {
    display: block;
    width: 100%
}

.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    overflow: hidden
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #3f51b5;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdl-tabs__panel {
    display: block
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: .1px
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}

.mdl-tooltip.is-active {
    -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2)
}

.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}

.mdl-cell {
    box-sizing: border-box
}

.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0
}

.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

@media (max-width: 479px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 100%
    }

    .mdl-cell--hide-phone {
        display: none !important
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 50%
    }

    .mdl-cell--hide-tablet {
        display: none !important
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%
    }

    .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%
    }

    .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%
    }

    .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%
    }

    .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%
    }
}

@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%
    }

    .mdl-cell--hide-desktop {
        display: none !important
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }

    .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%
    }

    .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%
    }

    .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }

    .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%
    }

    .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%
    }

    .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }

    .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%
    }

    .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%
    }
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

*[hidden] {
    display: none !important
}

.mdl-typography--display-4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em
}

.mdl-typography--display-4-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
    opacity: 0.54
}

.mdl-typography--display-3 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em
}

.mdl-typography--display-3-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54
}

.mdl-typography--display-2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}

.mdl-typography--display-2-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    opacity: 0.54
}

.mdl-typography--display-1 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}

.mdl-typography--display-1-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    opacity: 0.54
}

.mdl-typography--headline {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}

.mdl-typography--headline-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.87
}

.mdl-typography--title {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em
}

.mdl-typography--title-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    opacity: 0.87
}

.mdl-typography--subhead {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em
}

.mdl-typography--subhead-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em;
    opacity: 0.87
}

.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--body-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--body-2-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--body-1-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54
}

.mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54
}

.mdl-typography--menu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--menu-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--button {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--text-left {
    text-align: left
}

.mdl-typography--text-right {
    text-align: right
}

.mdl-typography--text-center {
    text-align: center
}

.mdl-typography--text-justify {
    text-align: justify
}

.mdl-typography--text-nowrap {
    white-space: nowrap
}

.mdl-typography--text-lowercase {
    text-transform: lowercase
}

.mdl-typography--text-uppercase {
    text-transform: uppercase
}

.mdl-typography--text-capitalize {
    text-transform: capitalize
}

.mdl-typography--font-thin {
    font-weight: 200 !important
}

.mdl-typography--font-light {
    font-weight: 300 !important
}

.mdl-typography--font-regular {
    font-weight: 400 !important
}

.mdl-typography--font-medium {
    font-weight: 500 !important
}

.mdl-typography--font-bold {
    font-weight: 700 !important
}

.mdl-typography--font-black {
    font-weight: 900 !important
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mdl-color-text--red {
    color: #f44336 !important
}

.mdl-color--red {
    background-color: #f44336 !important
}

.mdl-color-text--red-50 {
    color: #ffebee !important
}

.mdl-color--red-50 {
    background-color: #ffebee !important
}

.mdl-color-text--red-100 {
    color: #ffcdd2 !important
}

.mdl-color--red-100 {
    background-color: #ffcdd2 !important
}

.mdl-color-text--red-200 {
    color: #ef9a9a !important
}

.mdl-color--red-200 {
    background-color: #ef9a9a !important
}

.mdl-color-text--red-300 {
    color: #e57373 !important
}

.mdl-color--red-300 {
    background-color: #e57373 !important
}

.mdl-color-text--red-400 {
    color: #ef5350 !important
}

.mdl-color--red-400 {
    background-color: #ef5350 !important
}

.mdl-color-text--red-500 {
    color: #f44336 !important
}

.mdl-color--red-500 {
    background-color: #f44336 !important
}

.mdl-color-text--red-600 {
    color: #e53935 !important
}

.mdl-color--red-600 {
    background-color: #e53935 !important
}

.mdl-color-text--red-700 {
    color: #d32f2f !important
}

.mdl-color--red-700 {
    background-color: #d32f2f !important
}

.mdl-color-text--red-800 {
    color: #c62828 !important
}

.mdl-color--red-800 {
    background-color: #c62828 !important
}

.mdl-color-text--red-900 {
    color: #b71c1c !important
}

.mdl-color--red-900 {
    background-color: #b71c1c !important
}

.mdl-color-text--red-A100 {
    color: #ff8a80 !important
}

.mdl-color--red-A100 {
    background-color: #ff8a80 !important
}

.mdl-color-text--red-A200 {
    color: #ff5252 !important
}

.mdl-color--red-A200 {
    background-color: #ff5252 !important
}

.mdl-color-text--red-A400 {
    color: #ff1744 !important
}

.mdl-color--red-A400 {
    background-color: #ff1744 !important
}

.mdl-color-text--red-A700 {
    color: #d50000 !important
}

.mdl-color--red-A700 {
    background-color: #d50000 !important
}

.mdl-color-text--pink {
    color: #e91e63 !important
}

.mdl-color--pink {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-50 {
    color: #fce4ec !important
}

.mdl-color--pink-50 {
    background-color: #fce4ec !important
}

.mdl-color-text--pink-100 {
    color: #f8bbd0 !important
}

.mdl-color--pink-100 {
    background-color: #f8bbd0 !important
}

.mdl-color-text--pink-200 {
    color: #f48fb1 !important
}

.mdl-color--pink-200 {
    background-color: #f48fb1 !important
}

.mdl-color-text--pink-300 {
    color: #f06292 !important
}

.mdl-color--pink-300 {
    background-color: #f06292 !important
}

.mdl-color-text--pink-400 {
    color: #ec407a !important
}

.mdl-color--pink-400 {
    background-color: #ec407a !important
}

.mdl-color-text--pink-500 {
    color: #e91e63 !important
}

.mdl-color--pink-500 {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-600 {
    color: #d81b60 !important
}

.mdl-color--pink-600 {
    background-color: #d81b60 !important
}

.mdl-color-text--pink-700 {
    color: #c2185b !important
}

.mdl-color--pink-700 {
    background-color: #c2185b !important
}

.mdl-color-text--pink-800 {
    color: #ad1457 !important
}

.mdl-color--pink-800 {
    background-color: #ad1457 !important
}

.mdl-color-text--pink-900 {
    color: #880e4f !important
}

.mdl-color--pink-900 {
    background-color: #880e4f !important
}

.mdl-color-text--pink-A100 {
    color: #ff80ab !important
}

.mdl-color--pink-A100 {
    background-color: #ff80ab !important
}

.mdl-color-text--pink-A200 {
    color: #ff4081 !important
}

.mdl-color--pink-A200 {
    background-color: #ff4081 !important
}

.mdl-color-text--pink-A400 {
    color: #f50057 !important
}

.mdl-color--pink-A400 {
    background-color: #f50057 !important
}

.mdl-color-text--pink-A700 {
    color: #c51162 !important
}

.mdl-color--pink-A700 {
    background-color: #c51162 !important
}

.mdl-color-text--purple {
    color: #9c27b0 !important
}

.mdl-color--purple {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-50 {
    color: #f3e5f5 !important
}

.mdl-color--purple-50 {
    background-color: #f3e5f5 !important
}

.mdl-color-text--purple-100 {
    color: #e1bee7 !important
}

.mdl-color--purple-100 {
    background-color: #e1bee7 !important
}

.mdl-color-text--purple-200 {
    color: #ce93d8 !important
}

.mdl-color--purple-200 {
    background-color: #ce93d8 !important
}

.mdl-color-text--purple-300 {
    color: #ba68c8 !important
}

.mdl-color--purple-300 {
    background-color: #ba68c8 !important
}

.mdl-color-text--purple-400 {
    color: #ab47bc !important
}

.mdl-color--purple-400 {
    background-color: #ab47bc !important
}

.mdl-color-text--purple-500 {
    color: #9c27b0 !important
}

.mdl-color--purple-500 {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-600 {
    color: #8e24aa !important
}

.mdl-color--purple-600 {
    background-color: #8e24aa !important
}

.mdl-color-text--purple-700 {
    color: #7b1fa2 !important
}

.mdl-color--purple-700 {
    background-color: #7b1fa2 !important
}

.mdl-color-text--purple-800 {
    color: #6a1b9a !important
}

.mdl-color--purple-800 {
    background-color: #6a1b9a !important
}

.mdl-color-text--purple-900 {
    color: #4a148c !important
}

.mdl-color--purple-900 {
    background-color: #4a148c !important
}

.mdl-color-text--purple-A100 {
    color: #ea80fc !important
}

.mdl-color--purple-A100 {
    background-color: #ea80fc !important
}

.mdl-color-text--purple-A200 {
    color: #e040fb !important
}

.mdl-color--purple-A200 {
    background-color: #e040fb !important
}

.mdl-color-text--purple-A400 {
    color: #d500f9 !important
}

.mdl-color--purple-A400 {
    background-color: #d500f9 !important
}

.mdl-color-text--purple-A700 {
    color: #aa00ff !important
}

.mdl-color--purple-A700 {
    background-color: #aa00ff !important
}

.mdl-color-text--deep-purple {
    color: #673ab7 !important
}

.mdl-color--deep-purple {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-50 {
    color: #ede7f6 !important
}

.mdl-color--deep-purple-50 {
    background-color: #ede7f6 !important
}

.mdl-color-text--deep-purple-100 {
    color: #d1c4e9 !important
}

.mdl-color--deep-purple-100 {
    background-color: #d1c4e9 !important
}

.mdl-color-text--deep-purple-200 {
    color: #b39ddb !important
}

.mdl-color--deep-purple-200 {
    background-color: #b39ddb !important
}

.mdl-color-text--deep-purple-300 {
    color: #9575cd !important
}

.mdl-color--deep-purple-300 {
    background-color: #9575cd !important
}

.mdl-color-text--deep-purple-400 {
    color: #7e57c2 !important
}

.mdl-color--deep-purple-400 {
    background-color: #7e57c2 !important
}

.mdl-color-text--deep-purple-500 {
    color: #673ab7 !important
}

.mdl-color--deep-purple-500 {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-600 {
    color: #5e35b1 !important
}

.mdl-color--deep-purple-600 {
    background-color: #5e35b1 !important
}

.mdl-color-text--deep-purple-700 {
    color: #512da8 !important
}

.mdl-color--deep-purple-700 {
    background-color: #512da8 !important
}

.mdl-color-text--deep-purple-800 {
    color: #4527a0 !important
}

.mdl-color--deep-purple-800 {
    background-color: #4527a0 !important
}

.mdl-color-text--deep-purple-900 {
    color: #311b92 !important
}

.mdl-color--deep-purple-900 {
    background-color: #311b92 !important
}

.mdl-color-text--deep-purple-A100 {
    color: #b388ff !important
}

.mdl-color--deep-purple-A100 {
    background-color: #b388ff !important
}

.mdl-color-text--deep-purple-A200 {
    color: #7c4dff !important
}

.mdl-color--deep-purple-A200 {
    background-color: #7c4dff !important
}

.mdl-color-text--deep-purple-A400 {
    color: #651fff !important
}

.mdl-color--deep-purple-A400 {
    background-color: #651fff !important
}

.mdl-color-text--deep-purple-A700 {
    color: #6200ea !important
}

.mdl-color--deep-purple-A700 {
    background-color: #6200ea !important
}

.mdl-color-text--indigo {
    color: #4abfe6 !important
}

.mdl-color--indigo {
    background-color: #4abfe6 !important
}

.mdl-color-text--indigo-50 {
    color: #e8eaf6 !important
}

.mdl-color--indigo-50 {
    background-color: #e8eaf6 !important
}

.mdl-color-text--indigo-100 {
    color: #c5cae9 !important
}

.mdl-color--indigo-100 {
    background-color: #c5cae9 !important
}

.mdl-color-text--indigo-200 {
    color: #9fa8da !important
}

.mdl-color--indigo-200 {
    background-color: #9fa8da !important
}

.mdl-color-text--indigo-300 {
    color: #7986cb !important
}

.mdl-color--indigo-300 {
    background-color: #7986cb !important
}

.mdl-color-text--indigo-400 {
    color: #5c6bc0 !important
}

.mdl-color--indigo-400 {
    background-color: #5c6bc0 !important
}

.mdl-color-text--indigo-500 {
    color: #4abfe6 !important
}

.mdl-color--indigo-500 {
    background-color: #4abfe6 !important
}

.mdl-color-text--indigo-600 {
    color: #3949ab !important
}

.mdl-color--indigo-600 {
    background-color: #3949ab !important
}

.mdl-color-text--indigo-700 {
    color: #303f9f !important
}

.mdl-color--indigo-700 {
    background-color: #303f9f !important
}

.mdl-color-text--indigo-800 {
    color: #283593 !important
}

.mdl-color--indigo-800 {
    background-color: #283593 !important
}

.mdl-color-text--indigo-900 {
    color: #1a237e !important
}

.mdl-color--indigo-900 {
    background-color: #1a237e !important
}

.mdl-color-text--indigo-A100 {
    color: #8c9eff !important
}

.mdl-color--indigo-A100 {
    background-color: #8c9eff !important
}

.mdl-color-text--indigo-A200 {
    color: #536dfe !important
}

.mdl-color--indigo-A200 {
    background-color: #536dfe !important
}

.mdl-color-text--indigo-A400 {
    color: #3d5afe !important
}

.mdl-color--indigo-A400 {
    background-color: #3d5afe !important
}

.mdl-color-text--indigo-A700 {
    color: #304ffe !important
}

.mdl-color--indigo-A700 {
    background-color: #304ffe !important
}

.mdl-color-text--blue {
    color: #2196f3 !important
}

.mdl-color--blue {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-50 {
    color: #e3f2fd !important
}

.mdl-color--blue-50 {
    background-color: #e3f2fd !important
}

.mdl-color-text--blue-100 {
    color: #bbdefb !important
}

.mdl-color--blue-100 {
    background-color: #bbdefb !important
}

.mdl-color-text--blue-200 {
    color: #90caf9 !important
}

.mdl-color--blue-200 {
    background-color: #90caf9 !important
}

.mdl-color-text--blue-300 {
    color: #64b5f6 !important
}

.mdl-color--blue-300 {
    background-color: #64b5f6 !important
}

.mdl-color-text--blue-400 {
    color: #42a5f5 !important
}

.mdl-color--blue-400 {
    background-color: #42a5f5 !important
}

.mdl-color-text--blue-500 {
    color: #2196f3 !important
}

.mdl-color--blue-500 {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-600 {
    color: #1e88e5 !important
}

.mdl-color--blue-600 {
    background-color: #1e88e5 !important
}

.mdl-color-text--blue-700 {
    color: #1976d2 !important
}

.mdl-color--blue-700 {
    background-color: #1976d2 !important
}

.mdl-color-text--blue-800 {
    color: #1565c0 !important
}

.mdl-color--blue-800 {
    background-color: #1565c0 !important
}

.mdl-color-text--blue-900 {
    color: #0d47a1 !important
}

.mdl-color--blue-900 {
    background-color: #0d47a1 !important
}

.mdl-color-text--blue-A100 {
    color: #82b1ff !important
}

.mdl-color--blue-A100 {
    background-color: #82b1ff !important
}

.mdl-color-text--blue-A200 {
    color: #448aff !important
}

.mdl-color--blue-A200 {
    background-color: #448aff !important
}

.mdl-color-text--blue-A400 {
    color: #2979ff !important
}

.mdl-color--blue-A400 {
    background-color: #2979ff !important
}

.mdl-color-text--blue-A700 {
    color: #2962ff !important
}

.mdl-color--blue-A700 {
    background-color: #2962ff !important
}

.mdl-color-text--light-blue {
    color: #03a9f4 !important
}

.mdl-color--light-blue {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-50 {
    color: #e1f5fe !important
}

.mdl-color--light-blue-50 {
    background-color: #e1f5fe !important
}

.mdl-color-text--light-blue-100 {
    color: #b3e5fc !important
}

.mdl-color--light-blue-100 {
    background-color: #b3e5fc !important
}

.mdl-color-text--light-blue-200 {
    color: #81d4fa !important
}

.mdl-color--light-blue-200 {
    background-color: #81d4fa !important
}

.mdl-color-text--light-blue-300 {
    color: #4fc3f7 !important
}

.mdl-color--light-blue-300 {
    background-color: #4fc3f7 !important
}

.mdl-color-text--light-blue-400 {
    color: #29b6f6 !important
}

.mdl-color--light-blue-400 {
    background-color: #29b6f6 !important
}

.mdl-color-text--light-blue-500 {
    color: #03a9f4 !important
}

.mdl-color--light-blue-500 {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-600 {
    color: #039be5 !important
}

.mdl-color--light-blue-600 {
    background-color: #039be5 !important
}

.mdl-color-text--light-blue-700 {
    color: #0288d1 !important
}

.mdl-color--light-blue-700 {
    background-color: #0288d1 !important
}

.mdl-color-text--light-blue-800 {
    color: #0277bd !important
}

.mdl-color--light-blue-800 {
    background-color: #0277bd !important
}

.mdl-color-text--light-blue-900 {
    color: #01579b !important
}

.mdl-color--light-blue-900 {
    background-color: #01579b !important
}

.mdl-color-text--light-blue-A100 {
    color: #80d8ff !important
}

.mdl-color--light-blue-A100 {
    background-color: #80d8ff !important
}

.mdl-color-text--light-blue-A200 {
    color: #40c4ff !important
}

.mdl-color--light-blue-A200 {
    background-color: #40c4ff !important
}

.mdl-color-text--light-blue-A400 {
    color: #00b0ff !important
}

.mdl-color--light-blue-A400 {
    background-color: #00b0ff !important
}

.mdl-color-text--light-blue-A700 {
    color: #0091ea !important
}

.mdl-color--light-blue-A700 {
    background-color: #0091ea !important
}

.mdl-color-text--cyan {
    color: #00bcd4 !important
}

.mdl-color--cyan {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-50 {
    color: #e0f7fa !important
}

.mdl-color--cyan-50 {
    background-color: #e0f7fa !important
}

.mdl-color-text--cyan-100 {
    color: #b2ebf2 !important
}

.mdl-color--cyan-100 {
    background-color: #b2ebf2 !important
}

.mdl-color-text--cyan-200 {
    color: #80deea !important
}

.mdl-color--cyan-200 {
    background-color: #80deea !important
}

.mdl-color-text--cyan-300 {
    color: #4dd0e1 !important
}

.mdl-color--cyan-300 {
    background-color: #4dd0e1 !important
}

.mdl-color-text--cyan-400 {
    color: #26c6da !important
}

.mdl-color--cyan-400 {
    background-color: #26c6da !important
}

.mdl-color-text--cyan-500 {
    color: #00bcd4 !important
}

.mdl-color--cyan-500 {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-600 {
    color: #00acc1 !important
}

.mdl-color--cyan-600 {
    background-color: #00acc1 !important
}

.mdl-color-text--cyan-700 {
    color: #0097a7 !important
}

.mdl-color--cyan-700 {
    background-color: #0097a7 !important
}

.mdl-color-text--cyan-800 {
    color: #00838f !important
}

.mdl-color--cyan-800 {
    background-color: #00838f !important
}

.mdl-color-text--cyan-900 {
    color: #006064 !important
}

.mdl-color--cyan-900 {
    background-color: #006064 !important
}

.mdl-color-text--cyan-A100 {
    color: #84ffff !important
}

.mdl-color--cyan-A100 {
    background-color: #84ffff !important
}

.mdl-color-text--cyan-A200 {
    color: #18ffff !important
}

.mdl-color--cyan-A200 {
    background-color: #18ffff !important
}

.mdl-color-text--cyan-A400 {
    color: #00e5ff !important
}

.mdl-color--cyan-A400 {
    background-color: #00e5ff !important
}

.mdl-color-text--cyan-A700 {
    color: #00b8d4 !important
}

.mdl-color--cyan-A700 {
    background-color: #00b8d4 !important
}

.mdl-color-text--teal {
    color: #009688 !important
}

.mdl-color--teal {
    background-color: #009688 !important
}

.mdl-color-text--teal-50 {
    color: #e0f2f1 !important
}

.mdl-color--teal-50 {
    background-color: #e0f2f1 !important
}

.mdl-color-text--teal-100 {
    color: #b2dfdb !important
}

.mdl-color--teal-100 {
    background-color: #b2dfdb !important
}

.mdl-color-text--teal-200 {
    color: #80cbc4 !important
}

.mdl-color--teal-200 {
    background-color: #80cbc4 !important
}

.mdl-color-text--teal-300 {
    color: #4db6ac !important
}

.mdl-color--teal-300 {
    background-color: #4db6ac !important
}

.mdl-color-text--teal-400 {
    color: #26a69a !important
}

.mdl-color--teal-400 {
    background-color: #26a69a !important
}

.mdl-color-text--teal-500 {
    color: #009688 !important
}

.mdl-color--teal-500 {
    background-color: #009688 !important
}

.mdl-color-text--teal-600 {
    color: #00897b !important
}

.mdl-color--teal-600 {
    background-color: #00897b !important
}

.mdl-color-text--teal-700 {
    color: #00796b !important
}

.mdl-color--teal-700 {
    background-color: #00796b !important
}

.mdl-color-text--teal-800 {
    color: #00695c !important
}

.mdl-color--teal-800 {
    background-color: #00695c !important
}

.mdl-color-text--teal-900 {
    color: #004d40 !important
}

.mdl-color--teal-900 {
    background-color: #004d40 !important
}

.mdl-color-text--teal-A100 {
    color: #a7ffeb !important
}

.mdl-color--teal-A100 {
    background-color: #a7ffeb !important
}

.mdl-color-text--teal-A200 {
    color: #64ffda !important
}

.mdl-color--teal-A200 {
    background-color: #64ffda !important
}

.mdl-color-text--teal-A400 {
    color: #1de9b6 !important
}

.mdl-color--teal-A400 {
    background-color: #1de9b6 !important
}

.mdl-color-text--teal-A700 {
    color: #00bfa5 !important
}

.mdl-color--teal-A700 {
    background-color: #00bfa5 !important
}

.mdl-color-text--green {
    color: #4caf50 !important
}

.mdl-color--green {
    background-color: #4caf50 !important
}

.mdl-color-text--green-50 {
    color: #e8f5e9 !important
}

.mdl-color--green-50 {
    background-color: #e8f5e9 !important
}

.mdl-color-text--green-100 {
    color: #c8e6c9 !important
}

.mdl-color--green-100 {
    background-color: #c8e6c9 !important
}

.mdl-color-text--green-200 {
    color: #a5d6a7 !important
}

.mdl-color--green-200 {
    background-color: #a5d6a7 !important
}

.mdl-color-text--green-300 {
    color: #81c784 !important
}

.mdl-color--green-300 {
    background-color: #81c784 !important
}

.mdl-color-text--green-400 {
    color: #66bb6a !important
}

.mdl-color--green-400 {
    background-color: #66bb6a !important
}

.mdl-color-text--green-500 {
    color: #4caf50 !important
}

.mdl-color--green-500 {
    background-color: #4caf50 !important
}

.mdl-color-text--green-600 {
    color: #43a047 !important
}

.mdl-color--green-600 {
    background-color: #43a047 !important
}

.mdl-color-text--green-700 {
    color: #388e3c !important
}

.mdl-color--green-700 {
    background-color: #388e3c !important
}

.mdl-color-text--green-800 {
    color: #2e7d32 !important
}

.mdl-color--green-800 {
    background-color: #2e7d32 !important
}

.mdl-color-text--green-900 {
    color: #1b5e20 !important
}

.mdl-color--green-900 {
    background-color: #1b5e20 !important
}

.mdl-color-text--green-A100 {
    color: #b9f6ca !important
}

.mdl-color--green-A100 {
    background-color: #b9f6ca !important
}

.mdl-color-text--green-A200 {
    color: #69f0ae !important
}

.mdl-color--green-A200 {
    background-color: #69f0ae !important
}

.mdl-color-text--green-A400 {
    color: #00e676 !important
}

.mdl-color--green-A400 {
    background-color: #00e676 !important
}

.mdl-color-text--green-A700 {
    color: #00c853 !important
}

.mdl-color--green-A700 {
    background-color: #00c853 !important
}

.mdl-color-text--light-green {
    color: #8bc34a !important
}

.mdl-color--light-green {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-50 {
    color: #f1f8e9 !important
}

.mdl-color--light-green-50 {
    background-color: #f1f8e9 !important
}

.mdl-color-text--light-green-100 {
    color: #dcedc8 !important
}

.mdl-color--light-green-100 {
    background-color: #dcedc8 !important
}

.mdl-color-text--light-green-200 {
    color: #c5e1a5 !important
}

.mdl-color--light-green-200 {
    background-color: #c5e1a5 !important
}

.mdl-color-text--light-green-300 {
    color: #aed581 !important
}

.mdl-color--light-green-300 {
    background-color: #aed581 !important
}

.mdl-color-text--light-green-400 {
    color: #9ccc65 !important
}

.mdl-color--light-green-400 {
    background-color: #9ccc65 !important
}

.mdl-color-text--light-green-500 {
    color: #8bc34a !important
}

.mdl-color--light-green-500 {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-600 {
    color: #7cb342 !important
}

.mdl-color--light-green-600 {
    background-color: #7cb342 !important
}

.mdl-color-text--light-green-700 {
    color: #689f38 !important
}

.mdl-color--light-green-700 {
    background-color: #689f38 !important
}

.mdl-color-text--light-green-800 {
    color: #558b2f !important
}

.mdl-color--light-green-800 {
    background-color: #558b2f !important
}

.mdl-color-text--light-green-900 {
    color: #33691e !important
}

.mdl-color--light-green-900 {
    background-color: #33691e !important
}

.mdl-color-text--light-green-A100 {
    color: #ccff90 !important
}

.mdl-color--light-green-A100 {
    background-color: #ccff90 !important
}

.mdl-color-text--light-green-A200 {
    color: #b2ff59 !important
}

.mdl-color--light-green-A200 {
    background-color: #b2ff59 !important
}

.mdl-color-text--light-green-A400 {
    color: #76ff03 !important
}

.mdl-color--light-green-A400 {
    background-color: #76ff03 !important
}

.mdl-color-text--light-green-A700 {
    color: #64dd17 !important
}

.mdl-color--light-green-A700 {
    background-color: #64dd17 !important
}

.mdl-color-text--lime {
    color: #cddc39 !important
}

.mdl-color--lime {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-50 {
    color: #f9fbe7 !important
}

.mdl-color--lime-50 {
    background-color: #f9fbe7 !important
}

.mdl-color-text--lime-100 {
    color: #f0f4c3 !important
}

.mdl-color--lime-100 {
    background-color: #f0f4c3 !important
}

.mdl-color-text--lime-200 {
    color: #e6ee9c !important
}

.mdl-color--lime-200 {
    background-color: #e6ee9c !important
}

.mdl-color-text--lime-300 {
    color: #dce775 !important
}

.mdl-color--lime-300 {
    background-color: #dce775 !important
}

.mdl-color-text--lime-400 {
    color: #d4e157 !important
}

.mdl-color--lime-400 {
    background-color: #d4e157 !important
}

.mdl-color-text--lime-500 {
    color: #cddc39 !important
}

.mdl-color--lime-500 {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-600 {
    color: #c0ca33 !important
}

.mdl-color--lime-600 {
    background-color: #c0ca33 !important
}

.mdl-color-text--lime-700 {
    color: #afb42b !important
}

.mdl-color--lime-700 {
    background-color: #afb42b !important
}

.mdl-color-text--lime-800 {
    color: #9e9d24 !important
}

.mdl-color--lime-800 {
    background-color: #9e9d24 !important
}

.mdl-color-text--lime-900 {
    color: #827717 !important
}

.mdl-color--lime-900 {
    background-color: #827717 !important
}

.mdl-color-text--lime-A100 {
    color: #f4ff81 !important
}

.mdl-color--lime-A100 {
    background-color: #f4ff81 !important
}

.mdl-color-text--lime-A200 {
    color: #eeff41 !important
}

.mdl-color--lime-A200 {
    background-color: #eeff41 !important
}

.mdl-color-text--lime-A400 {
    color: #c6ff00 !important
}

.mdl-color--lime-A400 {
    background-color: #c6ff00 !important
}

.mdl-color-text--lime-A700 {
    color: #aeea00 !important
}

.mdl-color--lime-A700 {
    background-color: #aeea00 !important
}

.mdl-color-text--yellow {
    color: #ffeb3b !important
}

.mdl-color--yellow {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-50 {
    color: #fffde7 !important
}

.mdl-color--yellow-50 {
    background-color: #fffde7 !important
}

.mdl-color-text--yellow-100 {
    color: #fff9c4 !important
}

.mdl-color--yellow-100 {
    background-color: #fff9c4 !important
}

.mdl-color-text--yellow-200 {
    color: #fff59d !important
}

.mdl-color--yellow-200 {
    background-color: #fff59d !important
}

.mdl-color-text--yellow-300 {
    color: #fff176 !important
}

.mdl-color--yellow-300 {
    background-color: #fff176 !important
}

.mdl-color-text--yellow-400 {
    color: #ffee58 !important
}

.mdl-color--yellow-400 {
    background-color: #ffee58 !important
}

.mdl-color-text--yellow-500 {
    color: #ffeb3b !important
}

.mdl-color--yellow-500 {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-600 {
    color: #fdd835 !important
}

.mdl-color--yellow-600 {
    background-color: #fdd835 !important
}

.mdl-color-text--yellow-700 {
    color: #fbc02d !important
}

.mdl-color--yellow-700 {
    background-color: #fbc02d !important
}

.mdl-color-text--yellow-800 {
    color: #f9a825 !important
}

.mdl-color--yellow-800 {
    background-color: #f9a825 !important
}

.mdl-color-text--yellow-900 {
    color: #f57f17 !important
}

.mdl-color--yellow-900 {
    background-color: #f57f17 !important
}

.mdl-color-text--yellow-A100 {
    color: #ffff8d !important
}

.mdl-color--yellow-A100 {
    background-color: #ffff8d !important
}

.mdl-color-text--yellow-A200 {
    color: yellow !important
}

.mdl-color--yellow-A200 {
    background-color: yellow !important
}

.mdl-color-text--yellow-A400 {
    color: #ffea00 !important
}

.mdl-color--yellow-A400 {
    background-color: #ffea00 !important
}

.mdl-color-text--yellow-A700 {
    color: #ffd600 !important
}

.mdl-color--yellow-A700 {
    background-color: #ffd600 !important
}

.mdl-color-text--amber {
    color: #ffc107 !important
}

.mdl-color--amber {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-50 {
    color: #fff8e1 !important
}

.mdl-color--amber-50 {
    background-color: #fff8e1 !important
}

.mdl-color-text--amber-100 {
    color: #ffecb3 !important
}

.mdl-color--amber-100 {
    background-color: #ffecb3 !important
}

.mdl-color-text--amber-200 {
    color: #ffe082 !important
}

.mdl-color--amber-200 {
    background-color: #ffe082 !important
}

.mdl-color-text--amber-300 {
    color: #ffd54f !important
}

.mdl-color--amber-300 {
    background-color: #ffd54f !important
}

.mdl-color-text--amber-400 {
    color: #ffca28 !important
}

.mdl-color--amber-400 {
    background-color: #ffca28 !important
}

.mdl-color-text--amber-500 {
    color: #ffc107 !important
}

.mdl-color--amber-500 {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-600 {
    color: #ffb300 !important
}

.mdl-color--amber-600 {
    background-color: #ffb300 !important
}

.mdl-color-text--amber-700 {
    color: #ffa000 !important
}

.mdl-color--amber-700 {
    background-color: #ffa000 !important
}

.mdl-color-text--amber-800 {
    color: #ff8f00 !important
}

.mdl-color--amber-800 {
    background-color: #ff8f00 !important
}

.mdl-color-text--amber-900 {
    color: #ff6f00 !important
}

.mdl-color--amber-900 {
    background-color: #ff6f00 !important
}

.mdl-color-text--amber-A100 {
    color: #ffe57f !important
}

.mdl-color--amber-A100 {
    background-color: #ffe57f !important
}

.mdl-color-text--amber-A200 {
    color: #ffd740 !important
}

.mdl-color--amber-A200 {
    background-color: #ffd740 !important
}

.mdl-color-text--amber-A400 {
    color: #ffc400 !important
}

.mdl-color--amber-A400 {
    background-color: #ffc400 !important
}

.mdl-color-text--amber-A700 {
    color: #ffab00 !important
}

.mdl-color--amber-A700 {
    background-color: #ffab00 !important
}

.mdl-color-text--orange {
    color: #ff9800 !important
}

.mdl-color--orange {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-50 {
    color: #fff3e0 !important
}

.mdl-color--orange-50 {
    background-color: #fff3e0 !important
}

.mdl-color-text--orange-100 {
    color: #ffe0b2 !important
}

.mdl-color--orange-100 {
    background-color: #ffe0b2 !important
}

.mdl-color-text--orange-200 {
    color: #ffcc80 !important
}

.mdl-color--orange-200 {
    background-color: #ffcc80 !important
}

.mdl-color-text--orange-300 {
    color: #ffb74d !important
}

.mdl-color--orange-300 {
    background-color: #ffb74d !important
}

.mdl-color-text--orange-400 {
    color: #ffa726 !important
}

.mdl-color--orange-400 {
    background-color: #ffa726 !important
}

.mdl-color-text--orange-500 {
    color: #ff9800 !important
}

.mdl-color--orange-500 {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-600 {
    color: #fb8c00 !important
}

.mdl-color--orange-600 {
    background-color: #fb8c00 !important
}

.mdl-color-text--orange-700 {
    color: #f57c00 !important
}

.mdl-color--orange-700 {
    background-color: #f57c00 !important
}

.mdl-color-text--orange-800 {
    color: #ef6c00 !important
}

.mdl-color--orange-800 {
    background-color: #ef6c00 !important
}

.mdl-color-text--orange-900 {
    color: #e65100 !important
}

.mdl-color--orange-900 {
    background-color: #e65100 !important
}

.mdl-color-text--orange-A100 {
    color: #ffd180 !important
}

.mdl-color--orange-A100 {
    background-color: #ffd180 !important
}

.mdl-color-text--orange-A200 {
    color: #ffab40 !important
}

.mdl-color--orange-A200 {
    background-color: #ffab40 !important
}

.mdl-color-text--orange-A400 {
    color: #ff9100 !important
}

.mdl-color--orange-A400 {
    background-color: #ff9100 !important
}

.mdl-color-text--orange-A700 {
    color: #ff6d00 !important
}

.mdl-color--orange-A700 {
    background-color: #ff6d00 !important
}

.mdl-color-text--deep-orange {
    color: #ff5722 !important
}

.mdl-color--deep-orange {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-50 {
    color: #fbe9e7 !important
}

.mdl-color--deep-orange-50 {
    background-color: #fbe9e7 !important
}

.mdl-color-text--deep-orange-100 {
    color: #ffccbc !important
}

.mdl-color--deep-orange-100 {
    background-color: #ffccbc !important
}

.mdl-color-text--deep-orange-200 {
    color: #ffab91 !important
}

.mdl-color--deep-orange-200 {
    background-color: #ffab91 !important
}

.mdl-color-text--deep-orange-300 {
    color: #ff8a65 !important
}

.mdl-color--deep-orange-300 {
    background-color: #ff8a65 !important
}

.mdl-color-text--deep-orange-400 {
    color: #ff7043 !important
}

.mdl-color--deep-orange-400 {
    background-color: #ff7043 !important
}

.mdl-color-text--deep-orange-500 {
    color: #ff5722 !important
}

.mdl-color--deep-orange-500 {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-600 {
    color: #f4511e !important
}

.mdl-color--deep-orange-600 {
    background-color: #f4511e !important
}

.mdl-color-text--deep-orange-700 {
    color: #e64a19 !important
}

.mdl-color--deep-orange-700 {
    background-color: #e64a19 !important
}

.mdl-color-text--deep-orange-800 {
    color: #d84315 !important
}

.mdl-color--deep-orange-800 {
    background-color: #d84315 !important
}

.mdl-color-text--deep-orange-900 {
    color: #bf360c !important
}

.mdl-color--deep-orange-900 {
    background-color: #bf360c !important
}

.mdl-color-text--deep-orange-A100 {
    color: #ff9e80 !important
}

.mdl-color--deep-orange-A100 {
    background-color: #ff9e80 !important
}

.mdl-color-text--deep-orange-A200 {
    color: #ff6e40 !important
}

.mdl-color--deep-orange-A200 {
    background-color: #ff6e40 !important
}

.mdl-color-text--deep-orange-A400 {
    color: #ff3d00 !important
}

.mdl-color--deep-orange-A400 {
    background-color: #ff3d00 !important
}

.mdl-color-text--deep-orange-A700 {
    color: #dd2c00 !important
}

.mdl-color--deep-orange-A700 {
    background-color: #dd2c00 !important
}

.mdl-color-text--brown {
    color: #795548 !important
}

.mdl-color--brown {
    background-color: #795548 !important
}

.mdl-color-text--brown-50 {
    color: #efebe9 !important
}

.mdl-color--brown-50 {
    background-color: #efebe9 !important
}

.mdl-color-text--brown-100 {
    color: #d7ccc8 !important
}

.mdl-color--brown-100 {
    background-color: #d7ccc8 !important
}

.mdl-color-text--brown-200 {
    color: #bcaaa4 !important
}

.mdl-color--brown-200 {
    background-color: #bcaaa4 !important
}

.mdl-color-text--brown-300 {
    color: #a1887f !important
}

.mdl-color--brown-300 {
    background-color: #a1887f !important
}

.mdl-color-text--brown-400 {
    color: #8d6e63 !important
}

.mdl-color--brown-400 {
    background-color: #8d6e63 !important
}

.mdl-color-text--brown-500 {
    color: #795548 !important
}

.mdl-color--brown-500 {
    background-color: #795548 !important
}

.mdl-color-text--brown-600 {
    color: #6d4c41 !important
}

.mdl-color--brown-600 {
    background-color: #6d4c41 !important
}

.mdl-color-text--brown-700 {
    color: #5d4037 !important
}

.mdl-color--brown-700 {
    background-color: #5d4037 !important
}

.mdl-color-text--brown-800 {
    color: #4e342e !important
}

.mdl-color--brown-800 {
    background-color: #4e342e !important
}

.mdl-color-text--brown-900 {
    color: #3e2723 !important
}

.mdl-color--brown-900 {
    background-color: #3e2723 !important
}

.mdl-color-text--grey {
    color: #9e9e9e !important
}

.mdl-color--grey {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-50 {
    color: #fafafa !important
}

.mdl-color--grey-50 {
    background-color: #fafafa !important
}

.mdl-color-text--grey-100 {
    color: whitesmoke !important
}

.mdl-color--grey-100 {
    background-color: whitesmoke !important
}

.mdl-color-text--grey-200 {
    color: #eeeeee !important
}

.mdl-color--grey-200 {
    background-color: #eeeeee !important
}

.mdl-color-text--grey-300 {
    color: #e0e0e0 !important
}

.mdl-color--grey-300 {
    background-color: #e0e0e0 !important
}

.mdl-color-text--grey-400 {
    color: #bdbdbd !important
}

.mdl-color--grey-400 {
    background-color: #bdbdbd !important
}

.mdl-color-text--grey-500 {
    color: #9e9e9e !important
}

.mdl-color--grey-500 {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-600 {
    color: #757575 !important
}

.mdl-color--grey-600 {
    background-color: #757575 !important
}

.mdl-color-text--grey-700 {
    color: #616161 !important
}

.mdl-color--grey-700 {
    background-color: #616161 !important
}

.mdl-color-text--grey-800 {
    color: #424242 !important
}

.mdl-color--grey-800 {
    background-color: #424242 !important
}

.mdl-color-text--grey-900 {
    color: #212121 !important
}

.mdl-color--grey-900 {
    background-color: #212121 !important
}

.mdl-color-text--blue-grey {
    color: #607d8b !important
}

.mdl-color--blue-grey {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-50 {
    color: #eceff1 !important
}

.mdl-color--blue-grey-50 {
    background-color: #eceff1 !important
}

.mdl-color-text--blue-grey-100 {
    color: #cfd8dc !important
}

.mdl-color--blue-grey-100 {
    background-color: #cfd8dc !important
}

.mdl-color-text--blue-grey-200 {
    color: #b0bec5 !important
}

.mdl-color--blue-grey-200 {
    background-color: #b0bec5 !important
}

.mdl-color-text--blue-grey-300 {
    color: #90a4ae !important
}

.mdl-color--blue-grey-300 {
    background-color: #90a4ae !important
}

.mdl-color-text--blue-grey-400 {
    color: #78909c !important
}

.mdl-color--blue-grey-400 {
    background-color: #78909c !important
}

.mdl-color-text--blue-grey-500 {
    color: #607d8b !important
}

.mdl-color--blue-grey-500 {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-600 {
    color: #546e7a !important
}

.mdl-color--blue-grey-600 {
    background-color: #546e7a !important
}

.mdl-color-text--blue-grey-700 {
    color: #455a64 !important
}

.mdl-color--blue-grey-700 {
    background-color: #455a64 !important
}

.mdl-color-text--blue-grey-800 {
    color: #37474f !important
}

.mdl-color--blue-grey-800 {
    background-color: #37474f !important
}

.mdl-color-text--blue-grey-900 {
    color: #263238 !important
}

.mdl-color--blue-grey-900 {
    background-color: #263238 !important
}

.mdl-color--black {
    background-color: black !important
}

.mdl-color-text--black {
    color: black !important
}

.mdl-color--white {
    background-color: white !important
}

.mdl-color-text--white {
    color: white !important
}

.mdl-color--primary {
    background-color: #4abfe6 !important
}

.mdl-color--primary-contrast {
    background-color: white !important
}

.mdl-color--primary-dark {
    background-color: #303f9f !important
}

.mdl-color--accent {
    background-color: #ff4081 !important
}

.mdl-color--accent-contrast {
    background-color: white !important
}

.mdl-color-text--primary {
    color: #4abfe6 !important
}

.mdl-color-text--primary-contrast {
    color: white !important
}

.mdl-color-text--primary-dark {
    color: #303f9f !important
}

.mdl-color-text--accent {
    color: #ff4081 !important
}

.mdl-color-text--accent-contrast {
    color: white !important
}

.mdl-ripple {
    background: #cccccc;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.mdl-ripple.is-visible {
    opacity: 0.3
}

.mdl-animation--default {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}

.mdl-badge:not([data-badge]) {
    margin-right: auto
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: white
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: black;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, 0.2)
}

.mdl-button.mdl-button--colored {
    color: #4abfe6
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12)
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, 0.1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2)
}

.mdl-button--raised:active {
    background-color: rgba(158, 158, 158, 0.2)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.2);
    cursor: default
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--raised.mdl-button--colored {
    background: #4abfe6;
    color: white
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #4abfe6
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: #4abfe6
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #4abfe6
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: white
}

.mdl-button--current {
    background-color: rgba(158, 158, 158, 0.2);
    color: #4abfe6
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 22px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: white
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: white
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 22px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0px;
    left: 0px
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #4abfe6
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: white
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: white;
    background-color: #4abfe6
}

.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: white
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: white;
    background-color: #ff4081
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none
}

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: white;
    border-radius: 2px;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

.mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    margin: 0
}

.mdl-card__supporting-text {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 16px;
    width: 90%
}

.mdl-card__actions {
    font-size: 14px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px
}

.mdl-checkbox__input {
    line-height: 22px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #4abfe6
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: transparent;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #4abfe6 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

.mdl-checkbox.is-checked {
    color: #4a4b4e
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: #4abfe6
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none;
    overflow: hidden
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-chip:active {
    background-color: #d6d6d6
}

.mdl-chip--deletable {
    padding-right: 4px
}

.mdl-chip--contact {
    padding-left: 0
}

.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: white
}

.mdl-data-table thead {
    padding-bottom: 3px
}

.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}

.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}

.mdl-data-table tbody tr:hover {
    background-color: #eeeeee
}

.mdl-data-table td, .mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right
}

.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 24px
}

.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
    padding-right: 24px
}

.mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    box-sizing: border-box
}

.mdl-data-table td .mdl-data-table__select {
    vertical-align: middle
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db"
}

.mdl-data-table__select {
    width: 16px
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px
}

.mdl-dialog__actions > *:first-child {
    margin-right: 0
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0
}

.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mega-footer--top-section:after, .mdl-mega-footer--middle-section:after, .mdl-mega-footer--bottom-section:after, .mdl-mega-footer__top-section:after, .mdl-mega-footer__middle-section:after, .mdl-mega-footer__bottom-section:after {
    content: '';
    display: block;
    clear: both
}

.mdl-mega-footer--left-section, .mdl-mega-footer__left-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section, .mdl-mega-footer__right-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section, .mdl-mega-footer__left-section {
        float: left
    }

    .mdl-mega-footer--right-section, .mdl-mega-footer__right-section {
        float: right
    }

    .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}

.mdl-mega-footer--social-btn, .mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
        width: 33%
    }

    .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2), .mdl-mega-footer__drop-down-section:nth-child(1), .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left
    }

    .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(3):after, .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right
    }

    .mdl-mega-footer--middle-section:after, .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both
    }

    .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left
    }
}

.mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: 0;
    margin-top: -16px;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}

.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'
}

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
    display: none
}

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CF'
}

.mdl-mega-footer--heading, .mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0
}

.mdl-mega-footer--heading:after, .mdl-mega-footer__heading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}

.mdl-mega-footer--link-list, .mdl-mega-footer__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

.mdl-mega-footer--link-list:after, .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''
}

.mdl-mega-footer--link-list li, .mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    line-height: 20px
}

.mdl-mega-footer--link-list a, .mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
        display: none
    }

    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        content: ''
    }

    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
        display: block
    }

    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
        content: ''
    }
}

.mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}

.mdl-logo {
    margin-bottom: 16px;
    color: white
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width: 760px) {
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mini-footer:after {
    content: '';
    display: block
}

.mdl-mini-footer .mdl-logo {
    line-height: 36px
}

.mdl-mini-footer--link-list, .mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width: 760px) {
    .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}

.mdl-mini-footer--link-list a, .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.mdl-mini-footer--left-section, .mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.mdl-mini-footer--right-section, .mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.mdl-mini-footer--social-btn, .mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}

.mdl-icon-toggle__input {
    line-height: 32px
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #4abfe6
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none
}

.mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    box-sizing: border-box;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden
}

.mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px
}

.mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}

.mdl-list__item-icon, .mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575
}

.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: white
}

.mdl-list__item--two-line {
    height: 72px
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 36px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0
}

.mdl-list__item--three-line {
    height: 88px
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block
}

.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0
}

.mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}

.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible
}

.mdl-menu__outline {
    display: block;
    background: white;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}

.mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}

.mdl-menu__item::-moz-focus-inner {
    border: 0
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto
}

.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
    background-color: transparent
}

.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
    background-color: transparent
}

.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
    background: transparent
}

.mdl-menu__item:hover {
    background-color: #eeeeee
}

.mdl-menu__item:focus {
    outline: none;
    background-color: #eeeeee
}

.mdl-menu__item:active {
    background-color: #e0e0e0
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%
}

.mdl-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-progress > .progressbar {
    background-color: #4abfe6;
    z-index: 1;
    left: 0
}

.mdl-progress > .bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #4abfe6, #4abfe6);
    z-index: 0;
    left: 0
}

.mdl-progress > .auxbar {
    right: 0
}

@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #4abfe6, #4abfe6);
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=")
    }
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #4abfe6, #4abfe6)
}

.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 {
    background-color: #4abfe6;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    background-color: #4abfe6;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@-webkit-keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 0%;
        width: 0%
    }
    75% {
        left: 0%;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 0%;
        width: 0%
    }
    75% {
        left: 0%;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

.mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-navigation__link .material-icons {
    vertical-align: middle
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}

.mdl-layout__title, .mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box
}

.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}

.mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
    overflow: hidden
}

.mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px
    }
}

.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 16px
    }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: black
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: white;
    z-index: 4
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: white;
    background-color: inherit
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5)
    }
}

@media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
        line-height: 54px
    }

    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none
    }
}

.mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #4abfe6;
    color: white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}

.mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px
    }
}

.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none
}

.mdl-layout__header.is-compact {
    max-height: 64px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: none
    }

    .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}

.mdl-layout__header--seamed {
    box-shadow: none
}

.mdl-layout__header--scroll {
    box-shadow: none
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px
    }

    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px
    }
}

.mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: white;
    line-height: 64px;
    padding: 0 24px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px
    }
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible
}

@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }

    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0
    }

    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #4abfe6;
    overflow-y: hidden;
    overflow-x: scroll
}

.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px)
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }

    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #4abfe6;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        width: 60px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}

.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}

.mdl-layout__tab-bar-button.is-active {
    color: white
}

.mdl-layout__tab-bar-left-button {
    left: 0
}

.mdl-layout__tab-bar-right-button {
    right: 0
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px 0 12px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: white
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: white
}

.mdl-layout__tab-panel {
    display: block
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}

.mdl-radio {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 24px
}

.mdl-radio__button {
    line-height: 22px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #4abfe6
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    border-radius: 50%;
    background: #4abfe6
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1)
}

.mdl-radio__label {
    cursor: pointer
}

fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-radio__ripple-container .mdl-ripple {
    background: #4abfe6
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent
}

_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}

.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #4abfe6;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer
}

.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0
}

.mdl-slider.is-upgraded::-ms-tooltip {
    display: none
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: transparent
}

.mdl-slider.is-upgraded::-moz-range-track {
    background: transparent;
    border: none
}

.mdl-slider.is-upgraded::-ms-track {
    background: none;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}

.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #4abfe6 16px, #4abfe6 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #4abfe6;
    border: none;
    transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-image: none;
    background: #4abfe6;
    border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: #4abfe6;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: #4abfe6;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #4abfe6;
    transform: scale(0.375);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #4abfe6 0%, #4abfe6 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: #4abfe6;
    transform: scale(0.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 9px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, 0.26);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    transform: scale(0.5625);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px
}

.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, 0.26);
    left: -6px
}

.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: transparent;
    -webkit-transform: scale(0.667);
    transform: scale(0.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: transparent;
    transform: scale(0.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
    transform: scale(0.25);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
    transform: scale(0.25);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdl-slider__background-flex {
    background: transparent;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px)
}

.mdl-slider__background-lower {
    background: #4abfe6;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}

.mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none
}

@media (max-width: 479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px
    }
}

@media (min-width: 480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px)
    }
}

.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1)
}

@media (min-width: 480px) {
    .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left
}

.mdl-snackbar__action {
    background: transparent;
    border: none;
    color: #ff4081;
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.mdl-snackbar__action::-moz-focus-inner {
    border: 0
}

.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite
}

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-2 {
    border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-3 {
    border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-4 {
    border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99
    }
    25% {
        opacity: 0.99
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0.99
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99
    }
    25% {
        opacity: 0.99
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0.99
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    25% {
        opacity: 0.99
    }
    50% {
        opacity: 0.99
    }
    51% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    25% {
        opacity: 0.99
    }
    50% {
        opacity: 0.99
    }
    51% {
        opacity: 0
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    50% {
        opacity: 0.99
    }
    75% {
        opacity: 0.99
    }
    76% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    50% {
        opacity: 0.99
    }
    75% {
        opacity: 0.99
    }
    76% {
        opacity: 0
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    75% {
        opacity: 0.99
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    75% {
        opacity: 0.99
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch__input {
    line-height: 22px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, 0.5)
}

.mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto
}

.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #4abfe6;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    left: 24px
}

.mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    transition-duration: 0.40s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: #4abfe6
}

.mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}

.mdl-tabs {
    display: block;
    width: 100%
}

.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    overflow: hidden
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #4abfe6;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #4abfe6
}

.mdl-tabs__panel {
    display: block
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

.mdl-textfield {
    position: relative;
    font-size: 14px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0 5px
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 5px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 14px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #4abfe6;
    font-size: 11px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: #4abfe6;
    bottom: 5px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}

.mdl-tooltip.is-active {
    -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2)
}

.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}

.mdl-cell {
    box-sizing: border-box
}

.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0
}

.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

@media (max-width: 479px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 100%
    }

    .mdl-cell--hide-phone {
        display: none !important
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 50%
    }

    .mdl-cell--hide-tablet {
        display: none !important
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%
    }

    .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%
    }

    .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%
    }

    .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%
    }

    .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%
    }
}

@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%
    }

    .mdl-cell--hide-desktop {
        display: none !important
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }

    .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%
    }

    .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%
    }

    .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }

    .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%
    }

    .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%
    }

    .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }

    .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%
    }

    .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%
    }
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

*[hidden] {
    display: none !important
}

.mdl-typography--display-4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em
}

.mdl-typography--display-4-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
    opacity: 0.54
}

.mdl-typography--display-3 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em
}

.mdl-typography--display-3-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54
}

.mdl-typography--display-2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}

.mdl-typography--display-2-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    opacity: 0.54
}

.mdl-typography--display-1 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}

.mdl-typography--display-1-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    opacity: 0.54
}

.mdl-typography--headline {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}

.mdl-typography--headline-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.87
}

.mdl-typography--title {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em
}

.mdl-typography--title-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    opacity: 0.87
}

.mdl-typography--subhead {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em
}

.mdl-typography--subhead-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em;
    opacity: 0.87
}

.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--body-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--body-2-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--body-1-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54
}

.mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54
}

.mdl-typography--menu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--menu-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--button {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-typography--text-left {
    text-align: left
}

.mdl-typography--text-right {
    text-align: right
}

.mdl-typography--text-center {
    text-align: center
}

.mdl-typography--text-justify {
    text-align: justify
}

.mdl-typography--text-nowrap {
    white-space: nowrap
}

.mdl-typography--text-lowercase {
    text-transform: lowercase
}

.mdl-typography--text-uppercase {
    text-transform: uppercase
}

.mdl-typography--text-capitalize {
    text-transform: capitalize
}

.mdl-typography--font-thin {
    font-weight: 200 !important
}

.mdl-typography--font-light {
    font-weight: 300 !important
}

.mdl-typography--font-regular {
    font-weight: 400 !important
}

.mdl-typography--font-medium {
    font-weight: 500 !important
}

.mdl-typography--font-bold {
    font-weight: 700 !important
}

.mdl-typography--font-black {
    font-weight: 900 !important
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mdl-color-text--red {
    color: #f44336 !important
}

.mdl-color--red {
    background-color: #f44336 !important
}

.mdl-color-text--red-50 {
    color: #ffebee !important
}

.mdl-color--red-50 {
    background-color: #ffebee !important
}

.mdl-color-text--red-100 {
    color: #ffcdd2 !important
}

.mdl-color--red-100 {
    background-color: #ffcdd2 !important
}

.mdl-color-text--red-200 {
    color: #ef9a9a !important
}

.mdl-color--red-200 {
    background-color: #ef9a9a !important
}

.mdl-color-text--red-300 {
    color: #e57373 !important
}

.mdl-color--red-300 {
    background-color: #e57373 !important
}

.mdl-color-text--red-400 {
    color: #ef5350 !important
}

.mdl-color--red-400 {
    background-color: #ef5350 !important
}

.mdl-color-text--red-500 {
    color: #f44336 !important
}

.mdl-color--red-500 {
    background-color: #f44336 !important
}

.mdl-color-text--red-600 {
    color: #e53935 !important
}

.mdl-color--red-600 {
    background-color: #e53935 !important
}

.mdl-color-text--red-700 {
    color: #d32f2f !important
}

.mdl-color--red-700 {
    background-color: #d32f2f !important
}

.mdl-color-text--red-800 {
    color: #c62828 !important
}

.mdl-color--red-800 {
    background-color: #c62828 !important
}

.mdl-color-text--red-900 {
    color: #b71c1c !important
}

.mdl-color--red-900 {
    background-color: #b71c1c !important
}

.mdl-color-text--red-A100 {
    color: #ff8a80 !important
}

.mdl-color--red-A100 {
    background-color: #ff8a80 !important
}

.mdl-color-text--red-A200 {
    color: #ff5252 !important
}

.mdl-color--red-A200 {
    background-color: #ff5252 !important
}

.mdl-color-text--red-A400 {
    color: #ff1744 !important
}

.mdl-color--red-A400 {
    background-color: #ff1744 !important
}

.mdl-color-text--red-A700 {
    color: #d50000 !important
}

.mdl-color--red-A700 {
    background-color: #d50000 !important
}

.mdl-color-text--pink {
    color: #e91e63 !important
}

.mdl-color--pink {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-50 {
    color: #fce4ec !important
}

.mdl-color--pink-50 {
    background-color: #fce4ec !important
}

.mdl-color-text--pink-100 {
    color: #f8bbd0 !important
}

.mdl-color--pink-100 {
    background-color: #f8bbd0 !important
}

.mdl-color-text--pink-200 {
    color: #f48fb1 !important
}

.mdl-color--pink-200 {
    background-color: #f48fb1 !important
}

.mdl-color-text--pink-300 {
    color: #f06292 !important
}

.mdl-color--pink-300 {
    background-color: #f06292 !important
}

.mdl-color-text--pink-400 {
    color: #ec407a !important
}

.mdl-color--pink-400 {
    background-color: #ec407a !important
}

.mdl-color-text--pink-500 {
    color: #e91e63 !important
}

.mdl-color--pink-500 {
    background-color: #e91e63 !important
}

.mdl-color-text--pink-600 {
    color: #d81b60 !important
}

.mdl-color--pink-600 {
    background-color: #d81b60 !important
}

.mdl-color-text--pink-700 {
    color: #c2185b !important
}

.mdl-color--pink-700 {
    background-color: #c2185b !important
}

.mdl-color-text--pink-800 {
    color: #ad1457 !important
}

.mdl-color--pink-800 {
    background-color: #ad1457 !important
}

.mdl-color-text--pink-900 {
    color: #880e4f !important
}

.mdl-color--pink-900 {
    background-color: #880e4f !important
}

.mdl-color-text--pink-A100 {
    color: #ff80ab !important
}

.mdl-color--pink-A100 {
    background-color: #ff80ab !important
}

.mdl-color-text--pink-A200 {
    color: #ff4081 !important
}

.mdl-color--pink-A200 {
    background-color: #ff4081 !important
}

.mdl-color-text--pink-A400 {
    color: #f50057 !important
}

.mdl-color--pink-A400 {
    background-color: #f50057 !important
}

.mdl-color-text--pink-A700 {
    color: #c51162 !important
}

.mdl-color--pink-A700 {
    background-color: #c51162 !important
}

.mdl-color-text--purple {
    color: #9c27b0 !important
}

.mdl-color--purple {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-50 {
    color: #f3e5f5 !important
}

.mdl-color--purple-50 {
    background-color: #f3e5f5 !important
}

.mdl-color-text--purple-100 {
    color: #e1bee7 !important
}

.mdl-color--purple-100 {
    background-color: #e1bee7 !important
}

.mdl-color-text--purple-200 {
    color: #ce93d8 !important
}

.mdl-color--purple-200 {
    background-color: #ce93d8 !important
}

.mdl-color-text--purple-300 {
    color: #ba68c8 !important
}

.mdl-color--purple-300 {
    background-color: #ba68c8 !important
}

.mdl-color-text--purple-400 {
    color: #ab47bc !important
}

.mdl-color--purple-400 {
    background-color: #ab47bc !important
}

.mdl-color-text--purple-500 {
    color: #9c27b0 !important
}

.mdl-color--purple-500 {
    background-color: #9c27b0 !important
}

.mdl-color-text--purple-600 {
    color: #8e24aa !important
}

.mdl-color--purple-600 {
    background-color: #8e24aa !important
}

.mdl-color-text--purple-700 {
    color: #7b1fa2 !important
}

.mdl-color--purple-700 {
    background-color: #7b1fa2 !important
}

.mdl-color-text--purple-800 {
    color: #6a1b9a !important
}

.mdl-color--purple-800 {
    background-color: #6a1b9a !important
}

.mdl-color-text--purple-900 {
    color: #4a148c !important
}

.mdl-color--purple-900 {
    background-color: #4a148c !important
}

.mdl-color-text--purple-A100 {
    color: #ea80fc !important
}

.mdl-color--purple-A100 {
    background-color: #ea80fc !important
}

.mdl-color-text--purple-A200 {
    color: #e040fb !important
}

.mdl-color--purple-A200 {
    background-color: #e040fb !important
}

.mdl-color-text--purple-A400 {
    color: #d500f9 !important
}

.mdl-color--purple-A400 {
    background-color: #d500f9 !important
}

.mdl-color-text--purple-A700 {
    color: #aa00ff !important
}

.mdl-color--purple-A700 {
    background-color: #aa00ff !important
}

.mdl-color-text--deep-purple {
    color: #673ab7 !important
}

.mdl-color--deep-purple {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-50 {
    color: #ede7f6 !important
}

.mdl-color--deep-purple-50 {
    background-color: #ede7f6 !important
}

.mdl-color-text--deep-purple-100 {
    color: #d1c4e9 !important
}

.mdl-color--deep-purple-100 {
    background-color: #d1c4e9 !important
}

.mdl-color-text--deep-purple-200 {
    color: #b39ddb !important
}

.mdl-color--deep-purple-200 {
    background-color: #b39ddb !important
}

.mdl-color-text--deep-purple-300 {
    color: #9575cd !important
}

.mdl-color--deep-purple-300 {
    background-color: #9575cd !important
}

.mdl-color-text--deep-purple-400 {
    color: #7e57c2 !important
}

.mdl-color--deep-purple-400 {
    background-color: #7e57c2 !important
}

.mdl-color-text--deep-purple-500 {
    color: #673ab7 !important
}

.mdl-color--deep-purple-500 {
    background-color: #673ab7 !important
}

.mdl-color-text--deep-purple-600 {
    color: #5e35b1 !important
}

.mdl-color--deep-purple-600 {
    background-color: #5e35b1 !important
}

.mdl-color-text--deep-purple-700 {
    color: #512da8 !important
}

.mdl-color--deep-purple-700 {
    background-color: #512da8 !important
}

.mdl-color-text--deep-purple-800 {
    color: #4527a0 !important
}

.mdl-color--deep-purple-800 {
    background-color: #4527a0 !important
}

.mdl-color-text--deep-purple-900 {
    color: #311b92 !important
}

.mdl-color--deep-purple-900 {
    background-color: #311b92 !important
}

.mdl-color-text--deep-purple-A100 {
    color: #b388ff !important
}

.mdl-color--deep-purple-A100 {
    background-color: #b388ff !important
}

.mdl-color-text--deep-purple-A200 {
    color: #7c4dff !important
}

.mdl-color--deep-purple-A200 {
    background-color: #7c4dff !important
}

.mdl-color-text--deep-purple-A400 {
    color: #651fff !important
}

.mdl-color--deep-purple-A400 {
    background-color: #651fff !important
}

.mdl-color-text--deep-purple-A700 {
    color: #6200ea !important
}

.mdl-color--deep-purple-A700 {
    background-color: #6200ea !important
}

.mdl-color-text--indigo {
    color: #4abfe6 !important
}

.mdl-color--indigo {
    background-color: #4abfe6 !important
}

.mdl-color-text--indigo-50 {
    color: #e8eaf6 !important
}

.mdl-color--indigo-50 {
    background-color: #e8eaf6 !important
}

.mdl-color-text--indigo-100 {
    color: #c5cae9 !important
}

.mdl-color--indigo-100 {
    background-color: #c5cae9 !important
}

.mdl-color-text--indigo-200 {
    color: #9fa8da !important
}

.mdl-color--indigo-200 {
    background-color: #9fa8da !important
}

.mdl-color-text--indigo-300 {
    color: #7986cb !important
}

.mdl-color--indigo-300 {
    background-color: #7986cb !important
}

.mdl-color-text--indigo-400 {
    color: #5c6bc0 !important
}

.mdl-color--indigo-400 {
    background-color: #5c6bc0 !important
}

.mdl-color-text--indigo-500 {
    color: #4abfe6 !important
}

.mdl-color--indigo-500 {
    background-color: #4abfe6 !important
}

.mdl-color-text--indigo-600 {
    color: #3949ab !important
}

.mdl-color--indigo-600 {
    background-color: #3949ab !important
}

.mdl-color-text--indigo-700 {
    color: #303f9f !important
}

.mdl-color--indigo-700 {
    background-color: #303f9f !important
}

.mdl-color-text--indigo-800 {
    color: #283593 !important
}

.mdl-color--indigo-800 {
    background-color: #283593 !important
}

.mdl-color-text--indigo-900 {
    color: #1a237e !important
}

.mdl-color--indigo-900 {
    background-color: #1a237e !important
}

.mdl-color-text--indigo-A100 {
    color: #8c9eff !important
}

.mdl-color--indigo-A100 {
    background-color: #8c9eff !important
}

.mdl-color-text--indigo-A200 {
    color: #536dfe !important
}

.mdl-color--indigo-A200 {
    background-color: #536dfe !important
}

.mdl-color-text--indigo-A400 {
    color: #3d5afe !important
}

.mdl-color--indigo-A400 {
    background-color: #3d5afe !important
}

.mdl-color-text--indigo-A700 {
    color: #304ffe !important
}

.mdl-color--indigo-A700 {
    background-color: #304ffe !important
}

.mdl-color-text--blue {
    color: #2196f3 !important
}

.mdl-color--blue {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-50 {
    color: #e3f2fd !important
}

.mdl-color--blue-50 {
    background-color: #e3f2fd !important
}

.mdl-color-text--blue-100 {
    color: #bbdefb !important
}

.mdl-color--blue-100 {
    background-color: #bbdefb !important
}

.mdl-color-text--blue-200 {
    color: #90caf9 !important
}

.mdl-color--blue-200 {
    background-color: #90caf9 !important
}

.mdl-color-text--blue-300 {
    color: #64b5f6 !important
}

.mdl-color--blue-300 {
    background-color: #64b5f6 !important
}

.mdl-color-text--blue-400 {
    color: #42a5f5 !important
}

.mdl-color--blue-400 {
    background-color: #42a5f5 !important
}

.mdl-color-text--blue-500 {
    color: #2196f3 !important
}

.mdl-color--blue-500 {
    background-color: #2196f3 !important
}

.mdl-color-text--blue-600 {
    color: #1e88e5 !important
}

.mdl-color--blue-600 {
    background-color: #1e88e5 !important
}

.mdl-color-text--blue-700 {
    color: #1976d2 !important
}

.mdl-color--blue-700 {
    background-color: #1976d2 !important
}

.mdl-color-text--blue-800 {
    color: #1565c0 !important
}

.mdl-color--blue-800 {
    background-color: #1565c0 !important
}

.mdl-color-text--blue-900 {
    color: #0d47a1 !important
}

.mdl-color--blue-900 {
    background-color: #0d47a1 !important
}

.mdl-color-text--blue-A100 {
    color: #82b1ff !important
}

.mdl-color--blue-A100 {
    background-color: #82b1ff !important
}

.mdl-color-text--blue-A200 {
    color: #448aff !important
}

.mdl-color--blue-A200 {
    background-color: #448aff !important
}

.mdl-color-text--blue-A400 {
    color: #2979ff !important
}

.mdl-color--blue-A400 {
    background-color: #2979ff !important
}

.mdl-color-text--blue-A700 {
    color: #2962ff !important
}

.mdl-color--blue-A700 {
    background-color: #2962ff !important
}

.mdl-color-text--light-blue {
    color: #03a9f4 !important
}

.mdl-color--light-blue {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-50 {
    color: #e1f5fe !important
}

.mdl-color--light-blue-50 {
    background-color: #e1f5fe !important
}

.mdl-color-text--light-blue-100 {
    color: #b3e5fc !important
}

.mdl-color--light-blue-100 {
    background-color: #b3e5fc !important
}

.mdl-color-text--light-blue-200 {
    color: #81d4fa !important
}

.mdl-color--light-blue-200 {
    background-color: #81d4fa !important
}

.mdl-color-text--light-blue-300 {
    color: #4fc3f7 !important
}

.mdl-color--light-blue-300 {
    background-color: #4fc3f7 !important
}

.mdl-color-text--light-blue-400 {
    color: #29b6f6 !important
}

.mdl-color--light-blue-400 {
    background-color: #29b6f6 !important
}

.mdl-color-text--light-blue-500 {
    color: #03a9f4 !important
}

.mdl-color--light-blue-500 {
    background-color: #03a9f4 !important
}

.mdl-color-text--light-blue-600 {
    color: #039be5 !important
}

.mdl-color--light-blue-600 {
    background-color: #039be5 !important
}

.mdl-color-text--light-blue-700 {
    color: #0288d1 !important
}

.mdl-color--light-blue-700 {
    background-color: #0288d1 !important
}

.mdl-color-text--light-blue-800 {
    color: #0277bd !important
}

.mdl-color--light-blue-800 {
    background-color: #0277bd !important
}

.mdl-color-text--light-blue-900 {
    color: #01579b !important
}

.mdl-color--light-blue-900 {
    background-color: #01579b !important
}

.mdl-color-text--light-blue-A100 {
    color: #80d8ff !important
}

.mdl-color--light-blue-A100 {
    background-color: #80d8ff !important
}

.mdl-color-text--light-blue-A200 {
    color: #40c4ff !important
}

.mdl-color--light-blue-A200 {
    background-color: #40c4ff !important
}

.mdl-color-text--light-blue-A400 {
    color: #00b0ff !important
}

.mdl-color--light-blue-A400 {
    background-color: #00b0ff !important
}

.mdl-color-text--light-blue-A700 {
    color: #0091ea !important
}

.mdl-color--light-blue-A700 {
    background-color: #0091ea !important
}

.mdl-color-text--cyan {
    color: #00bcd4 !important
}

.mdl-color--cyan {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-50 {
    color: #e0f7fa !important
}

.mdl-color--cyan-50 {
    background-color: #e0f7fa !important
}

.mdl-color-text--cyan-100 {
    color: #b2ebf2 !important
}

.mdl-color--cyan-100 {
    background-color: #b2ebf2 !important
}

.mdl-color-text--cyan-200 {
    color: #80deea !important
}

.mdl-color--cyan-200 {
    background-color: #80deea !important
}

.mdl-color-text--cyan-300 {
    color: #4dd0e1 !important
}

.mdl-color--cyan-300 {
    background-color: #4dd0e1 !important
}

.mdl-color-text--cyan-400 {
    color: #26c6da !important
}

.mdl-color--cyan-400 {
    background-color: #26c6da !important
}

.mdl-color-text--cyan-500 {
    color: #00bcd4 !important
}

.mdl-color--cyan-500 {
    background-color: #00bcd4 !important
}

.mdl-color-text--cyan-600 {
    color: #00acc1 !important
}

.mdl-color--cyan-600 {
    background-color: #00acc1 !important
}

.mdl-color-text--cyan-700 {
    color: #0097a7 !important
}

.mdl-color--cyan-700 {
    background-color: #0097a7 !important
}

.mdl-color-text--cyan-800 {
    color: #00838f !important
}

.mdl-color--cyan-800 {
    background-color: #00838f !important
}

.mdl-color-text--cyan-900 {
    color: #006064 !important
}

.mdl-color--cyan-900 {
    background-color: #006064 !important
}

.mdl-color-text--cyan-A100 {
    color: #84ffff !important
}

.mdl-color--cyan-A100 {
    background-color: #84ffff !important
}

.mdl-color-text--cyan-A200 {
    color: #18ffff !important
}

.mdl-color--cyan-A200 {
    background-color: #18ffff !important
}

.mdl-color-text--cyan-A400 {
    color: #00e5ff !important
}

.mdl-color--cyan-A400 {
    background-color: #00e5ff !important
}

.mdl-color-text--cyan-A700 {
    color: #00b8d4 !important
}

.mdl-color--cyan-A700 {
    background-color: #00b8d4 !important
}

.mdl-color-text--teal {
    color: #009688 !important
}

.mdl-color--teal {
    background-color: #009688 !important
}

.mdl-color-text--teal-50 {
    color: #e0f2f1 !important
}

.mdl-color--teal-50 {
    background-color: #e0f2f1 !important
}

.mdl-color-text--teal-100 {
    color: #b2dfdb !important
}

.mdl-color--teal-100 {
    background-color: #b2dfdb !important
}

.mdl-color-text--teal-200 {
    color: #80cbc4 !important
}

.mdl-color--teal-200 {
    background-color: #80cbc4 !important
}

.mdl-color-text--teal-300 {
    color: #4db6ac !important
}

.mdl-color--teal-300 {
    background-color: #4db6ac !important
}

.mdl-color-text--teal-400 {
    color: #26a69a !important
}

.mdl-color--teal-400 {
    background-color: #26a69a !important
}

.mdl-color-text--teal-500 {
    color: #009688 !important
}

.mdl-color--teal-500 {
    background-color: #009688 !important
}

.mdl-color-text--teal-600 {
    color: #00897b !important
}

.mdl-color--teal-600 {
    background-color: #00897b !important
}

.mdl-color-text--teal-700 {
    color: #00796b !important
}

.mdl-color--teal-700 {
    background-color: #00796b !important
}

.mdl-color-text--teal-800 {
    color: #00695c !important
}

.mdl-color--teal-800 {
    background-color: #00695c !important
}

.mdl-color-text--teal-900 {
    color: #004d40 !important
}

.mdl-color--teal-900 {
    background-color: #004d40 !important
}

.mdl-color-text--teal-A100 {
    color: #a7ffeb !important
}

.mdl-color--teal-A100 {
    background-color: #a7ffeb !important
}

.mdl-color-text--teal-A200 {
    color: #64ffda !important
}

.mdl-color--teal-A200 {
    background-color: #64ffda !important
}

.mdl-color-text--teal-A400 {
    color: #1de9b6 !important
}

.mdl-color--teal-A400 {
    background-color: #1de9b6 !important
}

.mdl-color-text--teal-A700 {
    color: #00bfa5 !important
}

.mdl-color--teal-A700 {
    background-color: #00bfa5 !important
}

.mdl-color-text--green {
    color: #4caf50 !important
}

.mdl-color--green {
    background-color: #4caf50 !important
}

.mdl-color-text--green-50 {
    color: #e8f5e9 !important
}

.mdl-color--green-50 {
    background-color: #e8f5e9 !important
}

.mdl-color-text--green-100 {
    color: #c8e6c9 !important
}

.mdl-color--green-100 {
    background-color: #c8e6c9 !important
}

.mdl-color-text--green-200 {
    color: #a5d6a7 !important
}

.mdl-color--green-200 {
    background-color: #a5d6a7 !important
}

.mdl-color-text--green-300 {
    color: #81c784 !important
}

.mdl-color--green-300 {
    background-color: #81c784 !important
}

.mdl-color-text--green-400 {
    color: #66bb6a !important
}

.mdl-color--green-400 {
    background-color: #66bb6a !important
}

.mdl-color-text--green-500 {
    color: #4caf50 !important
}

.mdl-color--green-500 {
    background-color: #4caf50 !important
}

.mdl-color-text--green-600 {
    color: #43a047 !important
}

.mdl-color--green-600 {
    background-color: #43a047 !important
}

.mdl-color-text--green-700 {
    color: #388e3c !important
}

.mdl-color--green-700 {
    background-color: #388e3c !important
}

.mdl-color-text--green-800 {
    color: #2e7d32 !important
}

.mdl-color--green-800 {
    background-color: #2e7d32 !important
}

.mdl-color-text--green-900 {
    color: #1b5e20 !important
}

.mdl-color--green-900 {
    background-color: #1b5e20 !important
}

.mdl-color-text--green-A100 {
    color: #b9f6ca !important
}

.mdl-color--green-A100 {
    background-color: #b9f6ca !important
}

.mdl-color-text--green-A200 {
    color: #69f0ae !important
}

.mdl-color--green-A200 {
    background-color: #69f0ae !important
}

.mdl-color-text--green-A400 {
    color: #00e676 !important
}

.mdl-color--green-A400 {
    background-color: #00e676 !important
}

.mdl-color-text--green-A700 {
    color: #00c853 !important
}

.mdl-color--green-A700 {
    background-color: #00c853 !important
}

.mdl-color-text--light-green {
    color: #8bc34a !important
}

.mdl-color--light-green {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-50 {
    color: #f1f8e9 !important
}

.mdl-color--light-green-50 {
    background-color: #f1f8e9 !important
}

.mdl-color-text--light-green-100 {
    color: #dcedc8 !important
}

.mdl-color--light-green-100 {
    background-color: #dcedc8 !important
}

.mdl-color-text--light-green-200 {
    color: #c5e1a5 !important
}

.mdl-color--light-green-200 {
    background-color: #c5e1a5 !important
}

.mdl-color-text--light-green-300 {
    color: #aed581 !important
}

.mdl-color--light-green-300 {
    background-color: #aed581 !important
}

.mdl-color-text--light-green-400 {
    color: #9ccc65 !important
}

.mdl-color--light-green-400 {
    background-color: #9ccc65 !important
}

.mdl-color-text--light-green-500 {
    color: #8bc34a !important
}

.mdl-color--light-green-500 {
    background-color: #8bc34a !important
}

.mdl-color-text--light-green-600 {
    color: #7cb342 !important
}

.mdl-color--light-green-600 {
    background-color: #7cb342 !important
}

.mdl-color-text--light-green-700 {
    color: #689f38 !important
}

.mdl-color--light-green-700 {
    background-color: #689f38 !important
}

.mdl-color-text--light-green-800 {
    color: #558b2f !important
}

.mdl-color--light-green-800 {
    background-color: #558b2f !important
}

.mdl-color-text--light-green-900 {
    color: #33691e !important
}

.mdl-color--light-green-900 {
    background-color: #33691e !important
}

.mdl-color-text--light-green-A100 {
    color: #ccff90 !important
}

.mdl-color--light-green-A100 {
    background-color: #ccff90 !important
}

.mdl-color-text--light-green-A200 {
    color: #b2ff59 !important
}

.mdl-color--light-green-A200 {
    background-color: #b2ff59 !important
}

.mdl-color-text--light-green-A400 {
    color: #76ff03 !important
}

.mdl-color--light-green-A400 {
    background-color: #76ff03 !important
}

.mdl-color-text--light-green-A700 {
    color: #64dd17 !important
}

.mdl-color--light-green-A700 {
    background-color: #64dd17 !important
}

.mdl-color-text--lime {
    color: #cddc39 !important
}

.mdl-color--lime {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-50 {
    color: #f9fbe7 !important
}

.mdl-color--lime-50 {
    background-color: #f9fbe7 !important
}

.mdl-color-text--lime-100 {
    color: #f0f4c3 !important
}

.mdl-color--lime-100 {
    background-color: #f0f4c3 !important
}

.mdl-color-text--lime-200 {
    color: #e6ee9c !important
}

.mdl-color--lime-200 {
    background-color: #e6ee9c !important
}

.mdl-color-text--lime-300 {
    color: #dce775 !important
}

.mdl-color--lime-300 {
    background-color: #dce775 !important
}

.mdl-color-text--lime-400 {
    color: #d4e157 !important
}

.mdl-color--lime-400 {
    background-color: #d4e157 !important
}

.mdl-color-text--lime-500 {
    color: #cddc39 !important
}

.mdl-color--lime-500 {
    background-color: #cddc39 !important
}

.mdl-color-text--lime-600 {
    color: #c0ca33 !important
}

.mdl-color--lime-600 {
    background-color: #c0ca33 !important
}

.mdl-color-text--lime-700 {
    color: #afb42b !important
}

.mdl-color--lime-700 {
    background-color: #afb42b !important
}

.mdl-color-text--lime-800 {
    color: #9e9d24 !important
}

.mdl-color--lime-800 {
    background-color: #9e9d24 !important
}

.mdl-color-text--lime-900 {
    color: #827717 !important
}

.mdl-color--lime-900 {
    background-color: #827717 !important
}

.mdl-color-text--lime-A100 {
    color: #f4ff81 !important
}

.mdl-color--lime-A100 {
    background-color: #f4ff81 !important
}

.mdl-color-text--lime-A200 {
    color: #eeff41 !important
}

.mdl-color--lime-A200 {
    background-color: #eeff41 !important
}

.mdl-color-text--lime-A400 {
    color: #c6ff00 !important
}

.mdl-color--lime-A400 {
    background-color: #c6ff00 !important
}

.mdl-color-text--lime-A700 {
    color: #aeea00 !important
}

.mdl-color--lime-A700 {
    background-color: #aeea00 !important
}

.mdl-color-text--yellow {
    color: #ffeb3b !important
}

.mdl-color--yellow {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-50 {
    color: #fffde7 !important
}

.mdl-color--yellow-50 {
    background-color: #fffde7 !important
}

.mdl-color-text--yellow-100 {
    color: #fff9c4 !important
}

.mdl-color--yellow-100 {
    background-color: #fff9c4 !important
}

.mdl-color-text--yellow-200 {
    color: #fff59d !important
}

.mdl-color--yellow-200 {
    background-color: #fff59d !important
}

.mdl-color-text--yellow-300 {
    color: #fff176 !important
}

.mdl-color--yellow-300 {
    background-color: #fff176 !important
}

.mdl-color-text--yellow-400 {
    color: #ffee58 !important
}

.mdl-color--yellow-400 {
    background-color: #ffee58 !important
}

.mdl-color-text--yellow-500 {
    color: #ffeb3b !important
}

.mdl-color--yellow-500 {
    background-color: #ffeb3b !important
}

.mdl-color-text--yellow-600 {
    color: #fdd835 !important
}

.mdl-color--yellow-600 {
    background-color: #fdd835 !important
}

.mdl-color-text--yellow-700 {
    color: #fbc02d !important
}

.mdl-color--yellow-700 {
    background-color: #fbc02d !important
}

.mdl-color-text--yellow-800 {
    color: #f9a825 !important
}

.mdl-color--yellow-800 {
    background-color: #f9a825 !important
}

.mdl-color-text--yellow-900 {
    color: #f57f17 !important
}

.mdl-color--yellow-900 {
    background-color: #f57f17 !important
}

.mdl-color-text--yellow-A100 {
    color: #ffff8d !important
}

.mdl-color--yellow-A100 {
    background-color: #ffff8d !important
}

.mdl-color-text--yellow-A200 {
    color: yellow !important
}

.mdl-color--yellow-A200 {
    background-color: yellow !important
}

.mdl-color-text--yellow-A400 {
    color: #ffea00 !important
}

.mdl-color--yellow-A400 {
    background-color: #ffea00 !important
}

.mdl-color-text--yellow-A700 {
    color: #ffd600 !important
}

.mdl-color--yellow-A700 {
    background-color: #ffd600 !important
}

.mdl-color-text--amber {
    color: #ffc107 !important
}

.mdl-color--amber {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-50 {
    color: #fff8e1 !important
}

.mdl-color--amber-50 {
    background-color: #fff8e1 !important
}

.mdl-color-text--amber-100 {
    color: #ffecb3 !important
}

.mdl-color--amber-100 {
    background-color: #ffecb3 !important
}

.mdl-color-text--amber-200 {
    color: #ffe082 !important
}

.mdl-color--amber-200 {
    background-color: #ffe082 !important
}

.mdl-color-text--amber-300 {
    color: #ffd54f !important
}

.mdl-color--amber-300 {
    background-color: #ffd54f !important
}

.mdl-color-text--amber-400 {
    color: #ffca28 !important
}

.mdl-color--amber-400 {
    background-color: #ffca28 !important
}

.mdl-color-text--amber-500 {
    color: #ffc107 !important
}

.mdl-color--amber-500 {
    background-color: #ffc107 !important
}

.mdl-color-text--amber-600 {
    color: #ffb300 !important
}

.mdl-color--amber-600 {
    background-color: #ffb300 !important
}

.mdl-color-text--amber-700 {
    color: #ffa000 !important
}

.mdl-color--amber-700 {
    background-color: #ffa000 !important
}

.mdl-color-text--amber-800 {
    color: #ff8f00 !important
}

.mdl-color--amber-800 {
    background-color: #ff8f00 !important
}

.mdl-color-text--amber-900 {
    color: #ff6f00 !important
}

.mdl-color--amber-900 {
    background-color: #ff6f00 !important
}

.mdl-color-text--amber-A100 {
    color: #ffe57f !important
}

.mdl-color--amber-A100 {
    background-color: #ffe57f !important
}

.mdl-color-text--amber-A200 {
    color: #ffd740 !important
}

.mdl-color--amber-A200 {
    background-color: #ffd740 !important
}

.mdl-color-text--amber-A400 {
    color: #ffc400 !important
}

.mdl-color--amber-A400 {
    background-color: #ffc400 !important
}

.mdl-color-text--amber-A700 {
    color: #ffab00 !important
}

.mdl-color--amber-A700 {
    background-color: #ffab00 !important
}

.mdl-color-text--orange {
    color: #ff9800 !important
}

.mdl-color--orange {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-50 {
    color: #fff3e0 !important
}

.mdl-color--orange-50 {
    background-color: #fff3e0 !important
}

.mdl-color-text--orange-100 {
    color: #ffe0b2 !important
}

.mdl-color--orange-100 {
    background-color: #ffe0b2 !important
}

.mdl-color-text--orange-200 {
    color: #ffcc80 !important
}

.mdl-color--orange-200 {
    background-color: #ffcc80 !important
}

.mdl-color-text--orange-300 {
    color: #ffb74d !important
}

.mdl-color--orange-300 {
    background-color: #ffb74d !important
}

.mdl-color-text--orange-400 {
    color: #ffa726 !important
}

.mdl-color--orange-400 {
    background-color: #ffa726 !important
}

.mdl-color-text--orange-500 {
    color: #ff9800 !important
}

.mdl-color--orange-500 {
    background-color: #ff9800 !important
}

.mdl-color-text--orange-600 {
    color: #fb8c00 !important
}

.mdl-color--orange-600 {
    background-color: #fb8c00 !important
}

.mdl-color-text--orange-700 {
    color: #f57c00 !important
}

.mdl-color--orange-700 {
    background-color: #f57c00 !important
}

.mdl-color-text--orange-800 {
    color: #ef6c00 !important
}

.mdl-color--orange-800 {
    background-color: #ef6c00 !important
}

.mdl-color-text--orange-900 {
    color: #e65100 !important
}

.mdl-color--orange-900 {
    background-color: #e65100 !important
}

.mdl-color-text--orange-A100 {
    color: #ffd180 !important
}

.mdl-color--orange-A100 {
    background-color: #ffd180 !important
}

.mdl-color-text--orange-A200 {
    color: #ffab40 !important
}

.mdl-color--orange-A200 {
    background-color: #ffab40 !important
}

.mdl-color-text--orange-A400 {
    color: #ff9100 !important
}

.mdl-color--orange-A400 {
    background-color: #ff9100 !important
}

.mdl-color-text--orange-A700 {
    color: #ff6d00 !important
}

.mdl-color--orange-A700 {
    background-color: #ff6d00 !important
}

.mdl-color-text--deep-orange {
    color: #ff5722 !important
}

.mdl-color--deep-orange {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-50 {
    color: #fbe9e7 !important
}

.mdl-color--deep-orange-50 {
    background-color: #fbe9e7 !important
}

.mdl-color-text--deep-orange-100 {
    color: #ffccbc !important
}

.mdl-color--deep-orange-100 {
    background-color: #ffccbc !important
}

.mdl-color-text--deep-orange-200 {
    color: #ffab91 !important
}

.mdl-color--deep-orange-200 {
    background-color: #ffab91 !important
}

.mdl-color-text--deep-orange-300 {
    color: #ff8a65 !important
}

.mdl-color--deep-orange-300 {
    background-color: #ff8a65 !important
}

.mdl-color-text--deep-orange-400 {
    color: #ff7043 !important
}

.mdl-color--deep-orange-400 {
    background-color: #ff7043 !important
}

.mdl-color-text--deep-orange-500 {
    color: #ff5722 !important
}

.mdl-color--deep-orange-500 {
    background-color: #ff5722 !important
}

.mdl-color-text--deep-orange-600 {
    color: #f4511e !important
}

.mdl-color--deep-orange-600 {
    background-color: #f4511e !important
}

.mdl-color-text--deep-orange-700 {
    color: #e64a19 !important
}

.mdl-color--deep-orange-700 {
    background-color: #e64a19 !important
}

.mdl-color-text--deep-orange-800 {
    color: #d84315 !important
}

.mdl-color--deep-orange-800 {
    background-color: #d84315 !important
}

.mdl-color-text--deep-orange-900 {
    color: #bf360c !important
}

.mdl-color--deep-orange-900 {
    background-color: #bf360c !important
}

.mdl-color-text--deep-orange-A100 {
    color: #ff9e80 !important
}

.mdl-color--deep-orange-A100 {
    background-color: #ff9e80 !important
}

.mdl-color-text--deep-orange-A200 {
    color: #ff6e40 !important
}

.mdl-color--deep-orange-A200 {
    background-color: #ff6e40 !important
}

.mdl-color-text--deep-orange-A400 {
    color: #ff3d00 !important
}

.mdl-color--deep-orange-A400 {
    background-color: #ff3d00 !important
}

.mdl-color-text--deep-orange-A700 {
    color: #dd2c00 !important
}

.mdl-color--deep-orange-A700 {
    background-color: #dd2c00 !important
}

.mdl-color-text--brown {
    color: #795548 !important
}

.mdl-color--brown {
    background-color: #795548 !important
}

.mdl-color-text--brown-50 {
    color: #efebe9 !important
}

.mdl-color--brown-50 {
    background-color: #efebe9 !important
}

.mdl-color-text--brown-100 {
    color: #d7ccc8 !important
}

.mdl-color--brown-100 {
    background-color: #d7ccc8 !important
}

.mdl-color-text--brown-200 {
    color: #bcaaa4 !important
}

.mdl-color--brown-200 {
    background-color: #bcaaa4 !important
}

.mdl-color-text--brown-300 {
    color: #a1887f !important
}

.mdl-color--brown-300 {
    background-color: #a1887f !important
}

.mdl-color-text--brown-400 {
    color: #8d6e63 !important
}

.mdl-color--brown-400 {
    background-color: #8d6e63 !important
}

.mdl-color-text--brown-500 {
    color: #795548 !important
}

.mdl-color--brown-500 {
    background-color: #795548 !important
}

.mdl-color-text--brown-600 {
    color: #6d4c41 !important
}

.mdl-color--brown-600 {
    background-color: #6d4c41 !important
}

.mdl-color-text--brown-700 {
    color: #5d4037 !important
}

.mdl-color--brown-700 {
    background-color: #5d4037 !important
}

.mdl-color-text--brown-800 {
    color: #4e342e !important
}

.mdl-color--brown-800 {
    background-color: #4e342e !important
}

.mdl-color-text--brown-900 {
    color: #3e2723 !important
}

.mdl-color--brown-900 {
    background-color: #3e2723 !important
}

.mdl-color-text--grey {
    color: #9e9e9e !important
}

.mdl-color--grey {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-50 {
    color: #fafafa !important
}

.mdl-color--grey-50 {
    background-color: #fafafa !important
}

.mdl-color-text--grey-100 {
    color: whitesmoke !important
}

.mdl-color--grey-100 {
    background-color: whitesmoke !important
}

.mdl-color-text--grey-200 {
    color: #eeeeee !important
}

.mdl-color--grey-200 {
    background-color: #eeeeee !important
}

.mdl-color-text--grey-300 {
    color: #e0e0e0 !important
}

.mdl-color--grey-300 {
    background-color: #e0e0e0 !important
}

.mdl-color-text--grey-400 {
    color: #bdbdbd !important
}

.mdl-color--grey-400 {
    background-color: #bdbdbd !important
}

.mdl-color-text--grey-500 {
    color: #9e9e9e !important
}

.mdl-color--grey-500 {
    background-color: #9e9e9e !important
}

.mdl-color-text--grey-600 {
    color: #757575 !important
}

.mdl-color--grey-600 {
    background-color: #757575 !important
}

.mdl-color-text--grey-700 {
    color: #616161 !important
}

.mdl-color--grey-700 {
    background-color: #616161 !important
}

.mdl-color-text--grey-800 {
    color: #424242 !important
}

.mdl-color--grey-800 {
    background-color: #424242 !important
}

.mdl-color-text--grey-900 {
    color: #212121 !important
}

.mdl-color--grey-900 {
    background-color: #212121 !important
}

.mdl-color-text--blue-grey {
    color: #607d8b !important
}

.mdl-color--blue-grey {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-50 {
    color: #eceff1 !important
}

.mdl-color--blue-grey-50 {
    background-color: #eceff1 !important
}

.mdl-color-text--blue-grey-100 {
    color: #cfd8dc !important
}

.mdl-color--blue-grey-100 {
    background-color: #cfd8dc !important
}

.mdl-color-text--blue-grey-200 {
    color: #b0bec5 !important
}

.mdl-color--blue-grey-200 {
    background-color: #b0bec5 !important
}

.mdl-color-text--blue-grey-300 {
    color: #90a4ae !important
}

.mdl-color--blue-grey-300 {
    background-color: #90a4ae !important
}

.mdl-color-text--blue-grey-400 {
    color: #78909c !important
}

.mdl-color--blue-grey-400 {
    background-color: #78909c !important
}

.mdl-color-text--blue-grey-500 {
    color: #607d8b !important
}

.mdl-color--blue-grey-500 {
    background-color: #607d8b !important
}

.mdl-color-text--blue-grey-600 {
    color: #546e7a !important
}

.mdl-color--blue-grey-600 {
    background-color: #546e7a !important
}

.mdl-color-text--blue-grey-700 {
    color: #455a64 !important
}

.mdl-color--blue-grey-700 {
    background-color: #455a64 !important
}

.mdl-color-text--blue-grey-800 {
    color: #37474f !important
}

.mdl-color--blue-grey-800 {
    background-color: #37474f !important
}

.mdl-color-text--blue-grey-900 {
    color: #263238 !important
}

.mdl-color--blue-grey-900 {
    background-color: #263238 !important
}

.mdl-color--black {
    background-color: black !important
}

.mdl-color-text--black {
    color: black !important
}

.mdl-color--white {
    background-color: white !important
}

.mdl-color-text--white {
    color: white !important
}

.mdl-color--primary {
    background-color: #4abfe6 !important
}

.mdl-color--primary-contrast {
    background-color: white !important
}

.mdl-color--primary-dark {
    background-color: #303f9f !important
}

.mdl-color--accent {
    background-color: #ff4081 !important
}

.mdl-color--accent-contrast {
    background-color: white !important
}

.mdl-color-text--primary {
    color: #4abfe6 !important
}

.mdl-color-text--primary-contrast {
    color: white !important
}

.mdl-color-text--primary-dark {
    color: #303f9f !important
}

.mdl-color-text--accent {
    color: #ff4081 !important
}

.mdl-color-text--accent-contrast {
    color: white !important
}

.mdl-ripple {
    background: black;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1)
}

.mdl-ripple.is-visible {
    opacity: 0.3
}

.mdl-animation--default {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}

.mdl-badge:not([data-badge]) {
    margin-right: auto
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: white
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: black;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button.mdl-button--colored {
    color: #4abfe6
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12)
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--raised.mdl-button--colored {
    background: #4abfe6;
    color: white
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #4abfe6
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: #4abfe6
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #4abfe6
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: white
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, 0.2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 22px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4)
}

.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: white
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: white
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 22px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0px;
    left: 0px
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #4abfe6
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: white
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: white;
    background-color: #4abfe6
}

.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: white
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: white;
    background-color: #ff4081
}

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none
}

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: white;
    border-radius: 2px;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

.mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    margin: 0
}

.mdl-card__supporting-text {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 16px;
    width: 90%
}

.mdl-card__actions {
    font-size: 14px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    box-sizing: border-box
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px
}

.mdl-checkbox__input {
    line-height: 22px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #4abfe6
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: transparent;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #4abfe6 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

.mdl-checkbox.is-checked {
    color: #4a4b4e
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: #4abfe6
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none;
    overflow: hidden
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-chip:active {
    background-color: #d6d6d6
}

.mdl-chip--deletable {
    padding-right: 4px
}

.mdl-chip--contact {
    padding-left: 0
}

.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: white
}

.mdl-data-table thead {
    padding-bottom: 3px
}

.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}

.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}

.mdl-data-table tbody tr:hover {
    background-color: #eeeeee
}

.mdl-data-table td, .mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right
}

.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 24px
}

.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
    padding-right: 24px
}

.mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    box-sizing: border-box
}

.mdl-data-table td .mdl-data-table__select {
    vertical-align: middle
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db"
}

.mdl-data-table__select {
    width: 16px
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mdl-dialog__actions > * {
    margin-right: 8px;
    height: 36px
}

.mdl-dialog__actions > *:first-child {
    margin-right: 0
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px 0
}

.mdl-dialog__actions--full-width > * {
    height: 48px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mega-footer--top-section:after, .mdl-mega-footer--middle-section:after, .mdl-mega-footer--bottom-section:after, .mdl-mega-footer__top-section:after, .mdl-mega-footer__middle-section:after, .mdl-mega-footer__bottom-section:after {
    content: '';
    display: block;
    clear: both
}

.mdl-mega-footer--left-section, .mdl-mega-footer__left-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section, .mdl-mega-footer__right-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section, .mdl-mega-footer__left-section {
        float: left
    }

    .mdl-mega-footer--right-section, .mdl-mega-footer__right-section {
        float: right
    }

    .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}

.mdl-mega-footer--social-btn, .mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
        width: 33%
    }

    .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2), .mdl-mega-footer__drop-down-section:nth-child(1), .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left
    }

    .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(3):after, .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right
    }

    .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right
    }

    .mdl-mega-footer--middle-section:after, .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both
    }

    .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left
    }
}

.mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: 0;
    margin-top: -16px;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}

.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'
}

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
    display: none
}

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CF'
}

.mdl-mega-footer--heading, .mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0
}

.mdl-mega-footer--heading:after, .mdl-mega-footer__heading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}

.mdl-mega-footer--link-list, .mdl-mega-footer__link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

.mdl-mega-footer--link-list:after, .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''
}

.mdl-mega-footer--link-list li, .mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    line-height: 20px
}

.mdl-mega-footer--link-list a, .mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
        display: none
    }

    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        content: ''
    }

    .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
        display: block
    }

    .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
        content: ''
    }
}

.mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}

.mdl-logo {
    margin-bottom: 16px;
    color: white
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width: 760px) {
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mini-footer:after {
    content: '';
    display: block
}

.mdl-mini-footer .mdl-logo {
    line-height: 36px
}

.mdl-mini-footer--link-list, .mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width: 760px) {
    .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}

.mdl-mini-footer--link-list a, .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.mdl-mini-footer--left-section, .mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.mdl-mini-footer--right-section, .mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.mdl-mini-footer--social-btn, .mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}

.mdl-icon-toggle__input {
    line-height: 32px
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #4abfe6
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none
}

.mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.04em;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    box-sizing: border-box;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden
}

.mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px
}

.mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}

.mdl-list__item-icon, .mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: #757575
}

.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: white
}

.mdl-list__item--two-line {
    height: 72px
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 36px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0
}

.mdl-list__item--three-line {
    height: 88px
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block
}

.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0
}

.mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}

.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible
}

.mdl-menu__outline {
    display: block;
    background: white;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}

.mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}

.mdl-menu__item::-moz-focus-inner {
    border: 0
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto
}

.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
    background-color: transparent
}

.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
    background-color: transparent
}

.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
    background: transparent
}

.mdl-menu__item:hover {
    background-color: #eeeeee
}

.mdl-menu__item:focus {
    outline: none;
    background-color: #eeeeee
}

.mdl-menu__item:active {
    background-color: #e0e0e0
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%
}

.mdl-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-progress > .progressbar {
    background-color: #4abfe6;
    z-index: 1;
    left: 0
}

.mdl-progress > .bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #4abfe6, #4abfe6);
    z-index: 0;
    left: 0
}

.mdl-progress > .auxbar {
    right: 0
}

@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #4abfe6, #4abfe6);
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=")
    }
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #4abfe6, #4abfe6)
}

.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 {
    background-color: #4abfe6;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    background-color: #4abfe6;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@-webkit-keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 0%;
        width: 0%
    }
    75% {
        left: 0%;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%
    }
    50% {
        left: 0%;
        width: 0%
    }
    75% {
        left: 0%;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

.mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    opacity: 0.87
}

.mdl-navigation__link .material-icons {
    vertical-align: middle
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}

.mdl-layout__title, .mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box
}

.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}

.mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
    overflow: hidden
}

.mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px
    }
}

.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 16px
    }
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: black
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: white;
    z-index: 4
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: white;
    background-color: inherit
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5)
    }
}

@media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
        line-height: 54px
    }

    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none
    }
}

.mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #4abfe6;
    color: white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}

.mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px
    }
}

.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none
}

.mdl-layout__header.is-compact {
    max-height: 64px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: none
    }

    .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}

.mdl-layout__header--seamed {
    box-shadow: none
}

.mdl-layout__header--scroll {
    box-shadow: none
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px
    }

    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px
    }
}

.mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: white;
    line-height: 64px;
    padding: 0 24px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px
    }
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible
}

@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }

    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}

@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0
    }

    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #4abfe6;
    overflow-y: hidden;
    overflow-x: scroll
}

.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px)
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }

    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #4abfe6;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        width: 60px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}

.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}

.mdl-layout__tab-bar-button.is-active {
    color: white
}

.mdl-layout__tab-bar-left-button {
    left: 0
}

.mdl-layout__tab-bar-right-button {
    right: 0
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px 0 12px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: white
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: white
}

.mdl-layout__tab-panel {
    display: block
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}

.mdl-radio {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 24px
}

.mdl-radio__button {
    line-height: 22px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #4abfe6
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    border-radius: 50%;
    background: #4abfe6
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1)
}

.mdl-radio__label {
    cursor: pointer
}

fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-radio__ripple-container .mdl-ripple {
    background: #4abfe6
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent
}

_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}

.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #4abfe6;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer
}

.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0
}

.mdl-slider.is-upgraded::-ms-tooltip {
    display: none
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: transparent
}

.mdl-slider.is-upgraded::-moz-range-track {
    background: transparent;
    border: none
}

.mdl-slider.is-upgraded::-ms-track {
    background: none;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}

.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #4abfe6 16px, #4abfe6 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #4abfe6;
    border: none;
    transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-image: none;
    background: #4abfe6;
    border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: #4abfe6;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: #4abfe6;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #4abfe6;
    transform: scale(0.375);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #4abfe6 0%, #4abfe6 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: #4abfe6;
    transform: scale(0.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 9px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, 0.26);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    transform: scale(0.5625);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px
}

.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, 0.26);
    left: -6px
}

.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: transparent;
    -webkit-transform: scale(0.667);
    transform: scale(0.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: transparent;
    transform: scale(0.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
    transform: scale(0.25);
    background: rgba(0, 0, 0, 0.26)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
    transform: scale(0.25);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdl-slider__background-flex {
    background: transparent;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px)
}

.mdl-slider__background-lower {
    background: #4abfe6;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}

.mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none
}

@media (max-width: 479px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px
    }
}

@media (min-width: 480px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px)
    }
}

.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1)
}

@media (min-width: 480px) {
    .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left
}

.mdl-snackbar__action {
    background: transparent;
    border: none;
    color: #ff4081;
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.mdl-snackbar__action::-moz-focus-inner {
    border: 0
}

.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite
}

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-2 {
    border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-3 {
    border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__layer-4 {
    border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #4abfe6
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99
    }
    25% {
        opacity: 0.99
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0.99
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99
    }
    25% {
        opacity: 0.99
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0.99
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    25% {
        opacity: 0.99
    }
    50% {
        opacity: 0.99
    }
    51% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    25% {
        opacity: 0.99
    }
    50% {
        opacity: 0.99
    }
    51% {
        opacity: 0
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    50% {
        opacity: 0.99
    }
    75% {
        opacity: 0.99
    }
    76% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    50% {
        opacity: 0.99
    }
    75% {
        opacity: 0.99
    }
    76% {
        opacity: 0
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    75% {
        opacity: 0.99
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    75% {
        opacity: 0.99
    }
    90% {
        opacity: 0.99
    }
    100% {
        opacity: 0
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch__input {
    line-height: 22px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, 0.5)
}

.mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto
}

.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #4abfe6;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26)
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    left: 24px
}

.mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    transition-duration: 0.40s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: #4abfe6
}

.mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}

.mdl-tabs {
    display: block;
    width: 100%
}

.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    overflow: hidden
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #4abfe6;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #4abfe6
}

.mdl-tabs__panel {
    display: block
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

.mdl-textfield {
    position: relative;
    font-size: 14px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0 5px
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 5px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 14px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #4abfe6;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: #4abfe6;
    bottom: 5px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}

.mdl-tooltip.is-active {
    -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2)
}

.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}

.mdl-cell {
    box-sizing: border-box
}

.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0
}

.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

@media (max-width: 479px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 100%
    }

    .mdl-cell--hide-phone {
        display: none !important
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 50%
    }

    .mdl-cell--hide-tablet {
        display: none !important
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%
    }

    .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%
    }

    .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%
    }

    .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%
    }

    .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%
    }
}

@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%
    }

    .mdl-cell--hide-desktop {
        display: none !important
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }

    .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }

    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }

    .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }

    .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }

    .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }

    .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }

    .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }

    .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }

    .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }

    .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }

    .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }

    .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%
    }

    .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%
    }

    .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }

    .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%
    }

    .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%
    }

    .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }

    .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%
    }

    .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%
    }

    .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }

    .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%
    }

    .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

li {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    padding: 0
}

html {
    height: 100%;
    font-size: 62.5%
}

body {
    position: relative;
    color: #333333;
    font-size: 14px;
    font-size: 1.4em;
    min-height: 100vh;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Verdana', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    word-break: break-all;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #4abfe6;
    text-decoration: none
}

.site-header {
    background: #fff;
    position: relative;
    height: 48px
}

.site-header__logo {
    display: block;
    width: 172px;
    height: 28px;
    margin: 9px;
    text-indent: -9999px;
    background: url("//cdn.spacemarket.net/assets/service/logo-34425dc3dc67a17164c329372159e4a4.svg") no-repeat;
    background-size: 172px 28px
}

.site-header__logo:hover {
    opacity: 0.7
}

.site-header__search {
    display: block;
    margin-left: 200px;
    margin-right: 500px;
    position: relative;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    height: 48px;
    padding: 9px 0 6px 40px;
    font-size: 13px;
    font-size: rem(13);
    line-height: 1.5
}

.site-header__search-menu-btn {
    display: none
}

.site-header__search-menu-icon {
    color: #ffffff
}

.site-header__nav {
    float: right;
    margin-right: 12px
}

.site-header__nav > li {
    display: block;
    position: relative;
    float: right;
    margin: 8px
}

.site-header__nav-help {
    display: block;
    margin-top: 2px
}

.site-header__nav-help:hover {
    opacity: 0.6
}

.site-header__nav-help__login {
    margin-top: 1px
}

.guide__text {
    display: block;
    float: right;
    margin-top: 7px;
    margin-left: 6px
}

.help__text {
    display: block;
    float: right;
    margin-top: 5px;
    padding: 2px 0 2px 5px
}

.site-header__nav-user-name__full {
    max-width: 101px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    margin-right: 4px
}

.site-header__nav-user {
    display: block
}

.site-header__nav-user:hover {
    opacity: 0.6
}

.site-header__nav-user-icon {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%
}

.site-header__nav-user-name {
    display: block;
    float: left;
    margin: 9px 0 0 5px;
    font-size: 14px
}

.site-header__nav-message {
    display: block;
    font-size: 22px;
    margin-top: 4px;
    color: #d0d1cf
}

.site-header__nav-message:hover {
    opacity: 0.8
}

.site-header__nav-owner {
    font-size: 14px;
    float: left;
    margin: 9px 0 0 5px
}

.site-header__nav-owner:hover {
    opacity: 0.6
}

.site-header__nav-owner-notification {
    color: #e95175
}

.site-header__nav-owner-notification:before {
    font-size: 10px
}

.site-header__nav-bagde {
    display: inline-block;
    background: #e95175;
    color: #FFF;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
    margin-left: -15px;
    min-width: 8px;
    text-align: center
}

.site-header__nav-baloon {
    top: 40px
}

.site-header__nav-baloon .baloon-inner {
    padding: 0
}

.site-header__nav-baloon-title {
    font-size: 12px;
    padding: 5px 15px;
    background: #f3f3f3
}

.site-header__nav-baloon-title:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.site-header__nav-baloon-nodata {
    padding: 15px;
    color: #b3b3b4
}

.site-header__nav-baloon-menu a {
    display: block;
    padding: 15px
}

.site-header__nav-baloon-menu a:hover, .is-new {
    background: #e4f2e3
}

.site-header__nav-baloon-user {
    border-radius: 3px 3px 0 0;
    color: #333333;
    padding: 15px;
    color: #4a4b4e;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2
}

.site-header__nav-baloon-point {
    margin-top: -10px;
    padding-bottom: 15px;
    font-size: 12px;
    border-bottom: solid 1px #eaeaea
}

.site-header__nav-baloon-point:hover {
    text-decoration: underline
}

.site-header__nav-baloon-point-unit {
    font-size: 10px
}

.site-header__nav-baloon-business-create {
    border-top: #eaeaea solid 1px
}

.site-header__nav-baloon-business-img {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px
}

.site-header__nav-baloon-business-text {
    line-height: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    height: 30px;
    padding-right: 10px
}

.site-header__nav-baloon-business-angle {
    display: table-cell;
    vertical-align: middle
}

.site-header__nav-baloon-name {
    width: 250px;
    right: 0px
}

.site-header__nav-baloon-name:before {
    display: none
}

.site-header__nav-baloon-name a {
    padding: 15px
}

.site-header__nav-baloon-owner {
    width: 250px;
    right: 10px
}

.site-header__nav-baloon-owner:before {
    display: none
}

.site-header__nav-baloon-owner a {
    display: block
}

.site-header__nav-baloon-owner img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 8px
}

.site-header__nav-baloon-owner p {
    display: table-cell;
    vertical-align: middle
}

.site-header__nav-baloon-message {
    width: 250px;
    right: 0
}

.site-header__nav-baloon-message .baloon-inner {
    padding: 0;
    max-height: 400px;
    overflow: scroll
}

.site-header__nav-baloon-message li {
    border-bottom: 1px solid #f3f3f3
}

.site-header__nav-baloon-message:before {
    display: none
}

.site-header__nav-baloon-message-content {
    font-size: 14px
}

.site-header__nav-baloon-message-name {
    display: table;
    margin-top: 10px
}

.site-header__nav-baloon-message-name p {
    display: table-cell;
    vertical-align: middle
}

.site-header__nav-baloon-message-name img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 8px
}

.site-header__nav-baloon-message-name span {
    display: block;
    color: #b3b3b4;
    font-size: 11px;
    margin-top: 3px
}

.site-header__nav-reservation {
    display: block;
    float: left;
    margin: 9px 0 0 5px;
    font-size: 14px
}

.site-header__nav-reservation:hover {
    opacity: 0.6
}

.site-header__nav-favorite {
    display: block;
    float: left;
    margin-top: 5px;
    padding: 4px 0 0 16px;
    font-size: 14px;
    border-left: solid 1px #eaeaea
}

.site-header__nav-favorite:hover .link-black {
    opacity: 0.6
}

.site-header__nav-favorite:hover .site-header__nav-baloon-favorite.is-nolist {
    display: block;
    -webkit-animation: BaloonFadedDwn 0.25s 1;
    animation: BaloonFadedDwn 0.25s 1
}

.site-header__nav-baloon-favorite.is-nolist {
    display: none;
    position: absolute;
    left: -78px
}

.site-header__nav-baloon-favorite {
    width: 255px;
    top: 40px;
    right: 0;
    color: #4a4b4e
}

.site-header__nav-baloon-favorite .baloon-inner {
    display: block;
    padding: 20px;
    width: 255px
}

.site-header__nav-baloon-favorite:before {
    display: none
}

.site-header__nav-favorite .fa-circle {
    font-size: 10px;
    color: #e95175
}

.site-header__nav-baloon-favorite.is-nolist .fa-heart {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: #f06060;
    font-size: 33px
}

.site-header__favorite-guide {
    display: block;
    text-align: center;
    line-height: 1.6
}

.site-header__nav-baloon-favorite.is-login {
    width: 314px
}

.site-header__nav-baloon-favorite.is-login .baloon-inner {
    width: 100%;
    padding: 0
}

.site-header__nav-baloon-favorite.is-logout {
    width: 314px;
    right: 0
}

.site-header__nav-baloon-favorite.is-logout .baloon-inner {
    font-size: 13px;
    width: 100%;
    padding: 0
}

.site-header__nav-baloon-favorite.is-logout .site-header__nav-baloon-favorite__space-info {
    margin-top: 7px
}

.site-header__nav-baloon-favorite__list {
    max-height: 315px;
    overflow-y: scroll;
    padding: 5px 15px 0;
    border-bottom: 1px dotted #d1d1d1
}

.site-header__nav-baloon-favorite__unit {
    overflow: hidden;
    position: relative;
    border-bottom: 1px dotted #d1d1d1;
    padding: 8px 0px
}

.site-header__nav-baloon-favorite__unit:last-child {
    border: none
}

.site-header__nav-baloon-favorite__unit-link {
    display: block;
    height: 100px;
    color: #4b4b4b
}

.site-header__nav-baloon-favorite__unit-link:hover img {
    opacity: 0.8
}

.site-header__nav-baloon-favorite__unit-link:hover h2 {
    text-decoration: underline
}

.site-header__nav-baloon-favorite__space-img {
    float: left;
    width: 100px;
    height: 100px
}

.site-header__nav-baloon-favorite__space-img img {
    width: 100%;
    height: auto
}

.site-header__nav-baloon-favorite__space-info {
    float: right;
    width: calc(100% - 110px);
    color: #4a4b4e
}

.site-header__nav-baloon-favorite__space-info h2 {
    overflow: hidden;
    line-height: 1.3;
    font-size: 13px;
    margin-top: 5px
}

.site-header__nav-baloon-favorite__space-dtl {
    margin: 5px 0;
    font-size: 11px
}

.site-header__nav-baloon-favorite__space-dtl li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.site-header__nav-baloon-favorite__space-dtl li .fa {
    color: #d0d1cf
}

.site-header__nav-baloon-favorite__space-price {
    background-color: #eaeaea;
    border-radius: 3px;
    height: 20px;
    font-size: 11px;
    padding: 5px;
    text-align: center
}

.site-header__nav-baloon-favorite__list-name {
    font-size: 10px;
    color: #999;
    text-align: right;
    padding-bottom: 1px
}

.site-header__nav-baloon-favorite__list-name:hover {
    text-decoration: underline
}

.site-header__nav-baloon-favorite__list-link {
    display: block;
    position: absolute;
    right: 0;
    bottom: 10px
}

.site-header__nav-baloon-favorite__morebtn {
    width: 280px;
    margin: 10px auto
}

.site-header__nav-baloon-favorite__morebtn a {
    width: 100%;
    font-size: 12px
}

.site-header__smp {
    display: none
}

.site-header__drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    overflow-y: auto;
    background: #222;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transform-origin: right center;
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    color: #FFF;
    z-index: 8
}

.site-header__drawer-check {
    display: none
}

.site-header__drawer-menu-btn {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    color: #b3b3b4
}

.site-header__drawer-menu-btn:hover {
    color: #999
}

.site-header__drawer-close-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
    opacity: 0
}

.site-header__drawer-check:checked ~ .site-header__drawer-menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 11
}

.site-header__drawer-check:checked ~ .site-header__drawer-close-menu {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: rgba(0, 0, 0, 0.5);
    visibility: visible;
    opacity: 1;
    z-index: 11
}

.site-header__drawer-user-icon {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 20px;
    border-radius: 100%
}

.site-header__drawer-name-box {
    border-bottom: 1px solid #333;
    padding-top: 20px;
    min-height: 88px
}

.site-header__drawer-name-guest {
    padding: 0px 0 3px 80px
}

.site-header__drawer-name-host {
    padding: 10px 0 3px 80px
}

.site-header__drawer-user-name {
    padding: 0 0 15px 80px;
    font-size: 18px
}

.site-header__drawer-user-point {
    margin-left: 80px;
    margin-top: -12px;
    padding-bottom: 15px
}

.site-header__drawer-user-point-unit {
    font-size: 10px;
    margin-left: 3px
}

.site-header__drawer-menu-title {
    padding: 10px 10px 10px 30px;
    background-color: #333;
    border-bottom: #333 1px solid
}

.site-header__drawer-menu-list {
    position: relative
}

.site-header__drawer-menu-list i {
    margin-right: 10px
}

.site-header__drawer-menu-list a {
    display: block;
    font-size: 16px;
    color: #FFF;
    border-bottom: 1px solid #333;
    padding: 15px 10px 15px 30px
}

.site-header__drawer-menu-list a:hover {
    background: #333
}

.site-header__drawer-menu-list-border {
    border-top: #777777 solid 1px
}

.site-header__drawer-menu-list-host {
    max-width: 218px;
    display: inline-block
}

.site-header__drawer-menu-list-notification {
    color: #e95175;
    vertical-align: top;
    margin: -9px 0 0 3px
}

.site-header__drawer-menu-list-notification:before {
    font-size: 10px
}

.site-header__drawer-menu-not-link {
    display: block;
    font-size: 16px;
    color: #FFF;
    border-bottom: 1px solid #333;
    padding: 15px 10px 15px 30px
}

.site-header__drawer-menu-bagde {
    background: #e95175;
    color: #fff;
    padding: 3px 4px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    min-width: 8px;
    text-align: center;
    position: absolute;
    top: auto;
    right: 24px
}

.site-header__drawer-menu-bagde i {
    margin-right: 0;
    padding: 3px 5px
}

.site-header__message-menu-btn a {
    position: absolute;
    display: block;
    top: 10px;
    right: 50px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    color: #b3b3b4
}

.site-header__message-menu {
    box-sizing: border-box;
    padding-top: 44px;
    background: #FFF;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 6;
    overflow-x: scroll
}

.site-header__message-menu-close {
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    background: #FFF;
    font-size: 30px;
    padding: 7px;
    text-align: right;
    z-index: 6
}

.site-header__message-menu-close a {
    color: #b3b3b4
}

.is-approval, .is-changed, .is-available, .is-info {
    color: #60df52
}

.is-reserve, .is-unavailable {
    color: #333333
}

.is-normal {
    color: #b3b3b4
}

.is-done {
    color: #b3b3b4
}

.is-error, .is-cancel, .is-minus, .is-required {
    color: #e95175
}

.icon-ll {
    font-size: 40px;
    line-height: 1
}

.link-black {
    color: #333333
}

.link-green {
    color: #60df52
}

.link-border, .link-hover-border:hover {
    text-decoration: underline
}

.link-separator {
    color: #b3b3b4;
    margin: 0 5px
}

.message-important {
    color: #e95175
}

.message-information {
    color: #60df52
}

.message-supplement {
    color: #b3b3b4
}

.message-emphasis {
    color: #4abfe6
}

.message-disabled {
    color: #b3b3b4
}

.message-strong {
    font-weight: bold
}

.button-green {
    display: inline-block;
    background: #60df52;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: none;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #60ce52
}

.button-green:hover {
    background: #8fea86;
    border-bottom: 1px solid #9add92
}

.button-blue {
    display: inline-block;
    background: #4abfe6;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: none;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #42a9cc
}

.button-blue:hover {
    background: #76cce8;
    border-bottom: 1px solid #89c7dc
}

.button-whiteblue {
    display: inline-block;
    background: #fff;
    color: #333333;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: none;
    line-height: 1;
    cursor: pointer;
    border: 1px solid #4abfe6;
    color: #4abfe6
}

.button-whiteblue:hover {
    background: #f6f6f6
}

.button-gray {
    display: inline-block;
    background: #a0a0a0;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: none;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #909090
}

.button-gray:hover {
    background: #d0d1cf;
    border-bottom: 1px solid #c8c8c8
}

.button-disabled {
    display: inline-block;
    background: #eee;
    color: #999;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    line-height: 1;
    cursor: default
}

.button-disabled:hover {
    background: #eee;
    border-color: #e1e1e1
}

.dropdown-button-green {
    display: inline-block;
    background: #60df52;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    overflow: hidden
}

.dropdown-button-green__button {
    display: block;
    float: left;
    color: #FFF;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid #60ce52
}

.dropdown-button-green__button:hover {
    background: #8fea86;
    border-bottom: 1px solid #9add92
}

.dropdown-button-green__dropdown {
    display: block;
    float: left;
    color: #FFF;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    width: 25px;
    border-bottom: 1px solid #60ce52
}

.dropdown-button-green__dropdown:hover {
    background: #8fea86;
    border-bottom: 1px solid #9add92
}

.icon-form {
    display: block;
    float: left;
    border-radius: 3px;
    padding: 4px;
    margin-right: 8px;
    color: #FFF;
    font-size: 12px
}

.icon-form__required {
    background: #e95175
}

.icon-form__optional {
    background: #b3b3b4
}

.reserve-status-icon {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid;
    padding: 3px;
    width: 80px;
    text-align: center;
    border-radius: 3px;
    background: #FFF
}

.user-detail-baloon {
    width: 250px
}

.user-detail-baloon:before {
    left: 20px
}

.user-detail-baloon__img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: 0 10px 10px 0;
    float: left
}

.user-detail-baloon__name {
    margin-left: 80px;
    margin-bottom: 5px
}

.user-detail-baloon__company {
    margin-left: 80px;
    margin-bottom: 10px;
    font-size: 12px
}

.user-detail-baloon__auth {
    margin-left: 80px;
    margin-bottom: 2px;
    font-size: 11px
}

.user-detail-baloon__auth:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 3px;
    color: #60df52
}

.user-detail-baloon__button {
    display: block;
    margin: 10px auto 0;
    width: 180px;
    padding: 7px 0;
    font-size: 12px;
    clear: both
}

.owner-detail-baloon {
    width: 250px
}

.owner-detail-baloon:before {
    left: 230px
}

.owner-detail-baloon__img {
    width: 70px;
    border-radius: 100%;
    margin: 0 10px 10px 0;
    float: left
}

.owner-detail-baloon__name {
    height: 70px;
    line-height: 1.3;
    display: table-cell;
    vertical-align: middle
}

.space-detail-baloon {
    width: 250px
}

.space-detail-baloon:before {
    left: 20px
}

.space-detail-baloon__img {
    width: 250px;
    height: 110px;
    margin: -10px 10px -42px -10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-indent: -9999px;
    background-size: cover;
    background-position: center
}

.space-detail-baloon__name {
    color: #FFF;
    line-height: 1.3;
    height: 40px;
    text-shadow: 0 0 3px #000;
    overflow: hidden
}

.space-detail-baloon__company {
    margin-left: 80px;
    margin-bottom: 10px;
    font-size: 12px
}

.space-detail-baloon__auth {
    margin-left: 80px;
    margin-bottom: 2px;
    font-size: 11px
}

.space-detail-baloon__auth:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 3px;
    color: #60df52
}

.space-detail-baloon__button {
    width: 110px;
    padding: 7px 0;
    font-size: 12px;
    clear: both
}

.auth-icon {
    font-size: 11px;
    padding: 5px;
    background: #f3f3f3;
    border-radius: 3px
}

.auth-icon:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 3px;
    color: #60df52
}

.payment-card__visa {
    color: #33589E
}

.payment-card__master {
    color: #ff9a00
}

.payment-card__amex {
    color: #007bc6
}

.payment-card__jcb {
    color: #233D8C
}

.form-box {
    margin-bottom: 40px;
    line-height: 1.8;
    overflow: hidden
}

input {
    -webkit-appearance: none
}

input, select, textarea {
    padding: 5px 5px;
    font-size: 14px;
    border: 1px solid #b3b3b4;
    background: #FFF
}

input[disabled], input[disabled] + label:after, textarea[disabled], select[disabled] {
    background: #f3f3f3;
    border-color: #CCC
}

input[disabled] + label {
    color: #b3b3b4
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}

input[type="search"]:focus {
    outline-offset: -2px
}

input[type="search"]::-webkit-search-decoration {
    display: none
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.form-coverpic {
    width: 100%;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    background-size: cover;
    background-position: center;
    margin-top: -25px;
    margin-bottom: 30px;
    box-sizing: content-box
}

.form-coverpic__link {
    width: 100%;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    height: 140px;
    background: rgba(51, 51, 51, 0.6);
    font-size: 22px;
    text-align: center;
    padding-top: 110px;
    color: #FFF;
    box-sizing: content-box
}

.form-coverpic__link:hover {
    background: rgba(51, 51, 51, 0.4)
}

.form-casette {
    background: #FFF;
    margin-bottom: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative
}

.form-casette__close {
    display: block;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFF;
    background: #b3b3b4;
    padding: 3px 5px;
    border-radius: 3px
}

.form-casette__close:hover {
    opacity: 0.8
}

.form-img-box__img {
    float: left;
    width: 150px;
    height: 100px;
    background-size: cover;
    background-position: center
}

.form-img-box__textarea {
    display: block;
    width: 100%;
    height: 60px
}

.form-img-button {
    width: 100%;
    font-size: 20px;
    padding: 25px 0
}

.form-img-lightbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 400px;
    background: #b3b3b4;
    margin-left: -300px;
    margin-top: -200px
}

.form-img-lightbox__close {
    display: block;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #FFF;
    background: #595959;
    width: 30px;
    height: 27px;
    text-align: center;
    padding-top: 3px;
    border-radius: 3px
}

.form-img-lightbox__close:hover {
    opacity: 0.8
}

.form-user-box {
    padding: 15px;
    position: relative
}

.form-user-box__img {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.form-user-box__name {
    display: block;
    font-size: 16px;
    margin: 22px 0 0 15px;
    float: left
}

.form-user-box__close {
    top: 32px;
    right: 15px
}

.form-select__inner {
    background: #fff;
    display: inline-block
}

.form-select, .form-select__s {
    position: relative;
    line-height: 0
}

.form-select select, .form-select__s select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.form-select select::-ms-expand, .form-select__s select::-ms-expand {
    display: none
}

.form-select:before, .form-select__s:before {
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    color: #4abfe6;
    content: "\f0dd";
    z-index: 1
}

.form-select select {
    padding: 8px 30px 8px 10px;
    height: 39px;
    background-color: transparent;
    line-height: 14px
}

.form-select:before {
    margin-top: 16px
}

.form-select__s select {
    padding: 6px 30px 6px 10px;
    background-color: transparent;
    line-height: 12px
}

.form-select__s:before {
    position: absolute;
    top: 4px
}

.form-saved {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    color: #60df52;
    padding: 15px 0;
    font-weight: bold;
    margin-left: -25px
}

input[type=radio], input[type=checkbox] {
    display: none
}

.form-radio, .form-radio__s, .form-checkbox, .form-checkbox__s {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.form-radio:after, .form-radio__s:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    border: 1px solid #b3b3b4;
    border-radius: 100%;
    content: '';
    background: #FFF
}

.form-radio:before, .form-radio__s:before {
    position: absolute;
    z-index: 2;
    display: block;
    border-radius: 100%;
    background: #4abfe6;
    content: '';
    opacity: 0;
    top: 50%
}

input[disabled] + .form-radio:before, input[disabled] + .form-radio__s:before {
    background: #b3b3b4
}

.form-radio, .form-checkbox {
    margin: 0 20px 3px 0;
    padding-left: 30px
}

.form-radio:after {
    left: 0;
    margin-top: -3px;
    width: 18px;
    height: 18px;
    box-sizing: content-box;
    top: 0%
}

.form-radio:before {
    left: 4px;
    margin-top: 1px;
    width: 12px;
    height: 12px;
    top: 0%
}

.form-radio__s, .form-checkbox__s {
    margin: 0 10px 3px 0;
    padding-left: 22px
}

.form-radio__s:after {
    left: 0;
    margin-top: -8px;
    width: 14px;
    height: 14px
}

.form-radio__s:before {
    left: 3px;
    margin-top: -5px;
    width: 8px;
    height: 8px
}

input[type=radio]:checked + .form-radio:before, input[type=radio]:checked + .form-radio__s:before {
    opacity: 1
}

.form-checkbox:after, .form-checkbox__s:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    content: '';
    background: #FFF
}

.form-checkbox:before, .form-checkbox__s:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: block;
    content: '';
    opacity: 0;
    transform: rotate(45deg)
}

input[disabled] + .form-checkbox:before, input[disabled] + .form-checkbox__s:before {
    border-color: #b3b3b4
}

.form-checkbox:after {
    left: 0;
    margin-top: -9px;
    width: 18px;
    height: 18px
}

.form-checkbox:before {
    left: 6px;
    width: 4px;
    height: 8px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6;
    box-sizing: content-box;
    top: 0px
}

.form-checkbox__s:after {
    left: 0;
    margin-top: -8px;
    width: 15px;
    height: 15px
}

.form-checkbox__s:before {
    left: 5px;
    margin-top: -6px;
    width: 6px;
    height: 9px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6
}

input[type=checkbox]:checked + .form-checkbox:before, input[type=checkbox]:checked + .form-checkbox__s:before {
    opacity: 1
}

.form-text, .form-textarea {
    padding: 8px;
    line-height: 1.6;
    border-radius: 3px
}

.form-text::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
    color: #CCC
}

.form-text:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    color: #CCC
}

.form-text::-moz-placeholder, .form-textarea::-moz-placeholder {
    color: #CCC
}

.form-box .form-radio:after {
    margin-top: 2px
}

.form-box .form-radio:before {
    margin-top: 6px
}

.form-box .form-checkbox:after {
    margin-top: -10px
}

.form-box .form-checkbox:before {
    top: 5px
}

.form-textarea {
    resize: vertical
}

.form-error {
    border: 1px solid #e95175;
    background: #ffeff5
}

.servicse-form-text {
    padding: 6px 8px;
    border-radius: 0;
    font-size: 13px
}

.message-wrap {
    width: 100%;
    background: #FFF;
    padding: 18px 22px;
    margin: 8px 0
}

.message-wrap .fa {
    display: inline-flex;
    font-size: 18px
}

.message-wrap .fa-exclamation-circle {
    color: #e95175
}

.message-wrap .fa-check {
    color: #60df52
}

.is-static {
    border-radius: 1px;
    width: 100%
}

.is-attention {
    border: 1px solid #e95175
}

.is-done {
    border: 1px solid #60df52
}

.is-popup {
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.message__text {
    display: inline-flex;
    color: #333333;
    font-size: 16px;
    line-height: 1.6
}

.confirm-modal__subtitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 20px;
    color: #999;
    border-bottom: 1px solid #eaeaea
}

.confirm-modal__list {
    margin: 0 auto 36px;
    max-width: 500px
}

.confirm-modal__list dt {
    font-weight: bold;
    float: left;
    width: 13em;
    padding: 16px 0;
    line-height: 1.4
}

@media screen and (max-width: 767px) {
    .confirm-modal__list dt {
        padding: 16px 0 0;
        float: none
    }
}

.confirm-modal__list dd {
    padding: 16px 0;
    line-height: 1.4
}

@media screen and (max-width: 767px) {
    .confirm-modal__list dd {
        padding: 8px 0 0;
        float: none
    }
}

.confirm-modal__button {
    text-align: center;
    padding-bottom: 56px
}

.message-wrap {
    background: white;
    padding: 18px 22px;
    margin: 16px 0
}

.message-wrap .fa {
    display: inline-flex;
    font-size: 16px
}

.message-wrap .fa-exclamation-circle {
    color: #e95175
}

.message-wrap .fa-check {
    color: #60df52
}

.is-static {
    border-radius: 1px;
    width: 100%
}

.is-attention {
    border: 1px solid #e95175
}

.is-done {
    border: 1px solid #60df52
}

.is-popup {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

@media screen and (min-width: 768px) {
    .is-popup {
        max-width: 70%
    }
}

.is-popup .message__text {
    font-size: 14px
}

.message__text {
    display: inline;
    color: #333333;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (min-width: 768px) {
    .message__text {
        display: inline-flex
    }
}

.confirm-modal__subtitle {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 20px;
    color: #999;
    border-bottom: 1px solid #eaeaea
}

.confirm-modal__list {
    margin: 0 auto 36px;
    max-width: 500px
}

.confirm-modal__list dt {
    font-weight: bold;
    float: left;
    width: 13em;
    padding: 16px 0;
    line-height: 1.4
}

@media screen and (max-width: 767px) {
    .confirm-modal__list dt {
        padding: 16px 0 0;
        float: none
    }
}

.confirm-modal__list dd {
    padding: 16px 0 16px 13em;
    line-height: 1.4;
    min-height: 51px
}

@media screen and (max-width: 767px) {
    .confirm-modal__list dd {
        padding: 8px 0 0;
        float: none;
        min-height: auto
    }
}

.confirm-modal__button {
    text-align: center;
    padding-bottom: 56px
}

.baloon {
    position: absolute;
    border-radius: 3px;
    z-index: 9
}

.baloon:before {
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.baloon, .baloon:before {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background: #fff
}

.baloon-inner {
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

.baloon-bottom:before {
    bottom: -7px;
    left: 50%;
    margin-left: -8px
}

.baloon-top:before {
    top: -7px;
    left: 50%;
    margin-left: -8px
}

.baloon-left:before {
    left: -7px;
    top: 50%;
    margin-top: -8px
}

.baloon-right:before {
    right: -7px;
    top: 50%;
    margin-top: -8px
}

.baloon-none:before {
    display: none
}

.page-nav {
    clear: both;
    padding: 20px 0 0px;
    margin: 0 0 12px 0;
    font-size: 0
}

.page-nav a.page-nav__numbers {
    background: #fff
}

.page-nav a.page-nav__numbers, .page-nav .is-current {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    color: #666;
    border: solid 1px #d0d1cf;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 32px
}

.page-nav a.page-nav__numbers:hover {
    color: #fff;
    background: #999;
    border-color: #999
}

.page-nav .is-current {
    background: #eaeaea;
    font-weight: bold
}

.boder-box {
    padding: 40px;
    width: 100%;
    height: 100%
}

.boder-box__dot {
    border: 2px dotted #b3b3b4;
    border-radius: 6px
}

.boder-box__white {
    border-color: #fff
}

.drop-upload-box-txt {
    text-align: center;
    margin-bottom: 20px;
    display: block
}

.drop-upload-box-txt__suppl {
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

.of-h {
    overflow: hidden
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.di {
    display: inline
}

.dn {
    display: none
}

.bd-n {
    border: none !important
}

.bg-n {
    background-image: none !important
}

.fz16 {
    font-size: 16px
}

.center-img {
    z-index: 0;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.center-img a {
    display: block
}

.center-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mt5 {
    margin-top: 5px
}

.mt7 {
    margin-top: 7px
}

.mt9 {
    margin-top: 9px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt55 {
    margin-top: 55px
}

.mt60 {
    margin-top: 60px
}

.mt65 {
    margin-top: 65px
}

.mt70 {
    margin-top: 70px
}

.mt75 {
    margin-top: 75px
}

.mt80 {
    margin-top: 80px
}

.mt85 {
    margin-top: 85px
}

.mt90 {
    margin-top: 90px
}

.mt95 {
    margin-top: 95px
}

.mb3 {
    margin-bottom: 3px
}

.mb5 {
    margin-bottom: 5px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.mb60 {
    margin-bottom: 60px
}

.mb65 {
    margin-bottom: 65px
}

.mb70 {
    margin-bottom: 70px
}

.mb75 {
    margin-bottom: 75px
}

.mb80 {
    margin-bottom: 80px
}

.mb85 {
    margin-bottom: 85px
}

.mb90 {
    margin-bottom: 90px
}

.mb95 {
    margin-bottom: 95px
}

.mla {
    margin-left: auto
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml45 {
    margin-left: 45px
}

.ml50 {
    margin-left: 50px
}

.ml55 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.ml65 {
    margin-left: 65px
}

.ml70 {
    margin-left: 70px
}

.ml75 {
    margin-left: 75px
}

.ml80 {
    margin-left: 80px
}

.ml85 {
    margin-left: 85px
}

.ml90 {
    margin-left: 90px
}

.ml95 {
    margin-left: 95px
}

.ml150 {
    margin-left: 150px
}

.ml165 {
    margin-left: 165px
}

.ml170 {
    margin-left: 170px
}

.ml250 {
    margin-left: 250px
}

.mra {
    margin-right: auto
}

.mr2pa {
    margin-right: 2%
}

.mr4pa {
    margin-right: 4%
}

.mr2 {
    margin-right: 2px
}

.mr3 {
    margin-right: 3px
}

.mr5 {
    margin-right: 5px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}

.mr45 {
    margin-right: 45px
}

.mr50 {
    margin-right: 50px
}

.mr55 {
    margin-right: 55px
}

.mr60 {
    margin-right: 60px
}

.mr65 {
    margin-right: 65px
}

.mr70 {
    margin-right: 70px
}

.mr75 {
    margin-right: 75px
}

.mr80 {
    margin-right: 80px
}

.mr85 {
    margin-right: 85px
}

.mr90 {
    margin-right: 90px
}

.mr95 {
    margin-right: 95px
}

.mr150 {
    margin-right: 150px
}

.mr250 {
    margin-right: 250px
}

.ma {
    margin: auto
}

.pt5 {
    padding-top: 5px
}

.pt7 {
    padding-top: 7px
}

.pt9 {
    padding-top: 9px
}

.pt10 {
    padding-top: 10px
}

.pt13 {
    padding-top: 13px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt55 {
    padding-top: 55px
}

.pt60 {
    padding-top: 60px
}

.pt65 {
    padding-top: 65px
}

.pt70 {
    padding-top: 70px
}

.pt75 {
    padding-top: 75px
}

.pt80 {
    padding-top: 80px
}

.pt85 {
    padding-top: 85px
}

.pt90 {
    padding-top: 90px
}

.pt95 {
    padding-top: 95px
}

.pb5 {
    padding-bottom: 5px
}

.pb7 {
    padding-bottom: 7px
}

.pb9 {
    padding-bottom: 9px
}

.pb10 {
    padding-bottom: 10px
}

.pb13 {
    padding-bottom: 13px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb45 {
    padding-bottom: 45px
}

.pb50 {
    padding-bottom: 50px
}

.pb55 {
    padding-bottom: 55px
}

.pb60 {
    padding-bottom: 60px
}

.pb65 {
    padding-bottom: 65px
}

.pb70 {
    padding-bottom: 70px
}

.pb75 {
    padding-bottom: 75px
}

.pb80 {
    padding-bottom: 80px
}

.pb85 {
    padding-bottom: 85px
}

.pb90 {
    padding-bottom: 90px
}

.pb95 {
    padding-bottom: 95px
}

.pl5 {
    padding-left: 5px
}

.pl8 {
    padding-left: 8px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl35 {
    padding-left: 35px
}

.pl40 {
    padding-left: 40px
}

.pl45 {
    padding-left: 45px
}

.pl50 {
    padding-left: 50px
}

.pl55 {
    padding-left: 55px
}

.pl60 {
    padding-left: 60px
}

.pl65 {
    padding-left: 65px
}

.pl70 {
    padding-left: 70px
}

.pl75 {
    padding-left: 75px
}

.pl80 {
    padding-left: 80px
}

.pl85 {
    padding-left: 85px
}

.pl90 {
    padding-left: 90px
}

.pl95 {
    padding-left: 95px
}

.pr5 {
    padding-right: 5px
}

.pr8 {
    padding-right: 8px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pr35 {
    padding-right: 35px
}

.pr40 {
    padding-right: 40px
}

.pr45 {
    padding-right: 45px
}

.pr50 {
    padding-right: 50px
}

.pr55 {
    padding-right: 55px
}

.pr60 {
    padding-right: 60px
}

.pr65 {
    padding-right: 65px
}

.pr70 {
    padding-right: 70px
}

.pr75 {
    padding-right: 75px
}

.pr80 {
    padding-right: 80px
}

.pr85 {
    padding-right: 85px
}

.pr90 {
    padding-right: 90px
}

.pr95 {
    padding-right: 95px
}

.w100per {
    width: 100%
}

.w100pa {
    width: 100%
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w35 {
    width: 35px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w110 {
    width: 110px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px
}

.w140 {
    width: 140px
}

.w145 {
    width: 145px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w170 {
    width: 170px
}

.w180 {
    width: 180px
}

.w190 {
    width: 190px
}

.w200 {
    width: 200px
}

.w210 {
    width: 210px
}

.w220 {
    width: 220px
}

.w230 {
    width: 230px
}

.w240 {
    width: 240px
}

.w250 {
    width: 250px
}

.w260 {
    width: 260px
}

.w270 {
    width: 270px
}

.w280 {
    width: 280px
}

.w290 {
    width: 290px
}

.w300 {
    width: 300px
}

.w310 {
    width: 310px
}

.w320 {
    width: 320px
}

.w330 {
    width: 330px
}

.w340 {
    width: 340px
}

.w350 {
    width: 350px
}

.w360 {
    width: 360px
}

.w370 {
    width: 370px
}

.w380 {
    width: 380px
}

.w390 {
    width: 390px
}

.w400 {
    width: 400px
}

.w410 {
    width: 410px
}

.w420 {
    width: 420px
}

.w430 {
    width: 430px
}

.w440 {
    width: 440px
}

.w450 {
    width: 450px
}

.w460 {
    width: 460px
}

.w470 {
    width: 470px
}

.w480 {
    width: 480px
}

.w490 {
    width: 490px
}

.w500 {
    width: 500px
}

.w510 {
    width: 510px
}

.w520 {
    width: 520px
}

.w530 {
    width: 530px
}

.w540 {
    width: 540px
}

.w550 {
    width: 550px
}

.w560 {
    width: 560px
}

.w570 {
    width: 570px
}

.w580 {
    width: 580px
}

.w590 {
    width: 590px
}

.w600 {
    width: 600px
}

.w610 {
    width: 610px
}

.w620 {
    width: 620px
}

.w630 {
    width: 630px
}

.w640 {
    width: 640px
}

.w650 {
    width: 650px
}

.w660 {
    width: 660px
}

.w670 {
    width: 670px
}

.w680 {
    width: 680px
}

.w690 {
    width: 690px
}

.w700 {
    width: 700px
}

.w710 {
    width: 710px
}

.w720 {
    width: 720px
}

.w730 {
    width: 730px
}

.w740 {
    width: 740px
}

.w750 {
    width: 750px
}

.w760 {
    width: 760px
}

.w770 {
    width: 770px
}

.w780 {
    width: 780px
}

.w790 {
    width: 790px
}

.w800 {
    width: 800px
}

.w880 {
    width: 880px
}

.w900 {
    width: 900px
}

.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

.h120 {
    height: 120px
}

.h130 {
    height: 130px
}

.h140 {
    height: 140px
}

.h150 {
    height: 150px
}

.h160 {
    height: 160px
}

.h170 {
    height: 170px
}

.h180 {
    height: 180px
}

.h190 {
    height: 190px
}

.h200 {
    height: 200px
}

.h210 {
    height: 210px
}

.h220 {
    height: 220px
}

.h230 {
    height: 230px
}

.h240 {
    height: 240px
}

.h250 {
    height: 250px
}

.h260 {
    height: 260px
}

.h270 {
    height: 270px
}

.h280 {
    height: 280px
}

.h290 {
    height: 290px
}

.h300 {
    height: 300px
}

.ta-c {
    text-align: center
}

.ta-l {
    text-align: left
}

.ta-r {
    text-align: right
}

.pr {
    position: relative
}

.pa {
    position: relative
}

@font-face {
    font-family: 'fonts';
    src: url("//cdn.spacemarket.net/assets/fonts-48d41c17ed746407e480f5d48253ad1d.eot?hwpigf");
    src: url("//cdn.spacemarket.net/assets/fonts-48d41c17ed746407e480f5d48253ad1d.eot?hwpigf#iefix") format("embedded-opentype"), url("//cdn.spacemarket.net/assets/fonts-485a5ebdac810b5b9bd42f3d50a0b15e.ttf?hwpigf") format("truetype"), url("//cdn.spacemarket.net/assets/fonts-a53bb0f1e511edbb282d5064a92ed882.woff?hwpigf") format("woff"), url("//cdn.spacemarket.net/assets/fonts-eee4e1b27d76dbd4e4311297881a165f.svg?hwpigf#fonts") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-spm-"], [class*=" icon-spm-"] {
    font-family: 'fonts' !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
}

.icon-spm-accessibility:before {
    content: "\e900"
}

.icon-spm-air_conditioner:before {
    content: "\e901"
}

.icon-spm-bar:before {
    content: "\e902"
}

.icon-spm-bathtub:before {
    content: "\e903"
}

.icon-spm-catering_services:before {
    content: "\e904"
}

.icon-spm-chairs:before {
    content: "\e905"
}

.icon-spm-changing_room:before {
    content: "\e906"
}

.icon-spm-child:before {
    content: "\e907"
}

.icon-spm-day:before {
    content: "\e908"
}

.icon-spm-drinking:before {
    content: "\e909"
}

.icon-spm-dryer:before {
    content: "\e90a"
}

.icon-spm-film_equipment:before {
    content: "\e90b"
}

.icon-spm-hairdryer:before {
    content: "\e90c"
}

.icon-spm-iron:before {
    content: "\e90d"
}

.icon-spm-kitchen_equipment:before {
    content: "\e90e"
}

.icon-spm-kitchen_facilities:before {
    content: "\e90f"
}

.icon-spm-lighting_equipment:before {
    content: "\e910"
}

.icon-spm-line:before {
    content: "\e911"
}

.icon-spm-lockers:before {
    content: "\e912"
}

.icon-spm-market:before {
    content: "\e913"
}

.icon-spm-mirrors:before {
    content: "\e914"
}

.icon-spm-parking:before {
    content: "\e915"
}

.icon-spm-pet:before {
    content: "\e916"
}

.icon-spm-photography_equipment:before {
    content: "\e917"
}

.icon-spm-power_equipment:before {
    content: "\e918"
}

.icon-spm-printer:before {
    content: "\e919"
}

.icon-spm-projector:before {
    content: "\e91a"
}

.icon-spm-public_transportation:before {
    content: "\e91b"
}

.icon-spm-refrigerator:before {
    content: "\e91c"
}

.icon-spm-restaurant:before {
    content: "\e91d"
}

.icon-spm-shampoo:before {
    content: "\e91e"
}

.icon-spm-showers:before {
    content: "\e91f"
}

.icon-spm-smoking:before {
    content: "\e920"
}

.icon-spm-soap:before {
    content: "\e921"
}

.icon-spm-sound_system:before {
    content: "\e922"
}

.icon-spm-stay:before {
    content: "\e923"
}

.icon-spm-tables:before {
    content: "\e924"
}

.icon-spm-time:before {
    content: "\e925"
}

.icon-spm-toilet:before {
    content: "\e926"
}

.icon-spm-toothbrush:before {
    content: "\e927"
}

.icon-spm-towel:before {
    content: "\e928"
}

.icon-spm-tv:before {
    content: "\e929"
}

.icon-spm-washing_machine:before {
    content: "\e92a"
}

.icon-spm-whiteboard:before {
    content: "\e92b"
}

.icon-spm-wifi:before {
    content: "\e92c"
}

.icon-spm-calendar:before {
    content: "\e92d"
}

.icon-spm-add_acount:before {
    content: "\e92e"
}

.icon-spm-config:before {
    content: "\e92f"
}

.icon-spm-invite:before {
    content: "\e930"
}

.icon-spm-space:before {
    content: "\e931"
}

.icon-spm-share:before {
    content: "\e932"
}

.icon-spm-discount:before {
    content: "\e933"
}

.icon-spm-map_pin:before {
    content: "\e934"
}

.icon-spm-logo:before {
    content: "\e935"
}

.icon-spm-checkin:before {
    content: "\e936"
}

.icon-spm-checkout:before {
    content: "\e937"
}

.icon-spm-top_host:before {
    content: "\e938"
}

.icon-spm-point:before {
    content: "\e939"
}

.icon-spm-download:before {
    content: "\e93a"
}

.icon-spm-list:before {
    content: "\e93b"
}

.icon-spm-map:before {
    content: "\e93c"
}

.icon-spm-user:before {
    content: "\e93d"
}

.icon-spm-dash:before {
    content: "\e93e"
}

.icon-spm-present:before {
    content: "\e93f"
}

.icon-spm-host:before {
    content: "\e940"
}

.icon-spm-mail:before {
    content: "\e941"
}

.icon-spm-check:before {
    content: "\e942"
}

.icon-spm-reservation:before {
    content: "\e943"
}

.icon-spm-target:before {
    content: "\e944"
}

.icon-spm-close:before {
    content: "\e945"
}

.icon-spm-menu:before {
    content: "\e946"
}

.icon-spm-search:before {
    content: "\e947"
}

.icon-spm-transmit:before {
    content: "\e948"
}

.icon-spm-filter:before {
    content: "\e949"
}

.icon-spm-left:before {
    content: "\e94a"
}

.icon-spm-right:before {
    content: "\e94b"
}

.icon-spm-up:before {
    content: "\e94c"
}

.icon-spm-down:before {
    content: "\e94d"
}

.icon-spm-flag:before {
    content: "\e94e"
}

.icon-spm-reload:before {
    content: "\e94f"
}

.icon-spm-bolt:before {
    content: "\e950"
}

.icon-spm-star:before {
    content: "\e951"
}

.icon-spm-star-half:before {
    content: "\e952"
}

.icon-spm-fav:before {
    content: "\e953"
}

.icon-spm-save:before {
    content: "\e954"
}

.icon-spm-memo-clip:before {
    content: "\e955"
}

.icon-spm-leader:before {
    content: "\e956"
}

.icon-spm-plus:before {
    content: "\e957"
}

.icon-spm-minus:before {
    content: "\e958"
}

.icon-spm-login:before {
    content: "\e959"
}

.icon-spm-logout:before {
    content: "\e95a"
}

.icon-spm-delete:before {
    content: "\e95b"
}

.icon-spm-write:before {
    content: "\e95c"
}

.icon-spm-info:before {
    content: "\e95d"
}

.icon-spm-nights-discount:before {
    content: "\e95e"
}

.icon-spm-question-circle:before {
    content: "\e95f"
}

.icon-spm-question:before {
    content: "\e960"
}

.icon-spm-caret-down:before {
    content: "\e961"
}

.icon-spm-tag:before {
    content: "\e962"
}

.icon-spm-building:before {
    content: "\e963"
}

.icon-spm-camera:before {
    content: "\e964"
}

.icon-spm-double-circle:before {
    content: "\e965"
}

.icon-spm-single-circle:before {
    content: "\e966"
}

.icon-spm-triangle:before {
    content: "\e967"
}

.icon-spm-external-link:before {
    content: "\e968"
}

.icon-spm-close-circle:before {
    content: "\e969"
}

.icon-spm-exclamation-circle:before {
    content: "\e96a"
}

.icon-spm-exclamation:before {
    content: "\e96b"
}

.icon-spm-phone:before {
    content: "\e96c"
}

.icon-spm-yen:before {
    content: "\e96d"
}

.icon-spm-circle:before {
    content: "\e96e"
}

.icon-spm-check-circle:before {
    content: "\e96f"
}

.icon-spm-fav-line:before {
    content: "\e970"
}

.icon-spm-facebook:before {
    content: "\e971"
}

.icon-spm-twitter:before {
    content: "\e972"
}

.icon-spm-instagram:before {
    content: "\e973"
}

.icon-spm-list-ol:before {
    content: "\e974"
}

.icon-spm-link:before {
    content: "\e975"
}

.icon-spm-heading:before {
    content: "\e976"
}

.icon-spm-bold:before {
    content: "\e977"
}

.icon-spm-userban:before {
    content: "\e978"
}

.icon-spm-clip:before {
    content: "\e979"
}

.icon-spm-upload:before {
    content: "\e97a"
}

.phone-verification .phone-verification__text {
    font-size: 13px;
    line-height: 1.4
}

.phone-verification .phone-verification__sub-txt {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
    color: #999999;
    word-wrap: break-word
}

.phone-verification a:hover {
    text-decoration: underline
}

.phone-verification__set {
    position: relative;
    background: #f6f6f6;
    border-radius: 5px;
    margin-top: 8px;
    padding: 16px 8px
}

.phone-verification__set .phone-verification__step-numb {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    vertical-align: top;
    background: #616161;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 13px;
    font-weight: bold;
    color: #fff
}

.phone-verification__set .phone-verification__step-numb.not-yet {
    background: #b3b3b3
}

.phone-verification__set .phone-verification__step-title {
    display: inline-block;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-left: 4px
}

.phone-verification__set .phone-verification__step-title.not-yet {
    color: #999999
}

.phone-verification__step-content {
    position: relative;
    overflow: hidden;
    left: 11px;
    width: 96%;
    padding: 0 8px 16px 16px;
    border-left: 2px dotted #777777
}

.phone-verification__step-content.verify-done {
    border-left: none;
    padding-bottom: 0px
}

.phone-verification__step-content .phone-verification__disc {
    font-size: 12px;
    padding-top: 8px;
    line-height: 1.4
}

.phone-verification__step-content strong {
    font-weight: bold
}

.phone-verification__step-content .form-text {
    width: 100%;
    margin-top: 8px;
    border-radius: 3px
}

.phone-verification__required {
    margin-top: 6px;
    line-height: 1.4;
    color: #e95175;
    font-size: 12px
}

.phone-verification__required .fa {
    margin-right: 3px
}

.phone-verification__code-form {
    overflow: hidden
}

.phone-verification__code-form .form-text {
    float: left;
    width: 47%
}

.phone-verification__code-form .button-blue {
    float: right;
    width: 50%;
    padding: 9px 0;
    margin-top: 8px
}

.phone-verification__btn_set .button-blue {
    margin-top: 8px;
    padding: 10px 0;
    width: 100%
}

.phone-verification__btn_set .phone-verification__txt-link {
    text-align: center
}

.phone-verification__txt-link {
    font-size: 13px;
    margin-top: 8px;
    padding: 8px 0;
    text-align: left;
    font-weight: bold
}

.phone-verification__txt-link .fa {
    font-size: 15px;
    padding-right: 4px;
    vertical-align: middle
}

.phone-verification__number {
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 0
}

.phone-verification__done-txt {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 14px;
    padding: 4px 8px;
    min-width: 120px;
    max-width: 100%;
    background: #fff;
    border-radius: 3px
}

@media screen and (max-width: 350px) {
    .phone-verification__done-txt {
        margin: 2px 0px;
        padding: 4px 4px 4px 2px
    }
}

.phone-verification__done-txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 10px solid #fff
}

@media screen and (max-width: 350px) {
    .phone-verification__done-txt:before {
        top: -12px;
        left: 50%;
        margin-left: -15px;
        border: 10px solid transparent;
        border-bottom: 10px solid #fff
    }
}

.phone-verification__done-txt span {
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #60df52;
    text-align: center
}

.dashboard-maincol__right .phone-verification {
    max-width: 600px
}

.dashboard-maincol__right .phone-verification .button-blue {
    width: 200px;
    height: 39px;
    float: left;
    margin-left: 8px
}

.dashboard-maincol__right .phone-verification__set {
    background: #fff;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .dashboard-maincol__right .phone-verification__step-content {
        width: 98%
    }
}

.dashboard-maincol__right .phone-verification__step-content .form-text {
    height: 39px;
    width: 35%
}

.dashboard-maincol__right .phone-verification__sub-txt {
    font-size: 13px
}

.dashboard-maincol__right .phone-verification__btn_set {
    position: absolute;
    top: 47px;
    right: 3px;
    width: 350px
}

.dashboard-maincol__right .phone-verification__txt-link {
    margin-top: 8px
}

.dashboard-maincol__right .phone-verification__done {
    margin-top: 0
}

.dashboard-maincol__right .phone-verification__done .phone-verification__number {
    display: inline-block;
    float: none;
    font-size: 16px
}

.dashboard-maincol__right .phone-verification__done .phone-verification__done-txt {
    margin: 0 0 0 16px
}

.dashboard-maincol__right .phone-verification__done .phone-verification__done-txt span {
    color: #333333
}

.dashboard-maincol__right .phone-verification__done .phone-verification__done-txt span i {
    color: #60df52
}

.dashboard-maincol__right .phone-verification__done .phone-verification__txt-link {
    display: inline-block;
    margin-top: 0;
    margin-left: 16px
}

@keyframes typeTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    100% {
        top: 35px;
        opacity: 1
    }
}

@keyframes evalTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    100% {
        top: 25px;
        opacity: 1
    }
}

@keyframes shareTooltipDown {
    0% {
        top: 0px;
        opacity: 0
    }
    100% {
        top: 25px;
        opacity: 1
    }
}

@keyframes directTooltipDown {
    0% {
        top: 18px;
        opacity: 0
    }
    100% {
        top: 28px;
        opacity: 1
    }
}

@keyframes favoritButton {
    0% {
        transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    3.4% {
        transform: matrix3d(0.863, 0, 0, 0, 0, 0.881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.7% {
        transform: matrix3d(0.89, 0, 0, 0, 0, 0.92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.81% {
        transform: matrix3d(0.932, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    9.41% {
        transform: matrix3d(0.977, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.21% {
        transform: matrix3d(0.988, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    13.61% {
        transform: matrix3d(1.025, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    14.11% {
        transform: matrix3d(1.028, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    17.52% {
        transform: matrix3d(1.042, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    18.72% {
        transform: matrix3d(1.042, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    21.32% {
        transform: matrix3d(1.039, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    24.32% {
        transform: matrix3d(1.03, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25.23% {
        transform: matrix3d(1.027, 0, 0, 0, 0, 0.988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.03% {
        transform: matrix3d(1.013, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.93% {
        transform: matrix3d(1.01, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    35.54% {
        transform: matrix3d(0.996, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    36.74% {
        transform: matrix3d(0.994, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    41.04% {
        transform: matrix3d(0.992, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    44.44% {
        transform: matrix3d(0.993, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    52.15% {
        transform: matrix3d(0.998, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    59.86% {
        transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    63.26% {
        transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75.28% {
        transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    85.49% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    90.69% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@media screen and (max-width: 991px) {
    .sm-hide {
        display: none
    }
}

@media screen and (max-width: 599px) {
    .xs-hide {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .md-hide {
        display: none
    }
}

.pc-hide__sm-show {
    display: none
}

@media screen and (max-width: 991px) {
    .pc-hide__sm-show {
        display: block
    }
}

.pc-hide__xs-show {
    display: none
}

@media screen and (max-width: 599px) {
    .pc-hide__xs-show {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .sm-hide__guteter {
        margin-left: -12px;
        margin-right: -12px
    }
}

@media screen and (max-width: 991px) {
    .sm-w100 {
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    .xs-w100 {
        width: 100%
    }
}

.base__padding {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .base__padding {
        padding: 20px 0 10px
    }
}

.icon-direct {
    margin-left: 4px;
    padding: 0 2px;
    color: #f2d42b
}

.icon-discount {
    margin-left: 4px;
    color: #e95175
}

.page__odd {
    background: #fff;
    border-bottom: 1px solid #eaeaea
}

.page__even {
    background: #f6f6f6;
    border-bottom: 1px solid #eaeaea
}

.page__padding {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .page__padding {
        padding: 24px 0 16px
    }
}

.page__padding-mb0 {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .page__padding-mb0 {
        padding: 24px 0 0px
    }
}

.page__padding-mt0 {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .page__padding-mt0 {
        padding: 0 0 24px
    }
}

.page__stripes {
    background: #f6f6f6;
    border-bottom: 1px solid #eaeaea
}

.page__stripes:nth-child(even) {
    background: #fff
}

.page__col1 {
    width: 810px;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .page__col1 {
        width: 94%
    }
}

.page-xs12-head {
    padding-top: 24px;
    text-align: center
}

.page-xs12-terms {
    line-height: 1.7;
    font-size: 15px
}

.page-title {
    font-weight: bold;
    font-size: 32px;
    display: inline-block;
    margin-bottom: 24px
}

@media screen and (max-width: 1199px) {
    .page-title {
        font-size: 22px
    }
}

.page-description {
    font-size: 14px;
    margin-bottom: 52px;
    line-height: 1.7
}

@media screen and (max-width: 991px) {
    .page-description {
        text-align: left;
        margin-bottom: 32px;
        font-size: 13px
    }
}

.page-subtitle {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.4
}

.page-thirdtitle {
    font-weight: bold;
    font-size: 14px;
    margin: 32px 0 0;
    line-height: 1.4
}

.page-lineheight {
    line-height: 1.5
}

.link__subcolor a {
    color: black
}

.link__subcolor a:visited {
    color: black
}

.link__subcolor a:hover {
    text-decoration: underline
}

.a__underline:hover {
    text-decoration: underline
}

.is-hover:hover {
    opacity: 0.8
}

.js-datepicker {
    padding: 6px 5px 5px
}

.service-select {
    position: relative;
    line-height: 0
}

.service-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.service-select select::-ms-expand {
    display: none
}

.service-select:before {
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    color: #4abfe6;
    content: "\f0dd";
    z-index: 1
}

.service-select select {
    padding: 8px;
    height: 40px;
    line-height: 12px;
    background-color: transparent;
    border-radius: 3px
}

.service-select:before {
    margin-top: 17px
}

.service-select__sort {
    width: 150px;
    font-size: 12px
}

.service-select__purpose {
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .request-select-purpose__area {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px) {
    .request-select-purpose__area .service-select {
        width: calc((100% - 8px) / 2)
    }
}

@media screen and (max-width: 767px) {
    .request-select-purpose__area .service-select:last-of-type {
        margin-top: 8px
    }
}

.material-select select {
    border: none;
    line-height: 14px;
    padding: 4px 0 11px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    height: auto
}

.material-select select:focus {
    outline: none;
    border-bottom: 2px solid #4abfe6;
    margin-bottom: -1px
}

.material-select:before {
    right: 8px;
    margin-top: 8px
}

.material-form__head {
    color: #333333;
    margin: 30px 0 -5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.material-form__head-content {
    color: #333333;
    margin: 15px 0 -5px;
    font-size: 12px;
    text-align: center;
    line-height: 1.2
}

.material-form__title {
    color: #333333;
    margin: 30px 0 -15px;
    font-size: 13px
}

.material-form__unit {
    margin-top: 4px;
    display: inline-block
}

.material-form__notes {
    color: #b3b3b4;
    font-size: 10px;
    margin-left: 5px
}

.material-form__sample {
    color: #b3b3b4;
    font-size: 10px;
    margin: 2px 0 6px
}

.material-form__description {
    color: #b3b3b4;
    font-size: 11px;
    margin-top: 20px;
    line-height: 1.3;
    margin-bottom: -15px
}

.material-form__required {
    color: #e95175;
    font-size: 10px;
    margin-left: 5px
}

.form-checkbox__s:before {
    margin-top: -6px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #4abfe6;
    border-bottom: 2px solid #4abfe6
}

.service-radio, .service-checkbox {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.service-radio:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    border: 1px solid #b3b3b4;
    border-radius: 100%;
    content: '';
    background: #FFF
}

.service-radio:before {
    position: absolute;
    z-index: 2;
    display: block;
    border-radius: 100%;
    background: #4abfe6;
    content: '';
    opacity: 0;
    top: 50%
}

.service-radio, .service-checkbox {
    margin: 0 20px 3px 0;
    padding-left: 30px
}

.service-radio:after {
    left: 0;
    margin-top: 1px;
    width: 18px;
    height: 18px;
    box-sizing: content-box;
    top: 0%
}

.service-radio:before {
    left: 4px;
    margin-top: 5px;
    width: 12px;
    height: 12px;
    top: 0%
}

input[type=radio]:checked + .service-radio:before {
    opacity: 1
}

.service-checkbox:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -10px;
    width: 18px;
    height: 18px;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    content: '';
    background: #FFF
}

.service-checkbox:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: block;
    content: '';
    opacity: 0;
    transform: rotate(45deg)
}

.service-checkbox:after {
    left: 0;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    top: 0%
}

.service-checkbox:before {
    left: 6px;
    margin-top: 2px;
    width: 4px;
    height: 8px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6;
    box-sizing: content-box;
    top: 0%
}

input[type=checkbox]:checked + .service-checkbox:before {
    opacity: 1
}

.service-select__sort {
    width: 150px;
    font-size: 12px
}

@media screen and (max-width: 1199px) {
    .service-select__sort {
        width: 105px;
        font-size: 11px
    }
}

.service-select__purpose {
    font-size: 12px
}

.service-select__bg {
    background: #fff;
    display: block
}

.service-input-icn:before {
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    color: #4abfe6;
    content: "\f0dd";
    z-index: 1
}

.site-service .dashboard-container {
    clear: both;
    height: 100%;
    z-index: 13;
    border-bottom: 1px solid #eaeaea
}

@media screen and (max-width: 1199px) {
    .site-service .dashboard-container {
        height: auto
    }
}

@media screen and (max-width: 991px) {
    .site-service .dashboard-container {
        width: 100%;
        top: 0;
        z-index: 11
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header {
        display: block;
        height: 58px
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__smp {
        display: block
    }
}

.site-service .site-header__logo {
    width: 185px;
    margin: 6px;
    height: 34px;
    background-size: 178px 29px;
    background-position: 4px 4px
}

@media screen and (max-width: 1199px) {
    .site-service .site-header__logo {
        margin: 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__logo {
        margin: 10px 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

.site-service .site-header__search {
    display: block;
    margin-left: 212px;
    margin-right: 0;
    position: relative;
    height: 48px;
    padding: 0 0 0 0;
    width: 480px;
    border: none;
    font-size: 13px;
    line-height: 1.5
}

.site-service .site-header__search:before {
    display: none
}

@media screen and (max-width: 1199px) {
    .site-service .site-header__search {
        margin-left: 48px
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__search {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__nav {
        margin-top: 0
    }
}

.site-service .site-header__nav-message {
    margin-top: 4px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__search-menu-btn {
        display: block
    }
}

.site-service .site-header__campaign {
    background: #4abfe6;
    color: #FFF;
    font-weight: bold;
    padding: 0 20px;
    display: table;
    width: 100%
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign {
        padding: 0 5px
    }
}

.site-service .site-header__campaign-date-box {
    display: table-cell;
    width: 115px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-date-box {
        width: 70px
    }
}

.site-service .site-header__campaign-date-box-inner {
    height: 60px;
    overflow: hidden
}

.site-service .site-header__campaign-date {
    background: rgba(255, 255, 255, 0.3);
    line-height: 1.3;
    text-align: center;
    width: 100px;
    height: 100px;
    margin-top: -20px;
    border-radius: 50%;
    padding-top: 27px;
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-date {
        font-size: 11px;
        font-weight: normal;
        width: 60px;
        height: 60px;
        margin-top: 0;
        padding-top: 11px
    }
}

.site-service .site-header__campaign-title {
    font-size: 17px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-title {
        font-size: 13px
    }
}

.site-service .site-header__campaign-button-box {
    display: table-cell;
    width: 171px;
    vertical-align: middle;
    padding-left: 15px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-button-box {
        display: none
    }
}

.site-service .site-header__campaign-button {
    padding: 8px 15px;
    color: #4abfe6
}

.site-service .site-header__campaign-button:hover {
    opacity: 0.9
}

@media screen and (max-width: 991px) {
    .site-header__drawer-menu-btn {
        top: 16px
    }
}

.site-header__search-sm {
    display: none
}

@media screen and (max-width: 991px) {
    .site-header__search-sm {
        display: block
    }
}

.site-header__search__login {
    margin-right: 400px
}

@media screen and (max-width: 991px) {
    .site-header__search__login {
        margin-right: 0
    }
}

.site-header__search-menu-btn a {
    position: absolute;
    display: block;
    top: 10px;
    right: 95px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    color: #b3b3b4
}

.site-header__search-menu-btn__login a {
    right: 50px
}

.site-header__search-input-wrapper {
    overflow: hidden
}

.site-header__search-input {
    border: none;
    color: #333333;
    outline: none;
    width: 97%
}

.site-header__search-input:placeholder-shown {
    color: #cfcfcf
}

.site-header__search-input::-webkit-input-placeholder {
    color: #cfcfcf
}

.site-header__search-input::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.site-header__search-input:-ms-input-placeholder {
    color: #cfcfcf
}

@media screen and (max-width: 991px) {
    .site-header__search-input {
        width: 90%;
        font-size: 14px;
        height: 48px
    }

    .site-header__search-input:placeholder-shown {
        position: relative;
        left: 10px
    }
}

.site-header__search-highlighter {
    float: left;
    border: 1px solid #77cce8;
    background-color: #c0e3ef;
    color: #19627a;
    margin-right: 8px;
    border-radius: 3px;
    margin-top: 3px;
    padding: 2px 5px;
    font-size: 12px
}

.site-header__search-highlighter:hover {
    color: #4abfe6
}

@media screen and (max-width: 991px) {
    .site-header__search-highlighter {
        margin-right: 0;
        margin-top: 14px;
        font-size: 11px
    }
}

.site-header__search-highlighter-name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left
}

@media screen and (max-width: 991px) {
    .site-header__search-highlighter-name {
        max-width: 50px
    }
}

.site-header__search-close {
    margin: 0 4px
}

.site-header__search-submit {
    font-family: FontAwesome;
    border: none;
    background-color: #f0f0f0;
    color: #949494;
    padding: 0 10px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 3px 3px 0
}

.site-header__search-submit:hover {
    background: #d6d6d6;
    color: #333333
}

.site-header__search-menu {
    min-width: 250px
}

.site-header__search-menu-item {
    float: left;
    position: relative;
    padding: 0 0;
    min-width: 80px;
    text-align: center
}

@media screen and (max-width: 1199px) {
    .site-header__search-menu-item {
        min-width: 15.8%
    }
}

.site-header__search-menu-item .site-header__search-menu-button {
    display: block;
    position: relative;
    padding: 13px 8px;
    font-size: 14px;
    color: #333333
}

.site-header__search-menu-item .site-header__search-menu-button:hover {
    border-bottom: 2px solid #4abfe6
}

.site-header__search-menu-item .site-header__search-menu-button.is-current {
    font-weight: bold;
    border-bottom: 2px solid #4abfe6
}

.site-header__search-menu-item-others .site-header__search-menu-button {
    width: 100%;
    padding: 13px 18px 13px 12px;
    display: block
}

.site-header__search-menu-item-others .site-header__search-menu-button:before {
    font-family: FontAwesome;
    position: absolute;
    right: 4px;
    top: 11px;
    color: #4abfe6;
    content: "\f0dd";
    z-index: 1
}

@media screen and (max-width: 1150px) {
    .site-header__search-menu-item-others:before {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .sm__site-header__search {
        margin-left: 80px;
        width: 63%;
        position: relative
    }
}

.sm__site-header__search:before {
    font-family: FontAwesome;
    content: "\f002";
    left: -18px;
    top: 18px;
    font-size: 20px;
    position: absolute;
    color: #CCC
}

@media screen and (max-width: 991px) {
    .sm__site-header__search-bd {
        height: 58px
    }

    .sm__site-header__search-bd:after {
        position: absolute;
        content: '';
        border-left: 1px solid #eaeaea;
        height: 100%;
        top: 0;
        left: -33px
    }
}

@media screen and (max-width: 991px) {
    .site-header__nav-bagde {
        margin-left: -19px;
        background-color: rgba(233, 81, 117, 0.7);
        font-weight: normal
    }
}

.site-header__autocomplete, .autocomplete {
    position: relative
}

.autocomplete-layout {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 480px
}

.autocomplete-layout a:nth-child(1) div {
    border-top: none
}

@media screen and (max-width: 991px) {
    .autocomplete-layout {
        width: 100%
    }
}

.autocomplete-history, .autocomplete-suggest {
    color: #666;
    display: block
}

.autocomplete-history .fa, .autocomplete-suggest .fa {
    color: #ccc
}

.autocomplete-history:hover, .autocomplete-suggest:hover {
    background: #4abfe6;
    color: #fff
}

.autocomplete-history:hover .fa, .autocomplete-suggest:hover .fa {
    color: #fff
}

.autocomplete-history {
    background: #eee
}

.autocomplete-suggest {
    background: #fff
}

.autocomplete-history__only {
    padding: 6px 12px;
    background: #eee;
    font-size: 12px;
    color: #d0d0d0
}

.autocomplete-list {
    border-top: 1px solid #dfdfdf;
    padding: 10px 12px
}

.autocomplete-history__map .fa-building {
    margin-right: 5px
}

.autocomplete-history__map .fa-map-marker {
    margin-left: 1px;
    margin-right: 7px
}

.autocomplete-history__map + .autocomplete-history__keyword:before {
    content: "/";
    color: #ccc;
    padding-right: 4px
}

.site-header__autocomplete-box {
    left: -2px;
    top: 1px
}

@media screen and (max-width: 991px) {
    .site-header__autocomplete-box {
        width: 100%;
        left: 0
    }
}

.datetime-layout {
    position: relative
}

.datetime-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 700px;
    padding: 16px 10px
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.datetime-layout__inner-title {
    color: #333333;
    margin: 0 auto 8px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-title {
        font-size: 12px
    }
}

.datetime-layout__inner-day {
    float: left
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-day {
        width: 48%
    }
}

@media screen and (max-width: 599px) {
    .datetime-layout__inner-day {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-day .ui-datepicker {
        width: 100% !important;
        margin-bottom: 10px
    }
}

.datetime-layout__inner-day-end {
    float: right
}

@media screen and (max-width: 599px) {
    .datetime-layout__inner-day-end {
        display: none
    }
}

.datetime-layout__inner-time {
    float: left;
    width: 125px;
    margin-left: 20px
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-time {
        float: none;
        width: 100%;
        margin-left: 0
    }
}

.datetime-layout__inner-time-list {
    height: 280px;
    overflow-y: auto
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-time-list {
        height: auto;
        overflow-y: visible
    }
}

.datetime-layout__inner-time-list li {
    width: 100px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 12px
}

.datetime-layout__inner-time-list li ~ li {
    border-top: none
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-time-list li ~ li {
        border-top: 1px solid #ddd
    }
}

.datetime-layout__inner-time-list li a {
    padding: 7px 0;
    display: block;
    color: #333333
}

.datetime-layout__inner-time-list li a:hover {
    background: #60df52;
    color: #fff
}

.datetime-layout__inner-time-list li.is-disabled {
    background: #f3f3f3
}

.datetime-layout__inner-time-list li.is-disabled a {
    color: #b3b3b4
}

.datetime-layout__inner-time-list li.is-disabled a:hover {
    color: #b3b3b4;
    background: #f3f3f3
}

.datetime-layout__inner-time-list li.is-select {
    background: #333333
}

.datetime-layout__inner-time-list li.is-select a {
    color: #fff
}

.sp__datetime-layout__inner-time-list select {
    width: 100%;
    font-size: 12px
}

.search-slider-layout {
    position: relative;
    top: 0;
    left: 0;
    width: 500px
}

.search-slider-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 500px;
    padding: 16px
}

@media screen and (max-width: 991px) {
    .search-slider-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.search-slider-layout .search-change__main-title {
    margin-top: 0;
    margin-bottom: 24px
}

.search-slider-layout .search-slider__pricebox {
    margin-top: 24px
}

.date-select-layout {
    position: relative;
    top: 0;
    left: 0
}

@media screen and (max-width: 599px) {
    .date-select-layout {
        width: 100%
    }
}

.date-select-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 600px;
    padding: 16px 16px 16px
}

@media screen and (max-width: 991px) {
    .date-select-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.date-select-layout__calendar {
    padding: 10px;
    margin-top: 20px;
    width: 100%;
    height: 250px;
    background-color: #b3b3b4
}

.date-select-layout .search-change__main-title {
    margin-top: 0;
    margin-bottom: 20px
}

.person-num-layout {
    position: relative;
    top: 0;
    left: 0;
    width: 250px
}

@media screen and (max-width: 599px) {
    .person-num-layout {
        width: 100%
    }
}

.person-num-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 250px;
    padding: 16px 16px 4px
}

@media screen and (max-width: 991px) {
    .person-num-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.datetime-start .date-select-layout__inner {
    top: 5px
}

.datetime-end .date-select-layout__inner {
    top: 305px
}

@media screen and (max-width: 350px) {
    .datetime-end .date-select-layout__inner {
        top: 319px
    }
}

@media screen and (min-width: 768px) {
    .datetime-end .date-select-layout__inner {
        top: 289px
    }
}

.person-num-layout .person-num__main-title {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    color: #78909c;
    clear: both
}

@media screen and (max-width: 991px) {
    .site-main {
        padding-top: 0
    }
}

@media screen and (max-width: 991px) {
    .site-main-app {
        padding-top: 0;
        padding-bottom: 90px
    }
}

@media screen and (max-width: 991px) {
    .site-main__fixed-header {
        padding-top: 47px
    }
}

.site-footer__external {
    background-color: #373737;
    color: #c9c9c9;
    font-size: 13px
}

.site-footer__external-head {
    border-bottom: 1px solid #606060;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative
}

.site-footer__external-link {
    font-size: 12px;
    float: right;
    padding-top: 3px
}

@media (min-width: 600px) and (max-width: 992px) {
    .site-footer__external-link {
        width: 100%;
        display: block
    }
}

@media screen and (max-width: 1200px) {
    .site-footer__external-link {
        display: block;
        float: inherit
    }
}

.external-a {
    color: #c9c9c9
}

.external-a:visited {
    color: #c9c9c9
}

.external-a:hover {
    color: #fff
}

.site-footer__external-text {
    clear: both;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .site-footer__external-text {
        margin-bottom: 15px
    }
}

.site-footer {
    background-color: #2a2a2a;
    color: #fff;
    line-height: 1.5
}

.site-footer small {
    color: #c9c9c9
}

.site-footer__nav {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .site-footer__nav {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.site-footer__nav a {
    color: white
}

.site-footer__nav a:visited {
    color: white
}

.site-footer__nav a:hover {
    color: #ccc
}

.col-langage {
    float: right
}

@media (max-width: 599px) {
    .col-langage {
        float: none
    }
}

.site-footer__select-width {
    width: 100%
}

.site-footer__select {
    position: relative
}

.site-footer__select select {
    margin-bottom: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 4;
    cursor: pointer;
    background: #515050;
    color: #fff;
    border: none;
    border-radius: 3px
}

.site-footer__select select::-ms-expand {
    display: none
}

.site-footer__select:before {
    z-index: 1;
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
    content: "\f0dd";
    line-height: 0
}

.site-footer__select select {
    padding: 8px 30px 8px 10px;
    height: 48px
}

.site-footer__select:before {
    margin-top: 5px
}

.site-footer__nav-header {
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 24px;
    margin: 0 0 24px
}

@media screen and (max-width: 991px) {
    .site-footer__nav-header {
        border: none;
        margin: 0 0 8px;
        padding-bottom: 12px
    }
}

.footer-logo {
    width: 200px;
    float: left
}

@media screen and (max-width: 599px) {
    .footer-logo {
        width: 100%;
        float: none;
        margin-bottom: 12px
    }
}

.footer-logo-item {
    text-indent: -9999px;
    height: 45px;
    background: url("//cdn.spacemarket.net/assets/service/logo-white-9cb87e09aface7f0c3a05b5cd46ca4a6.svg") 0 center no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 599px) {
    .footer-logo-item {
        width: 100%;
        background-size: 200px auto;
        background-position: center center
    }
}

.footer-entry-btn {
    width: 190px;
    float: left;
    padding-left: 24px
}

@media screen and (max-width: 599px) {
    .footer-entry-btn {
        width: 100%;
        padding: 0 12px;
        margin-bottom: 12px
    }
}

.site-footer__nav-title {
    font-size: 15px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .site-footer__nav-title {
        font-size: 14px;
        border-top: 1px solid #3f3f3f;
        font-weight: normal;
        padding: 12px;
        display: block
    }

    .site-footer__nav-title a {
        display: block
    }

    .site-footer__nav-title.is-link:before {
        z-index: 1;
        font-family: FontAwesome;
        position: absolute;
        top: 14px;
        right: 15px;
        color: #fff;
        content: "\f105"
    }
}

.site-footer__heading {
    font-weight: bold;
    margin-bottom: 6px
}

@media screen and (max-width: 991px) {
    .site-footer__heading {
        margin-bottom: 0;
        padding: 10px 25px 10px 12px;
        background: #2a2a2a
    }
}

.site-footer__nav-link {
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 24px
}

.site-footer__nav-link li {
    margin-bottom: 4px
}

@media screen and (max-width: 991px) {
    .site-footer__nav-link {
        margin-top: 0;
        margin-bottom: 0
    }

    .site-footer__nav-link li {
        background: #3f3f3f;
        margin-bottom: 0
    }

    .site-footer__nav-link li ~ li {
        border-top: 1px solid #2a2a2a
    }

    .site-footer__nav-link li a {
        position: relative;
        display: block;
        padding: 10px 25px 10px 12px;
        color: #fff
    }

    .site-footer__nav-link li a:before {
        z-index: 1;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        right: 15px;
        color: #fff;
        content: "\f105"
    }
}

@media screen and (max-width: 991px) {
    .site-footer__nav-link-guide {
        border-top: 1px #3f3f3f solid
    }
}

.site-footer__nav-link-guide > li {
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .site-footer__nav-link-guide > li {
        margin-bottom: 0
    }
}

.site-footer__place-nav {
    padding: 24px 0 12px;
    border-top: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav {
        border: none;
        padding: 0 0 12px
    }
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav-list:last-of-type li {
        width: 50%
    }
}

.site-footer__place-nav-list .site-footer__nav-link {
    margin-top: 0;
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav-list .site-footer__nav-link {
        margin-bottom: 0
    }
}

.site-footer__place-nav-list li {
    display: inline-block;
    padding-right: 12px;
    border: none
}

.site-footer__place-nav-list li ~ li {
    border: none
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav-list li {
        padding-right: 0;
        width: 25%;
        display: block;
        float: left
    }
}

.site-footer__static-app__download-banner {
    padding: 28px 0 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #4b4b4b
}

.site-footer__static-app__download-banner a {
    padding-right: 24px
}

@media screen and (max-width: 599px) {
    .site-footer__static-app__download-banner {
        padding: 24px 0 24px;
        border: none
    }

    .site-footer__static-app__download-banner a {
        display: block;
        float: left;
        width: 50%;
        padding-right: 0
    }

    .site-footer__static-app__download-banner a img {
        width: 100%;
        height: auto;
        padding: 0 4%;
        margin: 0 0 12px
    }
}

.site-footer__links {
    float: left;
    width: 80%
}

@media screen and (max-width: 599px) {
    .site-footer__links {
        width: 100%
    }
}

.site-footer__copyrights {
    clear: both;
    display: block;
    color: #c9c9c9
}

.site-footer__copyrights small {
    display: block;
    padding-top: 10px
}

@media screen and (max-width: 599px) {
    .site-footer__copyrights {
        text-align: center;
        margin-bottom: 8px
    }
}

.site-footer__sns-link {
    display: block;
    position: relative
}

@media screen and (max-width: 599px) {
    .site-footer__sns-link {
        text-align: center
    }
}

.site-footer__sns-link li {
    vertical-align: middle;
    display: inline-block;
    padding: 0 16px 0 0
}

.site-footer__sns-link li:last-child {
    margin-top: 2px
}

@media screen and (max-width: 599px) {
    .site-footer__sns-link li {
        padding: 0 8px
    }
}

.site-footer__sns-link li a {
    color: white;
    font-size: 24px
}

.site-footer__sns-link li a:visited {
    color: white
}

.site-footer__sns-link li a :hover {
    color: #ccc
}

.site-footer__sns-link .icon-spm-line:before {
    font-size: 22px
}

.site-footer__com-link {
    display: block;
    padding: 0 0 10px
}

@media screen and (max-width: 599px) {
    .site-footer__com-link {
        text-align: center;
        padding-top: 12px
    }
}

.site-footer__com-link li {
    display: inline-block;
    padding: 0 16px 0 0
}

@media screen and (max-width: 599px) {
    .site-footer__com-link li {
        padding: 0
    }
}

.site-footer__com-link li a {
    color: white;
    font-size: 12px
}

.site-footer__com-link li a:visited {
    color: white
}

.site-footer__com-link li a:hover {
    color: #ccc
}

@media screen and (max-width: 599px) {
    .site-footer__com-link li a {
        display: block;
        padding: 8px 8px
    }
}

.site-footer__language_menu {
    display: inline-block;
    float: right;
    width: 20%;
    margin: 0 auto 0 auto
}

@media screen and (max-width: 599px) {
    .site-footer__language_menu {
        width: 100%;
        margin-top: 12px
    }
}

.breadcrumbs {
    background-color: #fff;
    padding: 8px;
    border-bottom: 1px solid #eaeaea;
    font-size: 10px
}

.breadcrumbs li {
    display: inline;
    list-style-type: none;
    margin-right: 5px
}

.breadcrumbs li ~ li:before {
    margin-right: 5px;
    content: " > "
}

.site-sidebar {
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 32px;
    font-size: 13px
}

.site-sidebar__headline {
    background: #eee;
    font-weight: bold;
    padding: 16px 18px;
    border-bottom: 1px solid #d0d1cf
}

.site-sidebar__headline-bt {
    border-top: 1px solid #d0d1cf
}

.site-sidebar__inner {
    padding: 16px 18px
}

.site-sidebar__section {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eaeaea
}

.site-sidebar__section-amenity {
    margin-bottom: 16px;
    border-bottom: 1px solid #eaeaea
}

.site-sidebar__section-title {
    font-weight: bold;
    margin-bottom: 16px
}

.site-sidebar__section-subtitle {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 0;
    font-size: 12px;
    font-weight: bold;
    color: #999999
}

.mod-heroimg {
    position: relative;
    text-align: center; /* height:360px; */
    overflow: hidden;
    height: 360px;
}

.mod-heroimg__title, .mod-heroimg__img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mod-heroimg__img {
    width: 100%;
    overflow: hidden;
    vertical-align: bottom
}

@media screen and (max-width: 1199px) {
    .mod-heroimg__img {
        width: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.mod-heroimg__bg {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px
}

.mod-heroimg__title {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    top: 52%;
    width: 72%;
    line-height: 1.2
}

@media screen and (max-width: 599px) {
    .mod-heroimg__title {
        font-size: 28px;
        width: 90%
    }
}

.mod-heroimg__subtitle {
    font-size: 11px;
    display: block;
    margin-top: 16px
}

.mod-heroimg__contents {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.row-change__4 {
    margin-left: -4px;
    margin-right: -4px
}

.row-change__4 > div {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px
}

.row-change__4 img {
    vertical-align: bottom
}

.odd-col__line, .even-col__line {
    clear: both;
    padding: 16px 0;
    background-image: -webkit-linear-gradient(right, #fff 12px, transparent 12px, transparent), -webkit-linear-gradient(left, #fff 12px, #ddd 12px, #ddd);
    background-image: -moz-linear-gradient(right, #fff 12px, transparent 12px, transparent), -moz-linear-gradient(left, #fff 12px, #ddd 12px, #ddd);
    background-image: linear-gradient(to left, #fff 12px, transparent 12px, transparent), linear-gradient(to right, #fff 12px, #ddd 12px, #ddd);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: left top
}

.even-col__line {
    background-image: -webkit-linear-gradient(right, #f6f6f6 12px, transparent 12px, transparent), -webkit-linear-gradient(left, #f6f6f6 12px, #ddd 12px, #ddd);
    background-image: -moz-linear-gradient(right, #f6f6f6 12px, transparent 12px, transparent), -moz-linear-gradient(left, #f6f6f6 12px, #ddd 12px, #ddd);
    background-image: linear-gradient(to left, #f6f6f6 12px, transparent 12px, transparent), linear-gradient(to right, #f6f6f6 12px, #ddd 12px, #ddd)
}

.mod-more__link {
    margin-top: 24px
}

@media screen and (max-width: 991px) {
    .mod-more__link {
        margin-top: 0;
        margin-bottom: 16px
    }
}

.star-harf {
    position: relative
}

.star-harf:before {
    color: #60df52;
    position: absolute;
    top: 0;
    width: 0.46em;
    overflow: hidden
}

.mod-tooltip {
    display: none;
    position: absolute;
    z-index: 6
}

.mod-tooltip .baloon {
    position: static
}

.mod-tooltip__detail {
    line-height: 1.4;
    font-size: 12px;
    display: block
}

.mod-tooltip__detail .baloon-inner {
    display: block
}

.mod-review a:hover {
    text-decoration: underline
}

.mod-review .mod-more__link a:hover {
    text-decoration: none
}

.mod-review__head {
    margin-bottom: 16px
}

.mod-review__head li {
    display: inline;
    margin-right: 4px
}

.mod-review__head-star {
    font-size: 20px
}

.mod-review__head-rating {
    font-size: 18px
}

.mod-review__line {
    clear: both;
    padding: 16px 0;
    border-top: 1px solid #dddddd
}

.mod-review__line:nth-child(1) {
    border: none
}

.mod-review__guest-name {
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px
}

@media screen and (max-width: 599px) {
    .mod-review__guest-name {
        margin-top: 0
    }
}

.mod-review__list {
    margin-bottom: 12px
}

.mod-review__list li {
    display: block;
    float: left;
    margin-right: 8px;
    font-size: 12px
}

@media screen and (max-width: 599px) {
    .mod-review__list li {
        margin-bottom: 2px
    }

    .mod-review__list li:first-child {
        float: none
    }
}

.mod-review__list li.mod-review__list-space {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 35%
}

@media screen and (max-width: 599px) {
    .mod-review__list li.mod-review__list-space {
        margin-top: 0;
        margin-bottom: 8px
    }
}

.mod-review__guest-icon, .mod-review__host-icon {
    float: left
}

@media screen and (max-width: 599px) {
    .mod-review__guest-icon, .mod-review__host-icon {
        margin-bottom: 8px
    }
}

.mod-review__guest-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.mod-review__box-text {
    margin-top: 5px
}

@media screen and (max-width: 599px) {
    .mod-review__box-text {
        margin-top: 0;
        clear: both
    }
}

.mod-review__box-head, .mod-review__box-text {
    display: block;
    overflow: auto;
    margin-left: 88px;
    line-height: 1.5
}

@media screen and (max-width: 599px) {
    .mod-review__box-head, .mod-review__box-text {
        margin-left: 80px
    }
}

.mod-review__res-line {
    padding: 16px 0 8px;
    margin-top: 16px;
    border-top: 1px dashed #dddddd
}

.mod-review__resbox-head, .mod-review__resbox-text {
    margin-left: 64px
}

@media screen and (max-width: 599px) {
    .mod-review__box-text, .mod-review__resbox-text {
        margin-left: 0;
        clear: both
    }
}

@media screen and (max-width: 599px) {
    .mod-review__resbox-text {
        padding-top: 10px;
        margin-left: 16px
    }
}

.mod-review__host-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

@media screen and (max-width: 599px) {
    .mod-review__host-icon {
        margin: 0 16px 0 16px
    }
}

.mod-review__host-name {
    margin-top: 4px;
    margin-bottom: 2px
}

.mod-review__host-name a {
    font-weight: bold
}

.mod-host__icon-inner {
    position: relative
}

.mod-host__superhost-area {
    position: relative;
    cursor: help;
    padding-bottom: 10px
}

@media screen and (max-width: 991px) {
    .mod-host__superhost-area {
        width: 160px;
        margin: 0 auto
    }
}

.mod-host__superhost-text {
    margin: 8px auto 0;
    text-align: center;
    font-size: 13px
}

.mod-host__superhost-text img {
    width: 12px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px
}

.mod-host__superhost-notes {
    margin-top: 8px;
    display: block
}

.mod-host__superhost-area:hover .mod-tooltip {
    display: block;
    -webkit-animation: evalTooltipDown 0.25s 1;
    animation: evalTooltipDown 0.25s 1
}

.mod-host__superhost__help-tooltip {
    left: -28px;
    top: 25px
}

@media screen and (max-width: 991px) {
    .mod-host__superhost__help-tooltip {
        left: -50px
    }
}

.mod-host__superhost__help-baloon {
    text-align: left;
    color: #333333;
    font-weight: normal
}

.mod-host__superhost__help-baloon:before {
    top: -7px;
    left: 30%
}

@media screen and (max-width: 991px) {
    .mod-host__superhost__help-baloon:before {
        left: 50%
    }
}

.mod-evaluate {
    text-align: center
}

.mod-evaluate__question {
    margin-left: 2px;
    color: #333333
}

.mod-evaluate__title {
    color: #999
}

@media screen and (max-width: 991px) {
    .mod-evaluate__title {
        font-size: 11px;
        letter-spacing: -1px
    }
}

.mod-evaluate__value {
    font-size: 12px
}

.mod-evaluate__value-img {
    width: 35px;
    height: 32px;
    margin: 14px 0
}

.mod-evaluate__value-text {
    display: block
}

.mod-evaluate__help {
    position: relative;
    cursor: help
}

.mod-evaluate__help:hover .mod-tooltip {
    display: block;
    -webkit-animation: evalTooltipDown 0.25s 1;
    animation: evalTooltipDown 0.25s 1
}

.mod-evaluate__help-tooltip {
    left: -62px;
    top: 25px
}

.mod-evaluate__help-baloon {
    text-align: left;
    color: #333333;
    font-weight: normal
}

.mod-evaluate__help-baloon:before {
    top: -7px;
    left: 28%
}

.mod-banner {
    width: 100%;
    padding: 56px 0;
    color: #fff;
    text-align: center;
    line-height: 1.4
}

.mod-banner h3 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .mod-banner h3 {
        font-size: 22px
    }
}

@media screen and (max-width: 991px) {
    .mod-banner {
        padding: 32px 0
    }
}

.mod-banner__button {
    margin-top: 40px;
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 12px 40px;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    font-weight: bold
}

.mod-banner__guest {
    background: #4abfe6
}

.mod-banner__guest .mod-banner__button {
    color: #4abfe6;
    border-color: #30acd6
}

.mod-banner__guest .mod-banner__button:hover {
    background: #f1fbff;
    border-bottom: 1px solid #30acd6
}

.mod-banner__host {
    background: #60df52
}

.mod-banner__host .mod-banner__button {
    color: #60df52;
    border-color: #44c535
}

.mod-banner__host .mod-banner__button:hover {
    background: #edffeb;
    border-bottom: 1px solid #44c535
}

.footer__app-banner-wrap {
    margin-top: 32px;
    display: block
}

@media screen and (min-width: 768px) {
    .footer__app-banner-wrap {
        display: none
    }
}

.footer__app-banner {
    text-align: center;
    background-color: #f6f6f6;
    display: block
}

@media screen and (min-width: 768px) {
    .footer__app-banner {
        display: none
    }
}

.footer__app-banner-img {
    padding-top: 37%;
    background: url("//cdn.spacemarket.net/assets/service/footer/banner_app-35069783305ff9c2687cef893a2bbcaa.png") 100% center no-repeat;
    background-size: cover
}

.footer__app-banner-container {
    padding: 24px 0
}

@media screen and (min-width: 376px) {
    .footer__app-banner-container {
        padding: 24px 0 32px
    }
}

@media screen and (min-width: 376px) {
    .footer__app-banner-subtext {
        font-size: medium
    }
}

.footer__app-banner__download-wrap {
    padding: 16px 16px 0;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 376px) {
    .footer__app-banner__download-wrap {
        padding: 16px 16px 0
    }
}

.footer__app-banner__download-img {
    max-width: 150px
}

.footer__app-banner__download-img:first-child {
    margin-right: 12px
}

.footer__app-banner__download-img img {
    width: 100%
}

.mod-more__area {
    text-align: center;
    margin: 16px 0;
    position: relative
}

.mod-more__area-button {
    padding: 13px 24px
}

@media screen and (max-width: 991px) {
    .mod-more__area-button {
        font-size: 13px
    }
}

.units-list {
    padding-top: 24px
}

@media screen and (max-width: 991px) {
    .units-list {
        padding-top: 16px
    }
}

.units-item {
    margin-bottom: 24px;
    position: relative
}

.units-item__image {
    position: relative
}

.units-item__image-pict {
    width: 100%
}

.units-item-fav, .units-item-fav__on, .units-item__image-prev, .units-item__image-next, .units-item__item-price {
    position: absolute;
    left: 16px
}

.units-item-fav, .units-item-fav__on {
    top: 16px;
    right: 16px;
    left: auto;
    border-radius: 50%
}

.units-item-fav:hover, .units-item-fav__on:hover {
    box-shadow: none
}

.units-item-fav:focus, .units-item-fav__on:focus {
    outline: none
}

.units-item-fav .fa-heart, .units-item-fav__on .fa-heart {
    display: block;
    font-size: 0px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 3;
    width: 50px;
    height: 50px;
    border-style: solid;
    border-width: 5px
}

.units-item-fav .fa-heart:before, .units-item-fav__on .fa-heart:before {
    font-size: 22px;
    line-height: 41px;
    display: block;
    -webkit-font-smoothing: antialiased
}

@media screen and (max-width: 991px) {
    .units-item-fav, .units-item-fav__on {
        top: 12px;
        right: 14px
    }

    .units-item-fav .fa-heart, .units-item-fav__on .fa-heart {
        width: 40px;
        height: 40px
    }

    .units-item-fav .fa-heart:before, .units-item-fav__on .fa-heart:before {
        font-size: 16px;
        line-height: 31px
    }
}

.units-item-fav .fa-heart {
    color: #fff;
    opacity: 0.8;
    border-color: #fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px 1px rgba(0, 0, 0, 0.2) inset
}

.units-item-fav .fa-heart:hover {
    color: #f06060;
    border-color: #f06060;
    text-shadow: none;
    box-shadow: none;
    transition: color 0.1s
}

@media screen and (max-width: 991px) {
    .units-item-fav .fa-heart:hover {
        color: #fff;
        border-color: #fff;
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
        transition: none
    }
}

.units-item-fav__on .fa-heart {
    color: #f06060;
    border-color: #f06060;
    background: rgba(255, 255, 255, 0.85);
    opacity: 1
}

.units-item-fav__click {
    animation: favoritButton 1000ms linear both
}

.units-item__image-prev, .units-item__image-next {
    top: 0;
    bottom: 0;
    left: 0;
    width: 50px
}

.units-item__image-prev .fa, .units-item__image-next .fa {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -0.5em;
    font-size: 30px;
    color: #fff;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    opacity: 0.7;
    text-align: center
}

@media screen and (max-width: 991px) {
    .units-item__image-prev .fa, .units-item__image-next .fa {
        font-size: 20px
    }
}

.units-item__image-next {
    right: 0;
    left: auto;
    position: absolute
}

.units-item__baloon {
    background: #ffffff;
    position: absolute;
    top: 22px;
    right: 68px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 195px;
    min-width: 75px;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .units-item__baloon {
        top: 14px;
        right: 58px
    }
}

.units-item__baloon-s {
    background: #ffffff;
    position: absolute;
    top: 15.5px;
    right: 70px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 125px;
    min-width: 75px;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .units-item__baloon-s {
        top: 14px;
        right: 58px
    }
}

.units-item__baloon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px
}

.units-item__baloon-text:before {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: 11px;
    right: -6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.units-item__baloon-text:after {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 25px;
    width: 13px;
    top: 5px;
    right: 0
}

.units-item__item-price {
    bottom: 20px;
    padding: 10px;
    background-color: #000;
    font-size: 15px;
    color: #fff;
    border-radius: 3px
}

.units-item__item-per {
    font-size: 10px;
    font-weight: normal
}

.units-item__price-icon {
    margin-left: 4px
}

.units-item__price-icon-instant {
    padding: 0 2px;
    color: #f2d42b
}

.units-item__price-icon-top-host {
    vertical-align: middle;
    font-size: 15px;
    color: #f2d42b
}

.units-item__price-icon-discount {
    vertical-align: middle;
    font-size: 15px;
    color: #e95175
}

.units-item__body {
    margin-top: 8px
}

.units-item__body-superhost {
    position: absolute;
    top: 38px;
    right: 0;
    width: 18px;
    height: 24px
}

.units-item__body-inner {
    overflow: hidden
}

.units-item__body-title {
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    overflow: hidden
}

.units-item__body-info {
    margin: 6px 0 8px;
    font-size: 11px;
    color: #d0d1cf
}

.units-item__body-info li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.units-item__body-info li:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 13em
}

@media screen and (max-width: 991px) {
    .units-item__body-info li:nth-child(2) {
        max-width: 16em
    }
}

@media screen and (max-width: 1199px) {
    .units-item__body-info li:nth-child(3) {
        display: block;
        margin-top: 6px
    }
}

@media screen and (max-width: 991px) {
    .units-item__body-info li:nth-child(3) {
        margin-top: 0;
        display: inline-block
    }
}

@media screen and (max-width: 599px) {
    .units-item__body-info li:nth-child(3) {
        display: block;
        margin-top: 6px
    }
}

.units-item__body-access {
    font-size: 10px;
    line-height: 1.2
}

.units-item__campaign {
    margin-top: 8px
}

.units-item__campaign-link {
    display: inline-block;
    font-size: 10px;
    margin-right: 4px
}

.units-item__campaign-link a {
    display: inline-block;
    border: 1px solid #4abfe6;
    border-radius: 10px;
    padding: 3px 6px
}

.units-item__campaign-link a:hover {
    border-color: #42a9cc;
    color: #42a9cc
}

@media screen and (min-width: 768px) {
    .site-footer__list {
        display: flex
    }
}

@media screen and (min-width: 768px) {
    .site-footer__list__item {
        width: calc((100% - 48px) / 3)
    }
}

.site-footer__list__item:not(:first-child) {
    margin-top: 36px
}

@media screen and (min-width: 768px) {
    .site-footer__list__item:not(:first-child) {
        margin-left: 24px;
        margin-top: 0
    }
}

.units-baloon {
    bottom: -120px;
    right: 0px
}

@media screen and (max-width: 991px) {
    .units-baloon {
        right: 8px
    }
}

.units-baloon:before {
    top: -7px;
    left: 81%
}

@media screen and (max-width: 991px) {
    .units-baloon:before {
        left: 84%
    }
}

.units-ranking {
    position: absolute;
    top: 0;
    left: 16px;
    z-index: 1
}

.units-ranking__no1 {
    background-color: #f5d02c
}

.units-ranking__no1:after {
    border-color: #f5d02c
}

.units-ranking__no2 {
    background-color: #c2cad9
}

.units-ranking__no2:after {
    border-color: #c2cad9
}

.units-ranking__no3 {
    background-color: #da7e3f
}

.units-ranking__no3:after {
    border-color: #da7e3f
}

.units-ranking__non {
    background-color: #fff
}

.units-ranking__non:after {
    border-color: #fff
}

.units-ranking__non .units-ranking__icon-body {
    border-color: #ddd
}

.units-ranking__icon {
    width: 38px;
    height: 48px;
    word-wrap: break-word;
    text-align: center
}

.units-ranking__icon:before, .units-ranking__icon:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0
}

.units-ranking__icon:after {
    left: 0;
    top: 100%;
    border-style: solid;
    border-width: 0px 19px 19px 19px;
    border-bottom: .8em solid transparent
}

.units-ranking__icon-body {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    left: 3px;
    width: 32px;
    height: 56px;
    z-index: 3;
    padding-top: 8px;
    text-align: center;
    background: url("//cdn.spacemarket.net/assets/service/landing/ranking-icon-5904c676119e9aaae9c7c90e1ef168dc.png") 50% 8px no-repeat;
    background-size: 24px 14px
}

.units-ranking__icon-number {
    display: block;
    font-weight: bold;
    color: #333333;
    margin-top: 18px
}

.a__extra-units {
    color: black
}

.a__extra-units:hover {
    color: #666
}

.a__extra-units:hover img {
    opacity: 0.8
}

.extra-units {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-bottom: 16px
}

.extra-units .units-ranking {
    left: 10px
}

.extra-units__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 167px
}

.extra-units__image-col__h6 {
    height: 560px
}

.extra-units__image-col__h6 img {
    height: 100%
}

@media screen and (max-width: 991px) {
    .extra-units__image-col__h6 {
        height: 230px
    }

    .extra-units__image-col__h6 img {
        width: 100%;
        height: auto
    }
}

.extra-units__image-col__w6 img {
    width: 101%;
    height: auto
}

.extra-units__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: 120%
}

@media screen and (max-width: 991px) {
    .extra-units__image-pict {
        width: 100%
    }
}

.extra-units__item-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 10px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold
}

.extra-units__item-super-host {
    height: 13px;
    vertical-align: bottom;
    margin-left: 4px;
    margin-bottom: -1px
}

.extra-units__item-per {
    font-size: 10px;
    font-weight: normal
}

.extra-units__item-fav, .extra-units__item-fav__on {
    top: 12px;
    right: 24px
}

.extra-units__item-fav .fa-heart, .extra-units__item-fav__on .fa-heart {
    width: 45px;
    height: 45px
}

.extra-units__item-fav .fa-heart:before, .extra-units__item-fav__on .fa-heart:before {
    font-size: 18px;
    line-height: 38px
}

.extra-units__body {
    margin: 8px 10px 12px
}

.extra-units__body-inner {
    overflow: hidden
}

.extra-units__body-title {
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    font-weight: bold
}

.extra-units__body-access {
    font-size: 10px;
    margin-top: 10px;
    color: #a0a0a0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-home__index .site-header__logo {
    width: 34px;
    height: 34px;
    margin: 6px
}

@media screen and (max-width: 991px) {
    .body-home__index .page__stripes {
        background: #f6f6f6;
        border: none
    }
}

.top-page__padding {
    padding: 24px 0
}

@media screen and (max-width: 991px) {
    .top-page__padding {
        padding: 16px 0 0
    }
}

.page__history {
    background: #eee;
    border-bottom: 1px solid #ddd
}

.top-title__container {
    margin-top: 16px;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-title__container {
        margin: 8px 8px 10px 8px
    }
}

.top-title__container .top-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991px) {
    .top-title__container .top-title {
        font-size: 16px;
        text-align: left;
        margin: 0;
        float: left
    }
}

.top-more__area {
    text-align: center;
    margin: 32px 0 16px;
    position: relative
}

.top-more__area-link, .top-more__history-link {
    font-weight: bold;
    font-size: 16px
}

.top-more__area-link:hover, .top-more__history-link:hover {
    border-bottom: 1px solid #4abfe6
}

.top-more__area-link:after, .top-more__history-link:after {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 5px
}

@media screen and (max-width: 991px) {
    .top-more__area-link, .top-more__history-link {
        float: right;
        font-weight: normal;
        font-size: 14px
    }
}

.top-more__history-link:after {
    content: "\f107"
}

@media screen and (max-width: 991px) {
    .top-more__history-link {
        float: none
    }
}

@media screen and (max-width: 991px) {
    .container.top-container {
        padding-left: 0;
        padding-right: 0
    }

    .container.top-container .col-xs-2, .container.top-container .col-xs-3, .container.top-container .col-xs-4 {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width: 991px) {
    .top-units__container {
        clear: both;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .top-units__container .row {
        width: 185%;
        margin-left: 0;
        margin-right: 0;
        padding: 0 2px 8px
    }
}

@media screen and (max-width: 991px) {
    .top-units__container-history .row {
        width: 400%
    }
}

.top-units__container-history .md-top-units {
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-units__container-history .md-top-units {
        margin-bottom: 8px
    }
}

.top-information {
    text-align: center;
    line-height: 1.6
}

.top-menu__title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 40px auto 16px
}

.top-menu__title:before {
    font-family: FontAwesome;
    content: "\f002";
    margin-right: 6px
}

@media screen and (max-width: 991px) {
    .top-menu__title {
        font-size: 16px
    }
}

.top-information__sub {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .top-information__sub {
        font-size: 14px;
        margin-top: 8px
    }
}

.top-information__copy {
    font-size: 16px;
    text-align: center;
    margin-bottom: 32px;
    font-weight: bold;
    color: #666
}

@media screen and (max-width: 991px) {
    .top-information__copy {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 16px;
        font-weight: bold;
        line-height: 1.4
    }
}

.top-information__text {
    text-align: center;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .top-information__text {
        font-size: 13px;
        line-height: 1.4;
        text-align: left
    }
}

.top-flow__list {
    text-align: center;
    margin: 16px 0 8px;
    display: inline-block
}

.top-flow__list li {
    display: inline
}

.top-flow__list li + li {
    border-left: 1px solid #a0a0a0;
    padding-left: 32px;
    margin-left: 32px
}

.top-flow__list a:hover {
    text-decoration: underline
}

.top-flow__list .fa {
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .top-flow__list {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        margin-right: -12px;
        margin-left: -12px;
        text-align: left;
        border-bottom: 1px solid #eaeaea;
        font-size: 13px
    }

    .top-flow__list li {
        display: block;
        margin-bottom: 0;
        border-top: 1px solid #eaeaea
    }

    .top-flow__list li + li {
        margin-left: 0;
        padding-left: 0;
        border-left: none
    }

    .top-flow__list li a {
        position: relative;
        display: block;
        padding: 10px 12px;
        color: #4abfe6
    }

    .top-flow__list li a:before {
        z-index: 1;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        right: 15px;
        color: #4abfe6;
        content: "\f105"
    }
}

.top-menu__other-search {
    text-align: center
}

@media screen and (max-width: 991px) {
    .top-menu__other-search {
        display: none
    }
}

.top-menu__other-ttl {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-right: 32px
}

.top-menu__other-ttl:before {
    font-family: FontAwesome;
    content: "\f002";
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .top-menu__other-ttl {
        display: block;
        font-size: 16px;
        margin-top: 32px;
        margin-right: 0
    }
}

.top-menu__container {
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-menu__container {
        padding-bottom: 0;
        background: #fff;
        padding: 0 8px;
        position: relative
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list {
        text-align: center
    }

    .top-menu__list.col-xs-4 {
        padding-left: 8px;
        padding-right: 8px
    }

    .top-menu__list.col-xs-3 {
        padding-left: 8px;
        padding-right: 8px
    }
}

.top-menu__list-button {
    display: block;
    background: #f6f6f6;
    width: 100%;
    border-radius: 3px;
    padding: 22px 20px;
    margin-top: 20px;
    min-height: 63px
}

@media screen and (max-width: 991px) {
    .top-menu__list-button {
        padding: 16px 2px;
        margin-top: 16px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-button {
        padding: 12px 0;
        min-height: 76px
    }
}

.top-menu__list-button:hover {
    opacity: 0.8;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.top-menu__list-button:after {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 5px;
    font-size: 18px;
    position: absolute;
    right: 24px;
    top: 50%
}

@media screen and (max-width: 700px) {
    .top-menu__list-button:after {
        display: none
    }
}

.top-menu__list-button.is-current {
    background: #E5F6FB
}

.top-menu__list-button.is-current:hover {
    opacity: 1.0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: default
}

.top-menu__list-button-img {
    width: 36px;
    height: 36px;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .top-menu__list-button-img {
        margin: 0 auto
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-button-img {
        margin-bottom: 6px
    }
}

.top-menu__list-button-text {
    font-size: 18px;
    vertical-align: middle;
    margin-left: 12px;
    font-weight: bold;
    color: #333333;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .top-menu__list-button-text {
        font-size: 16px;
        text-align: left;
        margin-left: 8px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-button-text {
        display: block;
        text-align: center;
        margin-left: 0
    }
}

.top-menu__list-button-num {
    font-size: 10px;
    color: #a3a3a3;
    display: block;
    margin-top: 8px;
    font-weight: normal
}

@media screen and (max-width: 599px) {
    .top-menu__list-button-num {
        font-size: 9px
    }
}

.a__top-units {
    color: black
}

.a__top-units:hover {
    color: #666
}

.a__top-units:hover img {
    opacity: 0.8
}

.md-top-units {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-radius: 3px;
    background: #fff;
    margin: 0;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.md-top-units .units-ranking {
    left: 10px
}

.md-top-units:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 991px) {
    .md-top-units {
        padding-bottom: 2px;
        margin-bottom: 8px
    }
}

.md-top-units__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px
}

@media screen and (max-width: 991px) {
    .md-top-units__image {
        height: 160px
    }
}

.md-top-units__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: 100%
}

.md-top-units__item-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 8px;
    background-color: #000;
    font-size: 16px;
    color: #fff;
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .md-top-units__item-price {
        padding: 6px;
        font-size: 12px
    }
}

.md-top-units__item-per {
    font-size: 10px;
    font-weight: normal
}

.md-top-units__price-icon {
    margin-left: 4px
}

@media screen and (max-width: 991px) {
    .md-top-units__price-icon {
        margin-left: 2px
    }
}

.md-top-units__item-instant {
    padding: 0 2px;
    color: #f2d42b
}

@media screen and (max-width: 991px) {
    .md-top-units__item-instant {
        font-size: 12px
    }
}

.md-top-units__item-top-host {
    color: #f2d42b;
    vertical-align: middle;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .md-top-units__item-top-host {
        font-size: 12px
    }
}

.md-top-units__item-icon-discount {
    vertical-align: middle;
    font-size: 16px;
    color: #e95175
}

@media screen and (max-width: 991px) {
    .md-top-units__item-icon-discount {
        font-size: 12px
    }
}

.md-top-units__body {
    margin: 8px 10px 12px;
    position: relative
}

.md-top-units__body-inner {
    overflow: hidden
}

.md-top-units__body-title {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 2px 0
}

@media screen and (max-width: 991px) {
    .md-top-units__body-title {
        font-size: 12px;
        font-weight: normal;
        margin: 0
    }
}

.md-top-units__body-info {
    margin: 6px 0 8px;
    font-size: 11px;
    color: #333333
}

.md-top-units__body-info i {
    color: #d0d1cf
}

.md-top-units__body-info li {
    display: inline-block;
    margin-right: 5px
}

@media screen and (max-width: 991px) {
    .md-top-units__body-info li {
        display: block;
        font-size: 10px
    }

    .md-top-units__body-info li ~ li {
        margin-top: 4px
    }
}

.md-top-units__item-fav, .md-top-units__item-fav__on {
    position: absolute;
    top: 24px;
    right: 0;
    color: #a0a0a0;
    font-size: 20px
}

.md-top-units__item-fav__on {
    color: #f06060
}

.md-top-units__item-fav__on .fa-heart-o:before {
    content: "\f004"
}

.md-matome-list a {
    color: black
}

.md-matome-list a:visited {
    color: black
}

.md-matome-list a:hover {
    color: #666
}

.md-matome-list a:hover img {
    opacity: 0.8
}

.md-matome-list .mdl-shadow--2dp {
    border-radius: 3px
}

.md-matome-subtitle {
    font-size: 14px;
    margin: 8px;
    line-height: 1.4;
    max-height: 2.6em;
    min-height: 2.6em;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .md-matome-subtitle {
        font-size: 11px;
        line-height: 1.2
    }
}

@media screen and (max-width: 599px) {
    .md-matome-subtitle {
        max-height: 3.6em;
        min-height: 3.6em
    }
}

.md-matome-image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 320px
}

@media screen and (max-width: 991px) {
    .md-matome-image {
        height: 190px
    }
}

.md-matome-image__pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: auto;
    height: 100%
}

@media screen and (max-width: 991px) {
    .md-matome-image__pict {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 599px) {
    .md-matome-image__pict {
        width: auto;
        height: 140%
    }
}

@media screen and (max-width: 991px) {
    .top-units-ranking.units-ranking__icon {
        width: 20px;
        height: 18px;
        word-wrap: break-word;
        text-align: center
    }

    .top-units-ranking.units-ranking__icon:after {
        border-width: 0px 10px 10px 10px
    }

    .top-units-ranking .units-ranking__icon-body {
        width: 14px;
        height: auto;
        padding-top: 0;
        background-image: none;
        border: none
    }

    .top-units-ranking .units-ranking__icon-number {
        margin-top: 5px;
        font-size: 10px
    }
}

.body-stay__index .dashboard-container, .body-home__index .dashboard-container {
    border-bottom: none;
    position: absolute;
    left: 0;
    right: 0;
    height: auto
}

@media screen and (max-width: 991px) {
    .body-stay__index .dashboard-container, .body-home__index .dashboard-container {
        border-bottom: 1px solid #eaeaea;
        position: static;
        left: auto;
        right: auto
    }
}

.body-stay__index .site-header, .body-home__index .site-header {
    background: transparent
}

@media screen and (max-width: 991px) {
    .body-stay__index .site-header, .body-home__index .site-header {
        background: #fff
    }
}

.body-stay__index .site-header__search, .body-home__index .site-header__search {
    display: none
}

@media screen and (max-width: 991px) {
    .body-stay__index .matome-description, .body-home__index .matome-description {
        height: 36px
    }
}

.site-header__search-menu .btn-border-blue {
    padding: 10px 0;
    font-size: 13px
}

.top-mv {
    padding-top: 100px;
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-mv {
        padding-top: 30px
    }
}

.top-mv .service-logo {
    text-align: center;
    width: 360px;
    margin: 0 auto;
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .top-mv .service-logo {
        width: 300px;
        margin-top: 0
    }
}

@media screen and (max-width: 599px) {
    .top-mv .service-logo {
        width: 240px
    }
}

.body-stay__index .flexslider, .body-home__index .flexslider {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 36px
}

@media screen and (max-width: 991px) {
    .body-stay__index .flexslider, .body-home__index .flexslider {
        padding-bottom: 12px
    }
}

.top-slider__cover {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .top-slider__cover {
        top: 0
    }
}

.top-slider__title, .top-slider__caption, .top-slider__link {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    letter-spacing: 0.05em
}

.top-slider__position {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6
}

.top-slider__title-main {
    font-size: 36px;
    margin-top: 127px;
    margin-bottom: 18px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.65)
}

@media screen and (max-width: 991px) {
    .top-slider__title-main {
        margin-top: 40px;
        font-size: 26px;
        line-height: 1.25
    }
}

.top-slider__title-sub {
    font-size: 18px;
    margin-bottom: 80px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.65)
}

@media screen and (max-width: 991px) {
    .top-slider__title-sub {
        margin-bottom: 30px;
        font-size: 13px
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button {
        padding: 16px 2px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-second .top-menu__list-button {
        padding: 6px 0
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button-img {
        width: 28px;
        height: 28px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-second .top-menu__list-button-img {
        margin-bottom: 6px
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button-text {
        font-size: 15px;
        margin-top: 0
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-second .top-menu__list-button-text {
        font-size: 13px
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button-num {
        margin-top: 6px
    }
}

.body-home__index .search-box, .body-home__index .form-box {
    padding: 24px 0 32px;
    margin: 16px 0 8px
}

@media screen and (max-width: 599px) {
    .body-home__index .search-box, .body-home__index .form-box {
        padding: 12px 0 24px
    }
}

.top-static__area {
    padding: 24px 0 48px;
    border-bottom: 1px solid #eaeaea
}

@media screen and (max-width: 991px) {
    .top-static__area {
        padding: 0
    }
}

.top-static__banner-title {
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 16px;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7)
}

@media screen and (max-width: 991px) {
    .top-static__banner-title {
        font-size: 22px
    }
}

.top-static__banner-text {
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.7);
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .top-static__banner-text {
        font-size: 14px
    }
}

.top-static__banner-button {
    margin-top: 40px;
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 13px 60px;
    border-bottom: 1px solid #ddd
}

.top-static__banner-button:hover {
    background: #eee;
    border-bottom: 1px solid #ddd
}

.top-static__banner {
    width: 100%;
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    height: 320px;
    padding-top: 80px;
    background: url("//cdn.spacemarket.net/assets/service/static/host_publish/hero-e6e7f211672541c3d938d1d2be122d8a.jpg") center 40%;
    background-size: cover
}

@media screen and (max-width: 991px) {
    .top-static__banner {
        height: 250px;
        padding-top: 40px
    }
}

.top-corp-concierge__banner {
    background: url("//cdn.spacemarket.net/assets/service/inquiry/hero-177e6dbb68e6491cfdaf5cdf983c2951.jpg") 0 0 no-repeat;
    background-size: cover
}

@media screen and (max-width: 991px) {
    .top-corp-concierge__banner {
        height: 270px
    }
}

.top-bonus__points {
    position: absolute;
    width: 400px;
    height: 48px;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: bold;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .top-bonus__points {
        width: 265px;
        height: 42px;
        font-size: 13px
    }
}

.top-bonus__points:before, .top-bonus__points:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-width: 24px 10px;
    border-style: solid;
    border-color: #f5d02c
}

@media screen and (max-width: 991px) {
    .top-bonus__points:before, .top-bonus__points:after {
        border-width: 21px 10px
    }
}

.top-bonus__points:before {
    right: 100%;
    border-left-color: transparent
}

.top-bonus__points:after {
    left: 100%;
    border-right-color: transparent
}

.top-bonus__points-inner {
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 3px;
    left: 2px;
    width: 435px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .top-bonus__points-inner {
        width: 300px
    }
}

.top-bonus__text {
    margin-top: 24px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .top-bonus__text {
        text-align: left
    }
}

.top-page__appeal {
    background: #e3e3e3;
    border-bottom: 1px solid #eaeaea
}

.top-appeal__title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 24px
}

ul ~ .top-appeal__title {
    border-top: 1px dashed #cecccc;
    padding-top: 32px
}

@media screen and (max-width: 991px) {
    .top-appeal__title {
        font-size: 14px
    }
}

.top-appeal__list {
    margin-bottom: 16px
}

.top-appeal__list li {
    float: left;
    width: 16%;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .top-appeal__list li {
        width: auto;
        margin-right: 14px;
        margin-bottom: 16px
    }
}

.top-appeal__list li img {
    height: 55px
}

@media screen and (max-width: 991px) {
    .top-appeal__list li img {
        height: 30px
    }
}

.top-flow__regist {
    margin: 16px 0
}

.top-flow__regist-title {
    font-size: 22px;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 24px
}

.top-flow__referral-title {
    font-size: 16px;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 24px;
    line-height: 1.4
}

.top-flow__referral-title span {
    font-size: 30px
}

@media screen and (max-width: 991px) {
    .top-flow__referral-title span {
        font-size: 20px
    }
}

.top-flow__regist-button {
    padding: 13px 60px;
    position: relative
}

.top-regist .top-more__area {
    margin: 0
}

.top-regist__inner {
    position: relative;
    background: #f5d02c;
    padding: 32px 0 32px
}

.top-regist__unit {
    position: relative;
    max-width: 380px;
    margin: 0 auto
}

.top-regist__unit .top-regist__title-guide {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__title-guide {
        font-size: 18px
    }
}

@media screen and (max-width: 350px) {
    .top-regist__unit .top-regist__title-guide {
        font-size: 16px;
        letter-spacing: 0
    }
}

.top-regist__unit .top-regist__everyone {
    position: absolute;
    top: 26px;
    left: 14px;
    width: 65px;
    height: 65px;
    background: white;
    border-radius: 50%
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__everyone {
        width: 80px;
        height: 80px;
        top: -10px;
        left: -90px
    }
}

@media screen and (max-width: 350px) {
    .top-regist__unit .top-regist__everyone {
        width: 56px;
        height: 56px
    }
}

.top-regist__unit .top-regist__everyone span {
    position: relative;
    top: 40%;
    font-size: 12px;
    color: #f5d02c;
    font-weight: bold;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__everyone span {
        font-size: 14px
    }
}

.top-regist__unit .top-regist__title {
    position: relative;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px
}

.top-regist__unit .top-regist__title .top-regist__title-large {
    display: inline-block;
    font-size: 56px;
    font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__title .top-regist__title-large {
        font-size: 48px
    }
}

.top-regist__unit .top-regist__title .top-regist__title-small {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__title .top-regist__title-small {
        display: inline-block;
        margin-left: 8px
    }
}

.top-regist__all-space {
    background: white;
    border-radius: 5px;
    width: 90%;
    padding: 8px 0;
    margin: 8px auto 0
}

@media screen and (min-width: 768px) {
    .top-regist__all-space {
        width: 380px
    }
}

.top-regist__text {
    position: relative;
    width: 300px;
    margin: 16px auto 0;
    font-weight: bold
}

.top-regist__text:before, .top-regist__text:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 23px;
    height: 2px;
    background-color: white
}

.top-regist__text:before {
    top: 8px;
    left: 8px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.top-regist__text:after {
    top: 8px;
    right: 8px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.top-regist__button_wrap {
    padding: 24px 0
}

.top-regist__button_wrap:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #f5d02c
}

@media screen and (min-width: 768px) {
    .top-regist__button_wrap:before {
        bottom: 60px
    }
}

.top-regist__button_wrap .top-regist__button {
    padding: 13px 80px
}

@media screen and (min-width: 768px) {
    .top-regist__button_wrap .top-regist__button {
        padding: 13px 100px
    }
}

@media screen and (max-width: 350px) {
    .top-regist__button_wrap .top-regist__button {
        padding: 13px 60px
    }
}

@media screen and (max-width: 991px) {
    .top-campaign__list .row {
        width: 185%;
        padding: 0 2px 8px
    }
}

.top-campaign__list .campaign-box {
    margin-bottom: 0
}

.top-campaign {
    height: 158px;
    padding: 20px 0px 35px;
    margin: 0 auto 30px;
    width: 710px
}

@media screen and (max-width: 991px) {
    .top-campaign {
        width: auto;
        height: auto;
        padding: 20px 0 12px
    }
}

@media screen and (max-width: 991px) {
    .top-campaign__header {
        width: auto
    }
}

.top-campaign__header-title {
    font-size: 22px;
    color: #5A5F59;
    font-weight: normal;
    line-height: 1.4;
    height: 60px;
    margin: 0 0 0 30px
}

@media screen and (max-width: 991px) {
    .top-campaign__header-title {
        font-size: 14px;
        margin: 24px 0 10px;
        min-height: 57px;
        text-align: center
    }
}

.top-campaign__header-content {
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .top-campaign__header-content {
        font-size: 12px
    }
}

.top-campaign__header-logo {
    float: left;
    margin: 15px 0 0 25px
}

@media screen and (max-width: 991px) {
    .top-campaign__header-logo {
        float: none;
        margin: 10px 0;
        text-align: center
    }

    .top-campaign__header-logo img {
        height: 28px
    }
}

.top-campaign__header-more {
    text-align: center;
    color: #fff;
    padding: 9px 0;
    border-radius: 3px;
    background-color: #4abfe6;
    width: 230px;
    float: right;
    position: relative;
    margin: 25px 20px 0 0;
    font-size: 13px
}

.top-campaign__header-more:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    right: 13px;
    top: 48%;
    margin-top: -6px;
    font-family: FontAwesome;
    content: "\f105"
}

.top-campaign__header-more:hover {
    opacity: 0.8
}

@media screen and (max-width: 991px) {
    .top-campaign__header-more {
        float: none;
        margin: 28px auto 0;
        overflow: hidden
    }
}

.top-campaign__pasma {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/pasma/pasma_bg-6965e795496280b5d8f6b2ab6521ddf1.png") #c9d7e3 no-repeat right 0
}

.top-campaign__pasma .top-campaign__header-title {
    text-shadow: 0px 0px 6px white
}

.top-campaign__pasma .top-campaign__header-more {
    background: #fff;
    color: #5A5F59
}

.top-campaign__le {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/le/le_bg-01f33fb6be0a18593cc2774c25ec6879.png") #000 no-repeat right 0
}

.top-campaign__le .top-campaign__header-title {
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
    color: #fff
}

.top-campaign__primechef {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/primechef/primechef_bg-6fced550cf7972ee643d72f9964c8a52.png") #fff no-repeat right 0
}

.top-campaign__primechef .top-campaign__header-title {
    text-shadow: 0px 0px 10px #FFF;
    color: #444
}

.top-campaign__birthdaybank {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/birthdaybank/birthdaybank_bg-ef1c3bd8ea3dd74692212906923459b7.png") #fff no-repeat right 0
}

.top-campaign__birthdaybank .top-campaign__header-title {
    text-shadow: 0px 0px 1px #FFF;
    color: #444
}

.top-campaign__perrier {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/perrier/perrier_bg-717af599b14f4ad99292ba2ec29e2756.png") #fff no-repeat 56% 0
}

.top-campaign__perrier .top-campaign__header-title {
    color: #fff;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6)
}

@media screen and (max-width: 991px) {
    .top-campaign__perrier .top-campaign__header-title {
        margin: 0;
        font-weight: bold;
        font-size: 13px
    }
}

.top-campaign__perrier .top-campaign__header-content {
    font-weight: normal
}

.top-campaign__perrier .top-campaign__header-logo {
    margin-left: 30px
}

.top-campaign__perrier .top-campaign__header-logo img {
    width: 50px;
    height: 50px
}

@media screen and (max-width: 991px) {
    .top-campaign__perrier .top-campaign__header-logo {
        margin-left: auto
    }
}

.top-campaign__perrier2016winter {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/perrier2016winter/perrier2016winter_bg-3ed9748387623bed267336286ef6d1ad.png") #fff no-repeat right 0
}

.top-campaign__perrier2016winter .top-campaign__header-title {
    text-shadow: 0px 0px 10px #000;
    color: #FFF
}

.top-campaign__martini {
    position: relative;
    width: 710px;
    margin: auto
}

.top-campaign__martini .top-campaign {
    background: url("//cdn.spacemarket.net/assets/service/top/campaign/martini/martini_pc_bg-f2528cde06941f0be174a8e72a43c963.png") #fff no-repeat right 0;
    height: 190px
}

.top-campaign__martini .top-campaign__header-pickup {
    display: inline-block;
    background: #FFF;
    color: #333333;
    font-size: 11px;
    padding: 4px 8px;
    margin: 0 5px 12px 0
}

.top-campaign__martini .top-campaign__header-pickup:first-of-type {
    margin-left: 30px
}

.top-campaign__martini .top-campaign__header-title {
    letter-spacing: 2px;
    font-size: 20px;
    text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
    color: #FFF;
    margin-bottom: 0;
    line-height: 1.3
}

.top-campaign__martini .top-campaign__header-title-re {
    padding-right: 5px
}

.top-campaign__martini .top-campaign__header-text {
    font-size: 14px;
    letter-spacing: 2px;
    color: #FFF;
    text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;
    margin-left: 30px
}

.top-campaign__martini .top-campaign__header-logo {
    width: 260px;
    margin: 7px 0 0 25px
}

.top-campaign__martini .top-campaign__header-logo img {
    width: 100%
}

.top-campaign__martini .top-campaign__header-more {
    position: absolute;
    bottom: 20px;
    right: 0;
    float: none
}

@media screen and (max-width: 991px) {
    .top-campaign__martini {
        width: auto;
        max-width: 630px;
        margin-bottom: 30px;
        padding-bottom: 12px;
        background: #fff;
        height: auto;
        text-align: center
    }

    .top-campaign__martini .top-campaign {
        height: auto;
        margin-bottom: 0;
        background: url("//cdn.spacemarket.net/assets/service/top/campaign/martini/martini_sp_bg-35b6d2520528d8447199facf95683a5c.png") #000 no-repeat center top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .top-campaign__martini br {
        display: none
    }

    .top-campaign__martini .top-campaign__header-pickup {
        font-size: 9px;
        margin: 50px 1px 0 1px
    }

    .top-campaign__martini .top-campaign__header-pickup:first-of-type {
        margin-left: 0
    }

    .top-campaign__martini .top-campaign__header-title {
        font-size: 14px;
        margin: 10px 0 4px 0;
        letter-spacing: 0;
        min-height: 0;
        height: auto
    }

    .top-campaign__martini .top-campaign__header-text {
        font-size: 12px;
        letter-spacing: 0;
        margin: 0
    }

    .top-campaign__martini .top-campaign__header-logo {
        margin: 6px auto 0 auto;
        width: 227px;
        height: 45px
    }

    .top-campaign__martini .top-campaign__header-logo img {
        height: auto
    }

    .top-campaign__martini .top-campaign__header-more {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 12px
    }
}

.body-stay__index .site-header__logo {
    background: url("//cdn.spacemarket.net/assets/service/logo-white-9cb87e09aface7f0c3a05b5cd46ca4a6.svg") no-repeat;
    width: 180px;
    margin: 6px;
    height: 34px;
    background-size: 178px 29px;
    background-position: 4px 4px
}

@media screen and (max-width: 1199px) {
    .body-stay__index .site-header__logo {
        margin: 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .site-header__logo {
        margin: 10px 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

.body-stay__index .site-header__nav-help .fa, .body-stay__index .site-header__nav-message, .body-stay__index .site-header__nav-user-name, .body-stay__index .help__text {
    color: #fff
}

.body-stay__index .top-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-title {
        font-size: 20px
    }
}

.body-stay__index .top-more__area-button {
    padding: 13px 24px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-more__area-button {
        font-size: 13px
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__regist {
        margin: 24px 0
    }
}

.body-stay__index .top-slider__title-sub {
    font-size: 18px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.65);
    margin-top: 10px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-slider__title-sub {
        font-size: 13px
    }
}

.body-stay__index .top-slider__caption-space, .body-stay__index .top-slider__caption-category {
    margin-bottom: 8px;
    text-align: center;
    color: #fff
}

.body-stay__index .top-slider__caption-category {
    display: block;
    margin-top: 10px
}

.body-stay__index .top-slider__link {
    text-shadow: 0px 1px 1px #666;
    z-index: 6
}

.body-stay__index .top-slider__link-button {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 40px auto 40px;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    width: 180px;
    border-radius: 3px;
    font-weight: bold
}

.body-stay__index .top-slider__link-button:hover {
    opacity: 0.8
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-slider__link-button {
        margin-bottom: 100px
    }
}

.body-stay__index .top-slider__caption {
    font-size: 11px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42%;
    margin: 0 auto;
    text-align: center;
    z-index: 7;
    width: 940px
}

.body-stay__index .top-slider__caption a {
    color: #fff
}

.body-stay__index .top-slider__caption:hover {
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-slider__caption {
        width: auto
    }
}

.body-stay__index .top-search {
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 10px
}

.body-stay__index .top-search__box {
    border: 1px solid #030000;
    border-radius: 3px;
    height: 44px;
    width: 100%;
    background: #4abfe6
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box {
        height: auto
    }
}

.body-stay__index .top-search__box input {
    border: none;
    height: 100%;
    padding: 0 10px;
    outline: none;
    vertical-align: top
}

.body-stay__index .top-search__box input:placeholder-shown {
    color: #cfcfcf
}

.body-stay__index .top-search__box input::-webkit-input-placeholder {
    color: #cfcfcf
}

.body-stay__index .top-search__box input::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.body-stay__index .top-search__box input:-ms-input-placeholder {
    color: #cfcfcf
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box input {
        padding: 10px
    }
}

.body-stay__index .top-search__box input.top-search__form-period {
    border-left: 1px solid #dddddd
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box input.top-search__form-period {
        border-left: none
    }
}

.body-stay__index .top-search__box-list {
    background: #fff;
    float: left;
    height: 100%;
    border-right: 1px solid #dddddd
}

.body-stay__index .top-search__box-list .service-select {
    font-size: 16px
}

.body-stay__index .top-search__box-list .service-select:before {
    margin-top: 17px
}

.body-stay__index .top-search__box-list input, .body-stay__index .top-search__box-list select {
    border: none;
    width: 100%;
    height: 100%;
    line-height: 14px;
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list input, .body-stay__index .top-search__box-list select {
        height: 40px
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list input {
        line-height: 22px
    }
}

.body-stay__index .top-search__box-list:nth-child(1) {
    border-radius: 3px 0 0 3px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list:nth-child(1) {
        border-radius: 3px 0 0 0
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list {
        border-right: none
    }

    .body-stay__index .top-search__box-list:nth-child(2) {
        border-radius: 0 3px 0 0
    }
}

.body-stay__index .top-search__box-list-event {
    width: 20%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list-event {
        width: 50%;
        border-right: 1px solid #dddddd
    }
}

.body-stay__index .top-search__box-list-capacity {
    width: 10%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list-capacity {
        width: 50%
    }
}

.body-stay__index .top-search__box-list-map {
    width: 32%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list-map {
        width: 100%;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd
    }
}

.body-stay__index .top-search__box-list-day {
    width: 15%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list-day {
        width: 50%;
        border-right: 1px solid #dddddd
    }
}

.body-stay__index .top-search__box-list-type {
    width: 13%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__box-list-type {
        width: 50%
    }
}

.body-stay__index .top-search__form-button {
    width: 10%;
    font-family: FontAwesome;
    background: #4abfe6;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    cursor: pointer;
    border-radius: 0 3px 3px 0
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__form-button {
        width: 100%;
        border-radius: 0 0 3px 3px
    }
}

.body-stay__index .top__autocomplete-layout {
    top: 5px;
    left: 0
}

.body-stay__index .top__datetime-layout__inner {
    left: 0
}

@media screen and (max-width: 991px) {
    .body-stay__index .top__datetime-layout__inner {
        left: 0
    }
}

.body-stay__index .top-search__form-area {
    line-height: 1.6;
    border-radius: 3px 0 0 3px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__form-area {
        width: 100%;
        border-radius: 3px 3px 0 0;
        border-bottom: 1px solid #dddddd !important
    }
}

.body-stay__index .top-search__keyword {
    width: 45%;
    line-height: 1.6;
    border-radius: 0;
    border-left: 1px solid #dddddd !important
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__keyword {
        width: 100%;
        border-left: none !important
    }
}

.body-stay__index .top-search__form-period {
    width: 25%;
    line-height: 1.6;
    border-radius: 0
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__form-period {
        width: 50%
    }

    .body-stay__index .top-search__form-period + .body-stay__index .top-search__form-period {
        border-left: 1px solid #dddddd !important
    }
}

.body-stay__index .top-search__stay .top-search__form-area {
    width: 40%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__stay .top-search__form-area {
        width: 100%
    }
}

.body-stay__index .top-search__stay .top__autocomplete-layout {
    left: 0
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-search__stay .top__autocomplete-layout {
        top: -85px
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .body-stay__index .top-slider__link-button {
        margin-bottom: 110px
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow {
        margin-left: -5px;
        margin-right: -5px
    }

    .body-stay__index .top-flow > div {
        padding-right: 5px;
        padding-left: 5px
    }
}

.body-stay__index .top-flow__step {
    background: #fff;
    text-align: center;
    padding: 24px;
    border-radius: 3px;
    height: 220px
}

@media screen and (max-width: 1199px) {
    .body-stay__index .top-flow__step {
        height: 246px
    }

    .body-stay__index .top-flow__step br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__step {
        height: auto;
        margin-bottom: 10px;
        padding: 16px
    }
}

.body-stay__index .top-flow__step:before, .body-stay__index .top-flow__step:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #fff
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__step:before, .body-stay__index .top-flow__step:after {
        display: none
    }
}

.body-stay__index .top-flow__step:before {
    right: -8px;
    top: 50%
}

.body-stay__index .top-flow__step:after {
    left: 12px;
    top: 50%;
    border-left-color: #f6f6f6
}

.body-stay__index .top-flow__step p {
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .body-stay__index .top-flow__step p {
        font-size: 11px
    }

    .body-stay__index .top-flow__step p br {
        display: none
    }
}

.body-stay__index .top-flow__step-title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__step-title {
        font-size: 11px
    }
}

.body-stay__index .top-flow__step-1 .top-flow__step-title:before, .body-stay__index .top-flow__step-2 .top-flow__step-title:before, .body-stay__index .top-flow__step-3 .top-flow__step-title:before, .body-stay__index .top-flow__step-4 .top-flow__step-title:before {
    font-family: FontAwesome;
    font-size: 60px;
    color: #595959;
    display: block;
    margin-bottom: 24px;
    font-weight: normal;
    line-height: 1
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__step-1 .top-flow__step-title:before, .body-stay__index .top-flow__step-2 .top-flow__step-title:before, .body-stay__index .top-flow__step-3 .top-flow__step-title:before, .body-stay__index .top-flow__step-4 .top-flow__step-title:before {
        font-size: 34px;
        margin-bottom: 16px
    }
}

.body-stay__index .top-flow__step-1:after {
    display: none
}

.body-stay__index .top-flow__step-1 .top-flow__step-title:before {
    content: "\f002"
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__step-1 {
        min-height: 172px
    }
}

.body-stay__index .top-flow__step-2 .top-flow__step-title:before {
    content: "\f086"
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__step-2 {
        min-height: 172px
    }
}

.body-stay__index .top-flow__step-3 .top-flow__step-title:before {
    content: "\f00c"
}

.body-stay__index .top-flow__step-4:before {
    display: none
}

.body-stay__index .top-flow__step-4 .top-flow__step-title:before {
    content: "\f283"
}

.body-stay__index .top-flow__regist-title {
    font-size: 22px;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-flow__regist-title {
        font-size: 14px;
        margin-bottom: 12px
    }
}

.body-stay__index .top-flow__regist-button {
    padding: 13px 60px
}

.body-stay__index .top-bonus__points {
    position: absolute;
    width: 400px;
    height: 48px;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: bold;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-bonus__points {
        width: 265px;
        height: 42px;
        font-size: 13px
    }
}

.body-stay__index .top-bonus__points:before, .body-stay__index .top-bonus__points:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-width: 24px 10px;
    border-style: solid;
    border-color: #f5d02c
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-bonus__points:before, .body-stay__index .top-bonus__points:after {
        border-width: 21px 10px
    }
}

.body-stay__index .top-bonus__points:before {
    right: 100%;
    border-left-color: transparent
}

.body-stay__index .top-bonus__points:after {
    left: 100%;
    border-right-color: transparent
}

.body-stay__index .top-bonus__points-inner {
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 3px;
    left: 2px;
    width: 435px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-bonus__points-inner {
        width: 300px
    }
}

.body-stay__index .top-bonus__text {
    margin-top: 24px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-bonus__text {
        text-align: left;
        line-height: 1.4
    }
}

.body-stay__index .top-category {
    margin-bottom: 15px
}

.body-stay__index .top-category .col-md-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category .col-md-15 {
        width: auto;
        float: none
    }
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category {
        margin-bottom: 0
    }

    .body-stay__index .top-category .col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.body-stay__index .top-category__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px;
    text-align: center
}

.body-stay__index .top-category__image:hover .top-category__image-bg {
    background: none
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category__image {
        border-radius: 0;
        height: 180px
    }
}

.body-stay__index .top-category__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: bottom;
    width: 500px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category__image-pict {
        border-radius: 0
    }
}

.body-stay__index .top-category__image-bg {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 230px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category__image-bg {
        height: 180px
    }
}

.body-stay__index .top-category__title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
    color: #fff;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category__title {
        font-size: 22px
    }
}

.body-stay__index .top-category__title-sub {
    font-size: 18px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category__title-sub {
        font-size: 22px
    }
}

.body-stay__index .top-category__title-sub-br {
    display: block;
    margin-top: 2px
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-category__title-sub-br {
        display: inline;
        margin-top: 0
    }
}

.body-stay__index .a__top-units {
    color: black
}

.body-stay__index .a__top-units:hover {
    color: #666
}

.body-stay__index .a__top-units:hover img {
    opacity: 0.8
}

.body-stay__index .top-units {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-bottom: 16px
}

.body-stay__index .top-units .units-ranking {
    left: 10px
}

.body-stay__index .top-units__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px
}

.body-stay__index .top-units__image-col__h6 {
    height: 560px
}

.body-stay__index .top-units__image-col__h6 img {
    height: 100%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-units__image-col__h6 {
        height: 230px
    }

    .body-stay__index .top-units__image-col__h6 img {
        width: 100%;
        height: auto
    }
}

.body-stay__index .top-units__image-col__w6 img {
    width: 101%;
    height: auto
}

.body-stay__index .top-units__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: 120%
}

@media screen and (max-width: 991px) {
    .body-stay__index .top-units__image-pict {
        width: 100%
    }
}

.body-stay__index .top-units__item-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 10px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold
}

.body-stay__index .top-units__item-per {
    font-size: 10px;
    font-weight: normal
}

.body-stay__index .top-units__item-fav, .body-stay__index .top-units__item-fav__on {
    top: 12px;
    right: 24px
}

.body-stay__index .top-units__item-fav .fa-heart, .body-stay__index .top-units__item-fav__on .fa-heart {
    width: 45px;
    height: 45px
}

.body-stay__index .top-units__item-fav .fa-heart:before, .body-stay__index .top-units__item-fav__on .fa-heart:before {
    font-size: 18px;
    line-height: 38px
}

.body-stay__index .top-units__body {
    margin: 8px 10px 12px
}

.body-stay__index .top-units__body-inner {
    overflow: hidden
}

.body-stay__index .top-units__body-title {
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    font-weight: bold
}

.body-stay__index .top-units__body-access {
    font-size: 10px;
    margin-top: 10px;
    color: #a0a0a0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.search-list {
    width: 100%;
    position: relative
}

.search-list__container {
    margin: 0 24px
}

@media screen and (max-width: 991px) {
    .search-list__container {
        margin: 0 12px
    }
}

.search-list__main {
    width: 65%;
    background: #ffffff;
    overflow-y: scroll;
    top: 120px;
    left: 0;
    bottom: 0;
    position: fixed
}

@media screen and (max-width: 991px) {
    .search-list__main {
        top: 0;
        position: static;
        width: 100%;
        overflow-y: hidden
    }
}

.search-list__map {
    width: 35%;
    background: #B2EBF2;
    top: 120px;
    left: auto;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 5
}

@media screen and (max-width: 991px) {
    .search-list__map {
        width: 100%;
        overflow-y: hidden;
        top: 115px;
        display: none
    }
}

.search-list__main-tab {
    display: none
}

@media screen and (max-width: 991px) {
    .search-list__main-tab {
        display: block;
        background: #f6f6f6;
        padding-top: 12px;
        font-size: 0
    }
}

.sm__search-tab {
    display: none
}

@media screen and (max-width: 991px) {
    .sm__search-tab {
        display: block;
        margin-left: 12px;
        margin-right: 12px
    }

    .sm__search-tab li {
        width: 50%;
        display: inline-block;
        font-size: 12px
    }

    .sm__search-tab li a {
        display: block;
        padding: 16px 0;
        text-align: center;
        border-radius: 3px 3px 0 0;
        background: #eee;
        color: #999999
    }

    .sm__search-tab li a:visited {
        color: #999999
    }

    .sm__search-tab li a.is-current {
        background: #fff;
        color: #666666
    }

    .sm__search-tab li a.is-current:visited {
        color: #666666
    }
}

.search-list__type {
    background: #f6f6f6;
    border-bottom: 1px solid #eeeeee;
    padding: 14px 0;
    z-index: 10;
    top: 48px;
    width: 65%;
    position: fixed
}

.search-list__type-title {
    float: left;
    padding: 10px 0px
}

.search-list__type__click {
    padding: 10px 16px 8px 4px;
    float: left;
    border-right: 1px solid #dddddd;
    position: relative;
    cursor: help
}

.search-list__type-tooltip {
    left: -60px;
    top: 35px
}

.search-list__type__click:hover .mod-tooltip {
    display: block;
    -webkit-animation: typeTooltipDown 0.25s 1;
    animation: typeTooltipDown 0.25s 1
}

.search-list__type-baloon:before {
    top: -7px;
    left: 28%
}

.search-list__type-select {
    float: left;
    padding: 11px 0 0 16px
}

.search-list__type-select li {
    display: inline
}

.search-list__type-button {
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    width: 220px
}

@media screen and (max-width: 1199px) {
    .search-list__type-button {
        width: 26%
    }
}

.search-list__main-result {
    margin: 24px 0 70px;
    z-index: 6
}

@media screen and (max-width: 991px) {
    .search-list__main-result {
        margin: 0 auto 70px
    }
}

.search-list__sort {
    float: right;
    margin-left: 10px;
    background: #fff
}

@media screen and (max-width: 1199px) {
    .search-list__sort {
        margin-top: 4px
    }
}

@media screen and (max-width: 991px) {
    .search-list__sort {
        margin: 16px 0px 8px 8px
    }
}

@media screen and (max-width: 991px) {
    .search-list__head {
        padding-top: 16px
    }
}

.search-list__head-title {
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    display: inline
}

@media screen and (max-width: 1199px) {
    .search-list__head-title {
        display: block;
        padding-bottom: 2px
    }
}

@media screen and (max-width: 991px) {
    .search-list__head-title {
        font-size: 15px;
        display: block
    }
}

.search-list__head-number {
    color: #999;
    font-weight: bold;
    margin-top: 9px;
    margin-left: 8px;
    display: inline
}

@media screen and (max-width: 1199px) {
    .search-list__head-number {
        display: block;
        margin-left: 0;
        margin-top: 2px;
        font-size: 12px
    }
}

@media screen and (max-width: 991px) {
    .search-list__head-number {
        font-size: 10px
    }
}

.search-list__head-wrap {
    float: left;
    width: 76%;
    line-height: 1.4;
    margin-top: -2px
}

@media screen and (max-width: 991px) {
    .search-list__head-wrap {
        float: none;
        width: auto;
        margin-top: -6px
    }
}

.sm__search-list__narrow {
    float: right;
    margin-left: 10px;
    margin-top: 16px
}

.search-list__narrow-button {
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    width: 92px;
    font-size: 11px
}

.search-list__main-nav {
    margin-top: 8px;
    padding-top: 24px;
    border-top: 1px solid #eaeaea
}

.search-list__main-nav strong {
    font-weight: bold
}

.search-list__0num {
    clear: both;
    padding-top: 40px
}

.search-list__0num p {
    line-height: 1.5
}

.search-units-list .units-item:nth-child(2n+1) {
    clear: left
}

.search-list__result-favorite {
    position: absolute;
    max-width: 55%;
    text-align: center;
    z-index: 9;
    top: 22px;
    right: 68px
}

@media screen and (max-width: 991px) {
    .search-list__result-favorite {
        top: 12px
    }
}

.search-list__result-favorite-baloon {
    font-size: 12px;
    background-color: #ffffff;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.search-list__result-favorite-baloon:before {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: 11px;
    right: -7px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.search-list__result-favorite-baloon:after {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 28px;
    width: 13px;
    top: 3px;
    right: 0
}

.search-list__result-baloon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px
}

.search-list__map-picup {
    background: #fff;
    height: 142px
}

.search-list__map-picup img {
    float: left;
    height: 100%
}

.search-list__map-picup-inner {
    padding: 12px 0 8px 8px;
    margin-left: 154px;
    margin-right: 16px;
    position: relative
}

@media screen and (max-width: 1199px) {
    .search-list__map-picup-inner {
        margin-left: 150px;
        margin-right: 8px
    }
}

.search-list__map-picup-title {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    height: 65px;
    margin-bottom: 16px
}

@media screen and (max-width: 1199px) {
    .search-list__map-picup-title {
        font-size: 12px;
        height: 55px
    }
}

@media screen and (max-width: 991px) {
    .search-list__map-picup-title {
        font-size: 14px;
        height: 65px
    }
}

.search-list__map-picup-price {
    padding: 10px 5px;
    margin-right: 50px;
    text-align: center;
    background-color: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 3px
}

.search-list__map-picup-fav, .search-list__map-picup-fav__on {
    top: auto;
    bottom: 5px;
    right: 0
}

.search-list__map-picup-fav .fa-heart, .search-list__map-picup-fav__on .fa-heart {
    width: 40px;
    height: 40px;
    box-shadow: none;
    text-shadow: none;
    color: #ddd;
    border-color: #ddd;
    opacity: 1
}

.search-list__map-picup-fav .fa-heart:before, .search-list__map-picup-fav__on .fa-heart:before {
    speak: none;
    font-size: 16px;
    line-height: 31px
}

.search-list__map-picup-fav__on .fa-heart {
    color: #f06060;
    border-color: #f06060
}

.search-list__map-favorite-baloon {
    font-size: 12px;
    background-color: #ffffff;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    bottom: -32px;
    right: 1px;
    z-index: 9;
    max-width: 225px;
    min-width: 75px;
    text-align: center
}

.search-list__map-favorite-baloon:before {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: -7px;
    right: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.search-list__map-favorite-baloon:after {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 12px;
    width: 90%;
    top: 0px;
    right: 5px
}

.search-list__map-favorite-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px
}

.search-list__map-baloon {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #4abfe6;
    border-radius: 3px;
    z-index: 9;
    border-bottom: 1px solid #42a9cc;
    font-size: 14px
}

.search-list__map-baloon:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: #4abfe6;
    border-right: 1px solid #42a9cc;
    border-bottom: 1px solid #42a9cc
}

.search-list__map-baloon:hover {
    background: #72CCEA
}

.search-list__map-baloon:hover:before {
    background: #72CCEA
}

.search-list__map-baloon .baloon-inner {
    background: transparent;
    padding: 0
}

.search-list__map-baloon.is-visited {
    background: #999;
    border-color: #808080
}

.search-list__map-baloon.is-visited:hover {
    background: #afafaf
}

.search-list__map-baloon.is-visited:hover:before {
    background: #afafaf
}

.search-list__map-baloon.is-visited:before {
    background: #999;
    border-color: #808080
}

.search-list__map-baloon.is-current {
    background: #60df52;
    border-color: #60ce52
}

.search-list__map-baloon.is-current:hover {
    background: #8fea86
}

.search-list__map-baloon.is-current:hover:before {
    background: #8fea86
}

.search-list__map-baloon.is-current:before {
    background: #60df52;
    border-color: #60ce52
}

.search-list__map-baloon.is-active {
    background: #fff;
    border-color: #4abfe6;
    border: 2px solid #4abfe6;
    color: #4abfe6;
    line-height: 29px
}

.search-list__map-baloon.is-active:before {
    background: #fff;
    border-color: #4abfe6;
    border-width: 2px
}

.search-list__map-search-move {
    position: absolute;
    bottom: 35px;
    font-size: 12px;
    background-color: #fff;
    padding: 8px 0 8px 26px;
    width: 170px;
    border-radius: 3px;
    border: solid 1px #eaeaea;
    color: #4a4b4e;
    left: 50%;
    margin: 0 0 0 -85px
}

.search-list__map-search-move:before {
    margin-top: -4px;
    margin-left: 8.5px
}

.search-list__map-search-move:after {
    margin-top: -7px;
    margin-left: 8px
}

.search-list__map-search-again {
    position: absolute;
    bottom: 35px;
    font-size: 12px;
    font-weight: normal;
    padding: 11px 0 11px 0;
    width: 170px;
    left: 50%;
    margin-left: -85px
}

.search-list__map-baloon {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #4abfe6;
    border-radius: 3px;
    z-index: 9;
    border-bottom: 1px solid #42a9cc;
    font-size: 14px
}

.search-list__map-baloon:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: #4abfe6;
    border-right: 1px solid #42a9cc;
    border-bottom: 1px solid #42a9cc
}

.search-list__map-baloon:hover {
    background: #72CCEA
}

.search-list__map-baloon:hover:before {
    background: #72CCEA
}

.search-list__map-baloon .baloon-inner {
    background: transparent;
    padding: 0
}

.search-list__map-baloon.is-visited {
    background: #999;
    border-color: #808080
}

.search-list__map-baloon.is-visited:hover {
    background: #afafaf
}

.search-list__map-baloon.is-visited:hover:before {
    background: #afafaf
}

.search-list__map-baloon.is-visited:before {
    background: #999;
    border-color: #808080
}

.search-list__map-baloon.is-current {
    background: #60df52;
    border-color: #60ce52
}

.search-list__map-baloon.is-current:hover {
    background: #8fea86
}

.search-list__map-baloon.is-current:hover:before {
    background: #8fea86
}

.search-list__map-baloon.is-current:before {
    background: #60df52;
    border-color: #60ce52
}

.search-list__map-baloon.is-active {
    background: #fff;
    border-color: #4abfe6;
    border: 2px solid #4abfe6;
    color: #4abfe6;
    line-height: 29px
}

.search-list__map-baloon.is-active:before {
    background: #fff;
    border-color: #4abfe6;
    border-width: 2px
}

.search-filter-mod {
    position: absolute;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e4e8ea
}

@media screen and (max-width: 991px) {
    .search-filter-mod {
        top: 49px
    }
}

.search-filter-mod-head {
    z-index: 10
}

.search-filter-mod-side {
    top: 0;
    position: absolute;
    overflow: hidden;
    border: none;
    background: #F4F6F7;
    padding-bottom: 100px;
    min-height: 100%;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .search-filter-mod-side {
        top: 232px
    }
}

@media screen and (max-width: 599px) {
    .search-filter-mod-side {
        top: 232px;
        height: inherit
    }
}

.search-change {
    background: #fff;
    padding-bottom: 40px;
    border-bottom: 1px solid #d0d1cf
}

.search-change__main {
    width: 100%;
    margin: 0 auto;
    padding-top: 24px;
    position: absolute
}

@media screen and (max-width: 1199px) {
    .search-change__main {
        padding-top: 0
    }
}

.search-change__main-title {
    font-weight: bold;
    margin-top: 24px;
    color: #78909c;
    margin-bottom: 18px;
    clear: both
}

@media screen and (max-width: 991px) {
    .search-change__main-title_date {
        margin-top: 0
    }
}

.search-change__main-clear {
    font-size: 12px;
    float: right;
    margin-top: 2px
}

.search-change__main-clear:hover {
    text-decoration: underline
}

.search-change__main-title-keyword {
    margin-bottom: 0
}

.search-change__cancel {
    font-size: 10px;
    text-align: center;
    position: absolute;
    right: 24px;
    top: 16px;
    z-index: 10
}

.search-change__cancel a {
    color: #e9e9e9
}

.search-change__cancel a:visited {
    color: #e9e9e9
}

.search-change__cancel a:hover {
    color: #ddd
}

.search-change__cancel-icon {
    font-family: Arial, sans-serif;
    display: block;
    font-size: 60px;
    line-height: 0.6
}

@media screen and (max-width: 991px) {
    .search-change__cancel-icon {
        font-size: 60px
    }
}

.search-change__main-list {
    clear: both;
    padding: 24px 0;
    border-bottom: 1px solid #eaeaea
}

.search-change__type li {
    display: inline;
    margin-right: 8px
}

@media screen and (max-width: 991px) {
    .search-change__type li {
        margin-right: 0;
        display: block
    }

    .search-change__type li ~ li {
        margin-top: 16px
    }
}

.search-change__label {
    font-size: 11px;
    display: block;
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .sm-search-change__mb {
        margin-bottom: 16px
    }
}

.search-change__fl {
    float: left;
    margin-right: 16px;
    display: block
}

@media screen and (max-width: 991px) {
    .search-change__fl {
        float: none;
        margin-right: 0
    }
}

.search-change__fl__time {
    float: left;
    margin-right: 8px
}

.search-change__time {
    padding-top: 30px
}

.search-change__amenity-checkbox {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .search-change__amenity-checkbox {
        margin-bottom: 20px
    }
}

.search-change__amenity-checkbox-wrapper {
    width: calc((100% - 48px) / 3);
    margin-bottom: 16px
}

.search-change__amenity-checkbox-wrapper:not(:nth-child(3n+1)) {
    margin-left: 24px
}

@media screen and (max-width: 991px) {
    .search-change__amenity-checkbox-wrapper {
        margin-bottom: 20px
    }
}

@media (max-width: 599px) {
    .search-change__amenity-checkbox-wrapper {
        width: calc((100% - 24px) / 2)
    }

    .search-change__amenity-checkbox-wrapper:not(:nth-child(3n+1)) {
        margin-left: 0
    }

    .search-change__amenity-checkbox-wrapper:not(:nth-child(2n+1)) {
        margin-left: 24px
    }
}

.search-change__amenity-group-content {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.search-change__amenity-group-content .search-change__amenity-checkbox-wrapper .form-checkbox:after, .search-change__amenity-group-content .search-change__amenity-checkbox-wrapper .form-checkbox__s:after {
    top: 1px;
    margin-top: 0
}

.search-change__amenity-group-content .form-checkbox:before, .search-change__amenity-group-content .form-checkbox__s:before {
    top: 10px
}

.search-change__option-checkbox {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .search-change__option-checkbox {
        margin-bottom: 20px
    }
}

.search-change__direct-icon {
    color: #f3d600;
    margin-right: 5px;
    font-size: 18px !important
}

.search-change__discount-icon {
    color: #e95175;
    margin-right: 5px;
    font-size: 18px !important
}

.search-change__amenity-divide {
    clear: both;
    padding: 16px 0 0;
    margin-top: 8px;
    border-top: 1px solid #eaeaea
}

.search-change__amenity-title {
    color: #d0d1cf;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 16px
}

.search-change__amenity-group {
    border-bottom: 1px solid #eaeaea
}

.search-change__amenity-group:first-of-type {
    border-top: 1px solid #eaeaea
}

.search-change__amenity-group .search-change__amenity-group-content {
    display: none
}

.search-change__amenity-group.is-open .search-change__amenity-group-content {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.search-change__amenity-group.is-open .search-change__amenity-group-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.search-change__amenity-group-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 0;
    color: #37474F;
    font-size: 14px
}

.search-change__amenity-group-icon {
    position: absolute;
    right: 12px
}

.search-change__button-area {
    margin: 40px auto 16px;
    text-align: center
}

.search-change__button {
    width: 250px
}

@media screen and (max-width: 991px) {
    .search-change__button {
        width: 100%
    }
}

.search-slider__area {
    width: 100%
}

.search-slider__input {
    width: 94px;
    font-size: 10px;
    padding-bottom: 0
}

.search-slider__price {
    font-size: 11px;
    margin-left: 6px;
    display: block;
    float: right;
    padding-top: 14px
}

.search-slider__pricebox {
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .search-slider__pricebox {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    #js-slider__range {
        display: none
    }
}

.search-box, .mdl-form-box {
    width: 100%;
    padding: 6px 0 0;
    clear: both
}

.search-filter-mod .search-box {
    padding-top: 8px
}

.search-box__main {
    width: 100%;
    margin-bottom: 8px;
    padding: 0 12px;
    clear: both
}

.search-filter-mod-side .search-box {
    padding-top: 0
}

.search-box__option {
    padding: 0 12px 24px
}

@media screen and (max-width: 991px) {
    .search-box__option {
        padding: 0 12px 12px
    }
}

.search-box__option:last-child {
    border: none
}

.search-box__button-area {
    border-top: 1px solid #e4e8ea;
    background: #fff;
    width: 65%;
    position: fixed;
    bottom: 0;
    z-index: 9999
}

@media screen and (max-width: 991px) {
    .search-box__button-area {
        width: 100%
    }
}

.search-box .btn-extract-address, .mdl-form-box .btn-extract-address {
    position: absolute;
    right: 0;
    bottom: 14px
}

.search-box input, .search-box label, .mdl-form-box input, .mdl-form-box label {
    color: #B0BEC5;
    font-size: 14px;
    line-height: 1
}

.search-box input, .mdl-form-box input {
    border-radius: 0
}

.search-box label, .mdl-form-box label {
    padding: 0 0 0
}

.search-box select, .mdl-form-box select {
    font-size: 14px;
    line-height: 1
}

.search-box .service-select select, .mdl-form-box .service-select select {
    padding: 2px 0 11px
}

.search-box #select-section, .mdl-form-box #select-section {
    padding-bottom: 19px
}

.search-box .js-datepicker, .mdl-form-box .js-datepicker {
    padding: 2px 0 10px
}

.search-box .mdl-select, .mdl-form-box .mdl-select {
    z-index: 9999
}

.search-box .mdl-textfield__input, .mdl-form-box .mdl-textfield__input {
    color: #000;
    padding: 1px 0 11px
}

.search-box .select__price-type .mdl-textfield__label, .mdl-form-box .select__price-type .mdl-textfield__label {
    top: 22px
}

.search-box .select__price-type .mdl-textfield__label .material-icons, .mdl-form-box .select__price-type .mdl-textfield__label .material-icons {
    font-size: 18px
}

.search-box .form-checkbox:after, .search-box .form-checkbox__s:after, .mdl-form-box .form-checkbox:after, .mdl-form-box .form-checkbox__s:after {
    border: 1px solid #B0BEC5;
    border-radius: 3px;
    content: '';
    background: #FFF
}

.search-box .form-checkbox__s, .mdl-form-box .form-checkbox__s {
    padding-top: 4px;
    padding-left: 30px;
    color: #37474F;
    display: block
}

.search-box .form-checkbox__s:after, .mdl-form-box .form-checkbox__s:after {
    left: 0;
    margin-top: -8px;
    width: 21px;
    height: 21px;
    background: #fff
}

.search-box .form-checkbox__s:before, .mdl-form-box .form-checkbox__s:before {
    left: 7px;
    margin-top: -5px;
    width: 7px;
    height: 12px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6
}

.search-box-child {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .search-box-child {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 599px) {
    .search-filter-mod input, .search-filter-mod label {
        font-size: 14px
    }
}

.search-box__button-area .search-box-button {
    text-align: center;
    margin: 24px 0
}

.search-box__button-area .form-btn {
    margin: 0 10px;
    display: inline-block
}

.search-box__tgl-button-area {
    margin-top: 24px
}

.search-box .form-btn, .mdl-form-box .form-btn {
    width: 100%
}

.search-box .form-btn__blue, .mdl-form-box .form-btn__blue {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    border: none;
    border-radius: 2px;
    background: #4abfe6;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    padding: 14px 0;
    cursor: pointer;
    color: #fff
}

.search-box .form-btn__blue:hover, .mdl-form-box .form-btn__blue:hover {
    background: #4abfe6;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s
}

.search-box .form-btn__gray, .mdl-form-box .form-btn__gray {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    border: none;
    border-radius: 2px;
    color: #37474F;
    background: #e4e8ea;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    cursor: pointer
}

.search-box .form-btn__gray:hover, .mdl-form-box .form-btn__gray:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s
}

@media screen and (max-width: 991px) {
    .search-box .form-btn-top, .mdl-form-box .form-btn-top {
        margin-top: 12px
    }
}

.search-box .form-btn-m, .mdl-form-box .form-btn-m {
    padding: 16px 0;
    font-size: 14px;
    width: 240px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .search-box .form-btn-m, .mdl-form-box .form-btn-m {
        width: 38%;
        font-size: 13px
    }
}

.search-box .tgl-open, .search-box .tgl-close, .mdl-form-box .tgl-open, .mdl-form-box .tgl-close {
    clear: both;
    display: block;
    text-align: center
}

.search-box .tgl-open-btn, .mdl-form-box .tgl-open-btn {
    clear: both;
    text-align: center;
    display: block;
    color: #4abfe6;
    width: 240px;
    margin: 0 auto;
    padding: 12px
}

.search-box .tgl-close-btn, .mdl-form-box .tgl-close-btn {
    clear: both;
    text-align: center;
    display: block;
    color: #37474F;
    background: #e4e8ea;
    width: 240px;
    margin: 0 auto;
    padding: 12px
}

.search-box .tgl-close-btn:hover, .mdl-form-box .tgl-close-btn:hover {
    color: #4abfe6
}

.fa-toggle-open {
    display: block
}

.fa-toggle-open:before {
    font-family: FontAwesome;
    content: "\f106";
    top: -1px;
    left: -12px;
    font-size: 14px;
    position: relative;
    color: #333333
}

.fa-toggle-close {
    display: block
}

.fa-toggle-close:before {
    font-family: FontAwesome;
    content: "\f107";
    top: -1px;
    left: -12px;
    font-size: 14px;
    position: relative;
    color: #4abfe6
}

.search-box .datetime-layout, .mdl-form-box .datetime-layout {
    position: relative;
    top: 54px;
    left: 16%;
    max-width: 700px
}

@media screen and (max-width: 991px) {
    .search-box .datetime-layout, .mdl-form-box .datetime-layout {
        top: 112px;
        left: 0;
        margin: 0 12px
    }
}

.search-box .datetime-layout select, .mdl-form-box .datetime-layout select {
    padding: 0 !important
}

.search-box .datetime-layout__low, .mdl-form-box .datetime-layout__low {
    position: relative;
    top: 54px;
    left: 15%
}

@media screen and (max-width: 991px) {
    .search-box .datetime-layout__low, .mdl-form-box .datetime-layout__low {
        top: 166px;
        left: 0
    }
}

.search-box__unique-area {
    border: 1px solid #ECEFF1;
    background: #fff;
    border-radius: 3px;
    margin-top: 36px;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .search-box__unique-area {
        margin: 12px 0 0
    }
}

.search-box__unique-area__img {
    width: 114px;
    float: left
}

@media screen and (max-width: 1199px) {
    .search-box__unique-area__img {
        width: 25%
    }
}

@media screen and (max-width: 991px) {
    .search-box__unique-area__img {
        display: none
    }
}

.search-box__unique-area__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 3px 0 0 3px
}

.search-box__unique-area__txt {
    float: left;
    padding: 18px 24px
}

.search-box__unique-area__ttl {
    font-size: 16px;
    color: #37474F;
    font-weight: bold;
    margin-bottom: 10px
}

.search-box__unique-area__subtxt {
    font-size: 14px;
    color: #78909c
}

.search-box__unique-area__form {
    float: right;
    padding: 25px 24px 24px 0;
    font-size: 16px;
    color: #37474F
}

@media screen and (max-width: 1199px) {
    .search-box__unique-area__form {
        float: left;
        padding: 0 0 12px 24px
    }
}

@media screen and (max-width: 991px) {
    .search-box__unique-area__form {
        float: left;
        padding: 24px 24px 24px 24px
    }
}

@media screen and (max-width: 599px) {
    .search-box__unique-area__form {
        float: left;
        padding-top: 0;
        padding-left: 24px
    }
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .search-filter__person-num {
        width: 100%
    }
}

.search-filter__person-num .col-xs-5 {
    width: 44.66667%
}

.search-filter__person-num .col-xs-2 {
    width: 10.66667%;
    padding: 0
}

.search-filter__person-num .search-box__while-txt {
    display: block;
    text-align: center;
    line-height: 4.2
}

.search-filter__btn {
    padding: 0;
    margin-left: -12px
}

.search-filter__btn-inner {
    margin-top: 6px
}

.search-filter__btn-txt-wrap {
    display: inline-block;
    padding: 13px 0
}

.search-filter__icon {
    color: #fff
}

@media screen and (max-width: 991px) {
    .search-filter__icon {
        top: 2px
    }
}

.search-filter__btn-txt {
    padding-left: 6px;
    color: #fff
}

@media screen and (max-width: 991px) {
    .search-filter__btn-txt {
        top: 2px
    }
}

.search-filter__btn-item {
    display: inline-block;
    width: 100%;
    min-height: 42px;
    background: #4abfe6;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991px) {
    .search-filter__btn-item {
        display: block;
        text-align: center;
        padding: 10px 0
    }
}

.search-filter__number {
    height: 24px;
    width: 24px;
    padding-top: 7px;
    margin-left: 4px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0em;
    position: relative;
    top: 7px;
    overflow: hidden;
    border-radius: 100%;
    font-size: 6px;
    background: white;
    color: #4abfe6
}

@media screen and (max-width: 991px) {
    .search-filter__number {
        padding-top: 8px
    }
}

.active-filter-name {
    display: block;
    margin-top: 16px
}

.active-filter-name__list {
    background: #f3f3f3;
    padding: 8px;
    margin-top: 4px;
    margin-right: 8px;
    border-radius: 3px;
    display: inline-block
}

.active-filter-name__item {
    color: #333333
}

.active-filter-name__icon {
    margin-right: 4px;
    color: #333333
}

.host-header__notice {
    background: #60df52;
    padding: 16px 0;
    text-align: center
}

.host-header__notice a {
    color: #fff
}

.host-header__notice .fa {
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .host-header__notice {
        position: absolute;
        top: 47px;
        z-index: 12;
        width: 100%
    }
}

.space-head__img {
    position: relative;
    height: 500px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .space-head__img {
        height: 330px;
        overflow: hidden
    }
}

@media screen and (max-width: 599px) {
    .space-head__img {
        height: 250px;
        overflow: hidden
    }
}

.space-head__img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    vertical-align: bottom;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991px) {
    .space-head__img img {
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    .space-head__img img {
        width: 140%
    }
}

.space-head__img .space-head__showimage {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    padding: 13px 40px
}

@media screen and (max-width: 991px) {
    .space-head__img .space-head__showimage {
        right: 10px;
        bottom: 20px;
        left: auto
    }
}

.space-head__img-arrow .fa-chevron-left, .space-head__img-arrow .fa-chevron-right {
    color: #fff;
    position: absolute;
    top: 46%;
    font-size: 45px;
    opacity: 0.8
}

.space-head__img-arrow .fa-chevron-left:hover, .space-head__img-arrow .fa-chevron-right:hover {
    opacity: 0.6
}

@media screen and (max-width: 991px) {
    .space-head__img-arrow .fa-chevron-left, .space-head__img-arrow .fa-chevron-right {
        font-size: 20px;
        top: 50%
    }
}

.space-head__img-arrow .fa-chevron-left {
    left: 24px
}

@media screen and (max-width: 1199px) {
    .space-head__img-arrow .fa-chevron-left {
        left: 12px
    }
}

.space-head__img-arrow .fa-chevron-right {
    right: 24px
}

@media screen and (max-width: 1199px) {
    .space-head__img-arrow .fa-chevron-right {
        right: 12px
    }
}

.space-head__shortcut-tab {
    border-bottom: 1px solid #d0d1cf;
    overflow: hidden;
    background-color: white;
    z-index: 10
}

.space-head__shortcut-tab-list {
    float: left
}

.space-head__shortcut-tab-list a {
    display: block;
    padding: 15px 13px 13px;
    font-size: 16px;
    color: #333333
}

.space-head__shortcut-tab-list a:hover {
    opacity: 0.7
}

@media screen and (max-width: 599px) {
    .space-head__shortcut-tab-list a {
        padding: 12px 0;
        margin-right: 14px
    }
}

.space-head__shortcut-tab-list-current a {
    border-bottom: 2px solid #4abfe6
}

.space-head {
    padding: 24px 0
}

@media screen and (max-width: 1199px) {
    .space-head {
        padding: 16px 0 10px
    }
}

.space-head__title {
    font-size: 20px;
    line-height: 1.3
}

.space-head__list {
    color: #d0d1cf;
    font-size: 12px
}

.space-head__list-star {
    margin: 8px 0 16px;
    font-size: 16px
}

.space-head__list-number {
    font-size: 12px
}

.space-head__list-place, .space-head__list-user, .space-head__list-map {
    margin-bottom: 8px;
    margin-right: 16px;
    display: inline;
    line-height: 1.3
}

@media screen and (max-width: 1199px) {
    .space-head__list-place {
        display: block
    }
}

@media screen and (max-width: 1199px) {
    .space-head__list-user, .space-head__list-map {
        display: inline
    }
}

.space-head__list-tag {
    margin-top: 8px
}

.space-head__list-tag ul {
    display: inline
}

.space-head__list-tag li {
    display: inline;
    list-style-type: none
}

.space-head__list-tag li ~ li:before {
    margin-right: 4px;
    margin-left: 3px;
    content: "/"
}

.side-fixed {
    position: relative;
    z-index: 1
}

.side-fixed .space-side {
    position: absolute;
    width: 346px
}

@media screen and (max-width: 1200px) {
    .side-fixed .space-side {
        width: 277px
    }
}

@media screen and (max-width: 991px) {
    .side-fixed .space-side {
        width: 100%;
        position: static !important;
        margin-bottom: 24px
    }
}

.side-fixed.is-fixed .space-side {
    position: fixed
}

.space-side__box {
    border: 1px solid #d0d1cf;
    background: #fff;
    border-radius: 3px;
    padding: 18px 24px 0 24px;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .space-side__box {
        margin-top: 24px;
        padding: 0;
        border: none;
        margin-bottom: -24px;
        background: none
    }
}

.space-side__box .button-blue {
    width: 100%
}

.space-side__box .icon-direct {
    margin-left: 6px;
    margin-right: 8px
}

.space-side__box .icon-discount {
    margin-right: 5px
}

.space-side__box p {
    margin: 6px 0
}

.space-side__money {
    margin-bottom: 16px
}

.space-side__money strong {
    font-weight: bold;
    font-size: 22px
}

@media screen and (max-width: 991px) {
    .space-side__money strong {
        font-size: 18px
    }
}

.space-side__point-get {
    color: #333333;
    padding-top: 3px;
    font-size: 13px
}

.space-side__point-available {
    color: #e95175;
    padding-top: 3px;
    font-size: 13px
}

.space-side__point-value {
    font-weight: bold
}

.space-side__note {
    margin: 10px 20px 10px 0;
    line-height: 1.8;
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .space-side__note {
        text-align: center;
        font-size: 12px;
        border-top: 1px solid #dddddd;
        position: fixed;
        background: #FFF;
        left: 0;
        bottom: 49px;
        z-index: 10;
        width: 100%;
        margin: 0;
        padding: 5px
    }
}

@media screen and (max-width: 1199px) {
    .space-side__request-area {
        position: relative
    }

    .space-side__request-area .space-side__request {
        line-height: 1.3
    }
}

.space-side__request {
    display: block !important;
    font-size: 16px;
    padding: 16px 0;
    margin-bottom: 16px
}

.space-side__request br {
    display: none
}

@media screen and (max-width: 1199px) {
    .space-side__request br {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .space-side__request br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .space-side__request {
        position: fixed;
        margin-bottom: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        border-radius: 0
    }
}

.space-side__buttons {
    border-top: 1px dashed #d0d1cf;
    padding: 16px 0
}

.space-side__buttons-list {
    width: 58%;
    float: left;
    position: relative
}

.space-side__buttons-favorite {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    padding: 14px 0;
    color: #666;
    font-size: 13px;
    text-align: center
}

.space-side__buttons-favorite:hover {
    color: #999;
    border-color: #ddd
}

.space-side__buttons-favorite .fa {
    margin-right: 5px
}

.space-side__buttons-fav__on a {
    border: 1px solid #f06060;
    color: #f06060
}

.space-side__buttons-fav__on a:hover {
    color: #f06060;
    border-color: #f06060
}

.space-side__favorite {
    position: absolute;
    z-index: 1;
    top: 39px;
    width: 74%;
    right: 17%;
    left: 17%
}

.space-side__favorite-baloon {
    font-size: 12px;
    background-color: #ffffff;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    text-align: center
}

.space-side__favorite-baloon:before {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: -7px;
    left: 50%;
    margin-left: -8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.space-side__favorite-baloon:after {
    background-color: #ffffff;
    position: absolute;
    content: " ";
    height: 13px;
    width: 90%;
    top: 0px;
    left: 5%
}

.space-side__favorite-baloon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px
}

.space-side__buttons-fav__select {
    float: left;
    width: 12%
}

.space-side__buttons-select {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-left: 0px;
    border-radius: 0 3px 3px 0;
    padding: 14px 0;
    color: #666;
    font-size: 13px;
    text-align: center
}

.space-side__buttons-select:hover {
    color: #999;
    border-color: #ddd
}

.space-side__buttons-select .fa {
    margin-right: 1px
}

.space-side-fa_buttons-select-on {
    border: 1px solid #f06060;
    border-left: 0px;
    color: #f06060
}

.space-side-fa_buttons-select-on:hover {
    color: #f06060;
    border-color: #f06060
}

.space-side__buttons-fav__count {
    font-size: 11px;
    margin-left: 1px
}

.space-side__button-share {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 14px 0;
    color: #666;
    font-size: 13px;
    text-align: center
}

.space-side__button-share:hover {
    color: #999;
    border-color: #ddd
}

.space-side__button-share .fa {
    margin-right: 5px
}

.space-side__buttons-share {
    position: relative
}

.space-side__buttons-share .space-side__buttons-list {
    float: right;
    width: 30%
}

.space-side__share-tooltip {
    right: -35px;
    top: 45px;
    position: absolute;
    z-index: 6
}

.space-side__share-tooltip .baloon {
    position: static
}

@media screen and (max-width: 991px) {
    .space-side__share-tooltip {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        width: 145px
    }
}

.space-side__share-baloon {
    top: 26px;
    right: 0px;
    line-height: 1.4;
    font-size: 14px;
    width: 160px
}

.space-side__share-baloon:before {
    top: -7px;
    left: 50%
}

@media screen and (max-width: 991px) {
    .space-side__share-baloon {
        width: auto
    }
}

.space-side__social {
    padding: 8px
}

.space-side__social li ~ li {
    margin-top: 8px
}

.space-side__social .fa {
    width: 20px
}

.space-side__social .icon-spm-line {
    display: inline-block;
    width: 20px;
    margin-right: 0
}

@media screen and (max-width: 991px) {
    .space-side__owner-area {
        border-top: 1px solid #eaeaea;
        padding-top: 16px;
        margin-bottom: 16px
    }
}

.space-side__owner-icon {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left
}

.space-side__owner-superhost {
    position: absolute;
    top: 30px;
    left: 32px;
    width: 23px;
    height: 30px
}

.space-side__owner-title {
    margin-left: 66px;
    font-size: 12px;
    margin-bottom: 8px;
    padding-top: 2px
}

.space-side__owner-name {
    margin-left: 66px;
    margin-bottom: 8px;
    font-weight: bold
}

.space-side__owner-contact {
    margin-left: 66px !important;
    margin-bottom: 16px !important;
    font-size: 13px
}

.space-side__owner-eval {
    border-top: 1px dashed #d0d1cf;
    margin: 0 -24px
}

@media screen and (max-width: 991px) {
    .space-side__owner-eval {
        margin-left: -12px;
        margin-right: -12px;
        overflow: hidden
    }
}

.space-side__owner-eval-innner {
    padding: 0px 24px;
    font-size: 11px
}

.space-side__owner-eval-innner-list {
    text-align: center;
    padding: 16px 0
}

.space-main__payment {
    padding: 8px 0
}

.space-main__payment li:first-child {
    margin-bottom: 8px
}

.space-main__payment .cards-lineup {
    display: inline-block
}

.space-main__payment .cards-lineup img {
    height: 18px;
    width: auto;
    vertical-align: middle;
    margin-right: 8px
}

.space-main h2, .space-main h3, .space-main p, .space-main li {
    line-height: 1.5
}

.space-main__headline {
    margin: 4px 0;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .space-main__headline {
        margin: 0 0 8px 0
    }
}

.space-main__headline-col12 {
    margin-bottom: 16px
}

.even-col__line .col-lg-10 {
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    .even-col__line .col-lg-10 {
        margin-top: 0
    }
}

.space-expandable__continue {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3em;
    background: -ms-linear-gradient(top, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, #f6f6f6 100%);
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, #f6f6f6 100%);
    background: linear-gradient(top, rgba(245, 245, 245, 0) 0%, #f5f5f5 50%, #f6f6f6 100%)
}

.space-expandable {
    position: relative
}

.space-expandable__area {
    height: 6em;
    overflow: hidden
}

.space-main__amenity .space-expandable__area {
    height: 7.2em;
    overflow: hidden
}

.space-expandable__link {
    position: absolute;
    bottom: 0
}

.js-space-expandable__open .space-expandable__continue {
    display: none
}

.js-space-expandable__open .space-expandable__area {
    height: auto;
    overflow: auto
}

.js-space-expandable__open .space-expandable__link {
    display: none
}

.space-main__tab {
    font-size: 0;
    margin: 24px 0 0 0;
    border-bottom: 1px solid #dddddd;
    height: 65px
}

.space-main__tab-list {
    display: block;
    position: relative;
    width: 100%
}

.space-main__tab-list li {
    width: 240px;
    height: 65px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    border-radius: 3px 3px 0 0;
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .space-main__tab-list li {
        width: 50%;
        border-radius: 0;
        border-left: none
    }
}

.space-main__tab-list li a {
    display: block;
    background: #eee;
    color: #999999
}

.space-main__tab-list li a:visited {
    color: #999999
}

.space-main__tab-list li a.is-current {
    background: #fff;
    color: #666666
}

.space-main__tab-list li a.is-current:visited {
    color: #666666
}

.space-main__tab-list li ~ li {
    border-left: none
}

@media screen and (max-width: 991px) {
    .space-main__tab-list li ~ li {
        border-right: none
    }
}

.space-main__tab-list li.is-current {
    border-bottom: 1px solid #f6f6f6
}

.space-main__tab-rental .space-main__tab-inner, .space-main__tab-stay .space-main__tab-inner {
    display: block;
    height: 63px;
    line-height: 63px
}

.space-main__tab-rental a .space-main__tab-inner, .space-main__tab-stay a .space-main__tab-inner {
    color: #999;
    border: none
}

.space-main__tab-rental a .space-main__tab-inner:hover, .space-main__tab-stay a .space-main__tab-inner:hover {
    background: #fff;
    color: #ccc
}

.space-main__tab-rental .space-main__tab-inner {
    color: #f06060;
    border-top: 2px solid #f06060
}

.space-main__tab-stay {
    color: #f06060;
    border-top: 2px solid #f06060
}

.space-main__tab-stay .space-main__tab-inner {
    color: #f06060;
    border-top: 2px solid #f06060
}

.space-main__tab-inside {
    padding: 16px 0 0px
}

.space-main__tab + .space-main__tab-inside .even-col__line:first-child {
    background: none
}

.space-main__amenity .fa {
    margin-right: 5px
}

.space-main__amenity .icon {
    margin-right: 5px
}

.space-main__amenity .is-none {
    color: #cdc7c7;
    text-decoration: line-through
}

.space-main__amenity li {
    margin-bottom: 8px
}

.space-main__payment-attention {
    font-weight: bold;
    margin-left: 6px
}

.space-main__payment-paid-logo {
    height: 16px;
    width: auto;
    vertical-align: middle
}

.space-main__payment-description {
    margin-left: 1em;
    padding: 6px 0
}

.space-main__payment-description li {
    text-indent: -1em
}

.space-main__payment-description li:before {
    content: "・"
}

.space-main__plan {
    clear: both;
    margin-bottom: 16px
}

.space-main__plan-title-box {
    display: table;
    width: 100%;
    margin-bottom: 5px
}

.space-main__plan-title {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .space-main__plan-title {
        vertical-align: top;
        padding-top: 6px
    }
}

.space-main__plan-title-note {
    font-weight: normal;
    margin-left: 8px;
    font-size: 12px;
    display: inline-block;
    cursor: help;
    position: relative
}

.space-main__plan-title-note:hover .mod-tooltip {
    display: block;
    -webkit-animation: directTooltipDown 0.25s 1;
    animation: directTooltipDown 0.25s 1
}

.space-main__direct-tooltip {
    left: -20px;
    top: 28px;
    width: 120px
}

.space-main__plan-title-direct-icon {
    color: #f2d42b;
    margin-right: 5px
}

.space-main__plan-title-discount-icon {
    color: #e95175;
    margin-right: 3px
}

.space-main__plan-button-box {
    display: table-cell;
    width: 55%;
    text-align: right;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .space-main__plan-button-box {
        width: 45%;
        vertical-align: top
    }
}

.space-main__plan-button {
    width: 48%;
    margin-left: 0.5%;
    padding: 6px 0
}

@media screen and (max-width: 991px) {
    .space-main__plan-button {
        width: 100%;
        margin: 3px 0
    }
}

.space-main__plan-rule {
    clear: both;
    background: #FFF;
    border: 1px solid #e9e9e9;
    font-size: 10px;
    padding: 3px 4px;
    border-radius: 3px;
    margin-right: 3px
}

.space-main__plan-notes {
    font-size: 11px;
    text-indent: -1em;
    margin-left: 1em
}

.space-main__plan-text, .space-main__plan-time {
    clear: both;
    font-size: 11px;
    color: #999
}

.space-main__plan-subtitle {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .space-main__plan-subtitle {
        vertical-align: top;
        padding-top: 6px
    }
}

.space-main__plan-option-box {
    display: table-cell;
    width: 27%;
    text-align: right;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .space-main__plan-option-box {
        width: 45%;
        vertical-align: top
    }
}

.space-main__plan-option {
    margin-left: 0.5%;
    padding: 6px 0;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #e9e9e9;
    color: #a0a0a0;
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .space-main__plan-option {
        width: 100%;
        margin: 3px 0
    }
}

.space-main__plan-utility {
    font-weight: normal;
    font-size: 11px
}

.space-main__case-title {
    font-size: 16px;
    margin-bottom: 8px
}

.space-main__photo-2 img, .space-main__photo-3 img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    vertical-align: bottom;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.space-main__photo-2 {
    width: 100%;
    height: 173px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .space-main__photo-2 {
        height: 138.5px
    }
}

.space-main__photo-3 {
    overflow: hidden;
    height: 200px;
    width: auto;
    position: relative
}

@media screen and (max-width: 1199px) {
    .space-main__photo-3 {
        height: 180px
    }
}

.space-main__photo-more {
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    font-size: 16px;
    font-weight: bold
}

.space-main__photo-more:visited {
    color: white
}

.space-main__photo-more .fa {
    display: block;
    margin-bottom: 8px;
    font-size: 30px
}

.space-main__photo-more .space-main__photo-text {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.space-main__photo-more:hover {
    background: transparent
}

@media screen and (max-width: 1200px) {
    .space-main__photo-more {
        height: 100%
    }
}

@media screen and (max-width: 991px) {
    .space-main__photo-more {
        height: 200px
    }
}

.space-main__vr iframe {
    width: 100%;
    height: 480px
}

@media screen and (max-width: 991px) {
    .space-main__vr iframe {
        width: 100%;
        height: 200px
    }
}

.space-main__video iframe {
    width: 480px;
    height: 270px
}

@media screen and (max-width: 991px) {
    .space-main__video iframe {
        width: 100%;
        height: 200px
    }
}

.space-main__host {
    width: 125px;
    float: left;
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .space-main__host {
        width: 50%;
        float: none;
        margin: 0 auto
    }
}

.space-main__host-name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .space-main__host-name {
        text-align: center
    }
}

.space-main__host-contact {
    font-size: 13px;
    margin: 8px 0
}

@media screen and (max-width: 991px) {
    .space-main__host-contact {
        text-align: center
    }
}

.space-main__host-detail {
    float: left;
    margin-left: 24px
}

@media screen and (max-width: 991px) {
    .space-main__host-detail {
        float: none;
        margin-left: 0
    }
}

.space-main__host-icon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin-top: 8px;
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .space-main__host-icon {
        margin-bottom: 8px
    }
}

.space-main__owner-superhost {
    position: absolute;
    bottom: 5px;
    right: -4px;
    width: 38px;
    height: 50px
}

@media screen and (max-width: 991px) {
    .space-main__owner-superhost {
        width: 50px;
        height: 66px
    }
}

.space-main__host-date {
    color: #999;
    text-align: center;
    font-size: 11px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .space-main__host-date {
        font-size: 12px
    }
}

.space-main__host-date-days {
    margin-left: 4px
}

.space-main__host-evaluate {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .space-main__host-evaluate {
        clear: both;
        font-size: 12px
    }
}

.space-main__host-evaluate-list {
    width: 115px;
    float: left;
    text-align: center;
    margin-top: 12px
}

.space-main__host-evaluate-list:nth-child(2) {
    width: 160px
}

.space-main__host-evaluate-list .mod-evaluate__title {
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .space-main__host-evaluate-list {
        width: 33%
    }

    .space-main__host-evaluate-list:nth-child(2) {
        width: 33%
    }
}

.space-main__host-text {
    clear: both;
    max-height: 40px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.6
}

.space-main__host-text a:hover {
    text-decoration: underline
}

.space-main__authentication {
    clear: both;
    border: 1px solid #dddddd;
    background-color: #fff;
    border-radius: 3px;
    padding: 16px 0;
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .space-main__authentication {
        margin-bottom: 8px
    }

    .space-main__authentication img {
        width: 90%;
        height: auto
    }
}

.space-main__authentication-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.space-main__authentication-headline {
    color: #999;
    margin-bottom: 12px;
    padding-top: 8px;
    line-height: 1.3;
    margin-left: -12px
}

@media screen and (max-width: 599px) {
    .space-main__authentication-headline {
        padding-top: 0;
        margin-bottom: 0px
    }
}

.space-main__authentication-check {
    margin-left: -12px
}

.space-main__authentication-check li {
    display: inline;
    margin-right: 16px
}

.space-main__authentication-check .fa {
    margin-right: 4px;
    color: #60df52
}

@media screen and (max-width: 599px) {
    .space-main__authentication-check {
        font-size: 0
    }

    .space-main__authentication-check li {
        font-size: 13px;
        display: inline-block;
        margin-top: 8px
    }
}

@media screen and (max-width: 599px) {
    .col-xs-9.col-xs__12 {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 600px) {
    .col-xs-9.col-xs__12 {
        width: 75%
    }
}

.space-main__map {
    height: 400px;
    background-color: #B2EBF2;
    border-bottom: 1px solid #eaeaea
}

.space-main__access {
    padding: 15px 0 3px
}

.space-main__access-title {
    width: 100px;
    color: #b3b3b4;
    float: left;
    margin-bottom: 12px
}

@media screen and (max-width: 599px) {
    .space-main__access-title {
        float: none;
        margin-bottom: 8px
    }
}

.space-main__access-content {
    margin-bottom: 12px;
    margin-left: 100px
}

@media screen and (max-width: 599px) {
    .space-main__access-content {
        margin-bottom: 16px;
        margin-left: 0
    }
}

.space-main__access-googlemap {
    float: right;
    padding: 13px
}

@media screen and (max-width: 1199px) {
    .space-main__access-googlemap {
        float: none;
        margin-bottom: 15px
    }
}

.space-main__attention, .space-main__attention__lower-position, .space-main__attention__lowest-position {
    z-index: 12;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(100, 100, 100, 0.8);
    padding: 12px 24px 12px 5px;
    border-radius: 3px;
    color: #FFF;
    line-height: 1.3;
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .space-main__attention, .space-main__attention__lower-position, .space-main__attention__lowest-position {
        bottom: 110px;
        right: auto;
        width: 90%;
        width: calc(100% - 20px);
        margin: 0 10px;
        font-size: 12px;
        padding: 10px 24px 10px 5px
    }
}

@media screen and (max-width: 991px) {
    .space-main__attention__lower-position {
        bottom: 89px
    }
}

@media screen and (max-width: 991px) {
    .space-main__attention__lowest-position {
        bottom: 57px
    }
}

.space-main__attention-icon {
    margin-top: 2px
}

.space-main__attention-number {
    font-weight: bold;
    font-size: 16px;
    margin: 0 3px
}

.space-main__attention-close {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -7px
}

.space-main__attention-close a {
    padding: 3px;
    color: #333333
}

.space-main__attention-close a:hover {
    opacity: 0.8
}

.space-main__usage-list {
    margin-top: 15px
}

.space-main__usage-name {
    display: inline-block;
    width: 80px
}

.space-main__usage-graph {
    display: inline-block;
    width: 50%;
    height: 12px;
    background: #eaeaea;
    border-radius: 2px;
    margin-right: 10px
}

.space-main__usage-graph-content {
    display: inline-block;
    height: 12px;
    background: #60df52;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.space-main__usage-per {
    display: inline-block;
    width: 35px;
    text-align: right
}

.mod__units-item {
    position: relative
}

.mod__units-item__list {
    position: relative
}

@media screen and (max-width: 1199px) {
    .mod__units-item__list {
        margin-bottom: 16px
    }
}

.mod__units-item__arrow .fa-chevron-left, .mod__units-item__arrow .fa-chevron-right {
    color: #666;
    position: absolute;
    top: 35%;
    font-size: 45px
}

.mod__units-item__arrow .fa-chevron-left {
    left: -48px
}

.mod__units-item__arrow .fa-chevron-right {
    right: -48px
}

.mod__units-item__arrow .slick-disabled .fa-chevron-left, .mod__units-item__arrow .slick-disabled .fa-chevron-right {
    color: #f0f0f0
}

:placeholder-shown {
    color: #eaeaea
}

::-webkit-input-placeholder {
    color: #eaeaea
}

.reserve-sidebar__space {
    padding: 16px 18px;
    border-bottom: 1px solid #d0d1cf
}

.reserve-sidebar__space:hover {
    background: #E6F9FF;
    opacity: 0.8
}

.reserve-sidebar__space-img {
    float: left;
    width: 80px
}

.reserve-sidebar__space-img img {
    width: 100%;
    height: auto
}

.reserve-sidebar__space-text {
    margin-left: 96px
}

.reserve-sidebar__space-title {
    line-height: 1.4;
    font-size: 14px;
    color: #333333
}

.reserve-situation {
    line-height: 1.4;
    position: relative;
    margin-bottom: 16px
}

.reserve-situation dt {
    width: 120px;
    float: left;
    font-size: 13px;
    position: absolute;
    left: 0;
    padding-top: 2px
}

.reserve-situation dt ~ dt {
    padding-top: 13px
}

.reserve-situation dt ~ dt + dd {
    padding-top: 10px;
    border-top: 1px dashed #ddd
}

@media screen and (max-width: 1199px) {
    .reserve-situation dt {
        width: 95px
    }
}

.reserve-situation dd {
    padding-left: 130px;
    padding-bottom: 10px;
    font-size: 15px
}

@media screen and (max-width: 1199px) {
    .reserve-situation dd {
        padding-left: 95px
    }
}

.reserve-situation__utilization {
    color: #333;
    margin-bottom: 8px;
    line-height: 1.3;
    font-size: 13px
}

.reserve-situation__required, .reserve-situation__check {
    color: #e95175;
    margin-bottom: 8px;
    line-height: 1.3
}

.reserve-situation__required .fa, .reserve-situation__check .fa {
    margin-right: 3px
}

.reserve-situation__required strong, .reserve-situation__check strong {
    font-weight: bold
}

.reserve-situation__check {
    color: #333333
}

.reserve-situation__check .fa {
    color: #68D35E
}

.space-side .request-breakdown__help-baloon:before {
    left: 75px
}

@media screen and (max-width: 1199px) {
    .space-side .reserve-situation dt {
        padding-top: 0
    }

    .space-side .reserve-situation dt ~ dt {
        padding-top: 10px
    }

    .space-side .reserve-situation dd {
        font-size: 13px
    }

    .space-side .reserve-situation__check-text {
        padding-top: 0;
        font-size: 12px
    }
}

.reserve-situation__check + .reserve-situation__check {
    padding-top: 4px;
    clear: both
}

.reserve-situation__check-text {
    font-size: 12px;
    display: block;
    width: 100px;
    float: left;
    padding-top: 2px
}

.reserve-situation__check-time {
    margin-left: 100px;
    display: block
}

.reserve-sidebar__checkbox:after, .reserve-sidebar__checkbox:before {
    top: 11px !important
}

.reserve-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 32px
}

@media screen and (max-width: 991px) {
    .reserve-title {
        text-align: center
    }
}

.reserve-subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    display: block
}

@media screen and (max-width: 991px) {
    .reserve-subtitle {
        text-align: center;
        margin-bottom: 12px
    }
}

.reserve-card {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d0d1cf
}

@media screen and (max-width: 599px) {
    .reserve-card {
        border-radius: 0;
        border-left: none;
        border-right: none
    }
}

.reserve-card__inner {
    padding: 16px;
    width: 100%
}

.reserve-card__inner + .reserve-card__inner {
    border-top: 1px solid #ddd
}

@media screen and (max-width: 991px) {
    .reserve-card__inner {
        padding: 16px 12px
    }
}

@media screen and (max-width: 991px) {
    .reserve-card__inner__calendar {
        margin-left: -12px;
        margin-right: -12px
    }
}

@media screen and (max-width: 991px) {
    .reserve-card__inner-discount {
        margin: 16px -12px 0 -12px;
        padding: 0px 12px;
        border-top: solid 1px #eaeaea;
        font-size: 12px
    }
}

.reserve-card__inner-discount-info {
    background: #f6f6f6;
    margin-top: 10px;
    padding: 8px;
    text-align: center
}

.reserve-card__inner-discount-info-check {
    color: #d0d1cf;
    margin-right: 5px
}

.reserve-card__inner-discount-info-check-apply {
    color: #60df52
}

.reserve-card__inner-discount-info-day {
    font-weight: bold
}

.reserve-card__inner-discount-info-percent {
    font-weight: bold;
    color: #e95175
}

.reserve-card__inner-discount-info-apply {
    font-weight: bold;
    margin-right: 5px
}

.reserve-next:before {
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f078";
    color: #dddddd;
    display: block;
    text-align: center;
    margin: 16px 0px
}

@media screen and (max-width: 991px) {
    .reserve-next:before {
        content: "";
        margin: 32px 0 0 0
    }
}

@media screen and (max-width: 991px) {
    .reserve-next:last-child {
        margin-bottom: 90px
    }
}

@media screen and (max-width: 991px) {
    .reserve-plan__content {
        display: table
    }
}

.reserve-plan__name {
    padding-top: 3px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .reserve-plan__name {
        display: table-header-group
    }
}

.reserve-plan__name-radio {
    display: block
}

.reserve-plan__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-right: 10px
}

.reserve-plan__direct {
    font-size: 12px;
    margin-right: 10px;
    display: inline-block
}

.reserve-plan__price {
    float: right;
    font-size: 0;
    text-align: right
}

@media screen and (max-width: 991px) {
    .reserve-plan__price {
        float: none;
        text-align: left;
        margin-left: 20px;
        margin-top: 2px
    }
}

.reserve-plan__price-number {
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    margin-left: 6px
}

@media screen and (max-width: 991px) {
    .reserve-plan__price-number {
        background: none;
        color: #333333;
        padding: 0
    }
}

.reserve-plan__price-sub {
    margin: 8px 0 12px 0
}

@media screen and (max-width: 991px) {
    .reserve-plan__price-sub {
        margin: 0 0 0 8px
    }
}

.reserve-plan__price-sub-info {
    font-size: 12px;
    margin-top: 5px;
    color: #999999
}

.reserve-plan__price-manage {
    font-size: 11px;
    margin: 6px 0 12px 0;
    color: #999999
}

@media screen and (max-width: 991px) {
    .reserve-plan__price-manage {
        margin-left: 8px;
        margin-bottom: 0
    }
}

.reserve-plan__price-utility {
    font-weight: normal;
    font-size: 11px
}

.reserve-plan__notes {
    clear: both;
    font-size: 13px;
    margin-top: 12px;
    padding: 12px;
    line-height: 1.5;
    border: solid 1px #eaeaea
}

@media screen and (max-width: 991px) {
    .reserve-plan__notes {
        border: solid 1px #eaeaea;
        margin-top: 10px
    }
}

.reserve-plan__features {
    font-size: 11px;
    margin-top: 10px
}

.reserve-plan__features i {
    margin-right: 3px
}

.reserve-plan__features-reserve {
    margin-bottom: 8px
}

.reserve-plan__features-reserve li {
    margin-right: 3px;
    padding: 3px 5px 2px 2px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #f2d42b;
    height: 19px
}

.reserve-plan__features-reserve-direct-icon {
    color: #f2d42b;
    margin-left: 3px;
    padding: 0 1px
}

.reserve-plan__features-reserve-today-icon {
    color: #f2d42b;
    margin-left: 2px
}

.reserve-plan__features-discount i {
    color: #e95175
}

.reserve-plan__features-continue li {
    display: inline-block;
    margin: 6px 6px 0 0
}

.reserve-plan__features-day {
    margin-top: 6px
}

.reserve-type {
    font-size: 0;
    text-align: center
}

.reserve-type__button {
    position: relative;
    display: inline-block;
    width: 49%
}

.reserve-type__button + .reserve-type__button {
    margin-left: 2%
}

.reserve-type__button-label {
    border: 2px solid #68D35E;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    color: #68D35E;
    font-weight: bold;
    padding: 8px 0
}

.reserve-type__button-label:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 6px;
    text-align: center;
    line-height: 21px;
    left: 24px;
    top: 48%;
    margin-top: -5px;
    border-left: 5px solid #e4f2e3;
    border-bottom: 5px solid #e4f2e3;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: content-box
}

@media screen and (max-width: 991px) {
    .reserve-type__button-label:after {
        top: 20px;
        left: 45%
    }
}

@media screen and (max-width: 991px) {
    .reserve-type__button-label {
        padding-top: 36px
    }
}

.reserve-type__price {
    display: block;
    text-align: center;
    font-size: 14px
}

.reserve-type__button-radio:checked + label {
    background: #68D35E;
    color: #fff
}

.reserve-type__button-radio:checked + label:after {
    border-color: #fff
}

.reserve-period__header {
    position: relative
}

.reserve-period__header-navi {
    font-size: 36px;
    position: absolute;
    top: 0;
    left: 0
}

.reserve-period__header-navi i {
    width: 30px
}

@media screen and (max-width: 991px) {
    .reserve-period__header-navi {
        left: 16px
    }
}

.reserve-period__title + .reserve-period__header-navi {
    right: 0;
    left: auto;
    text-align: right
}

@media screen and (max-width: 991px) {
    .reserve-period__title + .reserve-period__header-navi {
        right: 16px
    }
}

.reserve-period__title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 37px
}

@media screen and (max-width: 991px) {
    .reserve-period__title {
        font-size: 16px
    }
}

.reserve-period__calendar {
    clear: both;
    margin-top: 12px;
    box-sizing: content-box
}

.reserve-period__calendar td.is-checked:hover, .reserve-period__calendar td.is-select:hover, .reserve-period__calendar td.is-reserved:hover, .reserve-period__calendar td.is-middle-reserved:hover {
    background: #68D35E !important
}

@media screen and (max-width: 991px) {
    .reserve-period__calendar td.is-checkin {
        border-radius: 6px 0 0 6px
    }
}

@media screen and (max-width: 991px) {
    .reserve-period__calendar td.is-checkout {
        border-radius: 0 6px 6px 0
    }
}

.reserve-period__calendar td.is-select {
    background: #68D35E !important;
    color: #fff
}

.reserve-period__calendar td.is-select:hover {
    background: #68D35E !important
}

.reserve-period__calendar td.is-select .fa {
    color: #68D35E
}

.reserve-period__calendar td.is-select .reserve-period__calendar-price {
    color: #fff
}

.reserve-period__calendar td.is-select.is-reserved:hover {
    background: #68D35E !important
}

.reserve-period__calendar td.is-checked {
    color: #fff
}

.reserve-period__calendar td.is-checked .reserve-period__calendar-check {
    display: block;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: -22px;
    right: 0px
}

.reserve-period__calendar td.is-checked .fa {
    color: #fff
}

.reserve-period__calendar td.is-checked .reserve-period__calendar-price {
    color: #fff
}

.reserve-period__calendar td.is-closed, .reserve-period__calendar td.is-unavailable, .reserve-period__calendar td.is-past {
    color: #b3b3b4;
    background: #f3f3f3
}

.reserve-period__calendar td.is-closed:hover, .reserve-period__calendar td.is-unavailable:hover, .reserve-period__calendar td.is-past:hover {
    background: #f3f3f3 !important
}

@media screen and (max-width: 991px) {
    .reserve-period__calendar td.is-closed, .reserve-period__calendar td.is-unavailable, .reserve-period__calendar td.is-past {
        color: #ddd;
        background: #fff !important
    }

    .reserve-period__calendar td.is-closed:hover, .reserve-period__calendar td.is-unavailable:hover, .reserve-period__calendar td.is-past:hover {
        background: #fff !important
    }
}

.reserve-period__calendar td.is-reserved {
    background: #68D35E !important
}

.reserve-period__calendar td.is-middle-reserved {
    background: #97F28C !important
}

@media screen and (max-width: 991px) {
    .reserve-period__calendar {
        margin-top: 4px;
        border-width: 1px 0 0 !important;
        border-color: #eaeaea !important
    }

    .reserve-period__calendar th {
        background: #fff !important;
        border: none !important;
        padding-top: 14px !important
    }

    .reserve-period__calendar td {
        height: 48px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        border: none !important
    }

    .reserve-period__calendar td a {
        padding: 6px 0
    }

    .reserve-period__calendar .dashboard-calendar__date {
        height: auto !important
    }
}

.reserve-period__calendar-content {
    min-height: 40px;
    margin: 8px 10px 7px;
    font-size: 12px;
    position: relative;
    line-height: 1.5
}

@media screen and (max-width: 1199px) {
    .reserve-period__calendar-content {
        margin: 8px 6px 7px
    }
}

@media screen and (max-width: 991px) {
    .reserve-period__calendar-content {
        display: none
    }
}

.reserve-period__calendar-content .is-discount {
    color: #e95175
}

.reserve-period__calendar-price {
    color: #68D35E
}

.reserve-period__calendar-close {
    color: #b3b3b4
}

.reserve-period__calendar-check {
    display: none
}

.reserve-period__hourly {
    font-size: 0;
    border: 1px solid #bfbfbf;
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .reserve-period__hourly {
        border: none;
        border-top: 1px solid #eaeaea;
        margin: 0 0 -16px;
        background: #f3f3f3
    }
}

.reserve-period__hourly li {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 25%;
    font-size: 14px;
    vertical-align: top;
    border-left: 1px solid #bfbfbf
}

.reserve-period__hourly li:nth-child(n+5) {
    border-top: 1px solid #bfbfbf
}

@media screen and (max-width: 991px) {
    .reserve-period__hourly li:nth-child(n+5) {
        border-top: none
    }
}

.reserve-period__hourly li:nth-child(4n+1) {
    border-left: none
}

.reserve-period__hourly li a .reserve-period__hourly-time {
    color: #333333
}

.reserve-period__hourly li a .reserve-period__hourly-status {
    color: #68D35E
}

.reserve-period__hourly li a .is-discount {
    color: #e95175
}

.reserve-period__hourly li a .is-discount i {
    line-height: 0.7em
}

.reserve-period__hourly li a :hover {
    background: #e4f2e3
}

.reserve-period__hourly li:before {
    font-family: FontAwesome;
    content: "\f10c";
    font-size: 22px;
    color: #68D35E;
    position: absolute;
    top: 32%;
    left: 12px
}

@media screen and (max-width: 1199px) {
    .reserve-period__hourly li:before {
        left: 8px;
        font-size: 20px
    }
}

@media screen and (max-width: 991px) {
    .reserve-period__hourly li:before {
        font-size: 14px;
        left: 5px;
        top: 38%
    }
}

@media screen and (max-width: 991px) {
    .reserve-period__hourly li {
        width: 33.3%;
        border-color: #eaeaea;
        font-size: 12px
    }

    .reserve-period__hourly li:nth-child(n+4) {
        border-top: 1px solid #eaeaea
    }

    .reserve-period__hourly li:nth-child(4n+1) {
        border-left: 1px solid #eaeaea
    }

    .reserve-period__hourly li:nth-child(3n+1) {
        border-left: none
    }
}

.reserve-period__hourly .is-closed {
    background: #f8f8f8;
    color: #d0d1cf
}

.reserve-period__hourly .is-closed:before {
    content: "\f00d";
    color: #d0d1cf
}

.reserve-period__hourly .is-unavailable {
    background: #f8f8f8;
    color: #d0d1cf
}

.reserve-period__hourly .is-unavailable:before {
    content: "\f00d";
    color: #d0d1cf
}

.reserve-period__hourly .is-checked, .reserve-period__hourly .is-reserved {
    color: #fff
}

.reserve-period__hourly .is-checked a .reserve-period__hourly-time, .reserve-period__hourly .is-checked a .reserve-period__hourly-status, .reserve-period__hourly .is-reserved a .reserve-period__hourly-time, .reserve-period__hourly .is-reserved a .reserve-period__hourly-status {
    color: #fff
}

.reserve-period__hourly .is-checked a :hover, .reserve-period__hourly .is-reserved a :hover {
    background: #68D35E
}

.reserve-period__hourly .is-checked:before {
    content: "\f00c";
    color: #fff
}

.reserve-period__hourly .is-reserved {
    background: #68D35E
}

.reserve-period__hourly .is-reserved a {
    color: #fff
}

.reserve-period__hourly-content {
    width: auto;
    height: 58px;
    padding: 10px
}

@media screen and (max-width: 1199px) {
    .reserve-period__hourly-content {
        padding: 8px
    }
}

@media screen and (max-width: 991px) {
    .reserve-period__hourly-content {
        height: 54px;
        padding: 8px
    }
}

.reserve-period__hourly-time, .reserve-period__hourly-status {
    display: block;
    text-align: right;
    font-weight: bold
}

@media screen and (max-width: 1199px) {
    .reserve-period__hourly-time, .reserve-period__hourly-status {
        font-size: 13px
    }
}

@media screen and (max-width: 991px) {
    .reserve-period__hourly-time, .reserve-period__hourly-status {
        font-weight: normal;
        font-size: 11px
    }
}

.reserve-period__hourly-time {
    margin-bottom: 6px
}

.reserve-period__hourly-status {
    padding-top: 2px
}

.reserve__calendar-stay {
    position: relative;
    background: #f6f6f6;
    border: 1px solid #d1d1d3;
    padding: 20px;
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .reserve__calendar-stay {
        padding: 10px 0 0 0;
        background: #fff;
        border: none;
        border-top: 1px solid #d1d1d3;
        border-radius: 0
    }
}

.reserve__calendar-stay:after, .reserve__calendar-stay:before {
    bottom: 100%;
    left: 26%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.reserve__calendar-stay:after {
    border-bottom-color: #f6f6f6;
    border-width: 16px;
    margin-left: -16px
}

@media screen and (max-width: 991px) {
    .reserve__calendar-stay:after {
        border-bottom-color: #fff
    }
}

.reserve__calendar-stay:before {
    border-bottom-color: #d1d1d3;
    border-width: 17px;
    margin-left: -17px
}

.reserve__calendar-stay.is-checkin:after, .reserve__calendar-stay.is-checkin:before {
    left: 26%
}

.reserve__calendar-stay.is-checkout:after, .reserve__calendar-stay.is-checkout:before {
    left: 73%
}

.reserve-stay__type {
    margin-bottom: 20px
}

.reserve-stay__switch {
    border: 1px solid #d0d1cf;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    padding: 16px 24px;
    text-align: left
}

.reserve-stay__switch:hover {
    border-color: #68D35E
}

.reserve-stay__switch.is-current {
    background: #68D35E;
    border-color: #68D35E;
    color: #fff;
    cursor: default
}

.reserve-stay__switch.is-current .reserve-stay__switch-day, .reserve-stay__switch.is-current .reserve-stay__switch-day-settle {
    color: #fff
}

.reserve-stay__switch.is-disabled {
    background: #f3f3f3;
    border-color: #f3f3f3;
    color: #ccc;
    cursor: not-allowed
}

.reserve-stay__switch.is-disabled:hover {
    border-color: #f3f3f3
}

@media screen and (max-width: 991px) {
    .reserve-stay__switch {
        padding: 8px 0;
        text-align: center
    }
}

.reserve-stay__switch-check {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .reserve-stay__switch-check {
        font-size: 12px
    }
}

.reserve-stay__switch-day {
    font-size: 18px;
    display: block;
    color: #ccc
}

@media screen and (max-width: 991px) {
    .reserve-stay__switch-day {
        font-size: 13px
    }
}

.reserve-stay__switch-day-settle {
    color: #333333
}

.reserve-stay__line-inner {
    padding-bottom: 16px;
    overflow: hidden
}

.reserve-stay__line-inner .reserve-option__number {
    margin-top: 3px
}

.reserve-stay__line-inner + .reserve-stay__line-inner {
    border-top: 1px dashed #ddd;
    padding-top: 16px;
    padding-bottom: 0
}

.reserve-stay__line-inner-one {
    padding-bottom: 5px
}

.reserve-stay__line-inner.is-current {
    background: #E6F9FF
}

.reserve-stay__line-inner-title {
    display: block;
    float: left;
    width: 160px;
    padding-top: 9px;
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .reserve-stay__line-inner-title {
        width: auto;
        line-height: 12px
    }
}

.reserve-stay__line-inner-form {
    display: block;
    float: right
}

@media screen and (max-width: 991px) {
    .reserve-stay__line-inner-form {
        margin-left: 0px
    }
}

.reserve-stay__checkin-time {
    display: block;
    margin: 9px 10px 0 0;
    float: right;
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .reserve-stay__checkin-time {
        margin-right: 0;
        margin-top: 0;
        clear: both;
        float: none;
        padding-top: 8px
    }
}

.reserve-option__headline {
    background: #eee;
    font-weight: bold;
    padding: 16px;
    border-bottom: 1px solid #d0d1cf
}

.reserve-card__inner + .reserve-option__headline {
    border-top: 1px solid #d0d1cf
}

.reserve-option__name, .reserve-option__price {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2
}

.reserve-option__price {
    margin-left: 10px
}

@media screen and (max-width: 991px) {
    .reserve-option__price {
        margin-left: 0;
        margin-top: 3px;
        display: block
    }
}

.reserve-option__price-number {
    font-weight: normal;
    font-size: 13px
}

.reserve-option__content-notes {
    color: #a0a0a0;
    clear: both;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .reserve-option__content-notes {
        border-top: 1px dashed #ddd;
        margin-top: 10px
    }
}

.reserve-option__content-headline {
    overflow: hidden
}

.reserve-option__content-headline .is-discount {
    color: #e95175
}

.reserve-option__number {
    float: right
}

.reserve-payment {
    padding-top: 32px;
    padding-bottom: 32px
}

@media screen and (max-width: 991px) {
    .reserve-payment {
        padding-top: 16px;
        padding-bottom: 0
    }
}

@media screen and (max-width: 991px) {
    .reserve-payment__main {
        padding-bottom: 16px
    }
}

.reserve-payment__main dd {
    font-size: 18px;
    font-weight: bold;
    padding-left: 140px
}

@media screen and (max-width: 1199px) {
    .reserve-payment__main dd {
        padding-left: 130px
    }
}

@media screen and (max-width: 991px) {
    .reserve-payment__main dd {
        font-size: 16px;
        padding: 0 0 10px 0;
        border-bottom: 1px dashed #ddd
    }

    .reserve-payment__main dd.reserve-payment__disable {
        border-bottom: none
    }
}

.reserve-payment__main dt {
    font-size: 16px;
    padding-top: 0px;
    width: 140px
}

.reserve-payment__main dt ~ dt + dd {
    padding-top: 12px
}

@media screen and (max-width: 991px) {
    .reserve-payment__main dt {
        font-size: 14px;
        width: auto;
        float: none;
        position: static;
        padding-top: 0;
        margin-bottom: 6px
    }

    .reserve-payment__main dt ~ dt {
        padding-top: 10px
    }

    .reserve-payment__main dt ~ dt + dd {
        padding-top: 0;
        border-top: none
    }
}

.reserve-payment__main .reserve-situation__check-text, .reserve-payment__main .reserve-situation__insurance {
    font-weight: normal
}

@media screen and (max-width: 991px) {
    .reserve-payment__main .request-breakdown__help-baloon:before {
        left: 81px
    }
}

.reserve-payment__main-excess {
    font-weight: normal;
    font-size: 12px
}

.reserve-payment__price {
    float: left;
    font-size: 23px;
    line-height: 1;
    padding-top: 2px
}

@media screen and (max-width: 991px) {
    .reserve-payment__price {
        float: none
    }
}

.reserve-payment__price-all {
    font-weight: normal;
    font-size: 16px
}

.reserve-payment__price-discount {
    font-weight: normal;
    font-size: 10px;
    background: #eaeaea;
    padding: 3px;
    border-radius: 3px;
    margin-right: 3px
}

.reserve-payment__disable-text {
    float: left
}

@media screen and (max-width: 1199px) {
    .reserve-payment__disable-text {
        width: 180px
    }
}

@media screen and (max-width: 991px) {
    .reserve-payment__disable-text {
        float: none;
        padding-bottom: 5px;
        width: auto
    }
}

.reserve-payment__notify-button {
    padding: 16px 40px;
    font-size: 18px
}

@media screen and (max-width: 1199px) {
    .reserve-payment__notify-button {
        padding: 16px 20px
    }
}

@media screen and (max-width: 991px) {
    .reserve-payment__notify-button {
        border-radius: 0;
        width: 100%;
        padding-left: auto;
        padding-right: auto;
        font-size: 14px
    }
}

.reserve-payment__notify-login {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    .reserve-payment__notify-login {
        background: #FFF;
        margin-top: 0;
        position: absolute;
        top: -21px;
        width: 100%;
        padding: 2px 0;
        border-top: 1px solid #dddddd
    }
}

.reserve-payment__notify-examination {
    min-width: 220px
}

.reserve-situation__login {
    font-weight: normal;
    margin: 6px auto 0;
    text-align: center;
    font-size: 11px
}

.reserve-situation__nocharged-yet {
    font-size: 11px;
    color: #999;
    text-align: center;
    padding: 8px 0
}

@media screen and (max-width: 991px) {
    .reserve-situation__nocharged-yet {
        background: #fff;
        width: 100%;
        padding: 3px 0
    }
}

.reserve-situation__announcement-text {
    font-size: 11px;
    text-align: center;
    padding: 6px 0
}

@media screen and (max-width: 991px) {
    .reserve-situation__announcement-text {
        background: #fff;
        width: 100%;
        padding: 3px 0
    }
}

.reserve-payment__notes {
    clear: both;
    padding-top: 24px
}

@media screen and (max-width: 991px) {
    .reserve-payment__notes {
        padding-top: 0;
        margin-top: -16px;
        margin-bottom: 16px
    }
}

.reserve-payment__notes .reserve-situation__required {
    font-size: 15px;
    float: left
}

@media screen and (max-width: 991px) {
    .reserve-payment__notes .reserve-situation__required {
        float: none
    }
}

.reserve-payment__notes-text {
    clear: both;
    color: #a0a0a0;
    line-height: 1.6;
    font-size: 13px
}

.reserve-situation__payment-required {
    color: #e95175;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 6px
}

.reserve__payment-paid img, .reserve__payment-paidy img {
    display: inline-block;
    width: auto;
    height: 20px;
    vertical-align: sub;
    margin-left: -10px
}

.reserve__notes-paid {
    clear: both;
    padding: 12px;
    line-height: 1.5
}

.reserve__notes-paid li {
    font-size: 13px;
    text-indent: -1em;
    padding-left: 1em
}

.reserve__notes-paid li:not(:nth-child(3)):before {
    content: "・"
}

.reserve__notes-paid-list {
    margin: 6px 0
}

.reserve__notes-paidy {
    clear: both;
    line-height: 1.5;
    padding-top: 12px
}

.reserve__notes-paidy ul {
    padding: 0 12px
}

.reserve__notes-paidy li {
    font-size: 13px;
    text-indent: -1em;
    padding-left: 1em
}

.reserve-payment__notify {
    float: right;
    width: 262px
}

@media screen and (max-width: 991px) {
    .reserve-payment__notify {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 7
    }
}

.reserve-payment__notify-info {
    background: #68D35E;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    font-size: 11px;
    font-weight: normal
}

.reserve-payment__notify-info strong {
    font-weight: bold
}

.reserve-payment__notify-info-payment {
    font-weight: bold;
    font-size: 13px
}

.reserve-payment__notify-info-time {
    font-weight: normal;
    font-size: 11px
}

.reserve-payment__notify-info-time strong {
    font-weight: bold
}

.reserve-complete__app-appeal {
    margin-top: 40px;
    padding: 46px 53px;
    background: #fff;
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .reserve-complete__app-appeal {
        padding: 20px 10px
    }
}

.reserve-complete__app-appeal-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 8px 0 30px
}

@media screen and (max-width: 991px) {
    .reserve-complete__app-appeal-title {
        font-size: 20px
    }
}

.reserve-complete__app-appeal-point {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px
}

@media screen and (max-width: 991px) {
    .reserve-complete__app-appeal-point {
        font-size: 17px
    }
}

.reserve-complete__app-appeal-img {
    margin-bottom: 16px
}

.reserve-complete__app-appeal-content {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 39px
}

@media screen and (max-width: 991px) {
    .reserve-complete__app-appeal-content {
        font-size: 12px
    }
}

.reserve-complete__app-appeal-download {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}

.reserve-complete__app-appeal-banner {
    margin: 5px 10px
}

.reserve-complete__app-appeal-list {
    display: flex;
    justify-content: center
}

.reserve-complete__app-appeal-list li {
    width: 161px
}

.reserve-complete__app-appeal-list li:not(:first-child) {
    margin-left: 8px
}

.reserve-complete__app-appeal-list img {
    max-width: 100%;
    height: auto;
    margin: 0
}

.classification__tab_wrap {
    width: auto;
    margin: 32px auto
}

input[type="radio"] {
    display: none
}

.classification__tab_area {
    width: 100%;
    height: 56px
}

.tab_area div {
    width: 50%;
    display: inline-block;
    color: #69D25F;
    background: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 24px 0;
    cursor: pointer
}

@media screen and (max-width: 1199px) {
    .tab_area div {
        padding: 24px 0;
        cursor: pointer
    }
}

@media screen and (max-width: 991px) {
    .tab_area div {
        padding: 20px 0
    }
}

.tab1_label {
    border: solid 2px #69D25F;
    border-radius: 3px 0 0 0
}

.tab1_label.tab_checked {
    background: #69D25F;
    color: #FFF
}

.tab1_label.tab_checked:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #69D25F transparent transparent transparent
}

.tab2_label {
    border: solid 2px #69D25F;
    border-left: none;
    border-radius: 0 3px 0 0
}

.tab2_label.tab_checked {
    background: #69D25F;
    color: #FFF
}

.tab2_label.tab_checked:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #69D25F transparent transparent transparent
}

.panel_area {
    background: #fff
}

.tab_panel_default {
    width: 100%;
    padding: 24px 16px;
    border: solid 2px #69D25F;
    border-top: 0;
    border-radius: 0 0 3px 3px
}

@media screen and (max-width: 991px) {
    .tab_panel_default {
        padding: 32px 12px
    }
}

.tab_panel {
    width: 100%;
    padding: 24px 16px;
    border: solid 2px #69D25F;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    display: none
}

@media screen and (max-width: 991px) {
    .tab_panel {
        padding: 32px 12px
    }
}

.classification__reserve-plan__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-right: 16px
}

.classification__notes {
    clear: both;
    line-height: 1.5;
    margin-top: -20px
}

.classification__notes ul {
    padding: 0 12px
}

.classification__notes li {
    font-size: 13px;
    text-indent: -1em;
    padding-left: 1em
}

.classification__radio {
    margin: 0 0 16px 0;
    padding: 0 0 16px 30px
}

.classification__border {
    border-bottom: 1px solid #E3E3E3
}

.classification__bordertop {
    border-top: 1px solid #e3e3e3;
    padding-top: 16px;
    margin-top: 16px
}

.sp-reserve-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    background: #f6f6f6;
    border-bottom: 1px solid #d0d1cf;
    padding: 12px 0
}

.sp-reserve-card {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d0d1cf;
    border-radius: 0;
    border-left: none;
    border-right: none
}

.sp-reserve-card__inner {
    width: 100%;
    padding: 16px 12px
}

.sp-reserve-card__inner + .sp-reserve-card__inner {
    border-top: 1px solid #ddd
}

.sp-reserve-card__inner__calendar {
    margin-left: -12px;
    margin-right: -12px
}

.sp-reserve-next:before {
    color: #dddddd;
    display: block;
    text-align: center
}

.sp-reserve__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #d0d1cf
}

.sp-reserve-title__period {
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    background: #f6f6f6;
    border-bottom: 1px solid #d0d1cf;
    padding: 12px 0;
    font-weight: bold;
    position: relative
}

.sp-reserve-title__close {
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    left: 10px;
    padding-top: 1px;
    color: #4abfe6
}

.sp-reserve-progressbar {
    width: 100%;
    padding-top: 16px
}

.sp-reserve-progressbar__step {
    text-align: center;
    font-size: 0
}

.sp-reserve-progressbar__step li {
    font-size: 10px;
    list-style-type: none;
    display: inline-block;
    width: 25%;
    position: relative;
    text-align: center;
    font-weight: bold;
    color: #7d7d7d
}

.sp-reserve-progressbar__step li:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #dfdfdf;
    top: 5px;
    left: -50%;
    z-index: -1
}

.sp-reserve-progressbar__step li:first-child:before {
    content: none
}

.sp-reserve-progressbar__step li.is-current:before {
    background-color: #4abfe6
}

.sp-reserve-progressbar__step li.is-current .sp-reserve-progressbar__step-button {
    background: #4abfe6
}

.sp-reserve-progressbar__step li a {
    color: #999
}

.sp-reserve-progressbar__step li.is-checked, .sp-reserve-progressbar__step li.is-checked.is-current {
    color: #999
}

.sp-reserve-progressbar__step li.is-current {
    color: #4abfe6
}

.sp-reserve-progressbar__step-button {
    width: 12px;
    height: 12px;
    content: "";
    top: 30px;
    background: #dfdfdf;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%
}

.sp-reserve-progressbar__step-notes {
    font-size: 11px;
    color: #999;
    text-align: center;
    margin: 16px 0
}

.sp-reserve__main {
    padding-top: 150px
}

.sp-reserve__footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 7;
    border-top: 1px solid #d0d1cf
}

.sp-reserve-payment__notify-info {
    background: #f6f6f6;
    color: #333333;
    text-align: center;
    padding: 4px 0;
    font-size: 12px
}

.sp-reserve-payment__notify-info-time {
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 2px
}

.sp-reserve-payment__notify-info-time strong {
    font-weight: bold
}

.sp-reserve-payment__notify-info-login {
    font-size: 11px;
    margin-top: 3px;
    color: #e95175
}

.sp-reserve-payment__notify-info-payment {
    font-weight: bold
}

.sp-reserve-plan__content {
    display: table;
    position: relative;
    padding: 12px 30px 12px 12px
}

.sp-reserve-plan__content:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    width: 20px;
    height: 18px;
    top: 0;
    right: 3px;
    bottom: 0;
    margin: auto;
    font-size: 24px;
    color: #d6d6da
}

.sp-reserve-plan__content .service-radio {
    margin: 0;
    padding: 0
}

.sp-reserve-plan__content .service-radio:after, .sp-reserve-plan__content .service-radio:before {
    border: none;
    background: transparent
}

.sp-reserve-plan__name {
    padding-top: 3px;
    overflow: hidden;
    display: table-header-group
}

.sp-reserve-plan__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4
}

.sp-reserve-plan__direct {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 10px;
    display: inline-block
}

.sp-reserve-plan__period {
    font-size: 12px;
    font-weight: bold;
    color: #999;
    margin-left: 10px
}

.sp-reserve-plan__price {
    font-size: 0;
    text-align: left;
    margin-top: 2px
}

.sp-reserve-plan__price-number {
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    margin-left: 8px;
    color: #333333;
    margin-left: 0
}

.sp-reserve-plan__price-utility {
    font-weight: normal;
    font-size: 11px
}

.sp-reserve-plan__notes {
    clear: both;
    font-size: 13px;
    padding-top: 8px;
    line-height: 1.5;
    color: #a0a0a0;
    display: block
}

.sp-reserve-plan__content-checked {
    color: #fff;
    background: #60df52
}

.sp-reserve-plan__content-checked:after {
    content: "\f00c";
    font-size: 16px;
    right: 8px;
    color: #fff
}

.sp-reserve-plan__content-checked .sp-reserve-plan__name, .sp-reserve-plan__content-checked .sp-reserve-plan__title, .sp-reserve-plan__content-checked .sp-reserve-plan__period, .sp-reserve-plan__content-checked .sp-reserve-plan__price, .sp-reserve-plan__content-checked .sp-reserve-plan__price-number, .sp-reserve-plan__content-checked .sp-reserve-plan__price-utility, .sp-reserve-plan__content-checked .sp-reserve-plan__notes {
    color: #fff
}

.sp-reserve-type {
    font-size: 0;
    padding: 0;
    text-align: left
}

.sp-reserve-type__button {
    position: relative;
    display: block;
    width: 100%
}

.sp-reserve-type__button + .sp-reserve-type__button {
    border-top: 1px solid #ddd
}

.sp-reserve-type__button-label {
    cursor: pointer;
    display: block;
    line-height: 1.5;
    background: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 12px;
    text-align: left;
    color: #333333;
    border-radius: 0
}

.sp-reserve-type__button-label:after {
    content: "";
    position: absolute;
    text-align: center;
    line-height: 21px;
    box-sizing: content-box;
    font-family: FontAwesome;
    content: "\f105";
    width: 20px;
    height: 18px;
    top: 0;
    left: auto;
    right: 10px;
    bottom: 0;
    margin: auto;
    font-size: 24px;
    color: #d6d6da
}

.sp-reserve-type__price {
    display: block;
    text-align: left;
    font-size: 14px
}

.sp-reserve-type__button-radio:checked + label {
    color: #fff;
    background: #60df52
}

.sp-reserve-type__button-radio:checked + label:after {
    content: "\f00c";
    font-size: 16px;
    right: 12px;
    color: #fff
}

.sp-reserve-period__header {
    position: relative
}

.sp-reserve-period__header-navi {
    font-size: 36px;
    position: absolute;
    top: 0;
    left: 16px
}

.sp-reserve-period__header-navi i {
    width: 30px
}

.sp-reserve-period__title + .sp-reserve-period__header-navi {
    left: auto;
    right: 16px;
    text-align: right
}

.sp-reserve-period__title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 37px
}

.sp-reserve-period__calendar {
    clear: both;
    margin-top: 4px;
    box-sizing: content-box;
    border-width: 1px 0 0 !important;
    border-color: #eaeaea !important
}

.sp-reserve-period__calendar th {
    background: #fff !important;
    border: none !important;
    padding-top: 14px !important
}

.sp-reserve-period__calendar .dashboard-calendar__date {
    height: auto !important
}

.sp-reserve-period__calendar td {
    height: 48px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border: none !important
}

.sp-reserve-period__calendar td a {
    padding: 6px 0
}

.sp-reserve-period__calendar td.is-checked, .sp-reserve-period__calendar td.is-select, .sp-reserve-period__calendar td.is-reserved, .sp-reserve-period__calendar td.is-middle-reserved {
    color: #fff
}

.sp-reserve-period__calendar td.is-checked .sp-reserve-period__calendar-price, .sp-reserve-period__calendar td.is-select .sp-reserve-period__calendar-price, .sp-reserve-period__calendar td.is-reserved .sp-reserve-period__calendar-price, .sp-reserve-period__calendar td.is-middle-reserved .sp-reserve-period__calendar-price {
    color: #fff
}

.sp-reserve-period__calendar td.is-checked:hover, .sp-reserve-period__calendar td.is-select:hover, .sp-reserve-period__calendar td.is-reserved:hover, .sp-reserve-period__calendar td.is-middle-reserved:hover {
    background: #60df52 !important
}

.sp-reserve-period__calendar td.is-checkin {
    border-radius: 6px 0 0 6px
}

.sp-reserve-period__calendar td.is-checkout {
    border-radius: 0 6px 6px 0
}

.sp-reserve-period__calendar td.is-checked .sp-reserve-period__calendar-check {
    display: block;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: -22px;
    right: 0px
}

.sp-reserve-period__calendar td.is-select {
    background: #333333 !important
}

.sp-reserve-period__calendar td.is-select:hover {
    background: #333333 !important
}

.sp-reserve-period__calendar td.is-closed, .sp-reserve-period__calendar td.is-unavailable, .sp-reserve-period__calendar td.is-past {
    color: #ddd;
    background: #fff !important
}

.sp-reserve-period__calendar td.is-closed:hover, .sp-reserve-period__calendar td.is-unavailable:hover, .sp-reserve-period__calendar td.is-past:hover {
    background: #fff !important
}

.sp-reserve-period__calendar td.is-reserved {
    background: #60df52 !important
}

.sp-reserve-period__calendar td.is-middle-reserved {
    background: #97F28C !important
}

.sp-reserve-period__calendar-price {
    color: #60df52
}

.sp-reserve-period__calendar-close {
    color: #b3b3b4
}

.sp-reserve-period__calendar-check {
    display: none
}

.sp-reserve-period__hourly {
    font-size: 0;
    margin: 0 0 -16px;
    background: #f3f3f3
}

.sp-reserve-period__hourly li {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 100%;
    border-left: none;
    border-top: 1px solid #ddd;
    font-size: 14px;
    vertical-align: top;
    border-left: 1px solid #bfbfbf
}

.sp-reserve-period__hourly li:nth-child(n+5) {
    border-top: 1px solid #ddd;
    border-color: #ddd
}

.sp-reserve-period__hourly li:nth-child(4n+1) {
    border-left: none
}

.sp-reserve-period__hourly li a .sp-reserve-period__hourly-time {
    color: #333333
}

.sp-reserve-period__hourly li a .sp-reserve-period__hourly-status {
    color: #60df52
}

.sp-reserve-period__hourly li a .is-discount {
    color: #e95175
}

.sp-reserve-period__hourly li a :hover {
    background: #e4f2e3
}

.sp-reserve-period__hourly li:before {
    font-family: FontAwesome;
    content: "\f10c";
    font-size: 16px;
    color: #60df52;
    position: absolute;
    left: 16px;
    top: 16px
}

.sp-reserve-period__hourly .is-closed {
    background: #f8f8f8;
    color: #d0d1cf
}

.sp-reserve-period__hourly .is-closed:before {
    content: "\f068";
    color: #d0d1cf
}

.sp-reserve-period__hourly .is-unavailable {
    background: #f8f8f8;
    color: #d0d1cf
}

.sp-reserve-period__hourly .is-unavailable:before {
    content: "\f00d";
    color: #d0d1cf
}

.sp-reserve-period__hourly .is-checked, .sp-reserve-period__hourly .is-reserved {
    color: #fff
}

.sp-reserve-period__hourly .is-checked a .sp-reserve-period__hourly-time, .sp-reserve-period__hourly .is-checked a .sp-reserve-period__hourly-status, .sp-reserve-period__hourly .is-reserved a .sp-reserve-period__hourly-time, .sp-reserve-period__hourly .is-reserved a .sp-reserve-period__hourly-status {
    color: #fff
}

.sp-reserve-period__hourly .is-checked a :hover, .sp-reserve-period__hourly .is-reserved a :hover {
    background: #60df52
}

.sp-reserve-period__hourly .is-checked:before {
    content: "\f00c";
    color: #fff
}

.sp-reserve-period__hourly .is-reserved {
    background: #60df52
}

.sp-reserve-period__hourly .is-reserved a {
    color: #fff
}

.sp-reserve-period__hourly-content {
    padding: 16px 16px 16px 40px
}

.sp-reserve-period__hourly-time, .sp-reserve-period__hourly-status {
    font-weight: bold;
    display: inline;
    text-align: left;
    font-size: 14px
}

.sp-reserve-period__hourly-time {
    margin-bottom: 6px
}

.sp-reserve-period__hourly-status {
    float: right
}

.sp-reserve__calendar-stay {
    position: relative;
    padding: 10px 0 0 0;
    background: #fff;
    border-top: 1px solid #d1d1d3;
    border-radius: 0
}

.sp-reserve__calendar-stay:after, .sp-reserve__calendar-stay:before {
    bottom: 100%;
    left: 26%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.sp-reserve__calendar-stay:after {
    border-width: 16px;
    margin-left: -16px;
    border-bottom-color: #fff
}

.sp-reserve__calendar-stay:before {
    border-bottom-color: #d1d1d3;
    border-width: 17px;
    margin-left: -17px
}

.sp-reserve__calendar-stay.is-checkin:after, .sp-reserve__calendar-stay.is-checkin:before {
    left: 26%
}

.sp-reserve__calendar-stay.is-checkout:after, .sp-reserve__calendar-stay.is-checkout:before {
    left: 73%
}

.sp-reserve-stay__type {
    margin-bottom: 20px
}

.sp-reserve-stay__switch {
    border: 1px solid #d0d1cf;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    padding: 8px;
    position: relative;
    display: inline-block;
    width: 49%
}

.sp-reserve-stay__switch:hover {
    border-color: #60df52
}

.sp-reserve-stay__switch.is-current {
    background: #60df52;
    border-color: #60df52;
    color: #fff;
    cursor: default
}

.sp-reserve-stay__switch.is-current .sp-reserve-stay__switch-day, .sp-reserve-stay__switch.is-current .sp-reserve-stay__switch-day-settle {
    color: #fff
}

.sp-reserve-stay__switch.is-disabled {
    background: #f3f3f3;
    border-color: #f3f3f3;
    color: #ccc;
    cursor: not-allowed
}

.sp-reserve-stay__switch.is-disabled:hover {
    border-color: #f3f3f3
}

.sp-reserve-stay__switch + .sp-reserve-stay__switch {
    margin-left: 2%
}

.sp-reserve-stay__switch-check {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 8px
}

.sp-reserve-stay__switch-day {
    font-size: 13px;
    display: block;
    color: #ccc
}

.sp-reserve-stay__switch-day-settle {
    color: #333333
}

.sp-reserve-stay__line {
    margin-left: -12px;
    margin-right: -12px
}

.sp-reserve-stay__line-check {
    margin-bottom: -16px
}

.sp-reserve-stay__line-check .servicse-form-text {
    padding: 5px 8px
}

.sp-reserve-stay__line-innner {
    padding: 0 0 12px;
    overflow: hidden
}

.sp-reserve-stay__line-innner + .sp-reserve-stay__line-innner {
    border-top: 1px dashed #ddd;
    padding-top: 12px;
    padding-bottom: 0
}

.sp-reserve-stay__line-innner-one {
    padding: 6px 16px 6px 0
}

.sp-reserve-stay__line-innner.is-current {
    background: #E6F9FF
}

.sp-reserve-stay__line-innner-title {
    display: block;
    float: left;
    padding-top: 7px;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    line-height: 12px;
    padding-left: 12px
}

.sp-reserve-stay__line-innner-form {
    display: block;
    margin-right: 12px;
    float: right
}

.sp-reserve-stay__checkin-time {
    display: block;
    float: left;
    font-size: 12px;
    padding: 16px 0 0 12px;
    clear: both
}

.sp-reserve-stay__checkin-text {
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0;
    padding: 8px 0 0 12px;
    width: 60%;
    clear: both;
    line-height: 1.4
}

.sp-reserve-option__headline {
    background: #eee;
    font-weight: bold;
    padding: 16px 18px;
    border-bottom: 1px solid #d0d1cf
}

.sp-reserve-card__inner + .sp-reserve-option__headline {
    border-top: 1px solid #d0d1cf
}

.sp-reserve-option__name, .sp-reserve-option__price {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2
}

.sp-reserve-option__price {
    margin-top: 3px;
    display: block
}

.sp-reserve-option__price-number {
    font-weight: normal;
    font-size: 13px
}

.sp-reserve-option__content-notes {
    color: #a0a0a0;
    clear: both;
    font-size: 13px;
    line-height: 1.6;
    padding-top: 4px
}

.sp-reserve-option__content-headline {
    overflow: hidden
}

.sp-reserve-option__content-headline .is-discount {
    color: #e95175
}

.sp-reserve-option__number {
    float: right;
    margin-top: 2px
}

.sp-reserve-payment {
    padding-top: 16px
}

.sp-reserve-payment__main {
    padding-bottom: 16px
}

.sp-reserve-payment__main dd {
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ddd
}

.sp-reserve-payment__main dd.sp-reserve-payment__disable {
    border-bottom: none
}

.sp-reserve-payment__main dt {
    font-size: 16px;
    padding-top: 0px;
    width: 140px;
    font-size: 14px;
    width: auto;
    float: none;
    position: static;
    padding-top: 0;
    margin-bottom: 6px
}

.sp-reserve-payment__main dt ~ dt + dd {
    padding-top: 12px
}

.sp-reserve-payment__main dt ~ dt {
    padding-top: 10px
}

.sp-reserve-payment__main dt ~ dt + dd {
    padding-top: 0;
    border-top: none
}

.sp-reserve-payment__main .sp-reserve-situation__check-text, .sp-reserve-payment__main .sp-reserve-situation__insurance {
    font-weight: normal
}

.sp-reserve-payment__main .request-breakdown__help-baloon:before {
    left: 81px
}

.sp-reserve-payment__price {
    font-size: 23px;
    line-height: 1;
    padding-top: 2px
}

.sp-reserve-payment__price-all {
    font-weight: normal;
    font-size: 16px
}

.sp-reserve-payment__disable-text {
    padding-bottom: 5px;
    width: auto
}

.sp-reserve-payment__notify {
    float: right
}

.sp-reserve-payment__notify .sp-reserve-situation__login {
    font-weight: normal;
    margin: 3px auto 0
}

.sp-reserve-payment__notify-button {
    padding: 16px 20px;
    border-radius: 0;
    width: 100%;
    font-size: 14px
}

.sp-reserve-payment__notes {
    clear: both;
    margin-top: -16px;
    margin-bottom: 16px
}

.sp-reserve-payment__notes .sp-reserve-situation__required {
    font-size: 15px
}

.sp-reserve-situation__login {
    margin-top: 6px;
    text-align: center;
    font-size: 11px
}

.sp-reserve-payment__notes-text {
    clear: both;
    color: #a0a0a0;
    line-height: 1.6;
    font-size: 13px
}

.sp-reserve-complete__app-appeal {
    margin-top: 50px;
    background: #FFF;
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    text-align: center;
    padding: 20px 10px
}

.sp-reserve-complete__app-appeal-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin: 10px 0 30px
}

.sp-reserve-complete__app-appeal-point {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px
}

.sp-reserve-complete__app-appeal-img {
    margin-bottom: 10px
}

.sp-reserve-complete__app-appeal-content {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 50px
}

.sp-reserve-complete__app-appeal-download {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}

.sp-reserve-complete__app-appeal-banner {
    margin: 5px 10px
}

.bulk-reservation input {
    height: 40px
}

.bulk-reservation select {
    border-color: #d1d1d1
}

.bulk-reservation .service-select select {
    height: 40px;
    font-size: 14px
}

.bulk-reservation .service-select:before {
    margin-top: 17px
}

.bulk-reservation .form-checkbox__s {
    height: 21px;
    margin-bottom: 0
}

.bulk-reservation .form-checkbox__s:before {
    margin-top: 0;
    top: inherit;
    bottom: 6px;
    left: 9px
}

.bulk-reservation .form-checkbox__s:after {
    width: 21px;
    height: 21px
}

.bulk-reservation .reserve-block__calendar .service-input-icn:before {
    top: 10px
}

.bulk-reservation .reserve-block__calendar .mdl-textfield {
    padding: 0;
    border: 1px solid #d1d1d1;
    border-radius: 3px
}

.bulk-reservation .reserve-block__calendar .mdl-textfield.is-focused .mdl-textfield__label:after {
    content: none
}

.bulk-reservation .reserve-block__calendar .mdl-textfield input {
    border-bottom: none;
    padding: 8px
}

@media screen and (min-width: 768px) {
    .reserve-type-bulk .reserve-type__button-label {
        padding: 18px 0
    }
}

@media screen and (max-width: 991px) {
    .reserve-type-bulk .reserve-type__button-label {
        padding-top: 36px
    }
}

.reserve-explain {
    padding-top: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d1d1d1
}

@media screen and (min-width: 768px) {
    .reserve-explain {
        text-align: center;
        margin-bottom: 8px;
        padding-bottom: 12px
    }
}

.reserve-explain dt {
    font-weight: bold;
    font-size: 16px;
    text-align: center
}

.reserve-explain dd {
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.5
}

.reserve-block {
    padding: 24px 0;
    border-bottom: 1px dashed #d1d1d1
}

@media screen and (min-width: 768px) {
    .reserve-block {
        padding: 24px 16px
    }
}

.reserve-block__title {
    font-weight: bold
}

.reserve-block__title span {
    font-size: 11px;
    line-height: 1.3;
    color: #777;
    font-weight: normal;
    display: block;
    margin-top: 8px
}

.reserve-block__detail {
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .reserve-block__detail {
        display: flex;
        margin-top: 16px
    }
}

@media screen and (min-width: 768px) {
    .reserve-block__calendar {
        width: 250px;
        margin-right: 24px
    }
}

.reserve-block__time-wrap {
    display: flex;
    align-items: center;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .reserve-block__time-wrap {
        margin-top: 0px
    }
}

.reserve-block__time-content {
    width: 100px
}

.reserve-block__time-content-during {
    margin: 0 16px
}

.reserve-block__repeat-content {
    width: 112px
}

@media screen and (max-width: 599px) {
    .reserve-block__repeat-content {
        width: 90px
    }
}

.reserve-block__frequency-list {
    display: flex
}

.bulk-reserve-block .reserve-block__frequency-every-week .form-checkbox__s {
    width: 21px;
    height: 39px;
    margin: 0
}

@media screen and (min-width: 768px) {
    .bulk-reserve-block .reserve-block__frequency-every-week .form-checkbox__s {
        height: 40px
    }
}

.bulk-reserve-block .reserve-block__frequency-every-week .form-checkbox__s:after {
    margin-top: 0
}

.reserve-block__frequency-every-week .reserve-block__frequency__item {
    width: 21px
}

.reserve-block__frequency-every-week .reserve-block__frequency__item:not(:first-child) {
    margin-left: 11px
}

@media screen and (min-width: 768px) {
    .reserve-block__frequency-every-week .reserve-block__frequency__item:not(:first-child) {
        margin-left: 15px
    }
}

@media screen and (max-width: 350px) {
    .reserve-block__frequency-every-week .reserve-block__frequency__item:not(:first-child) {
        margin-left: 6px
    }
}

.reserve-block__frequency-every-week .form-checkbox__s {
    padding-left: 0
}

.reserve-block__frequency-every-month .form-checkbox__s {
    display: flex;
    align-items: center;
    padding-left: 30px;
    margin-right: 16px
}

@media screen and (max-width: 350px) {
    .reserve-block__frequency-every-month .form-checkbox__s {
        padding-left: 24px;
        margin-right: 12px
    }
}

.reserve-block__frequency-every-month .form-checkbox__s:after {
    margin-top: 0;
    top: 0
}

.reserve-block__day-of-the-week {
    padding-left: 4px
}

@media screen and (min-width: 768px) {
    .reserve-block__day-of-the-week {
        padding-left: 3px;
        font-size: 16px
    }
}

.reserve-block__end-date-list {
    display: flex
}

@media screen and (max-width: 1200px) {
    .reserve-block__end-date-list {
        display: block
    }
}

.reserve-block__end-date__item .form-radio {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .reserve-block__end-date__item .form-radio {
        margin-right: 20px
    }
}

.reserve-block__end-date__item .form-radio:before, .reserve-block__end-date__item .form-radio:after {
    top: 50%;
    margin-top: 0;
    transform: translate(0, -50%)
}

.howto-repeat {
    display: flex;
    align-items: center
}

.howto-repeat .reserve-block__time-wrap {
    margin-top: 0;
    margin-right: 12px
}

@media screen and (min-width: 768px) {
    .howto-repeat .reserve-block__time-wrap {
        margin-right: 16px
    }
}

.reservation-submit-btn__wrap {
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .reservation-submit-btn__wrap {
        margin-left: auto;
        margin-right: auto
    }
}

.reservation-submit-btn__wrap .reserve-situation__required {
    margin-top: 8px;
    font-size: 12px
}

@media screen and (min-width: 768px) {
    .reservation-submit-btn__wrap .reservation-submit-btn {
        width: 244px;
        margin: 0 auto 8px auto
    }
}

@media screen and (min-width: 768px) {
    .reservation-submit-btn__wrap .reserve-situation__required {
        text-align: center
    }
}

.reservation-submit-btn {
    margin: 8px 0
}

.reservation-submit-btn input {
    width: 100%;
    height: 48px;
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .reservation-submit-btn input {
        height: 38px;
        font-size: 14px
    }
}

.select-result {
    background: #f6f6f6;
    margin-top: 24px;
    padding: 20px 16px
}

@media screen and (min-width: 768px) {
    .select-result {
        padding: 24px
    }
}

.select-result__title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    padding-bottom: 8px
}

.select-result__inner {
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .select-result__inner {
        margin-top: 24px;
        padding: 0 8px
    }
}

@media screen and (min-width: 768px) {
    .select-result__message-done {
        font-size: 12px
    }
}

.select-result__error {
    font-size: 12px;
    color: #dc4d6f;
    margin-top: 8px
}

.select-result__error i {
    margin-right: 4px
}

.select-result-list {
    margin-top: 18px
}

@media screen and (max-width: 350px) {
    .select-result-list__item {
        display: flex
    }
}

.select-result-list__item:not(:first-child) {
    margin-top: 9px
}

@media screen and (min-width: 768px) {
    .select-result-list__item:not(:first-child) {
        margin-top: 7px
    }
}

.select-result-list__item i {
    color: #60df52;
    margin-right: 16px
}

@media screen and (max-width: 350px) {
    .select-result-list__item i {
        margin-right: 12px
    }
}

@media screen and (max-width: 350px) {
    .select-result-list__item span {
        line-height: 1.4
    }
}

.select-result-list__item.error {
    color: #dc4d6f
}

.select-result-list__item.error i {
    color: #dc4d6f
}

.schedule-add-delete__wrap {
    margin-top: 24px
}

.schedule-add-delete {
    padding: 16px 0;
    text-align: center;
    font-weight: bold;
    display: block
}

@media screen and (min-width: 768px) {
    .schedule-add-delete {
        cursor: pointer;
        padding: 16px 0;
        font-size: 16px
    }
}

.form-note {
    font-size: 11px;
    color: #777;
    margin-top: 4px;
    margin-left: 32px
}

@media screen and (max-width: 599px) {
    .reserve-block__end-date__item {
        font-size: 14px
    }
}

@media screen and (max-width: 1200px) {
    .reserve-block__end-date__item:not(:first-child) {
        margin-top: 16px
    }
}

.reserve-block__end-date-count {
    width: 78px;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 9px;
    border-radius: 3px;
    border-color: #d1d1d1
}

.reserve-block__calendar input {
    width: 100%
}

.reserve-situation__date {
    width: 150px;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .reserve-situation__date {
        width: 165px
    }
}

.reserve-block__end-date-list .reserve-block__calendar {
    display: inline-block;
    margin-right: 8px
}

@media screen and (min-width: 768px) {
    .reserve-block__end-date-list .reserve-block__calendar {
        width: 220px
    }
}

.reserve-block__end-date-count::-webkit-input-placeholder {
    padding-top: 4px
}

.alert__message {
    border-radius: 3px;
    border: 1px solid #dc4d6f;
    background-color: white;
    padding: 12px 16px 16px;
    font-size: 12px;
    text-align: left
}

.alert__message:not(:first-child) {
    margin-top: 8px
}

.alert__message__wrap {
    margin-bottom: 24px
}

.alert__head i {
    color: #dc4d6f;
    margin-right: 4px
}

.alert__text {
    color: #dc4d6f
}

@media screen and (min-width: 768px) {
    .one-more-request {
        padding: 0 16px
    }
}

.one-more-request-text {
    margin-top: 20px;
    line-height: 1.4
}

.fail-reservation-list {
    margin-top: 16px
}

.fail-reservation-list__item {
    margin-top: 8px
}

.page__popup {
    width: 800px;
    margin: 0 auto;
    background: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

@media screen and (max-width: 767px) {
    .page__popup {
        width: 100%
    }
}

.page__popup .odd-col__line, .page__popup .even-col__line {
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .page__popup .odd-col__line, .page__popup .even-col__line {
        padding-top: 12px
    }
}

.page__popup__cancel {
    right: 24px
}

@media screen and (max-width: 767px) {
    .page__popup__cancel {
        top: 16px
    }
}

@media screen and (max-width: 767px) {
    .page__popup__cancel {
        right: 8px;
        top: 8px
    }
}

.page__popup__cancel-icon {
    font-size: 70px
}

@media screen and (max-width: 767px) {
    .page__popup__cancel-icon {
        font-size: 60px
    }
}

.page__popup-col1 {
    padding: 0 56px;
    position: relative
}

@media screen and (max-width: 767px) {
    .page__popup-col1 {
        padding-left: 12px;
        padding-right: 12px
    }
}

.page__popup-col1__breakdown {
    border-top: 1px solid #dddddd;
    padding-top: 16px;
    background: #f6f6f6
}

.popup-headline {
    padding-bottom: 32px;
    text-align: center
}

.popup-headline__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-top: 56px;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .popup-headline__title {
        font-size: 20px;
        padding-top: 65px
    }
}

.popup-headline__title2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-top: 56px
}

@media screen and (max-width: 767px) {
    .popup-headline__title2 {
        font-size: 16px;
        padding-top: 65px
    }
}

.popup-headline__requester-img {
    width: 90px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 100%
}

.popup-headline__text {
    font-size: 12px;
    color: #999;
    line-height: 1.5
}

@media screen and (max-width: 767px) {
    .popup-headline__text {
        text-align: left;
        max-width: 500px;
        margin: auto
    }
}

.popup-header__company-name {
    font-size: 18px;
    font-weight: normal
}

.popup-form__title {
    margin-bottom: 12px
}

@media screen and (max-width: 767px) {
    .popup-form__title {
        margin-top: 12px
    }
}

.popup-form__note {
    color: #999999;
    font-size: 10px;
    margin: -6px 0 12px
}

@media screen and (max-width: 991px) {
    .popup-form__number-of-guests {
        margin-top: 12px
    }
}

@media screen and (max-width: 991px) {
    .popup-form__number-of-guests .popup-form__title {
        margin-top: 0px
    }
}

.popup-form__title-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    padding-top: 2px
}

.popup-form__text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px
}

.popup-form__input:placeholder-shown {
    color: #cfcfcf
}

.popup-form__input::-webkit-input-placeholder {
    color: #cfcfcf
}

.popup-form__input::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.popup-form__input:-ms-input-placeholder {
    color: #cfcfcf
}

.popup-form__form-box {
    font-size: 12px;
    margin: 10px 0
}

.popup-form__form-box .form-checkbox {
    padding-left: 25px
}

.popup-form__text-attention {
    color: #e95175
}

.popup-form__radio {
    margin-top: 16px
}

.popup-form__radio-required {
    font-size: 10px;
    color: #999999;
    margin-left: -10px;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .popup-form__radio-required {
        display: block;
        margin-left: 0;
        margin-top: 6px
    }
}

.popup-form__point {
    margin-top: 12px
}

.popup-form__coupon {
    margin-top: 12px
}

.popup-form__point-title {
    color: #999999;
    margin-top: 9px;
    font-size: 13px;
    margin: 10px 0
}

.popup-form__coupon-title {
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: bold;
    display: block
}

.popup-form__textarea {
    padding: 8px;
    line-height: 1.5;
    font-size: 13px;
    resize: vertical
}

.popup-form__textarea:placeholder-shown {
    color: #cfcfcf
}

.popup-form__textarea::-webkit-input-placeholder {
    color: #cfcfcf
}

.popup-form__textarea::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.popup-form__textarea:-ms-input-placeholder {
    color: #cfcfcf
}

.popup-form__required {
    color: #e95175;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4
}

.popup-form__required .fa {
    margin-right: 3px
}

.popup-form__required strong {
    font-weight: bold
}

.popup-form__completed {
    color: #60df52;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4
}

.popup-form__completed .fa {
    margin-right: 3px
}

.popup-form__completed strong {
    font-weight: bold
}

.popup-form__label {
    font-size: 11px;
    display: block;
    margin-bottom: 8px
}

.reserve-detail__box {
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden
}

.reserve-detail__img {
    position: relative;
    text-align: center;
    height: 100px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .reserve-detail__img {
        height: 180px
    }
}

.reserve-detail__img-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    overflow: hidden;
    vertical-align: bottom
}

@media screen and (max-width: 767px) {
    .reserve-detail__img-img {
        width: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.reserve-detail__name {
    font-size: 15px;
    margin: 15px 10px 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .reserve-detail__name {
        margin-left: 10px
    }
}

.reserve-detail__content {
    margin: 0 10px 0 0;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .reserve-detail__content {
        margin: 0 10px 15px
    }
}

.reserve-detail__date-title {
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #a0a0a0
}

.reserve-detail__date-content {
    margin: 0;
    font-size: 16px
}

.reserve-detail__date-detail {
    display: inline-block
}

.reserve-detail__arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px
}

.reserve-detail__arrow::before, .reserve-detail__arrow::after {
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle
}

.reserve-detail__date-to {
    text-indent: -9999px
}

.reserve-detail__date-to:before {
    left: 3px;
    width: 20px;
    height: 20px;
    border-top: 5px solid #a0a0a0;
    border-right: 5px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-login {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1;
    padding: 10px 20px
}

.popup-login__box {
    padding: 10px 0
}

.popup-login__title {
    margin-bottom: 12px
}

.popup-login__title-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    padding-top: 7px
}

.popup-login__text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px
}

.request-host {
    display: flex;
    align-items: center
}

.request-host__icon {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .request-host__icon {
        margin-bottom: 8px;
        width: 75px;
        height: 75px
    }
}

.request-host__owner-superhost {
    position: absolute;
    top: 54px;
    right: 0;
    width: 22px;
    height: 29px
}

@media screen and (max-width: 767px) {
    .request-host__owner-superhost {
        width: 25px;
        height: 33px;
        top: 50px
    }
}

.request-host__info {
    margin-left: 32px
}

.host-ribon {
    display: inline-block;
    padding: 0 16px;
    background: #f5d02c;
    height: 20px;
    position: relative;
    color: #fff;
    font-size: 12px
}

.host-ribon:before, .host-ribon:after {
    content: "";
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.host-ribon:before {
    left: 0;
    border-width: 10px 0 10px 4px;
    border-color: transparent transparent transparent #fff
}

.host-ribon:after {
    right: 0;
    border-width: 10px 4px 10px 0;
    border-color: transparent #fff transparent transparent
}

.host-ribon .mod-evaluate__question {
    color: #fff
}

.request-host__rebon {
    line-height: 20px;
    margin-bottom: 8px
}

@media screen and (max-width: 767px) {
    .request-host__rebon {
        font-size: 11px;
        font-weight: bold;
        margin-bottom: 8px
    }
}

.request-host__info-name {
    font-size: 16px;
    font-weight: bold
}

.request-select__area {
    clear: both;
    background: #fff
}

.request-select__area select {
    width: 100%;
    border-radius: 3px
}

.request-select__area-number {
    padding: 8px 0
}

@media screen and (max-width: 767px) {
    .request-select__area-number {
        padding: 4px 0
    }
}

.request-contact__textarea {
    width: 100%;
    height: 120px
}

.request-notice {
    padding: 26px 12px 0
}

@media screen and (min-width: 768px) {
    .request-notice {
        padding-top: 24px
    }
}

.request-notice__title {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 1.7;
    text-align: center
}

.request-notice__text {
    font-size: 11px;
    line-height: 1.72;
    margin-top: 12px
}

@media screen and (min-width: 768px) {
    .request-notice__text {
        text-align: center;
        margin-top: 16px
    }
}

.request-notice__list-wrap {
    display: flex;
    justify-content: center;
    max-width: 688px;
    background: #fff;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px
}

.request-notice__list {
    font-size: 11px;
    line-height: 1.4;
    color: #333;
    padding: 16px 12px
}

.request-notice__list li {
    padding-left: 1em;
    text-indent: -1em
}

.request-notice__list li:not(:first-child) {
    margin-top: 3px
}

.request-notice__list strong {
    font-weight: bold
}

.request-payment {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1
}

@media screen and (max-width: 767px) {
    .request-payment .service-select__purpose {
        margin-top: 0
    }
}

.request-payment__name {
    font-size: 14px;
    line-height: 1.4;
    float: left;
    display: block;
    padding-top: 2px
}

@media screen and (max-width: 767px) {
    .request-payment__name {
        float: none;
        display: inline
    }
}

.request-payment__choose {
    padding: 24px 24px 12px 24px
}

.request-payment__choose + .request-payment__choose {
    border-top: 1px solid #ddd;
    padding-bottom: 24px
}

@media screen and (max-width: 767px) {
    .request-payment__choose {
        padding: 16px 12px 0px 12px
    }

    .request-payment__choose + .request-payment__choose {
        padding-bottom: 12px
    }
}

.request-payment__cards-box {
    padding: 8px 0 0 30px;
    border-top: 1px dashed #ddd;
    margin: 0
}

@media screen and (max-width: 767px) {
    .request-payment__cards-box {
        padding-left: 0
    }
}

.request-payment__choose-title {
    padding-bottom: 12px
}

.request-payment__cards-box + .request-payment__choose-title {
    border-top: 1px solid #ddd;
    padding-top: 14px
}

.request-payment__select-bg {
    background: #fff;
    float: left
}

.request-payment__cards-detail {
    border-radius: 3px;
    margin-top: 12px
}

.request-payment__cards-detail dt {
    width: 160px
}

.request-payment__cards-detail dd {
    padding-left: 176px
}

.request-payment__cards-num {
    margin-right: 5px;
    width: 70px
}

@media screen and (max-width: 767px) {
    .request-payment__cards-num {
        width: 22%;
        margin-right: 0
    }

    .request-payment__cards-num + .request-payment__cards-num {
        margin-left: 1%
    }
}

.request-payment__cards-notes {
    font-size: 12px;
    margin-bottom: 8px
}

.request-payment__cards-name {
    width: 310px
}

.request-payment__cards-name:placeholder-shown {
    color: #cfcfcf
}

.request-payment__cards-name::-webkit-input-placeholder {
    color: #cfcfcf
}

.request-payment__cards-name::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.request-payment__cards-name:-ms-input-placeholder {
    color: #cfcfcf
}

@media screen and (max-width: 767px) {
    .request-payment__cards-name {
        width: 97%
    }
}

.request-payment__cards-ym {
    display: block;
    float: left;
    margin-left: 6px;
    margin-right: 16px;
    padding-top: 10px
}

.request-payment__cards-registered {
    margin: 12px 0;
    overflow: hidden
}

.request-payment__cards-registered img {
    width: 30px;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 8px
}

@media screen and (max-width: 767px) {
    .request-payment__cards-registered img {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 767px) {
    .request-payment__cards-registered {
        padding-top: 8px
    }
}

.cards-lineup {
    display: block
}

.cards-lineup img {
    height: 22px;
    width: auto;
    vertical-align: middle;
    margin-right: 8px
}

@media screen and (max-width: 767px) {
    .cards-lineup img {
        padding-left: 0
    }
}

.request-payment__notes {
    background: #FFF;
    padding: 20px
}

@media screen and (max-width: 767px) {
    .request-payment__notes {
        padding: 15px
    }

    .request-payment__notes .button-blue {
        width: 100%;
        margin-top: 8px
    }
}

.request-payment__notes-text {
    font-size: 13px;
    line-height: 1.5
}

.request-payment__name-notes {
    font-size: 10px;
    color: #999;
    margin-top: 5px;
    padding: 0 30px
}

@media screen and (max-width: 767px) {
    .request-payment__name-notes {
        display: block;
        margin: 0 2px 0 0;
        padding: 5px
    }
}

.request-payment__name-notes-txt {
    display: inline-block;
    margin: 2px 0;
    line-height: 1.3
}

.request-payment__name-notes-deferred {
    font-size: 13px;
    line-height: 1.4;
    color: #777;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #ddd
}

[disabled] ~ .request-payment__name-notes-deferred {
    color: #B3B3B3
}

.request-payment__name-notes-deferred li {
    padding: 4px 0 0 1em;
    text-indent: -1em
}

@media screen and (max-width: 767px) {
    .request-payment__name-notes-deferred {
        font-size: 12px
    }
}

.request-payment__required {
    margin-bottom: 16px
}

.request-business__title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 12px
}

.request-business__text {
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    margin-bottom: 16px;
    text-align: center
}

.request-breakdown__title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 16px
}

.request-breakdown__point {
    text-align: center;
    font-size: 12px;
    padding-top: 16px;
    margin-bottom: 15px
}

.request-breakdown__point-have {
    font-weight: bold;
    font-size: 14px
}

.request-breakdown__detail {
    border-top: 1px solid #ddd;
    padding-top: 13px
}

.request-breakdown__detail dt {
    width: 130px
}

.request-breakdown__detail dd {
    padding-left: 145px
}

@media screen and (max-width: 767px) {
    .request-breakdown__detail dd {
        padding-left: 0 !important
    }
}

.request-breakdown__detail-help {
    position: relative
}

.request-breakdown__all {
    font-weight: bold;
    font-size: 16px
}

.request-breakdown__bottom-border {
    border-bottom: solid #dddddd 1px
}

.request-breakdown__cancel-detail-wrapper {
    margin-top: 24px
}

.request-breakdown__policy {
    margin: 30px 0
}

.request-breakdown__policy__content {
    margin-top: 30px;
    padding: 24px 0;
    border-top: solid #dddddd 1px;
    border-bottom: solid #dddddd 1px
}

.request-breakdown__policy-title {
    text-align: center;
    font-size: 16px;
    font-weight: bold
}

.request-breakdown__policy-headline {
    font-size: 13px;
    font-weight: bold
}

.request-breakdown__policy-headline-em {
    color: #e95175
}

.request-breakdown__policy-freefee-notice {
    margin-top: 16px;
    padding-left: 1em;
    text-indent: -1em;
    color: #999999;
    font-size: 11px;
    line-height: 1.27
}

.request-breakdown__policy-not-freefee-notice {
    margin-top: 6px;
    color: #999999;
    font-size: 11px;
    line-height: 1.27
}

.request-breakdown__policy-freefee-notice-red {
    margin-top: 16px;
    color: #e95175;
    font-size: 11px
}

.request-breakdown__policy-freefee-showflow {
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.2
}

.request-breakdown__policy-link {
    display: inline-block;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

.request-breakdown__policy-link:hover {
    border-color: #4abfe6
}

.request-breakdown__policy-link-icon {
    margin-left: 4px;
    font-size: 11px
}

.request-breakdown__cancel-detail {
    padding: 0 0 40px 14px
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail {
        margin-left: 96px;
        padding: 13px 0 13px 10px
    }
}

.request-breakdown__cancel-detail-diagram {
    position: relative;
    display: table;
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram {
        display: block;
        max-width: 130px;
        margin-top: 0
    }
}

.request-breakdown__cancel-detail-diagram-item {
    position: relative;
    display: table-cell;
    width: 125px;
    padding: 8px;
    vertical-align: middle;
    border-bottom: 1px solid #4abfe6;
    border-left: 1px solid #eaeaea
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-item {
        display: flex;
        align-items: center;
        width: auto;
        padding: 0;
        line-height: 1.25;
        border-bottom: 1px solid #eaeaea;
        border-left: 1px solid #4abfe6
    }
}

.request-breakdown__cancel-detail-diagram-item:before {
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    border: 1px solid #4abfe6;
    background-color: white;
    z-index: 1;
    content: ''
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-item:before {
        top: -6px;
        left: -7px
    }
}

.request-breakdown__cancel-detail-diagram-item:first-child:before, .request-breakdown__cancel-detail-diagram-item:last-child:before {
    background-color: #4abfe6
}

.request-breakdown__cancel-detail-diagram-item:first-child:after, .request-breakdown__cancel-detail-diagram-item:last-child:after {
    position: absolute;
    top: 100%;
    width: 14px;
    border-bottom: 1px solid #4abfe6;
    content: ''
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-item:first-child:after, .request-breakdown__cancel-detail-diagram-item:last-child:after {
        width: 1px;
        height: 14px;
        border-bottom: none;
        border-left: 1px solid #4abfe6
    }
}

.request-breakdown__cancel-detail-diagram-item:first-child:after {
    left: -14px
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-item:first-child:after {
        top: -14px;
        left: -1px
    }
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-item:first-child {
        border-top: 1px solid #eaeaea
    }
}

.request-breakdown__cancel-detail-diagram-item:last-child {
    border-bottom-color: transparent
}

.request-breakdown__cancel-detail-diagram-item:last-child:after {
    left: 0
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-item:last-child:after {
        left: -1px
    }
}

.request-breakdown__cancel-detail-diagram-fee-block {
    position: relative;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-fee-block {
        display: table;
        width: 100%;
        min-height: 59px;
        padding: 12px 20px;
        text-align: left
    }

    .request-breakdown__cancel-detail-diagram-fee-block:before {
        border-bottom: none;
        border-left: 1px solid #4abfe6;
        height: 100%;
        top: 0
    }

    .request-breakdown__cancel-detail-diagram-fee-block:after {
        top: -6px;
        bottom: auto
    }
}

.request-breakdown__cancel-detail-diagram-fee {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .request-breakdown__cancel-detail-diagram-fee {
        display: block
    }
}

.request-breakdown__cancel-detail-diagram-fee.red {
    color: #e95175
}

.request-breakdown__cancel-detail-diagram-fee-desc {
    margin-top: 3px;
    color: #777777;
    font-size: 10px;
    font-weight: normal;
    white-space: pre-wrap
}

@media screen and (min-width: 768px) {
    .request-breakdown__cancel-detail-diagram-fee-desc {
        margin-top: 4px
    }
}

.request-breakdown__cancel-detail-diagram-day {
    position: absolute;
    top: 100%;
    left: -6px;
    margin-top: 12px;
    color: #777777;
    font-size: 12px;
    line-height: 1.25
}

@media screen and (max-width: 767px) {
    .request-breakdown__cancel-detail-diagram-day {
        top: 0;
        right: 100%;
        left: auto;
        width: 106px;
        margin: -8px 0 0
    }
}

.use-start-time {
    display: block;
    color: #e95175
}

.request-breakdown__cancel-detail-morelink {
    display: inline-block;
    margin-top: 20px;
    color: #4abfe6
}

.request-breakdown__cancel-detail-morelink:hover {
    text-decoration: underline
}

.popup-form__notice {
    max-width: 70%;
    margin: auto
}

@media screen and (max-width: 767px) {
    .popup-form__notice {
        max-width: 100%;
        padding: 0 10px
    }
}

.popup-form__btn {
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .popup-form__btn {
        padding-top: 12px
    }
}

.popup-form__submit-btn {
    max-width: 75%;
    margin: auto
}

@media screen and (max-width: 767px) {
    .popup-form__submit-btn {
        max-width: 100%;
        padding: 0 10px
    }
}

.request-submit {
    padding: 18px 0;
    width: 100%;
    margin-top: 1.6em;
    font-size: 15px
}

.request-breakdown__help {
    cursor: help;
    margin-left: 4px
}

@media screen and (max-width: 767px) {
    .request-breakdown__help {
        position: relative !important
    }
}

.request-breakdown__help-tooltip {
    left: 0px;
    top: 35px
}

@media screen and (max-width: 767px) {
    .request-breakdown__help-tooltip {
        left: -75px;
        top: 25px
    }
}

.request-breakdown__help:hover .mod-tooltip {
    display: block;
    -webkit-animation: typeTooltipDown 0.25s 1;
    animation: typeTooltipDown 0.25s 1
}

@media screen and (max-width: 767px) {
    .request-breakdown__help:hover .mod-tooltip {
        -webkit-animation: evalTooltipDown 0.25s 1;
        animation: evalTooltipDown 0.25s 1
    }
}

.request-breakdown__help-baloon {
    font-weight: normal
}

.request-breakdown__help-baloon:before {
    top: -7px;
    left: 81px
}

.request-paidy__text {
    font-size: 11px;
    color: #999;
    line-height: 1.5;
    margin-top: 8px
}

.request-coupon {
    margin: 12px 0 24px
}

.request-coupon__choose {
    position: relative;
    margin-top: 8px
}

.request-coupon__choose-radio {
    position: absolute;
    opacity: 0
}

.request-coupon__choose-label {
    cursor: pointer
}

.request-coupon__choose-label:before, .request-coupon__choose-label:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.request-coupon__choose-label:before {
    border: 1px solid #d1d1d1;
    border-radius: 3px
}

.request-coupon__choose-label:after {
    z-index: 1;
    opacity: 0
}

input:checked + .request-coupon__choose-label:before {
    border-color: #4abfe6;
    background-color: #e8f6fb
}

input:disabled + .request-coupon__choose-label:after {
    cursor: default
}

input:disabled + .request-coupon__choose-label:before {
    background: #f6f6f6;
    border-color: #eaeaea
}

.request-coupon__choose-radio[disabled] ~ .request-coupon__choose-label {
    cursor: default
}

@media screen and (max-width: 767px) {
    .request-coupon__choose-radio:checked ~ .request-coupon__detail .request-coupon__detail-price {
        border-color: #4abfe6
    }
}

@media screen and (max-width: 767px) {
    .request-coupon__choose-radio:disabled ~ .request-coupon__detail .request-coupon__detail-price {
        border-color: #eaeaea
    }
}

@media screen and (min-width: 768px) {
    .request-coupon__choose-radio:checked ~ .request-coupon__detail .request-coupon__detail-area {
        border-color: #4abfe6
    }
}

@media screen and (min-width: 768px) {
    .request-coupon__choose-radio:disabled ~ .request-coupon__detail .request-coupon__detail-area {
        border-color: #eaeaea
    }
}

.request-coupon__detail {
    position: relative
}

@media screen and (max-width: 767px) {
    .request-coupon__detail {
        padding: 12px 0
    }
}

@media screen and (min-width: 768px) {
    .request-coupon__detail {
        display: flex;
        align-items: center
    }
}

@media screen and (max-width: 767px) {
    .request-coupon__detail-price {
        border-bottom: 1px dashed #d1d1d1;
        padding: 0 0 8px 12px;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 768px) {
    .request-coupon__detail-price {
        width: 140px;
        text-align: center
    }
}

.request-coupon__detail-price-title {
    font-size: 18px;
    font-weight: bold
}

.request-coupon__detail-price-sub {
    font-size: 14px
}

@media screen and (max-width: 767px) {
    .request-coupon__detail-area {
        padding: 0 12px
    }
}

@media screen and (min-width: 768px) {
    .request-coupon__detail-area {
        padding: 16px;
        flex: 1;
        border-left: 1px dashed #d1d1d1
    }
}

.request-coupon__detail-title {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 3px
}

.request-coupon__detail-period, .request-coupon__detail-notes {
    font-size: 12px;
    line-height: 1.35;
    color: #999999
}

.request-coupon__error-description {
    font-size: 12px;
    line-height: 1.35;
    margin-top: 3px
}

.request-coupon__error-description strong {
    font-weight: bold
}

.request-coupon__choose-radio:disabled ~ .request-coupon__detail, .request-coupon__choose-radio:disabled ~ .request-coupon__detail .request-coupon__detail-period, .request-coupon__choose-radio:disabled ~ .request-coupon__detail .request-coupon__detail-notes {
    color: #b3b3b3
}

.information-name {
    width: 48%;
    float: left
}

.information-name input {
    width: 100%
}

.information-name + .information-name {
    margin-left: 4%
}

.information-state {
    width: 25%;
    float: left;
    margin-right: 4%
}

@media screen and (max-width: 767px) {
    .information-state {
        width: 30%;
        margin-right: 4%
    }
}

.information-city {
    float: left;
    width: 71%
}

@media screen and (max-width: 767px) {
    .information-city {
        width: 66%
    }
}

@media screen and (max-width: 767px) {
    .sm-information__w100pa {
        width: 100%;
        float: none
    }

    .sm-information__w100pa + .sm-information__w100pa {
        margin-left: 0;
        margin-top: 12px
    }
}

.popup__about-paid {
    margin: 20px auto 0;
    padding: 32px;
    background: #f6f6f6
}

@media screen and (max-width: 767px) {
    .popup__about-paid {
        margin: 20px auto 0
    }
}

.popup__about-paid-text {
    margin-top: 16px;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.4
}

.popup__about-paid-text li:before {
    content: "※"
}

.popup-examination__title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-top: 32px;
    padding-bottom: 20px
}

@media screen and (max-width: 767px) {
    .popup-examination__title {
        padding: 16px 0
    }
}

.popup-examination__title.popup-examination__line {
    padding-top: 64px
}

@media screen and (max-width: 767px) {
    .popup-examination__title.popup-examination__line {
        padding-top: 48px
    }
}

.popup-examination__line {
    background-image: linear-gradient(to left, #fff 12px, transparent 12px, transparent), linear-gradient(to right, #fff 12px, #ddd 12px, #ddd);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: left top
}

.popup-headline__title-payment {
    display: inline-block;
    height: 24px;
    width: auto;
    vertical-align: text-bottom
}

.contact-radio {
    display: block;
    width: 100%
}

.contact-radio__area {
    border: 1px solid #ddd;
    padding: 16px 24px;
    border-radius: 3px;
    margin-bottom: 8px
}

@media screen and (max-width: 767px) {
    .contact-radio__area {
        padding: 16px
    }
}

.contact-radio__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4
}

.contact-radio__description {
    color: #999;
    line-height: 1.4;
    margin-top: 4px;
    display: block
}

.contact-chosen {
    background: #e4f2e3;
    padding: 16px 24px;
    line-height: 1.6;
    margin-top: 8px
}

@media screen and (max-width: 767px) {
    .contact-chosen {
        padding: 16px
    }
}

.contact-chosen__title {
    font-weight: bold;
    margin-bottom: 8px
}

.contact-chosen__list {
    list-style: disc;
    margin-left: 20px
}

.contact-chosen__list li ~ li {
    margin-top: 8px
}

@media screen and (max-width: 767px) {
    .contact-calender__checkout {
        margin-top: 10px;
        display: block
    }
}

.bank-description {
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .bank-description {
        margin-bottom: 16px
    }
}

.bank-account {
    background: #fff;
    margin-bottom: 56px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 20px 16px;
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .bank-account {
        text-align: left;
        margin-bottom: 24px
    }
}

.bank-account__info {
    color: #999;
    border-top: 1px dashed #eaeaea;
    padding-top: 10px;
    margin-top: 8px
}

@media screen and (max-width: 767px) {
    .bank-account__info {
        text-align: left;
        font-size: 13px
    }
}

.complete-detail {
    border-bottom: 1px solid #ddd;
    margin-bottom: 13px
}

.complete-detail dt {
    width: 160px
}

.complete-detail dd {
    padding-left: 176px
}

@media screen and (min-width: 768px) {
    .complete-detail__btn-wrap {
        max-width: 320px;
        margin: 0 auto;
        clear: both
    }
}

.complete-detail__btn {
    margin-top: 20px
}

.complete-social {
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    background: #fff;
    padding: 16px;
    margin-top: -14px
}

.complete-social__title {
    margin-bottom: 8px
}

.complete-social__list li {
    text-align: center
}

.complete-social__list li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.complete-social__list li a:hover {
    opacity: 0.7
}

.request-complete__message .page-description {
    margin: 10px 0;
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .request-complete__message .page-description {
        margin: 10px;
        text-align: center
    }
}

.request-complete__text {
    line-height: 1.6;
    margin-bottom: 10px
}

.request-complete__text strong {
    font-weight: bold
}

.request-complete__attention {
    margin-top: 20px;
    padding: 16px;
    background: #f6f6f6;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
    text-align: left
}

.request-complete__attention span {
    display: inline-block;
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .request-complete__attention {
        max-width: 100%
    }
}

.request-complete__event-message {
    position: relative;
    overflow: hidden;
    height: 200px
}

@media screen and (max-width: 767px) {
    .request-complete__event-message {
        text-align: center
    }
}

.request-complete__event-message .request-complete__event-button {
    width: 200px
}

.request-complete__event-message .request-complete__event-catch {
    top: 0px;
    right: 0px
}

.request-complete__event-message .request-complete__event-catch .request-complete__event-img {
    width: 360px
}

.request-details {
    max-width: 90%;
    margin: 0 auto;
    padding: 20px 40px;
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    text-align: left
}

@media screen and (max-width: 767px) {
    .request-details {
        max-width: 100%;
        padding: 16px
    }
}

.request-details__text {
    text-align: center
}

.reserve-complete__app-banner__wrap {
    margin: 24px -3.1% 0
}

@media screen and (min-width: 768px) {
    .reserve-complete__app-banner__wrap {
        display: none
    }
}

.reserve-complete__app-banner {
    width: 100%
}

.reserve-space__share {
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .reserve-space__share {
        margin-top: 24px
    }
}

.request-complete__event {
    position: relative;
    margin-top: 40px;
    padding: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .request-complete__event {
        max-width: 100%;
        margin-top: 24px;
        padding: 16px 24px
    }
}

.request-complete__event-detail {
    width: 300px
}

@media screen and (max-width: 767px) {
    .request-complete__event-detail {
        width: 100%
    }
}

.request-complete__event-logo {
    display: block;
    width: 273px
}

@media screen and (max-width: 767px) {
    .request-complete__event-logo {
        margin: auto;
        width: 224px
    }
}

.request-complete__event-heading {
    margin-top: 24px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.35
}

@media screen and (max-width: 767px) {
    .request-complete__event-heading {
        margin-top: 12px;
        font-size: 14px;
        text-align: center
    }
}

.request-complete__event-supplement {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .request-complete__event-supplement {
        margin-top: 12px
    }
}

.request-complete__event-link {
    color: #f47856
}

.request-complete__event-link:hover {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .request-complete__event-action {
        margin: 24px 0 0;
        padding: 16px 24px;
        border-top: 1px solid #d1d1d1
    }
}

.request-complete__event-action_item {
    position: relative;
    margin: 24px 0 12px
}

@media screen and (max-width: 767px) {
    .request-complete__event-action_item {
        margin: 8px 0 0
    }
}

.request-complete__event-action_item:after {
    position: absolute;
    font-family: 'fonts';
    content: "\e94d";
    top: 12px;
    right: 14px;
    color: #f47856;
    font-size: 16px
}

.request-complete__event-select {
    padding: 12px;
    width: 100%
}

.request-complete__event-button {
    width: 100%;
    background: #f47856
}

.request-complete__event-button:hover {
    background: #f15226
}

@media screen and (max-width: 767px) {
    .request-complete__event-button {
        margin-top: 8px
    }
}

.request-complete__event-create {
    margin-top: 12px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.request-complete__event-img {
    position: absolute;
    display: block;
    top: 100px;
    right: 40px;
    width: calc(100% - 424px);
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15)
}

@media screen and (max-width: 767px) {
    .request-complete__event-img {
        display: none
    }
}

.request-complete__event-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 700;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
    transition: all 0.5s
}

.request-complete__event-modal_overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.3s;
    opacity: 1;
    visibility: visible
}

.request-complete__event-modal_container {
    position: absolute;
    top: 200px;
    left: calc((100% - 768px) / 2);
    width: 768px;
    background: white;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_container {
        top: 160px;
        left: 16px;
        width: calc(100% - 32px);
        margin: 0
    }
}

.request-complete__event-modal_inner {
    position: relative;
    padding: 40px 56px
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_inner {
        padding: 40px 24px 24px
    }
}

.request-complete__event-modal_close {
    position: absolute;
    display: inline-block;
    top: 16px;
    right: 16px;
    font-size: 14px
}

.request-complete__event-modal_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_title {
        font-size: 20px
    }
}

.request-complete__event-modal_description {
    margin-top: 24px;
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_description {
        margin-top: 20px;
        font-size: 11px;
        text-align: left
    }
}

.request-complete__event-modal_button-area {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 24px;
    padding: 24px 0 0;
    border-top: 1px solid #d1d1d1
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_button-area {
        padding: 16px 0 0;
        width: 100%;
        border-top: 1px solid #d1d1d1
    }
}

.request-complete__event-modal_button {
    display: inline-block;
    width: 200px
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_button {
        width: 100%
    }
}

.request-complete__event-modal_button-cancel {
    background: #999
}

.request-complete__event-modal_button-cancel:hover {
    background: #777
}

.request-complete__event-modal_button-confirm {
    margin: 0 0 0 16px;
    background: #f47856
}

.request-complete__event-modal_button-confirm:hover {
    background: #e3603c
}

@media screen and (max-width: 767px) {
    .request-complete__event-modal_button-confirm {
        margin: 8px 0 0
    }
}

.contact__complete-detail {
    line-height: 1.4;
    padding-top: 20px;
    border-top: 1px dashed #ddd
}

.contact__complete-text {
    line-height: 1.4;
    margin-bottom: 20px
}

.contact__complete-payment-text {
    line-height: 1.4
}

.contact__complete-contents {
    width: 100%;
    margin-top: 18px;
    font-size: 14px;
    padding: 40px;
    background: #FFF;
    border: 1px solid #d0d1cf;
    border-radius: 3px
}

@media screen and (max-width: 767px) {
    .contact__complete-contents {
        margin-top: 50px
    }
}

.contact__complete-contents .contact__complete-title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 12px
}

.contact__complete-contents .contact__complete-contents-apply {
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    display: inline-block
}

.contact__complete-contents .contact__complete-contents-apply:after {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 5px
}

.about-space__logo {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto 20px
}

.about-space__headline {
    text-align: center;
    padding-bottom: 12px;
    font-weight: bold
}

.about-space__headline-number {
    display: block;
    font-size: 24px;
    padding-bottom: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #ccc
}

.about-space__step {
    background: #f6f6f6;
    padding: 16px 12px 16px 20px;
    border-radius: 3px;
    height: 260px
}

@media screen and (max-width: 1199px) {
    .about-space__step {
        height: 246px
    }

    .about-space__step br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .about-space__step {
        height: auto;
        margin-bottom: 10px;
        padding: 16px
    }
}

.about-space__step:before, .about-space__step:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #f6f6f6
}

@media screen and (max-width: 767px) {
    .about-space__step:before, .about-space__step:after {
        display: none
    }
}

.about-space__step:before {
    right: -2px;
    top: 50%
}

.about-space__step:after {
    left: 0px;
    top: 50%;
    border-left-color: #fff
}

.about-space__text {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .about-space__text {
        font-size: 11px
    }

    .about-space__text br {
        display: none
    }
}

.about-space__step-1 {
    padding: 16px
}

.about-space__step-1:after {
    display: none
}

.about-space__step-4:before {
    display: none
}

.about-space__headline-notes {
    font-size: 11px
}

.about-space__published {
    margin-bottom: 30px
}

.about-space__published:before {
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f078";
    color: #f0f0f0;
    display: block;
    text-align: center;
    margin: 16px 0px
}

.about-space__register-headline {
    text-align: center;
    margin: 24px auto 32px;
    font-weight: bold;
    font-size: 16px
}

.about-space__register-notes {
    color: #999;
    text-align: center;
    margin-bottom: 8px
}

.popup-form__dl {
    line-height: 1.3;
    position: relative
}

.popup-form__dl dt {
    float: left;
    font-size: 14px;
    position: absolute
}

.popup-form__dl dt ~ dt {
    padding-top: 13px
}

@media screen and (max-width: 767px) {
    .popup-form__dl dt ~ dt {
        border-top: 1px dashed #ddd
    }
}

.popup-form__dl dt ~ dt + dd {
    padding-top: 12px;
    border-top: 1px dashed #ddd
}

@media screen and (max-width: 767px) {
    .popup-form__dl dt ~ dt + dd {
        border: none;
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    .popup-form__dl dt {
        width: 100%;
        position: static;
        margin-bottom: 5px;
        float: none
    }
}

.popup-form__dl dd {
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .popup-form__dl dd {
        padding-left: 0
    }
}

.usage-period-list__item {
    display: flex
}

.usage-period-list__item:not(:first-child) {
    margin-top: 4px
}

.usage-period-list__date {
    width: 130px
}

.popup-form__attention-list__item {
    font-size: 11px;
    color: #999999;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.4
}

.popup-form__attention-list__item:not(:first-child) {
    margin-top: 4px
}

.bulk-reservation_note {
    margin-top: 12px;
    font-size: 12px;
    text-align: center;
    line-height: 1.42
}

.reservation-request__loading {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000
}

.reservation-request__loading__inner {
    width: calc(100% - 32px);
    padding: 24px 20px;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15)
}

@media screen and (min-width: 768px) {
    .reservation-request__loading__inner {
        width: 476px;
        padding: 32px 40px;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.reservation-request__loading__title {
    font-weight: bold;
    text-align: center;
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .reservation-request__loading__title {
        font-size: 14px
    }
}

.reservation-request__loading__spin {
    margin: 16px auto 0
}

@media screen and (min-width: 768px) {
    .reservation-request__loading__spin {
        margin-top: 12px
    }
}

.reservation-request__loading__text {
    font-size: 12px;
    line-height: 1.58;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .reservation-request__loading__text {
        margin-top: 12px;
        font-size: 11px;
        text-align: center
    }
}

.reservation-request__loading-bg {
    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100vh
}

.loading-spin {
    width: 25px;
    height: 25px
}

.loading-spin svg {
    width: 100%;
    height: auto;
    animation: Spin 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.loading-spin path {
    fill: #4abfe6
}

.loading-spin .fill-transparent {
    fill: transparent
}

@Keyframes Spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.user-authentication__check-list li {
    display: inline;
    margin-right: 4px
}

@media screen and (max-width: 1199px) {
    .user-authentication__check-list li {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .user-authentication__check-list li {
        display: inline
    }
}

.user-authentication__check-list .fa {
    margin-right: 4px;
    color: #60df52
}

.side-user__icon {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin-bottom: 16px
}

.side-user__name {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px
}

.identification-text {
    margin-bottom: 24px;
    display: flex;
    justify-content: center
}

.identification-text p {
    margin-left: 4px
}

.identification-text i {
    color: #27CE0C
}

.side-user__text {
    line-height: 1.5;
    margin-bottom: 24px
}

.side-user__authentication {
    border: 1px solid #dddddd;
    background-color: #fff;
    border-radius: 3px;
    padding: 16px;
    margin-bottom: 32px
}

.side-user__authentication-headline {
    color: #999;
    padding-top: 12px;
    line-height: 1.3;
    margin-left: 75px
}

@media screen and (max-width: 1199px) {
    .side-user__authentication-headline {
        padding-top: 6px
    }

    .side-user__authentication-headline br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .side-user__authentication-headline {
        padding-top: 12px;
        margin-left: 70px
    }
}

.side-user__authentication-box {
    padding: 0 12px
}

.side-user__authentication-box img {
    float: left;
    margin-bottom: 12px;
    width: 50px
}

@media screen and (max-width: 991px) {
    .side-user__authentication-box {
        padding: 0
    }
}

.side-user__authentication-check {
    clear: both;
    border-top: 1px solid #dddddd;
    padding-top: 16px;
    font-size: 13px;
    line-height: 1.6
}

.side-host__name {
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.side__host-evaluate {
    text-align: center;
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 24px
}

.side-host__date {
    color: #999;
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px
}

.side-host__date-days {
    margin-left: 4px
}

.side-host__superhost {
    position: absolute;
    bottom: 10px;
    left: 60%;
    width: 45px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .side-host__superhost {
        width: 50px;
        height: 66px
    }
}

.side-host__superhost-area {
    width: 160px;
    margin: 0 auto
}

.side-host__superhost__help-tooltip {
    left: -50px;
    top: 25px
}

.side-host__superhost__help-baloon {
    text-align: left;
    color: #333333;
    font-weight: normal
}

.side-host__superhost__help-baloon:before {
    top: -7px;
    left: 50%
}

.side-space__units img {
    width: 100%
}

.side-space__units:hover {
    background: #E6F9FF;
    opacity: 0.8
}

.side-space__units-title {
    padding: 8px 16px;
    line-height: 1.4;
    color: black
}

.side-space__host-icon {
    width: 72px;
    height: 72px;
    height: auto;
    border-radius: 50%
}

.side-space__host-superhost {
    position: absolute;
    top: 45px;
    left: 50px;
    width: 25px;
    height: 33px
}

.side-space__host {
    margin-left: 80px
}

.side-space__host-date {
    color: #999;
    font-size: 12px;
    margin: 8px 0 8px 10px
}

.side-space__host-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin: 6px 0 8px 10px
}

.side-space__host-evaluate {
    text-align: center;
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 16px
}

.side-space__host-evaluate .mod-evaluate__title {
    font-size: 11px;
    letter-spacing: -1px
}

@media screen and (max-width: 991px) {
    .side-space__host-evaluate .mod-evaluate__title {
        font-size: 10px
    }
}

@media screen and (max-width: 991px) {
    .side-space__host-evaluate {
        margin-left: -20px;
        margin-right: -20px
    }
}

.side-space__host-text {
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 1em
}

.side-space__authentication {
    border: 1px solid #dddddd;
    background-color: #fff;
    border-radius: 3px;
    padding: 8px;
    margin-top: 1em
}

.side-space__authentication img {
    width: 35px
}

.side-space__authentication-headline {
    color: #999;
    line-height: 1.3;
    letter-spacing: -1px;
    padding-top: 6px;
    margin-bottom: 4px
}

@media screen and (max-width: 1199px) {
    .side-space__authentication-headline {
        padding-top: 2px
    }

    .side-space__authentication-headline br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .side-space__authentication-headline {
        padding-top: 6px
    }
}

.side-space__authentication-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    float: left
}

.side-space__authentication-check {
    margin-left: 52px;
    font-size: 10px
}

@media screen and (max-width: 1199px) {
    .side-space__authentication-check li {
        margin-top: 4px
    }
}

.side-space__backlink {
    margin-top: -16px
}

.side-space__backlink .fa {
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .side-space__backlink {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 991px) {
    .side-place {
        margin-top: 16px
    }
}

.side-place__map {
    height: 400px;
    background-color: #B2EBF2
}

@media screen and (max-width: 991px) {
    .side-place__map {
        height: 200px
    }
}

.side-place__map-station {
    color: #999;
    margin: 8px 0
}

@media screen and (max-width: 991px) {
    .place-list__sort {
        margin-top: 0
    }
}

.details__units-item {
    position: relative
}

.details__units-item__list {
    margin-bottom: 16px
}

.details__main-nav {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #dddddd
}

.lpsearch-sidebar__type li {
    display: inline;
    margin-right: 0px
}

@media screen and (max-width: 991px) {
    .lpsearch-sidebar__type li {
        margin-right: 0;
        display: block
    }

    .lpsearch-sidebar__type li ~ li {
        margin-top: 16px
    }
}

.lpsearch-sidebar__purpose {
    width: 100%;
    float: left
}

.lpsearch-sidebar__person-num {
    width: 45%;
    float: left
}

.lpsearch-box__while-txt {
    display: block;
    float: left;
    width: 10%;
    text-align: center;
    padding-top: 28px
}

.lpsearch-sidebar__date-checkin {
    clear: both;
    margin-bottom: 8px
}

.lpsearch-sidebar__date-calender {
    width: 63%;
    float: left;
    display: block
}

.lpsearch-sidebar__date-time {
    width: 35%;
    float: right;
    display: block
}

.lpsearch-sidebar__slider__area {
    margin-top: 24px
}

.lpsearch-sidebar__slider__area #js-slider__range {
    width: 95%
}

.lpsearch-sidebar__amenity {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    font-size: 12px
}

.lpsearch-sidebar__amenity .form-checkbox__s {
    line-height: 1.2
}

.lpsearch-sidebar__amenity .form-checkbox__s:after {
    margin-top: 0;
    top: 1px
}

.lpsearch-sidebar__amenity .form-radio__s, .lpsearch-sidebar__amenity .form-checkbox__s {
    margin: 0
}

.lpsearch-sidebar__amenity .form-checkbox:before, .lpsearch-sidebar__amenity .form-checkbox__s:before {
    top: 10px
}

.lpsearch-sidebar__amenity .search-change__amenity-checkbox {
    margin-bottom: 0
}

.lpsearch-sidebar__amenity-chexbox-wrapper {
    width: calc((100% - 12px) / 2);
    margin-bottom: 19px
}

.lpsearch-sidebar__amenity-chexbox-wrapper:nth-child(even) {
    margin-left: 12px
}

.lpsearch-sidebar__amenity-group-stay {
    border-top: 1px dashed #eaeaea
}

.lpsearch-sidebar__amenity-group-stay .lpsearch-sidebar__amenity {
    display: none
}

.lpsearch-sidebar__amenity-group-stay.is-open .lpsearch-sidebar__amenity {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.lpsearch-sidebar__amenity-group-stay.is-open .site-sidebar__section-subtitle-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.lpsearch-sidebar__amenity-group:not(:last-child) {
    border-bottom: 1px dashed #eaeaea
}

.lpsearch-sidebar__amenity-group:first-child {
    border-top: 1px dashed #eaeaea
}

.lpsearch-sidebar__amenity-group .lpsearch-sidebar__amenity {
    display: none
}

.lpsearch-sidebar__amenity-group.is-open .lpsearch-sidebar__amenity {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.lpsearch-sidebar__amenity-group.is-open .site-sidebar__section-subtitle-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.lpsearch-sidebar__amenity-more {
    font-size: 14px;
    margin-bottom: 16px
}

.site-sidebar__section-subtitle-icon {
    right: 12px;
    position: absolute
}

.lpsearch-sidebar__space {
    padding: 16px 18px;
    border-bottom: 1px dotted #ddd
}

.lpsearch-sidebar__space:hover {
    background: #E6F9FF;
    opacity: 0.8
}

.lpsearch-sidebar__space-img {
    float: left;
    width: 110px
}

.lpsearch-sidebar__space-img img {
    width: 100%;
    height: auto
}

.lpsearch-sidebar__space-title {
    line-height: 1.3;
    font-size: 13px;
    height: 48px;
    overflow: hidden;
    color: #333333
}

.lpsearch-sidebar__space-text {
    margin-left: 134px
}

.lpsearch-sidebar__info {
    color: #333333;
    margin: 6px 0 10px;
    font-size: 11px
}

.lpsearch-sidebar__info .fa {
    color: #d0d1cf
}

.lpsearch-sidebar__space-price {
    padding: 10px 20px;
    background-color: #4abfe6;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    text-align: center
}

.lpsearch-sidebar__space-more {
    text-align: center;
    padding: 16px 0;
    font-size: 13px
}

.lpsearch-sidebar__matome-img {
    width: 100%
}

.lpsearch-sidebar__matome-title {
    line-height: 1.3;
    font-size: 14px;
    color: #333333;
    margin-top: 4px;
    font-size: 13px
}

.lpsearch-sidebar__autocomplete-layout {
    width: 120%
}

.lpsearch-sidebar__focus {
    padding: 10px 18px 16px
}

.lpsearch-sidebar__focus-category {
    font-weight: bold;
    width: 50px;
    float: left;
    clear: both;
    margin-top: 6px
}

.lpsearch-sidebar__focus-itemlist {
    margin-left: 50px
}

.lpsearch-sidebar__focus-item {
    display: inline-block
}

.lpsearch-sidebar__focus-item a {
    display: block;
    padding: 6px 4px
}

.lp-page__padding {
    padding: 40px 0
}

@media screen and (max-width: 991px) {
    .lp-page__padding {
        padding: 32px 0
    }
}

.lp-category__text {
    line-height: 1.6
}

.lp-category__list {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .lp-category__list:nth-child(n+3) {
        padding-top: 20px
    }
}

.lp-category__list__item {
    margin-left: 12px;
    line-height: 1.5;
    width: calc((100% - 36px) / 4)
}

@media screen and (max-width: 991px) {
    .lp-category__list__item {
        width: calc((100% - 12px) / 2)
    }

    .lp-category__list__item:nth-child(odd) {
        margin-left: 0
    }

    .lp-category__list__item:nth-child(n+3) {
        margin-top: 20px
    }
}

@media screen and (min-width: 992px) {
    .lp-category__list__item:nth-child(4n+1) {
        margin-left: 0
    }

    .lp-category__list__item:nth-child(n+5) {
        margin-top: 8px
    }
}

.lp-category__list__item .a__underline {
    position: relative;
    display: inline-block
}

.lp-category__list__item .fa {
    position: absolute;
    left: 0;
    top: 2px
}

.lp-category__list__item-text {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    padding-left: 1em
}

.lp-category__headline {
    font-size: 16px;
    margin-top: 32px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    text-align: center
}

.lp-category__headline:nth-child(1) {
    margin-top: 0
}

@media screen and (max-width: 991px) {
    .lp-category__headline {
        text-align: left;
        padding-bottom: 10px
    }
}

.lp-area__table {
    width: 100%;
    border: 1px solid #ddd;
    line-height: 1.8
}

@media screen and (max-width: 991px) {
    .lp-area__table {
        line-height: 2.2
    }
}

.lp-area__table th, .lp-area__table td {
    padding: 10px 16px
}

.lp-area__table th {
    text-align: left;
    background: #eaeaea;
    width: 20%
}

@media screen and (max-width: 991px) {
    .lp-area__table th {
        width: 30%
    }
}

.lp-area__table .fa {
    margin-right: 4px
}

.lp-area__table a:hover {
    text-decoration: underline
}

.lp-area__table-state li {
    display: inline-block;
    width: 16%
}

@media screen and (max-width: 991px) {
    .lp-area__table-state li {
        width: auto;
        display: block
    }
}

.lp-area__table-city {
    margin-left: 17%
}

@media screen and (max-width: 991px) {
    .lp-area__table-city {
        margin-left: 10px
    }
}

.lp-area__table-state-city {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.lp-area__table-state-name {
    float: left
}

@media screen and (max-width: 991px) {
    .lp-area__table-state-name {
        float: none
    }
}

.lp-area__table-line {
    border-top: 1px solid #ddd
}

.lp-category__headline-amenity {
    margin: 20px 0 16px;
    color: #333
}

@media screen and (max-width: 991px) {
    .lp-category__headline-amenity {
        margin: 32px 0 20px
    }
}

.matome-box {
    margin-bottom: 24px
}

.matome-box a {
    color: black
}

.matome-box a:visited {
    color: black
}

.matome-box a:hover {
    text-decoration: underline
}

.matome-linkbox img {
    width: 100%
}

.matome-subtitle {
    font-weight: bold;
    font-size: 13px;
    margin: 8px 0;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

@media screen and (max-width: 991px) {
    .matome-subtitle {
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }
}

.matome-description {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    height: 36px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .matome-description {
        height: auto
    }
}

.lpsearch-matome__text {
    line-height: 1.6;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 32px;
    margin-bottom: 32px
}

.lpsearch-matome__social {
    margin-top: 32px
}

.lpsearch-matome__social li {
    text-align: center
}

.lpsearch-matome__social li a {
    display: block;
    padding: 8px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.lpsearch-matome__social li a:hover {
    opacity: 0.7
}

@media screen and (max-width: 991px) {
    .sm-mb10 {
        margin-bottom: 10px
    }
}

.matome-list-detail__heroimg {
    height: 300px
}

@media screen and (max-width: 991px) {
    .matome-list-detail__heroimg {
        height: 160px
    }
}

.matome-list-detail__heroimg-bg {
    width: 100%;
    height: 300px
}

@media screen and (max-width: 991px) {
    .matome-list-detail__heroimg-bg {
        height: 160px
    }
}

@media screen and (max-width: 599px) {
    .matome-list-detail__heroimg-title {
        font-size: 22px;
        width: 90%
    }
}

@media screen and (max-width: 1199px) {
    .matome-list-detail__heroimg-img {
        width: 106%
    }
}

.lpsearch-matome__head-update {
    font-size: 14px
}

.lpsearch-matome__head-number {
    margin-top: 5px;
    font-size: 20px;
    color: #333333
}

.static-page__padding {
    padding: 80px 0
}

@media screen and (max-width: 991px) {
    .static-page__padding {
        padding: 32px 0
    }
}

.static-page__no-headline {
    padding: 32px 0
}

.static-heroimg__title {
    font-size: 40px
}

@media screen and (max-width: 991px) {
    .static-heroimg__title {
        font-size: 28px
    }
}

.static-heroimg__subtitle {
    font-size: 30px;
    display: block;
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .static-heroimg__subtitle {
        font-size: 24px
    }
}

.static-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px
}

@media screen and (max-width: 991px) {
    .static-title {
        font-size: 20px;
        margin-top: 16px;
        margin-bottom: 40px;
        line-height: 1.4
    }
}

.static-text {
    font-size: 16px;
    line-height: 1.6;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-text {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .static-text {
        text-align: left
    }
}

.static-text__caption {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 42px
}

@media screen and (max-width: 991px) {
    .static-text__caption {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .static-text__caption {
        margin-top: 24px
    }
}

.static-icon__bg-odd, .static-icon__bg-even {
    background: #fff;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    position: relative
}

.static-icon__bg-even {
    background: #f6f6f6
}

.static-icon {
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4abfe6
}

.static-subtitle {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    margin: 32px auto 24px
}

@media screen and (max-width: 991px) {
    .static-subtitle {
        font-size: 18px;
        margin: 16px auto 16px
    }
}

.static-subtext {
    text-align: center;
    line-height: 1.75
}

@media screen and (max-width: 991px) {
    .static-subtext {
        font-size: 13px;
        margin-bottom: 24px
    }
}

.static-subtext__ta-l {
    text-align: left
}

@media screen and (max-width: 991px) {
    .sm__static-subtext__ta-l {
        text-align: left
    }
}

@media screen and (max-width: 991px) {
    .sm__static-subtext__ta-c {
        text-align: center !important
    }
}

.static-entireflow {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-entireflow {
        margin-top: 32px
    }
}

.static-entireflow__header {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .static-entireflow__header {
        text-align: right;
        margin-bottom: 0
    }
}

.static-entireflow__header-guest, .static-entireflow__header-host {
    width: 50%;
    min-height: 38px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-entireflow__header-guest, .static-entireflow__header-host {
        display: inline-block;
        float: none !important;
        margin: 0 0 5px 10px;
        min-height: 25px;
        width: auto
    }
}

.static-entireflow__header-guest h3, .static-entireflow__header-host h3 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    line-height: 44px;
    padding-left: 80px
}

@media screen and (max-width: 991px) {
    .static-entireflow__header-guest h3, .static-entireflow__header-host h3 {
        font-size: 12px;
        padding-left: 38px;
        margin: 0 !important;
        line-height: 25px
    }
}

.static-entireflow__header-guest {
    float: left
}

.static-entireflow__header-guest h3 {
    background: url("//cdn.spacemarket.net/assets/service/static/guest_flow-use/flow_guest-17e0d5b7af2e028f176a410977d58e72.png") left top no-repeat
}

@media screen and (max-width: 991px) {
    .static-entireflow__header-guest h3 {
        background-size: 25px auto
    }
}

.static-entireflow__header-host {
    float: right
}

.static-entireflow__header-host h3 {
    background: url("//cdn.spacemarket.net/assets/service/static/guest_flow-use/flow_host-1b199c483bed93a9877ae65eb8391a47.png") left top no-repeat
}

@media screen and (max-width: 991px) {
    .static-entireflow__header-host h3 {
        background-size: 30px auto
    }
}

.static-entireflow__chart li {
    clear: both;
    position: relative
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart li {
        padding-top: 3px;
        width: 100%;
        margin: 0
    }
}

.static-entireflow__chart li + li:before, .static-entireflow__chart li + li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -24px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #fff
}

.static-entireflow__chart li + li:before {
    left: 48%;
    top: 0;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart li + li:before {
        top: 10px
    }
}

.static-entireflow__chart li + li:after {
    border-left-color: transparent;
    border-top-color: #f6f6f6;
    left: 48%;
    top: 24px
}

.static-entireflow__chart-wrap {
    border-radius: 3px;
    background: #fff;
    padding: 40px 24px;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-wrap {
        padding: 16px 0 0 0;
        margin-bottom: 10px
    }
}

.static-entireflow__chart-title {
    position: absolute;
    top: 36px;
    left: 50%;
    margin-left: -80px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: 160px;
    display: inline-block;
    line-height: 24px
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-title {
        padding-top: 0 !important;
        width: auto;
        margin: 0 auto;
        position: static;
        display: table;
        padding-bottom: 8px;
        overflow: hidden
    }
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 8px
    }
}

@media screen and (max-width: 767px) {
    .static-entireflow__chart-img {
        width: 60px;
        margin-top: 8px;
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (max-width: 767px) {
    .static-entireflow__chart-img-call {
        height: 60px;
        width: auto
    }
}

.static-entireflow__chart-guest, .static-entireflow__chart-host {
    width: 38%;
    text-align: left;
    min-height: 95px;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-guest, .static-entireflow__chart-host {
        padding: 14px;
        width: 100%;
        float: none;
        min-height: auto
    }
}

.static-entireflow__chart-guest {
    float: left
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-guest {
        background: url("//cdn.spacemarket.net/assets/service/static/guest_flow-use/flow_guest-17e0d5b7af2e028f176a410977d58e72.png") 10px 14px no-repeat;
        background-size: 25px auto;
        padding-left: 50px;
        border-top: 1px solid #eee
    }
}

.static-entireflow__chart-host {
    float: right
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-host {
        background: url("//cdn.spacemarket.net/assets/service/static/guest_flow-use/flow_host-1b199c483bed93a9877ae65eb8391a47.png") 10px 14px no-repeat;
        background-size: 25px auto;
        padding-left: 50px;
        border-top: 1px dashed #ddd;
        color: #999
    }
}

.static-step__x {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-step__x {
        margin-top: 32px;
        margin-left: -5px;
        margin-right: -5px
    }

    .static-step__x > div {
        padding-right: 5px;
        padding-left: 5px
    }
}

.static-step__x-wrap {
    position: relative
}

.static-step__x-wrap + .static-step__x-wrap .static-step__x-list:before, .static-step__x-wrap + .static-step__x-wrap .static-step__x-list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #f6f6f6
}

@media screen and (max-width: 991px) {
    .static-step__x-wrap + .static-step__x-wrap .static-step__x-list:before, .static-step__x-wrap + .static-step__x-wrap .static-step__x-list:after {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: none;
        border-top: 18px solid #f6f6f6
    }
}

.static-step__x-wrap + .static-step__x-wrap .static-step__x-list:before {
    left: -12px;
    top: 50%
}

@media screen and (max-width: 991px) {
    .static-step__x-wrap + .static-step__x-wrap .static-step__x-list:before {
        left: 50%;
        top: 4px;
        z-index: 1
    }
}

.static-step__x-wrap + .static-step__x-wrap .static-step__x-list:after {
    left: 12px;
    top: 50%;
    border-left-color: #fff
}

@media screen and (max-width: 991px) {
    .static-step__x-wrap + .static-step__x-wrap .static-step__x-list:after {
        border-left-color: transparent;
        border-top-color: #fff;
        left: 50%;
        top: 18px
    }
}

.static-step__x-list {
    background: #f6f6f6;
    text-align: center;
    padding: 24px;
    border-radius: 3px;
    height: 210px
}

@media screen and (max-width: 991px) {
    .static-step__x-list {
        height: auto;
        width: 100%;
        margin-bottom: 10px;
        padding: 24px 16px 16px;
        display: table
    }
}

.static-step__x-list-text {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .static-step__x-list-text {
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .static-step__x-list-img {
        width: 120px;
        display: table-cell
    }

    .static-step__x-list-img img {
        height: 60px;
        vertical-align: middle;
        margin-right: 20px
    }
}

.static-step__x-wrap-white .static-step__x-list {
    background: #fff
}

.static-step__x-wrap-white + .static-step__x-wrap-white .static-step__x-list:before, .static-step__x-wrap-white + .static-step__x-wrap-white .static-step__x-list:after {
    border-left-color: #fff
}

@media screen and (max-width: 991px) {
    .static-step__x-wrap-white + .static-step__x-wrap-white .static-step__x-list:before, .static-step__x-wrap-white + .static-step__x-wrap-white .static-step__x-list:after {
        border-top-color: #fff;
        border-left-color: transparent
    }
}

.static-step__x-wrap-white + .static-step__x-wrap-white .static-step__x-list:after {
    border-left-color: #f6f6f6
}

@media screen and (max-width: 991px) {
    .static-step__x-wrap-white + .static-step__x-wrap-white .static-step__x-list:after {
        border-left-color: transparent;
        border-top-color: #f6f6f6
    }
}

@media screen and (max-width: 991px) {
    .static-icon__size {
        width: 160px
    }
}

.static-single {
    margin-top: 60px;
    text-align: center
}

.static-single img {
    margin-bottom: 32px
}

@media screen and (max-width: 991px) {
    .static-single img {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 991px) {
    .static-single {
        margin-top: 32px
    }
}

.static-two-list li {
    margin-top: 40px
}

.static-two-list li:nth-child(-n+2) {
    margin-top: 0
}

@media screen and (max-width: 991px) {
    .static-two-list li {
        margin-top: 0
    }
}

.static-two-list__wrap {
    text-align: center;
    width: 80%;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .static-two-list__wrap {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width: 991px) {
    .static-two-list__img {
        text-align: center
    }

    .static-two-list__img img {
        width: 160px
    }
}

@media screen and (max-width: 991px) {
    .static-two-list__text {
        width: 100%
    }
}

.static-two-list__text-p {
    text-align: left;
    line-height: 1.75
}

@media screen and (max-width: 991px) {
    .static-two-list__text-p {
        margin-bottom: 24px
    }
}

.static-two-list__text-height125 {
    min-height: 125px
}

@media screen and (max-width: 991px) {
    .static-two-list__text-height125 {
        min-height: auto
    }
}

.static-two-list__line {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-two-list__line {
        margin-top: 32px
    }

    .static-two-list__line .static-subtext {
        margin-bottom: 0
    }

    .static-two-list__line li + li {
        margin-top: 32px
    }
}

.static-index__heading {
    font-size: 24px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 12px;
    color: black
}

@media screen and (max-width: 991px) {
    .static-index__heading {
        text-align: center;
        font-size: 20px
    }
}

.static-index__main {
    position: relative
}

.static-index__logo {
    display: block;
    margin: 0 auto 24px auto
}

.static-index__title {
    text-align: center;
    font-weight: bold;
    color: #4a4b4e;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .static-index__title {
        font-size: 28px
    }
}

.static-index__description {
    margin: 40px 0;
    text-align: center;
    color: #4a4b4e
}

.static-index__intro {
    background-color: #ffffff;
    padding: 36px 0;
    border-radius: 3px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-index__intro {
        padding: 24px
    }
}

.static-index__icon-intro {
    vertical-align: middle
}

.static-index__intro-text {
    display: inline-block;
    margin: auto 0 auto 36px;
    text-align: left;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .static-index__intro-text {
        margin-left: 0;
        display: block;
        text-align: center
    }
}

.static-index__intro-link {
    margin: 24px auto 0 auto
}

.static-index__intro-link li {
    margin-bottom: 20px
}

.static-index__guest-guide {
    background-color: #ffffff;
    padding: 36px 36px 93px 36px;
    border-radius: 3px;
    margin-top: 24px
}

@media screen and (max-width: 991px) {
    .static-index__guest-guide {
        padding: 24px
    }
}

.static-index__host-guide {
    background-color: #ffffff;
    padding: 36px;
    border-radius: 3px;
    margin-top: 24px
}

@media screen and (max-width: 991px) {
    .static-index__host-guide {
        padding: 24px
    }
}

.static-index__icon-subtitle {
    text-align: center
}

.static-index__guide-link {
    column-count: 2;
    width: 80%;
    margin: 24px auto 0 auto
}

@media screen and (max-width: 991px) {
    .static-index__guide-link {
        column-count: 1;
        text-align: center
    }
}

.static-index__guide-link li {
    margin-bottom: 24px;
    padding-right: -12px
}

.static-guide-nav {
    border-bottom: 1px solid #eaeaea
}

.static-guide-nav__title {
    padding: 12px 0 12px 8px;
    float: left;
    font-size: 13px
}

.static-guide-nav__title i {
    display: none
}

@media screen and (max-width: 991px) {
    .static-guide-nav__title {
        float: none
    }

    .static-guide-nav__title i {
        display: inline
    }
}

.static-guide-nav__link {
    float: right;
    padding-right: 18px
}

@media screen and (max-width: 991px) {
    .static-guide-nav__link {
        float: none;
        padding-right: 0px
    }
}

.static-guide-nav__link-list {
    float: left
}

.static-guide-nav__link-list .is-current {
    border-bottom: 2px solid #4abfe6;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .static-guide-nav__link-list {
        float: none
    }

    .static-guide-nav__link-list .is-current {
        border-bottom: none;
        font-weight: bold
    }
}

.static-guide-nav__link-list a {
    display: block;
    font-size: 13px;
    color: #333333;
    padding: 12px 13px 11px 13px
}

.static-guide-nav__link-list a:hover {
    opacity: 0.8;
    border-bottom: 2px solid #4abfe6
}

@media screen and (max-width: 991px) {
    .static-guide-nav__link-list a {
        padding-left: 8px;
        border-top: 1px solid #eaeaea;
        padding-bottom: 12px;
        font-size: 14px
    }

    .static-guide-nav__link-list a:hover {
        border-bottom: none
    }
}

@media screen and (max-width: 767px) {
    .mod-heroimg__img-paid {
        left: 20%
    }
}

.static-paid-flow__logo {
    margin: -72px auto;
    display: block;
    width: 192px
}

@media screen and (max-width: 767px) {
    .static-paid-flow__logo {
        width: 152px;
        margin: -60px auto
    }
}

.static-paid-flow__box {
    padding-bottom: 184px
}

.static-paid-flow__wrapper {
    max-width: 700px;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center
}

.static-paid-flow {
    flex-basis: 50%;
    align-items: center;
    position: relative;
    justify-content: space-between;
    text-align: center
}

.static-paid-flow .static-paid-flow__step {
    width: calc(200% - 330px)
}

@media screen and (max-width: 767px) {
    .static-paid-flow .static-paid-flow__step {
        flex-basis: calc(200% - 155px)
    }
}

.static-paid-flow:nth-child(1) .static-paid-flow__step {
    margin: 0 calc(-100% + 167px) 40px 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .static-paid-flow:nth-child(1) .static-paid-flow__step {
        margin: 0 calc(-100% + 77px) 28px 0
    }
}

.static-paid-flow:nth-child(2) .static-paid-flow__step {
    margin: 70px 0 0 calc(-100% + 167px);
    position: relative
}

@media screen and (max-width: 767px) {
    .static-paid-flow:nth-child(2) .static-paid-flow__step {
        margin: 0 0 -32px calc(-100% + 79px)
    }
}

.static-paid-flow:nth-child(2) .static-paid-flow__step:after {
    border-width: 10px 20px 10px 0;
    left: -5px
}

@media screen and (max-width: 767px) {
    .static-paid-flow:nth-child(2) .static-paid-flow__step:after {
        left: 3px
    }
}

.static-paid-flow .static-paid-flow__user {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 14px;
    padding: 32px 0
}

@media screen and (max-width: 767px) {
    .static-paid-flow .static-paid-flow__user {
        width: 80px;
        height: 80px;
        padding: 14px 0
    }
}

.static-paid-flow .static-paid-flow__guest {
    background-color: #e0f8dd
}

.static-paid-flow .static-paid-flow__guest p {
    margin-top: 12px
}

@media screen and (max-width: 767px) {
    .static-paid-flow .static-paid-flow__guest p {
        margin-top: 21px
    }
}

.static-paid-flow .static-paid-flow__host {
    background-color: #dbf2fa
}

.static-paid-flow .static-paid-flow__host p {
    margin-top: 19px
}

@media screen and (max-width: 767px) {
    .static-paid-flow .static-paid-flow__host p {
        margin-top: 26px
    }
}

.static-paid-flow__payment:after {
    right: 57px;
    border-width: 0 10px 20px;
    border-color: #50B132 transparent;
    position: absolute;
    top: -5px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid
}

@media screen and (max-width: 767px) {
    .static-paid-flow__payment:after {
        right: 26px
    }
}

.static-paid-flow__step p {
    display: inline-block;
    padding: 4px 10px 0;
    background: #fff;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .static-paid-flow__step p {
        font-size: 14px
    }
}

.static-paid-flow__step:before {
    content: '';
    display: block;
    height: 4px;
    background-color: #ccc;
    margin-bottom: -1.2em
}

@media screen and (max-width: 767px) {
    .static-paid-flow__step:before {
        margin: 0 6px -1.2em 6px
    }
}

.static-paid-flow__step:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    right: -5px;
    border-color: transparent #ccc;
    position: absolute;
    top: calc(50% - 11px)
}

@media screen and (max-width: 767px) {
    .static-paid-flow__step:after {
        right: 3px
    }
}

.static-paid-flow__flex {
    display: flex;
    margin: 32px auto 0
}

@media screen and (max-width: 767px) {
    .static-paid-flow__flex {
        margin: 16px auto 0
    }
}

.static-paid-flow__wrapper li:not(.static-paid-flow) {
    margin-top: 32px;
    flex-basis: 40%;
    position: relative
}

.static-paid-flow__wrapper li:nth-child(3):before {
    content: '';
    display: block;
    height: 100px;
    border-color: #1B9D83;
    border-style: solid;
    margin-bottom: -1.2em;
    border-width: 0 0 4px 4px;
    border-radius: 0 0 0 15px;
    position: absolute;
    width: calc(100% - 77px);
    right: 0
}

@media screen and (max-width: 767px) {
    .static-paid-flow__wrapper li:nth-child(3):before {
        width: calc(100% - 44px)
    }
}

.static-paid-flow__wrapper li:nth-child(3):after {
    left: 69px;
    border-width: 0 10px 20px;
    border-color: #1B9D83 transparent;
    position: absolute;
    top: -5px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid
}

@media screen and (max-width: 767px) {
    .static-paid-flow__wrapper li:nth-child(3):after {
        left: 36px
    }
}

.static-paid-flow__claim:before {
    border-width: 0 0 4px 4px;
    border-radius: 0 0 0 35px;
    content: '';
    display: block;
    height: 120px;
    border-color: #50B132;
    border-style: solid;
    margin-bottom: -1.2em
}

.static-paid-flow__step2 {
    display: block
}

.static-paid-flow__step2 p {
    margin-top: -64px;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .static-paid-flow__step2 p {
        font-size: 14px
    }
}

.static-paid-flow__claim {
    padding-left: 53px
}

@media screen and (max-width: 767px) {
    .static-paid-flow__claim {
        padding-left: 23px
    }
}

.static-paid-flow__claim:after {
    content: '';
    display: block;
    width: 200px;
    height: 48px;
    background: url("//cdn.spacemarket.net/assets/service/common/paid_logo-1141bab2be621ad6abd580a9ad84dba0.png") center center no-repeat #fff;
    background-size: 80% auto;
    position: absolute;
    right: -166px;
    top: 80px;
    z-index: 2;
    padding: 30px 0
}

@media screen and (max-width: 767px) {
    .static-paid-flow__claim:after {
        width: 120px;
        height: 24px;
        right: -96px
    }
}

.static-paid-flow__payment {
    padding-right: 65px
}

@media screen and (max-width: 767px) {
    .static-paid-flow__payment {
        padding-right: 34px
    }
}

.static-paid-flow__payment:before {
    border-width: 0 4px 4px 0;
    border-radius: 0 0 35px 0;
    content: '';
    display: block;
    height: 120px;
    border-color: #50B132;
    border-style: solid;
    margin-bottom: -1.2em
}

.static-entireflow__chart-paid {
    float: right;
    width: 60%;
    text-align: left;
    min-height: 95px;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-paid {
        padding: 14px;
        width: 100%;
        float: none;
        min-height: auto
    }
}

.static-entireflow__chart-paid h4 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 6px
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-paid h4 {
        text-align: center
    }
}

.static-entireflow__chart-paid-img {
    width: 260px;
    height: 119px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .static-entireflow__chart-paid-img {
        height: auto;
        width: auto;
        float: none
    }
}

.static-paid-terms {
    line-height: 1.6
}

.static-paid-terms dt {
    font-weight: bold;
    font-size: 16px
}

.static-paid-terms dd {
    margin-top: 4px;
    margin-bottom: 1.6em
}

.static-paid-terms dd ul {
    margin-left: 1em
}

.static-paid-terms dd ul li {
    text-indent: -1em
}

.static-paid-terms dd ul li:before {
    content: "・"
}

.static-paid-terms span {
    font-weight: bold
}

.static-paid-amount {
    margin-top: 8px
}

.static-paid-amount li:nth-child(1) {
    margin-bottom: 6px
}

.static-paid-inquiry {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 64px
}

@media screen and (max-width: 991px) {
    .static-paid-inquiry {
        width: 100%;
        display: block;
        padding: 24px;
        font-size: 14px
    }
}

.static-paid-inquiry img {
    width: 180px;
    height: auto
}

@media screen and (max-width: 991px) {
    .static-paid-inquiry img {
        width: 80px;
        height: auto
    }
}

.static-paid-inquiry span {
    font-weight: bold
}

.static-paid-inquiry__link {
    display: inline-block;
    text-align: left;
    margin-left: 60px;
    font-size: 16px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-paid-inquiry__link {
        margin: 0 auto
    }
}

.static-paid-inquiry__link .fa-external-link {
    color: #4abfe6;
    padding-left: 5px
}

.static-paid-inquiry__link i {
    padding-right: 5px
}

.static-paid-inquiry__link a:after {
    display: none
}

.static-paid-inquiry__link-tel {
    padding-bottom: 12px
}

@media screen and (max-width: 991px) {
    .static-paid-inquiry__link-tel {
        padding: 8px 0
    }
}

@media screen and (min-width: 768px) {
    .pc-hide {
        display: none
    }
}

.page-color-paidy {
    background: #E8F6FB
}

.static-paidy_mainvisual {
    background: url("//cdn.spacemarket.net/assets/service/static/about-paidy/mv@2x-1621fc32d72a60c00cf07ebcdf922e83.png") 80%;
    background-size: cover
}

@media screen and (min-width: 768px) {
    .static-paidy_mainvisual {
        background: url("//cdn.spacemarket.net/assets/service/static/about-paidy/mv@2x-1621fc32d72a60c00cf07ebcdf922e83.png") 100%;
        background-size: cover
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .static-paidy_mainvisual {
        background: url("//cdn.spacemarket.net/assets/service/static/about-paidy/mv@2x-1621fc32d72a60c00cf07ebcdf922e83.png") 80%;
        background-size: cover
    }
}

.static-contents {
    padding: 0 16px;
    max-width: 1100px;
    margin: auto
}

.static-paidy_main-area {
    position: relative;
    text-align: center
}

@media screen and (min-width: 768px) {
    .static-paidy_main-area {
        height: 400px;
        text-align: left
    }
}

.static-paidy_main-area img {
    width: 90px;
    height: auto;
    filter: drop-shadow(0px 4px 10px #fff)
}

@media screen and (min-width: 768px) {
    .static-paidy_main-area img {
        width: 134px
    }
}

.static-paidy_main-title {
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    font-size: 24px;
    padding-top: 40px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .static-paidy_main-title {
        font-size: 40px;
        padding-top: 80px
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .static-paidy_main-title {
        font-size: 32px
    }
}

.static-paidy_copy {
    color: #333;
    font-size: 14px;
    margin-top: 16px;
    padding-bottom: 60px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .static-paidy_copy {
        font-size: 18px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .static-paidy_copy {
        font-size: 16px;
        margin-top: 16px
    }
}

.static-paidy_feature-list {
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .static-paidy_feature-list {
        display: flex;
        margin-top: 32px
    }
}

.static-paidy_feature-list li {
    text-align: center;
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .static-paidy_feature-list li {
        width: 50%;
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .static-paidy_feature-list li:first-child {
        margin-top: 0
    }
}

.static-paidy_feature-list img {
    max-width: 60%
}

@media screen and (min-width: 768px) {
    .static-paidy_feature-list img {
        max-width: 100%;
        height: auto
    }
}

.static-paidy_feature-list img[src$=".svg"] {
    width: 220px
}

@media screen and (min-width: 768px) {
    .static-paidy_feature-list li + li {
        margin-left: 32px
    }
}

.static-paidy_feature-list li h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    margin: 16px auto
}

@media screen and (min-width: 768px) {
    .static-paidy_feature-list li h3 {
        font-size: 20px
    }
}

.static-paidy_feature-list li p {
    text-align: left;
    line-height: 1.4;
    margin-bottom: 8px
}

.static-paidy_feature-list .static-paidy_payment-text {
    text-align: center
}

.static-page__padding + .paidy-steps {
    padding-bottom: 0px
}

.static-paidy-steps__wrap {
    margin: 32px auto 0;
    max-width: 430px
}

.static-paidy-steps__wrap li:last-child .static-paidy-a-steps__titleNum:after {
    display: none
}

@media screen and (max-width: 350px) {
    .static-paidy-steps__wrap li:nth-child(2) .steps__content {
        padding-top: 24px;
        margin-top: -24px
    }
}

@media screen and (min-width: 768px) {
    .static-paidy-steps__wrap {
        display: flex;
        justify-content: space-around;
        max-width: 100%
    }
}

.static-paidy-m-steps {
    position: relative;
    padding-bottom: 32px
}

.static-paidy-m-steps:last-child:before {
    content: none
}

@media screen and (min-width: 768px) {
    .static-paidy-m-steps {
        flex: 1;
        margin-right: 16px;
        padding-bottom: 220px
    }

    .static-paidy-m-steps:last-child {
        margin-right: 0
    }

    .static-paidy-m-steps:before {
        content: '';
        border-top: 2px dotted #4abfe6;
        width: 100%;
        position: absolute;
        top: 16px;
        left: 50%
    }
}

@media screen and (max-width: 767px) {
    .static-paidy-m-steps:before {
        content: '';
        border-left: 2px dotted #4abfe6;
        position: absolute;
        top: 18px;
        left: 18px;
        bottom: 0
    }
}

.static-paidy-m-steps .static-paidy-a-steps__titleNum {
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%
}

@media screen and (min-width: 768px) {
    .static-paidy-m-steps .static-paidy-a-steps__titleNum {
        display: block;
        float: none;
        margin: auto
    }
}

.static-paidy-a-steps__titleNum {
    font-weight: bold;
    background: #4abfe6;
    color: white;
    text-align: center
}

.static-paidy-steps__content {
    margin-left: 16%
}

@media screen and (min-width: 768px) {
    .static-paidy-steps__content {
        border-left: none
    }
}

@media screen and (max-width: 350px) {
    .static-paidy-steps__content {
        margin-left: 46px
    }
}

@media screen and (min-width: 768px) {
    .static-paidy-steps__text-wrap {
        margin-top: 8px
    }
}

.static-paidy-a-text {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .static-paidy-a-text {
        margin-bottom: 0
    }
}

.static-paidy-steps__image-wrap {
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .static-paidy-steps__image-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center
    }
}

.static-paidy-steps__image-wrap img {
    width: auto;
    height: 200px;
    vertical-align: bottom
}

.static-paidy-inquiry img {
    width: 80px;
    height: auto;
    float: left;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .static-paidy-inquiry img {
        width: 180px;
        height: auto
    }
}

.static-paidy-inquiry .paidy-button {
    margin-top: 24px
}

.static-paidy-inquiry .paidylink-button {
    padding: 12px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .static-paidy-inquiry .paidylink-button {
        padding: 12px 80px;
        width: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .static-paidy-inquiry .paidylink-button {
        padding: 12px;
        width: 100%
    }
}

.static-paidy-inquiry .about-mypaidy {
    font-size: 13px;
    margin-top: 16px;
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em
}

.static-paidy-inquiry__link {
    margin-left: 96px
}

@media screen and (max-width: 767px) {
    .static-paidy-inquiry__link {
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .static-paidy-inquiry__link {
        margin-left: 64px
    }
}

.static-paidy-inquiry__link .fa-external-link {
    color: #4abfe6;
    padding-left: 5px
}

.static-paidy-inquiry__link i {
    padding-right: 5px
}

.static-paidy-inquiry__link a:after {
    display: none
}

.static-paidy_campaign-box {
    text-align: center
}

.static-paidy_campaign-block {
    background-color: #333333;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 24px
}

.static-paidy_campaign-title {
    font-size: 20px;
    font-weight: bold;
    margin: 16px 0;
    line-height: 1.35
}

@media screen and (min-width: 768px) {
    .static-paidy_campaign-title {
        font-size: 36px;
        margin-bottom: 24px
    }
}

.static-paidy_campaign-period {
    background-color: #f6f6f6;
    padding: 16px 12px
}

@media screen and (min-width: 768px) {
    .static-paidy_campaign-period {
        padding: 32px;
        text-align: center
    }
}

.static-paidy_campaign-day {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 13px
}

@media screen and (min-width: 768px) {
    .static-paidy_campaign-day {
        font-size: 16px
    }
}

.static-paidy_period-note {
    font-size: 12px;
    margin-top: 16px;
    line-height: 1.6
}

@media screen and (min-width: 768px) {
    .static-paidy_period-note {
        text-align: center
    }
}

.static-paidy_reduction-wrap {
    margin-top: 16px;
    border-radius: 3px
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-wrap {
        margin-top: 32px
    }
}

.static-paidy_reduction-main {
    padding: 16px
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-main {
        padding: 48px
    }
}

.static-paidy_reduction-cashless {
    border: 3px solid #E61212
}

.static-paidy_reduction-memory {
    border: 3px solid #AF5ED0
}

.static-paidy_reduction-title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 44px;
    line-height: 1.35
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-title {
        margin-top: 0;
        font-size: 24px
    }
}

.static-paidy_reduction-description {
    margin-top: 16px;
    line-height: 1.6
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-description {
        text-align: center
    }
}

.static-paidy_reduction-note {
    margin-top: 16px;
    line-height: 1.6;
    background-color: #f6f6f6;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-note {
        padding: 24px 64px;
        margin-top: 24px
    }
}

.static-paidy_reduction-note p {
    margin-bottom: 8px
}

.static-paidy_reduction-note ul {
    margin-bottom: 8px
}

.static-paidy_reduction-img {
    margin-top: 24px
}

.static-paidy_reduction-img img {
    width: 100%
}

.static-paidy_reduction-period {
    margin-top: 16px
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-period {
        display: flex;
        flex-wrap: wrap;
        margin: 24px auto 0
    }
}

.static-paidy_cashless-period-title {
    background: #E61212;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 8px
}

@media screen and (min-width: 768px) {
    .static-paidy_cashless-period-title {
        width: 180px;
        font-size: 16px;
        padding: 10px;
        position: relative
    }

    .static-paidy_cashless-period-title::after {
        position: absolute;
        top: 0;
        right: -11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 0 18px 12px;
        content: '';
        border-color: transparent transparent transparent #E61212
    }
}

.static-paidy_memory-period-title {
    background: #AF5ED0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 8px
}

@media screen and (min-width: 768px) {
    .static-paidy_memory-period-title {
        width: 180px;
        font-size: 16px;
        padding: 10px;
        position: relative
    }

    .static-paidy_memory-period-title::after {
        position: absolute;
        top: 0;
        right: -11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 0 18px 12px;
        content: '';
        border-color: transparent transparent transparent #AF5ED0
    }
}

.static-paidy_reduction-period-day {
    font-weight: bold;
    font-size: 14px;
    padding: 12px;
    line-height: 1.5;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .static-paidy_reduction-period-day {
        display: block;
        padding: 10px 32px;
        line-height: 1;
        text-align: left;
        width: calc(100% - 180px)
    }

    .static-paidy_reduction-period-day br {
        display: none
    }
}

.static-paidy_cashless-period-day {
    border: 1px solid #E61212
}

.static-paidy_memory-period-day {
    border: 1px solid #AF5ED0
}

.static-paidy_rollribbon {
    position: relative;
    width: 138px;
    left: -3px
}

.static-paidy_rollribbon-roll {
    position: absolute;
    top: 14px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    height: 36px;
    padding: 8px 10px;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    background-color: #F5D02C
}

.static-paidy_rollribbon-roll:before, .static-paidy_rollribbon-roll:after {
    position: absolute;
    content: '';
    border: none;
    border-radius: 5px 0 0 5px
}

.static-paidy_rollribbon-roll:before {
    top: -8px;
    left: -7px;
    width: 7px;
    height: 44px;
    background-color: #F5D02C
}

.static-paidy_rollribbon-roll:after {
    top: -7px;
    left: -5px;
    width: 5px;
    height: 7px;
    background-color: #c9a814
}

@media screen and (min-width: 768px) {
    .static-paidy_rollribbon-roll {
        padding: 8px 32px
    }
}

.static-paidy_rollribbon-decoration:after {
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 8px;
    border-color: #F5D02C;
    border-right-color: transparent;
    content: ''
}

.static-paidy_rollribbon-sub {
    font-size: 12px
}

.static-about__matome {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-about__matome {
        margin-top: 40px
    }
}

.static-about__matome li {
    margin: 0 auto 20px auto;
    width: 50%
}

.static-about__matome-box-title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.static-about__graph {
    display: table;
    margin: 60px auto 0
}

@media screen and (max-width: 991px) {
    .static-about__graph {
        margin: 16px auto 10px;
        display: block
    }
}

.static-about__graph-user, .static-about__graph-pertain, .static-about__graph-outside {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.75
}

@media screen and (max-width: 991px) {
    .static-about__graph-user, .static-about__graph-pertain, .static-about__graph-outside {
        line-height: 1.4;
        font-size: 12px;
        display: block;
        text-align: center
    }
}

.static-about__graph-user {
    padding: 0 8px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-about__graph-user {
        padding: 0
    }

    .static-about__graph-user img {
        width: 120px
    }
}

.static-about__graph-pertain {
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-about__graph-pertain {
        margin: 20px 0
    }
}

@media screen and (max-width: 991px) {
    .static-about__graph-pertain__arrow img {
        width: 30px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

.static-about__graph-user-title {
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-about__graph-user-title {
        margin: 4px 0
    }
}

.static-about__graph-wrap {
    position: relative
}

.static-about__graph-outside {
    position: relative;
    width: 300px;
    height: 300px;
    margin: auto;
    background-image: linear-gradient(to left, #4abfe6, #60df52);
    border-radius: 50%
}

.static-about__graph-outside:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 2px;
    border-radius: 50%;
    border: 2px solid #fff
}

@media screen and (max-width: 991px) {
    .static-about__graph-outside {
        width: 240px;
        height: 240px
    }
}

.static-about__graph-inside {
    overflow: hidden;
    position: absolute;
    top: 6px;
    right: 6px;
    left: 6px;
    bottom: 6px;
    background-color: #fff;
    border-radius: 50%
}

.static-about__graph-inner {
    display: table;
    width: 100%
}

.static-about__graph-cell {
    display: table-cell;
    text-align: center;
    height: 300px;
    padding-top: 40px
}

@media screen and (max-width: 991px) {
    .static-about__graph-cell {
        height: 150px
    }
}

@media screen and (max-width: 991px) {
    .static-about__graph-logo {
        width: 100px
    }
}

.static-about__graph-text {
    width: 130px;
    text-align: left;
    position: absolute;
    top: 200px;
    left: 85px
}

@media screen and (max-width: 991px) {
    .static-about__graph-text {
        font-size: 12px;
        top: 140px;
        left: 20px;
        right: 0;
        margin: auto
    }
}

@media screen and (max-width: 991px) {
    .static-about__graph-text p {
        float: left
    }
}

.static-about__graph-text-p {
    margin-bottom: 8px;
    font-weight: bold
}

.static-about__graph-text-icon {
    vertical-align: middle;
    margin-right: 5px
}

@media screen and (max-width: 991px) {
    .static-about__graph-text-icon {
        width: 16px
    }
}

.static-about__case .odd-col__line {
    padding: 30px 0
}

.static-about__case .odd-col__line:first-child {
    background: none;
    padding-top: 0
}

.static-about__case-category {
    font-size: 12px;
    margin-bottom: 16px
}

.static-about__case-category li {
    display: inline;
    color: #999999;
    margin-right: 8px
}

@media screen and (max-width: 991px) {
    .static-about__case-category {
        margin-top: 16px
    }
}

.static-about__case-title {
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .static-about__case-title {
        font-size: 16px;
        margin-top: 8px
    }
}

.static-about__case-description {
    line-height: 1.4
}

.static-about__type-inner {
    width: 80%;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .static-about__type-inner {
        width: auto;
        clear: both
    }
}

.static-about__type {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-about__type {
        margin-top: 32px
    }

    .static-about__type li ~ li {
        margin-top: 60px
    }
}

@media screen and (max-width: 991px) {
    .static-about__type-bg {
        width: 40%;
        padding-top: 40%;
        float: left
    }
}

@media screen and (max-width: 991px) {
    .static-about__type-text {
        margin-left: 46%;
        padding-top: 1%
    }

    .static-about__type-text .static-about__term-title, .static-about__type-text .static-about__term-text {
        text-align: left
    }
}

@media screen and (max-width: 991px) {
    .static-about__type-subtext {
        text-align: left
    }
}

.static-about__type-description {
    color: #999;
    margin: 60px auto 0;
    line-height: 1.5;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-about__type-description {
        margin-top: 32px;
        text-align: left
    }
}

.button-white {
    display: inline-block;
    background: #fff;
    color: #feb223;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    border: none;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid #eee
}

.static-step__screen {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-step__screen {
        margin-top: 40px
    }
}

.static-step__screen li + li:before, .static-step__screen li + li:after {
    border-top: 18px solid #e8f6fb
}

.static-step__screen li + li:after {
    border-top-color: #fff
}

.static-step__screen-wrap {
    background: #e8f6fb
}

.static-step__screen-box__half {
    width: 50%;
    float: left;
    padding: 0 30px
}

@media screen and (max-width: 991px) {
    .static-step__screen-box__half {
        width: 100%;
        float: none;
        padding: 16px
    }
}

.static-step__screen-box__half + .static-step__screen-box__half {
    float: right;
    border-left: 1px solid #fff
}

@media screen and (max-width: 991px) {
    .static-step__screen-box__half + .static-step__screen-box__half {
        float: none;
        border-left: none;
        padding-bottom: 32px
    }
}

.static-step__screen-box__half p {
    font-size: 16px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-step__screen-box__half p {
        font-size: 14px;
        line-height: 1.75
    }
}

.static-step__screen-title, .static-step__screen-box__half-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-step__screen-title, .static-step__screen-box__half-title {
        font-size: 16px
    }
}

.static-step__screen-box__half-title {
    border-bottom: 1px solid;
    padding-bottom: 16px;
    margin-bottom: 24px
}

.static-step__screen-box__second-title {
    font-size: 18px;
    font-weight: bold;
    margin: 16px 0;
    padding-top: 16px;
    border-top: 1px solid #d1d1d1
}

.static-step__screen-box__second-title:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

@media screen and (max-width: 991px) {
    .static-step__screen-box__second-title {
        font-size: 16px;
        line-height: 1.4;
        text-align: center
    }
}

.static-step__screen-box__second-link {
    font-weight: bold
}

.static-step__screen-box-list {
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .static-step__screen-box-list {
        font-size: 16px
    }
}

.static-step__screen-box-list img {
    vertical-align: middle;
    margin-right: 16px
}

.static-step__screen-box-list + .static-step__screen-box-list {
    margin-top: 8px
}

.static-step__screen-box {
    padding: 0 100px
}

@media screen and (max-width: 991px) {
    .static-step__screen-box {
        padding: 16px 16px 24px
    }
}

.static-step__screen-box p {
    font-size: 16px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-step__screen-box p {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .static-step__screen-box.static-host-flow__payment {
        padding: 16px 16px 0px
    }
}

.static-step__screen-title-text {
    display: block;
    margin: 8px 0 24px
}

@media screen and (max-width: 991px) {
    .static-step__screen-title-text.static-host-flow__payment {
        margin: 8px 0px
    }
}

.static-step__screen-attention {
    margin-top: 10px;
    font-size: 13px !important;
    color: #999999
}

.static-safety__graph-outside {
    width: 250px;
    height: 250px
}

@media screen and (max-width: 991px) {
    .static-safety__graph-outside {
        width: 190px;
        height: 190px
    }
}

.static-safety__graph-user {
    vertical-align: top;
    padding-top: 55px
}

@media screen and (max-width: 991px) {
    .static-safety__graph-user {
        padding-top: 0
    }
}

.static-safety__graph-pertain {
    width: 85px;
    vertical-align: top;
    padding-top: 90px
}

@media screen and (max-width: 991px) {
    .static-safety__graph-pertain {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-top: 0
    }
}

@media screen and (max-width: 991px) {
    .static-about__graph-pertain__money {
        position: absolute;
        left: 60px;
        top: -5px
    }

    .static-about__graph-pertain__money img {
        width: 30px
    }
}

.static-safety__graph-cell {
    padding-top: 50px
}

.static-link-area {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .static-link-area {
        font-size: 14px;
        line-height: 1.75
    }
}

.static-service__list {
    margin-top: 60px
}

@media screen and (max-width: 991px) {
    .static-service__list {
        margin-top: 0
    }
}

.static-service__list li {
    margin-top: 30px;
    min-height: 320px
}

@media screen and (max-width: 991px) {
    .static-service__list li {
        min-height: 1px;
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .static-service__list li + li {
        margin-top: 24px
    }
}

.static-service__list-item {
    text-align: center
}

.static-service__list-item img {
    width: 184px
}

@media screen and (max-width: 991px) {
    .static-service__list-item img {
        width: 40%;
        float: left;
        padding-top: 10px
    }
}

.static-service__list-subtitle {
    font-size: 18px;
    margin: 24px auto 16px
}

@media screen and (max-width: 991px) {
    .static-service__list-subtitle {
        font-size: 18px
    }
}

.static-service__list-subtext {
    text-align: center;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-service__list-subtext {
        text-align: left
    }
}

.static-link-area__subtitle {
    margin: 0 auto 24px
}

@media screen and (max-width: 991px) {
    .static-publish__type-bg {
        margin-bottom: 10px
    }
}

.static-appeal__list li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .static-appeal__list li {
        width: auto;
        margin-right: 14px;
        margin-bottom: 16px
    }
}

.static-appeal__list li img {
    height: 55px
}

@media screen and (max-width: 991px) {
    .static-appeal__list li img {
        height: 35px
    }
}

.static-appeal__title {
    padding-top: 60px;
    margin-top: 32px;
    border-top: 1px solid #ebebeb
}

.static-host__screen-box-list {
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .static-host__screen-box-list {
        font-size: 16px
    }
}

.static-host__screen-box-list img {
    vertical-align: middle;
    margin-right: 16px
}

.static-host__screen-box-list:nth-child(n+3) {
    margin-top: 32px
}

@media screen and (max-width: 991px) {
    .static-host__screen-box-list:nth-child(n+3) {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .static-host__screen-box-list + .static-host__screen-box-list {
        margin-top: 12px
    }
}

.static-host-safety__graph-pertain {
    width: 90px;
    vertical-align: top;
    padding-top: 90px
}

@media screen and (max-width: 991px) {
    .static-host-safety__graph-pertain {
        margin-left: auto;
        margin-right: auto;
        position: relative
    }
}

.static-popular__list {
    margin-top: 40px
}

@media screen and (max-width: 991px) {
    .static-popular__list {
        margin-top: 32px
    }
}

.static-popular__list-wrap {
    display: table;
    width: 100%
}

.static-popular__list-wrap + .static-popular__list-wrap {
    margin-top: 24px
}

.static-popular__list-col {
    display: inline-block;
    vertical-align: middle;
    float: none
}

@media screen and (max-width: 991px) {
    .static-popular__list-col {
        display: block;
        text-align: center
    }
}

.static-popular__list-img {
    width: 100%
}

@media screen and (max-width: 991px) {
    .static-popular__list-img {
        width: 160px
    }
}

.static-popular__list-text {
    font-size: 16px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .static-popular__list-text {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .static-popular__list-text {
        text-align: left;
        margin: 16px 0
    }
}

.static-popular__list-link {
    font-size: 14px;
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .static-popular__list-link {
        text-align: left;
        margin-bottom: 16px
    }
}

.static-single__agreement {
    position: relative;
    font-size: 16px
}

.static-single__agreement dt {
    position: absolute;
    left: 0;
    width: 14em;
    font-weight: bold;
    padding: 10px 0
}

@media screen and (max-width: 991px) {
    .static-single__agreement dt {
        position: static;
        width: auto
    }
}

.static-single__agreement dd {
    padding: 10px 0 10px 14em;
    border-bottom: dashed 1px #ddd
}

@media screen and (max-width: 991px) {
    .static-single__agreement dd {
        padding: 0 0 10px 0
    }
}

.page__static-single {
    margin-top: 24px
}

@media screen and (max-width: 991px) {
    .page__static-single {
        margin-top: 16px
    }
}

.page__static-single h2 {
    font-size: 19px;
    font-weight: bold;
    margin: 16px 0
}

.page__static-single h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 16px 0
}

.page__static-single ol, .page__static-single ul {
    margin: 0 0 0 1.5em
}

.page__static-single ol li {
    list-style: decimal
}

.page__static-single ul li {
    list-style: disc
}

.page__static-single li {
    margin: 6px 0
}

.page__static-single ul.page__static-single-notype {
    margin-left: 0;
    text-indent: -1.3em
}

.page__static-single ul.page__static-single-notype li {
    list-style: none;
    margin-left: 1.3em
}

.page__static-single b {
    font-weight: bold
}

.page__static-single-revision {
    text-align: right;
    margin-top: 24px
}

.static-app__inner {
    width: 1100px;
    margin: auto;
    position: relative
}

@media screen and (max-width: 991px) {
    .static-app__inner {
        width: auto;
        padding-left: 12px;
        padding-right: 12px
    }
}

.static-app__heroimg {
    position: relative;
    background: url("//cdn.spacemarket.net/assets/service/static/app/main_bg-d5b45483bdd0ffaecad83777bad9f03a.png") no-repeat;
    background-size: cover;
    background-position: center;
    height: 500px;
    padding: 80px 0;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .static-app__heroimg {
        height: auto;
        padding: 40px 0 0;
        text-align: center
    }
}

.static-app__heroimg-title {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .static-app__heroimg-title {
        margin-bottom: 20px
    }

    .static-app__heroimg-title img {
        width: 300px;
        height: auto
    }
}

.static-app__heroimg-copy {
    margin-left: 75px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
    margin-bottom: 80px;
    text-shadow: 0 0 3px #FFF
}

@media screen and (max-width: 991px) {
    .static-app__heroimg-copy {
        margin-left: 0;
        font-size: 18px;
        margin-bottom: 20px
    }
}

.static-app__heroimg-banner {
    margin-left: 75px
}

.static-app__heroimg-banner a {
    margin-right: 16px
}

@media screen and (max-width: 991px) {
    .static-app__heroimg-banner a {
        margin-right: 0;
        display: block;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 991px) {
    .static-app__heroimg-banner {
        margin-left: 0;
        margin-bottom: 30px
    }

    .static-app__heroimg-banner img {
        margin-bottom: 5px
    }
}

.static-app__heroimg-img {
    position: absolute;
    top: 0;
    right: 0px
}

@media screen and (max-width: 991px) {
    .static-app__heroimg-img {
        position: static;
        width: 280px;
        height: auto;
        margin-top: 20px
    }
}

.static-app__pr-inner {
    position: relative
}

.static-app__pr-circle {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #60df52;
    position: absolute;
    top: -150px;
    left: 430px
}

@media screen and (max-width: 991px) {
    .static-app__pr-circle {
        top: 150px;
        left: auto;
        right: -8px;
        width: 110px;
        height: 110px
    }
}

.static-app__pr-circle:after {
    content: "";
    display: block;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-top: solid 30px #60df52;
    bottom: 0px;
    left: 5px;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

@media screen and (max-width: 991px) {
    .static-app__pr-circle:after {
        display: none
    }
}

.static-app__pr-copy {
    position: relative;
    top: 50%;
    font-size: 18px;
    line-height: 1.3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #fff;
    text-align: center;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .static-app__pr-copy {
        font-size: 14px
    }
}

.static-app__campaign {
    padding: 36px
}

.static-app__campaign .mod-banner__button {
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .static-app__campaign {
        padding: 32px 16px
    }
}

.static-app__campaign-title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .static-app__campaign-title {
        font-size: 18px
    }
}

.static-app__campaign-date {
    background: #FFF;
    color: #4abfe6;
    border-radius: 3px;
    padding: 4px 6px;
    margin-right: 10px;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .static-app__campaign-date {
        font-size: 14px
    }
}

@media screen and (max-width: 991px) {
    .static-app__campaign-copy {
        display: block;
        margin-top: 2px
    }
}

.static-app__point-box {
    text-align: center
}

@media screen and (max-width: 991px) {
    .static-app__point-box {
        margin-bottom: 60px
    }
}

.static-app__point-title {
    line-height: 1.5;
    font-size: 30px;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .static-app__point-title {
        font-size: 22px
    }
}

.static-app__point-subtitle {
    font-size: 22px;
    margin: 10px 0 15px
}

@media screen and (max-width: 991px) {
    .static-app__point-subtitle {
        font-size: 20px
    }
}

.static-app__point-text {
    line-height: 1.5
}

.static-app__download {
    text-align: center
}

.static-app__download-title {
    line-height: 1.5;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .static-app__download-title {
        font-size: 22px
    }
}

.static-app__download-text {
    line-height: 1.5;
    margin-bottom: 20px
}

.static-app__download-banner {
    text-align: center
}

.static-app__download-banner img {
    margin: 0 8px 10px
}

.static-app__download-attention {
    font-size: 12px;
    line-height: 1.8
}

.static-terms-logo__guideline {
    text-align: center
}

.static-terms-logo__title {
    margin-bottom: 40px
}

.static-terms-logo__guideline-button {
    padding: 15px 0;
    width: 300px;
    margin-top: 40px
}

@media screen and (max-width: 991px) {
    .static-terms-logo__guideline-button {
        margin-top: 40px
    }
}

.static-terms-logo__download {
    border-bottom: solid 1px #eaeaea;
    padding: 80px 0 20px 0;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .static-terms-logo__download {
        padding: 32px 0;
        margin-bottom: 32px
    }
}

.static-terms-logo__img {
    width: 230px;
    border-radius: 3px;
    border: solid 1px #eaeaea
}

@media screen and (max-width: 991px) {
    .static-terms-logo__img {
        width: 100%
    }
}

.static-terms-logo__download-type {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 40px 0;
    padding-top: 40px
}

@media screen and (max-width: 991px) {
    .static-terms-logo__download-type {
        font-size: 22px;
        margin-top: 32px;
        margin-bottom: 32px;
        padding-top: 32px
    }
}

.static-terms-logo__border {
    border-top: solid 1px #eaeaea
}

.static-terms-logo__download-box-color {
    width: 254px;
    margin-right: 18px
}

@media screen and (max-width: 991px) {
    .static-terms-logo__download-box-color {
        margin-right: 0;
        width: 100%
    }
}

.static-terms-logo__download-box-black {
    width: 254px;
    margin: 0 18px
}

@media screen and (max-width: 991px) {
    .static-terms-logo__download-box-black {
        margin: 0;
        width: 100%
    }
}

.static-terms-logo__download-box-white {
    width: 254px;
    margin-left: 18px
}

@media screen and (max-width: 991px) {
    .static-terms-logo__download-box-white {
        margin-left: 0;
        width: 100%
    }
}

.static-terms-logo__box-color {
    margin-top: 7px;
    font-size: 22px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .static-terms-logo__box-color {
        font-size: 18px
    }
}

.static-terms-logo__box-use {
    font-size: 16px;
    margin-top: 8px;
    color: #999999;
    clear: both;
    float: left
}

.static-terms-logo__box-data {
    font-size: 16px;
    margin-top: 8px;
    color: #999999;
    float: right
}

@media screen and (max-width: 991px) {
    .static-terms-logo__sm-mb {
        margin-bottom: 32px
    }
}

.static-terms-logo__box-data-download:hover {
    text-decoration: underline
}

.signup-head {
    text-align: center
}

.signup-box {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 32px
}

.signup-box ~ .signup-box {
    margin-top: 32px
}

@media screen and (max-width: 991px) {
    .signup-box {
        padding: 24px 16px
    }
}

.signup-box__md-top {
    margin-top: -8px;
    margin-bottom: 8px
}

.signup-box__line {
    position: relative;
    border-radius: 3px 3px 0 0
}

.signup-box__line:before {
    content: "";
    border-right: 1px solid #eaeaea;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%
}

@media screen and (max-width: 991px) {
    .signup-box__line:before {
        border-right: none
    }
}

.signup-box__line .row.col-signup__pd {
    margin-left: -30px;
    margin-right: -30px
}

.signup-box__line .row.col-signup__pd > .col-md-6 {
    padding-right: 30px;
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .sm-signup-box__line {
        background-image: -webkit-linear-gradient(right, #f6f6f6 14px, transparent 14px, transparent), -webkit-linear-gradient(left, #f6f6f6 14px, #eaeaea 14px, #eaeaea);
        background-image: -moz-linear-gradient(right, #f6f6f6 14px, transparent 14px, transparent), -moz-linear-gradient(left, #f6f6f6 14px, #eaeaea 14px, #eaeaea);
        background-image: linear-gradient(to left, #f6f6f6 14px, transparent 14px, transparent), linear-gradient(to right, #f6f6f6 14px, #eaeaea 14px, #eaeaea);
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: left top;
        padding-top: 24px;
        margin-top: 24px
    }
}

.signup-box__title {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 32px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .signup-box__title {
        margin-bottom: 24px
    }
}

.signup-box__title-other {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .signup-box__title-other {
        margin-bottom: 16px
    }
}

.signup-box__notes {
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .signup-box__notes {
        text-align: left
    }
}

.signup-box__caution {
    color: #999;
    font-size: 11px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .signup-box__caution {
        text-align: left;
        font-size: 12px
    }
}

.signup-box__col {
    float: none
}

.signup-box__select {
    position: relative;
    line-height: 0
}

.signup-box__select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    border-top: none;
    border-left: none;
    border-right: none;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background-color: transparent;
    line-height: 14px;
    color: #4a4b4e;
    width: 100%;
    padding: 5px 0
}

.signup-box__select select::-ms-expand {
    display: none
}

.signup-box__select:before {
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    color: #4abfe6;
    content: "\f0dd";
    z-index: 1;
    margin-top: 9px
}

.signup-box__required {
    color: #e95175;
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 1.4
}

.signup-box__required .fa {
    margin-right: 3px
}

.signup-box__required strong {
    font-weight: bold
}

.signup-box__example {
    color: rgba(0, 0, 0, 0.26);
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 1.4
}

.signup-box__example .fa {
    margin-right: 3px
}

.signup-box__example strong {
    font-weight: bold
}

.signup-box ~ .signup-box__new-account {
    margin-top: -1px;
    padding: 22px;
    border-radius: 0 0 3px 3px
}

.signup-box__new-account-txt {
    text-align: center;
    font-weight: bold
}

.signup-box__new-account-title {
    display: block;
    color: #4a4b4e;
    font-size: 14px
}

.signup-box__new-account-linktxt {
    color: #4abfe6
}

.signup-box__new-account-linktxt:hover {
    text-decoration: underline
}

.signup-box__new-account-title .fa {
    margin-left: 8px;
    font-size: 18px
}

.signup-box ~ .signup-box__biz-account {
    position: relative;
    padding: 30px 30px 30px 40px;
    margin-top: 10px
}

@media screen and (max-width: 991px) {
    .signup-box ~ .signup-box__biz-account {
        padding: 24px 16px
    }
}

.signup-box__biz-newlabel {
    display: inline-block;
    background: #f5d02c;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 8px 10px;
    position: absolute;
    top: -23px;
    left: -34px
}

@media screen and (max-width: 991px) {
    .signup-box__biz-newlabel {
        top: -15px;
        left: -10px
    }
}

.signup-box__biz-account .signup-box__title {
    margin-bottom: 0;
    text-align: left;
    line-height: 1.4;
    padding-left: 15px;
    font-size: 15px
}

@media screen and (max-width: 991px) {
    .signup-box__biz-account .signup-box__title {
        margin-bottom: 20px;
        text-align: center;
        padding-left: 0
    }
}

.signup-box__biz-account-free {
    color: #999;
    font-size: 13px
}

.signup-box__biz-btn {
    padding-left: 25px
}

@media screen and (max-width: 991px) {
    .signup-box__biz-btn {
        padding: 0 12px
    }
}

.signup-box__biz-arrw {
    margin-top: 15px;
    font-size: 16px;
    text-align: center
}

.signup-box__biz-arrw .fa {
    font-size: 18px
}

.signup-referral__bg {
    height: 450px
}

.signup-referral__subscriber-img {
    width: 93px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 100%;
    border: 3px solid #FFF
}

.signup-referral__company-name {
    font-size: 18px;
    font-weight: normal
}

.signup-referral__title {
    font-size: 32px
}

@media screen and (max-width: 991px) {
    .signup-referral__title {
        font-size: 20px
    }
}

.signup-referral__subtitle {
    display: block;
    font-weight: normal;
    font-size: 18px;
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .signup-referral__subtitle {
        font-size: 14px
    }
}

.signup-referral__ribbon {
    margin: 20px auto 0;
    line-height: 1;
    display: block;
    position: relative;
    width: 260px;
    height: 48px;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: bold;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .signup-referral__ribbon {
        float: none;
        font-size: 14px;
        height: 42px
    }
}

.signup-referral__ribbon-inner {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 3px;
    left: 2px;
    width: 295px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

.signup-referral__ribbon:before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 100%;
    width: 0;
    height: 0;
    border-width: 24px 10px;
    border-style: solid;
    border-color: #f5d02c;
    border-left-color: transparent
}

@media screen and (max-width: 991px) {
    .signup-referral__ribbon:before {
        border-width: 21px 10px
    }
}

.signup-referral__ribbon:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 24px 10px;
    border-style: solid;
    border-color: #f5d02c;
    border-right-color: transparent
}

@media screen and (max-width: 991px) {
    .signup-referral__ribbon:after {
        border-width: 21px 10px
    }
}

.button-facebook, .button-google {
    display: block;
    color: #FFF;
    border-radius: 3px;
    font-weight: bold;
    position: relative
}

.signup-box__sns-button {
    text-align: center;
    display: block
}

.button-facebook:hover, .button-google:hover {
    opacity: 0.9
}

.button-facebook:before, .button-google:before {
    font-family: FontAwesome;
    position: absolute;
    z-index: 1;
    font-size: 18px;
    left: 20px;
    top: 14px;
    font-weight: normal
}

.button-facebook {
    background: #305097;
    border-bottom: 1px solid #142b5f
}

.button-facebook:before {
    content: "\f082"
}

.button-google {
    background: #dc4e41;
    border-bottom: 1px solid #aa352b
}

.button-google:before {
    content: "\f0d5"
}

.signup-box__wrapper {
    width: 565px;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .signup-box__wrapper {
        width: auto
    }
}

.signup-step {
    margin-top: 20px;
    padding-bottom: 8px
}

.signup-step li {
    background: #FFF;
    padding: 10px 0;
    border: 2px solid #FFF;
    text-align: center;
    width: 32%;
    position: relative
}

@media screen and (max-width: 991px) {
    .signup-step li {
        width: 31%
    }
}

.signup-step .is-current {
    border-color: #60df52;
    color: #60df52
}

.signup-step .is-current:before {
    border-color: #60df52
}

.signup-step .is-current:after {
    border-color: #60df52
}

.signup-step2 {
    overflow: hidden
}

.signup-step2 li {
    width: 49%
}

.signup-step__status1:after, .signup-step__status2:after {
    position: absolute;
    content: " ";
    height: 26px;
    width: 26px;
    background: #FFF;
    top: 4px;
    right: -15px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.signup-step__status2:before, .signup-step__status3:before {
    position: absolute;
    content: " ";
    height: 25px;
    width: 25px;
    background: #f3f3f3;
    top: 4px;
    left: -13px;
    border-top: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.signup-step__status1 {
    float: left;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 2
}

.signup-step__status3 {
    float: right;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 1
}

.signup-step__status2 {
    margin: auto;
    border-top: 2px solid #60df52;
    border-bottom: 2px solid #60df52;
    z-index: 1
}

.signup-box__sns {
    margin-bottom: 32px
}

.signup-box__sns li ~ li {
    margin-top: 16px
}

.signup-box__login-btn {
    margin: 10px auto 20px
}

.signup-box__login-checkbox {
    text-align: center;
    margin-top: 16px
}

.signup-box__login-checkbox .mdl-checkbox {
    width: auto
}

.signup-box__wrapper-fb {
    width: 300px;
    margin: 0 auto 30px
}

@media screen and (max-width: 991px) {
    .signup-box__wrapper-fb {
        width: 100%
    }
}

.signup-box__wrapper-form {
    width: 400px;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .signup-box__wrapper-form {
        width: auto
    }
}

.signup-box__wrapper-form-profile {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
    padding-bottom: 20px;
    margin: 20px 0 20px
}

.signup-box__wrapper-form-profile__img {
    float: right
}

@media screen and (max-width: 991px) {
    .signup-box__wrapper-form-profile__img {
        float: none
    }
}

.signup-box__wrapper-form-title {
    color: rgba(0, 0, 0, 0.26);
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .signup-box__wrapper-form-title.fl {
        float: none;
        display: block;
        margin-bottom: 10px
    }
}

.signup-box__wrapper-form-notes {
    line-height: 1.2;
    font-size: 12px;
    margin-bottom: 6px
}

@media screen and (max-width: 991px) {
    .signup-box__wrapper-form-notes {
        font-size: 14px
    }
}

.mdl-checkbox .mdl-checkbox__tick-outline {
    width: 14px
}

.signup-point {
    background-color: #F6CC00;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden
}

.signup-point:before {
    content: "";
    width: 200px;
    height: 30px;
    top: 0px;
    left: -40px;
    background-color: #e95175;
    position: absolute;
    transform: rotate(-45deg)
}

@media screen and (max-width: 991px) {
    .signup-point:before {
        height: 25px
    }
}

.signup-point:after {
    content: "";
    width: 200px;
    height: 30px;
    bottom: 0px;
    right: -40px;
    background-color: #e95175;
    position: absolute;
    transform: rotate(-45deg)
}

@media screen and (max-width: 991px) {
    .signup-point:after {
        height: 25px
    }
}

.signup-point__text {
    color: #ffffff;
    padding: 30px 0;
    border: solid 1px #ffffff;
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .signup-point__text {
        padding: 25px 0
    }
}

.signup-point__text-campaign {
    font-size: 18px
}

@media screen and (max-width: 991px) {
    .signup-point__text-campaign {
        font-size: 16px;
        line-height: 1.2
    }
}

.signup-point__text-point {
    font-size: 36px;
    font-weight: bold;
    margin: 15px 0 10px;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .signup-point__text-point {
        font-size: 28px;
        margin: 10px 0 5px
    }
}

.signup-point__text-unit {
    font-weight: bold;
    display: inline-block;
    margin-left: 5px
}

.signup-box__mailcheck {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0;
    text-align: center;
    margin: 16px 0
}

@media screen and (max-width: 991px) {
    .signup-box__mailcheck {
        text-align: left;
        line-height: 1.4
    }
}

@media screen and (max-width: 991px) {
    .sm-signup-box__mailcheck__title {
        display: block
    }
}

.signup-welcome {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .signup-welcome {
        text-align: left
    }
}

.signup-box__done-head {
    text-align: center
}

.signup-box__done-head img {
    width: 150px;
    margin-bottom: 20px
}

.signup-box__done-text {
    line-height: 1.4;
    margin-bottom: 16px
}

.signup__datetime-layout__inner {
    left: 0;
    top: -5px;
    display: none
}

@media screen and (max-width: 991px) {
    .signup__datetime-layout__inner {
        left: -6px;
        width: 225%
    }
}

.signup-box__done-search {
    margin-bottom: 30px
}

.signup-box__done-host {
    margin-top: 137px
}

@media screen and (max-width: 991px) {
    .signup-box__done-host {
        margin-top: 0
    }
}

.campaign__padding {
    padding: 50px 0
}

@media screen and (max-width: 991px) {
    .campaign__padding {
        padding: 32px 0
    }
}

.campaign__heroimg {
    position: relative;
    overflow: hidden;
    height: 400px;
    margin-top: -20px
}

@media screen and (max-width: 1199px) {
    .campaign__heroimg {
        margin-top: -50px
    }
}

@media screen and (max-width: 991px) {
    .campaign__heroimg {
        height: auto;
        margin-top: -32px
    }
}

.campaign__img {
    width: 100%;
    max-width: 1086px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

@media screen and (max-width: 991px) {
    .campaign__img {
        position: static;
        transform: none
    }
}

.campaign-about__date {
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
    .campaign-about__date {
        font-size: 12px
    }
}

.campaign-about__title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    margin: 50px 0 18px
}

@media screen and (max-width: 991px) {
    .campaign-about__title {
        margin: 18px 0;
        font-size: 28px
    }
}

.campaign-about__heading {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-about__heading {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.campaign-about__closed {
    text-align: center;
    border: 1px solid #e95175;
    color: #e95175;
    padding: 20px;
    margin-bottom: 35px
}

@media screen and (max-width: 991px) {
    .campaign-about__closed {
        margin-bottom: 15px
    }
}

.campaign-about__border {
    border-top: 1px #eaeaea solid
}

.campaign-about__casette {
    padding-top: 35px
}

@media screen and (max-width: 991px) {
    .campaign-about__casette {
        padding-top: 15px
    }
}

.campaign-about__discription {
    line-height: 2
}

@media screen and (max-width: 991px) {
    .campaign-about__discription {
        margin-top: 10px
    }
}

.campaign-about__social {
    padding: 0 80px 35px
}

@media screen and (max-width: 991px) {
    .campaign-about__social {
        padding: 0 0 15px
    }
}

.campaign-about__social li {
    text-align: center
}

.campaign-about__social li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.campaign-about__social li a:hover {
    opacity: 0.7
}

.campaign-coupon {
    background: #4abfe6;
    position: relative
}

.campaign-coupon__inner {
    background: #FFF;
    width: 1000px;
    margin: 10px auto 0;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    padding: 0 30px 30px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__inner {
        width: auto;
        margin: 0 10px;
        padding: 0 20px 30px
    }
}

.campaign-coupon__points {
    position: relative;
    top: -15px;
    float: left;
    width: 240px;
    height: 48px;
    margin-left: 48px;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: bold;
    z-index: 1
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .campaign-coupon__points {
        margin-left: 44px
    }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .campaign-coupon__points {
        top: 0
    }
}

@media screen and (max-width: 991px) {
    .campaign-coupon__points {
        margin: -15px auto 20px;
        float: none;
        font-size: 14px;
        height: 42px
    }
}

.body-home__index .campaign-coupon__points {
    float: none;
    top: 0;
    padding: 3px;
    margin-left: 52px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: bold;
    z-index: 1
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .body-home__index .campaign-coupon__points {
        width: 182px;
        margin-left: 48px
    }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .body-home__index .campaign-coupon__points {
        top: 15px
    }
}

@media screen and (max-width: 991px) {
    .body-home__index .campaign-coupon__points {
        margin: -15px auto 20px;
        float: none;
        font-size: 14px;
        height: 42px;
        width: 120px
    }
}

.campaign-coupon__points-inner {
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 3px;
    left: 2px;
    width: 277px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

.body-home__index .campaign-coupon__points-inner {
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 3px;
    left: 2px;
    width: 277px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .body-home__index .campaign-coupon__points-inner {
        width: 218px
    }
}

@media screen and (max-width: 991px) {
    .body-home__index .campaign-coupon__points-inner {
        width: 156px
    }
}

.campaign-coupon__points:before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 100%;
    width: 0;
    height: 0;
    border-width: 24px 10px;
    border-style: solid;
    border-color: #f5d02c;
    border-left-color: transparent
}

@media screen and (max-width: 991px) {
    .campaign-coupon__points:before {
        border-width: 21px 10px
    }
}

.campaign-coupon__points:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 24px 10px;
    border-style: solid;
    border-color: #f5d02c;
    border-right-color: transparent
}

@media screen and (max-width: 991px) {
    .campaign-coupon__points:after {
        border-width: 21px 10px
    }
}

.campaign-coupon__name {
    clear: both;
    margin: 70px 0 20px;
    font-size: 26px;
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 991px) {
    .campaign-coupon__name {
        margin-top: 20px;
        font-size: 24px;
        margin-bottom: 10px
    }
}

.campaign-coupon__date {
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .campaign-coupon__date {
        font-size: 12px
    }
}

.campaign-coupon__coupon {
    width: 550px;
    height: 80px;
    border: 1px solid #e0e0e0;
    margin: 25px auto;
    display: table
}

@media screen and (max-width: 991px) {
    .campaign-coupon__coupon {
        width: auto;
        height: auto;
        display: block;
        margin: 20px auto
    }
}

.campaign-coupon__coupon-title {
    display: table-cell;
    vertical-align: middle;
    background: #f6f6f6;
    width: 160px;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__coupon-title {
        width: auto;
        display: block;
        padding: 10px;
        font-size: 13px
    }
}

.campaign-coupon__coupon-code {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    text-align: center;
    font-size: 28px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .campaign-coupon__coupon-code {
        display: block;
        font-size: 22px;
        padding: 20px 10px
    }
}

.campaign-coupon__howto {
    text-align: center;
    color: #b3b3b4;
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__howto {
        font-size: 13px;
        line-height: 1.2
    }
}

.campaign-coupon__feature {
    text-align: center;
    color: #b3b3b4;
    margin-bottom: 15px;
    line-height: 1.5;
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__feature {
        font-size: 13px;
        margin-top: 10px
    }
}

.campaign-coupon__conditions {
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .campaign-coupon__conditions {
        font-size: 14px
    }
}

.campaign-coupon__conditions-separator {
    color: #b3b3b4;
    margin: 0 5px
}

.campaign-coupon__attention {
    text-align: center;
    color: #b3b3b4;
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__attention {
        line-height: 1.2
    }
}

.campaign-coupon__nologin {
    line-height: 1.6
}

.campaign-target__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-target__title {
        margin-bottom: 20px;
        font-size: 18px
    }
}

.campaign-target__title-sub {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-bottom: 0;
    font-size: 14px
}

.campaign-apply__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-apply__title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.campaign-contact__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-contact__title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.campaign-contact__text {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .campaign-contact__text {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.campaign-contact__box {
    max-width: 750px;
    margin: 0 auto 0
}

.campaign-contact__box .mdl-textfield__input {
    font-size: 16px !important
}

.campaign-attention__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .campaign-attention__title {
        font-size: 18px
    }
}

.campaign-attention__list {
    line-height: 1.8;
    list-style-type: disc;
    font-size: 12px;
    padding: 0 80px
}

@media screen and (max-width: 991px) {
    .campaign-attention__list {
        padding: 0 0 0 20px
    }
}

.campaign-attention__edit {
    line-height: 1.8;
    font-size: 12px;
    padding: 0 68px
}

@media screen and (max-width: 991px) {
    .campaign-attention__edit {
        padding: 0 0 0 20px
    }
}

.top-campaign__list .campaign-box a, .campaign-list-page__list .campaign-box a {
    color: black
}

.top-campaign__list .campaign-box a:visited, .campaign-list-page__list .campaign-box a:visited {
    color: black
}

.top-campaign__list .campaign-box a:hover, .campaign-list-page__list .campaign-box a:hover {
    text-decoration: none;
    display: block
}

.top-campaign__list .campaign-box img, .campaign-list-page__list .campaign-box img {
    vertical-align: bottom;
    border-radius: 3px 3px 0 0
}

.top-campaign__list .campaign-linkbox img, .campaign-list-page__list .campaign-linkbox img {
    width: 100%
}

.top-campaign__list .md-top-units, .top-campaign__list .md-campaign-units, .campaign-list-page__list .md-top-units, .campaign-list-page__list .md-campaign-units {
    background: none;
    padding-bottom: 0
}

.top-campaign__list .campaign-subtitle, .campaign-list-page__list .campaign-subtitle {
    padding: 8px 8px;
    font-weight: bold;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    background: red;
    border-radius: 0 0 3px 3px;
    margin-top: 0;
    color: #fff;
    font-size: 13px
}

.top-campaign__list .campaign-description, .campaign-list-page__list .campaign-description {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    height: 36px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .top-campaign__list .campaign-description, .campaign-list-page__list .campaign-description {
        height: auto
    }
}

.top-campaign__list .campaign-subtitle__halloween, .campaign-list-page__list .campaign-subtitle__halloween {
    background: #ff7700
}

.top-campaign__list .campaign-subtitle__bonenkai, .campaign-list-page__list .campaign-subtitle__bonenkai {
    background: #e82100
}

.top-campaign__list .campaign-subtitle__xmas, .campaign-list-page__list .campaign-subtitle__xmas {
    background: #009e56
}

.top-campaign__list .campaign-subtitle__app, .campaign-list-page__list .campaign-subtitle__app {
    background: #4abfe6
}

.top-campaign__list .top-units__body-term, .campaign-list-page__list .top-units__body-term {
    font-size: 10px;
    margin-top: 10px;
    color: #a0a0a0;
    overflow: hidden;
    white-space: nowrap;
    text-align: center
}

@media screen and (max-width: 991px) {
    .top-campaign__list .campaign-subtitle {
        white-space: normal;
        text-overflow: clip;
        min-height: 4em;
        max-height: 4em
    }

    .top-campaign__list .campaign-subtitle .campaign-subtitle__name {
        display: block;
        height: calc(4em - 16px);
        overflow: hidden
    }
}

@media screen and (max-width: 599px) {
    .top-campaign__list .campaign-subtitle {
        font-size: 12px
    }
}

.campaign-list-page__list .campaign-box {
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .campaign-list-page__list .campaign-subtitle {
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }
}

.page__itinerary {
    background: #f3f3f3;
    padding-top: 50px
}

@media screen and (max-width: 991px) {
    .page__itinerary {
        padding-top: 55px
    }
}

.page__itinerary-inner {
    width: 1000px;
    margin: auto
}

@media screen and (max-width: 991px) {
    .page__itinerary-inner {
        width: 100%
    }
}

.page__itinerary .odd-col__line {
    padding: 40px 0
}

.itinerary-container {
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    margin-bottom: 60px;
    background: #fff
}

@media screen and (max-width: 991px) {
    .itinerary-container {
        margin: 0 10px 30px
    }
}

.itinerary-container__inner {
    padding: 50px 50px 0
}

@media screen and (max-width: 991px) {
    .itinerary-container__inner {
        padding: 20px
    }
}

.itinerary__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .itinerary__title {
        font-size: 20px;
        padding-top: 20px
    }
}

.itinerary__subscriber-img {
    width: 90px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 100%
}

.itinerary__company-name {
    font-size: 18px;
    font-weight: normal
}

.itinerary__title2 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 25px
}

.itinerary__title3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.3
}

.itinerary__box {
    border-top: 1px solid #dddddd;
    padding: 40px 0
}

.itinerary__button {
    display: block;
    width: 260px;
    padding: 15px 0
}

@media screen and (max-width: 991px) {
    .itinerary__button {
        margin: auto
    }
}

.itinerary__reserve-id {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px
}

.itinerary__share-title {
    font-size: 14px;
    color: #a0a0a0;
    text-align: center;
    margin-bottom: 20px
}

.itinerary__social {
    padding-bottom: 30px
}

.itinerary__social li {
    text-align: center
}

.itinerary__social li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.itinerary__social li a:hover {
    opacity: 0.7
}

.itinerary__date-title {
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #a0a0a0
}

@media screen and (max-width: 991px) {
    .itinerary__date-title {
        margin-left: 0;
        text-align: center
    }
}

.itinerary__date-content {
    margin-left: 10px;
    font-size: 22px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .itinerary__date-content {
        margin-left: 0;
        text-align: center;
        line-height: 1.3
    }
}

@media screen and (max-width: 991px) {
    .itinerary__date-detail {
        display: block
    }
}

.itinerary__arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px
}

.itinerary__arrow::before, .itinerary__arrow::after {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .itinerary__arrow::before, .itinerary__arrow::after {
        top: -15px
    }
}

.itinerary__date-to {
    text-indent: -9999px
}

@media screen and (max-width: 991px) {
    .itinerary__date-to {
        height: 60px
    }
}

.itinerary__date-to:before {
    left: 3px;
    width: 20px;
    height: 20px;
    border-top: 5px solid #a0a0a0;
    border-right: 5px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 991px) {
    .itinerary__date-to:before {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}

.itinerary__about-box {
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden
}

.itinerary__about-img {
    display: block;
    width: 100%
}

.itinerary__about-name {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 10px 10px 0
}

@media screen and (max-width: 991px) {
    .itinerary__about-name {
        margin: 20px
    }
}

.itinerary__about-content {
    margin: 0 10px 5px 0;
    line-height: 1.5;
    overflow: hidden;
    max-height: 105px
}

@media screen and (max-width: 991px) {
    .itinerary__about-content {
        max-height: 170px;
        margin: 20px 20px 5px
    }
}

.itilerary-container__about-text {
    margin-bottom: 30px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .itinerary__about-link {
        margin: 5px 20px 20px
    }
}

.itinerary__access-map {
    height: 250px;
    background-color: #B2EBF2;
    margin-bottom: 20px
}

.itinerary__access-supple {
    margin: 10px 0 20px;
    font-size: 12px;
    color: #a0a0a0
}

.itinerary__host-img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    border-radius: 100%
}

.itinerary__host-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px
}

.itinerary__host-content {
    line-height: 1.5;
    margin-bottom: 25px
}

.itinerary__conact-content {
    margin-bottom: 20px
}

.itinerary__contact-link {
    margin-top: 6px
}

.itinerary__contact-link-icon {
    margin-right: 5px;
    color: #a0a0a0
}

.ininerary__spm-content {
    text-align: center;
    margin: 0 10px 60px;
    line-height: 1.5
}

.itinerary__spm-box {
    text-align: center;
    margin-bottom: 40px
}

.itinerary__spm-box .itinerary__button {
    width: 280px;
    margin: auto
}

.itinerary__spm-img {
    margin: 0 auto 15px;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #FFF
}

.itinerary__spm-img img {
    width: 50%
}

.app-banner {
    box-sizing: border-box;
    z-index: 100;
    position: fixed;
    bottom: 0px;
    width: 100%
}

.app-banner__link {
    display: block;
    background: white;
    border: 3px solid #4abfe6;
    color: #333333;
    padding: 7px calc(50% - 140px)
}

@media screen and (max-width: 350px) {
    .app-banner__link {
        padding: 7px 10px
    }
}

.app-banner__link::after {
    content: "";
    display: block;
    clear: both
}

.app-banner__point {
    font-size: 13px;
    font-weight: bold
}

.app-banner__point span {
    font-size: 18px
}

.app-banner__img {
    float: left;
    display: block;
    margin-right: 10px
}

.app-banner__subtext {
    font-size: 10px;
    margin: 5px 0px 7px 0px
}

.StarRating__StarBlock {
    position: absolute;
    top: 14px;
    left: calc(50% + 73px);
    font-size: 11px;
    margin-bottom: 3px
}

@media screen and (max-width: 350px) {
    .StarRating__StarBlock {
        left: calc((40px + 15em) + 17px)
    }
}

.StarRating__StarBlock i {
    color: #ff9900;
    margin-right: 1px
}

.StarRating__StarBlock .Icon__Component-sc {
    color: #d1d1d1
}

.app-banner__close {
    line-height: 0;
    display: block;
    position: absolute;
    color: #777777;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 18px;
    right: 0
}

@media screen and (max-width: 350px) {
    .app-banner__close {
        padding: 15px;
        font-size: 15px
    }
}

.inquiry-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 48px
}

@media screen and (max-width: 991px) {
    .inquiry-title {
        font-size: 20px;
        margin-top: 16px;
        margin-bottom: 16px;
        line-height: 1.4
    }
}

.inquiry-text {
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 56px
}

@media screen and (max-width: 991px) {
    .inquiry-text {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .inquiry-text {
        margin-bottom: 16px;
        text-align: left
    }
}

.inquiry-form__required {
    color: #e95175;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4
}

.inquiry-form__required .fa {
    margin-right: 3px
}

.inquiry-form__required strong {
    font-weight: bold
}

.inquiry-heroimg {
    position: relative;
    background: url("//cdn.spacemarket.net/assets/service/inquiry/hero-177e6dbb68e6491cfdaf5cdf983c2951.jpg") 0 50% no-repeat;
    background-size: cover;
    text-align: center;
    height: 700px
}

@media screen and (max-width: 991px) {
    .inquiry-heroimg {
        height: auto;
        background-position: 50% -8%;
        background-size: 1000px auto
    }
}

.inquiry-header__title {
    width: 95%
}

@media screen and (max-width: 991px) {
    .inquiry-header__title {
        width: 100%
    }
}

.inquiry-header__balloon {
    font-size: 26px;
    border: 2px solid #fff;
    border-radius: 3px;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 24px;
    margin-top: 80px;
    position: relative;
    border-radius: 3px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .inquiry-header__balloon {
        margin-top: 24px;
        font-size: 16px;
        padding: 10px
    }
}

.inquiry-header__title-logo {
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 48px auto 80px
}

.inquiry-header__title-logo img {
    vertical-align: middle;
    margin-right: 8px
}

@media screen and (max-width: 991px) {
    .inquiry-header__title-logo {
        margin: 32px auto;
        font-size: 26px
    }

    .inquiry-header__title-logo img {
        width: 140px
    }
}

@media screen and (max-width: 991px) {
    .sm__inquiry-header__point {
        margin-left: 8px;
        margin-right: 8px
    }

    .sm__inquiry-header__point > li {
        padding-right: 2px;
        padding-left: 2px
    }
}

.inquiry-header__point {
    background: #fff;
    width: 181px;
    height: 181px;
    border-radius: 50%;
    position: relative
}

@media screen and (max-width: 1199px) {
    .inquiry-header__point {
        width: 141px;
        height: 141px
    }
}

@media screen and (max-width: 991px) {
    .inquiry-header__point {
        width: auto;
        height: auto;
        border-radius: 3px;
        margin-bottom: 10px
    }
}

.inquiry-header__point-inner {
    padding: 40px 10px;
    text-align: center
}

@media screen and (max-width: 1199px) {
    .inquiry-header__point-inner {
        padding: 30px 10px
    }
}

@media screen and (max-width: 991px) {
    .inquiry-header__point-inner {
        padding: 10px 5px;
        min-height: 85px
    }
}

.inquiry-header__point-color {
    font-size: 16px;
    color: #60df52;
    margin-bottom: 16px
}

@media screen and (max-width: 1199px) {
    .inquiry-header__point-color {
        font-size: 14px
    }
}

@media screen and (max-width: 991px) {
    .inquiry-header__point-color {
        font-size: 12px;
        margin-bottom: 5px
    }
}

.inquiry-header__point-text {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2
}

@media screen and (max-width: 1199px) {
    .inquiry-header__point-text {
        font-size: 14px
    }
}

.inquiry-header__form {
    background: #ddd;
    border: 1px solid #bfbfbf;
    margin-top: 25px;
    padding: 20px;
    border-radius: 3px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .inquiry-header__form {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 20px 12px
    }
}

.inquiry-header__form-area {
    margin-bottom: 8px
}

.inquiry-header__form-area input, .inquiry-header__form-area textarea {
    font-size: 12px
}

.inquiry-header__form-area input:placeholder-shown, .inquiry-header__form-area textarea:placeholder-shown {
    color: #b4b4b4
}

.inquiry-header__form-area input::-webkit-input-placeholder, .inquiry-header__form-area textarea::-webkit-input-placeholder {
    color: #b4b4b4
}

.inquiry-header__form-area input::-moz-placeholder, .inquiry-header__form-area textarea::-moz-placeholder {
    color: #b4b4b4;
    opacity: 1
}

.inquiry-header__form-area input:-ms-input-placeholder, .inquiry-header__form-area textarea:-ms-input-placeholder {
    color: #b4b4b4
}

.inquiry-header__form-area .service-select select {
    height: 36px
}

.inquiry-header__form-textarea {
    width: 100%;
    height: 110px;
    resize: vertical
}

.inquiry-header__form-name, .inquiry-header__form-department, .inquiry-header__form-address, .inquiry-header__form-purpose {
    width: 49%;
    float: left
}

.inquiry-header__form-name ~ .inquiry-header__form-name, .inquiry-header__form-department ~ .inquiry-header__form-department, .inquiry-header__form-address ~ .inquiry-header__form-address, .inquiry-header__form-purpose ~ .inquiry-header__form-purpose {
    margin-left: 2%
}

.inquiry-header__form-set {
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .inquiry-header__form-set {
        text-align: center
    }
}

.inquiry-header__form-terms {
    float: left;
    padding-top: 16px
}

@media screen and (max-width: 991px) {
    .inquiry-header__form-terms {
        float: none
    }
}

.inquiry-header__form-submit {
    width: 180px;
    padding: 12px 0;
    margin-top: 2px;
    float: right
}

@media screen and (max-width: 991px) {
    .inquiry-header__form-submit {
        float: none;
        margin-top: 8px
    }
}

.inquiry-header__login {
    background: #ddd;
    border: 1px solid #bfbfbf;
    margin-top: 80px;
    padding: 20px;
    border-radius: 3px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .inquiry-header__login {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 12px
    }
}

.inquiry-header__login-inner {
    text-align: center;
    background: #FFF;
    padding: 36px 0;
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .inquiry-header__login-inner {
        margin: 0;
        padding: 20px 0
    }
}

.inquiry-header__login-content {
    line-height: 1.5;
    font-size: 16px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .inquiry-header__login-content {
        font-size: 14px
    }
}

.inquiry-header__login-regist {
    font-size: 13px;
    line-height: 1.5;
    color: #b3b3b4
}

.inquiry-header__login-button {
    width: 280px;
    padding: 20px 0;
    margin: 20px 0;
    font-size: 18px
}

@media screen and (max-width: 991px) {
    .inquiry-header__login-button {
        margin: 10px 0
    }
}

.inquiry-about {
    width: 90%;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .inquiry-about {
        width: 100%
    }
}

.inquiry-about__list {
    width: 90%;
    text-align: center;
    margin: 0 auto 32px
}

@media screen and (max-width: 991px) {
    .inquiry-about__list {
        width: 100%
    }
}

.inquiry-about__list-img {
    width: 100%;
    border-radius: 50%
}

.inquiry-about__list-title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0
}

@media screen and (max-width: 991px) {
    .inquiry-about__list-title {
        font-size: 16px
    }
}

.inquiry-about__list-title-text {
    display: block;
    font-size: 12px;
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .inquiry-about__list-title-text {
        font-size: 11px
    }
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow {
        margin-left: -5px;
        margin-right: -5px
    }

    .inquiry-uses__flow > li {
        padding-right: 5px;
        padding-left: 5px
    }
}

.inquiry-uses__flow-step {
    background: #fff;
    text-align: center;
    padding: 16px 20px 20px;
    border-radius: 3px;
    min-height: 240px
}

@media screen and (max-width: 1199px) {
    .inquiry-uses__flow-step br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow-step {
        margin-bottom: 10px;
        padding: 16px;
        min-height: 210px
    }
}

.inquiry-uses__flow-step:before, .inquiry-uses__flow-step:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #fff
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow-step:before, .inquiry-uses__flow-step:after {
        display: none
    }
}

.inquiry-uses__flow-step:before {
    right: -8px;
    top: 50%
}

.inquiry-uses__flow-step:after {
    left: 12px;
    top: 50%;
    border-left-color: #f6f6f6
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow-step-img {
        width: 100%
    }
}

.inquiry-uses__flow-step-text {
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .inquiry-uses__flow-step-text {
        font-size: 11px
    }

    .inquiry-uses__flow-step-text br {
        display: none
    }
}

.inquiry-uses__flow li:nth-child(1) .inquiry-uses__flow-step:after {
    display: none
}

.inquiry-uses__flow li:nth-child(4) .inquiry-uses__flow-step:before {
    display: none
}

.inquiry-uses__flow-title {
    font-size: 17px;
    font-weight: bold;
    margin: 8px 0 16px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow-title {
        font-size: 14px
    }
}

.inquiry-uses__flow-other {
    margin-top: 20px;
    background: #fff;
    padding: 20px 40px
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow-other {
        margin-top: 0;
        padding: 10px 20px
    }
}

.inquiry-uses__flow-other-title {
    margin-bottom: 8px
}

.inquiry-uses__flow-other-img {
    float: left
}

.inquiry-uses__flow-other-inner {
    margin-left: 80px
}

@media screen and (max-width: 991px) {
    .inquiry-uses__flow-other-inner {
        margin-left: 70px
    }
}

.inquiry-uses__notes {
    width: 70%;
    margin: 48px auto 0
}

@media screen and (max-width: 991px) {
    .inquiry-uses__notes {
        width: 100%;
        margin: 20px 0
    }
}

.inquiry-uses__notes dt {
    float: left;
    font-weight: bold;
    padding-top: 4px
}

@media screen and (max-width: 991px) {
    .inquiry-uses__notes dt {
        float: none;
        margin-bottom: 10px
    }
}

.inquiry-uses__notes dd {
    margin-left: 80px;
    border-left: 1px solid #eaeaea
}

@media screen and (max-width: 991px) {
    .inquiry-uses__notes dd {
        margin-left: 0;
        border-left: none
    }
}

.inquiry-uses__notes-list {
    list-style: disc;
    font-size: 12px;
    line-height: 1.6;
    margin-left: 40px
}

@media screen and (max-width: 991px) {
    .inquiry-uses__notes-list {
        margin-left: 20px
    }
}

.inquiry-case__detail-img {
    width: 100%
}

.inquiry-case__detail-title {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin: 32px 0
}

@media screen and (max-width: 991px) {
    .inquiry-case__detail-title {
        font-size: 20px;
        margin: 24px 0
    }
}

.inquiry-case__detail-title-by {
    color: #ddd;
    margin: 0 4px
}

.inquiry-case__detail-text {
    font-size: 14px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .inquiry-case__detail-text {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .inquiry-case__detail-text {
        margin-bottom: 24px
    }
}

.inquiry-case {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 40px
}

.inquiry-case__box {
    display: table;
    width: 100%
}

.inquiry-case__box ~ .inquiry-case__box {
    margin-top: 24px
}

.inquiry-case__box-user, .inquiry-case__box-spmkt, .inquiry-case__box-talk {
    display: table-cell;
    vertical-align: middle
}

.inquiry-case__box-user {
    font-size: 44px
}

.inquiry-case__box-spmkt {
    text-align: right
}

.inquiry-case__box-talk {
    width: 90%;
    font-size: 14px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .inquiry-case__box-talk {
        font-size: 14px;
        line-height: 1.75
    }
}

@media screen and (max-width: 991px) {
    .inquiry-case__box-talk {
        width: 82%
    }
}

.inquiry-case__talk {
    position: relative;
    background: #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    padding: 20px
}

.inquiry-case__talk:after, .inquiry-case__talk:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.inquiry-case__talk:after {
    border-color: transparent;
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px
}

.inquiry-case__talk:before {
    border-color: transparent;
    border-right-color: #aaaaaa;
    border-width: 11px;
    margin-top: -11px
}

.inquiry-case__talk-spmkt {
    background: #e4f2e3
}

.inquiry-case__talk-spmkt:after, .inquiry-case__talk-spmkt:before {
    left: 100%;
    top: 50%
}

.inquiry-case__talk-spmkt:after {
    border-color: transparent;
    border-left-color: #e4f2e3
}

.inquiry-case__talk-spmkt:before {
    border-color: transparent;
    border-left-color: #aaaaaa
}

@media screen and (max-width: 991px) {
    .inquiry-case__head {
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width: 991px) {
    .inquiry-case__head-box {
        order: -1
    }
}

.inquiry-form__title {
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .inquiry-form__title {
        margin-top: 12px
    }
}

.inquiry-form__title-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    padding-top: 2px
}

.inquiry-form__text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px
}

.inquiry-form__amenity {
    float: left;
    margin-top: 8px;
    margin-right: 24px
}

@media screen and (max-width: 991px) {
    .inquiry-form__amenity {
        margin-right: 0;
        width: 50%
    }
}

.inquiry-form__amenity-other {
    clear: both;
    padding-top: 8px
}

.inquiry-form__amenity-other-textarea {
    width: 100%;
    height: 80px;
    margin-top: 8px;
    resize: vertical
}

.inquiry-form__message-textarea {
    width: 100%;
    height: 160px;
    resize: vertical
}

.inquiry-form__login-content {
    line-height: 1.5;
    margin-top: -20px;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .inquiry-form__login-content {
        font-size: 14px;
        margin-top: 0
    }
}

.catetop__head-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3
}

.catetop__head-title__area {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left
    }
}

.catetop-heroimg__review {
    display: block;
    margin: 20px auto 0;
    text-align: left;
    font-weight: normal;
    width: 80%
}

.catetop-heroimg__review-guest {
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    border: 3px solid #FFF;
    border-radius: 50%;
    margin-right: 10px
}

.catetop-heroimg__review-content {
    font-size: 13px;
    display: block;
    max-height: 45px;
    overflow: hidden;
    line-height: 1.3;
    margin-left: 66px
}

.catetop-heroimg__review-name {
    display: block;
    font-size: 11px;
    margin-top: 8px;
    margin-left: 66px
}

.catetop-heroimg__review-name a {
    color: #FFF;
    font-weight: bold;
    margin-right: 5px
}

.catetop-heroimg__review-name a:hover {
    text-decoration: underline
}

.catetop-search {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.catetop-lead__content {
    line-height: 1.5;
    margin-bottom: 12px
}

.catetop-rewiew__guest {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    float: left;
    margin-bottom: 15px
}

.catetop-review__head {
    margin-left: 66px
}

.catetop-review__name {
    font-weight: bold;
    margin-bottom: 10px
}

.catetop-review__name a {
    color: #000
}

.catetop-review__name a:hover {
    text-decoration: underline
}

.catetop-review__date {
    font-weight: normal;
    font-size: 11px;
    float: right;
    color: #b3b3b4
}

.catetop-review__space {
    font-size: 12px;
    line-height: 1.3;
    height: 30px;
    overflow: hidden
}

.catetop-review__space a {
    color: #000
}

.catetop-review__space a:hover {
    text-decoration: underline
}

.catetop-review__content {
    margin-bottom: 24px;
    display: block;
    clear: both;
    color: #333333;
    background: #FFF;
    border-radius: 3px;
    border: 1px solid #b3b3b4;
    padding: 15px;
    line-height: 1.3;
    position: relative
}

.catetop-review__content:hover {
    text-decoration: underline
}

.catetop-review__content:before {
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 20px;
    top: 0px;
    margin-top: -8px;
    border-top: 1px solid #b3b3b4;
    border-left: 1px solid #b3b3b4
}

.catetop-review__content-inner {
    overflow: hidden;
    height: 74px
}

.catetop-area__title {
    color: #000;
    margin: 10px 0 25px;
    font-size: 16px;
    font-weight: bold
}

.catetop-amenity__title {
    color: #333;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold
}

.catetop-amenity__list {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.catetop-amenity__list-item {
    width: calc((100% - 72px) / 4);
    margin-bottom: 24px;
    background: #e8f6fb;
    border-radius: 3px;
    border: 1px solid #4abfe6
}

.catetop-amenity__list-item:not(:nth-child(4n+1)) {
    margin-left: 24px
}

@media screen and (max-width: 1199px) {
    .catetop-amenity__list-item {
        width: calc((100% - 48px) / 3)
    }

    .catetop-amenity__list-item:not(:nth-child(4n+1)) {
        margin-left: 0
    }

    .catetop-amenity__list-item:not(:nth-child(3n+1)) {
        margin-left: 24px
    }
}

@media screen and (max-width: 991px) {
    .catetop-amenity__list-item {
        width: 100%
    }

    .catetop-amenity__list-item:not(:nth-child(3n+1)) {
        margin-left: 0
    }
}

.catetop-amenity__list-item .catetop-conditions__condition {
    margin-bottom: 0;
    background: none;
    border-radius: unset;
    border: none;
    height: 100%
}

.catetop-amenity__list-item .catetop-conditions__condition h3 {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center
}

.catetop-conditions__condition {
    background: #e8f6fb;
    border-radius: 3px;
    border: 1px solid #4abfe6;
    display: block;
    color: #333333;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    margin-bottom: 24px
}

.catetop-conditions__condition i {
    font-size: 30px;
    margin-right: 5px;
    color: #4abfe6;
    display: inline-block;
    vertical-align: middle
}

.catetop-conditions__condition h3 {
    display: table-cell;
    vertical-align: middle;
    display: inline-block
}

.host-lp {
    overflow: hidden;
    width: 100%
}

.host-lp .mdl-textfield__input {
    font-size: 18px
}

.host-lp .mdl-checkbox__label {
    font-size: 14px
}

.host-lp .signup-box__wrapper-form-notes {
    font-size: 14px;
    margin-bottom: 8px
}

.host-lp .mdl-textfield__label {
    font-size: 14px !important
}

.host-lp .mdl-checkbox {
    height: auto
}

.hostlp__padding {
    padding: 60px 0
}

@media screen and (max-width: 599px) {
    .hostlp__padding {
        padding: 36px 0
    }
}

.hostlp-entry__btn {
    text-align: center;
    width: 100%
}

.hostlp-entry__btn-item {
    padding: 28px 24px;
    min-width: 500px;
    font-size: 24px
}

@media screen and (max-width: 599px) {
    .hostlp-entry__btn-item {
        min-width: 200px;
        font-size: 18px;
        padding: 16px
    }
}

.hostlp__band {
    font-size: 36px;
    background: #4abfe6;
    font-weight: bold;
    color: #fff;
    padding: 24px 0;
    text-align: center;
    position: relative
}

.hostlp__band:after {
    content: "";
    display: block;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-top: solid 20px #4abfe6;
    bottom: -18px;
    left: 48.6%;
    position: absolute;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

@media screen and (max-width: 599px) {
    .hostlp__band {
        font-size: 26px
    }
}

.hostlp-txt-shadow, .hostlp-heroimg .heroimg__title, .hostlp-heroimg .heroimg__lead, .hostlp-form__title, .hostlp-form__content, .hostlp-form__attention, .hostlp-sample .hostlp-sample__ttl {
    text-shadow: 1px 1px 3px rgba(6, 0, 1, 0.2)
}

.txt-kerning, .hostlp__band, .hostlp-heroimg .hostlp-heroimg__col, .hostlp-sample .hostlp-sample__ttl, .hostlp-function .hostlp-function__lead, .hostlp-function .hostlp-function__ttl, .hostlp-pub-free .fee-pattern, .hostlp-flow__step-title, .enterprise__flow-step-title {
    letter-spacing: 0.02em;
    font-feature-settings: "palt"
}

.hostlp-heroimg {
    background: url(//cdn.spacemarket.net/assets/host-lp/hero-img01-8d8f7c4bb4d7f787a902de33399de0a2.jpg) center 0 no-repeat;
    background-size: cover;
    padding: 60px 24px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg {
        padding: 24px 0
    }
}

.hostlp-heroimg .mdl-checkbox {
    height: auto
}

.hostlp-heroimg .hostlp-heroimg__col {
    position: relative
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .hostlp-heroimg__col {
        min-width: 100%
    }
}

.hostlp-heroimg .hostlp-heroimg__point {
    margin: 0 auto 12px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .hostlp-heroimg__point {
        text-align: center
    }
}

.hostlp-heroimg .hostlp-heroimg__point-list {
    text-align: center;
    width: 190px;
    float: none;
    padding: 24px 6px 12px 0;
    display: inline-block;
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .hostlp-heroimg__point-list {
        width: 32%;
        margin-bottom: 6px;
        padding: 3px 6px 3px 0
    }
}

@media screen and (max-width: 599px) {
    .hostlp-heroimg .hostlp-heroimg__point-list {
        width: 100%
    }
}

.hostlp-heroimg .hostlp-heroimg__point-list span {
    display: block;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.2)
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .hostlp-heroimg__point-list span {
        font-size: 16px;
        padding: 15px 0
    }
}

.hostlp-heroimg .heroimg__title {
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .heroimg__title {
        font-size: 32px;
        text-align: center
    }
}

@media screen and (max-width: 599px) {
    .hostlp-heroimg .heroimg__title {
        font-size: 22px
    }
}

.hostlp-heroimg .heroimg__lead {
    font-size: 16px;
    color: #fff;
    margin: 30px auto;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .heroimg__lead {
        text-align: center;
        margin-top: 10px
    }
}

.hostlp-heroimg .obj-pub-free {
    text-align: center;
    font-size: 55px;
    font-weight: bold;
    color: #fff;
    background: #4abfe6;
    padding-top: 40px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    position: absolute;
    top: 250px;
    left: 440px
}

.hostlp-heroimg .obj-pub-free:after {
    content: "";
    display: block;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-top: solid 20px #4abfe6;
    top: 15px;
    left: -2%;
    position: absolute;
    transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg)
}

.hostlp-heroimg .obj-pub-free span {
    display: block;
    font-size: 18px;
    margin-bottom: 3px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .obj-pub-free {
        position: relative;
        text-align: center;
        display: inline-block;
        width: 100%;
        height: inherit;
        border-radius: 3px;
        padding: 18px;
        top: 0;
        left: 0;
        margin-bottom: 36px;
        font-size: 40px
    }

    .hostlp-heroimg .obj-pub-free:after {
        content: "";
        display: block;
        border-left: solid 15px transparent;
        border-right: solid 15px transparent;
        border-top: solid 20px #4abfe6;
        top: auto;
        bottom: -15px;
        left: 45%;
        position: absolute;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg)
    }
}

.hostlp-heroimg .obj-pub-free.obj-pub-free-b {
    top: 50px;
    right: 85px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg .obj-pub-free.obj-pub-free-b {
        top: 0;
        right: 0
    }
}

.hostlp-heroimg__inner {
    max-width: 1080px;
    margin: auto
}

.hostlp-heroimg__form {
    background: #FFF;
    padding: 20px 30px 30px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg__form {
        margin: 0;
        padding: 10px 0 20px
    }
}

.hostlp-heroimg__form-fb {
    width: 100%;
    margin: 0
}

.hostlp-heroimg__form-hr {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-image: linear-gradient(to left, #fff 12px, transparent 12px, transparent), linear-gradient(to right, #fff 12px, #b3b3b4 12px, #b3b3b4);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: left bottom
}

.hostlp-heroimg__form-regist {
    margin-top: 140px
}

@media screen and (max-width: 991px) {
    .hostlp-heroimg__form-regist {
        margin-top: -8px
    }
}

.hostlp-heroimg__regist-comment {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold
}

.hostlp-heroimg__regist-button {
    width: 100%;
    margin: 20px 0;
    padding: 20px 0;
    font-size: 20px
}

.hostlp-form {
    background: url(//cdn.spacemarket.net/assets/host-lp/hero-img01-8d8f7c4bb4d7f787a902de33399de0a2.jpg) center 0 no-repeat;
    background-size: cover
}

.hostlp-form__inner {
    text-align: left;
    max-width: 850px;
    margin: auto;
    padding: 50px 150px;
    background: #fff
}

@media screen and (max-width: 991px) {
    .hostlp-form__inner {
        padding: 20px 0;
        margin: 0 10px
    }
}

.hostlp-form__title {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .hostlp-form__title {
        font-size: 20px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.hostlp-form__content {
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .hostlp-form__content {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px
    }
}

.hostlp-form__fb {
    width: 100%;
    margin: 0
}

.hostlp-form__hr {
    padding-bottom: 25px;
    margin-bottom: 25px;
    text-align: center;
    background-image: linear-gradient(to left, #fff 12px, transparent 12px, transparent), linear-gradient(to right, #fff 12px, #b3b3b4 12px, #b3b3b4);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: left bottom
}

.hostlp-form__regist {
    width: 350px;
    padding: 25px 0;
    font-size: 18px
}

@media screen and (max-width: 991px) {
    .hostlp-form__regist {
        width: 100%
    }
}

.hostlp-form__fb {
    width: 350px;
    padding: 25px 0;
    font-size: 18px;
    margin: auto
}

.hostlp-form__fb:before {
    font-size: 22px;
    top: 23px
}

@media screen and (max-width: 991px) {
    .hostlp-form__fb {
        width: 100%
    }
}

.hostlp-form__attention {
    text-align: center;
    color: #fff;
    margin-top: 15px
}

.hostlp-form__attention a {
    color: #FFF;
    text-decoration: underline
}

.hostlp-trouble {
    text-align: center
}

.hostlp-trouble .col1 {
    max-width: 1080px;
    margin: 0 auto
}

.hostlp-trouble .hostlp__trouble__list {
    text-align: center;
    background: url(//cdn.spacemarket.net/assets/host-lp/icn-arrow-blue-60ee919f1ebff50eb38f3bea607b7265.png) center bottom no-repeat;
    padding-bottom: 100px;
    margin-bottom: 50px
}

@media screen and (max-width: 599px) {
    .hostlp-trouble .hostlp__trouble__list {
        background-size: 48px auto;
        padding-bottom: 48px;
        margin-bottom: 24px
    }
}

.hostlp-trouble .hostlp__trouble__list li {
    display: inline-block;
    padding: 12px
}

@media (max-width: 768px) {
    .hostlp-trouble .hostlp__trouble__list li {
        width: 48%
    }

    .hostlp-trouble .hostlp__trouble__list li img {
        width: 100%
    }
}

.hostlp-trouble .hostlp__trouble__message {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0.01em;
    display: inline-block;
    position: relative;
    margin-bottom: 50px
}

@media screen and (max-width: 599px) {
    .hostlp-trouble .hostlp__trouble__message {
        font-size: 22px;
        margin-bottom: 24px;
        margin-left: 22px
    }
}

.hostlp-trouble .hostlp__trouble__message:before {
    content: "";
    display: block;
    position: absolute;
    left: -55px;
    top: -8px;
    width: 48px;
    height: 59px;
    background: url(//cdn.spacemarket.net/assets/host-lp/logo_mark-1dff7bb08191b5d2545a4f600109aa1d.png) 0 0 no-repeat;
    background-size: contain
}

@media screen and (max-width: 599px) {
    .hostlp-trouble .hostlp__trouble__message:before {
        width: 24px;
        height: 30px;
        left: -30px
    }
}

.hostlp-trouble .hostlp__trouble__message:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: -35px;
    width: 39px;
    height: 33px;
    background: url(//cdn.spacemarket.net/assets/host-lp/obj-blue-fb81605ffa473b4d1354215eec345c68.png) 0 0 no-repeat;
    background-size: contain
}

@media screen and (max-width: 599px) {
    .hostlp-trouble .hostlp__trouble__message:after {
        right: -25px;
        right: -10px;
        top: -15px;
        width: 20px;
        height: 16px
    }
}

.hostlp-sample {
    background: url(//cdn.spacemarket.net/assets/host-lp/bg-sample-03cda5d6f1bc55479004029b3dbac937.jpg) center 0 no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden
}

.hostlp-sample .hostlp__padding {
    padding-bottom: 12px
}

.hostlp-sample .col1 {
    max-width: 1080px;
    padding: 0 12px;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .hostlp-sample .col1 {
        width: 100%
    }
}

.hostlp-sample .hostlp-sample__space-owner {
    display: inline-block
}

.hostlp-sample .hostlp-sample__ttl {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 60px
}

@media screen and (max-width: 991px) {
    .hostlp-sample .hostlp-sample__ttl {
        font-size: 28px;
        margin-bottom: 24px
    }
}

.hostlp-sample .hostlp-sample__list {
    margin-bottom: 36px
}

.hostlp-sample .hostlp-sample__space-img {
    width: 100%;
    min-height: 400px;
    position: relative
}

.hostlp-sample .hostlp-sample__space-txt {
    width: 55%;
    padding: 24px 3%;
    float: right;
    background: #fff;
    text-align: left;
    min-height: 400px;
    line-height: 1.6
}

.hostlp-sample .obj-photo {
    display: none
}

.hostlp-sample .grow-point {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    background: #4abfe6;
    padding-top: 55px;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100
}

.hostlp-sample .grow-point .grow-point__result {
    font-size: 13px;
    display: block;
    margin-bottom: 5px
}

.hostlp-sample .grow-point .grow-point__yen {
    font-size: 12px
}

.hostlp-sample .hostlp-sample__space-copy {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 24px 0 24px 100px;
    min-height: 80px
}

.hostlp-sample .hostlp-sample__space-sentence {
    font-size: 15px;
    margin-bottom: 12px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f3f3
}

.hostlp-sample .hostlp-sample__space-name {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px
}

.hostlp-sample .hostlp-sample__space-intro {
    font-size: 13px;
    margin-bottom: 8px;
    color: #999
}

.hostlp-sample .hostlp-sample__space-info {
    font-weight: bold
}

.hostlp-sample .hostlp-sample__space-info .fa {
    color: #999
}

.hostlp-sample .hostlp-sample__space-place {
    display: inline-block;
    margin-right: 12px
}

.hostlp-sample .hostlp-sample__space-place .place-name {
    padding-left: 8px
}

.hostlp-sample .hostlp-sample__space-price {
    display: inline-block;
    margin-right: 12px
}

.hostlp-sample .hostlp-sample__space-price .time-price {
    padding-left: 8px
}

.hostlp-sample .hostlp-sample__space-price .stay-price {
    padding-left: 8px
}

.hostlp-sample .hostlp-sample__space-spmkt {
    display: none;
    clear: both;
    width: 100%;
    padding: 12px 12px 12px 72px;
    line-height: 1.6;
    background: #ededed url(//cdn.spacemarket.net/host-lp/obj-from-spmkt.png) 12px center no-repeat
}

.hostlp-sample .hostlp-sample__space-spmkt p {
    text-align: left
}

.hostlp-sample .sample-company {
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
    padding: 48px 0
}

@media screen and (max-width: 599px) {
    .hostlp-sample .sample-company {
        padding: 24px 0
    }
}

.hostlp-sample .sample-company__ttl {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    padding: 24px 0 36px;
    text-align: center;
    display: inline-block;
    position: relative
}

@media screen and (max-width: 599px) {
    .hostlp-sample .sample-company__ttl {
        font-size: 18px
    }
}

.hostlp-sample .sample-company__ttl:after {
    content: "";
    display: block;
    position: absolute;
    right: -22px;
    top: -8px;
    width: 39px;
    height: 33px;
    background: url(//cdn.spacemarket.net/assets/host-lp/obj-wh-31c2cb2cf4a2426846d1fdba157f84f6.png) 0 0 no-repeat;
    background-size: contain
}

@media screen and (max-width: 599px) {
    .hostlp-sample .sample-company__ttl:after {
        right: -12px;
        top: 6px;
        width: 20px;
        height: 16px
    }
}

.hostlp-sample .sample-company__list li {
    display: inline-block;
    padding-right: 24px;
    margin-bottom: 36px
}

@media screen and (max-width: 599px) {
    .hostlp-sample .sample-company__list li {
        width: 20%
    }
}

.hostlp-sample .sample-company__list img {
    width: auto;
    max-height: 20px
}

@media screen and (max-width: 599px) {
    .hostlp-sample .sample-company__list img {
        width: 100%
    }
}

.hostlp-sample .img-01 {
    background: url(//cdn.spacemarket.net/assets/host-lp/img-sample01-eca044b81a8f0298e9130d2c33157e27.jpg) -220px center no-repeat;
    background-size: cover
}

.hostlp-sample .img-02 {
    background: url(//cdn.spacemarket.net/assets/host-lp/img-sample02-f16b8f475c21916d1681b2eba241e30f.jpg) -320px center no-repeat;
    background-size: cover
}

.hostlp-sample .img-03 {
    background: url(//cdn.spacemarket.net/assets/host-lp/img-sample03-ae199351b787fbfdcba69c62690608c7.jpg) -370px center no-repeat;
    background-size: cover
}

.hostlp-sample .img-04 {
    background: url(//cdn.spacemarket.net/assets/host-lp/img-sample04-dc0e1ee3177bc8c2961cdc36777df060.jpg) -280px center no-repeat;
    background-size: cover
}

.hostlp-sample .img-05 {
    background: url(//cdn.spacemarket.net/assets/host-lp/img-sample05-c5946cd472acfea9e2e6036fc41dfb34.jpg) -290px center no-repeat;
    background-size: cover
}

.hostlp-sample .img-06 {
    background: url(//cdn.spacemarket.net/assets/host-lp/img-sample06-de3cc8cc4aa742ab6a2738264a25be76.jpg) -246px center no-repeat;
    background-size: cover
}

.hostlp-sample .space-owner01 {
    background: url(//cdn.spacemarket.net/assets/host-lp/space-owner01-a3e9ca64e362c3b649fb25cc2c2e06d7.png) 0 center no-repeat
}

.hostlp-sample .space-owner02 {
    background: url(//cdn.spacemarket.net/assets/host-lp/space-owner02-440ef8e850895a60ef1cd270976af68c.png) 0 center no-repeat
}

.hostlp-sample .space-owner03 {
    background: url(//cdn.spacemarket.net/assets/host-lp/space-owner03-3d96d7a68a1d14531e3577a7b973c367.png) 0 center no-repeat
}

.hostlp-sample .space-owner04 {
    background: url(//cdn.spacemarket.net/assets/host-lp/space-owner04-9c75af906d5e012d74807be76f8a857d.png) 0 center no-repeat
}

.hostlp-sample .space-owner05 {
    background: url(//cdn.spacemarket.net/assets/host-lp/space-owner05-6b17e6834307dd9ba7ece98756e0806f.png) 0 center no-repeat
}

.hostlp-sample .space-owner06 {
    background: url(//cdn.spacemarket.net/assets/host-lp/space-owner06-b926b6ca7de9001662d883e911448b25.png) 0 center no-repeat
}

@media (max-width: 768px) {
    .hostlp-sample .hostlp-sample__space-img {
        width: 100%;
        background: none
    }

    .hostlp-sample .hostlp-sample__space-txt {
        float: none;
        width: 100%
    }

    .hostlp-sample .obj-photo {
        display: block;
        overflow: hidden;
        padding-top: 50px
    }

    .hostlp-sample .obj-photo img {
        width: 100%;
        height: auto;
        position: relative;
        vertical-align: middle
    }

    .hostlp-sample .hostlp-sample__space-copy {
        font-size: 16px
    }

    .hostlp-sample .grow-point {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        background: #4abfe6;
        padding: 12px;
        width: 100%;
        height: auto;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100
    }

    .hostlp-sample .grow-point .grow-point__result {
        font-size: 13px;
        display: block;
        margin-bottom: 5px
    }

    .hostlp-sample .grow-point .grow-point__yen {
        font-size: 12px
    }
}

.hostlp-function {
    text-align: center
}

.hostlp-function .hostlp-function__lead {
    font-size: 26px;
    margin-bottom: 48px
}

@media screen and (max-width: 599px) {
    .hostlp-function .hostlp-function__lead {
        font-size: 20px;
        line-height: 1.4
    }
}

.hostlp-function .hostlp-function__lead span {
    font-weight: bold
}

.hostlp-function .hostlp-function__point {
    background: #e8f6fb;
    padding: 12px;
    border-radius: 30px;
    color: #4abfe6;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 4px
}

.hostlp-function .hostlp-function__ttl {
    font-size: 22px;
    font-weight: bold;
    padding: 12px 0 24px;
    line-height: 1.4;
    display: block;
    min-height: 4.4em
}

.hostlp-function .hostlp-function__sentence {
    font-size: 16px;
    line-height: 1.6;
    margin: 36px 0;
    text-align: left
}

.hostlp-support {
    background: #eaf5fa
}

.hostlp-support .hostlp-support__photo img {
    width: 100%;
    height: auto
}

.hostlp-support .hostlp-support__img img {
    width: 100%
}

@media screen and (max-width: 599px) {
    .hostlp-support .hostlp-support__img {
        max-width: 300px;
        margin: 0 auto;
        float: none
    }
}

.hostlp-support .hostlp-support__txt {
    padding: 48px 0 0 24px
}

@media screen and (max-width: 991px) {
    .hostlp-support .hostlp-support__txt {
        padding-top: 24px
    }
}

@media screen and (max-width: 599px) {
    .hostlp-support .hostlp-support__txt {
        padding-left: 0;
        padding: 12px 24px 0;
        background-size: auto 200px;
        min-height: 200px
    }
}

.hostlp-support .hostlp-support__catch {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 12px
}

@media screen and (max-width: 599px) {
    .hostlp-support .hostlp-support__catch {
        text-align: center;
        font-size: 24px
    }
}

.hostlp-support .hostlp-support__lead {
    font-size: 18px;
    line-height: 1.6
}

.hostlp-pub-free {
    text-align: center
}

.hostlp-pub-free .hostlp-pub-free__catch {
    font-size: 24px
}

.hostlp-pub-free .hostlp-pub-free__lead {
    padding: 48px 12px 24px;
    font-size: 16px;
    line-height: 1.6
}

.hostlp-pub-free .hostlp-pub-fee__list {
    padding-bottom: 54px
}

.hostlp-pub-free .hostlp-pub-fee__item {
    margin: 16px 0 0;
    border-right: 1px solid #d0d1cf
}

.hostlp-pub-free .hostlp-pub-fee__item:last-child {
    border: none
}

.hostlp-pub-free .hostlp-pub-fee__item i {
    font-size: 18px;
    color: #4abfe6
}

.hostlp-pub-free .fee-pattern {
    padding-left: 8px;
    padding-right: 12px;
    font-size: 16px;
    font-weight: bold
}

.hostlp-pub-media {
    text-align: center;
    background: #eaf5fa
}

.hostlp-pub-media .col1 {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px
}

.hostlp-pub-media .hostlp-pub-media__catch {
    font-size: 24px;
    margin: 0 24px 36px;
    line-height: 1.6
}

@media screen and (max-width: 599px) {
    .hostlp-pub-media .hostlp-pub-media__catch {
        font-size: 16px
    }
}

.static-appeal__list {
    text-align: center
}

.hostlp-flow {
    text-align: center
}

.hostlp-flow .hostlp-flow__catch {
    font-size: 24px;
    font-weight: bold;
    margin: 0 24px 40px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .hostlp-flow-box {
        margin-left: -5px;
        margin-right: -5px
    }

    .hostlp-flow-box > div {
        padding-right: 5px;
        padding-left: 5px
    }
}

.hostlp-flow__step {
    background: #f6f6f6;
    text-align: center;
    padding: 24px;
    border-radius: 3px;
    height: 220px
}

@media screen and (max-width: 1199px) {
    .hostlp-flow__step {
        height: 246px
    }

    .hostlp-flow__step br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .hostlp-flow__step {
        height: auto;
        margin-bottom: 10px;
        padding: 16px
    }
}

.hostlp-flow__step:before, .hostlp-flow__step:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #f6f6f6
}

@media screen and (max-width: 991px) {
    .hostlp-flow__step:before, .hostlp-flow__step:after {
        display: none
    }
}

.hostlp-flow__step:before {
    right: -8px;
    top: 50%
}

.hostlp-flow__step:after {
    left: 12px;
    top: 50%;
    border-left-color: #fff
}

.hostlp-flow__step p {
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .hostlp-flow__step p {
        font-size: 11px
    }

    .hostlp-flow__step p br {
        display: none
    }
}

.hostlp-flow__step-title {
    font-size: 17px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .hostlp-flow__step-title {
        font-size: 11px
    }
}

.host-lp-flow__thumbnail {
    min-height: 76px
}

.hostlp-flow__step-1:after {
    border: none
}

.hostlp-flow__step-4:before {
    border: none
}

.enterprise__hero {
    position: relative;
    overflow: hidden;
    height: 460px;
    margin-top: 20px;
    margin-bottom: 30px
}

@media screen and (max-width: 1199px) {
    .enterprise__hero {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .enterprise__hero {
        height: auto;
        margin-top: 0;
        margin-bottom: 10px
    }
}

.enterprise__hero-img {
    width: 100%;
    max-width: 1086px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

@media screen and (max-width: 991px) {
    .enterprise__hero-img {
        position: static;
        transform: none
    }
}

.enterprise__box {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 40px
}

.enterprise__box-title {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .enterprise__box-title {
        font-size: 20px
    }
}

.enterprise__box-subtitle {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .enterprise__box-subtitle {
        font-size: 16px
    }
}

.enterprise__box-text {
    font-size: 13px;
    line-height: 1.5;
    color: #b3b3b4;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .enterprise__box-text {
        font-size: 14px
    }
}

.enterprise__about-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 40px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .enterprise__about-title {
        font-size: 20px;
        margin-bottom: 20px
    }
}

.enterprise__about-title-supplement {
    font-size: 20px;
    font-weight: normal
}

@media screen and (max-width: 991px) {
    .enterprise__about-title-supplement {
        font-size: 14px
    }
}

.enterprise__about-text {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 40px
}

@media screen and (max-width: 1199px) {
    .enterprise__about-text {
        text-align: center
    }
}

@media screen and (max-width: 991px) {
    .enterprise__about-text {
        font-size: 14px;
        margin-bottom: 20px;
        text-align: left
    }
}

.enterprise__about-img {
    float: right;
    width: 420px;
    margin-top: -30px
}

@media screen and (max-width: 1199px) {
    .enterprise__about-img {
        display: none
    }
}

.enterprise__recent-text {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .enterprise__recent-text {
        font-size: 14px
    }
}

.enterprise__recent-img {
    display: block;
    margin: 0 auto 20px
}

.enterprise__advantage-connect {
    text-align: center;
    margin-bottom: 15px
}

.enterprise__advantage-hero {
    display: block;
    margin: 30px auto
}

@media screen and (max-width: 991px) {
    .enterprise__advantage-hero {
        width: 100%
    }
}

.enterprise__advantage-subtitle {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .enterprise__advantage-subtitle {
        font-size: 18px
    }
}

.enterprise__advantage-img {
    display: block;
    margin: 0 auto 15px
}

.enterprise__advantage-icon {
    font-size: 30px
}

.enterprise__ex-img {
    display: block;
    margin: 0 auto 15px;
    width: 100%
}

@media screen and (max-width: 991px) {
    .enterprise__ex-img {
        max-width: 450px
    }
}

.enterprise__ex-img:hover {
    opacity: 0.8
}

.enterprise__ex-link {
    display: block;
    text-align: center;
    margin-top: 5px
}

.enterprise__ex-more {
    display: block;
    margin: 0px auto 30px
}

.enterprise__flow-box {
    margin-bottom: 50px
}

.enterprise__flow-step {
    background: #f6f6f6;
    text-align: center;
    padding: 24px 24px 0 24px;
    border-radius: 3px;
    height: 220px
}

@media screen and (max-width: 1199px) {
    .enterprise__flow-step {
        height: 210px
    }
}

@media screen and (max-width: 991px) {
    .enterprise__flow-step {
        height: 210px;
        margin-bottom: 10px;
        padding: 16px
    }
}

.enterprise__flow-step:before, .enterprise__flow-step:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #f6f6f6
}

@media screen and (max-width: 991px) {
    .enterprise__flow-step:before, .enterprise__flow-step:after {
        display: none
    }
}

.enterprise__flow-step:before {
    right: -8px;
    top: 50%
}

.enterprise__flow-step:after {
    left: 12px;
    top: 50%;
    border-left-color: #fff
}

.enterprise__flow-step p {
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .enterprise__flow-step p {
        font-size: 11px
    }

    .enterprise__flow-step p br {
        display: none
    }
}

.enterprise__flow-step-title {
    font-size: 17px;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .enterprise__flow-step-title {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.enterprise__flow-thumbnail {
    height: 70px
}

.enterprise__flow-step-1:after {
    border: none
}

.enterprise__flow-step-4:before {
    border: none
}

.enterprise__contact-title {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 40px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .enterprise__contact-title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.enterprise__contact-text {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .enterprise__contact-text {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.enterprise__contact-box {
    max-width: 750px;
    margin: 0 auto 40px
}

.enterprise__contact-box .mdl-textfield__input {
    font-size: 16px !important
}

.aprilfool2017 {
    color: #CCC
}

.aprilfool2017 .page__odd {
    background: #3c3a3a;
    border-bottom: none
}

.aprilfool2017 .page__even {
    background: #565252;
    border-bottom: none
}

.aprilfool2017 .dashboard-container {
    border-bottom: none;
    position: absolute;
    left: 0;
    right: 0;
    height: auto
}

@media screen and (max-width: 991px) {
    .aprilfool2017 .dashboard-container {
        border-bottom: 1px solid #eaeaea;
        position: static;
        left: auto;
        right: auto
    }
}

.aprilfool2017 .site-header {
    background: transparent
}

@media screen and (max-width: 991px) {
    .aprilfool2017 .site-header {
        background: #fff
    }
}

.aprilfool2017 .site-header__logo {
    background: url("//cdn.spacemarket.net/assets/service/logo-white-9cb87e09aface7f0c3a05b5cd46ca4a6.svg") no-repeat;
    background-size: 178px 29px;
    background-position: 4px 4px;
    width: 180px;
    margin: 6px;
    height: 34px
}

@media screen and (max-width: 991px) {
    .aprilfool2017 .site-header__logo {
        margin: 10px 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

.aprilfool2017 .site-header__search {
    display: none
}

.aprilfool2017 .site-header__nav-help .fa, .aprilfool2017 .site-header__nav-message, .aprilfool2017 .site-header__nav-user-name, .aprilfool2017 .help__text {
    color: #fff
}

@media screen and (max-width: 991px) {
    .aprilfool2017 .matome-description {
        height: 36px
    }
}

.aprilfool2017__heroimg, .aprilfool2017__heroimg-bg {
    height: 571px
}

@media screen and (max-width: 599px) {
    .aprilfool2017__heroimg, .aprilfool2017__heroimg-bg {
        height: 300px
    }
}

@media screen and (max-width: 599px) {
    .aprilfool2017__heroimg-img {
        width: 700px
    }
}

.aprilfool2017__heroimg-title {
    font-family: 'Audiowide', cursive;
    width: 100%;
    font-size: 80px;
    text-shadow: 1px 1px 0 #999;
    color: #FFF
}

@media screen and (max-width: 991px) {
    .aprilfool2017__heroimg-title {
        font-size: 60px
    }
}

@media screen and (max-width: 599px) {
    .aprilfool2017__heroimg-title {
        font-size: 34px
    }
}

.aprilfool2017__heroimg-subtitle {
    font-size: 30px;
    display: block;
    margin-top: 15px
}

@media screen and (max-width: 599px) {
    .aprilfool2017__heroimg-subtitle {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 10px
    }
}

.aprilfool2017__title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 16px;
    color: #EEE
}

@media screen and (max-width: 991px) {
    .aprilfool2017__title {
        font-size: 20px
    }
}

.aprilfool2017__title-content {
    text-align: center;
    margin-bottom: 30px;
    color: #999
}

.aprilfool2017__more {
    text-align: center;
    margin: 16px 0;
    position: relative
}

.aprilfool2017__more-button {
    padding: 15px 30px;
    font-size: 16px;
    background: #28338a;
    border-bottom: none
}

@media screen and (max-width: 991px) {
    .aprilfool2017__more-button {
        font-size: 13px
    }
}

.aprilfool2017__more-button:hover {
    border-bottom: none;
    background: #28338a;
    opacity: 0.8
}

.aprilfool2017__flow {
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .aprilfool2017__flow {
        margin-left: -5px;
        margin-right: -5px
    }

    .aprilfool2017__flow > div {
        padding-right: 5px;
        padding-left: 5px
    }
}

.aprilfool2017__flow__step {
    background: #EEE;
    text-align: center;
    padding: 24px;
    border-radius: 3px;
    height: 220px
}

@media screen and (max-width: 1199px) {
    .aprilfool2017__flow__step {
        height: 246px
    }

    .aprilfool2017__flow__step br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .aprilfool2017__flow__step {
        height: 196px;
        margin-bottom: 10px;
        padding: 16px
    }
}

.aprilfool2017__flow__step:before, .aprilfool2017__flow__step:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #EEE
}

@media screen and (max-width: 991px) {
    .aprilfool2017__flow__step:before, .aprilfool2017__flow__step:after {
        display: none
    }
}

.aprilfool2017__flow__step:before {
    right: -8px;
    top: 50%
}

.aprilfool2017__flow__step:after {
    left: 12px;
    top: 50%;
    border-left-color: #565252
}

.aprilfool2017__flow__step p {
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .aprilfool2017__flow__step p {
        font-size: 11px
    }

    .aprilfool2017__flow__step p br {
        display: none
    }
}

.aprilfool2017__flow__step-img {
    width: 75px;
    margin-bottom: 5px
}

.aprilfool2017__flow__step-title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 1.3;
    color: #050408
}

@media screen and (max-width: 991px) {
    .aprilfool2017__flow__step-title {
        font-size: 11px
    }
}

.aprilfool2017__flow__step-1:after {
    display: none
}

.aprilfool2017__flow__step-4:before {
    display: none
}

.aprilfool2017__category {
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category {
        margin-bottom: 0
    }
}

.aprilfool2017__category__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px;
    text-align: center
}

.aprilfool2017__category__image:hover .aprilfool2017__category__image-bg {
    background: none
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category__image {
        border-radius: 0;
        height: 180px
    }
}

.aprilfool2017__category__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: bottom;
    width: 500px
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category__image-pict {
        border-radius: 0
    }
}

.aprilfool2017__category__image-bg {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 230px
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category__image-bg {
        height: 180px
    }
}

.aprilfool2017__category__title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
    color: #fff;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category__title {
        font-size: 22px
    }
}

.aprilfool2017__category__title-sub {
    font-size: 18px
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category__title-sub {
        font-size: 22px
    }
}

.aprilfool2017__category__title-sub-br {
    display: block;
    margin-top: 2px
}

@media screen and (max-width: 991px) {
    .aprilfool2017__category__title-sub-br {
        display: inline;
        margin-top: 0
    }
}

.aprilfool2017__matome-box {
    margin-bottom: 24px
}

.aprilfool2017__matome-box a {
    color: #CCC
}

.aprilfool2017__matome-box a:hover {
    text-decoration: underline
}

.aprilfool2017__matome-linkbox img {
    width: 100%
}

.aprilfool2017__matome-title {
    font-weight: bold;
    font-size: 15px;
    margin: 8px 0 3px;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

@media screen and (max-width: 991px) {
    .aprilfool2017__matome-title {
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }
}

.aprilfool2017__matome-description {
    color: #AAA;
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .aprilfool2017__matome-description {
        height: auto
    }
}

.aprilfool2017__campaign-box {
    margin-bottom: 24px
}

.aprilfool2017__campaign-box a {
    color: black
}

.aprilfool2017__campaign-box a:visited {
    color: black
}

.aprilfool2017__campaign-box a:hover {
    text-decoration: none;
    display: block
}

.aprilfool2017__campaign-box img {
    vertical-align: bottom
}

.aprilfool2017__campaign-linkbox img {
    width: 100%
}

.aprilfool2017__campaign-title {
    font-weight: bold;
    font-size: 15px;
    margin: 8px 0;
    line-height: 1.4;
    width: 100%;
    background: #f6d100;
    margin-top: 0;
    color: #666;
    padding: 5px 5px 6px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .aprilfool2017__campaign-title {
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }
}

.aprilfool2017__campaign-terms {
    text-align: center;
    color: #CCC;
    font-size: 12px
}

.a__aprilfool2017__units {
    color: black
}

.a__aprilfool2017__units:hover {
    color: #666
}

.a__aprilfool2017__units:hover img {
    opacity: 0.8
}

.aprilfool2017__units {
    border: 1px solid #555;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-bottom: 16px
}

.aprilfool2017__units .units-ranking {
    left: 10px
}

.aprilfool2017__units-image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px
}

.aprilfool2017__units-image-col__h6 {
    height: 559px
}

.aprilfool2017__units-image-col__h6 img {
    height: 100%
}

@media screen and (max-width: 991px) {
    .aprilfool2017__units-image-col__h6 {
        height: 230px
    }

    .aprilfool2017__units-image-col__h6 img {
        width: 100%;
        height: auto
    }
}

.aprilfool2017__units-image-col__w6 img {
    width: 101%;
    height: auto
}

.aprilfool2017__units-image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: 120%
}

@media screen and (max-width: 991px) {
    .aprilfool2017__units-image-pict {
        width: 100%
    }
}

.aprilfool2017__units-item-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 10px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold
}

.aprilfool2017__units-item-per {
    font-size: 10px;
    font-weight: normal
}

.aprilfool2017__units-item-fav, .aprilfool2017__units-item-fav__on {
    top: 12px;
    right: 24px
}

.aprilfool2017__units-item-fav .fa-heart, .aprilfool2017__units-item-fav__on .fa-heart {
    width: 45px;
    height: 45px
}

.aprilfool2017__units-item-fav .fa-heart:before, .aprilfool2017__units-item-fav__on .fa-heart:before {
    font-size: 18px;
    line-height: 38px
}

.aprilfool2017__units-body {
    margin: 8px 10px
}

.aprilfool2017__units-body-inner {
    overflow: hidden
}

.aprilfool2017__units-body-title {
    font-size: 14px;
    line-height: 1.5;
    height: 65px;
    overflow: hidden;
    font-weight: bold
}

.aprilfool2017__footer {
    background: #28338a
}

.aprilfool2017__footer-button {
    padding: 18px 30px;
    font-size: 16px;
    color: #28338a !important;
    border-bottom: none !important;
    line-height: 1
}

.aprilfool2017__footer-button:hover {
    opacity: 0.8
}

.aprilfool2017__share-title {
    font-size: 20px;
    margin-top: 50px;
    font-weight: bold
}

.aprilfool2017__social {
    width: 688px;
    margin: 20px auto
}

.aprilfool2017__social li {
    text-align: center
}

.aprilfool2017__social li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.aprilfool2017__social li a:hover {
    opacity: 0.7
}

@media screen and (max-width: 991px) {
    .aprilfool2017__social {
        width: 100%
    }
}

.aprilfool2017__social-twitter {
    background: #55acee
}

.aprilfool2017__social-facebook {
    background: #3b5998
}

.aprilfool2017__social-pocket {
    background: #ef4056
}

.aprilfool2017__social-like {
    background: #ddd;
    padding: 11px 0;
    border-radius: 3px;
    min-height: 44px
}

.aprilfool2017__popup {
    color: #333333;
    text-align: center;
    padding: 30px 0
}

.aprilfool2017__popup-title {
    font-family: 'Audiowide', cursive;
    font-size: 40px;
    text-shadow: 1px 1px 0 #999;
    margin-bottom: -30px
}

.aprilfool2017__popup-title-img {
    display: block;
    width: 100px;
    margin: 0 auto 20px
}

.aprilfool2017__popup-button {
    padding: 18px 30px;
    margin-bottom: 20px;
    font-size: 16px;
    background: #28338a !important;
    border-bottom: none !important
}

.aprilfool2017__popup-button:hover {
    opacity: 0.8
}

.aprilfool2017__popup-close {
    margin-top: 30px
}

.aprilfool2017__popup-close a {
    color: #27308c
}

.aprilfool2017__popup-close a:hover {
    text-decoration: underline
}

.aprilfool2017__banner-spm {
    z-index: 10;
    transform: rotate(8deg);
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    border-radius: 50%;
    padding: 13px 10px;
    display: block;
    width: 100px;
    height: 100px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #000;
    color: #FFF
}

.aprilfool2017__banner-spm:hover {
    background: #222;
    bottom: 16px
}

.aprilfool2017__banner-spm-icon {
    width: 25px;
    margin-top: 3px
}

.error__main {
    text-align: center;
    padding: 90px 10px
}

@media screen and (max-width: 991px) {
    .error__main {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.error__button {
    padding: 13px 24px
}

.error__title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #4a4b4e
}

@media screen and (max-width: 991px) {
    .error__title {
        font-size: 20px;
        line-height: 1.4em
    }
}

.error__message {
    font-size: 14px;
    color: #999999;
    margin-top: 15px;
    margin-bottom: 60px
}

@media screen and (max-width: 991px) {
    .error__message {
        font-size: 12px;
        margin-top: 10px
    }
}

.error__main-visual {
    margin-bottom: 56px;
    width: 124px;
    height: 135px
}

.referral {
    padding: 50px 0;
    text-align: center
}

@media screen and (max-width: 991px) {
    .referral {
        padding: 32px 0
    }
}

.referral__bg {
    height: 500px
}

@media screen and (max-width: 599px) {
    .referral__bg {
        height: 550px
    }
}

.referral__subscriber-img {
    width: 93px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 100%;
    border: 3px solid #FFF
}

.referral__company-name {
    font-size: 18px;
    font-weight: normal
}

.referral__title {
    color: #FFF;
    font-weight: bold;
    font-size: 36px
}

.referral__title br {
    display: none
}

@media screen and (max-width: 991px) {
    .referral__title {
        font-size: 30px
    }
}

@media screen and (max-width: 599px) {
    .referral__title {
        margin-top: 28px;
        margin-bottom: 18px;
        line-height: 1.3
    }

    .referral__title br {
        display: block
    }
}

.referral__heroimg-text {
    color: #FFF;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.6
}

.referral__ribbon {
    margin: 25px auto 25px;
    line-height: 1;
    display: block;
    position: relative;
    width: 440px;
    height: 54px;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: bold;
    z-index: 1
}

@media screen and (max-width: 599px) {
    .referral__ribbon {
        margin: 15px auto 20px;
        max-width: 300px;
        width: calc(100% - 50px);
        float: none;
        font-size: 14px;
        height: 42px
    }

    .referral__ribbon .referral__ribbon-bigtext {
        font-size: 22px
    }
}

.referral__ribbon-bigtext {
    font-size: 30px;
    vertical-align: middle;
    padding: 0 3px 0 2px;
    position: relative;
    top: -1px
}

.referral__ribbon-text {
    vertical-align: middle;
    position: relative;
    top: 1px
}

.referral__ribbon-inner {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 3px;
    left: 2px;
    width: 475px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 8px 20px;
    margin: 0 -20px;
    z-index: 3
}

@media screen and (max-width: 599px) {
    .referral__ribbon-inner {
        width: calc(100% + 35px);
        max-width: 335px;
        padding: 6px 0
    }
}

.referral__ribbon:before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 100%;
    width: 0;
    height: 0;
    border-width: 27px 10px;
    border-style: solid;
    border-color: #f5d02c;
    border-left-color: transparent
}

@media screen and (max-width: 599px) {
    .referral__ribbon:before {
        border-width: 21px 10px
    }
}

.referral__ribbon:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 27px 10px;
    border-style: solid;
    border-color: #f5d02c;
    border-right-color: transparent
}

@media screen and (max-width: 599px) {
    .referral__ribbon:after {
        border-width: 21px 10px
    }
}

.mod-heroimg__contents .referral__urlcontents {
    width: calc(100% - 30px)
}

@media screen and (max-width: 599px) {
    .mod-heroimg__contents .referral__urlcontents {
        width: 100%
    }
}

.referral__urlcontents {
    max-width: 800px;
    width: 100%;
    margin: auto;
    background: #eaeaea;
    padding: 30px
}

@media screen and (max-width: 599px) {
    .referral__urlcontents {
        text-align: center;
        position: relative;
        width: 100%;
        height: 224px;
        padding: 14px 12px
    }
}

.referral__urlcontents-caution {
    font-size: 12px;
    text-align: right
}

@media screen and (max-width: 599px) {
    .referral__urlcontents-caution {
        font-size: 10px;
        text-align: left
    }
}

.referral__urlcontents-share {
    padding: 30px;
    margin-top: 20px;
    text-align: center;
    background: #FFF
}

@media screen and (max-width: 599px) {
    .referral__urlcontents-share {
        margin-top: 10px;
        padding: 15px;
        position: absolute;
        bottom: 15px;
        width: calc(100% - 24px)
    }
}

.referral__urlcontents-sharetext {
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .referral__urlcontents-sharetext {
        float: none;
        width: 100%;
        padding-top: 0;
        margin-bottom: 15px
    }
}

.page__even .referral__urlcontents {
    background: none;
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (max-width: 599px) {
    .page__even .referral__urlcontents {
        padding: 20px 12px
    }
}

.referral__social {
    margin: 0
}

@media screen and (max-width: 599px) {
    .referral__social {
        float: none;
        width: 100%
    }
}

.referral__social li {
    text-align: center;
    padding: 0 5px
}

.referral__social li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    height: 44px;
    font-size: 22px
}

.referral__social li a:hover {
    opacity: 0.7
}

.referral__urlcontents-share.heroimg-share {
    padding: 0;
    background: none
}

.referral__urlcontents-share.heroimg-share:after {
    content: "";
    display: block;
    clear: both
}

.referral__urlcontents-share.heroimg-share .referral__urlcontents-sharetext {
    float: left;
    width: 140px;
    vertical-align: middle;
    padding-top: 14px
}

@media screen and (max-width: 599px) {
    .referral__urlcontents-share.heroimg-share .referral__urlcontents-sharetext {
        float: none;
        width: 100%;
        padding-top: 0;
        margin-bottom: 15px
    }
}

.referral__urlcontents-share.heroimg-share .referral__social {
    float: right;
    width: calc(100% - 140px)
}

@media screen and (max-width: 599px) {
    .referral__urlcontents-share.heroimg-share .referral__social {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    .referral__urlcontents-share.heroimg-share {
        background: #FFF;
        margin-top: 10px;
        padding: 15px;
        position: absolute;
        bottom: 24px;
        width: calc(100% - 24px)
    }
}

.referral__content-title {
    font-size: 24px;
    margin-bottom: 46px;
    font-weight: bold
}

.referral__content-subtitle {
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold
}

.referral__content-url {
    display: inline-block;
    width: 80%;
    max-width: calc(100% - 4em);
    font-size: 16px;
    padding: 10px;
    margin: 0 auto 10px;
    border-right: none
}

.referral__content-text {
    margin-bottom: 20px
}

.referral__content-copy-button {
    border: 1px solid #b3b3b4;
    display: inline-block;
    width: 20%;
    min-width: 4em;
    font-size: 16px;
    padding: 14px 5px 14px;
    margin: 0 auto 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.referral__step {
    padding: 0 0 30px
}

@media screen and (max-width: 991px) {
    .referral__step {
        margin-top: 32px;
        margin-left: -5px;
        margin-right: -5px
    }

    .referral__step > div {
        padding-right: 5px;
        padding-left: 5px
    }
}

.referral__step-wrap {
    position: relative
}

.referral__step-wrap + .referral__step-wrap .referral__step-list:before, .referral__step-wrap + .referral__step-wrap .referral__step-list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #f6f6f6
}

@media screen and (max-width: 991px) {
    .referral__step-wrap + .referral__step-wrap .referral__step-list:before, .referral__step-wrap + .referral__step-wrap .referral__step-list:after {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-bottom: none;
        border-top: 18px solid #f6f6f6
    }
}

.referral__step-wrap + .referral__step-wrap .referral__step-list:before {
    left: -12px;
    top: 50%
}

@media screen and (max-width: 991px) {
    .referral__step-wrap + .referral__step-wrap .referral__step-list:before {
        left: 50%;
        top: 4px;
        z-index: 1
    }
}

.referral__step-wrap + .referral__step-wrap .referral__step-list:after {
    left: 12px;
    top: 50%;
    border-left-color: #fff
}

@media screen and (max-width: 991px) {
    .referral__step-wrap + .referral__step-wrap .referral__step-list:after {
        border-left-color: transparent;
        border-top-color: #fff;
        left: 50%;
        top: 18px
    }
}

.referral__step-list {
    background: #f6f6f6;
    text-align: center;
    padding: 24px;
    border-radius: 3px;
    height: 190px
}

@media screen and (max-width: 991px) {
    .referral__step-list {
        height: auto;
        width: 100%;
        margin-bottom: 10px;
        padding: 24px 16px 16px;
        display: table
    }
}

.referral__step-list-text {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 12px
}

@media screen and (max-width: 991px) {
    .referral__step-list-text {
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .referral__step-list-img {
        width: 120px;
        display: table-cell
    }

    .referral__step-list-img img {
        height: 60px;
        vertical-align: middle;
        margin-right: 20px
    }
}

.referral__notes {
    text-align: left;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.referral__notes .inquiry-uses__notes {
    width: auto;
    margin: auto
}

@media screen and (max-width: 599px) {
    .referral__notes {
        border: none;
        padding: 0
    }

    .referral__notes li {
        margin-bottom: 8px
    }
}

.bold {
    font-weight: bold
}

.site-header__sponsoredmatch-link {
    overflow: hidden;
    color: #FFF
}

.site-header__sponsoredmatch {
    color: #FFF;
    padding: 0 15px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch {
        padding: 0 5px
    }
}

.site-header__sponsoredmatch_type1 {
    background: -moz-linear-gradient(left, #c3eb25 0%, #86d542 30%, #2cbc6c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c3eb25), color-stop(20%, #86d542), color-stop(100%, #2cbc6c));
    background: -webkit-linear-gradient(left, #c3eb25 0%, #86d542 30%, #2cbc6c 100%);
    background: -o-linear-gradient(left, #c3eb25 0%, #86d542 30%, #2cbc6c 100%);
    background: -ms-linear-gradient(left, #c3eb25 0%, #86d542 30%, #2cbc6c 100%);
    background: linear-gradient(to right, #c3eb25 0%, #86d542 30%, #2cbc6c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type1 .site-header__sponsoredmatch-button-space a {
    color: #4ecb62
}

.site-header__sponsoredmatch_type1 .site-header__sponsoredmatch_catch_text {
    color: #4ecb62
}

.site-header__sponsoredmatch_type2 {
    background: -moz-linear-gradient(left, #f9c13d 0%, #f56e80 30%, #f46275 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f9c13d), color-stop(20%, #f56e80), color-stop(100%, #f46275));
    background: -webkit-linear-gradient(left, #f9c13d 0%, #f56e80 30%, #f46275 100%);
    background: -o-linear-gradient(left, #f9c13d 0%, #f56e80 30%, #f46275 100%);
    background: -ms-linear-gradient(left, #f9c13d 0%, #f56e80 30%, #f46275 100%);
    background: linear-gradient(to right, #f9c13d 0%, #f56e80 30%, #f46275 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type2 .site-header__sponsoredmatch-button-space a {
    color: #f46275
}

.site-header__sponsoredmatch_type2 .site-header__sponsoredmatch_catch_text {
    color: #f46275
}

.site-header__sponsoredmatch_type3 {
    background: -moz-linear-gradient(left, #a3ecf1 0%, #4de3ed 30%, #4abfe6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a3ecf1), color-stop(20%, #4de3ed), color-stop(100%, #4abfe6));
    background: -webkit-linear-gradient(left, #a3ecf1 0%, #4de3ed 30%, #4abfe6 100%);
    background: -o-linear-gradient(left, #a3ecf1 0%, #4de3ed 30%, #4abfe6 100%);
    background: -ms-linear-gradient(left, #a3ecf1 0%, #4de3ed 30%, #4abfe6 100%);
    background: linear-gradient(to right, #a3ecf1 0%, #4de3ed 30%, #4abfe6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type3 .site-header__sponsoredmatch-button-space a {
    color: #4abfe6
}

.site-header__sponsoredmatch_type3 .site-header__sponsoredmatch_catch_text {
    color: #4abfe6
}

.site-header__sponsoredmatch_type4 {
    background: -moz-linear-gradient(left, #db95dd 0%, #c399e1 30%, #a59de9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #db95dd), color-stop(20%, #c399e1), color-stop(100%, #a59de9));
    background: -webkit-linear-gradient(left, #db95dd 0%, #c399e1 30%, #a59de9 100%);
    background: -o-linear-gradient(left, #db95dd 0%, #c399e1 30%, #a59de9 100%);
    background: -ms-linear-gradient(left, #db95dd 0%, #c399e1 30%, #a59de9 100%);
    background: linear-gradient(to right, #db95dd 0%, #c399e1 30%, #a59de9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type4 .site-header__sponsoredmatch-button-space a {
    color: #b3aeec
}

.site-header__sponsoredmatch_type4 .site-header__sponsoredmatch_catch_text {
    color: #b3aeec
}

.site-header__sponsoredmatch_type5 {
    background: -moz-linear-gradient(left, #86e4db 0%, #81bfdd 30%, #7a83d7 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #86e4db), color-stop(20%, #81bfdd), color-stop(100%, #7a83d7));
    background: -webkit-linear-gradient(left, #86e4db 0%, #81bfdd 30%, #7a83d7 100%);
    background: -o-linear-gradient(left, #86e4db 0%, #81bfdd 30%, #7a83d7 100%);
    background: -ms-linear-gradient(left, #86e4db 0%, #81bfdd 30%, #7a83d7 100%);
    background: linear-gradient(to right, #86e4db 0%, #81bfdd 30%, #7a83d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type5 .site-header__sponsoredmatch-button-space a {
    color: #7a83d7
}

.site-header__sponsoredmatch_type5 .site-header__sponsoredmatch_catch_text {
    color: #7a83d7
}

.site-header__sponsoredmatch_type6 {
    background: -moz-linear-gradient(left, #eaecc6 0%, #2bc0e4 30%, #4abfe6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eaecc6), color-stop(20%, #2bc0e4), color-stop(100%, #4abfe6));
    background: -webkit-linear-gradient(left, #eaecc6 0%, #2bc0e4 30%, #4abfe6 100%);
    background: -o-linear-gradient(left, #eaecc6 0%, #2bc0e4 30%, #4abfe6 100%);
    background: -ms-linear-gradient(left, #eaecc6 0%, #2bc0e4 30%, #4abfe6 100%);
    background: linear-gradient(to right, #eaecc6 0%, #2bc0e4 30%, #4abfe6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type6 .site-header__sponsoredmatch-button-space a {
    color: #4abfe6
}

.site-header__sponsoredmatch_type6 .site-header__sponsoredmatch_catch_text {
    color: #4abfe6
}

.site-header__sponsoredmatch_type7 {
    background: -moz-linear-gradient(left, #3cd3ad 0%, #3cd3ad 30%, #4cb8c4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3cd3ad), color-stop(20%, #3cd3ad), color-stop(100%, #4cb8c4));
    background: -webkit-linear-gradient(left, #3cd3ad 0%, #3cd3ad 30%, #4cb8c4 100%);
    background: -o-linear-gradient(left, #3cd3ad 0%, #3cd3ad 30%, #4cb8c4 100%);
    background: -ms-linear-gradient(left, #3cd3ad 0%, #3cd3ad 30%, #4cb8c4 100%);
    background: linear-gradient(to right, #3cd3ad 0%, #3cd3ad 30%, #4cb8c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type7 .site-header__sponsoredmatch-button-space a {
    color: #4cb8c4
}

.site-header__sponsoredmatch_type7 .site-header__sponsoredmatch_catch_text {
    color: #4cb8c4
}

.site-header__sponsoredmatch_type8 {
    background: -moz-linear-gradient(left, #26d0ce 0%, #26d0ce 30%, #485499 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #26d0ce), color-stop(20%, #26d0ce), color-stop(100%, #485499));
    background: -webkit-linear-gradient(left, #26d0ce 0%, #26d0ce 30%, #485499 100%);
    background: -o-linear-gradient(left, #26d0ce 0%, #26d0ce 30%, #485499 100%);
    background: -ms-linear-gradient(left, #26d0ce 0%, #26d0ce 30%, #485499 100%);
    background: linear-gradient(to right, #26d0ce 0%, #26d0ce 30%, #485499 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type8 .site-header__sponsoredmatch-button-space a {
    color: #485499
}

.site-header__sponsoredmatch_type8 .site-header__sponsoredmatch_catch_text {
    color: #485499
}

.site-header__sponsoredmatch_type9 {
    background: -moz-linear-gradient(left, #6dd5ed 0%, #6dd5ed 30%, #2193b0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6dd5ed), color-stop(20%, #6dd5ed), color-stop(100%, #2193b0));
    background: -webkit-linear-gradient(left, #6dd5ed 0%, #6dd5ed 30%, #2193b0 100%);
    background: -o-linear-gradient(left, #6dd5ed 0%, #6dd5ed 30%, #2193b0 100%);
    background: -ms-linear-gradient(left, #6dd5ed 0%, #6dd5ed 30%, #2193b0 100%);
    background: linear-gradient(to right, #6dd5ed 0%, #6dd5ed 30%, #2193b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type9 .site-header__sponsoredmatch-button-space a {
    color: #2193b0
}

.site-header__sponsoredmatch_type9 .site-header__sponsoredmatch_catch_text {
    color: #2193b0
}

.site-header__sponsoredmatch_type10 {
    background: -moz-linear-gradient(left, #f1969c 0%, #f1969c 30%, #f05053 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f1969c), color-stop(20%, #f1969c), color-stop(100%, #f05053));
    background: -webkit-linear-gradient(left, #f1969c 0%, #f1969c 30%, #f05053 100%);
    background: -o-linear-gradient(left, #f1969c 0%, #f1969c 30%, #f05053 100%);
    background: -ms-linear-gradient(left, #f1969c 0%, #f1969c 30%, #f05053 100%);
    background: linear-gradient(to right, #f1969c 0%, #f1969c 30%, #f05053 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type10 .site-header__sponsoredmatch-button-space a {
    color: #f05053
}

.site-header__sponsoredmatch_type10 .site-header__sponsoredmatch_catch_text {
    color: #f05053
}

.site-header__sponsoredmatch_type11 {
    background: -moz-linear-gradient(left, #f96 0%, #f96 30%, #ff6e71 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f96), color-stop(20%, #f96), color-stop(100%, #ff6e71));
    background: -webkit-linear-gradient(left, #f96 0%, #f96 30%, #ff6e71 100%);
    background: -o-linear-gradient(left, #f96 0%, #f96 30%, #ff6e71 100%);
    background: -ms-linear-gradient(left, #f96 0%, #f96 30%, #ff6e71 100%);
    background: linear-gradient(to right, #f96 0%, #f96 30%, #ff6e71 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type11 .site-header__sponsoredmatch-button-space a {
    color: #ff6e71
}

.site-header__sponsoredmatch_type11 .site-header__sponsoredmatch_catch_text {
    color: #ff6e71
}

.site-header__sponsoredmatch_type12 {
    background: -moz-linear-gradient(left, #ffd200 0%, #f2c94c 30%, #f7971e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffd200), color-stop(20%, #f2c94c), color-stop(100%, #f7971e));
    background: -webkit-linear-gradient(left, #ffd200 0%, #f2c94c 30%, #f7971e 100%);
    background: -o-linear-gradient(left, #ffd200 0%, #f2c94c 30%, #f7971e 100%);
    background: -ms-linear-gradient(left, #ffd200 0%, #f2c94c 30%, #f7971e 100%);
    background: linear-gradient(to right, #ffd200 0%, #f2c94c 30%, #f7971e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type12 .site-header__sponsoredmatch-button-space a {
    color: #f2994a
}

.site-header__sponsoredmatch_type12 .site-header__sponsoredmatch_catch_text {
    color: #f2994a
}

.site-header__sponsoredmatch_type13 {
    background: -moz-linear-gradient(left, #a39fc9 0%, #a39fc9 30%, #80a7c3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a39fc9), color-stop(20%, #a39fc9), color-stop(100%, #80a7c3));
    background: -webkit-linear-gradient(left, #a39fc9 0%, #a39fc9 30%, #80a7c3 100%);
    background: -o-linear-gradient(left, #a39fc9 0%, #a39fc9 30%, #80a7c3 100%);
    background: -ms-linear-gradient(left, #a39fc9 0%, #a39fc9 30%, #80a7c3 100%);
    background: linear-gradient(to right, #a39fc9 0%, #a39fc9 30%, #80a7c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start-color', endColorstr='$end-color', GradientType=1)
}

.site-header__sponsoredmatch_type13 .site-header__sponsoredmatch-button-space a {
    color: #80a7c3
}

.site-header__sponsoredmatch_type13 .site-header__sponsoredmatch_catch_text {
    color: #80a7c3
}

.site-header__sponsoredmatch-container {
    display: table;
    margin: 0 auto;
    height: 100%
}

.site-header__sponsoredmatch-catch-box {
    display: table-cell;
    vertical-align: middle
}

.site-header__sponsoredmatch-description-box {
    display: table-cell;
    vertical-align: middle
}

.site-header__sponsoredmatch_catch {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_catch {
        display: block;
        margin: 3px 2px 3px 0;
        padding: 0 3px 2px 3px;
        background: #FFF;
        text-align: center
    }
}

.site-header__sponsoredmatch_catch_text {
    background: #FFF;
    font-size: 12px;
    padding: 5px 5px 4px 5px;
    text-align: center
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_catch_text {
        font-size: 9px;
        margin: 0 3px 0 0;
        padding: 0
    }
}

.site-header__sponsoredmatch_date {
    display: table-cell;
    vertical-align: middle
}

.site-header__sponsoredmatch_date-box {
    display: table;
    width: 100%
}

.site-header__sponsoredmatch_date1-inner {
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: bold;
    display: inline-block
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date1-inner {
        width: 100%
    }
}

.site-header__sponsoredmatch_date1_element {
    margin: 0 0 0 4px
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch_date1_element {
        font-size: 20px;
        white-space: nowrap;
        text-align: center;
        margin: 3px 0 3px 4px
    }
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date1_element {
        font-size: 2.5vw;
        text-align: center;
        margin: 3px 0 0 0
    }
}

.site-header__sponsoredmatch_date2-inner {
    margin: 0;
    padding: 0;
    display: inline-block
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date2-inner {
        width: 100%;
        text-align: center;
        font-size: 10px
    }
}

.site-header__sponsoredmatch_date2_element {
    font-size: 11px;
    width: 16px;
    margin: 0 0 0 0
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date2_element {
        width: auto;
        text-align: center;
        margin: 0 0 5px 0;
        font-size: 10px
    }
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch_date2_element {
        text-align: center;
        margin: 0 0 5px 0;
        font-size: 10px
    }
}

.site-header__sponsoredmatch-title-box {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch-title-box {
        vertical-align: top
    }
}

.site-header__sponsoredmatch-title {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 4px 5px
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch-title {
        font-size: 4.0vw;
        text-align: left;
        margin: 0 10px 3px 4px
    }
}

.site-header__sponsoredmatch-lead {
    font-size: 13px;
    margin: 0 0 0 5px
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch-lead {
        font-size: 10px;
        font-size: 1.3vw;
        line-height: 12px
    }
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch-lead {
        font-size: 10px;
        margin: 0 0 0 4px
    }
}

.site-header__sponsoredmatch-button-box {
    display: table-cell;
    vertical-align: middle
}

.site-header__sponsoredmatch-button-box a {
    display: block;
    padding: 8px 15px
}

.site-header__sponsoredmatch-button-box a:hover {
    opacity: 0.8
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch-button-box {
        display: none
    }
}

.site-header__sponsoredmatch-button-inner {
    display: table;
    border-collapse: separate;
    border-spacing: 10px 0
}

.site-header__sponsoredmatch-button-detail {
    display: table-cell;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    height: 30px;
    overflow: hidden
}

.site-header__sponsoredmatch-button-detail a {
    color: #fff;
    height: 30px
}

.site-header__sponsoredmatch-button-space a {
    background: #FFF;
    display: block;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap
}

.topics__main {
    line-height: 1.5;
    text-align: center
}

.topics__main img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .topics__main {
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .topics__main {
        margin-top: 48px
    }
}

.topics__main-ttl .topics__main-subttl {
    letter-spacing: 4px;
    display: block;
    color: #f06060;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px
}

.topics__main-ttl .topics__main-subttl:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #f06060;
    content: "";
    height: 1px;
    width: 120px
}

@media screen and (max-width: 767px) {
    .topics__main-ttl {
        margin-bottom: 24px;
        font-size: 20px
    }

    .topics__main-ttl .topics__main-subttl {
        font-size: 10px
    }
}

@media screen and (min-width: 768px) {
    .topics__main-ttl {
        font-size: 32px
    }

    .topics__main-ttl .topics__main-subttl {
        font-size: 12px
    }
}

.topics__maintop {
    position: relative
}

.topics__maintext {
    width: 100%;
    background: rgba(240, 96, 96, 0.1)
}

.topics__maintext p {
    text-align: left
}

@media screen and (max-width: 767px) {
    .topics__maintext {
        padding: 24px 32px;
        font-size: 12px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) {
    .topics__maintext {
        padding-top: 336px;
        padding-bottom: 40px;
        margin-top: -320px;
        margin-bottom: 32px
    }

    .topics__maintext p {
        max-width: 680px;
        margin: auto
    }
}

.topics__mainimg-wrap {
    position: relative
}

@media screen and (max-width: 767px) {
    .topics__mainimg-wrap {
        padding: 16px 12px 0 12px;
        background: rgba(240, 96, 96, 0.1)
    }
}

@media screen and (min-width: 768px) {
    .topics__mainimg-wrap {
        max-width: 1124px;
        margin: -40px auto 0 auto;
        padding: 80px 60px 20px 60px
    }
}

.topics__mainimg {
    position: relative;
    z-index: 2;
    line-height: 0
}

@media screen and (max-width: 767px) {
    .topics__mainimg {
        box-shadow: 0 5px 0 #f06060
    }
}

@media screen and (min-width: 768px) {
    .topics__mainimg {
        box-shadow: 8px 8px 0 #f06060
    }
}

.topics__mainimg-deco {
    z-index: 3;
    position: absolute;
    left: 0
}

@media screen and (max-width: 767px) {
    .topics__mainimg-deco {
        top: -12px
    }
}

@media screen and (min-width: 768px) {
    .topics__mainimg-deco {
        top: 0
    }
}

@media screen and (max-width: 767px) {
    .topics__contents {
        padding: 0 16px
    }
}

@media screen and (min-width: 768px) {
    .topics__contents {
        max-width: 1140px;
        margin: auto;
        padding: 0 20px
    }

    .topics__contents a:hover img {
        opacity: 0.9
    }
}

.topics__contents img {
    width: 100%
}

.topics__contents p[class*="text"] {
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .topics__commontext {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) {
    .topics__commontext {
        margin-bottom: 40px;
        text-align: center
    }
}

.topics__ttl-level1 {
    position: relative;
    text-align: center
}

.topics__ttl-level1:before, .topics__ttl-level1:after {
    content: "";
    height: 1px;
    background: #333333;
    position: absolute;
    width: 100%;
    left: 0
}

@media screen and (max-width: 767px) {
    .topics__ttl-level1 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 12px;
        margin-bottom: 16px;
        line-height: 1.3
    }

    .topics__ttl-level1:before {
        bottom: 0
    }

    .topics__ttl-level1:after {
        bottom: 3px
    }
}

@media screen and (min-width: 768px) {
    .topics__ttl-level1 {
        font-size: 28px;
        margin-bottom: 32px
    }

    .topics__ttl-level1 span {
        background: #FFF;
        position: relative;
        z-index: 2;
        padding: 0 24px
    }

    .topics__ttl-level1:before {
        top: 12px
    }

    .topics__ttl-level1:after {
        top: 15px
    }
}

.topics__ttl-level2 {
    background: #f06060;
    color: #FFF;
    text-align: center;
    position: relative
}

.topics__ttl-level2:after {
    content: "";
    height: 1px;
    width: 100%;
    background: #FFF;
    position: absolute;
    left: 0
}

@media screen and (max-width: 767px) {
    .topics__ttl-level2 {
        font-size: 16px;
        padding: 10px 0 12px;
        margin: 0 -16px 16px
    }

    .topics__ttl-level2:after {
        bottom: 2px
    }
}

@media screen and (min-width: 768px) {
    .topics__ttl-level2 {
        font-size: 18px;
        padding: 12px 0 16px;
        margin-bottom: 32px
    }

    .topics__ttl-level2:after {
        bottom: 4px
    }
}

.topics__ttl-level3 {
    font-weight: bold;
    text-align: center
}

@media screen and (max-width: 767px) {
    .topics__ttl-level3 {
        font-size: 18px;
        margin-bottom: 16px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .topics__ttl-level3 {
        font-size: 20px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 767px) {
    .topics__biglist {
        margin-bottom: 40px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .topics__biglist {
        margin-bottom: 64px;
        margin-top: 40px
    }
}

.biglist__item {
    border: 1px solid #d1d1d1
}

.biglist__ttl {
    font-weight: bold;
    line-height: 1.3
}

.biglist__img {
    position: relative
}

.biglist__img a {
    line-height: 0
}

.biglist__img img {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.2);
    box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.2)
}

.biglist__img:after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    background: #f06060;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

@media screen and (max-width: 767px) {
    .biglist__item {
        margin: 0 auto 16px;
        padding: 24px 16px 16px 16px
    }

    .biglist__ttl {
        font-size: 16px;
        margin-bottom: 12px
    }

    .biglist__text {
        font-size: 12px;
        margin-bottom: 16px
    }

    .biglist__img {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) {
    .biglist__item {
        margin-bottom: 24px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 40px 40px 40px 56px
    }

    .biglist__item .btn__style {
        width: 100%;
        max-width: 272px
    }

    .biglist__ttl {
        font-size: 18px;
        margin-bottom: 20px
    }

    .biglist__text {
        margin-bottom: 24px
    }

    .biglist__detail {
        width: calc(100% - 430px)
    }

    .biglist__img {
        margin-right: 40px;
        width: 390px;
        height: 240px
    }

    .biglist__img > a {
        display: block;
        background: #FFF
    }
}

.mediumlist-space__link {
    text-align: center;
    margin-top: -24px
}

@media screen and (max-width: 767px) {
    .mediumlist-space__link {
        margin-bottom: 40px;
        font-size: 14px
    }
}

@media screen and (min-width: 768px) {
    .mediumlist-space__link {
        margin-bottom: 64px;
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .topics__mediumlist-space {
        margin-top: 24px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .topics__mediumlist-space {
        margin-bottom: 40px;
        margin-top: 40px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.mediumlist-space__item {
    border: 1px solid #d1d1d1
}

.mediumlist-space__item a {
    color: #333333
}

.mediumlist-space__img img {
    width: 100%;
    height: auto
}

.mediumlist-space__spacename {
    font-size: 18px;
    margin-bottom: 12px
}

.mediumlist-space__text {
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.4
}

.mediumlist-space__info {
    background: #f6f6f6;
    padding: 12px 16px
}

.mediumlist-space__info .space-head__list {
    margin-bottom: 0;
    margin-top: 4px;
    color: #333333
}

.mediumlist-space__info .space-head__list i {
    color: #b3b3b3
}

.mediumlist-space__info .space-head__list-user {
    display: inline;
    margin-right: 8px
}

@media screen and (max-width: 767px) {
    .mediumlist-space__img {
        height: 50vw
    }

    .mediumlist-space__item {
        margin: 0 auto 16px
    }

    .mediumlist-space__detail {
        padding: 16px
    }
}

@media screen and (min-width: 768px) {
    .mediumlist-space__item {
        width: 32%;
        margin-bottom: 16px
    }

    .mediumlist-space__img {
        max-height: 208px;
        height: 18vw
    }

    .mediumlist-space__detail {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .topics__biglist-special {
        margin-bottom: 40px;
        margin-top: 32px
    }
}

@media screen and (min-width: 768px) {
    .topics__biglist-special {
        margin-bottom: 64px;
        margin-top: 40px
    }
}

.ribbon-areatop {
    position: absolute;
    width: 89px;
    height: 91px;
    overflow: hidden
}

.ribbon-top {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #f06060;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon-top:before, .ribbon-top:after {
    position: absolute;
    content: "";
    border-top: 4px solid #333333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px
}

.ribbon-areabottom {
    position: absolute;
    width: 89px;
    height: 91px;
    overflow: hidden
}

.ribbon-bottom {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #f06060;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon-bottom:before, .ribbon-bottom:after {
    position: absolute;
    content: "";
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #333333;
    top: -8px
}

.biglist-special__bgimg {
    display: block;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.biglist-special__item {
    border: 1px solid #d1d1d1;
    position: relative
}

.biglist-special__item a {
    display: block
}

.biglist-special__ttl {
    font-weight: bold;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .biglist-special__bgimg {
        width: 100%;
        height: 200px
    }

    .biglist-special__item {
        padding: 0;
        border: 3px solid #f06060;
        margin: 0 auto 16px
    }

    .biglist-special__detail {
        padding: 24px 20px 32px
    }

    .biglist-special__ttl {
        font-size: 16px;
        margin-bottom: 12px
    }

    .biglist-special__text {
        font-size: 12px;
        margin-bottom: 16px
    }

    .ribbon-areatop {
        top: -8px;
        right: -8px
    }

    .ribbon-top {
        height: 20px;
        left: -14px;
        top: 14px
    }

    .ribbon-top:before {
        left: 36px
    }

    .ribbon-top:after {
        right: 37px
    }

    .ribbon-areabottom {
        bottom: -8px;
        left: -8px
    }

    .ribbon-bottom {
        height: 20px;
        right: -14px;
        bottom: 14px
    }

    .ribbon-bottom:before {
        left: 37px
    }

    .ribbon-bottom:after {
        right: 36px
    }
}

@media screen and (min-width: 768px) {
    .biglist-special__bgimg {
        width: 50%
    }

    .biglist-special__item {
        margin-bottom: 24px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 0;
        border: 4px solid #f06060
    }

    .biglist-special__item .btn__style {
        width: 100%;
        max-width: 272px
    }

    .biglist-special__bgimg:hover {
        opacity: 0.9
    }

    .biglist-special__detail {
        width: 50%;
        padding: 32px;
        border: 24px solid #f6f6f6
    }

    .biglist-special__ttl {
        font-size: 18px;
        margin-bottom: 20px
    }

    .biglist-special__text {
        margin-bottom: 24px
    }

    .ribbon-areatop {
        top: -10px;
        right: -10px
    }

    .ribbon-top {
        height: 24px;
        left: -23px;
        top: 22px
    }

    .ribbon-top:before {
        left: 20px
    }

    .ribbon-top:after {
        right: 23px
    }

    .ribbon-areabottom {
        bottom: -10px;
        left: -10px
    }

    .ribbon-bottom {
        height: 24px;
        right: -23px;
        bottom: 22px
    }

    .ribbon-bottom:before {
        left: 23px
    }

    .ribbon-bottom:after {
        right: 20px
    }
}

.topics__mediumlist {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    position: relative
}

@media screen and (max-width: 767px) {
    .topics__mediumlist {
        max-width: 400px;
        margin: 24px auto 40px;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px) {
    .topics__mediumlist {
        margin: 40px auto 64px;
        max-width: 900px
    }
}

.mediumlist__img {
    margin: 0 auto 24px;
    -webkit-box-shadow: 10px 0 0 #f06060;
    box-shadow: 10px 0 0 #f06060;
    width: 200px;
    height: 200px;
    border-radius: 50%
}

.mediumlist__img img {
    height: 230px;
    width: auto
}

.mediumlist__spacename {
    line-height: 1.4;
    font-size: 18px;
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative
}

.mediumlist__spacename a {
    color: #333333
}

.mediumlist__spacename:after {
    content: "";
    background: #f06060;
    width: 100px;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.mediumlist__text {
    font-size: 13px;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .mediumlist__item:first-child {
        margin-bottom: 32px;
        width: 100%;
        text-align: center
    }

    .mediumlist__item:not(:first-child) {
        width: 47%
    }

    .mediumlist__item:not(:first-child) .mediumlist__img {
        margin: 0 auto 16px;
        -webkit-box-shadow: 5px 0 0 #f06060;
        box-shadow: 5px 0 0 #f06060;
        width: 128px;
        height: 128px
    }

    .mediumlist__item:not(:first-child) .mediumlist__img img {
        height: 128px;
        width: auto
    }

    .mediumlist__item:not(:first-child) .mediumlist__spacename {
        font-size: 14px;
        padding-bottom: 12px;
        width: 10em;
        margin: 0 auto 12px;
        line-height: 1.3
    }

    .mediumlist__item:not(:first-child) .mediumlist__text {
        font-size: 12px;
        margin-bottom: 12px
    }

    .mediumlist__item:not(:first-child) .mediumlist__link {
        font-size: 12px;
        text-align: right
    }

    .mediumlist__link {
        text-align: center
    }
}

@media screen and (min-width: 768px) {
    .mediumlist__item {
        max-width: 260px;
        width: 31%
    }

    .mediumlist__link {
        text-align: right
    }
}

.topics__smalllist {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .topics__smalllist {
        margin: 24px 0 16px
    }
}

@media screen and (min-width: 768px) {
    .topics__smalllist {
        margin: 40px 0
    }
}

.topics__smalllist a {
    color: #333333
}

.smalllist__item {
    margin-bottom: 24px
}

.smalllist__img {
    margin-bottom: 12px
}

.smalllist__text {
    border-left: 2px solid #f06060
}

@media screen and (max-width: 767px) {
    .smalllist__item {
        width: calc(50% - 8px)
    }

    .smalllist__text {
        padding-left: 8px;
        font-size: 12px
    }
}

@media screen and (min-width: 768px) {
    .smalllist__item {
        width: calc(25% - 12px)
    }

    .smalllist__item a:hover {
        text-decoration: underline
    }

    .smalllist__text {
        padding-left: 12px
    }
}

.stripe-regist {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    background-color: #e8e7e8;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #ededed), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ededed), color-stop(0.75, #ededed), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent)
}

.stripe-regist .top-more__area {
    margin: 0
}

@media screen and (max-width: 767px) {
    .stripe-regist {
        padding: 24px 16px
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist {
        padding: 32px 0
    }
}

.stripe-regist__unit {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 4px;
    background: #FFF
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit {
        padding: 20px 0 24px 0
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit {
        padding: 20px 0
    }
}

.stripe-regist__unit .stripe-regist__title-guide {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 3px dotted #b3b3b3
}

@media screen and (max-width: 350px) {
    .stripe-regist__unit .stripe-regist__title-guide {
        letter-spacing: 0;
        font-size: 14px
    }
}

.stripe-regist__unit .stripe-regist__everyone {
    position: absolute;
    background: #f5d02c;
    border-radius: 50%
}

.stripe-regist__unit .stripe-regist__everyone:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    right: 3px;
    bottom: 0px;
    transform: rotate(-52deg);
    border-width: 13px 5.5px 0 5.5px;
    border-color: #f5d02c transparent transparent transparent
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__everyone {
        width: 80px;
        height: 80px;
        top: -54px;
        left: -60px
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__everyone {
        width: 65px;
        height: 65px;
        top: -8px;
        left: 0
    }
}

.stripe-regist__unit .stripe-regist__everyone span {
    color: #333333;
    font-weight: bold;
    vertical-align: middle;
    position: static
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__everyone span {
        font-size: 14px;
        line-height: 80px
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__everyone span {
        font-size: 12px;
        line-height: 65px
    }
}

.stripe-regist__unit .stripe-regist__title {
    font-weight: bold;
    margin-top: 16px
}

.stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
    display: inline-block;
    font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
        font-size: 66px;
        vertical-align: middle
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
        font-size: 56px
    }
}

@media screen and (max-width: 350px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
        margin-left: 40px
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-medium {
        font-size: 32px
    }
}

.stripe-regist__unit .stripe-regist__title .stripe-regist__title-small {
    display: block;
    font-size: 16px;
    font-weight: bold
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-small {
        line-height: 1.4;
        display: inline-block;
        margin-left: 12px;
        vertical-align: middle;
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-small {
        margin-top: 10px
    }

    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-small br {
        display: none
    }
}

.stripe-regist__present {
    position: relative;
    margin: auto
}

@media screen and (max-width: 767px) {
    .stripe-regist__present {
        width: 310px
    }
}

@media screen and (max-width: 350px) {
    .stripe-regist__present {
        width: 260px
    }
}

.stripe-regist__all-space {
    background: white;
    border-radius: 5px;
    width: 90%;
    padding: 8px 0;
    margin: 8px auto 0
}

@media screen and (min-width: 768px) {
    .stripe-regist__all-space {
        width: 380px
    }
}

.stripe-regist__text {
    position: relative;
    margin: 20px auto 0;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .stripe-regist__text {
        font-size: 16px;
        width: 320px
    }
}

@media screen and (max-width: 350px) {
    .stripe-regist__text {
        font-size: 14px;
        width: 290px
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist__text {
        font-size: 16px;
        width: 320px
    }
}

.stripe-regist__text:before, .stripe-regist__text:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 23px;
    height: 1px;
    background-color: #333333
}

.stripe-regist__text:before {
    top: 8px;
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.stripe-regist__text:after {
    top: 8px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

@media screen and (max-width: 767px) {
    .stripe-regist__text:after {
        right: 0px
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist__text:after {
        right: 4px
    }
}

.stripe-regist__button_wrap {
    padding-top: 20px;
    font-size: 16px;
    padding-bottom: 0
}

.stripe-regist__button_wrap .btn__style {
    display: block;
    margin: auto;
    max-width: 400px;
    width: 100%
}

.stripe-regist__button_wrap:before {
    content: normal
}

article + .page__stripes .top-flow__regist-button {
    padding: 16px 24px;
    margin: auto;
    max-width: 300px;
    display: block;
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .twcam {
        margin-top: 24px
    }

    .twcam a:hover {
        text-decoration: underline
    }
}

.bg_twitter {
    background: #1DA1F2
}

.bg_twitter i {
    padding-right: 6px
}

@media screen and (min-width: 768px) {
    .bg_twitter:hover {
        background: #1194e5
    }
}

@media screen and (min-width: 768px) {
    .twcam .bg_twitter:hover {
        text-decoration: none
    }
}

.twcam__main {
    text-align: center
}

@media screen and (max-width: 767px) {
    .twcam__main {
        height: 316px;
        padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main {
        margin-top: 24px;
        max-width: 1100px;
        margin: auto;
        height: 430px;
        padding-top: 46px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main.cinema {
        background: url("//cdn.spacemarket.net/assets/campaigns/cinema/t_campaign_mainimg2-7cc94f716f7ed4751617bce5d32e0c01.png") center center no-repeat;
        background-size: cover
    }
}

@media screen and (min-width: 768px) {
    .twcam__main.cinema {
        background: url("//cdn.spacemarket.net/assets/campaigns/cinema/t_campaign_mainimg_pc2-dbb43a1d491a78ef3b7fcc901ef4f708.png") center center no-repeat;
        background-size: cover;
        padding-top: 36px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main.sports {
        background: url("//cdn.spacemarket.net/assets/campaigns/sports/t_campaign_mainimg-41bd0f3a29013d41810f18069dd9f442.png") top center no-repeat;
        background-size: cover
    }
}

@media screen and (min-width: 768px) {
    .twcam__main.sports {
        background: url("//cdn.spacemarket.net/assets/campaigns/sports/t_campaign_mainimg_pc-076b4440768e2efaa05951fa9a6001d9.png") center center no-repeat;
        background-size: cover
    }
}

@media screen and (max-width: 767px) {
    .twcam__main.fireworks {
        background: url("//cdn.spacemarket.net/assets/campaigns/fireworks/t_campaign_mainimg-d3eab34e006817836765bdb6987bc97a.png") top center no-repeat;
        background-size: cover;
        padding-top: 40px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main.fireworks {
        background: url("//cdn.spacemarket.net/assets/campaigns/fireworks/t_campaign_mainimg_pc-52072a8ecb662860e24fef90a1fd1961.png") center center no-repeat;
        background-size: cover
    }
}

@media screen and (max-width: 767px) {
    .twcam__main.beer {
        background: url("//cdn.spacemarket.net/assets/campaigns/beer/t_campaign_mainimg-8fba43d5345147818c968c315327cdbf.png") top center no-repeat;
        background-size: cover;
        padding-top: 40px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main.beer {
        background: url("//cdn.spacemarket.net/assets/campaigns/beer/t_campaign_mainimg_pc-3ba4a5297485d854ba517fca6ba8bf64.png") center no-repeat;
        background-size: cover;
        padding-top: 88px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main.ouchi {
        background: url("https://cdnspacemarket.com/assets/campaigns/ouchi/t_campaign_mainimg-ac7585619274aee844d7cd0d049e131d.png") top center no-repeat;
        background-size: cover;
        padding-top: 60px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main.ouchi {
        background: url("//cdn.spacemarket.net/assets/campaigns/ouchi/t_campaign_mainimg_pc-3a3d7fe4e8048decbac801363469f510.png") center no-repeat;
        background-size: cover;
        padding-top: 60px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main.lion {
        background: url("//cdn.spacemarket.net/assets/campaigns/lion/t_campaign_mainimg-24dc4a4e152ca1350af9112dd306c800.png") top center no-repeat;
        background-size: cover;
        padding-top: 40px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main.lion {
        background: url("//cdn.spacemarket.net/assets/campaigns/lion/t_campaign_mainimg_pc-5b240bb20893631640f7c6ca8da68c06.png") center center no-repeat;
        background-size: cover
    }
}

.twcam__main-cont {
    position: relative
}

@media screen and (max-width: 767px) {
    .twcam__main-cont {
        max-width: 280px;
        margin: auto
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-cont {
        max-width: 480px;
        margin: auto
    }
}

.twcam__main-cont:before {
    content: '';
    position: absolute;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .twcam__main-cont:before {
        width: 40px;
        height: 38px;
        left: 8px;
        top: 52px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-cont:before {
        width: 56px;
        height: 54px;
        left: 8px;
        top: 6px
    }
}

.twcam__main-cont:after {
    content: '';
    position: absolute;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .twcam__main-cont:after {
        width: 29px;
        height: 29px;
        right: 22px;
        top: 58px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-cont:after {
        width: 44px;
        height: 44px;
        right: 15px;
        top: 8px
    }
}

.twcam__main-twitter {
    background: #1DA1F2;
    color: #fff;
    font-weight: bold;
    border-radius: 50px
}

.twcam__main-twitter span {
    position: relative
}

.twcam__main-twitter span:before {
    display: block;
    font-family: FontAwesome;
    content: "\f099";
    position: absolute
}

@media screen and (max-width: 767px) {
    .twcam__main-twitter span:before {
        font-size: 20px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-twitter span:before {
        font-size: 25px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-twitter {
        font-size: 14px;
        padding: 8px 0;
        margin: auto;
        max-width: 290px
    }

    .twcam__main-twitter span {
        padding-left: 24px
    }

    .twcam__main-twitter span:before {
        left: 0;
        bottom: -3px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-twitter {
        width: 480px;
        margin: auto;
        font-size: 20px;
        padding: 12px 0
    }

    .twcam__main-twitter span {
        padding-left: 34px
    }

    .twcam__main-twitter span:before {
        left: 0;
        bottom: -3px
    }
}

.twcam__main-text1, .twcam__main-text2 {
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 12px #000
}

@media screen and (max-width: 767px) {
    .twcam__main-text1 {
        font-size: 18px;
        margin-top: 20px
    }

    .twcam__main-text1:after {
        margin: auto
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-text1 {
        font-size: 24px;
        margin-top: 36px
    }

    .twcam__main-text1:after {
        margin: 14px auto 0
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-text2 {
        line-height: 1.3;
        font-size: 25px;
        margin-top: 2px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-text2 {
        font-size: 48px;
        margin-top: 12px;
        width: 800px;
        margin-left: -160px
    }

    .twcam__main-text2 br {
        display: none
    }
}

.twcam__main-film {
    font-weight: bold;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.twcam__main-film p {
    text-shadow: 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF
}

@media screen and (min-width: 768px) {
    .twcam__main-film {
        min-height: 104px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-present {
        margin-top: 10px
    }

    .twcam__main-present span {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-present {
        margin-top: 12px;
        font-size: 20px
    }

    .twcam__main-present span {
        font-size: 28px
    }
}

.twcam__main-close {
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .twcam__main-close {
        font-size: 20px
    }
}

.twcam__main-more {
    position: relative;
    font-weight: bold;
    display: inline-block
}

.twcam__main-more:before, .twcam__main-more:after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 2px;
    background-color: #333333
}

.twcam__main-more:before {
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.twcam__main-more:after {
    right: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

@media screen and (max-width: 767px) {
    .twcam__main-more {
        padding: 0 24px;
        margin: 0 auto 2px;
        font-size: 16px
    }

    .twcam__main-more:before, .twcam__main-more:after {
        width: 18px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-more {
        padding: 0 32px;
        margin: 0 auto 6px;
        font-size: 28px
    }

    .twcam__main-more:before, .twcam__main-more:after {
        top: 15px;
        width: 24px
    }
}

.cinema .twcam__main-cont:before {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/cinema/t_campaign_icon1-40701e083905875f4dcfd11f9a780528.png")
}

@media screen and (max-width: 767px) {
    .cinema .twcam__main-cont:before {
        width: 40px;
        height: 38px;
        left: -16px;
        top: 21px
    }
}

@media screen and (min-width: 768px) {
    .cinema .twcam__main-cont:before {
        width: 56px;
        height: 54px;
        left: 8px;
        top: 6px
    }
}

.cinema .twcam__main-cont:after {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/cinema/t_campaign_icon2-6ee73521ac81aef37b2b23b662bcdbcb.png")
}

@media screen and (max-width: 767px) {
    .cinema .twcam__main-cont:after {
        width: 29px;
        height: 29px;
        right: -10px;
        top: 27px
    }
}

@media screen and (min-width: 768px) {
    .cinema .twcam__main-cont:after {
        width: 44px;
        height: 44px;
        right: 5px;
        top: 8px
    }
}

.cinema .twcam__main-text1:after {
    content: "";
    background: url("//cdn.spacemarket.net/assets/campaigns/t_campaign_hukidashi-b3bc212c8f58cc6ece8a539fe7558cb5.png") 0 0 no-repeat;
    display: block;
    background-size: contain;
    width: 195px;
    height: 37px
}

.cinema .twcam__main-film {
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .cinema .twcam__main-film {
        height: 77px;
        margin-top: 24px;
        background: url("//cdn.spacemarket.net/assets/campaigns/cinema/t_campaign_main_bg-f420962e591028b522e10319725eefa9.png") 0 0 repeat-x
    }
}

@media screen and (min-width: 768px) {
    .cinema .twcam__main-film {
        height: 115px;
        margin-top: 40px;
        background: url("//cdn.spacemarket.net/assets/campaigns/cinema/t_campaign_main_bg_pc-f0c385d065b9f7f08e9b1d59a936d127.png") 0 0 repeat-x;
        font-size: 24px
    }
}

@media screen and (max-width: 767px) {
    .cinema .twcam__main-more {
        font-size: 14px;
        margin-bottom: 5px
    }

    .cinema .twcam__main-more:before, .cinema .twcam__main-more:after {
        top: 4px;
        width: 16px
    }
}

@media screen and (min-width: 768px) {
    .cinema .twcam__main-more {
        font-size: 18px;
        margin-bottom: 12px
    }

    .cinema .twcam__main-more:before, .cinema .twcam__main-more:after {
        top: 10px;
        width: 18px
    }
}

.cinema .twcam__main-text1 {
    margin-top: 28px
}

@media screen and (min-width: 768px) {
    .cinema .twcam__main-text1 {
        font-size: 24px;
        margin-top: 32px
    }
}

.cinema .twcam__main-present {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .cinema .twcam__main-present {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .cinema .twcam__main-present {
        font-size: 26px;
        margin-bottom: 6px
    }
}

.sports .twcam__main-cont:before {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/sports/t_campaign_icon1-92e245cd79092b3d416026a841d09bcb.png")
}

@media screen and (max-width: 767px) {
    .sports .twcam__main-cont:before {
        width: 32px;
        height: 23px;
        left: -6px;
        top: 29px
    }
}

@media screen and (min-width: 768px) {
    .sports .twcam__main-cont:before {
        width: 58px;
        height: 43px;
        left: 0px;
        top: 16px
    }
}

.sports .twcam__main-cont:after {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/sports/t_campaign_icon2-9c091dd7df7420b2c742a13163d17d4d.png")
}

@media screen and (max-width: 767px) {
    .sports .twcam__main-cont:after {
        width: 24px;
        height: 22px;
        right: -6px;
        top: 29px
    }
}

@media screen and (min-width: 768px) {
    .sports .twcam__main-cont:after {
        width: 42px;
        height: 38px;
        right: 7px;
        top: 17px
    }
}

.sports .twcam__main-text1:after {
    content: "";
    background: url("//cdn.spacemarket.net/assets/campaigns/t_campaign_hukidashi-b3bc212c8f58cc6ece8a539fe7558cb5.png") 0 0 no-repeat;
    display: block;
    background-size: contain;
    width: 195px;
    height: 37px
}

.sports .twcam__main-film {
    position: relative
}

.sports .twcam__main-film:before, .sports .twcam__main-film:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: 0
}

.sports .twcam__main-film:before {
    top: 4px
}

.sports .twcam__main-film:after {
    bottom: 4px
}

@media screen and (max-width: 767px) {
    .sports .twcam__main-film {
        background: #f5d02c;
        height: 72px;
        margin-top: 12px
    }
}

@media screen and (min-width: 768px) {
    .sports .twcam__main-film {
        background: rgba(245, 208, 44, 0.9);
        margin-top: 44px;
        font-size: 24px
    }
}

.sports .twcam__main-more {
    width: 8em;
    margin-top: 0;
    letter-spacing: 2px
}

@media screen and (max-width: 767px) {
    .sports .twcam__main-more {
        font-size: 18px
    }

    .sports .twcam__main-more:before, .sports .twcam__main-more:after {
        width: 18px
    }
}

@media screen and (min-width: 768px) {
    .sports .twcam__main-more {
        font-size: 28px
    }

    .sports .twcam__main-more:before, .sports .twcam__main-more:after {
        top: 15px
    }
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-cont {
        max-width: 340px
    }
}

.fireworks .twcam__main-text1 {
    position: relative;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-text1 {
        font-size: 14px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .fireworks .twcam__main-text1 {
        font-size: 24px;
        margin-top: 28px
    }

    .fireworks .twcam__main-text1 span {
        font-size: 20px
    }
}

.fireworks .twcam__main-text1:before {
    position: absolute;
    content: '';
    transform: rotate(45deg);
    background-color: white;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .fireworks .twcam__main-text1:before {
        bottom: 16px;
        left: 24px;
        width: 28px;
        height: 1px
    }
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-text1:before {
        bottom: 8px;
        left: 40px;
        width: 18px;
        height: 1px
    }
}

.fireworks .twcam__main-text1:after {
    position: absolute;
    margin: auto;
    content: '';
    background-color: white;
    transform: rotate(135deg);
    display: inline-block
}

@media screen and (min-width: 768px) {
    .fireworks .twcam__main-text1:after {
        width: 28px;
        height: 1px;
        bottom: 16px;
        right: 24px
    }
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-text1:after {
        width: 18px;
        height: 1px;
        bottom: 8px;
        right: 40px
    }
}

.fireworks .twcam__main-icon {
    display: none
}

.fireworks .twcam__main-text2 {
    line-height: 1.3
}

.fireworks .twcam__main-text2 br {
    display: inline
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-text2 {
        margin-top: 8px
    }

    .fireworks .twcam__main-text2 span {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .fireworks .twcam__main-text2 span {
        font-size: 32px
    }
}

.fireworks .twcam__main-film {
    display: inline-block;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    min-height: 0
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-film {
        padding: 12px 32px;
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .fireworks .twcam__main-film {
        padding: 16px;
        margin-top: 24px;
        font-size: 24px;
        width: 480px
    }
}

.fireworks .twcam__main-film p {
    text-shadow: none;
    color: #fff
}

@media screen and (min-width: 768px) {
    .fireworks .twcam__main-film p {
        font-size: 20px
    }

    .fireworks .twcam__main-film p span {
        margin-left: 16px
    }

    .fireworks .twcam__main-film p br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .fireworks .twcam__main-film p {
        font-size: 14px
    }

    .fireworks .twcam__main-film p span {
        margin-top: 8px;
        display: inline-block
    }

    .fireworks .twcam__main-film p br {
        display: inline
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .fireworks .twcam__special-item-main .twcam__special-item-maintitle {
        font-size: 20px
    }
}

.beer .twcam__main-cont {
    max-width: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    bottom: 0
}

@media screen and (max-width: 767px) {
    .beer .twcam__main-cont {
        bottom: -60px
    }
}

.beer .twcam__main-twitter {
    margin: 12px auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 3px 9px
}

.beer .twcam__main-text2 {
    position: relative;
    text-shadow: rgba(0, 0, 0, 0.2) 0 3px 9px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
    background: #333;
    margin: auto;
    width: 100%
}

@media screen and (max-width: 767px) {
    .beer .twcam__main-text2 {
        font-size: 22px;
        padding: 16px 0;
        letter-spacing: 0.5px
    }

    .beer .twcam__main-text2 span {
        font-size: 18px
    }
}

@media screen and (max-width: 350px) {
    .beer .twcam__main-text2 {
        font-size: 20px;
        letter-spacing: 0
    }

    .beer .twcam__main-text2 span {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    .beer .twcam__main-text2 {
        font-size: 36px;
        letter-spacing: 1px;
        padding: 24px 0
    }

    .beer .twcam__main-text2 span {
        font-size: 28px
    }

    .beer .twcam__main-text2 br {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .beer .twcam__main-text2 {
        font-size: 30px;
        letter-spacing: 0.5
    }

    .beer .twcam__main-text2 span {
        font-size: 24px
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .beer .twcam__special-item-main .twcam__special-item-maintitle {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .beer .twcam__logo {
        margin-top: 80px
    }
}

.beer .twcam__special-fixedcont:after {
    display: none
}

.twcam__special.beer {
    padding-top: 40px;
    margin-top: 48px
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__main-cont {
        max-width: 340px
    }
}

.ouchi .twcam__main-twitter {
    box-shadow: 0 0 16px white
}

.ouchi .twcam__main-text1 {
    position: relative;
    line-height: 1.3;
    color: #333;
    text-shadow: 0 0 16px #fff, 0 0 16px #fff, 0 0 16px rgba(255, 255, 255, 0.3)
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__main-text1 {
        font-size: 14px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__main-text1 {
        font-size: 24px;
        margin-top: 28px
    }

    .ouchi .twcam__main-text1 span {
        font-size: 20px
    }
}

.ouchi .twcam__main-text1:before {
    position: absolute;
    content: '';
    transform: rotate(45deg);
    background-color: #333;
    box-shadow: 0 0 16px white, 0 0 16px white, 0 0 16px white;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__main-text1:before {
        bottom: 16px;
        left: 36px;
        width: 28px;
        height: 2px
    }
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__main-text1:before {
        bottom: 8px;
        left: 48px;
        width: 16px;
        height: 2px
    }
}

.ouchi .twcam__main-text1:after {
    position: absolute;
    margin: auto;
    content: '';
    background-color: #333;
    box-shadow: 0 0 16px white, 0 0 16px white, 0 0 16px white;
    transform: rotate(135deg);
    display: inline-block
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__main-text1:after {
        width: 28px;
        height: 2px;
        bottom: 16px;
        right: 36px
    }
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__main-text1:after {
        width: 16px;
        height: 2px;
        bottom: 8px;
        right: 48px
    }
}

.ouchi .twcam__main-text2 {
    line-height: 1.3;
    text-shadow: 0 0 16px #fff, 0 0 16px #fff, 0 0 16px rgba(255, 255, 255, 0.3);
    color: #333
}

.ouchi .twcam__main-text2 br {
    display: inline
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__main-text2 {
        margin-top: 12px;
        font-size: 28px
    }

    .ouchi .twcam__main-text2 span {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__main-text2 {
        letter-spacing: 3px
    }

    .ouchi .twcam__main-text2 span {
        font-size: 32px
    }
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__special-title {
        padding-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-title {
        padding-top: 40px
    }
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__special-title:before {
        top: 38px
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-title:before {
        top: 54px;
        width: calc(50% - 13em)
    }
}

@media screen and (max-width: 767px) {
    .ouchi .twcam__special-title:after {
        top: 38px
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-title:after {
        top: 54px;
        width: calc(50% - 13em)
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-title br {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .ouchi .twcam__special-item-main .twcam__special-item-maintitle {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .ouchi .twcam__special-item-main .twcam__special-item-text {
        font-size: 12px;
        margin-top: 10px;
        padding-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-list li {
        width: 100%;
        margin-bottom: 8px;
        padding-bottom: 0;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-itemimg {
        width: 45%;
        line-height: 0
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-list li:not(:first-child) {
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 768px) {
    .ouchi .twcam__special-list li:not(:first-child) .twcam__special-item-text {
        max-width: none
    }
}

.sm5_none {
    display: none
}

@media screen and (max-width: 350px) {
    .sm5_none {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-cont {
        max-width: 340px
    }
}

.lion .twcam__main-text1 {
    position: relative;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-text1 {
        font-size: 14px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__main-text1 {
        font-size: 20px;
        margin-top: 28px
    }

    .lion .twcam__main-text1 span {
        font-size: 20px
    }
}

.lion .twcam__main-text1:before {
    position: absolute;
    content: '';
    transform: rotate(45deg);
    background-color: white;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .lion .twcam__main-text1:before {
        bottom: 10px;
        left: 40px;
        width: 20px;
        height: 1px
    }
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-text1:before {
        bottom: 8px;
        left: 30px;
        width: 18px;
        height: 1px
    }
}

.lion .twcam__main-text1:after {
    position: absolute;
    margin: auto;
    content: '';
    background-color: white;
    transform: rotate(135deg);
    display: inline-block
}

@media screen and (min-width: 768px) {
    .lion .twcam__main-text1:after {
        width: 20px;
        height: 1px;
        bottom: 10px;
        right: 40px
    }
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-text1:after {
        width: 18px;
        height: 1px;
        bottom: 8px;
        right: 30px
    }
}

.lion .twcam__main-icon {
    display: none
}

.lion .twcam__main-text2 {
    line-height: 1.3;
    letter-spacing: 1px
}

.lion .twcam__main-text2 br {
    display: inline
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-text2 {
        margin-top: 8px;
        font-size: 24px
    }

    .lion .twcam__main-text2 span {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__main-text2 {
        font-size: 40px
    }

    .lion .twcam__main-text2 span {
        font-size: 32px
    }
}

.lion .twcam__main-film {
    display: inline-block;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    min-height: 0
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-film {
        padding: 12px 24px;
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__main-film {
        padding: 16px;
        margin-top: 24px;
        font-size: 24px;
        width: 480px
    }
}

.lion .twcam__main-film p {
    text-shadow: none;
    color: #fff
}

@media screen and (min-width: 768px) {
    .lion .twcam__main-film p {
        font-size: 20px
    }

    .lion .twcam__main-film p span {
        margin-left: 16px
    }

    .lion .twcam__main-film p br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .lion .twcam__main-film p {
        font-size: 14px
    }

    .lion .twcam__main-film p span {
        margin-top: 8px;
        display: inline-block
    }

    .lion .twcam__main-film p br {
        display: inline
    }
}

.lion.twcam__special {
    padding-top: 40px
}

.lion .twcam__special-title:after, .lion .twcam__special-title:before {
    width: calc(50% - 9em)
}

@media screen and (min-width: 768px) {
    .lion .twcam__special-title {
        font-size: 24px
    }
}

.lion .twcam__special-item-main .twcam__special-item-maintitle br {
    display: block
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .lion .twcam__special-item-main .twcam__special-item-maintitle {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
    .lion .twcam__special-item-main .twcam__special-item-text {
        font-size: 12px;
        margin-top: 10px;
        padding-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__special-list li {
        width: 100%;
        margin-bottom: 8px;
        padding-bottom: 0;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__special-itemimg {
        width: 45%;
        line-height: 0
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__special-list li:not(:first-child) {
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 768px) {
    .lion .twcam__special-list li:not(:first-child) .twcam__special-item-text {
        max-width: none
    }
}

.twcam__about {
    text-align: center
}

@media screen and (max-width: 767px) {
    .twcam__logo img {
        height: 32px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .twcam__logo img {
        height: 56px;
        margin-top: 32px
    }
}

.twcam__closetext {
    background: #e95175;
    display: inline-block;
    margin: auto;
    color: #FFF;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .twcam__closetext {
        margin-top: 16px;
        padding: 12px 24px;
        margin-bottom: -8px
    }
}

@media screen and (min-width: 768px) {
    .twcam__closetext {
        font-size: 20px;
        margin-top: 24px;
        padding: 16px 48px
    }
}

@media screen and (max-width: 767px) {
    .twcam__title {
        font-size: 24px;
        margin-top: 24px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .twcam__title {
        font-size: 28px;
        margin-top: 32px
    }

    .twcam__title br {
        display: none
    }
}

.twcam__main-text {
    line-height: 1.5;
    font-weight: bold;
    color: #4abfe6
}

@media screen and (max-width: 767px) {
    .twcam__main-text {
        font-size: 13px;
        margin-top: 16px
    }

    .twcam__main-text span {
        font-size: 20px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-text {
        letter-spacing: 1px;
        font-size: 20px;
        margin-top: 24px
    }

    .twcam__main-text span {
        font-size: 32px
    }
}

.twcam__special {
    padding: 0
}

@media screen and (max-width: 767px) {
    .twcam__special {
        margin-top: 48px;
        padding: 0 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special {
        margin-top: 72px
    }
}

.twcam__special-balloon {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    background: #FFF;
    text-align: center;
    line-height: 1.6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.twcam__special-balloon:after {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 12px;
    bottom: -12px;
    left: calc(50% - 12px);
    background: url("//cdn.spacemarket.net/assets/campaigns/traiangle-ca60b1db20cd2aebe3dc2a2568cecd5d.png") 0 0 no-repeat;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .twcam__special-balloon {
        font-size: 13px;
        padding: 16px;
        top: -24px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-balloon {
        padding: 16px 24px;
        font-size: 16px;
        max-width: 600px;
        margin: auto;
        top: -32px
    }
}

.twcam__special-title {
    text-align: center;
    margin: auto;
    position: relative;
    margin-top: 8px;
    font-weight: bold
}

.twcam__special-title:after, .twcam__special-title:before {
    content: "";
    background: #333333;
    height: 1px;
    position: absolute;
    top: 50%;
    width: calc(50% - 8em)
}

.twcam__special-title:after {
    left: 0
}

.twcam__special-title:before {
    right: 0
}

@media screen and (max-width: 767px) {
    .twcam__special-title {
        font-size: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-title {
        max-width: 1100px;
        font-size: 28px
    }
}

.twcam__special-list {
    position: relative
}

.twcam__special-list img {
    width: 100%
}

.twcam__special-list li {
    background: #FFF;
    padding-bottom: 24px;
    position: relative
}

@media screen and (min-width: 768px) {
    .twcam__special-list li:not(:first-child) .twcam__special-item-text {
        max-width: 290px
    }
}

.twcam__special-list h3 {
    font-weight: bold;
    line-height: 1.3;
    font-size: 16px;
    text-align: center;
    margin-top: 16px
}

.twcam__special-list h3:nth-child(n+2) {
    padding: 0 12px
}

@media screen and (max-width: 767px) {
    .twcam__special-list {
        bottom: -24px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2)
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-list {
        bottom: -32px;
        max-width: 1132px;
        margin: 8px auto 0;
        padding: 0 16px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .twcam__special-list li {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        width: calc(33.333% - 6px)
    }

    .twcam__special-list li:first-child {
        width: 100%;
        margin-bottom: 8px;
        padding-bottom: 0;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .twcam__special-list li:first-child .twcam__special-itemimg {
        width: 45%;
        line-height: 0
    }
}

.twcam__special-item-text {
    text-align: center;
    line-height: 1.6;
    font-size: 12px;
    padding: 12px 12px 0;
    margin: auto
}

@media screen and (min-width: 768px) {
    .twcam__special-item-main {
        padding: 0 32px;
        width: 55%;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .twcam__special-item-main .twcam__special-item-maintitle {
        font-size: 24px;
        text-align: left;
        margin: 0
    }

    .twcam__special-item-main .twcam__special-item-maintitle br {
        display: none
    }

    .twcam__special-item-main .twcam__special-item-text {
        text-align: left;
        margin-top: 16px;
        padding: 16px 0 0 0;
        border-top: 1px solid #d1d1d1;
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-item-main .twcam__special-item-text {
        text-align: left
    }
}

.twcam__special-fixedcont {
    position: relative
}

.twcam__special-fixedcont:after {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #007bff;
    content: "";
    display: block;
    z-index: 0
}

@media screen and (max-width: 767px) {
    .twcam__special-fixedcont:after {
        right: -8px;
        top: 30px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-fixedcont:after {
        right: -8px;
        top: 40px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-fixedcont .twcam__special-item-title {
        padding: 0 16px
    }
}

.twcam__special-fixedcont .twcam__special-item-title br {
    display: none
}

@media screen and (max-width: 350px) {
    .twcam__special-fixedcont .twcam__special-item-title br {
        display: block
    }
}

.twcam__special-fixed {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    background: #4abfe6;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    z-index: 2;
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg)
}

@media screen and (max-width: 767px) {
    .twcam__special-fixed {
        font-size: 13px;
        right: -12px;
        top: -2px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-fixed {
        right: -10px;
        top: 6px
    }
}

.twcam__space {
    padding: 0 16px
}

@media screen and (max-width: 767px) {
    .twcam__space {
        margin-top: 64px;
        padding: 0 16px
    }

    .twcam__space .topics__mediumlist-space {
        margin-top: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__space {
        max-width: 1132px;
        margin: auto;
        margin-top: 96px
    }

    .twcam__space a:hover {
        text-decoration: none
    }

    .twcam__space .topics__mediumlist-space {
        margin-top: 32px
    }
}

.twcam__space .space-head__list {
    margin-top: 0
}

.twcam__space-text {
    line-height: 1.6
}

.twcam__space-text span {
    font-size: 12px;
    display: block
}

@media screen and (min-width: 768px) {
    .twcam__space-text {
        text-align: center
    }
}

@media screen and (min-width: 768px) {
    .twcam .mediumlist-space__detail {
        padding-top: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam .mediumlist-space__item {
        width: 31%;
        margin: 0 auto
    }

    .twcam .mediumlist-space__item li {
        width: 100%
    }
}

.twcam .twcam__space__other {
    padding-bottom: 56px;
    line-height: 1.6;
    text-align: center
}

.twcam .twcam__space__other h3 {
    margin-bottom: 8px;
    display: inline-block;
    padding: 0 24px;
    position: relative;
    font-weight: bold;
    font-size: 15px
}

@media screen and (min-width: 768px) {
    .twcam .twcam__space__other h3 {
        font-size: 18px;
        padding: 0 32px
    }
}

@media screen and (max-width: 350px) {
    .twcam .twcam__space__other h3 {
        font-size: 14px
    }
}

.twcam .twcam__space__other h3:before {
    position: absolute;
    content: '';
    transform: rotate(45deg);
    background-color: #333333;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .twcam .twcam__space__other h3:before {
        bottom: 12px;
        left: 0;
        width: 20px;
        height: 1px
    }
}

@media screen and (max-width: 767px) {
    .twcam .twcam__space__other h3:before {
        bottom: 10px;
        left: 0;
        width: 18px;
        height: 1px
    }
}

.twcam .twcam__space__other h3:after {
    position: absolute;
    margin: auto;
    content: '';
    background-color: #333333;
    transform: rotate(135deg);
    display: inline-block
}

@media screen and (min-width: 768px) {
    .twcam .twcam__space__other h3:after {
        width: 20px;
        height: 1px;
        bottom: 12px;
        right: 0
    }
}

@media screen and (max-width: 767px) {
    .twcam .twcam__space__other h3:after {
        width: 18px;
        height: 1px;
        bottom: 10px;
        right: 0
    }
}

@media screen and (min-width: 768px) {
    .twcam .twcam__space__other {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .twcam .twcam__space__other p {
        text-align: left
    }
}

.twcam .btn__style {
    margin-top: 16px
}

.twcam__fllow {
    text-align: center;
    background: #4abfe6
}

@media screen and (max-width: 767px) {
    .twcam__fllow {
        padding: 24px 16px 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow {
        padding: 0 16px 48px
    }
}

.twcam__fllow-title {
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .twcam__fllow-title {
        color: #FFF;
        font-size: 16px;
        position: relative
    }

    .twcam__fllow-title:before {
        content: "";
        background: #FFF;
        width: 100%;
        height: 1px;
        position: absolute;
        display: block;
        left: 0;
        top: 50%
    }

    .twcam__fllow-title span {
        background: #4abfe6;
        position: relative;
        z-index: 1;
        padding: 0 8px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-title {
        display: inline-block;
        font-size: 20px;
        color: #4abfe6;
        padding: 8px 12px;
        background: #FFF;
        margin-top: 40px
    }
}

.twcam__fllow-time {
    color: #FFF
}

@media screen and (max-width: 767px) {
    .twcam__fllow-time {
        margin-top: 8px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-time {
        display: inline-block;
        font-size: 22px;
        margin-left: 16px;
        font-weight: bold
    }
}

.twcam__fllow-list .img_mailfllow {
    padding: 16px 0 24px
}

@media screen and (max-width: 767px) {
    .twcam__fllow-list {
        margin-top: 24px
    }

    .twcam__fllow-list .img_twitterfllow img {
        width: 190px
    }

    .twcam__fllow-list .img_retweetfllow img {
        width: 280px;
        margin-top: 24px;
        max-width: 100%
    }

    .twcam__fllow-list .img_mailfllow img {
        width: 163px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-list {
        max-width: 1024px;
        margin: 32px auto 0;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .twcam__fllow-list .img_twitterfllow img {
        width: 174px
    }

    .twcam__fllow-list .img_retweetfllow img {
        max-width: 260px;
        width: 100%;
        margin-top: 16px
    }

    .twcam__fllow-list .img_mailfllow img {
        width: 169px
    }
}

.twcam__fllow-item {
    background: #FFF;
    position: relative
}

.twcam__fllow-item h3 {
    font-weight: bold;
    text-align: left;
    display: flex;
    line-height: 1.3;
    margin-bottom: 16px
}

.twcam__fllow-item h3 span {
    display: block;
    font-size: 16px;
    width: calc(100% - 44px)
}

.twcam__fllow-item h3:before {
    content: "";
    display: block;
    margin-right: 8px;
    width: 36px;
    height: 36px;
    background-size: 36px
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item {
        padding: 32px 16px 24px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item {
        padding: 24px 16px 104px;
        width: calc(33.3333% - 11px)
    }

    .twcam__fllow-item h3 {
        padding-left: 10px;
        margin-bottom: 16px;
        -webkit-align-items: center;
        align-items: center
    }
}

.twcam__fllow-item:nth-child(1) h3:before {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/t_campaign_fllow1-d8586450d9a8d9cf9f70f2005a4a26c8.png")
}

.twcam__fllow-item:nth-child(2) h3:before {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/t_campaign_fllow2-16aa893b4d4b69e088547735b110ce38.png")
}

.twcam__fllow-item:nth-child(3) {
    margin-bottom: 0
}

.twcam__fllow-item:nth-child(3) h3:before {
    background-image: url("//cdn.spacemarket.net/assets/campaigns/t_campaign_fllow3-77d25d3d7a852df04debf2f83a0ad9fd.png")
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item:nth-child(3) {
        padding: 24px 16px
    }
}

.twcam__fllow-item:not(:first-child):before, .twcam__fllow-item:not(:first-child):after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item:not(:first-child):before, .twcam__fllow-item:not(:first-child):after {
        border-width: 16px 18px 0 18px;
        left: calc(50% - 19px)
    }

    .twcam__fllow-item:not(:first-child):before {
        border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        top: -16px
    }

    .twcam__fllow-item:not(:first-child):after {
        border-color: #4abfe6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        top: 0
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item:not(:first-child):before, .twcam__fllow-item:not(:first-child):after {
        border-width: 19px 0 19px 16px;
        top: calc(50% - 19px)
    }

    .twcam__fllow-item:not(:first-child):before {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
        left: -18px
    }

    .twcam__fllow-item:not(:first-child):after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #4abfe6;
        left: 0
    }
}

.twcam__fllow-text {
    font-size: 13px;
    line-height: 1.6;
    text-align: left
}

@media screen and (min-width: 768px) {
    .twcam__fllow-text {
        padding: 0 16px
    }
}

.twcam__fllow-text strong {
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.twcam__fllow-link a {
    line-height: 1.3;
    width: 100%
}

@media screen and (max-width: 767px) {
    .twcam__fllow-link {
        margin-top: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-link {
        position: absolute;
        bottom: 32px;
        width: calc(100% - 32px)
    }

    .twcam__fllow-link a {
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision {
        padding: 40px 16px 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__provision {
        padding: 64px 16px 48px;
        max-width: 1132px;
        margin: auto
    }
}

.twcam__provision-text {
    max-width: 720px;
    margin: auto;
    line-height: 1.6
}

.twcam__provision-text dt {
    font-weight: bold
}

@media screen and (min-width: 768px) {
    .twcam__provision-text dt {
        font-size: 16px
    }
}

.twcam__provision-text dd {
    margin-top: 4px;
    margin-bottom: 1.6em
}

.twcam__provision-text dd p + ul {
    margin-left: 2em
}

.twcam__provision-text dd p + ul li {
    text-indent: -1em
}

.twcam__provision-text dd p + ul li:before {
    content: "※"
}

.twcam__provision-text dd ul {
    margin-left: 1em
}

.twcam__provision-text dd ul li {
    text-indent: -1em
}

.twcam__provision-text dd ul li:before {
    content: "・"
}

@media screen and (max-width: 767px) {
    .twcam__provision-text dd {
        font-size: 12px
    }
}

.twcam__provision-text span {
    font-weight: bold
}

.whats {
    line-height: 1.6;
    text-align: center
}

.whats .whats__title img {
    vertical-align: middle;
    margin-right: 8px
}

.whats .whats__title span {
    vertical-align: middle;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .whats {
        border: 10px solid #4abfe6;
        padding: 24px
    }

    .whats .whats__title img {
        width: 156px
    }

    .whats .whats__text {
        margin-top: 16px;
        text-align: left
    }

    .whats .whats__text br {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .whats {
        padding: 40px 0 48px;
        border-top: 1px solid #d1d1d1;
        position: relative
    }

    .whats:after {
        content: "";
        background: #d1d1d1;
        top: 2px;
        left: 0;
        width: 100%;
        height: 1px;
        position: absolute
    }

    .whats .whats__title img {
        width: 258px
    }

    .whats .whats__title span {
        font-size: 20px
    }

    .whats .whats__text {
        margin-top: 24px
    }
}

.mediumlist-space__spacename {
    line-height: 1.4
}

.dashboard-container {
    clear: both;
    height: 100%;
    position: relative
}

.site-dashboard {
    background: #f3f3f3
}

.site-dashboard .dashboard-container {
    min-width: 1200px
}

.dashboard-nav {
    background: #4b4b4b
}

.dashboard-nav__icon {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 8px
}

.dashboard-nav__name {
    display: block;
    float: left;
    color: #FFF;
    font-weight: bold;
    margin-top: 10px
}

.dashboard-nav__menu {
    font-size: 13px;
    padding-left: 30px
}

.dashboard-nav__menu li {
    float: left;
    min-width: 80px;
    text-align: center;
    padding: 0
}

.dashboard-nav__menu li a {
    display: block;
    color: #FFF;
    padding: 13px 0 12px
}

.dashboard-nav__menu li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #4abfe6
}

.dashboard-nav__menu .is-current a {
    color: #4abfe6;
    font-weight: bold;
    border-bottom: 2px solid #4abfe6
}

.dashboard-maincol {
    position: relative;
    padding: 25px
}

.dashboard-maincol__left {
    position: relative;
    margin-right: 250px;
    padding: 25px
}

.dashboard-maincol__right {
    position: relative;
    margin-left: 250px;
    padding: 0 25px
}

.dashboard-maincol__right .form-box {
    margin-bottom: 28px
}

.dashboard-maincol__right .is-error {
    line-height: 1.4
}

.op-modal {
    min-height: calc(100vh - 118px)
}

.dashboard-maincol__right-inner-100pc {
    box-sizing: content-box;
    width: 100%;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px
}

.dashboard-maincol__message {
    font-size: 12px;
    color: #b3b3b4
}

.dashboard-singlecol {
    width: 750px;
    margin: auto
}

.dashboard-sidecol {
    z-index: 4;
    position: relative;
    width: 250px;
    height: 100%;
    background: #FFF
}

.dashboard-sidecol .dashboard-title {
    font-size: 14px;
    font-weight: bold
}

.dashboard-sidecol .form-list__link {
    padding: 24px 32px;
    font-size: 14px
}

.dashboard-sidecol__maincol-inner {
    margin: -25px -25px 0 0;
    float: right
}

.dashboard-sidecol__scrollarea {
    position: relative
}

.dashboard-sidecol__scrollarea .is-unread {
    font-weight: bold
}

.dashboard-sidecol__scrollarea .is-unread:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 4px;
    height: 24px;
    transform: translateY(-50%);
    background: #4abfe6
}

.dashboard-sidecol__scrollarea-nodata {
    padding: 20px;
    color: #b3b3b4
}

.dashboard-sidecol__scrollarea-list-link {
    display: block;
    cursor: pointer;
    color: #333333;
    position: relative;
    padding: 15px
}

.dashboard-sidecol__scrollarea-list-link:hover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 4px;
    height: 24px;
    transform: translateY(-50%);
    background: #4abfe6
}

.is-current .dashboard-sidecol__scrollarea-list-link {
    font-weight: bold
}

.is-current .dashboard-sidecol__scrollarea-list-link::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 4px;
    height: 24px;
    transform: translateY(-50%);
    background: #4abfe6
}

.dashboard-sidecol__buttonarea {
    width: 250px;
    padding: 15px 0;
    text-align: center
}

.dashboard-sidecol__buttonarea-bottom {
    width: 250px;
    padding: 15px 0;
    text-align: center
}

.dashboard-sidecol__buttonarea-button {
    width: 220px;
    padding: 15px 0
}

.dashboard-sidecol__buttonarea-title {
    margin-bottom: 10px
}

.dashboard-sidecol__buttonarea-content {
    color: #b3b3b4;
    margin-bottom: 15px;
    font-size: 12px
}

.dashboard-sidecol__buttonarea-help {
    margin-top: 10px;
    font-size: 12px
}

.dashboard-section {
    font-size: 25px;
    line-height: 1.2;
    font-weight: bold;
    position: relative
}

.dashboard-title {
    font-size: 18px;
    line-height: 1.2;
    position: relative
}

.dashboard-title .fa-lock {
    color: #999999;
    font-size: 16px
}

.dashbord-forms-title {
    font-size: 20px;
    padding: 5px 10px;
    border-left: 2px solid #4b4b4b;
    margin-top: 24px
}

.dashboard-title__supplement {
    font-size: 13px;
    color: #b3b3b4;
    line-height: 1.2
}

.dashboard-container__cards {
    display: inline-block
}

.dashboard-container__cards img {
    width: 32px;
    height: auto;
    margin-right: 8px;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .dashboard-container__cards img {
        margin: 0 8px 8px 0
    }
}

.dashboard-container__cards .cards-lineup img {
    height: 22px;
    width: auto
}

.dashboard-container__cards .cards-lineup .button-blue {
    display: block
}

.dashboard-container .request-payment__name-notes-txt {
    font-size: 13px;
    color: #b3b3b4
}

.dashboard-title__link {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px
}

.dashboard-title__button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 6px 10px
}

.dashboard-title__space-img {
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 10px
}

.dashboard-title__space-name {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-title2 {
    font-size: 16px
}

.dashboard-content {
    line-height: 1.5;
    overflow: hidden
}

.dashboard-lead {
    background: #FFF;
    padding: 15px 20px;
    line-height: 1.8;
    margin-bottom: 30px
}

.dashboard-lead-2 {
    color: #4b4b4b;
    line-height: 1.8;
    margin: 16px 0
}

.dashboard-lead-2 .fa-lock {
    color: #999999
}

.dashboard-hint {
    font-size: 11px;
    padding: 6px;
    border: solid 1px #4abfe6;
    display: inline-block;
    border-radius: 3px;
    color: #4abfe6
}

.dashboard-smsbox {
    padding: 20px;
    background: #FFF
}

.dashboard-notes {
    width: 700px;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 1.6;
    padding-bottom: 32px
}

.dashboard-notes .dashboard-notes__block {
    display: block;
    background: white;
    border-radius: 3px;
    padding: 16px;
    margin-top: 8px;
    line-height: 1.6
}

.dashboard-notes .dashboard-notes__block strong {
    font-weight: bold
}

.maincol-buttonarea {
    z-index: -100;
    background: #FFF;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.maincol-buttonarea__button {
    width: 220px;
    padding: 15px 0;
    margin: 0 5px
}

.form-list {
    position: relative
}

.form-list__link {
    padding: 18px;
    font-size: 16px
}

.form-list__section {
    padding: 25px 18px 11px;
    border-bottom: 1px solid #f3f3f3;
    color: #b3b3b4
}

.form-list__section:hover {
    background: none
}

.form-list__section-add {
    position: absolute;
    top: 24px;
    right: 12px;
    font-size: 12px;
    padding: 2px 0;
    width: 50px
}

.form-list__sub-link {
    border-top: 1px dashed #f3f3f3;
    font-size: 14px;
    padding-left: 33px
}

.form-list__sub-link:before {
    z-index: 5;
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -7px;
    font-family: FontAwesome;
    content: "\f0da";
    color: #b3b3b4
}

.form-list__status:after {
    z-index: 5;
    display: block;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -7px
}

.is-complete:after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #4abfe6
}

.is-unmarked:after {
    font-family: FontAwesome;
    content: "\f071";
    color: #e95175
}

.reserve-list__id {
    font-size: 12px;
    margin-bottom: 10px
}

.reserve-list__badge {
    color: #e95175;
    margin-right: 5px
}

.reserve-list__status {
    top: 10px;
    right: 10px
}

.reserve-list__date {
    font-size: 13px;
    margin-bottom: 6px;
    line-height: 1.3
}

.reserve-list__img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 10px 8px 0;
    float: left
}

.reserve-list__name {
    font-size: 18px;
    margin: 12px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reserve-list__company {
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reserve-list__space {
    font-size: 12px;
    margin-bottom: 4px;
    color: #b3b3b4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reserve-list__price {
    font-size: 12px
}

.message-list__name {
    font-size: 18px;
    margin-bottom: 10px
}

.message-list__date {
    color: #b3b3b4;
    float: right;
    font-size: 12px;
    margin-top: 3px
}

.message-list__company {
    margin-bottom: 8px
}

.message-list__space {
    clear: both;
    font-size: 12px;
    color: #b3b3b4;
    line-height: 1.3;
    height: 30px;
    overflow: hidden
}

.message-list__img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 10px 8px 0;
    float: left
}

.paid__icon {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: auto;
    margin: 0 2px 2px -3px
}

.paid__login-link {
    margin-top: 16px;
    padding: 10px 0
}

.paid__login-link a {
    display: inline-block;
    font-weight: bold;
    margin-top: 16px
}

.dashboard-calendar__table {
    width: 100%;
    border: 1px solid #b3b3b4;
    clear: both
}

.dashboard-calendar__table th {
    background: #ededed;
    padding: 5px 10px
}

.dashboard-calendar__table td {
    background: #FFF
}

.dashboard-calendar__table td:hover {
    background: #e4f2e3 !important
}

.dashboard-calendar__cell-wrap {
    display: block;
    color: inherit;
    position: relative
}

.dashboard-calendar__table th, .dashboard-calendar__table td {
    border: 1px solid #b3b3b4;
    width: 14.28%
}

.dashboard-calendar__table th.is-holiday {
    background: #d0d1cf
}

.dashboard-calendar__table td.is-today {
    border: 2px solid #60df52
}

.dashboard-calendar__table td.is-holiday {
    background: #fff6df
}

.dashboard-calendar__table td.is-current {
    background: #e4f2e3
}

.dashboard-calendar__table td.is-closed {
    background: #edeeef
}

.dashboard-calendar__table td.is-past {
    background: #f3f3f3
}

.dashboard-calendar__table td.is-past .dashboard-calendar__cell-wrap {
    opacity: 0.5
}

.dashboard-calendar__date {
    height: 28px;
    padding: 7px 10px
}

.dashboard-calendar__content {
    min-height: 50px;
    margin: 0 10px 7px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold
}

.dashboard-calendar__content-paragraph {
    line-height: 1.3;
    margin-bottom: 3px
}

.dashboard-calendar__content-time {
    font-size: 10px;
    background: #60df52;
    color: #FFF;
    font-weight: normal;
    padding: 2px;
    margin-right: 3px;
    border-radius: 3px
}

.dashboard-calendar__content-value {
    display: inline-block
}

.calendar-header {
    position: relative
}

.calendar-header__select select {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 14px
}

.calendar-header__button {
    display: block;
    float: left;
    width: auto;
    padding: 7px 10px;
    font-weight: normal;
    font-size: 12px;
    margin-right: 6px;
    margin-top: 2px
}

.calendar-header__button-arrow {
    font-size: 24px;
    padding: 0 9px 2px
}

.time-list__box {
    display: block;
    float: left;
    width: 124px;
    border-top: 1px solid #b3b3b4;
    border-right: 1px solid #b3b3b4;
    background: #FFF
}

.time-list__box a {
    display: block;
    padding: 10px;
    height: 38px
}

.time-list__box a:hover {
    background: #e4f2e3
}

.time-list__time {
    color: #333333
}

.time-list__content {
    margin-top: 10px;
    font-weight: bold;
    font-size: 13px
}

.time-list__box .is-today {
    border: 2px solid #60df52;
    height: 34px
}

.time-list__box .is-current {
    background: #e4f2e3
}

.time-list__box .is-closed {
    background: #edeeef
}

.space-list__img, .room-list__img {
    display: block;
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 20px;
    text-indent: -9999px;
    background-size: cover;
    background-position: center
}

.space-list__status {
    z-index: 5;
    display: block;
    width: 90px;
    height: 90px;
    background: rgba(51, 51, 51, 0.6);
    color: #FFF;
    padding-top: 35px;
    text-align: center;
    position: absolute;
    top: 15px
}

.room-list__status {
    z-index: 5;
    display: block;
    width: 90px;
    height: 90px;
    background: rgba(51, 51, 51, 0.6);
    color: #FFF;
    padding-top: 35px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 20px
}

.space-list__title {
    font-size: 16px;
    line-height: 1.3
}

.room-list__box {
    position: relative;
    width: 100%;
    padding: 20px 0 40px;
    background: #FFF;
    margin-bottom: 20px
}

.room-list__title {
    font-size: 18px;
    line-height: 1.5
}

.room-list__link {
    margin-top: 6px
}

.room-list__buttonarea {
    float: right;
    width: 145px;
    margin: 0 20px
}

.room-list__buttonarea-button {
    padding: 9px 0;
    font-size: 12px
}

.room-list__button-add {
    width: 100%;
    padding: 30px 0;
    font-size: 18px
}

.room-list__baloon {
    width: 160px;
    font-size: 13px
}

.room-list__baloon li {
    padding: 5px
}

.dashboard-sidecol__top {
    width: 250px;
    padding: 25px 0 0 25px;
    float: left
}

.dashboard-top__side-icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px
}

.dashboard-top__side-name {
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold
}

.dashboard-top__side-company {
    margin-bottom: 10px;
    text-align: center
}

.dashboard-top__side-menu {
    margin: 20px 0 40px
}

.dashboard-top__side-menu-list {
    text-align: center;
    margin: 4px 0;
    font-size: 13px
}

.dashboard-top__business {
    padding: 10px 0;
    background-color: #ffffff;
    border-bottom: #f3f3f3 1px solid
}

.dashboard-top__business-title {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.3;
    color: #4a4b4e
}

.dashboard-top__business-link {
    font-size: 12px;
    padding: 10px;
    margin-top: 10px
}

.dashboard-top__business-supplement {
    font-size: 13px;
    margin-top: 7px;
    color: #999999;
    line-height: 1.3
}

.dashboard-top__business-text {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.2
}

.dashboard-top__help {
    margin-bottom: 40px
}

.dashboard-top__help-listarea {
    border-top: 1px dotted #b3b3b4;
    margin-bottom: 20px
}

.dashboard-top__help-list {
    margin-top: 8px;
    line-height: 1.3;
    font-size: 13px
}

.dashboard-top__pr {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px
}

.dashboard-top__pr-clip {
    position: relative
}

.dashboard-top__pr-clip i {
    position: absolute;
    top: -38px;
    left: 0;
    font-size: 30px;
    color: #e95175;
    transform: rotate(20deg)
}

.dashboard-top__pr-title {
    font-size: 16px;
    line-height: 1.2;
    text-align: center
}

.dashboard-top__pr-name {
    clear: both;
    text-align: center;
    margin: 10px 0;
    padding: 15px 0;
    font-size: 15px;
    font-weight: bold;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.dashboard-top__pr-text {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 15px
}

.dashboard-top__main-info {
    background: #e4f2e3;
    margin-bottom: 30px;
    line-height: 1.3;
    padding: 20px 20px 10px
}

.dashboard-top__main-info-list {
    margin-bottom: 10px
}

.dashboard-top__main-listarea {
    background: #FFF;
    margin-bottom: 20px;
    line-height: 1.3
}

.dashboard-top__main-list, .dashboard-top__user-reserve-list, .dashboard-top__owner-reserve-list, .dashboard-top__message-list {
    overflow: hidden;
    padding: 10px 20px;
    display: table;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    box-sizing: border-box
}

.dashboard-top__main-list-box, .dashboard-top__resereve-list-box, .dashboard-top__message-list-box {
    display: table-cell;
    vertical-align: middle
}

.is-unread {
    background: #e4f2e3
}

.dashboard-top__main-list-icon {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.dashboard-top__main-list-icon:hover {
    opacity: 0.7
}

.dashboard-top__buttonarea {
    text-align: center;
    margin-bottom: 20px
}

.dashboard-top__academy {
    background: #e7f6fb;
    border: 1px solid #4abfe6;
    border-radius: 3px;
    margin-bottom: 50px;
    padding: 15px 20px;
    line-height: 1.35
}

.dashboard-top__academy-title {
    text-align: center;
    margin-bottom: 8px;
    font-size: 14px
}

.dashboard-top__academy-read {
    color: #b3b3b4;
    text-align: center
}

.dashboard-top__academy-listarea {
    margin-top: 10px;
    overflow: hidden
}

.dashboard-top__academy-list {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 12px
}

.dashboard-top__academy-button {
    width: 100%;
    padding: 10px;
    display: block;
    margin: 15px auto 0
}

.dashboard-top__todo-icon {
    width: 40px;
    padding-right: 10px
}

.dashboard-top__todo-content {
    max-height: 34px;
    overflow: hidden
}

.dashboard-top__owner-reserve-icon {
    width: 40px;
    padding-right: 10px
}

.dashboard-top__owner-reserve-date {
    font-size: 13px;
    margin-bottom: 2px
}

.dashboard-top__owner-reserve-name {
    max-height: 18px;
    overflow: hidden
}

.dashboard-top__owner-reserve-status {
    width: 95px;
    padding-left: 15px
}

.dashboard-top__owner-reserve-status .reserve-status-icon {
    position: static
}

.dashboard-top__owner-reserve-space-name {
    width: 200px;
    font-size: 13px;
    padding-left: 10px
}

.dashboard-top__owner-reserve-price {
    margin-top: 2px;
    font-size: 12px
}

.dashboard-top__user-reserve-date {
    font-size: 13px;
    margin-bottom: 2px
}

.dashboard-top__user-reserve-space {
    width: 55px;
    padding-right: 15px
}

.dashboard-top__user-reserve-space-img {
    display: block;
    width: 75px;
    height: 75px;
    margin: -12px 0 -12px -20px
}

.dashboard-top__user-reserve-space-img:hover {
    opacity: 0.7
}

.dashboard-top__user-reserve-space-name {
    max-height: 18px;
    overflow: hidden
}

.dashboard-top__user-reserve-price {
    margin-top: 2px;
    font-size: 12px
}

.dashboard-top__user-reserve-status {
    width: 80px;
    padding-left: 15px
}

.dashboard-top__user-reserve-status .reserve-status-icon {
    position: static
}

.dashboard-top__user-reserve-icon {
    width: 40px;
    padding-left: 20px
}

.dashboard-top__user-reserve-name {
    width: 130px;
    padding-left: 10px
}

.dashboard-top__message-icon {
    width: 40px;
    padding-right: 10px
}

.dashboard-top__message-name {
    width: 130px;
    padding-right: 15px
}

.dashboard-top__message-name-content {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-top__message-content {
    max-height: 30px;
    overflow: hidden;
    font-size: 13px
}

.dashboard-top__message-status {
    width: 80px;
    padding-left: 15px
}

.dashboard-top__message-status .reserve-status-icon {
    position: static
}

.dashboard-top__message-date {
    width: 150px;
    padding-left: 15px
}

.dashboard-top__user-reserve-recipt {
    width: 60px;
    padding-left: 25px
}

.dashboard-top__user-reserve-recipt-button {
    width: 60px;
    padding: 10px 0
}

.dashboard-top__proposal {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 15px 20px
}

.dashboard-top__proposal .dashboard-title__supplement {
    font-size: 13px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: #b3b3b4
}

.dashboard-top__proposal-room-list__box {
    display: table;
    position: relative;
    width: 100%;
    padding: 20px 0 0;
    background: #FFF
}

.dashboard-top__proposal-room-list__img {
    display: table-cell;
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 0 0;
    text-indent: -9999px;
    background-size: cover;
    background-position: center
}

.dashboard-top__proposal-room-list__txt {
    vertical-align: top;
    margin-left: 100px
}

.dashboard-top__proposal-room-list__title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 16px
}

.dashboard__proposal-price-plan {
    border-top: 1px solid #b3b3b4;
    border-bottom: 1px solid #b3b3b4;
    padding: 16px 12px 8px;
    margin-bottom: 16px
}

.dashboard__proposal-price-ttl {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px
}

.dashboard__proposal-plan-price {
    display: inline-block;
    padding-right: 16px
}

.dashboard__proposal-item {
    font-size: 13px;
    margin-bottom: 10px
}

.dashboard__proposal-plan-name {
    font-weight: bold;
    margin-right: 16px
}

.dashboard__proposal-message {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center
}

.dashboard-addroom__proposal-price {
    font-size: 22px;
    font-weight: bold;
    max-width: 6.5em;
    margin: 0 8px;
    text-align: right
}

.dashboard-addroom__proposal-message {
    width: 100%;
    margin-top: 12px;
    padding: 4px 12px;
    background: #f3f3f3
}

.dashboard-addroom__proposal-message-item {
    display: inline-block;
    margin: 10px 12px 12px 0;
    float: left
}

.dashboard__proposal-price__copy {
    display: inline-block;
    width: 160px;
    vertical-align: top;
    float: right
}

.dashboard__proposal-price__copy-button {
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 15px 5px 14px;
    margin: 14px auto 12px
}

.dashboard__proposal-message-price {
    font-size: 20px
}

.dashboard-top__proposal .dashboard-top__buttonarea {
    margin-bottom: 10px;
    vertical-align: top
}

.dashboard__proposal-price-tooltip .dashboard-title2 {
    font-weight: bold;
    margin-bottom: 8px
}

.proposal-price__baloon-txt {
    font-weight: normal;
    line-height: 1.4
}

.dashboard-search {
    position: relative;
    z-index: 7;
    padding: 10px;
    text-align: right;
    background: #f3f3f3;
    box-shadow: 0 0 5px #999;
    font-size: 13px
}

.dashboard-search__button {
    padding: 7px;
    font-size: 13px
}

.dashboard-search__form {
    font-size: 12px
}

input.dashboard-search__form {
    padding: 3px 5px
}

.special-price__baloon {
    width: 610px
}

.special-price__baloon-inner {
    padding: 20px
}

.special-price__box {
    margin-bottom: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f3f3f3
}

.special-price-list {
    border-top: 1px solid #FFF;
    padding-top: 15px;
    margin-bottom: 50px
}

.special-price-list__box {
    position: relative;
    border-bottom: 1px solid #FFF;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.special-price-list__disable {
    text-decoration: line-through
}

.special-price-list__disable a:first-child {
    text-decoration: line-through
}

.lightbox {
    position: fixed;
    z-index: 8;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.6)
}

.lightbox-inner {
    margin: 50px auto;
    padding-top: 30px;
    width: 700px;
    background: #FFF
}

.lightbox-guide {
    text-align: center
}

.lightbox-guide__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold
}

.lightbox-point__supplement {
    line-height: 1.2;
    margin: 0 20px
}

.lightbox-guide__text {
    font-size: 16px;
    line-height: 1.8
}

.lightbox-guide__text small {
    font-size: 12px
}

.lightbox-point {
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: 50px auto;
    padding: 30px 0 50px;
    background: #FFF
}

@media screen and (max-width: 599px) {
    .lightbox-point {
        width: 300px;
        padding: 20px 0 30px
    }
}

.lightbox-point__form {
    width: 375px;
    text-align: left;
    margin: auto
}

@media screen and (max-width: 599px) {
    .lightbox-point__form {
        width: 260px
    }
}

.lightbox-point__form-box {
    display: inline-block;
    width: 260px;
    margin-right: 10px;
    margin-top: 20px
}

@media screen and (max-width: 599px) {
    .lightbox-point__form-box {
        margin-right: 0;
        display: block;
        margin-bottom: 6px
    }
}

.lightbox-point__form-button {
    width: 100px;
    padding: 10px 0
}

@media screen and (max-width: 599px) {
    .lightbox-point__form-button {
        margin-left: 80px
    }
}

.maincol-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    z-index: 6
}

.maincol-lightbox__form {
    width: 830px;
    margin: 30px auto;
    padding: 30px 30px 0
}

.maincol-lightbox__form-s {
    width: 530px
}

.maincol-lightbox__form-s .dashboard-title__supplement {
    line-height: 1.4
}

.lightbox-drop-upload-box {
    background: rgba(51, 51, 51, 0.9);
    padding: 4%;
    width: 100%;
    height: 100%;
    position: absolute
}

.lightbox-drop-upload-box__txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 22px
}

.reserve-maincol__right {
    padding: 0
}

.reserve-maincol__right-inner {
    padding: 20px
}

.reserve-header {
    background: #FFF;
    padding: 20px 20px 13px;
    position: relative;
    margin-bottom: 40px
}

.reserve-header__edit {
    float: right;
    margin-top: -8px;
    margin-left: 8px;
    padding: 7px;
    font-size: 13px
}

.reserve-header__id {
    margin: 0 0 10px 90px
}

.reserve-header__status {
    top: 15px;
    left: 20px
}

.reserve-header__date {
    font-size: 16px;
    margin-bottom: 10px
}

.reserve-header__img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 6px;
    float: left
}

.reserve-header__affiliation {
    margin-bottom: 10px;
    height: 35px
}

.reserve-header__name {
    font-size: 24px;
    margin: 5px 10px 0 0;
    float: left
}

.reserve-header__name-supplement {
    font-size: 14px;
    margin: 11px 10px 0 -5px;
    float: left
}

.reserve-header__company {
    font-size: 18px;
    margin: 8px 10px 0 0;
    float: left
}

.reserve-header__icon {
    margin-top: 6px;
    float: left;
    line-height: 1.8
}

.reserve-header__space {
    font-size: 16px;
    margin-bottom: 8px
}

.reserve-header__price {
    margin-bottom: 5px
}

.reserve-header__coupon, .reserve-header__preview {
    margin-bottom: 5px;
    font-size: 12px
}

.maincol-lightbox__reserve-change {
    top: 50px
}

.reserve-change {
    background: #f3f3f3
}

.reserve-change del {
    color: #b3b3b4
}

.reserve-change ins {
    text-decoration: none
}

.reserve-change__required {
    color: #e95175;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 16px
}

.reserve-change__required .fa {
    margin-right: 3px
}

.reserve-change__required strong {
    font-weight: bold
}

.reserve-change__required {
    color: #e95175;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 16px
}

.reserve-change__required .fa {
    margin-right: 3px
}

.reserve-change__required strong {
    font-weight: bold
}

.reserve-status-bar li {
    background: #FFF;
    padding: 19px 0;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #FFF;
    text-align: center;
    width: 32%;
    position: relative
}

.reserve-status-bar .is-current {
    border-color: #60df52;
    color: #60df52
}

.reserve-status-bar .is-current:before {
    border-color: #60df52
}

.reserve-status-bar .is-current:after {
    border-color: #60df52
}

.reserve-status-bar__contact {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #333333 !important;
    color: #333333
}

.reserve-status-bar__cancel {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #e95175 !important;
    color: #e95175
}

.reserve-status-bar__expire {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #b3b3b4 !important;
    color: #b3b3b4
}

.reserve-status-bar__done {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #60df52 !important;
    color: #60df52
}

.reserve-status-bar__status1 {
    float: left;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 2
}

.reserve-status-bar__status1:after {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    background: #FFF;
    top: 7px;
    right: -22px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-bar__status2 {
    margin: auto;
    border-top: 2px solid #60df52;
    border-bottom: 2px solid #60df52;
    z-index: 1
}

.reserve-status-bar__status2:before {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    background: #f3f3f3;
    top: 7px;
    left: -22px;
    border-top: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-bar__status2:after {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    background: #FFF;
    top: 7px;
    right: -22px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-bar__status3 {
    float: right;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 1
}

.reserve-status-bar__status3:before {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    background: #f3f3f3;
    top: 7px;
    left: -22px;
    border-top: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-buttonarea {
    float: right
}

.reserve-event {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 20px;
    background: #fff
}

.reserve-event__img {
    height: 32px;
    margin-bottom: 10px
}

.reserve-event__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px
}

.reserve-event__text {
    line-height: 1.4
}

.reserve-event__button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 180px;
    padding: 13px 0
}

.reserve-detail-box {
    background: #FFF;
    padding: 13px 20px;
    margin-bottom: 1px;
    font-size: 14px;
    overflow: hidden
}

.reserve-detail-box__title {
    color: #b3b3b4;
    margin-bottom: 10px
}

.reserve-detail-box__sum {
    font-size: 17px;
    font-weight: bold
}

.reserve-detail__point {
    text-align: center;
    font-size: 12px;
    padding-top: 16px;
    margin-bottom: 24px
}

.reserve-detail__point-have {
    font-weight: bold;
    font-size: 14px
}

.reserve-member__title {
    color: #b3b3b4;
    display: inline-block;
    width: 80px;
    margin: 10px 0;
    float: left
}

.reserve-member__button {
    width: 180px;
    padding: 10px 0;
    margin-right: 10px;
    float: left
}

.reserve-member__img {
    width: 40px;
    border-radius: 100%;
    margin: -2px 10px 0 0;
    float: left
}

.reserve-member__name {
    margin: 10px 0;
    float: left;
    max-width: 780px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.reserve-member__link {
    margin-top: 10px;
    float: right
}

.reserve-member__break {
    margin: 0 5px;
    color: #b3b3b4;
    font-size: 14px
}

.reserve-coupon__title {
    font-size: 15px;
    margin: 10px 10px 10px 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 12px
}

.reserve-coupon__code {
    color: #b3b3b4;
    display: inline-block;
    width: 130px;
    margin: 2px 0 10px;
    float: left
}

.reserve-coupon__name {
    margin: 2px 0 10px;
    float: left;
    max-width: 720px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dashboard-tab {
    background: #FFF;
    box-shadow: 0 0 5px #999;
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
    font-size: 0;
    height: 50px
}

.dashboard-tab * {
    box-sizing: border-box
}

.dashboard-tab__list {
    display: block;
    position: relative
}

.dashboard-tab__list li {
    width: 50%;
    height: 50px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 14px
}

.dashboard-tab__list li a {
    display: block;
    color: #999999
}

.dashboard-tab__list li a:visited {
    color: #999999
}

.dashboard-tab__list li a.is-current {
    background: #fff;
    color: #666666
}

.dashboard-tab__list li a.is-current:visited {
    color: #666666
}

.dashboard-tab__list li ~ li {
    border-left: none
}

.dashboard-tab__detail .dashboard-tab__inner, .dashboard-tab__message .dashboard-tab__inner {
    display: block;
    height: 50px;
    line-height: 50px
}

.dashboard-tab__detail a .dashboard-tab__inner, .dashboard-tab__message a .dashboard-tab__inner {
    color: #333333;
    border: none
}

.dashboard-tab__detail a .dashboard-tab__inner:hover, .dashboard-tab__message a .dashboard-tab__inner:hover {
    background: #e4f2e3
}

.dashboard-tab__detail a .is-disabled, .dashboard-tab__message a .is-disabled {
    color: #b3b3b4;
    background: #f3f3f3
}

.dashboard-tab__detail a .is-disabled:hover, .dashboard-tab__message a .is-disabled:hover {
    background: #f3f3f3
}

.dashboard-tab__detail .dashboard-tab__inner {
    color: #60df52;
    border-bottom: 2px solid #60df52
}

.dashboard-tab__message .dashboard-tab__inner {
    color: #60df52;
    border-bottom: 2px solid #60df52
}

.dashboard-tab__badge {
    color: #e95175;
    margin-left: 5px
}

.post-review {
    margin-top: 5px;
    overflow: hidden
}

.post-review-buttonarea {
    text-align: right
}

.post-review-form {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    margin-bottom: 5px
}

.post-review-star {
    float: left;
    line-height: 1.3;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 10px
}

.post-review-star__star {
    margin-right: 5px
}

.is-default {
    color: #b3b3b4
}

.is-checked {
    color: #60df52
}

.post-review-star__comment {
    float: left;
    margin: 2px 0 0 5px
}

.post-review__feature-checkbox {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b3b3b4;
    border-radius: 20px;
    padding: 6px 18px;
    background: #FFF;
    margin: 0 10px 10px 0
}

.post-review__feature-checkbox:hover {
    background: #e4f2e3
}

input[type=checkbox]:checked + .post-review__feature-checkbox {
    background: #60df52;
    border-color: #60df52;
    color: #FFF
}

.post-review__satisfaction-radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b3b3b4;
    border-radius: 20px;
    padding: 6px 18px;
    background: #FFF;
    margin: 0 10px 10px 0
}

.post-review__satisfaction-radio:hover {
    background: #e4f2e3
}

input[type=radio]:checked + .post-review__satisfaction-radio {
    background: #60df52;
    border-color: #60df52;
    color: #FFF
}

.dashboard-message-box {
    position: relative
}

.dashboard-message-baloon {
    position: relative;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    background: #FFF
}

.dashboard-message-baloon:before {
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dashboard-message-baloon__box__textarea {
    position: relative;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    background: #FFF
}

.dashboard-message-baloon__left {
    margin-left: 70px
}

.dashboard-message-baloon__left:before {
    content: " ";
    left: -8px;
    top: 26px;
    margin-top: -8px;
    border-bottom: 1px solid #b3b3b4;
    border-left: 1px solid #b3b3b4
}

.dashboard-message-baloon__right__textarea {
    margin-right: 70px
}

.dashboard-message-baloon__right__textarea textarea {
    background-color: transparent;
    resize: vertical
}

.dashboard-message-baloon__right__textarea textarea:focus {
    outline: 2px solid #7cb9fa
}

.dashboard-message-baloon__right__textarea textarea:focus + .baloon__right__textarea-focus {
    border-right: 2px solid #7cb9fa;
    border-top: 2px solid #7cb9fa;
    right: -7px
}

@-moz-document url-prefix() {
    .dashboard-message-baloon__right__textarea textarea:focus + .baloon__right__textarea-focus {
        left: -10px
    }
}

.baloon__right__textarea-focus {
    position: absolute;
    height: 15px;
    width: 15px;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -8px;
    top: 26px;
    margin-top: -8px;
    border-right: 1px solid #b3b3b4;
    border-top: 1px solid #b3b3b4
}

.dashboard-message-baloon__right {
    line-height: 1.3;
    margin-bottom: 30px;
    margin-right: 70px
}

.dashboard-message-baloon__right:before {
    right: -8px;
    top: 26px;
    margin-top: -8px;
    border-top: 1px solid #b3b3b4;
    border-right: 1px solid #b3b3b4
}

.dashboard-message-baloon__receive {
    padding: 15px 20px;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-right: 200px
}

.dashboard-message-baloon__send {
    padding: 15px 20px;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-left: 200px
}

.dashboard-message-baloon__spm {
    background: #e4f2e3
}

.dashboard-message-baloon__spm:before {
    background: #e4f2e3
}

.dashboard-message-baloon__textarea {
    border: none;
    padding: 0;
    display: block;
    padding: 20px;
    border-radius: 3px;
    width: 100%;
    height: 120px;
    box-sizing: border-box
}

.textarea__disabled {
    background: #eee;
    border-color: #e1e1e1
}

.dashboard-message-baloon__info {
    display: block;
    margin-top: 10px;
    color: #b3b3b4;
    font-size: 11px
}

.dashboard-message-baloon__space-img {
    display: block
}

.dashboard-message-baloon__space-link {
    color: #333333
}

.dashboard-message-baloon__space-link:hover img {
    opacity: 0.8
}

.dashboard-message-baloon__space {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #b3b3b4
}

.dashboard-message-baloon__space-img {
    display: block;
    float: left;
    width: 150px
}

.dashboard-message-baloon__space-text {
    margin-left: 170px;
    display: block;
    font-size: 13px
}

.dashboard-message-baloon__space-title {
    font-weight: bold;
    display: block;
    font-size: 15px;
    margin: 2px 0 5px
}

.dashboard-message-baloon__space-id, .dashboard-message-baloon__space-checkin, .dashboard-message-baloon__space-checkout {
    display: block;
    margin: 2px 0
}

.dashboard-message__icon {
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.dashboard-message__read-status {
    width: 50px;
    color: #b3b3b4;
    font-size: 12px;
    position: absolute;
    top: 55px;
    right: 0;
    text-align: center
}

.dashboard-message__buttonarea {
    margin: 10px 70px 30px 0
}

.dashboard-message__info {
    background: #e4f2e3;
    padding: 15px 20px;
    line-height: 1.8;
    margin-bottom: 40px
}

.dashboard-message__info-list {
    margin-left: 16px
}

.dashboard-message__info-list li {
    list-style: disc
}

.dashboard-message__status {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px
}

.dashboard-message__date {
    text-align: center;
    margin-bottom: 30px;
    color: #b3b3b4
}

.dashboard-message__close-btn {
    background: #e6e6e6;
    border-radius: 3px;
    padding: 20px;
    margin: 0px 0 30px;
    overflow: hidden
}

.dashboard-message__period {
    float: left;
    padding-top: 8px
}

.dashboard-message__period-num {
    font-size: 18px
}

.settings-img {
    padding-top: 25px;
    width: 120px;
    height: 116px;
    line-height: 2
}

.settings-img__change-img {
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 3px
}

.settings-img__change-img label {
    background: rgba(51, 51, 51, 0.6)
}

.settings-img__change-img label:hover {
    background: rgba(51, 51, 51, 0.4)
}

.settings-data {
    font-weight: bold;
    margin: 0 5px
}

.settings-exam__box {
    display: table;
    background: #FFF;
    padding: 10px 15px;
    margin-bottom: 15px;
    min-height: 53px;
    box-sizing: content-box
}

.settings-exam__buttonarea {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px
}

.settings-exam__button {
    width: 220px;
    padding: 10px 0
}

.settings-exam__textarea {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.settings-notification__description {
    margin-left: 30px;
    line-height: 1.3
}

.settings-notification__label-disabled {
    color: #333333 !important
}

.settings-business-inner {
    min-height: 550px
}

.settings-business_company {
    height: 64px
}

.settings-business_icon {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    float: left;
    margin-right: 15px
}

.settings-business_text {
    font-size: 20px;
    line-height: 64px
}

.settings-contact_alert-text-for-identification {
    color: #DC1A1A;
    font-size: 14px
}

.identification-form-select__inner {
    background: #fff;
    display: inline-block;
    margin-right: 6px
}

.identification-wrap {
    text-align: center;
    margin-bottom: 24px
}

.identification-status-wrap {
    display: flex;
    align-items: center
}

.identification-status-wrap p {
    font-size: 16px;
    font-weight: bold;
    color: #222
}

.identification-status {
    border: solid 1px #4abfe6;
    border-radius: 3px;
    padding: 4px 40px;
    color: #222;
    background-color: white;
    margin-left: 32px
}

.identification-callout {
    margin-top: 12px;
    color: #F30003;
    line-height: 1.35
}

.identification-button {
    width: 220px;
    padding: 15px 0
}

.dashboard-sales {
    width: 960px;
    margin: auto
}

.dashboard-sales__header {
    overflow: hidden
}

.dashboard-sales__header-term {
    float: left;
    margin-bottom: 20px
}

.form-sales-term {
    width: 110px !important;
    margin: 0 5px
}

.dashboard-sales__header-receipt {
    float: right;
    margin-top: 15px
}

.dashboard-sales__box {
    background: #FFF;
    padding: 20px;
    margin-bottom: 15px;
    box-sizing: content-box
}

.dashboard-sales__list {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.dashboard-sales__list-title {
    color: #b3b3b4;
    font-weight: bold
}

.dashboard-sales__list-schedule {
    float: left;
    width: 110px
}

.dashboard-sales__list-method {
    float: left;
    width: 140px
}

.dashboard-sales__list-user {
    float: left;
    width: 160px
}

.dashboard-sales__list-user-icon {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    margin: -8px 5px -8px 0
}

.dashboard-sales__list-user-icon:hover {
    opacity: 0.7
}

.dashboard-sales__list-user-name {
    display: inline-block;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-sales__list-use {
    float: left
}

.dashboard-sales__list-price {
    float: right;
    text-align: right;
    width: 100px
}

.dashboard-sales__list-sum {
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.summary-selectarea {
    float: right;
    margin-top: -5px;
    font-size: 14px
}

.summary-total {
    background: #FFF;
    padding: 20px 10px;
    overflow: hidden;
    margin-bottom: 40px
}

.summary-total__box {
    border: 1px solid #b3b3b4;
    border-radius: 2px;
    box-sizing: border-box;
    width: 23%;
    float: left;
    margin: 0 1%;
    padding: 20px 15px
}

.summary-total__number {
    font-family: Arial;
    font-weight: bold;
    font-size: 45px;
    color: #4abfe6
}

.summary-total__unit {
    font-size: 24px
}

.summary-graph {
    background: #FFF;
    width: 49%;
    padding: 20px 25px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.summary-graph:nth-child(odd) {
    float: left
}

.summary-graph:nth-child(even) {
    float: right
}

.summary-graph__number {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold
}

.summary-graph__unit {
    font-size: 16px
}

.summary-graph__difference {
    display: inline-block;
    font-family: Arial;
    border-radius: 3px;
    border: 2px solid;
    font-size: 12px;
    padding: 2px 5px
}

.summary-graph__difference-number {
    font-weight: bold;
    font-size: 14px
}

.summary-graph__up {
    color: #4abfe6
}

.summary-graph__down {
    color: #e95175
}

.summary-graph__box {
    height: 250px
}

.dashboard-form-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background: #b3b3b4
}

.dashboard-form-table th {
    position: relative;
    background: #ededed;
    padding: 25px 20px;
    text-align: left;
    width: 270px;
    vertical-align: top
}

.dashboard-form-table td {
    background: #FFF;
    padding: 15px 20px;
    vertical-align: middle
}

.dashboard-form-table__icon {
    position: absolute;
    top: 23px;
    right: 10px
}

.add-reserve__price {
    font-weight: bold;
    font-size: 22px;
    font-family: Arial;
    color: #60df52;
    margin-right: 40px
}

.dashboard-favorite__list {
    padding-top: 25px
}

.dashboard-favorite__list-title {
    float: left
}

.dashboard-favorite__list-add {
    padding: 8px 16px;
    float: right
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__list-add {
        font-size: 12px;
        padding: 7px 8px
    }
}

.dashboard-favorite__list-select {
    clear: both
}

.dashboad-favorite__list-select-box {
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s
}

.dashboad-favorite__list-select-box:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.dashboad-favorite__list-select-box:hover .dashboad-favorite__list-select-box-text-title {
    color: #666
}

.dashboad-favorite__list-select-box:hover .dashboad-favorite__popup-select-box-img-space {
    opacity: 0.8
}

.dashboad-favorite__list-select-box-img {
    position: relative;
    overflow: hidden;
    height: 185px;
    border-radius: 2px 2px 0 0;
    margin-top: 16px
}

.dashboad-favorite__list-select-box-img-space {
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.dashboad-favorite__list-select-box-text {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 0 0 2px 2px;
    margin-bottom: 8px
}

.dashboad-favorite__list-select-box-text-title {
    color: #4a4b4e;
    font-size: 14px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%
}

.dashboad-favorite__list-select-box-text-count {
    color: #999999;
    font-size: 12px;
    text-align: right
}

.dashboard-favorite {
    max-width: 1086px;
    margin: 23px auto;
    padding: 0 12px
}

.dashboard-favorite__title {
    font-size: 20px;
    line-height: 1.2em;
    display: inline
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__title {
        width: 100%
    }
}

.dashboard-favorite__conunt {
    font-size: 12px;
    color: #999999;
    display: inline
}

.dashboard-favorite__back {
    float: left;
    margin-top: 10px
}

.dashboard-favorite__setting {
    float: right;
    margin: 10px 0 24px 0
}

.dashboard-favorite__setting-change {
    width: 138px;
    float: left;
    padding: 8px 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__setting-change {
        font-size: 10px;
        width: 84px;
        padding: 8px 0;
        width: 84px
    }
}

.dashboard-favorite__setting-text {
    color: white
}

.dashboard-favorite__setting-delete {
    float: right;
    margin-left: 5px;
    width: 138px;
    padding: 8px 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__setting-delete {
        font-size: 10px;
        width: 43px;
        padding: 8px 0
    }
}

.dashboard-favorite__space {
    clear: both;
    background-color: #ffffff;
    height: 185px;
    margin-bottom: 24px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s
}

.dashboard-favorite__space:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space {
        height: auto
    }
}

.dashboard-favorite__space-box {
    width: 300px;
    height: 185px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 2px 0 0 2px
}

.dashboard-favorite__space-box:hover {
    opacity: 0.8
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-box {
        width: 100%;
        border-radius: 2px 2px 0 0
    }
}

.dashboard-favorite__space-box-img {
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.dashboard-favorite__space-box-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 8px;
    background-color: #000;
    font-size: 16px;
    color: #fff;
    border-radius: 3px
}

.dashboard-favorite__space-box-price-per {
    font-size: 10px;
    font-weight: normal
}

.dashboard-favorite__space-info {
    margin-left: 320px;
    margin-right: 20px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info {
        clear: both;
        margin: auto;
        padding: 0 10px;
        background-color: #ffffff;
        border-radius: 0 0 2px 2px
    }
}

.dashboard-favorite__space-info-text {
    width: 100%;
    float: left;
    margin-right: -140px;
    padding: 20px 140px 0 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-text {
        float: none;
        margin: auto;
        padding: 10px 0 0 0
    }
}

.dashboard-favorite__space-info-text-title {
    color: #4a4b4e;
    font-size: 18px;
    line-height: 1.4em;
    height: 48.6px;
    overflow: hidden
}

.dashboard-favorite__space-info-text-title:hover {
    color: #666
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-text-title {
        font-size: 14px;
        height: 36.4px
    }
}

.dashboard-favorite__space-info-feature {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 6.4px 0 10px 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-feature {
        margin-top: 3.9px
    }
}

.dashboard-favorite__space-info-feature-content {
    color: #4a4b4e;
    margin-right: 5px;
    display: inline
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-feature-content {
        font-size: 11px
    }
}

.ashboard-favorite__space-info-feature-icon {
    color: #d0d1cf
}

.dashboard-favorite__space-info-setting {
    float: right;
    width: 120px;
    margin: 20px 0 0 20px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-setting {
        font-size: 12px;
        float: none;
        width: 100%;
        display: table;
        margin: 6px 0 10px 0
    }
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-setting-button {
        display: table-cell
    }
}

.dashboard-favorite__space-info-button-select {
    margin-top: 2px;
    padding: 8px 0;
    width: 120px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-button-select {
        float: none;
        width: 95%;
        padding: 7px 0
    }
}

.dashboard-favorite__space-info-button-delete {
    padding: 8px 0;
    width: 120px;
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-button-delete {
        float: none;
        width: 95%;
        padding: 7px 24px
    }
}

.dashboard-favorite__space-info-memo-open {
    padding: 8px 46px;
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-open {
        float: none;
        width: 95%;
        padding: 6.5px 15.5px
    }
}

.dashboard-favorite__space-info-memo-area-icon {
    width: 12px;
    margin-left: 5px
}

.dashboard-favorite__space-info-memo {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    display: table;
    width: 100%
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo {
        border-top: none;
        padding-top: 0;
        border-radius: 0 0 2px 2px
    }
}

.dashboard-favorite__space-info-memo-area {
    width: 100%;
    height: 55px;
    max-width: 582px;
    line-height: 1.4em;
    color: #4a4b4e
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-area {
        max-width: inherit;
        display: inline;
        height: 75px
    }
}

.dashboard-favorite__space-info-memo-setting {
    width: 140px;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-setting {
        width: auto;
        text-align: auto;
        display: inline;
        padding-left: 0
    }
}

.dashboard-favorite__space-info-memo-count {
    color: #999999;
    margin-top: 3px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-count {
        float: left;
        margin-top: 13px;
        font-size: 12px
    }
}

.dashboard-favorite__space-info-memo-count-overflow {
    color: #e95175;
    margin-top: 3px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-count-overflow {
        float: left;
        margin-top: 13px;
        font-size: 12px
    }
}

.dashboard-favorite__space-info-memo-save {
    font-size: 13px;
    padding: 8px 0;
    width: 120px;
    margin-top: 7px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-save {
        font-size: 12px;
        float: right;
        margin: 6px 0 10px 0;
        padding: 6.5px 25px
    }
}

.dashboard-favorite__nav {
    padding-top: 24px
}

.dashboad-favorite__popup {
    position: relative;
    padding: 0 12px 44px;
    margin-top: 30px
}

.dashboad-favorite__input {
    position: absolute;
    padding: 0 12px 44px;
    top: 50%;
    left: 50%;
    margin-top: -161px;
    margin-left: -400px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__input {
        left: auto;
        margin-left: auto
    }
}

.dashboad-favorite__delete-list {
    position: absolute;
    padding: 0 12px 44px;
    top: 50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -400px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__delete-list {
        left: auto;
        margin-left: auto
    }
}

.dashboad-favorite__delete-favorite {
    position: absolute;
    padding: 0 12px 44px;
    top: 50%;
    left: 50%;
    margin-top: -119px;
    margin-left: -400px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__delete-favorite {
        left: auto;
        margin-left: auto
    }
}

.dashboad-favorite__popup-cancel {
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 16px
}

.dashboad-favorite__popup-cancel:hover .page__popup__cancel-icon {
    color: #dddddd
}

.dashboad-favorite__popup-cancel:hover .dashboad-favorite__popup-cancel-text {
    color: #dddddd
}

.dashboad-favorite__popup-cancel-icon {
    font-family: Arial, sans-serif;
    display: block;
    line-height: 0.6;
    color: #e9e9e9
}

.dashboad-favorite__popup-cancel-text {
    color: #e9e9e9
}

.dashboad-favorite__popup-headline {
    margin: 0 12px
}

.dashboad-favorite__popup-headline-text {
    font-size: 12px;
    color: #999;
    line-height: 1.5
}

.dashboad-favorite__popup-form {
    text-align: center;
    margin: 0 auto 24px;
    max-width: 400px
}

.dashboad-favorite__popup-form-area {
    width: 100%
}

.dashboad-favorite__popup-add-form-area {
    width: 100%;
    max-width: 400px;
    display: inline-block
}

.dashboad-favorite__popup-form-error {
    text-align: left;
    color: #e95175;
    line-height: 1.4;
    font-size: 12px;
    margin-top: -2px;
    margin-bottom: 8px
}

.dashboad-favorite__popup-form-error-cancel {
    color: #e95175;
    font-size: 12px;
    text-align: center;
    margin-top: -16px;
    margin-bottom: 16px
}

.dashboad-favorite__popup-content-button {
    display: block;
    width: 250px;
    margin: 0 auto;
    font-size: 16px;
    padding: 14px 0
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-content-button {
        font-size: 14px;
        padding: 12px 0
    }
}

.dashboad-favorite__popup-select {
    padding-bottom: 24px
}

.dashboad-favorite__popup-select-content {
    max-width: 1062px;
    width: 100%;
    max-height: 400px;
    overflow: scroll;
    text-align: left
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-content {
        max-height: auto
    }
}

.dashboad-favorite__popup-add {
    font-size: 14px;
    margin-bottom: 16px;
    display: block;
    text-align: center
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add {
        margin-bottom: 12px
    }
}

.dashboad-favorite__popup-add-content {
    text-align: center;
    background-color: #f6f6f6;
    margin: 16px 12px;
    padding: 24px 12px 16px 12px;
    border-radius: 3px;
    border: #eaeaea solid 1px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content {
        margin: 0 12px 16px;
        padding-top: 16px
    }
}

.dashboad-favorite__popup-add-content-description {
    margin-bottom: 16px;
    color: #4a4b4e
}

.dashboad-favorite__popup-add-content-error {
    text-align: left;
    color: #e95175;
    line-height: 1.4;
    font-size: 12px;
    max-width: 610px;
    margin: -2px auto 8px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content-error {
        max-width: 400px
    }
}

.dashboad-favorite__popup-add-content-action {
    display: inline-block
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content-action {
        display: block;
        margin-top: 8px
    }
}

.dashboad-favorite__popup-add-content-button {
    padding: 11px 0;
    width: 100px;
    margin-left: 5px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content-button {
        padding: 8px 0;
        margin: 0 5px
    }
}

.dashboad-favorite__popup-select-box {
    margin-top: 8px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s
}

.dashboad-favorite__popup-select-box:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.dashboad-favorite__popup-select-box:hover .dashboad-favorite__popup-select-box-text-title {
    color: #666
}

.dashboad-favorite__popup-select-box:hover .dashboad-favorite__popup-select-box-img-space {
    opacity: 0.8
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-box {
        box-shadow: none;
        padding: 6px 0;
        max-width: 350px;
        margin: 8px auto 0 auto
    }

    .dashboad-favorite__popup-select-box:hover {
        box-shadow: none
    }
}

.dashboad-favorite__checkbox {
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__checkbox {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin: 0 10px 3px 0;
        padding-left: 22px
    }
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__checkbox:before {
        position: absolute;
        z-index: 2;
        top: 4px;
        display: block;
        content: '';
        opacity: 0;
        transform: rotate(45deg);
        left: 5px;
        width: 6px;
        height: 9px;
        border-right: 3px solid #4abfe6;
        border-bottom: 3px solid #4abfe6
    }
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__checkbox:after {
        position: absolute;
        top: 2px;
        left: 0;
        display: block;
        margin-top: 0px;
        border: 1px solid #b3b3b4;
        border-radius: 3px;
        content: '';
        background: #FFF;
        width: 15px;
        height: 15px
    }
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox {
    color: black
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox .fa-check {
    color: #4abfe6
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox .dashboad-favorite__popup-select-box-img {
    background-color: #4abfe6
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox .dashboad-favorite__popup-select-box-img-space {
    opacity: 0.6
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox:hover .dashboad-favorite__popup-select-box-img-space {
    opacity: 0.7
}

@media screen and (max-width: 991px) {
    input[type=checkbox]:checked + .dashboad-favorite__checkbox:before {
        opacity: 1
    }
}

.dashboad-favorite__popup-select-box-img {
    height: 120px;
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0
}

.dashboad-favorite__popup-select-box-img-space {
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.dashboad-favorite__popup-select-box-text-check {
    font-size: 14px;
    color: #999999;
    text-align: right
}

.dashboad-favorite__popup-select-box-text {
    padding: 11px;
    background-color: #ffffff;
    border-radius: 0 0 2px 2px;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-box-text {
        padding: 0;
        margin: 0
    }
}

.dashboad-favorite__popup-select-box-text-title {
    color: #4a4b4e;
    font-size: 12px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-box-text-title {
        font-size: 14px;
        white-space: normal;
        line-height: 1.4em;
        width: 100%
    }
}

.dashboad-favorite__popup-select-caution {
    font-size: 11px;
    text-align: center;
    margin-bottom: 16px;
    color: #999
}

.star-harf {
    position: relative
}

.star-harf:before {
    color: #60df52;
    position: absolute;
    top: 0;
    width: 0.46em;
    overflow: hidden
}

.dashboard-review a:hover {
    text-decoration: underline
}

.dashboard-review__head {
    margin-bottom: 16px
}

.dashboard-review__head li {
    display: inline;
    margin-right: 4px
}

.dashboard-review__head-star {
    font-size: 20px
}

.dashboard-review__head-rating {
    font-size: 18px
}

.dashboard-review__line {
    overflow: hidden;
    padding: 16px 0;
    border-top: 1px solid #dddddd
}

.dashboard-review__line:nth-child(1) {
    border: none
}

.dashboard-review__guest-name {
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px
}

.dashboard-review__list {
    margin-bottom: 12px
}

.dashboard-review__list li {
    display: block;
    float: left;
    margin-right: 8px;
    font-size: 12px
}

.dashboard-review__list li.dashboard-review__list-space {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 35%
}

.dashboard-review__guest-icon, .dashboard-review__host-icon {
    float: left
}

.dashboard-review__guest-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.dashboard-review__box-text {
    margin-top: 2em
}

.dashboard-review__box-head, .dashboard-review__box-text {
    margin-left: 88px;
    line-height: 1.5
}

.dashboard-review__res-line {
    padding: 16px 0 8px;
    margin-top: 16px;
    border-top: 1px dashed #dddddd
}

.dashboard-review__resbox-head, .dashboard-review__resbox-text {
    margin-left: 64px
}

.dashboard-review__host-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.dashboard-review__host-name {
    margin-top: 4px;
    margin-bottom: 2px
}

.dashboard-review__host-name a {
    font-weight: bold
}

.dashboard-review__delete {
    margin-left: 20px;
    font-weight: normal !important
}

.dashboard-footer {
    z-index: 6;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #FFF;
    background: #595959;
    font-size: 10px
}

.dashboard-footer__link {
    float: left;
    padding: 10px 15px;
    color: #b3b3b4
}

.dashboard-footer__link a {
    color: #FFF
}

.dashboard-footer__link a:hover {
    text-decoration: underline
}

.dashboard-footer__link .dashboard-footer__link-separator {
    margin: 0 7px
}

.dashboard-footer__copyright {
    float: right;
    padding: 8px 15px
}

.academy-tips {
    position: fixed;
    right: 0px;
    width: 280px;
    z-index: 100
}

.academy-tips__icon {
    z-index: 100;
    position: fixed;
    display: block;
    right: 15px;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.academy-tips__badge {
    z-index: 100;
    position: fixed;
    right: 15px;
    bottom: 40px;
    background: #e95175;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.academy-tips__baloon {
    right: 80px
}

.academy-tips__baloon:before {
    top: 25px;
    background: #e7f6fb
}

.academy-tips__baloon-inner {
    width: 248px;
    background: #e7f6fb;
    padding: 13px 12px
}

.academy-tips__baloon-title {
    margin-bottom: 8px
}

.academy-tips__baloon-link {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.2
}

.academy-tips__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #333333
}

.academy-tips__close:hover {
    opacity: 0.6
}

.dashboard-point {
    position: relative
}

@media screen and (max-width: 991px) {
    .dashboard-point {
        padding: 0
    }
}

.dashboard-point__title {
    float: left;
    margin-top: 25px;
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .dashboard-point__title {
        padding-left: 12px
    }
}

.dashboard-point__code {
    float: right;
    padding: 8px 20px;
    margin-top: 25px;
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .dashboard-point__code {
        padding: 8px 10px;
        margin-right: 12px;
        font-size: 10px
    }
}

.dashboard-point__head {
    position: relative
}

@media screen and (max-width: 1200px) {
    .dashboard-point__head {
        padding-bottom: 2em
    }
}

.dashboard-point__sum {
    background-color: #ffffff;
    padding: 54px;
    border: solid 1px #dddddd;
    border-radius: 3px;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum {
        padding: 12px;
        width: 100%
    }
}

.dashboard-point__sum-now {
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-now {
        padding-bottom: 12px
    }
}

@media screen and (max-width: 1200px) {
    .dashboard-point__sum-now {
        width: 100%
    }
}

.dashboard-point__referrallink {
    position: absolute;
    right: 0;
    bottom: 2px
}

.dashboard-point__sum-now-title {
    display: inline-block;
    font-size: 24px;
    font-weight: bold
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-now-title {
        font-size: 16px
    }
}

.dashboard-point__sum-now-have {
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    margin-left: 5px
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-now-have {
        font-size: 24px;
        margin-left: 0;
        margin-top: 5px;
        display: block
    }
}

.dashboard-point__unit {
    display: inline-block;
    font-size: 12px;
    margin-left: 5px
}

.dashboard-point__sum-will {
    margin-top: 24px;
    vertical-align: text-top
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-will {
        margin-top: 12px
    }
}

.dashboard-point__sum-will-title {
    line-height: 1.2;
    font-size: 13px;
    float: left
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-will-title {
        margin-top: 12px;
        margin-left: 0;
        float: none;
        font-size: 12px
    }
}

.dashboard-point__sum-will-have {
    font-size: 28px;
    margin-left: 10px;
    float: left;
    margin-top: 1px
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-will-have {
        margin-top: 5px;
        margin-left: 0;
        font-size: 18px;
        float: none
    }
}

.dashboard-point__detail {
    margin-top: 20px;
    margin-bottom: 54px;
    text-align: center
}

.dashboard-point__detail strong {
    font-weight: bold
}

.dashboard-point__detail-tab {
    padding: 0 12px
}

.dashboard-point__detail-tab-content {
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 3px 3px 0 0;
    color: #999999;
    padding: 18px 0;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: auto
}

.dashboard-point__detail-tab-content:hover {
    color: #cccccc;
    background-color: #ffffff
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-tab-content {
        font-size: 14px;
        padding: 12px 0
    }
}

.dashboard-point__detail-tab-current {
    background-color: white;
    border-top: solid 2px #60df52;
    border-right: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    border-bottom: 0;
    color: #4a4b4e
}

.dashboard-point__detail-tab-current:hover {
    color: #4a4b4e
}

.dashboard-point__detail-history {
    padding: 54px;
    background-color: #ffffff;
    border-radius: 0 0 3px 3px;
    border-bottom: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-left: 1px #dddddd solid
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-history {
        padding: 12px
    }
}

.dashboard-point__detail-table {
    width: 100%;
    margin-bottom: 54px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-table {
        margin-bottom: 20px
    }
}

.dashboard-point__detail-heading {
    font-weight: bold;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading {
        font-size: 12px
    }
}

.dashboard-point__detail-content {
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-content {
        height: 20px;
        overflow: hidden;
        font-size: 12px
    }
}

.dashboard-point__detail-heading-date {
    text-align: left;
    width: 130px;
    padding-right: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading-date {
        padding-right: 12px;
        width: 50px
    }
}

.dashboard-point__detail-heading-overview {
    text-align: left
}

.dashboard-point__detail-heading-status {
    text-align: left;
    width: 110px;
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading-status {
        padding-left: 12px;
        width: 72px
    }
}

.dashboard-point__detail-heading-point {
    text-align: right;
    width: 94px;
    margin-left: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading-point {
        padding-left: 12px;
        width: 60px
    }
}

.dashboard-point__detail-date {
    text-align: left;
    width: 130px;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 30px 24px 0;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-date {
        width: 50px;
        padding: 12px 12px 12px 0
    }
}

.dashboard-point__detail-overview {
    text-align: left;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-overview {
        padding: 12px 0
    }
}

.dashboard-point__detail-status {
    text-align: left;
    width: 110px;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0 24px 30px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-status {
        padding: 12px 0 12px 12px;
        width: 72px
    }
}

.dashboard-point__detail-point {
    text-align: right;
    width: 94px;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0 24px 30px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-point {
        padding: 12px 0 12px 12px;
        width: 60px
    }
}

.dashboard-point__detail-date-will {
    text-align: left;
    width: 130px;
    padding-right: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-date-will {
        padding-right: 12px;
        width: 60px
    }
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-overview-cut {
        max-height: 42px;
        display: block;
        overflow: hidden
    }
}

.dashboard-point__detail-minus {
    color: #e95175
}

.dashboard-point__caution {
    line-height: 1.5
}

.dashboard-point__caution-specially {
    color: #e95175
}

.sp {
    padding-bottom: 87px !important
}

.sp .dashboard-container {
    min-width: 320px;
    height: auto
}

.sp .dashboard-nav__menu {
    display: none
}

.sp .dashboard-search {
    display: none
}

.sp.site-dashboard .site-header__logo {
    width: 24px
}

.sp .site-header__nav {
    display: none
}

.sp .dashboard-footer {
    position: absolute;
    bottom: 0;
    z-index: 0;
    clear: both
}

.sp .dashboard-footer__link {
    float: none;
    text-align: center;
    padding: 10px 0 0
}

.sp .dashboard-footer__copyright {
    float: none;
    text-align: center;
    padding: 10px 0
}

.sp .dashboard-sidecol {
    z-index: 0
}

.sp .site-header__smp {
    display: block
}

.sp .site-header__nav-bagde {
    margin-left: -19px;
    background-color: rgba(233, 81, 117, 0.7);
    font-weight: normal
}

.sp .app-banner {
    display: block
}

.sp-sidecol {
    padding-bottom: 30px;
    box-sizing: border-box
}

.sp-sidecol .dashboard-maincol__right {
    display: none
}

.sp-sidecol .dashboard-sidecol {
    width: 100%;
    height: auto;
    margin-bottom: -10px
}

.sp-sidecol .dashboard-sidecol__buttonarea {
    width: 100%
}

.sp-sidecol .dashboard-sidecol__buttonarea-button {
    display: block;
    width: auto;
    margin: 0 10px;
    font-size: 16px;
    padding: 20px 0
}

.sp-maincol {
    padding-bottom: 30px;
    box-sizing: border-box
}

.sp-maincol .dashboard-maincol, .sp-maincol .dashboard-maincol__right {
    margin-left: 0;
    padding: 10px;
    margin-bottom: -30px
}

.sp-maincol .dashboard-singlecol {
    width: auto
}

.sp-maincol .maincol-lightbox__form {
    box-sizing: border-box;
    padding: 10px;
    margin: 15px;
    width: auto
}

.sp-maincol textarea {
    box-sizing: border-box;
    width: 100%
}

.sp-maincol .dashboard-tab {
    margin: 0
}

.sp-maincol .dashboard-tab__list li {
    width: 50%
}

.sp-maincol .dashboard-message-baloon__right__textarea {
    margin-right: 40px
}

.sp-maincol .baloon__right__textarea-focus {
    display: none
}

.sp-maincol .dashboard-message-baloon__receive {
    margin-right: 0;
    margin-left: 40px
}

.sp-maincol .dashboard-message-baloon__send {
    margin-left: 0;
    margin-right: 40px
}

.sp-maincol .dashboard-message__icon {
    width: 30px;
    height: 30px
}

.sp-maincol .dashboard-message__read-status {
    width: 30px;
    top: 35px
}

.sp-maincol .dashboard-message__close-btn .button-disabled, .sp-maincol .dashboard-message__close-btn .button-blue, .sp-maincol .dashboard-message__close-btn .button-green {
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    margin-top: 10px
}

.sp-maincol .dashboard-message__period {
    text-align: center;
    float: none;
    padding-top: 0
}

.sp-maincol .dashboard-message__period-num {
    display: block;
    margin-top: 5px
}

.sp-maincol .dashboard-message__buttonarea {
    margin-right: 0;
    overflow: hidden
}

.sp-maincol .dashboard-message__buttonarea .button-gray {
    width: 50%;
    padding: 13px 0;
    margin-right: 10px
}

.sp-maincol .dashboard-message__buttonarea .dashboard-form-file__name {
    display: inline-block;
    overflow: hidden;
    margin-top: 10px
}

.sp-maincol .dashboard-message__buttonarea .button-green, .sp-maincol .dashboard-message__buttonarea .button-disabled {
    width: 100%;
    font-size: 16px;
    padding: 20px 0;
    margin-left: 40px;
    margin-top: 20px
}

.sp-maincol .dashboard-message__buttonarea label[for=files] {
    width: 180px;
    padding: 13px 0;
    font-size: 14px;
    margin-top: 0
}

.sp-maincol .dashboard-sidecol {
    display: none
}

.sp-maincol .baloon {
    display: none
}

.sp-maincol .reserve-header {
    padding-bottom: 50px
}

.sp-maincol .reserve-header__edit, .sp-maincol .reserve-header__copy {
    position: absolute;
    font-size: 12px !important;
    width: 110px !important;
    padding: 8px 0 !important;
    bottom: 10px
}

.sp-maincol .reserve-header__copy {
    left: 135px;
    width: 160px !important
}

.sp-maincol .reserve-header__id {
    float: none
}

.sp-maincol .reserve-header__date {
    margin-top: 10px
}

.sp-maincol .reserve-header__affiliation {
    height: auto
}

.sp-maincol .reserve-header__name {
    float: none;
    margin: 0;
    padding: 8px 10px 3px 45px
}

.sp-maincol .reserve-header__name-supplement {
    float: none;
    margin-bottom: 10px
}

.sp-maincol .reserve-header__company {
    float: none;
    clear: both;
    margin-bottom: 10px
}

.sp-maincol .reserve-header__icon {
    float: none;
    margin-bottom: 15px
}

.sp-maincol .dashboard-message-baloon:before {
    display: none
}

.sp-maincol .dashboard-maincol__right-inner-100pc {
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto
}

.sp-maincol .dashboard-message-baloon__space-img {
    float: none;
    width: 100%;
    margin-bottom: 10px
}

.sp-maincol .dashboard-message-baloon__space-text {
    margin-left: 0
}

.sp-maincol .reserve-maincol__right {
    padding: 0
}

.sp-maincol .reserve-maincol__right-inner {
    padding: 10px
}

.sp-maincol .reserve-header__price .message-important {
    display: inline-block;
    margin: 8px 0 0
}

.sp-maincol .reserve-status-bar li {
    width: 32%;
    padding: 14px 0 14px 5px;
    font-size: 14px
}

.sp-maincol .reserve-status-bar__status1:after {
    width: 32px;
    height: 32px;
    top: 5px;
    right: -18px
}

.sp-maincol .reserve-status-bar__status2:before {
    width: 32px;
    height: 32px;
    top: 5px;
    left: -18px
}

.sp-maincol .reserve-status-bar__status2:after {
    width: 32px;
    height: 32px;
    top: 5px;
    right: -18px
}

.sp-maincol .reserve-status-bar__status3:before {
    width: 32px;
    height: 32px;
    top: 5px;
    left: -18px
}

.sp-maincol .reserve-status-buttonarea {
    float: none
}

.sp-maincol .reserve-status-buttonarea .button-gray, .sp-maincol .reserve-status-buttonarea .button-green {
    width: 100%;
    font-size: 16px;
    padding: 20px 0;
    margin: 0 0 10px;
    display: block
}

.sp-maincol .reserve-event {
    text-align: center
}

.sp-maincol .reserve-event__heading {
    line-height: 1.4
}

.sp-maincol .reserve-event__text {
    margin-bottom: 10px
}

.sp-maincol .reserve-event__button {
    position: static;
    width: 100%;
    padding: 20px 0;
    font-size: 16px
}

.sp-maincol .reserve-detail-box {
    line-height: 1.3
}

.sp-maincol .reserve-member__title {
    width: 100%;
    margin: 0 0 10px
}

.sp-maincol .reserve-member__button {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 0;
    font-size: 16px
}

.sp-maincol .reserve-member__name {
    text-overflow: clip;
    white-space: normal
}

.sp-maincol .reserve-member__link {
    margin: -31px 0 10px
}

.sp-maincol .post-review-buttonarea {
    margin-bottom: 20px
}

.sp-maincol .post-review-buttonarea .button-disabled, .sp-maincol .post-review-buttonarea .button-gray, .sp-maincol .post-review-buttonarea .button-green {
    width: 100%;
    font-size: 16px;
    padding: 20px 0;
    margin: 10px 0 0
}

.sp-maincol .maincol-buttonarea {
    padding: 10px
}

.sp-maincol .maincol-buttonarea .button-gray {
    margin-bottom: 10px
}

.sp-maincol .maincol-buttonarea__button {
    width: 100%;
    font-size: 16px;
    padding: 20px 0;
    margin: 5px 0
}

.sp-maincol .dashboard-title__supplement {
    display: block;
    margin: 10px 0
}

.sp-maincol .form-text {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px
}

.sp-maincol .form-payment-card {
    width: 21%
}

.sp-maincol .form-payment-data {
    display: inline-block;
    margin-bottom: 5px
}

.sp-maincol .button-blue, .sp-maincol .button-gray {
    float: none;
    width: 100%;
    padding: 20px 0;
    margin: 0;
    font-size: 16px
}

.sp-maincol .dashboard-favorite__img {
    width: 100%;
    height: 150px;
    float: none
}

.sp-maincol .dashboard-favorite__text {
    margin: 10px
}

.sp-maincol .dashboard-favorite__space {
    font-size: 16px;
    margin-bottom: 7px
}

.sp-maincol .dashboard-favorite__room {
    font-size: 14px
}

.sp-maincol .dashboard-favorite__price {
    font-size: 16px
}

.sp-maincol .dashboard-favorite__feature {
    font-size: 12px;
    margin-top: 10px
}

.sp-maincol .dashboard-sales {
    width: auto
}

.sp-maincol .dashboard-sales__header-receipt {
    float: none;
    clear: both;
    margin-bottom: 20px
}

.sp-maincol .dashboard-sales__list-title {
    display: none
}

.sp-maincol .dashboard-sales__list-schedule {
    float: none;
    margin-bottom: 7px
}

.sp-maincol .dashboard-sales__list-method {
    float: none;
    margin-bottom: 5px;
    font-size: 12px
}

.sp-maincol .dashboard-sales__list-user {
    float: none;
    margin-top: 15px
}

.sp-maincol .dashboard-sales__list-use {
    display: none
}

.sp-maincol .dashboard-sales__list-price {
    margin: -35px 0 0 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: 4px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.js-slider__horizontal .ui-widget-content {
    background: #ddd
}

.js-slider__horizontal .ui-widget-header {
    background: #4abfe6
}

.js-slider__horizontal .ui-widget-content .ui-state-default, .js-slider__horizontal .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 50%;
    font-size: 18px;
    outline: none;
    cursor: pointer
}

.js-slider__horizontal .ui-widget-content .ui-state-hover, .js-slider__horizontal .ui-widget-header .ui-state-hover, .js-slider__horizontal .ui-widget-content .ui-state-focus, .js-slider__horizontal .ui-widget-header .ui-state-focus, .js-slider__horizontal .ui-widget-content .ui-state-active, .js-slider__horizontal .ui-widget-header .ui-state-active {
    border-color: #4abfe6
}

#ui-datepicker-div {
    z-index: 2002 !important;
    display: none
}

.ui-datepicker-group {
    width: 50%;
    float: left;
    background: #efefef
}

@media screen and (max-width: 599px) {
    .ui-datepicker-group {
        width: 100%
    }
}

.ui-datepicker-header {
    position: relative;
    color: #333333;
    padding: 15px 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 90%;
    margin: 0 auto
}

.ui-datepicker-header .ui-icon {
    display: none
}

.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 14px;
    cursor: pointer;
    font-family: FontAwesome
}

.ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover {
    opacity: 0.8
}

.ui-datepicker-header .ui-datepicker-prev {
    left: 0px
}

.ui-datepicker-header .ui-datepicker-prev:after {
    content: "\f0d9";
    font-size: 16px
}

.ui-datepicker-header .ui-datepicker-next {
    right: 0px
}

.ui-datepicker-header .ui-datepicker-next:after {
    content: "\f0da";
    font-size: 16px
}

.ui-datepicker-title {
    text-align: center;
    font-weight: bold
}

.ui-datepicker-group .datetime-layout__inner-title {
    padding-top: 16px;
    margin-bottom: 0px
}

.ui-datepicker {
    width: 330px;
    text-align: center;
    background: #efefef;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0
}

@media screen and (max-width: 599px) {
    .ui-datepicker {
        width: 94%
    }
}

.ui-datepicker a {
    color: #4abfe6
}

.ui-datepicker-calendar {
    width: 90%;
    margin: 0 auto 16px;
    background: #fff
}

.ui-datepicker-calendar thead th {
    color: #999;
    padding: 10px 0;
    background: #ddd
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    font-size: 14px;
    text-align: center;
    font-family: Arial, sans-serif;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    width: 14.29%;
    border-collapse: collapse
}

.ui-datepicker-calendar td a {
    color: #333333;
    display: block;
    padding: 9px 0;
    border: 1px solid transparent
}

.ui-datepicker-calendar td a:hover {
    background-color: #60df52;
    border: 1px solid #60df52;
    color: #fff
}

.ui-datepicker-calendar td.ui-state-disabled {
    background: #f1f1f1;
    color: #ccc;
    padding: 10px 0
}

.ui-datepicker-calendar .ui-state-highlight {
    border: 1px solid #60df52;
    color: #999
}

.ui-datepicker-calendar .ui-state-active {
    background: #333333;
    color: #fff
}

.ui-spinner-input {
    width: 40px;
    text-align: center;
    font-size: 16px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none
}

.ui-spinner-button {
    border: 1px solid #666666;
    border-radius: 3px;
    padding: 7px 7px 6px;
    color: #666
}

.ui-icon-triangle-1-n, .ui-icon-triangle-1-s {
    display: none
}

.ui-spinner-up, .ui-spinner-down {
    cursor: pointer;
    font-family: FontAwesome
}

.ui-spinner-up {
    margin: 0 5px
}

.ui-spinner-up:after {
    content: "\f067";
    font-size: 16px
}

.ui-spinner-down:after {
    content: "\f068";
    font-size: 16px
}

.ui-spinner .ui-button-icon-space {
    display: none
}

.js-slider-gallery {
    background-color: rgba(0, 0, 0, 0.8)
}

.slider-gallery__cancel {
    font-size: 55px;
    text-align: right;
    padding-right: 20px
}

.slider-gallery__cancel a {
    color: #e9e9e9
}

.slider-gallery__cancel a:visited {
    color: #e9e9e9
}

.slider-gallery__cancel a:hover {
    color: #ddd
}

@media screen and (max-width: 991px) {
    .slider-gallery__cancel {
        padding: 0 10px 10px;
        font-size: 50px
    }
}

.slider-gallery-inner #slider {
    width: 80%;
    margin: -33px auto 0
}

@media screen and (max-width: 991px) {
    .slider-gallery-inner #slider {
        width: 100%;
        margin-top: 0px
    }
}

.slider-gallery-inner #carousel {
    width: 90%;
    margin: 0 auto
}

.slider-gallery-inner #carousel .slides li {
    border: 1px solid #000;
    padding-bottom: 0;
    margin-bottom: 0
}

.slider-gallery-inner #carousel .slides li img {
    vertical-align: bottom
}

.slider-gallery-inner #carousel .slides li.flex-active-slide {
    border: 1px solid #fff
}

.flexslider .top-slider__cover .slides {
    height: 100%
}

.flexslider .top-slider__cover .slides > li {
    height: 100%;
    background: #F5F5F5;
    position: static !important;
    background-size: 110% auto;
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width: 1200px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: 130% auto
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: 140% auto
    }
}

@media screen and (max-width: 991px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: 150% auto
    }
}

@media screen and (max-width: 599px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: auto 100%
    }
}

.flexslider .top-slider__cover .slides > li.flex-active-slide .top-slider__caption {
    display: block
}

@media screen and (min-width: 600px) and (max-width: 680px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: auto 100%;
        background-position: center 0
    }
}

.flexslider .top-slider__cover .slides img {
    height: auto;
    position: absolute;
    width: 120%;
    left: -10%
}

@media screen and (min-width: 1300px) {
    .flexslider .top-slider__cover .slides img {
        width: 100%;
        left: 0
    }
}

@media screen and (max-width: 1199px) {
    .flexslider .top-slider__cover .slides img {
        width: 132%;
        left: -16%
    }
}

@media screen and (max-width: 991px) {
    .flexslider .top-slider__cover .slides img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.flex-control-nav {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: -48px
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 12px;
    height: 12px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.flex-control-paging li a:hover {
    background: #333;
    background: black
}

.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    cursor: default
}

.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
    outline: none
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    margin: 0;
    padding: 0;
    position: relative
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flexslider .slides:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides > li:first-child {
    display: block
}

.flexslider {
    margin: 0;
    position: relative
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 50px;
    margin: -20px 0 0;
    position: absolute;
    top: 46%;
    z-index: 7;
    overflow: hidden;
    cursor: pointer;
    font-family: FontAwesome
}

@media screen and (max-width: 991px) {
    .flex-direction-nav a {
        width: 20px;
        height: 20px;
        top: 50%
    }
}

.flex-direction-nav a:before {
    font-size: 50px;
    display: inline-block;
    content: "\f053";
    opacity: 0.7;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    color: #fff
}

@media screen and (max-width: 991px) {
    .flex-direction-nav a:before {
        font-size: 20px
    }
}

.flex-direction-nav a.flex-next:before {
    content: "\f054"
}

.flex-direction-nav .flex-prev {
    left: -70px
}

@media screen and (max-width: 991px) {
    .flex-direction-nav .flex-prev {
        left: 10px
    }
}

.flex-direction-nav .flex-next {
    right: -70px;
    text-align: right
}

@media screen and (max-width: 991px) {
    .flex-direction-nav .flex-next {
        right: 10px
    }
}

#carousel .slides {
    overflow: hidden
}

#carousel .slides img {
    height: 100%;
    width: auto
}

#carousel .slides li {
    width: 75px;
    height: 50px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    cursor: pointer
}

#carousel .slides li:hover {
    opacity: 0.8
}

#carousel .flex-direction-nav a {
    width: 25px;
    height: 25px;
    top: 70%
}

#carousel .flex-direction-nav a:before {
    font-size: 25px
}

#carousel .flex-prev {
    left: -40px
}

#carousel .flex-next {
    right: -40px
}

@media screen and (max-width: 991px) {
    #carousel {
        display: none
    }
}

.flex-direction-nav .flex-disabled {
    opacity: 0.2 !important;
    filter: alpha(opacity=0.2);
    cursor: default
}

.flex-caption {
    width: 100%;
    padding: 28px 0 0 0;
    position: relative;
    margin-bottom: 6px
}

@media screen and (max-width: 991px) {
    .flex-caption {
        width: 96%;
        margin: 10px auto 0;
        padding: 0
    }
}

.flex-caption p {
    color: #fff;
    position: absolute;
    bottom: 0;
    line-height: 1.5;
    text-shadow: 0 1px 1px #333;
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .flex-caption p {
        bottom: auto;
        margin: 0;
        font-size: 13px
    }
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*! Hint.css - v2.4.1 - 2016-11-08
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour */
[class*="hint--"] {
    position: relative;
    display: inline-block
}

[class*="hint--"]:before, [class*="hint--"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms
}

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1
}

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms
}

[class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001
}

[class*="hint--"]:after {
    background: #383838;
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap
}

[class*="hint--"][aria-label]:after {
    content: attr(aria-label)
}

[class*="hint--"][data-hint]:after {
    content: attr(data-hint)
}

[aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after {
    display: none !important
}

.hint--top-left:before {
    border-top-color: #383838
}

.hint--top-right:before {
    border-top-color: #383838
}

.hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before {
    border-bottom-color: #383838
}

.hint--bottom-right:before {
    border-bottom-color: #383838
}

.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--left:before {
    border-left-color: #383838
}

.hint--right:before {
    border-right-color: #383838
}

.hint--top:before {
    margin-bottom: -11px
}

.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    left: calc(50% - 6px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
    margin-top: -11px
}

.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    left: calc(50% - 6px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:before {
    margin-bottom: -11px
}

.hint--top-left:before, .hint--top-left:after {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    left: calc(50% - 6px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--top-left:after {
    margin-left: 12px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
    margin-bottom: -11px
}

.hint--top-right:before, .hint--top-right:after {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    left: calc(50% - 6px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.hint--top-right:after {
    margin-left: -12px
}

.hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-right:hover:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:before {
    margin-top: -11px
}

.hint--bottom-left:before, .hint--bottom-left:after {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hint--bottom-left:after {
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
    margin-top: -11px
}

.hint--bottom-right:before, .hint--bottom-right:after {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.hint--bottom-right:after {
    margin-left: -12px
}

.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-right:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--small:after, .hint--medium:after, .hint--large:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

[class*="hint--"]:after {
    text-shadow: 0 -1px 0px black
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0px #592726
}

.hint--error.hint--top-left:before {
    border-top-color: #b34e4d
}

.hint--error.hint--top-right:before {
    border-top-color: #b34e4d
}

.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--bottom-right:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0px #6c5328
}

.hint--warning.hint--top-left:before {
    border-top-color: #c09854
}

.hint--warning.hint--top-right:before {
    border-top-color: #c09854
}

.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--bottom-right:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0px #1a3c4d
}

.hint--info.hint--top-left:before {
    border-top-color: #3986ac
}

.hint--info.hint--top-right:before {
    border-top-color: #3986ac
}

.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--bottom-right:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0px #1a321a
}

.hint--success.hint--top-left:before {
    border-top-color: #458746
}

.hint--success.hint--top-right:before {
    border-top-color: #458746
}

.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom-left:before {
    border-bottom-color: #458746
}

.hint--success.hint--bottom-right:before {
    border-bottom-color: #458746
}

.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-right:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-right:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--left:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--always.hint--right:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 3px
}

.hint--no-animate:before, .hint--no-animate:after {
    -webkit-transition-duration: 0ms;
    -moz-transition-duration: 0ms;
    transition-duration: 0ms
}

.hint--bounce:before, .hint--bounce:after {
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24)
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url("//cdn.spacemarket.net/assets/font-awesome/fontawesome-webfont-7d3c324a76e99e67b34c70d94983b93e.eot?v=4.7.0");
    src: url("//cdn.spacemarket.net/assets/font-awesome/fontawesome-webfont-7d3c324a76e99e67b34c70d94983b93e.eot?v=4.7.0#iefix") format("embedded-opentype"), url("//cdn.spacemarket.net/assets/font-awesome/fontawesome-webfont-f47a2843b6cc5e6829c6328f3064e86b.woff2?v=4.7.0") format("woff2"), url("//cdn.spacemarket.net/assets/font-awesome/fontawesome-webfont-1fc6de5216222345ed72cdb305cee83c.woff?v=4.7.0") format("woff"), url("//cdn.spacemarket.net/assets/font-awesome/fontawesome-webfont-c3893ac3e3ddd276206374075552c8ad.ttf?v=4.7.0") format("truetype"), url("//cdn.spacemarket.net/assets/font-awesome/fontawesome-webfont-5f1858be461498c512ceb9e798c39035.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: white
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@media screen and (max-width: 767px) {
    .btn__small {
        padding: 13px 16px;
        font-size: 14px
    }
}

@media screen and (min-width: 768px) {
    .btn__small {
        padding: 10px 16px;
        font-size: 13px
    }
}

.btn__medium {
    font-size: 14px
}

@media screen and (max-width: 767px) {
    .btn__medium {
        padding: 15px 16px
    }
}

@media screen and (min-width: 768px) {
    .btn__medium {
        padding: 13px 16px
    }
}

.btn__large {
    padding: 16px 24px;
    font-size: 16px
}

.btn__style {
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    color: #fff
}

@media screen and (max-width: 767px) {
    .btn__style {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .btn__style {
        display: inline-block
    }
}

.textlink-arrow {
    font-weight: bold;
    position: relative;
    padding-right: 1em
}

.textlink-arrow:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 5px
}

@media screen and (min-width: 768px) {
    .textlink-arrow:hover {
        text-decoration: underline
    }
}

.topics__social {
    max-width: 720px;
    margin: auto;
    display: flex
}

.topics__social .topics__social-item {
    width: 25%;
    margin: 4px;
    line-height: 1.6
}

.topics__social a {
    display: block;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    padding: 8px;
    border-radius: 3px
}

@media screen and (max-width: 767px) {
    .topics__social {
        margin-bottom: 32px;
        padding: 0 8px
    }

    .topics__social a {
        padding: 4px
    }
}

@media screen and (min-width: 768px) {
    .topics__social {
        margin-bottom: 56px
    }
}

.social-link__mail {
    background: #55acee
}

.social-link__line {
    background: #00b900
}

.social-link__line i {
    font-size: 22px;
    position: relative;
    top: 0.1em
}

.social-link__line:hover {
    background: #00A600
}

.social-link__facebook {
    background: #3b5998
}

.social-link__facebook:hover {
    background: #344F88
}

.social-link__twitter {
    background: #55acee
}

.social-link__twitter:hover {
    background: #4C9AD5
}

.social-link__pocket {
    background: #ef4056
}

.social-link__pocket:hover {
    background: #D6384D
}

.cl_blue {
    color: #4abfe6
}

.cl_pink {
    color: #dc4d6f
}

.bg_blue {
    background: #4abfe6
}

.bg_pink {
    background: #dc4d6f
}

.bg_black {
    background: #333333
}

@media screen and (min-width: 768px) {
    a.bg_blue:hover, button.bg_blue:hover, input.bg_blue:hover {
        background: #42a9cc
    }
}

@media screen and (min-width: 768px) {
    a.bg_pink:hover, button.bg_pink:hover, input.bg_pink:hover {
        background: #b82346
    }
}

@media screen and (min-width: 768px) {
    a.bg_white:hover, button.bg_white:hover, input.bg_white:hover {
        background: #f6f6f6
    }
}

@media screen and (min-width: 768px) {
    a.bg_black:hover, button.bg_black:hover, input.bg_black:hover {
        background: #777777
    }
}

@-webkit-keyframes opacityAnim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}

@-moz-keyframes opacityAnim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}

@-o-keyframes opacityAnim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}

@keyframes opacityAnim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}

@-webkit-keyframes opacityAnimBase {
    0% {
        opacity: 0.6
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes opacityAnimBase {
    0% {
        opacity: 0.6
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes opacityAnimBase {
    0% {
        opacity: 0.6
    }
    100% {
        opacity: 1
    }
}

@keyframes opacityAnimBase {
    0% {
        opacity: 0.6
    }
    100% {
        opacity: 1
    }
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

#owner_welcome_form {
    width: 730px
}

@media screen and (max-width: 640px) {
    #owner_welcome_form {
        width: 300px;
        margin: 0 auto
    }
}

#owner_welcome_form > header {
    padding: 30px;
    text-align: center
}

#owner_welcome_form > header h3 {
    font-size: fz(24);
    font-weight: normal;
    margin-bottom: 20px
}

#owner_welcome_form > header p {
    font-size: fz(18)
}

#owner_welcome_form > header i {
    text-indent: -9999px;
    display: block;
    margin: 0 auto 20px;
    width: 54px;
    height: 64px;
    background: url("//cdn.spacemarket.net/assets/common/icon_spacemarket-92a9204dbe60b62f2bef9be8017713bc.png") no-repeat
}

#owner_welcome_form div.steps_advertising header {
    margin: 20px 0 20px;
    position: relative;
    border-top: 1px solid #ddd;
    text-align: center
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.steps_advertising header {
        margin-bottom: 0px
    }
}

#owner_welcome_form div.steps_advertising header h3 {
    display: inline;
    top: -20px;
    padding: 0 20px;
    position: relative;
    background: #fff;
    width: 100%;
    font-size: fz(24);
    font-weight: normal
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.steps_advertising header h3 {
        font-size: fz(18);
        top: -10px
    }
}

#owner_welcome_form div.steps_finish {
    margin: 0 30px 20px;
    padding: 10px 0px 10px 20px;
    background: #f4f5f2
}

#owner_welcome_form div.steps_finish h4 {
    float: left;
    padding: 10px 15px;
    margin: 0 15px 0 0;
    background: #fff;
    font-size: fz(18)
}

#owner_welcome_form div.steps_finish p {
    padding-top: 5px
}

@media (max-width: 640px) {
    #owner_welcome_form div.steps_finish {
        margin: 0;
        padding: 10px
    }

    #owner_welcome_form div.steps_finish h4 {
        margin: 0 0 10px 0;
        float: none
    }
}

#owner_welcome_form div.steps_advertising {
    margin: 0 30px 30px;
    padding: 20px 0px 30px 20px;
    background: #f4f5f2;
    position: relative
}

#owner_welcome_form div.steps_advertising:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -20px;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -15px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 36px solid #f4f5f2
}

#owner_welcome_form div.steps_advertising:before {
    border-top-width: 15px;
    margin-left: -20px
}

@media (max-width: 640px) {
    #owner_welcome_form div.steps_advertising {
        margin: -10px 0 20px 0;
        padding: 10px
    }
}

#owner_welcome_form div.steps_advertising ul {
    margin-right: 0px
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.steps_advertising ul {
        margin-right: 0
    }
}

#owner_welcome_form div.steps_advertising ul li {
    float: left;
    width: 25%
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.steps_advertising ul li {
        position: relative;
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 1px;
        background: #ffffff;
        position: relative
    }

    #owner_welcome_form div.steps_advertising ul li:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-top: -8px;
        left: 50%;
        right: auto;
        top: auto;
        bottom: -13px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 14.4px solid white
    }

    #owner_welcome_form div.steps_advertising ul li:before {
        margin-left: -8px
    }
}

#owner_welcome_form div.steps_advertising ul li h4 {
    background: #ffffff;
    font-size: fz(14);
    padding: 15px 10px;
    margin-right: 20px;
    line-height: 20px;
    position: relative
}

#owner_welcome_form div.steps_advertising ul li h4:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -8px;
    left: auto;
    right: -13px;
    top: 50%;
    bottom: auto;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14.4px solid white
}

@media (max-width: 640px) {
    #owner_welcome_form div.steps_advertising ul li h4 {
        font-size: fz(16);
        background: none;
        text-align: center;
        padding: 10px 10px 0;
        margin-right: 0;
        margin-bottom: 10px
    }

    #owner_welcome_form div.steps_advertising ul li h4:before {
        display: none !important
    }
}

#owner_welcome_form div.steps_advertising ul li h4 b {
    margin-left: 5px;
    font-size: fz(10)
}

#owner_welcome_form div.steps_advertising ul li p {
    margin-right: 20px
}

@media (max-width: 640px) {
    #owner_welcome_form div.steps_advertising ul li p {
        text-align: center;
        padding: 0 10px 10px;
        margin-right: 0
    }
}

#owner_welcome_form div.steps_advertising ul li.done h4 {
    background-color: #d5d6d1;
    color: #fff
}

#owner_welcome_form div.steps_advertising ul li.done h4 span, #owner_welcome_form div.steps_advertising ul li.done h4 b {
    position: relative;
    z-index: 10
}

#owner_welcome_form div.steps_advertising ul li.done h4:after {
    position: absolute;
    color: #999;
    left: 50%;
    top: 8px;
    margin-left: -18px;
    font: normal normal normal 36px FontAwesome;
    content: "\f00c";
    z-index: 1
}

#owner_welcome_form div.steps_advertising ul li.done h4:before {
    border-left-color: #d5d6d1
}

@media (max-width: 640px) {
    #owner_welcome_form div.steps_advertising ul li.done {
        background-color: #d5d6d1
    }

    #owner_welcome_form div.steps_advertising ul li.done:before {
        border-top-color: #d5d6d1
    }

    #owner_welcome_form div.steps_advertising ul li.done h4 {
        position: relative
    }

    #owner_welcome_form div.steps_advertising ul li.done h4:after {
        font-size: 20px;
        left: 10px;
        margin-left: 0
    }

    #owner_welcome_form div.steps_advertising ul li.done p {
        color: #fff
    }
}

#owner_welcome_form div.steps_advertising ul li.last-index {
    *margin-right: -10px
}

#owner_welcome_form div.steps_advertising ul li.last-index h4:before {
    display: none
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.steps_advertising ul li.last-index:before {
        display: none
    }
}

#owner_welcome_form div.recommendation {
    border-top: 1px solid #bbbcba;
    border-bottom: 1px solid #bbbcba;
    padding: 30px 40px 30px
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.recommendation {
        margin: 30px 0 30px;
        padding: 20px 20px 0
    }
}

#owner_welcome_form div.recommendation header {
    text-align: center
}

#owner_welcome_form div.recommendation header h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px 0 10px 60px;
    margin-bottom: 20px;
    min-height: 40px;
    font-size: fz(24);
    background: url("//cdn.spacemarket.net/assets/static/icon_bldg-c5493dfdd86aefb4012a5061827c0212.png") no-repeat left 0
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.recommendation header h3 {
        line-height: 1.2;
        font-size: fz(16);
        background-size: 30px auto;
        text-align: left;
        padding: 0 0 10px 40px;
        margin-bottom: 0
    }
}

#owner_welcome_form div.recommendation ul {
    margin-right: -10px;
    text-align: center
}

#owner_welcome_form div.recommendation ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%
}

#owner_welcome_form div.recommendation ul li a {
    margin-right: 10px;
    padding: 20px 20px !important;
    display: block;
    font-size: fz(18);
    text-align: center
}

#owner_welcome_form div.recommendation ul li p {
    color: #bab9b3;
    text-align: center;
    margin-bottom: 5px
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.recommendation ul li {
        width: auto;
        float: none;
        margin-bottom: 15px
    }
}

#owner_welcome_form div.recommendation ul li.btn_register a {
    text-align: center;
    color: white;
    padding: 11px 0;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #20aadd
}

#owner_welcome_form div.recommendation ul li.btn_register a i {
    display: block;
    margin: 0 auto;
    font-weight: bold;
    font-size: fz(18)
}

#owner_welcome_form div.recommendation ul li.btn_register a[href]:hover {
    text-decoration: none;
    background-color: #1884ab
}

#owner_welcome_form div.recommendation ul li.btn_advertise a {
    text-align: center;
    color: white;
    padding: 11px 0;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #6dc91a
}

#owner_welcome_form div.recommendation ul li.btn_advertise a i {
    display: block;
    margin: 0 auto;
    font-weight: bold;
    font-size: fz(18)
}

#owner_welcome_form div.recommendation ul li.btn_advertise a[href]:hover {
    text-decoration: none;
    background-color: #519614
}

#owner_welcome_form div.recommendation div.btn_advertise {
    width: 50%;
    margin: 0 auto
}

#owner_welcome_form div.recommendation div.btn_advertise a {
    text-align: center;
    color: white;
    padding: 11px 0;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #6dc91a
}

#owner_welcome_form div.recommendation div.btn_advertise a i {
    display: block;
    margin: 0 auto;
    font-weight: bold;
    font-size: fz(18)
}

#owner_welcome_form div.recommendation div.btn_advertise a[href]:hover {
    text-decoration: none;
    background-color: #519614
}

#owner_welcome_form div.recommendation div.btn_advertise a {
    margin-right: 10px;
    padding: 20px 0 !important;
    display: block;
    font-size: fz(18);
    text-align: center
}

#owner_welcome_form div.recommendation div.btn_advertise p {
    color: #bab9b3;
    text-align: center;
    margin-bottom: 5px
}

@media screen and (max-width: 640px) {
    #owner_welcome_form div.recommendation div.btn_advertise {
        width: auto;
        float: none;
        margin-bottom: 15px
    }
}

#owner_welcome_form .close {
    padding: 20px
}

#owner_welcome_form .close p {
    font-size: fz(14);
    margin: 0 auto;
    width: 190px;
    height: auto
}

#owner_welcome_form .close p a {
    text-align: center;
    color: #72716d;
    padding: 11px 0;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #dfe0dc
}

#owner_welcome_form .close p a i {
    display: block;
    margin: 0 auto;
    font-weight: bold;
    font-size: fz(18)
}

#owner_welcome_form .close p a[href]:hover {
    text-decoration: none;
    background-color: #c5c7c3
}

#owner_welcome_form .close p a {
    padding: 7px 0 6px
}

@keyframes typeTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    100% {
        top: 35px;
        opacity: 1
    }
}

@keyframes evalTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    100% {
        top: 25px;
        opacity: 1
    }
}

@keyframes shareTooltipDown {
    0% {
        top: 0px;
        opacity: 0
    }
    100% {
        top: 25px;
        opacity: 1
    }
}

@keyframes directTooltipDown {
    0% {
        top: 18px;
        opacity: 0
    }
    100% {
        top: 28px;
        opacity: 1
    }
}

@keyframes favoritButton {
    0% {
        transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    3.4% {
        transform: matrix3d(0.863, 0, 0, 0, 0, 0.881, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.7% {
        transform: matrix3d(0.89, 0, 0, 0, 0, 0.92, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.81% {
        transform: matrix3d(0.932, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    9.41% {
        transform: matrix3d(0.977, 0, 0, 0, 0, 1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.21% {
        transform: matrix3d(0.988, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    13.61% {
        transform: matrix3d(1.025, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    14.11% {
        transform: matrix3d(1.028, 0, 0, 0, 0, 1.066, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    17.52% {
        transform: matrix3d(1.042, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    18.72% {
        transform: matrix3d(1.042, 0, 0, 0, 0, 1.037, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    21.32% {
        transform: matrix3d(1.039, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    24.32% {
        transform: matrix3d(1.03, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25.23% {
        transform: matrix3d(1.027, 0, 0, 0, 0, 0.988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.03% {
        transform: matrix3d(1.013, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.93% {
        transform: matrix3d(1.01, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    35.54% {
        transform: matrix3d(0.996, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    36.74% {
        transform: matrix3d(0.994, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    41.04% {
        transform: matrix3d(0.992, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    44.44% {
        transform: matrix3d(0.993, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    52.15% {
        transform: matrix3d(0.998, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    59.86% {
        transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    63.26% {
        transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75.28% {
        transform: matrix3d(1, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    85.49% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    90.69% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

body.js-split-view {
    overflow-y: hidden
}

.js-scroller {
    overflow-y: auto
}

.js-scroller__overflow {
    -webkit-overflow-scrolling: touch
}

.js-spinner {
    text-align: center;
    margin: 20px auto
}

.js-empty {
    margin: 15px;
    font-size: 12px;
    color: #ccc;
    font-weight: normal;
    min-height: 20vh;
    text-align: center
}

.js-loading-row {
    border-top: 1px solid #f3f3f3;
    padding: 20px;
    color: #b3b3b4
}

body:not(.sp) .js-dashboard-main-table-footer {
    position: fixed;
    z-index: 99;
    bottom: 30px
}

.js-form-message {
    position: fixed;
    display: none;
    z-index: 1002
}

.site-header .baloon-inner {
    overflow: auto
}

.js-modal-wrapper {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0
}

.js-modal {
    background: #fff;
    opacity: 0.6;
    width: 100%;
    height: 100%
}

.maincol-lightbox {
    overflow: auto;
    position: fixed
}

.form-img-box__img a {
    display: block;
    height: 100%
}

.js-form-radio-select_message {
    display: none
}

.js-form-failed {
    color: #e95175;
    line-height: 1.5
}

.summary-total__box {
    margin-bottom: 20px
}

.js-line-camp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.js-line-camp-2 {
    display: -webkit-box;
    box-orient: vertical;
    line-clamp: 2;
    overflow: hidden
}

.js-line-camp-3 {
    display: -webkit-box;
    box-orient: vertical;
    line-clamp: 3;
    overflow: hidden
}

.js-maincol-lightbox__close {
    font-size: 30px;
    padding: 0px 0px 14px;
    text-align: right
}

.js-maincol-lightbox__close a {
    color: #b3b3b4
}

.js-marker {
    position: absolute;
    width: 110px
}

.js-image-keep-aspect {
    position: relative;
    width: 100%;
    overflow: hidden
}

.js-image-keep-aspect:before {
    content: "";
    display: block;
    padding-top: 66%
}

.js-image-keep-aspect__image {
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.site-footer__select {
    display: block
}

.site-footer__select:before {
    top: 20px
}

#google_translate_element select {
    width: 100%
}

.autocomplete-history__active, .autocomplete-suggest__active {
    background: #4abfe6;
    color: #fff
}

.js-space-expandable__active .space-expandable__continue {
    display: none
}

.js-space-expandable__active .space-expandable__area {
    height: auto;
    overflow: auto
}

.js-space-expandable__active .space-expandable__link {
    display: none
}

.js-system-header__notice {
    background: #60df52;
    padding: 16px;
    text-align: center;
    color: #fff
}

.js-system-header__notice a {
    color: #fff;
    text-decoration: underline
}

.js-system-header__notice .fa {
    margin-right: 4px
}

@media screen and (max-width: 767px) {
    .js-system-header__notice {
        position: absolute;
        top: 47px;
        z-index: 12;
        width: 100%
    }
}

.search-list__map {
    padding-bottom: 48px
}

.js-search-list__map-canvas {
    height: 100%;
    width: 100%
}

.js-search-list__map-pickup {
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%
}

.js-space__map-pickup {
    width: 100%
}

body.js-scroll__disable {
    position: fixed !important;
    width: 100% !important;
    overflow: hidden !important;
    z-index: 0
}

#js-site-header__fixed {
    z-index: 11
}

.js-daily-table {
    min-height: 300px
}

.js-monthly-table__container {
    min-height: 300px
}

.js-select__transparent {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

.datetime-layout__inner-day {
    width: 100% !important
}

.datetime-layout__inner-day .ui-datepicker-inline {
    width: auto !important
}

.js-search-box__option-last {
    padding-bottom: 100px
}

.js-search-box__button-area {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 65%;
    background: #ffffff
}

@media screen and (max-width: 767px) {
    .js-search-box__button-area {
        width: 100%
    }
}

.search-filter-mod {
    z-index: 12
}

@media screen and (max-width: 767px) {
    .search-filter-mod {
        top: 0px !important
    }
}

.mdl-textfield {
    width: 100% !important
}

.autocomplete-history__description {
    margin-left: 5px;
    font-size: 11px;
    color: #a0a0a0
}

.js-mobile-header-search__tranparent {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%
}

.search-list__head-description {
    margin-top: 12px;
    line-height: 1.5
}

.js-top-slide-image_0 {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_001-de3cc8cc4aa742ab6a2738264a25be76.jpg") !important
}

.js-top-slide-image_1 {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_002-27178037d26f5cb1579c69eed1474401.jpg") !important
}

.js-top-slide-image_2 {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_003-b41797c47aca134074bc56fadf22e701.jpg") !important
}

.js-top-slide-image_3 {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_004-a356c8ed69334e19a57c51367e6f2772.jpg") !important
}

.js-top-slide-image_class, .js-top-slide-image_meeting {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_meeting_001-f061562932f07781fc8c27dc65abea16.jpg") !important
}

.js-top-slide-image_party {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_party_001-1041513e13ce7784b792a7693c0ed970.jpg") !important
}

.js-top-slide-image_stay {
    background-image: url("//cdn.spacemarket.net/assets/service/top/hero_stay_001-d9e738716ddfc15eb17c9b5ccf106f12.jpg") !important
}

.js-slide-image-preloader {
    width: 0px;
    height: 0px;
    display: inline
}

.js-search-filter-mod-sub__mobile {
    top: 0;
    position: absolute;
    overflow: hidden;
    border: none;
    background: #F4F6F7;
    padding-bottom: 100px;
    min-height: 100%;
    z-index: 9
}

@media screen and (max-width: 1079px) {
    .js-search-filter-mod-sub__mobile {
        top: 252px
    }
}

@media screen and (max-width: 767px) {
    .js-search-filter-mod-sub__mobile {
        top: 252px;
        height: inherit
    }
}

.js-mobile-hourlist {
    overflow: auto
}

.url-copy-link {
    border-style: none;
    cursor: pointer
}

.js-site-header__message-menu--mobile {
    height: 100vh;
    width: 100vh
}

.js-list-fade-animation-enter {
    opacity: 0.01
}

.js-list-fade-animation-enter.js-list-fade-animation-enter-active {
    opacity: 1;
    transition: opacity 200ms ease-in
}

.js-list-fade-animation-leave {
    opacity: 1
}

.js-list-fade-animation-leave.js-list-fade-animation-leave-active {
    opacity: 0.01;
    transition: opacity 200ms ease-in
}

.js-initial-animation-appear {
    opacity: 0.01
}

.js-initial-animation-appear.js-initial-animation-appear-active {
    opacity: 1;
    transition: opacity .3s ease-in
}

.js-initial-animation-enter {
    opacity: 0.01
}

.js-initial-animation-enter.js-initial-animation-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in
}

.js-initial-animation-leave {
    opacity: 1
}

.js-initial-animation-leave-active {
    opacity: 0.01;
    transition: opacity .3s ease-in
}

.js-baloon-animation-enter {
    opacity: 0.01
}

.js-baloon-animation-enter.js-baloon-animation-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in .2s
}

.js-baloon-animation-leave {
    opacity: 1
}

.js-baloon-animation-leave-active {
    opacity: 0.01;
    transition: opacity .3s ease-in
}

.js-baloon-animation-appear {
    opacity: 0.01
}

.js-baloon-animation-appear.js-baloon-animation-appear-active {
    opacity: 1;
    transition: opacity .5s ease-in
}

.js-up-slide-animation-enter {
    transform: translateY(60px);
    transition: all .2s linear
}

.js-up-slide-animation-enter.js-up-slide-animation-enter-active {
    transform: translateY(0px);
    transition: all .2s linear
}

.js-up-slide-animation-leave {
    transform: translateY(0px);
    transition: all .2s linear
}

.js-up-slide-animation-leave.js-up-slide-animation-leave-active {
    transform: translateY(-60px);
    transition: all .2s linear
}

.js-down-slide-animation-enter {
    transform: translateY(-60px);
    transition: all .2s linear .2s
}

.js-down-slide-animation-enter.js-down-slide-animation-enter-active {
    transform: translateY(0px);
    transition: all .2s linear .2s
}

.js-down-slide-animation-leave {
    transform: translateY(0px);
    transition: all .2s linear .2s
}

.js-down-slide-animation-leave.js-down-slide-animation-leave-active {
    transform: translateY(60px);
    transition: all .2s linear .2s
}

.js-batch-animation-enter {
    opacity: 0;
    transition: all 0.01s linear .5s
}

.js-batch-animation-enter.js-batch-animation-enter-active {
    opacity: 1;
    transition: all 0.01s linear .5s
}

.js-batch-animation-leave {
    opacity: 0;
    transition: all 0.01s linear
}

.js-batch-animation-leave.js-batch-animation-leave-active {
    opacity: 0;
    transition: all 0.01s linear
}

.js-blind-animation-appear.js-blind-appear-active {
    opacity: 1
}

.js-blind-animation-enter {
    max-height: 0;
    transition: all .3s ease-in
}

.js-blind-animation-enter.js-blind-animation-enter-active {
    max-height: 1000px
}

.js-blind-animation-leave {
    max-height: 1000px;
    transition: all .3s ease-out
}

.js-blind-animation-leave.js-blind-animation-leave-active {
    max-height: 0
}

.js-favoritelist-animation-enter {
    opacity: 0.01
}

.js-favoritelist-animation-enter.js-favoritelist-animation-enter-active {
    opacity: 1;
    transition: opacity .2s ease-in .1s
}

.js-favoritelist-animation-leave {
    opacity: 1
}

.js-favoritelist-animation-leave-active {
    opacity: 0.01;
    transition: opacity .3s ease-in .1s
}

.js-room-attention-animation-enter {
    opacity: 0.01
}

.js-room-attention-animation-enter.js-room-attention-animation-enter-active {
    opacity: 1;
    transition: opacity 1s ease-in .1s
}

.js-room-attention-animation-leave {
    opacity: 1
}

.js-room-attention-animation-leave-active {
    opacity: 0.01;
    transition: opacity .3s ease-in .1s
}

.js-space-main__usage-graph-content {
    -moz-animation: bar-anime 1s ease-in;
    -webkit-animation: bar-anime 1s ease-in;
    animation: bar-anime 1s ease-in
}

@-webkit-keyframes bar-anime {
    0% {
        width: 0px
    }
}

@keyframes bar-anime {
    0% {
        width: 0px
    }
}

.md-perspective, .md-perspective body {
    height: 100%;
    overflow: hidden
}

.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2001;
    height: 100%;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden
}

@media screen and (max-width: 1079px) {
    .md-modal {
        width: 100%
    }
}

.md-modal-cover {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2001;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.md-show {
    visibility: visible
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 2000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-modal, .md-show.md-modal-cover {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible
}

.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-2 .md-content {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}

.md-show.md-effect-2 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-effect-4 .md-content {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.md-show.md-effect-4 ~ .md-overlay, .md-effect-4 .md-content {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-4 .md-content {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1
}

.md-effect-5.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.md-show.md-effect-5 .md-content {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translateZ(0px) rotateX(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg);
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1
}

.md-effect-6.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.md-show.md-effect-6 .md-content {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
    -moz-transform: translate(0%) translateZ(0) rotate(0deg);
    -ms-transform: translate(0%) translateZ(0) rotate(0deg);
    transform: translate(0%) translateZ(0) rotate(0deg);
    opacity: 1
}

.md-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.md-effect-7 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-7 .md-content {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.md-effect-8.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0
}

.md-show.md-effect-8 .md-content {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0
}

.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.md-effect-10.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-10 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.md-effect-11 .md-content {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-11 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-12 ~ .md-overlay {
    background: #e74c3c
}

.md-effect-12 .md-content h3, .md-effect-12 .md-content {
    background: transparent
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-13.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.md-show.md-effect-13 .md-content {
    -webkit-animation: slit .7s forwards ease-out;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }
    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

.md-effect-14.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    -moz-transform: translateY(100%) rotateX(90deg);
    -ms-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.md-show.md-effect-14 .md-content {
    -webkit-transform: translateY(0%) rotateX(0deg);
    -moz-transform: translateY(0%) rotateX(0deg);
    -ms-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
    opacity: 1
}

.md-effect-15.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-15 .md-content {
    -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1
}

.md-show.md-effect-16 ~ .md-overlay {
    background: rgba(180, 46, 32, 0.5)
}

.md-show.md-effect-16 ~ .container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}

.md-show.md-effect-16 ~ .container, .md-effect-16 .md-content {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-show.md-effect-17 ~ .container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s
}

.md-show.md-effect-17 ~ .container, .md-show.md-effect-17 ~ .md-overlay {
    -webkit-transform: rotateX(-2deg);
    -moz-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.md-effect-17 .md-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%)
}

.md-show.md-effect-17 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s
}

.md-show.md-effect-18 ~ .container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-18 ~ .md-overlay {
    background: rgba(143, 27, 15, 0.8);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-18 ~ .container, .md-show.md-effect-18 ~ .md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0% 50%;
    -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
    animation: rotateRightSideFirst 0.5s forwards ease-in
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateZ(-200px)
    }
}

@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: translateZ(-200px)
    }
}

@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }
    100% {
        transform: translateZ(-200px)
    }
}

.md-effect-18 .md-content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}

.md-show.md-effect-18 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s
}

.md-show.md-effect-19 ~ .container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-19 ~ .md-overlay {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-19 ~ .container, .md-show.md-effect-19 ~ .md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop 0.5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 100%;
    -moz-animation: OpenTop 0.5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop 0.5s forwards ease-in
}

@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out
    }
}

@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out
    }
}

@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out
    }
}

.md-effect-19 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}

.md-show.md-effect-19 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s
}

.md-effect-100 .md-content {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-100 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.md-effect-101 .md-content {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-101 .md-content {
    opacity: 1
}

.md-width-800 {
    width: 800px
}

@media screen and (max-width: 1079px) {
    .md-width-800 {
        width: 100%
    }
}

.mg-active-datapoint {
    fill: black;
    font-size: 0.9rem;
    font-weight: 400;
    opacity: 0.8
}

.mg-area1-color {
    fill: #0000ff
}

.mg-baselines line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px
}

.mg-baselines text {
    fill: black;
    font-size: 0.9rem;
    opacity: 0.6;
    stroke: none
}

.mg-baselines-small text {
    font-size: 0.6rem
}

.mg-header {
    cursor: default;
    font-size: 1.2rem
}

.mg-header .mg-chart-description {
    fill: #ccc;
    font-family: FontAwesome;
    font-size: 1.2rem
}

.mg-points circle {
    opacity: 0.85
}

.mg-popover {
    font-size: 0.95rem
}

.mg-popover-content {
    cursor: auto;
    line-height: 17px
}

.mg-y-axis line.mg-extended-y-ticks {
    opacity: 0.4
}

.mg-x-axis line.mg-extended-x-ticks {
    opacity: 0.4
}

.mg-line1-color {
    stroke: #4DC1F2;
    stroke-width: 2px
}

.mg-hover-line1-color {
    fill: #45C2E2
}

.mg-line-legend text {
    font-size: 0.9rem;
    font-weight: 300;
    stroke: none
}

.mg-line1-legend-color {
    color: #C7ECF5;
    fill: #C7ECF5
}

.mg-main-area-solid svg .mg-main-area {
    fill: #ccccff;
    opacity: 1
}

.mg-markers line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px
}

.mg-markers text {
    fill: black;
    font-size: 0.6rem;
    opacity: 0.6
}

.mg-missing-text {
    opacity: 0.9
}

.mg-missing-background {
    stroke: blue;
    fill: none;
    stroke-dasharray: 10, 5;
    stroke-opacity: 0.05;
    stroke-width: 2
}

.mg-missing .mg-main-line {
    opacity: 0.1
}

.mg-missing .mg-main-area {
    opacity: 0.03
}

path.mg-main-area {
    opacity: 0.2;
    stroke: none
}

path.mg-confidence-band {
    fill: #ccc;
    opacity: 0.4;
    stroke: none
}

path.mg-main-line {
    fill: none;
    opacity: 0.8;
    stroke-width: 1.1px
}

.mg-points circle {
    fill-opacity: 0.4;
    stroke-opacity: 1
}

circle.mg-points-mono {
    fill: #0000ff;
    stroke: #0000ff
}

.mg-voronoi path {
    fill: none;
    pointer-events: all;
    stroke: none;
    stroke-opacity: 0.1
}

.mg-x-rug-mono, .mg-y-rug-mono {
    stroke: black
}

.mg-x-axis line, .mg-y-axis line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #d1d1d1;
    stroke-width: 0px
}

.mg-x-axis text, .mg-y-axis text, .mg-histogram .axis text {
    fill: #7c7c7c;
    font-size: 0.6rem;
    opacity: 1.0
}

.mg-year-marker text {
    fill: black;
    font-size: 0.7rem;
    opacity: 0.6;
    display: none
}

.mg-year-marker line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px
}

.mg-year-marker-small text {
    font-size: 0.6rem
}

.static-text-step {
    text-align: left;
    background: #f4f4f4;
    padding: 20px;
    margin-top: 20px;
}