html {
    color: rgba(0,0,0, 0.87);
    font-size: 1em;
    line-height: 1.4
}

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

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

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

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

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

textarea {
    resize: vertical
}

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

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

.clearfix:after {
    clear: both
}

@media print {
    *,*:before,*:after,*:first-letter {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !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 {
    margin: 0;
    padding: 0
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54;
    font-size: 0.6em
}

h1 {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin-top: 24px;
    margin-bottom: 24px
}

h2 {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px
}

h3 {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 24px;
    margin-bottom: 24px
}

h4 {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 24px;
    margin-bottom: 16px
}

h5 {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-top: 24px;
    margin-bottom: 16px
}

h6 {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin-top: 24px;
    margin-bottom: 16px
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 16px
}

a {
    color: rgb(230,74,25);
    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: 0.08em
}

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

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

mark {
    background-color: #f4ff81
}

dt {
    font-weight: 700
}

address {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal
}

ul,ol {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.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: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em
}

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

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

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

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

.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    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: 24px;
    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: 24px;
    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: 24px;
    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: 24px;
    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: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mdl-color-text--red {
    color: rgb(244,67,54) !important
}

.mdl-color--red {
    background-color: rgb(244,67,54) !important
}

.mdl-color-text--red-50 {
    color: rgb(255,235,238) !important
}

.mdl-color--red-50 {
    background-color: rgb(255,235,238) !important
}

.mdl-color-text--red-100 {
    color: rgb(255,205,210) !important
}

.mdl-color--red-100 {
    background-color: rgb(255,205,210) !important
}

.mdl-color-text--red-200 {
    color: rgb(239,154,154) !important
}

.mdl-color--red-200 {
    background-color: rgb(239,154,154) !important
}

.mdl-color-text--red-300 {
    color: rgb(229,115,115) !important
}

.mdl-color--red-300 {
    background-color: rgb(229,115,115) !important
}

.mdl-color-text--red-400 {
    color: rgb(239,83,80) !important
}

.mdl-color--red-400 {
    background-color: rgb(239,83,80) !important
}

.mdl-color-text--red-500 {
    color: rgb(244,67,54) !important
}

.mdl-color--red-500 {
    background-color: rgb(244,67,54) !important
}

.mdl-color-text--red-600 {
    color: rgb(229,57,53) !important
}

.mdl-color--red-600 {
    background-color: rgb(229,57,53) !important
}

.mdl-color-text--red-700 {
    color: rgb(211,47,47) !important
}

.mdl-color--red-700 {
    background-color: rgb(211,47,47) !important
}

.mdl-color-text--red-800 {
    color: rgb(198,40,40) !important
}

.mdl-color--red-800 {
    background-color: rgb(198,40,40) !important
}

.mdl-color-text--red-900 {
    color: rgb(183,28,28) !important
}

.mdl-color--red-900 {
    background-color: rgb(183,28,28) !important
}

.mdl-color-text--red-A100 {
    color: rgb(255,138,128) !important
}

.mdl-color--red-A100 {
    background-color: rgb(255,138,128) !important
}

.mdl-color-text--red-A200 {
    color: rgb(255,82,82) !important
}

.mdl-color--red-A200 {
    background-color: rgb(255,82,82) !important
}

.mdl-color-text--red-A400 {
    color: rgb(255,23,68) !important
}

.mdl-color--red-A400 {
    background-color: rgb(255,23,68) !important
}

.mdl-color-text--red-A700 {
    color: rgb(213,0,0) !important
}

.mdl-color--red-A700 {
    background-color: rgb(213,0,0) !important
}

.mdl-color-text--pink {
    color: rgb(233,30,99) !important
}

.mdl-color--pink {
    background-color: rgb(233,30,99) !important
}

.mdl-color-text--pink-50 {
    color: rgb(252,228,236) !important
}

.mdl-color--pink-50 {
    background-color: rgb(252,228,236) !important
}

.mdl-color-text--pink-100 {
    color: rgb(248,187,208) !important
}

.mdl-color--pink-100 {
    background-color: rgb(248,187,208) !important
}

.mdl-color-text--pink-200 {
    color: rgb(244,143,177) !important
}

.mdl-color--pink-200 {
    background-color: rgb(244,143,177) !important
}

.mdl-color-text--pink-300 {
    color: rgb(240,98,146) !important
}

.mdl-color--pink-300 {
    background-color: rgb(240,98,146) !important
}

.mdl-color-text--pink-400 {
    color: rgb(236,64,122) !important
}

.mdl-color--pink-400 {
    background-color: rgb(236,64,122) !important
}

.mdl-color-text--pink-500 {
    color: rgb(233,30,99) !important
}

.mdl-color--pink-500 {
    background-color: rgb(233,30,99) !important
}

.mdl-color-text--pink-600 {
    color: rgb(216,27,96) !important
}

.mdl-color--pink-600 {
    background-color: rgb(216,27,96) !important
}

.mdl-color-text--pink-700 {
    color: rgb(194,24,91) !important
}

.mdl-color--pink-700 {
    background-color: rgb(194,24,91) !important
}

.mdl-color-text--pink-800 {
    color: rgb(173,20,87) !important
}

.mdl-color--pink-800 {
    background-color: rgb(173,20,87) !important
}

.mdl-color-text--pink-900 {
    color: rgb(136,14,79) !important
}

.mdl-color--pink-900 {
    background-color: rgb(136,14,79) !important
}

.mdl-color-text--pink-A100 {
    color: rgb(255,128,171) !important
}

.mdl-color--pink-A100 {
    background-color: rgb(255,128,171) !important
}

.mdl-color-text--pink-A200 {
    color: rgb(255,64,129) !important
}

.mdl-color--pink-A200 {
    background-color: rgb(255,64,129) !important
}

.mdl-color-text--pink-A400 {
    color: rgb(245,0,87) !important
}

.mdl-color--pink-A400 {
    background-color: rgb(245,0,87) !important
}

.mdl-color-text--pink-A700 {
    color: rgb(197,17,98) !important
}

.mdl-color--pink-A700 {
    background-color: rgb(197,17,98) !important
}

.mdl-color-text--purple {
    color: rgb(156,39,176) !important
}

.mdl-color--purple {
    background-color: rgb(156,39,176) !important
}

.mdl-color-text--purple-50 {
    color: rgb(243,229,245) !important
}

.mdl-color--purple-50 {
    background-color: rgb(243,229,245) !important
}

.mdl-color-text--purple-100 {
    color: rgb(225,190,231) !important
}

.mdl-color--purple-100 {
    background-color: rgb(225,190,231) !important
}

.mdl-color-text--purple-200 {
    color: rgb(206,147,216) !important
}

.mdl-color--purple-200 {
    background-color: rgb(206,147,216) !important
}

.mdl-color-text--purple-300 {
    color: rgb(186,104,200) !important
}

.mdl-color--purple-300 {
    background-color: rgb(186,104,200) !important
}

.mdl-color-text--purple-400 {
    color: rgb(171,71,188) !important
}

.mdl-color--purple-400 {
    background-color: rgb(171,71,188) !important
}

.mdl-color-text--purple-500 {
    color: rgb(156,39,176) !important
}

.mdl-color--purple-500 {
    background-color: rgb(156,39,176) !important
}

.mdl-color-text--purple-600 {
    color: rgb(142,36,170) !important
}

.mdl-color--purple-600 {
    background-color: rgb(142,36,170) !important
}

.mdl-color-text--purple-700 {
    color: rgb(123,31,162) !important
}

.mdl-color--purple-700 {
    background-color: rgb(123,31,162) !important
}

.mdl-color-text--purple-800 {
    color: rgb(106,27,154) !important
}

.mdl-color--purple-800 {
    background-color: rgb(106,27,154) !important
}

.mdl-color-text--purple-900 {
    color: rgb(74,20,140) !important
}

.mdl-color--purple-900 {
    background-color: rgb(74,20,140) !important
}

.mdl-color-text--purple-A100 {
    color: rgb(234,128,252) !important
}

.mdl-color--purple-A100 {
    background-color: rgb(234,128,252) !important
}

.mdl-color-text--purple-A200 {
    color: rgb(224,64,251) !important
}

.mdl-color--purple-A200 {
    background-color: rgb(224,64,251) !important
}

.mdl-color-text--purple-A400 {
    color: rgb(213,0,249) !important
}

.mdl-color--purple-A400 {
    background-color: rgb(213,0,249) !important
}

.mdl-color-text--purple-A700 {
    color: rgb(170,0,255) !important
}

.mdl-color--purple-A700 {
    background-color: rgb(170,0,255) !important
}

.mdl-color-text--deep-purple {
    color: rgb(103,58,183) !important
}

.mdl-color--deep-purple {
    background-color: rgb(103,58,183) !important
}

.mdl-color-text--deep-purple-50 {
    color: rgb(237,231,246) !important
}

.mdl-color--deep-purple-50 {
    background-color: rgb(237,231,246) !important
}

.mdl-color-text--deep-purple-100 {
    color: rgb(209,196,233) !important
}

.mdl-color--deep-purple-100 {
    background-color: rgb(209,196,233) !important
}

.mdl-color-text--deep-purple-200 {
    color: rgb(179,157,219) !important
}

.mdl-color--deep-purple-200 {
    background-color: rgb(179,157,219) !important
}

.mdl-color-text--deep-purple-300 {
    color: rgb(149,117,205) !important
}

.mdl-color--deep-purple-300 {
    background-color: rgb(149,117,205) !important
}

.mdl-color-text--deep-purple-400 {
    color: rgb(126,87,194) !important
}

.mdl-color--deep-purple-400 {
    background-color: rgb(126,87,194) !important
}

.mdl-color-text--deep-purple-500 {
    color: rgb(103,58,183) !important
}

.mdl-color--deep-purple-500 {
    background-color: rgb(103,58,183) !important
}

.mdl-color-text--deep-purple-600 {
    color: rgb(94,53,177) !important
}

.mdl-color--deep-purple-600 {
    background-color: rgb(94,53,177) !important
}

.mdl-color-text--deep-purple-700 {
    color: rgb(81,45,168) !important
}

.mdl-color--deep-purple-700 {
    background-color: rgb(81,45,168) !important
}

.mdl-color-text--deep-purple-800 {
    color: rgb(69,39,160) !important
}

.mdl-color--deep-purple-800 {
    background-color: rgb(69,39,160) !important
}

.mdl-color-text--deep-purple-900 {
    color: rgb(49,27,146) !important
}

.mdl-color--deep-purple-900 {
    background-color: rgb(49,27,146) !important
}

.mdl-color-text--deep-purple-A100 {
    color: rgb(179,136,255) !important
}

.mdl-color--deep-purple-A100 {
    background-color: rgb(179,136,255) !important
}

.mdl-color-text--deep-purple-A200 {
    color: rgb(124,77,255) !important
}

.mdl-color--deep-purple-A200 {
    background-color: rgb(124,77,255) !important
}

.mdl-color-text--deep-purple-A400 {
    color: rgb(101,31,255) !important
}

.mdl-color--deep-purple-A400 {
    background-color: rgb(101,31,255) !important
}

.mdl-color-text--deep-purple-A700 {
    color: rgb(98,0,234) !important
}

.mdl-color--deep-purple-A700 {
    background-color: rgb(98,0,234) !important
}

.mdl-color-text--indigo {
    color: rgb(63,81,181) !important
}

.mdl-color--indigo {
    background-color: rgb(63,81,181) !important
}

.mdl-color-text--indigo-50 {
    color: rgb(232,234,246) !important
}

.mdl-color--indigo-50 {
    background-color: rgb(232,234,246) !important
}

.mdl-color-text--indigo-100 {
    color: rgb(197,202,233) !important
}

.mdl-color--indigo-100 {
    background-color: rgb(197,202,233) !important
}

.mdl-color-text--indigo-200 {
    color: rgb(159,168,218) !important
}

.mdl-color--indigo-200 {
    background-color: rgb(159,168,218) !important
}

.mdl-color-text--indigo-300 {
    color: rgb(121,134,203) !important
}

.mdl-color--indigo-300 {
    background-color: rgb(121,134,203) !important
}

.mdl-color-text--indigo-400 {
    color: rgb(92,107,192) !important
}

.mdl-color--indigo-400 {
    background-color: rgb(92,107,192) !important
}

.mdl-color-text--indigo-500 {
    color: rgb(63,81,181) !important
}

.mdl-color--indigo-500 {
    background-color: rgb(63,81,181) !important
}

.mdl-color-text--indigo-600 {
    color: rgb(57,73,171) !important
}

.mdl-color--indigo-600 {
    background-color: rgb(57,73,171) !important
}

.mdl-color-text--indigo-700 {
    color: rgb(48,63,159) !important
}

.mdl-color--indigo-700 {
    background-color: rgb(48,63,159) !important
}

.mdl-color-text--indigo-800 {
    color: rgb(40,53,147) !important
}

.mdl-color--indigo-800 {
    background-color: rgb(40,53,147) !important
}

.mdl-color-text--indigo-900 {
    color: rgb(26,35,126) !important
}

.mdl-color--indigo-900 {
    background-color: rgb(26,35,126) !important
}

.mdl-color-text--indigo-A100 {
    color: rgb(140,158,255) !important
}

.mdl-color--indigo-A100 {
    background-color: rgb(140,158,255) !important
}

.mdl-color-text--indigo-A200 {
    color: rgb(83,109,254) !important
}

.mdl-color--indigo-A200 {
    background-color: rgb(83,109,254) !important
}

.mdl-color-text--indigo-A400 {
    color: rgb(61,90,254) !important
}

.mdl-color--indigo-A400 {
    background-color: rgb(61,90,254) !important
}

.mdl-color-text--indigo-A700 {
    color: rgb(48,79,254) !important
}

.mdl-color--indigo-A700 {
    background-color: rgb(48,79,254) !important
}

.mdl-color-text--blue {
    color: rgb(33,150,243) !important
}

.mdl-color--blue {
    background-color: rgb(33,150,243) !important
}

.mdl-color-text--blue-50 {
    color: rgb(227,242,253) !important
}

.mdl-color--blue-50 {
    background-color: rgb(227,242,253) !important
}

.mdl-color-text--blue-100 {
    color: rgb(187,222,251) !important
}

.mdl-color--blue-100 {
    background-color: rgb(187,222,251) !important
}

.mdl-color-text--blue-200 {
    color: rgb(144,202,249) !important
}

.mdl-color--blue-200 {
    background-color: rgb(144,202,249) !important
}

.mdl-color-text--blue-300 {
    color: rgb(100,181,246) !important
}

.mdl-color--blue-300 {
    background-color: rgb(100,181,246) !important
}

.mdl-color-text--blue-400 {
    color: rgb(66,165,245) !important
}

.mdl-color--blue-400 {
    background-color: rgb(66,165,245) !important
}

.mdl-color-text--blue-500 {
    color: rgb(33,150,243) !important
}

.mdl-color--blue-500 {
    background-color: rgb(33,150,243) !important
}

.mdl-color-text--blue-600 {
    color: rgb(30,136,229) !important
}

.mdl-color--blue-600 {
    background-color: rgb(30,136,229) !important
}

.mdl-color-text--blue-700 {
    color: rgb(25,118,210) !important
}

.mdl-color--blue-700 {
    background-color: rgb(25,118,210) !important
}

.mdl-color-text--blue-800 {
    color: rgb(21,101,192) !important
}

.mdl-color--blue-800 {
    background-color: rgb(21,101,192) !important
}

.mdl-color-text--blue-900 {
    color: rgb(13,71,161) !important
}

.mdl-color--blue-900 {
    background-color: rgb(13,71,161) !important
}

.mdl-color-text--blue-A100 {
    color: rgb(130,177,255) !important
}

.mdl-color--blue-A100 {
    background-color: rgb(130,177,255) !important
}

.mdl-color-text--blue-A200 {
    color: rgb(68,138,255) !important
}

.mdl-color--blue-A200 {
    background-color: rgb(68,138,255) !important
}

.mdl-color-text--blue-A400 {
    color: rgb(41,121,255) !important
}

.mdl-color--blue-A400 {
    background-color: rgb(41,121,255) !important
}

.mdl-color-text--blue-A700 {
    color: rgb(41,98,255) !important
}

.mdl-color--blue-A700 {
    background-color: rgb(41,98,255) !important
}

.mdl-color-text--light-blue {
    color: rgb(3,169,244) !important
}

.mdl-color--light-blue {
    background-color: rgb(3,169,244) !important
}

.mdl-color-text--light-blue-50 {
    color: rgb(225,245,254) !important
}

.mdl-color--light-blue-50 {
    background-color: rgb(225,245,254) !important
}

.mdl-color-text--light-blue-100 {
    color: rgb(179,229,252) !important
}

.mdl-color--light-blue-100 {
    background-color: rgb(179,229,252) !important
}

.mdl-color-text--light-blue-200 {
    color: rgb(129,212,250) !important
}

.mdl-color--light-blue-200 {
    background-color: rgb(129,212,250) !important
}

.mdl-color-text--light-blue-300 {
    color: rgb(79,195,247) !important
}

.mdl-color--light-blue-300 {
    background-color: rgb(79,195,247) !important
}

.mdl-color-text--light-blue-400 {
    color: rgb(41,182,246) !important
}

.mdl-color--light-blue-400 {
    background-color: rgb(41,182,246) !important
}

.mdl-color-text--light-blue-500 {
    color: rgb(3,169,244) !important
}

.mdl-color--light-blue-500 {
    background-color: rgb(3,169,244) !important
}

.mdl-color-text--light-blue-600 {
    color: rgb(3,155,229) !important
}

.mdl-color--light-blue-600 {
    background-color: rgb(3,155,229) !important
}

.mdl-color-text--light-blue-700 {
    color: rgb(2,136,209) !important
}

.mdl-color--light-blue-700 {
    background-color: rgb(2,136,209) !important
}

.mdl-color-text--light-blue-800 {
    color: rgb(2,119,189) !important
}

.mdl-color--light-blue-800 {
    background-color: rgb(2,119,189) !important
}

.mdl-color-text--light-blue-900 {
    color: rgb(1,87,155) !important
}

.mdl-color--light-blue-900 {
    background-color: rgb(1,87,155) !important
}

.mdl-color-text--light-blue-A100 {
    color: rgb(128,216,255) !important
}

.mdl-color--light-blue-A100 {
    background-color: rgb(128,216,255) !important
}

.mdl-color-text--light-blue-A200 {
    color: rgb(64,196,255) !important
}

.mdl-color--light-blue-A200 {
    background-color: rgb(64,196,255) !important
}

.mdl-color-text--light-blue-A400 {
    color: rgb(0,176,255) !important
}

.mdl-color--light-blue-A400 {
    background-color: rgb(0,176,255) !important
}

.mdl-color-text--light-blue-A700 {
    color: rgb(0,145,234) !important
}

.mdl-color--light-blue-A700 {
    background-color: rgb(0,145,234) !important
}

.mdl-color-text--cyan {
    color: rgb(0,188,212) !important
}

.mdl-color--cyan {
    background-color: rgb(0,188,212) !important
}

.mdl-color-text--cyan-50 {
    color: rgb(224,247,250) !important
}

.mdl-color--cyan-50 {
    background-color: rgb(224,247,250) !important
}

.mdl-color-text--cyan-100 {
    color: rgb(178,235,242) !important
}

.mdl-color--cyan-100 {
    background-color: rgb(178,235,242) !important
}

.mdl-color-text--cyan-200 {
    color: rgb(128,222,234) !important
}

.mdl-color--cyan-200 {
    background-color: rgb(128,222,234) !important
}

.mdl-color-text--cyan-300 {
    color: rgb(77,208,225) !important
}

.mdl-color--cyan-300 {
    background-color: rgb(77,208,225) !important
}

.mdl-color-text--cyan-400 {
    color: rgb(38,198,218) !important
}

.mdl-color--cyan-400 {
    background-color: rgb(38,198,218) !important
}

.mdl-color-text--cyan-500 {
    color: rgb(0,188,212) !important
}

.mdl-color--cyan-500 {
    background-color: rgb(0,188,212) !important
}

.mdl-color-text--cyan-600 {
    color: rgb(0,172,193) !important
}

.mdl-color--cyan-600 {
    background-color: rgb(0,172,193) !important
}

.mdl-color-text--cyan-700 {
    color: rgb(0,151,167) !important
}

.mdl-color--cyan-700 {
    background-color: rgb(0,151,167) !important
}

.mdl-color-text--cyan-800 {
    color: rgb(0,131,143) !important
}

.mdl-color--cyan-800 {
    background-color: rgb(0,131,143) !important
}

.mdl-color-text--cyan-900 {
    color: rgb(0,96,100) !important
}

.mdl-color--cyan-900 {
    background-color: rgb(0,96,100) !important
}

.mdl-color-text--cyan-A100 {
    color: rgb(132,255,255) !important
}

.mdl-color--cyan-A100 {
    background-color: rgb(132,255,255) !important
}

.mdl-color-text--cyan-A200 {
    color: rgb(24,255,255) !important
}

.mdl-color--cyan-A200 {
    background-color: rgb(24,255,255) !important
}

.mdl-color-text--cyan-A400 {
    color: rgb(0,229,255) !important
}

.mdl-color--cyan-A400 {
    background-color: rgb(0,229,255) !important
}

.mdl-color-text--cyan-A700 {
    color: rgb(0,184,212) !important
}

.mdl-color--cyan-A700 {
    background-color: rgb(0,184,212) !important
}

.mdl-color-text--teal {
    color: rgb(0,150,136) !important
}

.mdl-color--teal {
    background-color: rgb(0,150,136) !important
}

.mdl-color-text--teal-50 {
    color: rgb(224,242,241) !important
}

.mdl-color--teal-50 {
    background-color: rgb(224,242,241) !important
}

.mdl-color-text--teal-100 {
    color: rgb(178,223,219) !important
}

.mdl-color--teal-100 {
    background-color: rgb(178,223,219) !important
}

.mdl-color-text--teal-200 {
    color: rgb(128,203,196) !important
}

.mdl-color--teal-200 {
    background-color: rgb(128,203,196) !important
}

.mdl-color-text--teal-300 {
    color: rgb(77,182,172) !important
}

.mdl-color--teal-300 {
    background-color: rgb(77,182,172) !important
}

.mdl-color-text--teal-400 {
    color: rgb(38,166,154) !important
}

.mdl-color--teal-400 {
    background-color: rgb(38,166,154) !important
}

.mdl-color-text--teal-500 {
    color: rgb(0,150,136) !important
}

.mdl-color--teal-500 {
    background-color: rgb(0,150,136) !important
}

.mdl-color-text--teal-600 {
    color: rgb(0,137,123) !important
}

.mdl-color--teal-600 {
    background-color: rgb(0,137,123) !important
}

.mdl-color-text--teal-700 {
    color: rgb(0,121,107) !important
}

.mdl-color--teal-700 {
    background-color: rgb(0,121,107) !important
}

.mdl-color-text--teal-800 {
    color: rgb(0,105,92) !important
}

.mdl-color--teal-800 {
    background-color: rgb(0,105,92) !important
}

.mdl-color-text--teal-900 {
    color: rgb(0,77,64) !important
}

.mdl-color--teal-900 {
    background-color: rgb(0,77,64) !important
}

.mdl-color-text--teal-A100 {
    color: rgb(167,255,235) !important
}

.mdl-color--teal-A100 {
    background-color: rgb(167,255,235) !important
}

.mdl-color-text--teal-A200 {
    color: rgb(100,255,218) !important
}

.mdl-color--teal-A200 {
    background-color: rgb(100,255,218) !important
}

.mdl-color-text--teal-A400 {
    color: rgb(29,233,182) !important
}

.mdl-color--teal-A400 {
    background-color: rgb(29,233,182) !important
}

.mdl-color-text--teal-A700 {
    color: rgb(0,191,165) !important
}

.mdl-color--teal-A700 {
    background-color: rgb(0,191,165) !important
}

.mdl-color-text--green {
    color: rgb(76,175,80) !important
}

.mdl-color--green {
    background-color: rgb(76,175,80) !important
}

.mdl-color-text--green-50 {
    color: rgb(232,245,233) !important
}

.mdl-color--green-50 {
    background-color: rgb(232,245,233) !important
}

.mdl-color-text--green-100 {
    color: rgb(200,230,201) !important
}

.mdl-color--green-100 {
    background-color: rgb(200,230,201) !important
}

.mdl-color-text--green-200 {
    color: rgb(165,214,167) !important
}

.mdl-color--green-200 {
    background-color: rgb(165,214,167) !important
}

.mdl-color-text--green-300 {
    color: rgb(129,199,132) !important
}

.mdl-color--green-300 {
    background-color: rgb(129,199,132) !important
}

.mdl-color-text--green-400 {
    color: rgb(102,187,106) !important
}

.mdl-color--green-400 {
    background-color: rgb(102,187,106) !important
}

.mdl-color-text--green-500 {
    color: rgb(76,175,80) !important
}

.mdl-color--green-500 {
    background-color: rgb(76,175,80) !important
}

.mdl-color-text--green-600 {
    color: rgb(67,160,71) !important
}

.mdl-color--green-600 {
    background-color: rgb(67,160,71) !important
}

.mdl-color-text--green-700 {
    color: rgb(56,142,60) !important
}

.mdl-color--green-700 {
    background-color: rgb(56,142,60) !important
}

.mdl-color-text--green-800 {
    color: rgb(46,125,50) !important
}

.mdl-color--green-800 {
    background-color: rgb(46,125,50) !important
}

.mdl-color-text--green-900 {
    color: rgb(27,94,32) !important
}

.mdl-color--green-900 {
    background-color: rgb(27,94,32) !important
}

.mdl-color-text--green-A100 {
    color: rgb(185,246,202) !important
}

.mdl-color--green-A100 {
    background-color: rgb(185,246,202) !important
}

.mdl-color-text--green-A200 {
    color: rgb(105,240,174) !important
}

.mdl-color--green-A200 {
    background-color: rgb(105,240,174) !important
}

.mdl-color-text--green-A400 {
    color: rgb(0,230,118) !important
}

.mdl-color--green-A400 {
    background-color: rgb(0,230,118) !important
}

.mdl-color-text--green-A700 {
    color: rgb(0,200,83) !important
}

.mdl-color--green-A700 {
    background-color: rgb(0,200,83) !important
}

.mdl-color-text--light-green {
    color: rgb(139,195,74) !important
}

.mdl-color--light-green {
    background-color: rgb(139,195,74) !important
}

.mdl-color-text--light-green-50 {
    color: rgb(241,248,233) !important
}

.mdl-color--light-green-50 {
    background-color: rgb(241,248,233) !important
}

.mdl-color-text--light-green-100 {
    color: rgb(220,237,200) !important
}

.mdl-color--light-green-100 {
    background-color: rgb(220,237,200) !important
}

.mdl-color-text--light-green-200 {
    color: rgb(197,225,165) !important
}

.mdl-color--light-green-200 {
    background-color: rgb(197,225,165) !important
}

.mdl-color-text--light-green-300 {
    color: rgb(174,213,129) !important
}

.mdl-color--light-green-300 {
    background-color: rgb(174,213,129) !important
}

.mdl-color-text--light-green-400 {
    color: rgb(156,204,101) !important
}

.mdl-color--light-green-400 {
    background-color: rgb(156,204,101) !important
}

.mdl-color-text--light-green-500 {
    color: rgb(139,195,74) !important
}

.mdl-color--light-green-500 {
    background-color: rgb(139,195,74) !important
}

.mdl-color-text--light-green-600 {
    color: rgb(124,179,66) !important
}

.mdl-color--light-green-600 {
    background-color: rgb(124,179,66) !important
}

.mdl-color-text--light-green-700 {
    color: rgb(104,159,56) !important
}

.mdl-color--light-green-700 {
    background-color: rgb(104,159,56) !important
}

.mdl-color-text--light-green-800 {
    color: rgb(85,139,47) !important
}

.mdl-color--light-green-800 {
    background-color: rgb(85,139,47) !important
}

.mdl-color-text--light-green-900 {
    color: rgb(51,105,30) !important
}

.mdl-color--light-green-900 {
    background-color: rgb(51,105,30) !important
}

.mdl-color-text--light-green-A100 {
    color: rgb(204,255,144) !important
}

.mdl-color--light-green-A100 {
    background-color: rgb(204,255,144) !important
}

.mdl-color-text--light-green-A200 {
    color: rgb(178,255,89) !important
}

.mdl-color--light-green-A200 {
    background-color: rgb(178,255,89) !important
}

.mdl-color-text--light-green-A400 {
    color: rgb(118,255,3) !important
}

.mdl-color--light-green-A400 {
    background-color: rgb(118,255,3) !important
}

.mdl-color-text--light-green-A700 {
    color: rgb(100,221,23) !important
}

.mdl-color--light-green-A700 {
    background-color: rgb(100,221,23) !important
}

.mdl-color-text--lime {
    color: rgb(205,220,57) !important
}

.mdl-color--lime {
    background-color: rgb(205,220,57) !important
}

.mdl-color-text--lime-50 {
    color: rgb(249,251,231) !important
}

.mdl-color--lime-50 {
    background-color: rgb(249,251,231) !important
}

.mdl-color-text--lime-100 {
    color: rgb(240,244,195) !important
}

.mdl-color--lime-100 {
    background-color: rgb(240,244,195) !important
}

.mdl-color-text--lime-200 {
    color: rgb(230,238,156) !important
}

.mdl-color--lime-200 {
    background-color: rgb(230,238,156) !important
}

.mdl-color-text--lime-300 {
    color: rgb(220,231,117) !important
}

.mdl-color--lime-300 {
    background-color: rgb(220,231,117) !important
}

.mdl-color-text--lime-400 {
    color: rgb(212,225,87) !important
}

.mdl-color--lime-400 {
    background-color: rgb(212,225,87) !important
}

.mdl-color-text--lime-500 {
    color: rgb(205,220,57) !important
}

.mdl-color--lime-500 {
    background-color: rgb(205,220,57) !important
}

.mdl-color-text--lime-600 {
    color: rgb(192,202,51) !important
}

.mdl-color--lime-600 {
    background-color: rgb(192,202,51) !important
}

.mdl-color-text--lime-700 {
    color: rgb(175,180,43) !important
}

.mdl-color--lime-700 {
    background-color: rgb(175,180,43) !important
}

.mdl-color-text--lime-800 {
    color: rgb(158,157,36) !important
}

.mdl-color--lime-800 {
    background-color: rgb(158,157,36) !important
}

.mdl-color-text--lime-900 {
    color: rgb(130,119,23) !important
}

.mdl-color--lime-900 {
    background-color: rgb(130,119,23) !important
}

.mdl-color-text--lime-A100 {
    color: rgb(244,255,129) !important
}

.mdl-color--lime-A100 {
    background-color: rgb(244,255,129) !important
}

.mdl-color-text--lime-A200 {
    color: rgb(238,255,65) !important
}

.mdl-color--lime-A200 {
    background-color: rgb(238,255,65) !important
}

.mdl-color-text--lime-A400 {
    color: rgb(198,255,0) !important
}

.mdl-color--lime-A400 {
    background-color: rgb(198,255,0) !important
}

.mdl-color-text--lime-A700 {
    color: rgb(174,234,0) !important
}

.mdl-color--lime-A700 {
    background-color: rgb(174,234,0) !important
}

.mdl-color-text--yellow {
    color: rgb(255,235,59) !important
}

.mdl-color--yellow {
    background-color: rgb(255,235,59) !important
}

.mdl-color-text--yellow-50 {
    color: rgb(255,253,231) !important
}

.mdl-color--yellow-50 {
    background-color: rgb(255,253,231) !important
}

.mdl-color-text--yellow-100 {
    color: rgb(255,249,196) !important
}

.mdl-color--yellow-100 {
    background-color: rgb(255,249,196) !important
}

.mdl-color-text--yellow-200 {
    color: rgb(255,245,157) !important
}

.mdl-color--yellow-200 {
    background-color: rgb(255,245,157) !important
}

.mdl-color-text--yellow-300 {
    color: rgb(255,241,118) !important
}

.mdl-color--yellow-300 {
    background-color: rgb(255,241,118) !important
}

.mdl-color-text--yellow-400 {
    color: rgb(255,238,88) !important
}

.mdl-color--yellow-400 {
    background-color: rgb(255,238,88) !important
}

.mdl-color-text--yellow-500 {
    color: rgb(255,235,59) !important
}

.mdl-color--yellow-500 {
    background-color: rgb(255,235,59) !important
}

.mdl-color-text--yellow-600 {
    color: rgb(253,216,53) !important
}

.mdl-color--yellow-600 {
    background-color: rgb(253,216,53) !important
}

.mdl-color-text--yellow-700 {
    color: rgb(251,192,45) !important
}

.mdl-color--yellow-700 {
    background-color: rgb(251,192,45) !important
}

.mdl-color-text--yellow-800 {
    color: rgb(249,168,37) !important
}

.mdl-color--yellow-800 {
    background-color: rgb(249,168,37) !important
}

.mdl-color-text--yellow-900 {
    color: rgb(245,127,23) !important
}

.mdl-color--yellow-900 {
    background-color: rgb(245,127,23) !important
}

.mdl-color-text--yellow-A100 {
    color: rgb(255,255,141) !important
}

.mdl-color--yellow-A100 {
    background-color: rgb(255,255,141) !important
}

.mdl-color-text--yellow-A200 {
    color: rgb(255,255,0) !important
}

.mdl-color--yellow-A200 {
    background-color: rgb(255,255,0) !important
}

.mdl-color-text--yellow-A400 {
    color: rgb(255,234,0) !important
}

.mdl-color--yellow-A400 {
    background-color: rgb(255,234,0) !important
}

.mdl-color-text--yellow-A700 {
    color: rgb(255,214,0) !important
}

.mdl-color--yellow-A700 {
    background-color: rgb(255,214,0) !important
}

.mdl-color-text--amber {
    color: rgb(255,193,7) !important
}

.mdl-color--amber {
    background-color: rgb(255,193,7) !important
}

.mdl-color-text--amber-50 {
    color: rgb(255,248,225) !important
}

.mdl-color--amber-50 {
    background-color: rgb(255,248,225) !important
}

.mdl-color-text--amber-100 {
    color: rgb(255,236,179) !important
}

.mdl-color--amber-100 {
    background-color: rgb(255,236,179) !important
}

.mdl-color-text--amber-200 {
    color: rgb(255,224,130) !important
}

.mdl-color--amber-200 {
    background-color: rgb(255,224,130) !important
}

.mdl-color-text--amber-300 {
    color: rgb(255,213,79) !important
}

.mdl-color--amber-300 {
    background-color: rgb(255,213,79) !important
}

.mdl-color-text--amber-400 {
    color: rgb(255,202,40) !important
}

.mdl-color--amber-400 {
    background-color: rgb(255,202,40) !important
}

.mdl-color-text--amber-500 {
    color: rgb(255,193,7) !important
}

.mdl-color--amber-500 {
    background-color: rgb(255,193,7) !important
}

.mdl-color-text--amber-600 {
    color: rgb(255,179,0) !important
}

.mdl-color--amber-600 {
    background-color: rgb(255,179,0) !important
}

.mdl-color-text--amber-700 {
    color: rgb(255,160,0) !important
}

.mdl-color--amber-700 {
    background-color: rgb(255,160,0) !important
}

.mdl-color-text--amber-800 {
    color: rgb(255,143,0) !important
}

.mdl-color--amber-800 {
    background-color: rgb(255,143,0) !important
}

.mdl-color-text--amber-900 {
    color: rgb(255,111,0) !important
}

.mdl-color--amber-900 {
    background-color: rgb(255,111,0) !important
}

.mdl-color-text--amber-A100 {
    color: rgb(255,229,127) !important
}

.mdl-color--amber-A100 {
    background-color: rgb(255,229,127) !important
}

.mdl-color-text--amber-A200 {
    color: rgb(255,215,64) !important
}

.mdl-color--amber-A200 {
    background-color: rgb(255,215,64) !important
}

.mdl-color-text--amber-A400 {
    color: rgb(255,196,0) !important
}

.mdl-color--amber-A400 {
    background-color: rgb(255,196,0) !important
}

.mdl-color-text--amber-A700 {
    color: rgb(255,171,0) !important
}

.mdl-color--amber-A700 {
    background-color: rgb(255,171,0) !important
}

.mdl-color-text--orange {
    color: rgb(255,152,0) !important
}

.mdl-color--orange {
    background-color: rgb(255,152,0) !important
}

.mdl-color-text--orange-50 {
    color: rgb(255,243,224) !important
}

.mdl-color--orange-50 {
    background-color: rgb(255,243,224) !important
}

.mdl-color-text--orange-100 {
    color: rgb(255,224,178) !important
}

.mdl-color--orange-100 {
    background-color: rgb(255,224,178) !important
}

.mdl-color-text--orange-200 {
    color: rgb(255,204,128) !important
}

.mdl-color--orange-200 {
    background-color: rgb(255,204,128) !important
}

.mdl-color-text--orange-300 {
    color: rgb(255,183,77) !important
}

.mdl-color--orange-300 {
    background-color: rgb(255,183,77) !important
}

.mdl-color-text--orange-400 {
    color: rgb(255,167,38) !important
}

.mdl-color--orange-400 {
    background-color: rgb(255,167,38) !important
}

.mdl-color-text--orange-500 {
    color: rgb(255,152,0) !important
}

.mdl-color--orange-500 {
    background-color: rgb(255,152,0) !important
}

.mdl-color-text--orange-600 {
    color: rgb(251,140,0) !important
}

.mdl-color--orange-600 {
    background-color: rgb(251,140,0) !important
}

.mdl-color-text--orange-700 {
    color: rgb(245,124,0) !important
}

.mdl-color--orange-700 {
    background-color: rgb(245,124,0) !important
}

.mdl-color-text--orange-800 {
    color: rgb(239,108,0) !important
}

.mdl-color--orange-800 {
    background-color: rgb(239,108,0) !important
}

.mdl-color-text--orange-900 {
    color: rgb(230,81,0) !important
}

.mdl-color--orange-900 {
    background-color: rgb(230,81,0) !important
}

.mdl-color-text--orange-A100 {
    color: rgb(255,209,128) !important
}

.mdl-color--orange-A100 {
    background-color: rgb(255,209,128) !important
}

.mdl-color-text--orange-A200 {
    color: rgb(255,171,64) !important
}

.mdl-color--orange-A200 {
    background-color: rgb(255,171,64) !important
}

.mdl-color-text--orange-A400 {
    color: rgb(255,145,0) !important
}

.mdl-color--orange-A400 {
    background-color: rgb(255,145,0) !important
}

.mdl-color-text--orange-A700 {
    color: rgb(255,109,0) !important
}

.mdl-color--orange-A700 {
    background-color: rgb(255,109,0) !important
}

.mdl-color-text--deep-orange {
    color: rgb(255,87,34) !important
}

.mdl-color--deep-orange {
    background-color: rgb(255,87,34) !important
}

.mdl-color-text--deep-orange-50 {
    color: rgb(251,233,231) !important
}

.mdl-color--deep-orange-50 {
    background-color: rgb(251,233,231) !important
}

.mdl-color-text--deep-orange-100 {
    color: rgb(255,204,188) !important
}

.mdl-color--deep-orange-100 {
    background-color: rgb(255,204,188) !important
}

.mdl-color-text--deep-orange-200 {
    color: rgb(255,171,145) !important
}

.mdl-color--deep-orange-200 {
    background-color: rgb(255,171,145) !important
}

.mdl-color-text--deep-orange-300 {
    color: rgb(255,138,101) !important
}

.mdl-color--deep-orange-300 {
    background-color: rgb(255,138,101) !important
}

.mdl-color-text--deep-orange-400 {
    color: rgb(255,112,67) !important
}

.mdl-color--deep-orange-400 {
    background-color: rgb(255,112,67) !important
}

.mdl-color-text--deep-orange-500 {
    color: rgb(255,87,34) !important
}

.mdl-color--deep-orange-500 {
    background-color: rgb(255,87,34) !important
}

.mdl-color-text--deep-orange-600 {
    color: rgb(244,81,30) !important
}

.mdl-color--deep-orange-600 {
    background-color: rgb(244,81,30) !important
}

.mdl-color-text--deep-orange-700 {
    color: rgb(230,74,25) !important
}

.mdl-color--deep-orange-700 {
    background-color: rgb(230,74,25) !important
}

.mdl-color-text--deep-orange-800 {
    color: rgb(216,67,21) !important
}

.mdl-color--deep-orange-800 {
    background-color: rgb(216,67,21) !important
}

.mdl-color-text--deep-orange-900 {
    color: rgb(191,54,12) !important
}

.mdl-color--deep-orange-900 {
    background-color: rgb(191,54,12) !important
}

.mdl-color-text--deep-orange-A100 {
    color: rgb(255,158,128) !important
}

.mdl-color--deep-orange-A100 {
    background-color: rgb(255,158,128) !important
}

.mdl-color-text--deep-orange-A200 {
    color: rgb(255,110,64) !important
}

.mdl-color--deep-orange-A200 {
    background-color: rgb(255,110,64) !important
}

.mdl-color-text--deep-orange-A400 {
    color: rgb(255,61,0) !important
}

.mdl-color--deep-orange-A400 {
    background-color: rgb(255,61,0) !important
}

.mdl-color-text--deep-orange-A700 {
    color: rgb(221,44,0) !important
}

.mdl-color--deep-orange-A700 {
    background-color: rgb(221,44,0) !important
}

.mdl-color-text--brown {
    color: rgb(121,85,72) !important
}

.mdl-color--brown {
    background-color: rgb(121,85,72) !important
}

.mdl-color-text--brown-50 {
    color: rgb(239,235,233) !important
}

.mdl-color--brown-50 {
    background-color: rgb(239,235,233) !important
}

.mdl-color-text--brown-100 {
    color: rgb(215,204,200) !important
}

.mdl-color--brown-100 {
    background-color: rgb(215,204,200) !important
}

.mdl-color-text--brown-200 {
    color: rgb(188,170,164) !important
}

.mdl-color--brown-200 {
    background-color: rgb(188,170,164) !important
}

.mdl-color-text--brown-300 {
    color: rgb(161,136,127) !important
}

.mdl-color--brown-300 {
    background-color: rgb(161,136,127) !important
}

.mdl-color-text--brown-400 {
    color: rgb(141,110,99) !important
}

.mdl-color--brown-400 {
    background-color: rgb(141,110,99) !important
}

.mdl-color-text--brown-500 {
    color: rgb(121,85,72) !important
}

.mdl-color--brown-500 {
    background-color: rgb(121,85,72) !important
}

.mdl-color-text--brown-600 {
    color: rgb(109,76,65) !important
}

.mdl-color--brown-600 {
    background-color: rgb(109,76,65) !important
}

.mdl-color-text--brown-700 {
    color: rgb(93,64,55) !important
}

.mdl-color--brown-700 {
    background-color: rgb(93,64,55) !important
}

.mdl-color-text--brown-800 {
    color: rgb(78,52,46) !important
}

.mdl-color--brown-800 {
    background-color: rgb(78,52,46) !important
}

.mdl-color-text--brown-900 {
    color: rgb(62,39,35) !important
}

.mdl-color--brown-900 {
    background-color: rgb(62,39,35) !important
}

.mdl-color-text--grey {
    color: rgb(158,158,158) !important
}

.mdl-color--grey {
    background-color: rgb(158,158,158) !important
}

.mdl-color-text--grey-50 {
    color: rgb(250,250,250) !important
}

.mdl-color--grey-50 {
    background-color: rgb(250,250,250) !important
}

.mdl-color-text--grey-100 {
    color: rgb(245,245,245) !important
}

.mdl-color--grey-100 {
    background-color: rgb(245,245,245) !important
}

.mdl-color-text--grey-200 {
    color: rgb(238,238,238) !important
}

.mdl-color--grey-200 {
    background-color: rgb(238,238,238) !important
}

.mdl-color-text--grey-300 {
    color: rgb(224,224,224) !important
}

.mdl-color--grey-300 {
    background-color: rgb(224,224,224) !important
}

.mdl-color-text--grey-400 {
    color: rgb(189,189,189) !important
}

.mdl-color--grey-400 {
    background-color: rgb(189,189,189) !important
}

.mdl-color-text--grey-500 {
    color: rgb(158,158,158) !important
}

.mdl-color--grey-500 {
    background-color: rgb(158,158,158) !important
}

.mdl-color-text--grey-600 {
    color: rgb(117,117,117) !important
}

.mdl-color--grey-600 {
    background-color: rgb(117,117,117) !important
}

.mdl-color-text--grey-700 {
    color: rgb(97,97,97) !important
}

.mdl-color--grey-700 {
    background-color: rgb(97,97,97) !important
}

.mdl-color-text--grey-800 {
    color: rgb(66,66,66) !important
}

.mdl-color--grey-800 {
    background-color: rgb(66,66,66) !important
}

.mdl-color-text--grey-900 {
    color: rgb(33,33,33) !important
}

.mdl-color--grey-900 {
    background-color: rgb(33,33,33) !important
}

.mdl-color-text--blue-grey {
    color: rgb(96,125,139) !important
}

.mdl-color--blue-grey {
    background-color: rgb(96,125,139) !important
}

.mdl-color-text--blue-grey-50 {
    color: rgb(236,239,241) !important
}

.mdl-color--blue-grey-50 {
    background-color: rgb(236,239,241) !important
}

.mdl-color-text--blue-grey-100 {
    color: rgb(207,216,220) !important
}

.mdl-color--blue-grey-100 {
    background-color: rgb(207,216,220) !important
}

.mdl-color-text--blue-grey-200 {
    color: rgb(176,190,197) !important
}

.mdl-color--blue-grey-200 {
    background-color: rgb(176,190,197) !important
}

.mdl-color-text--blue-grey-300 {
    color: rgb(144,164,174) !important
}

.mdl-color--blue-grey-300 {
    background-color: rgb(144,164,174) !important
}

.mdl-color-text--blue-grey-400 {
    color: rgb(120,144,156) !important
}

.mdl-color--blue-grey-400 {
    background-color: rgb(120,144,156) !important
}

.mdl-color-text--blue-grey-500 {
    color: rgb(96,125,139) !important
}

.mdl-color--blue-grey-500 {
    background-color: rgb(96,125,139) !important
}

.mdl-color-text--blue-grey-600 {
    color: rgb(84,110,122) !important
}

.mdl-color--blue-grey-600 {
    background-color: rgb(84,110,122) !important
}

.mdl-color-text--blue-grey-700 {
    color: rgb(69,90,100) !important
}

.mdl-color--blue-grey-700 {
    background-color: rgb(69,90,100) !important
}

.mdl-color-text--blue-grey-800 {
    color: rgb(55,71,79) !important
}

.mdl-color--blue-grey-800 {
    background-color: rgb(55,71,79) !important
}

.mdl-color-text--blue-grey-900 {
    color: rgb(38,50,56) !important
}

.mdl-color--blue-grey-900 {
    background-color: rgb(38,50,56) !important
}

.mdl-color--black {
    background-color: rgb(0,0,0) !important
}

.mdl-color-text--black {
    color: rgb(0,0,0) !important
}

.mdl-color--white {
    background-color: rgb(255,255,255) !important
}

.mdl-color-text--white {
    color: rgb(255,255,255) !important
}

.mdl-color--primary {
    background-color: rgb(158,158,158) !important
}

.mdl-color--primary-contrast {
    background-color: rgb(255,255,255) !important
}

.mdl-color--primary-dark {
    background-color: rgb(97,97,97) !important
}

.mdl-color--accent {
    background-color: rgb(230,74,25) !important
}

.mdl-color--accent-contrast {
    background-color: rgb(255,255,255) !important
}

.mdl-color-text--primary {
    color: rgb(158,158,158) !important
}

.mdl-color-text--primary-contrast {
    color: rgb(255,255,255) !important
}

.mdl-color-text--primary-dark {
    color: rgb(97,97,97) !important
}

.mdl-color-text--accent {
    color: rgb(230,74,25) !important
}

.mdl-color-text--accent-contrast {
    color: rgb(255,255,255) !important
}

.mdl-ripple {
    background: rgb(0,0,0);
    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 {
    -webkit-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: 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 {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--fast-out-slow-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-animation--linear-out-slow-in {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.mdl-animation--fast-out-linear-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: 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: rgb(230,74,25);
    color: rgb(255,255,255)
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(230,74,25);
    background: rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 0 1px gray;
    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: rgb(0,0,0);
    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;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    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);
    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),-webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 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.20)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12)
}

.mdl-button:active {
    background-color: rgba(158,158,158, 0.40)
}

.mdl-button.mdl-button--colored {
    color: rgb(158,158,158)
}

.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.20);
    -webkit-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-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 {
    -webkit-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);
    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.40)
}

.mdl-button--raised:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.18),0 8px 16px rgba(0,0,0,0.36);
    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.40)
}

.mdl-button--raised.mdl-button--colored {
    background: rgb(158,158,158);
    color: rgb(255,255,255)
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: rgb(158,158,158)
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: rgb(158,158,158)
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: rgb(158,158,158)
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: rgb(255,255,255)
}

.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.20);
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
    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 {
    -webkit-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);
    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.40)
}

.mdl-button--fab:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.18),0 8px 16px rgba(0,0,0,0.36);
    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.40)
}

.mdl-button--fab.mdl-button--colored {
    background: rgb(230,74,25);
    color: rgb(255,255,255)
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: rgb(230,74,25)
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: rgb(230,74,25)
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: rgb(230,74,25)
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: rgb(255,255,255)
}

.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: 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: rgb(158,158,158)
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255)
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(158,158,158)
}

.mdl-button--accent.mdl-button--accent {
    color: rgb(230,74,25)
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(255,255,255)
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(230,74,25)
}

.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);
    -webkit-box-shadow: none;
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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: rgb(255,255,255);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: rgb(230,74,25);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-card__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgb(0,0,0);
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: normal;
    padding: 16px 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.mdl-card__title-text {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-box;
    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__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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0,0,0,0.1)
}

.mdl-card--expand {
    -webkit-box-flex: 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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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 rgb(158,158,158)
}

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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    -webkit-box-shadow: 0 0 0px 8px rgba(0,0,0,0.1);
    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 {
    -webkit-box-shadow: 0 0 0px 8px rgba(158,158,158, 0.26);
    box-shadow: 0 0 0px 8px rgba(158,158,158, 0.26);
    background-color: rgba(158,158,158, 0.26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("/images/tick-mask.svg?embed");
    mask: url("/images/tick-mask.svg?embed");
    background: transparent;
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: background-image;
    transition-property: background-image
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: rgb(158,158,158);
    background-image: url("/images/tick.svg?embed")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background-color: rgba(0,0,0, 0.26)
}

.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;
    -webkit-box-sizing: border-box;
    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: rgb(158,158,158)
}

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;
    -webkit-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-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: rgb(255,255,255)
}

.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;
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: background-color;
    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,.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;
    -webkit-box-sizing: border-box;
    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: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0,0,0,0.54);
    padding-bottom: 8px;
    -webkit-box-sizing: border-box;
    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: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    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;
    -webkit-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);
    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: 540px
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -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-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 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-expansion {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-expansion__summary {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none
}

.mdl-expansion__summary::-webkit-details-marker {
    display: none
}

.mdl-expansion__summary::after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: '\e313';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 200ms, -webkit-transform 200ms;
    transition: color 200ms, -webkit-transform 200ms;
    transition: transform 200ms, color 200ms;
    transition: transform 200ms, color 200ms, -webkit-transform 200ms;
    margin-left: auto;
    color: rgba(0,0,0,0.38)
}

.mdl-expansion__summary:focus {
    background-color: rgba(238,238,238, 1)
}

.mdl-expansion__summary:focus::after {
    color: rgba(0,0,0,0.54)
}

.mdl-expansion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.9375rem;
    font-weight: 500;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin-right: 16px
}

.mdl-expansion__subheader {
    font-size: .75rem;
    color: rgba(0,0,0,0.54)
}

.mdl-expansion__secondary-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.9375rem;
    font-weight: 500;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    color: rgba(0,0,0,0.87);
    margin-right: 16px
}

.mdl-expansion__content {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px
}

.mdl-expansion__content+.mdl-expansion__actions {
    border-top: 1px solid rgba(0,0,0,0.12)
}

.mdl-expansion__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-top: 16px;
    padding-bottom: 16px
}

.mdl-expansion__action {
    margin-right: 8px
}

.mdl-expansion[open] .mdl-expansion__summary::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: rgb(158,158,158);
    background-color: rgb(66,66,66)
}

.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: rgb(158,158,158);
    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: ""
}

.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: ""
}

.mdl-mega-footer--heading,.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(224,224,224)
}

.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: 24px;
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: rgb(158,158,158);
    background-color: rgb(66,66,66)
}

.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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -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-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.mdl-mini-footer--right-section,.mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-box-ordinal-group: 2;
    -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: rgb(158,158,158);
    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: rgb(97,97,97);
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    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: rgb(158,158,158)
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
    -webkit-transition: none;
    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(158,158,158, 0.26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    -webkit-box-sizing: border-box;
    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: rgb(97,97,97)
}

.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: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: 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-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: 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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: 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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(117,117,117)
}

.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: rgb(117,117,117);
    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;
    line-height: 24px;
    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: 24px;
    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: rgb(255,255,255);
    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;
    -webkit-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-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;
    -webkit-transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .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 {
    -webkit-transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1),clip .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1),clip .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: rgb(189,189,189);
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity .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: rgb(189,189,189);
    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: rgb(238,238,238)
}

.mdl-menu__item:focus {
    outline: none;
    background-color: rgb(238,238,238)
}

.mdl-menu__item:active {
    background-color: rgb(224,224,224)
}

.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%;
    -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-progress>.progressbar {
    background-color: rgb(158,158,158);
    z-index: 1;
    left: 0
}

.mdl-progress>.bufferbar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0.7)), to(rgba(255,255,255, 0.7))),-webkit-gradient(linear, left top, right top, from(rgb(158,158,158)), to(rgb(158,158,158)));
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)),linear-gradient(to right, rgb(158,158,158), rgb(158,158,158));
    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:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0.7)), to(rgba(255,255,255, 0.7))),-webkit-gradient(linear, left top, right top, from(rgb(158,158,158)), to(rgb(158,158,158)));
        background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)),linear-gradient(to right, rgb(158,158,158), rgb(158,158,158));
        -webkit-mask: url("/images/buffer.svg?embed");
        mask: url("/images/buffer.svg?embed")
    }
}

.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0.9)), to(rgba(255,255,255, 0.9))),-webkit-gradient(linear, left top, right top, from(rgb(158,158,158)), to(rgb(158,158,158)));
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)),linear-gradient(to right, rgb(158,158,158), rgb(158,158,158))
}

.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: rgb(158,158,158);
    -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: rgb(158,158,158);
    -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-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: rgb(66,66,66);
    text-decoration: none;
    margin: 0
}

.mdl-navigation__link .material-icons {
    vertical-align: middle
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-layout-spacer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdl-layout__drawer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-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-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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid rgb(224,224,224);
    background: rgb(250,250,250);
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: rgb(66,66,66);
    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>* {
    -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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -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: rgb(224,224,224)
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: rgb(224,224,224);
    color: rgb(0,0,0)
}

@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;
    -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: rgb(255,255,255);
    z-index: 4
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255,255,255);
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -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: rgb(158,158,158);
    color: rgb(255,255,255);
    -webkit-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-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);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: max-height, -webkit-box-shadow;
    transition-property: max-height, -webkit-box-shadow;
    transition-property: max-height, box-shadow;
    transition-property: max-height, box-shadow, -webkit-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-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mdl-layout__header--seamed {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mdl-layout__header--scroll {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mdl-layout__header--waterfall {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
    -webkit-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-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-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: 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>* {
    -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-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: 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: rgb(255,255,255);
    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;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    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;
        -webkit-transition-property: opacity;
        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-box-flex: 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-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgb(158,158,158);
    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-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 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: rgb(158,158,158);
    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: rgb(255,255,255)
}

.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-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 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-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: rgb(255,255,255)
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(230,74,25);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    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: rgb(255,255,255)
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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 rgb(158,158,158)
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: rgb(158,158,158)
}

.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 {
    -webkit-box-shadow: 0 0 0px 10px rgba(0,0,0,0.1);
    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;
    -webkit-box-sizing: border-box;
    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: rgb(158,158,158)
}

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: rgb(158,158,158);
    -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, rgb(158,158,158) 16px, rgb(158,158,158) 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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: rgb(158,158,158);
    border: none;
    -webkit-transition: border 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),-webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: border 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),-webkit-box-shadow 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),-webkit-box-shadow 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: rgb(158,158,158);
    border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 10px rgba(158,158,158, 0.26);
    box-shadow: 0 0 0 10px rgba(158,158,158, 0.26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(158,158,158, 0.26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: rgb(158,158,158);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: rgb(158,158,158);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: rgb(158,158,158);
    transform: scale(0.375);
    -webkit-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: 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, rgb(158,158,158) 0%, rgb(158,158,158) 37.5%, rgba(158,158,158, 0.26) 37.5%, rgba(158,158,158, 0.26) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: rgb(158,158,158);
    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 {
    -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -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-box;
    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: rgb(158,158,158);
    -webkit-box-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-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -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);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    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;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    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: rgb(230,74,25);
    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;
    -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.2352941176ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.2352941176ms 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: rgb(66,165,245)
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(158,158,158)
}

.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: rgb(244,67,54)
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(158,158,158)
}

.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: rgb(253,216,53)
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(158,158,158)
}

.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: rgb(76,175,80)
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(158,158,158)
}

.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;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    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(158,158,158, 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: rgb(250,250,250);
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-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-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);
    -webkit-transition-duration: .28s;
    transition-duration: .28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: left;
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(158,158,158);
    left: 16px;
    -webkit-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);
    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: rgb(189,189,189);
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    -webkit-box-shadow: 0 0 0px 20px rgba(0,0,0,0.1);
    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 {
    -webkit-box-shadow: 0 0 0px 20px rgba(158,158,158, 0.26);
    box-shadow: 0 0 0px 20px rgba(158,158,158, 0.26);
    background-color: rgba(158,158,158, 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: rgb(189,189,189);
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    -webkit-transition-duration: 0.40s;
    transition-duration: 0.40s;
    -webkit-transition-timing-function: step-end;
    transition-timing-function: step-end;
    -webkit-transition-property: left;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(158,158,158)
}

.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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid rgb(224,224,224)
}

.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: rgb(158,158,158);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    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: rgb(158,158,158)
}

.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;
    -webkit-box-sizing: border-box;
    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: 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: rgb(213,0,0);
    -webkit-box-shadow: none;
    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 {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    -webkit-transition: none;
    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: rgb(158,158,158);
    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: rgb(213,0,0);
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: rgb(158,158,158);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    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: rgb(213,0,0)
}

.mdl-textfield__error {
    color: rgb(213,0,0);
    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;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    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: rgb(255,255,255);
    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 {
    -webkit-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-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 {
    -webkit-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);
    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 {
    -webkit-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);
    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 {
    -webkit-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);
    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 {
    -webkit-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);
    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 {
    -webkit-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);
    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 {
    -webkit-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);
    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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}

.mdl-cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdl-cell--top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdl-cell--middle {
    -ms-flex-item-align: center;
    align-self: center
}

.mdl-cell--bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mdl-cell--stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing>.mdl-cell {
    margin: 0
}

.mdl-cell--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.mdl-cell--order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.mdl-cell--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.mdl-cell--order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.mdl-cell--order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.mdl-cell--order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.mdl-cell--order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.mdl-cell--order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.mdl-cell--order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.mdl-cell--order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.mdl-cell--order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.mdl-cell--order-12 {
    -webkit-box-ordinal-group: 13;
    -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-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-box-ordinal-group: 13;
        -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-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-box-ordinal-group: 13;
        -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-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-box-ordinal-group: 13;
        -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 {
    min-height: 100%
}

body {
    margin: 0;
    font-size: 20px;
    font-family: "panta";
    background-color: white;
    top: 0 !important;
    -webkit-transition: 2s;
    transition: 2s
}

body>.skiptranslate {
    display: none !important
}

dialog::-webkit-backdrop {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

dialog::backdrop {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

a {
    text-decoration: none
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex.centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex .datewrap {
    padding: 15px;
    width: 100px
}

.flex .summary {
    margin-left: 20px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-size: inherit;
    margin: 0
}

.flex h2,.flex .h2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-family: "kryptone" !important;
    margin-top: 24px;
    margin-bottom: 24px;
    margin-top: 14px;
    clear: left;
    -webkit-column-break-after: avoid;
    break-after: avoid
}

@media (max-width: 580px) {
    .flex h2,.flex .h2 {
        font-size:24px;
        line-height: 120%
    }
}

.flex .tags {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    a: before;
    a-content: "#";
    a-font-family: "Roboto";
    a-display: inline
}

@media (max-width: 500px) {
    .flex .tags {
        display:none
    }
}

.flex .summary {
    font-size: inherit
}

@media (max-width: 500px) {
    .flex .summary {
        display:none
    }
}

.flex.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex .tag:before {
    content: "#";
    font-family: "Roboto";
    display: inline
}

@media (max-width: 580px) {
    .flex.mobile-reverse {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.icon-cat .material-icons {
    font-size: 50px;
    width: 50px;
    color: rgb(230,74,25)
}

.datewrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

#tag_filter {
    max-width: 300px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px
}

.fulltext {
    width: 50%;
    margin-bottom: 40px;
    padding-top: 20px
}

.fulltext.wide {
    width: 100%;
    -webkit-column-count: 2;
    column-count: 2
}

.fulltext.wide.single-col {
    -webkit-column-count: 1;
    column-count: 1
}

@media (max-width: 1024px) {
    .fulltext.wide {
        -webkit-column-count:1;
        column-count: 1
    }
}

@media (max-width: 900px) {
    .fulltext {
        width:100%
    }
}

.fulltext p {
    font-size: inherit;
    margin-right: 25px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    clear: left;
    padding-left: 15px
}

.fulltext:empty {
    margin-bottom: 0
}

.fulltext figure {
    margin: 0;
    margin-bottom: 14px
}

.fulltext table {
    width: calc(100% - 20px) !important
}

.fulltext iframe {
    width: 100%;
    height: 500px;
    border-radius: 14px;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3)
}

.fulltext img {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    border-radius: 14px
}

.ludia {
    display: inline-block;
    max-width: 33%;
    margin-bottom: 2em;
    vertical-align: top;
    color: inherit
}

@media (max-width: 1024px) {
    .ludia {
        max-width:49%
    }
}

@media (max-width: 900px) {
    .ludia {
        max-width:100%
    }
}

.ludia>.material-icons {
    font-size: 200px;
    opacity: 0.13
}

.ludia img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 12px
}

.ludia strong {
    display: block;
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 10px
}

.mdl-card {
    margin: 0 5px 1em 5px
}

.mdl-card.fixed {
    height: 300px
}

.mdl-card.centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1039px) {
    .mdl-card {
        width:calc(50% - 10px)
    }
}

@media (max-width: 700px) {
    .mdl-card {
        width:100%
    }
}

.mdl-card .mdl-card__media {
    background-color: transparent;
    overflow: hidden
}

.mdl-card .mdl-card__media img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%
}

.mdl-card .mdl-card__supporting-text {
    font-size: inherit;
    overflow: visible
}

.mdl-card .mdl-card__supporting-text.nadpis {
    color: black;
    font-family: "kryptone";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0
}

.mdl-card .mdl-card__supporting-text.nadpis .datewrap {
    width: auto;
    padding: 0;
    margin-right: 20px;
    font-size: 16px
}

.mdl-card .mdl-card__supporting-text.autohide {
    max-height: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    padding: 6px 16px;
    color: transparent
}

.mdl-card:hover .mdl-card__supporting-text.autohide {
    max-height: 50px;
    padding: 16px;
    color: rgba(0,0,0,0.54);
    padding-bottom: 30px
}

.tabs {
    padding: 0;
    margin-top: 20px
}

.tabs>a {
    text-decoration: none;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-bottom: none;
    -webkit-transition: 2s;
    transition: 2s
}

.tabs>a.light {
    color: inherit;
    background-color: white
}

.tabs>a.dark {
    color: inherit;
    background-color: white
}

.tabs>a.dark.active {
    color: white;
    background-color: #292929
}

.tabs>a.active {
    border-top-width: 5px;
    border-top-color: rgb(230,74,25)
}

.tabs .filter_wrap {
    max-width: 300px;
    margin: 0 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    background-color: white
}

.tabs .filter_wrap:after {
    content: "expand_more";
    font-family: "Material Icons";
    position: absolute;
    right: 5px;
    top: 8px;
    display: block
}

hr {
    -webkit-transition: 2s;
    transition: 2s
}

.illustr,.gallery {
    width: 50%
}

@media (max-width: 900px) {
    .illustr,.gallery {
        width:100%
    }
}

.illustr img,.gallery img {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    border-radius: 14px;
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
}

.container {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1400px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container.dark>.flex:not(.tabs) {
    background-color: #292929;
    -webkit-transition: 2s;
    transition: 2s;
    color: white
}

.container.dark>hr {
    border-color: black;
    background-color: black
}

.container.light>.flex:not(.tabs) {
    background-color: white;
    -webkit-transition: 2s;
    transition: 2s
}

.mdl-typography--display-2,.mdl-typography--display-1,.mdl-typography--display-3 {
    font-family: "kryptone" !important
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    display: block !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 2;
    position: sticky;
    top: 0;
}

.mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row {
    padding: 0
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row {
        padding-left:48px
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row .mdl-layout-title {
    margin-left: -8px
}

.mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row.secondary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row .mdl-navigation .mdl-navigation__link {
    color: inherit;
    padding: 0 8px
}

.mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row .mdl-navigation .mdl-navigation__link.active {
    color: rgb(230,74,25)
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header--transparent.mdl-layout__header--transparent .mdl-layout__header-row .mdl-navigation .mdl-navigation__link {
        display:none
    }
}

.mdl-layout__content {
    margin-top: -54px;
    padding-top: 54px;
    /* -webkit-perspective:300px; */
    /* perspective:300px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* -webkit-perspective-origin:top; */
    /* perspective-origin:top; */
}

.mdl-layout__content>.container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.mdl-layout__drawer-button {
    color: inherit
}

@media (min-width: 1025px) {
    .mdl-layout__drawer-button {
        display:none
    }
}

.mdl-layout__drawer .mdl-navigation .submenu {
    overflow: hidden;
    -webkit-transition: max-height 0.3s;
    transition: max-height 0.3s;
    margin-left: 10px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.has-submenu+.submenu {
    max-height: 0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.active {
    color: rgb(230,74,25)
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.active.has-submenu+.submenu {
    max-height: 700px
}

.kclogo {
    height: 60px;
    -webkit-transition: 2s;
    transition: 2s
}

.mdl-menu {
    clip: auto !important
}

.mdl-menu .mdl-menu__item {
    overflow: visible
}

.mdl-menu .mdl-menu__item>.mdl-menu__container {
    top: 0 !important;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mdl-menu .mdl-menu__item>a {
    display: block;
    font-size: 20px;
    color: inherit
}

.mdl-menu .mdl-menu__item.active>a {
    color: rgb(230,74,25)
}

footer {
    background-color: black;
    padding: 20px 0;
    color: #777777;
    position: relative;
    z-index: 1
}

footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px
}

@media (max-width: 768px) {
    footer .container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

footer .container>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

footer p {
    font-size: 16px;
    line-height: 1.4
}

footer p .h3 {
    font-size: 20px;
    color: white;
    font-family: "kryptone"
}

footer p.social {
    font-size: 48px
}

.podpora {
    padding-top: 20px;
    margin-top: 20px;
    background-color: #444444;
    z-index: 1
}

.podpora .container.inline {
    display: block
}

@media (max-width: 768px) {
    .podpora .container.inline {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.podpora .container.inline>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}

.podpora .container.inline .h3 {
    font-size: 16px;
    color: white;
    font-family: "kryptone"
}

.podpora .container.inline .loga img {
    height: 45px;
    min-width: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 20px;
    -o-object-position: 10px;
    object-position: 10px;
    object-position: 10px;
    margin-right: 30px
}

ul {
    font-size: inherit
}

.paginate {
    margin: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 32px;
    line-height: 40px;
    margin-top: 70px
}

.paginate strong,.paginate a {
    display: inline-block;
    padding: 10px 20px
}

.banners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* -webkit-transform:translateZ(-150px) scale(1.5) translateY(20%); */
    /* transform:translateZ(-150px) scale(1.5) translateY(20%); */
    margin-bottom: 20px
}

@media (max-width: 638px) {
    .banners {
        margin-bottom:100px;
        -webkit-transform: translateZ(-150px) scale(1.5) translateY(24%);
        transform: translateZ(-150px) scale(1.5) translateY(24%)
    }
}

.banners .banner {
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    display: block;
    /* height:460px; */
    border-radius: 15px;
    background-color: rgb(230,74,25);
    margin: 7px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 30px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background-size: cover;
    background-position: center;
    -webkit-transition: 2s;
    transition: 2s;
    min-width: 400px;
}

@media (max-width: 638px) {
    .banners .banner {
        height:300px;
        font-size: 20px
    }
}

.banners .banner p {
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.4;
    padding: 0 30px;
    text-shadow: 3px 4px 10px black
}

.banners .banner p.summary {
    margin-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding-bottom: 30px
}

.banners .banner p.title {
    font-family: "kryptone";
    font-size: 60px
}

@media (max-width: 638px) {
    .banners .banner p.title {
        font-size:40px
    }
}

.dark .flex.wrap {
    /* border-top:1px solid black; */
    border-bottom: 1px solid black;
    margin: -1px 0;
    -webkit-box-shadow: 0 6px 6px -6px #000000;
    box-shadow: 0 6px 6px -6px #000000
}

.dark .flex.wrap.odd {
    /* -webkit-transform:translateZ(-30px) scale(1.1) translateY(40%); */
    /* transform:translateZ(-30px) scale(1.1) translateY(40%); */
    /* position:relative; */
}

.dark .flex.wrap.odd:before {
    display: block;
    position: absolute;
    height: 50px;
    top: -50px;
    left: 0;
    right: 0;
    background-color: #292929;
    content: ""
}

.dark .flex.wrap.odd:after {
    display: none;
    position: absolute;
    height: 50px;
    bottom: -50px;
    left: 0;
    right: 0;
    background-color: #292929;
    content: ""
}

.light .flex.wrap {
    /* border-top:1px solid #ccc; */
    border-bottom: 1px solid #ccc;
    margin: -1px 0;
    -webkit-box-shadow: 0 4px 26px -16px #00000099;
    box-shadow: 0 4px 26px -16px #00000099;
}

.light .flex.wrap.odd:before {
    display: block;
    position: absolute;
    height: 50px;
    top: -50px;
    left: 0;
    right: 0;
    background-color: white;
    content: "";
    -webkit-transition: 2s;
    transition: 2s
}

.light .flex.wrap.odd:after {
    display: block;
    position: absolute;
    height: 50px;
    bottom: -50px;
    left: 0;
    right: 0;
    background-color: white;
    content: "";
    -webkit-transition: 2s;
    transition: 2s
}

.light .flex.wrap.odd {
    /* -webkit-transform:translateZ(-30px) scale(1.1) translateY(40%); */
    /* transform:translateZ(-30px) scale(1.1) translateY(40%); */
    /* position:relative; */
}

.goog-text-highlight {
    background-color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.modal_cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 1;
    color: inherit;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #ffffff82;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal_cookies.open {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

.kclogo.dark {
    display: none
}

@media (prefers-color-scheme: dark) {
    body {
        background-color:#383838;
        color: #9c9c9c
    }

    .container.light>.flex:not(.tabs) {
        background-color: #242424
    }

    hr {
        border-top: 1px solid #000
    }

    .tabs>a.light,.tabs>a.dark {
        color: inherit;
        background-color: #242424;
        border-left: 1px solid #000;
        border-right: 1px solid #000
    }

    .kclogo:not(.dark) {
        display: none
    }

    .kclogo.dark {
        display: block
    }

    .light .flex.wrap.even {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

    .light .flex.wrap.odd:before,.light .flex.wrap.odd:after {
        background-color: #242424
    }
}

.flex-column {
    flex-direction: column;
    gap: 20px
}

@media print {
    .podpora, footer,a[href]:after,.mdl-navigation,.mdl-layout__drawer-button {
        display: none;
    }

    .mdl-layout__header-row {
        text-align: center;
        display: block;
    }
}

button#trigger {
    appearance: none;
    border: none;
    background: transparent;
    position: fixed;
    left: 10px;
}

@media screen and (min-width: 1024px) {
    #trigger {
        display:none;
    }
}