@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,600;0,700;1,400;1,700&display=swap");
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400");

html {
    color: #000;
    background: #fff;
    line-height: 1.4;
    font-size: 18px;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    color: #000C51;
    background-color: transparent;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

optgroup {
    font-weight: bold
}


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

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

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

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

html {
    scroll-behavior: smooth
}

img {
    max-width: 100%
}

.wrap {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 101px 0 0
}

.main {
    flex: 1;
    padding: 75px 0 0
}

.main_no-top-spacing {
    padding-top: 0
}

.separator {
    width: 100%;
    height: 1px;
    margin: 40px 0;
    background: #eeeeee
}

.image__align__center {
    display: block;
    margin: 40px auto
}

.image__align__left {
    float: left;
    max-width: 50%;
    margin: 0 24px 24px 0
}

@media screen and (max-width: 480px) {
    .image__align__left {
        display: block;
        float: none;
        max-width: 100%;
        margin: 24px auto
    }
}

.image__align__right {
    float: right;
    max-width: 50%;
    margin: 0 0 24px 24px
}

@media screen and (max-width: 480px) {
    .image__align__right {
        display: block;
        float: none;
        max-width: 100%;
        margin: 24px auto
    }
}

.image__offset__top {
    margin-top: -20px
}

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

.svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.overlow {
    overflow: hidden
}

.mb-2 {
    margin-bottom: 8px !important
}

.mb-4 {
    margin-bottom: 20px !important
}

.grecaptcha-badge {
    bottom: 76px !important
}

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

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

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

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

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

textarea {
    resize: vertical
}

.browserupgrade {
    margin: 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;
        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: #EB6700;
    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: 24px;
    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: #000C51 !important
}

.mdl-color--blue {
    background-color: #000C51 !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: #000C51!important
}

.mdl-color--blue-300 {
    background-color: #000C51!important
}

.mdl-color-text--blue-400 {
    color: #000C51 !important
}

.mdl-color--blue-400 {
    background-color: #000C51 !important
}

.mdl-color-text--blue-500 {
    color: #000C51 !important
}

.mdl-color--blue-500 {
    background-color: #000C51 !important
}

.mdl-color-text--blue-600 {
    color: #000C51 !important
}

.mdl-color--blue-600 {
    background-color: #000C51 !important
}

.mdl-color-text--blue-700 {
    color: #000C51 !important
}

.mdl-color--blue-700 {
    background-color: #000C51 !important
}

.mdl-color-text--blue-800 {
    color: #000C51 !important
}

.mdl-color--blue-800 {
    background-color: #000C51 !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: #EB6700 !important
}

.mdl-color--orange {
    background-color: #EB6700 !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: #EB6700 !important
}

.mdl-color--orange-500 {
    background-color: #EB6700 !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(3, 169, 244) !important
}

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

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

.mdl-color--accent {
    background-color: #EB6700 !important
}

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

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

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

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

.mdl-color-text--accent {
    color: #EB6700 !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;
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1)
}

.mdl-ripple.is-visible {
    opacity: 0.3
}

.mdl-animation--default {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

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

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

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

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}

.mdl-badge:not([data-badge]) {
    margin-right: auto
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: 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: #EB6700;
    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: #EB6700;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: rgb(0, 0, 0);
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 20px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.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(3, 169, 244)
}

.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);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.40)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.40)
}

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

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

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

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

.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);
    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%;
    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, white, black)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.40)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.40)
}

.mdl-button--fab.mdl-button--colored {
    background: #EB6700;
    color: rgb(255, 255, 255)
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #EB6700
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #EB6700
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: #EB6700
}

.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%;
    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, white, black)
}

.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(3, 169, 244)
}

.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(3, 169, 244)
}

.mdl-button--accent.mdl-button--accent {
    color: #EB6700
}

.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: #EB6700
}

.mdl-button[disabled][disabled],
.mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-button--raised[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    box-shadow: none
}

.mdl-button--colored[disabled][disabled],
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26)
}

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

.mdl-card {
    display: flex;
    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;
    box-sizing: border-box
}

.mdl-card__media {
    background-color: #EB6700;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

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

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

.mdl-card__title-text {
    align-self: flex-end;
    color: inherit;
    display: block;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    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: rgba(0, 0, 0, 0);
    padding: 8px;
    box-sizing: border-box
}

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

.mdl-card--expand {
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px
}

.mdl-checkbox__input {
    line-height: 24px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(3, 169, 244)
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(3, 169, 244, 0.26);
    background-color: rgba(3, 169, 244, 0.26)
}

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

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(3, 169, 244) url("https://Think Track.net/i//tick.svg?embed")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26) url("https://Think Track.net/i//tick.svg?embed")
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black)
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(3, 169, 244)
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent
}

.mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap
}

.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none;
    overflow: hidden
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-chip:active {
    background-color: #d6d6d6
}

.mdl-chip--deletable {
    padding-right: 4px
}

.mdl-chip--contact {
    padding-left: 0
}

.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: 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;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}

.mdl-data-table tbody tr:hover {
    background-color: #eee
}

.mdl-data-table td,
.mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right
}

.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
    padding-left: 24px
}

.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
    padding-right: 24px
}

.mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    box-sizing: border-box
}

.mdl-data-table td .mdl-data-table__select {
    vertical-align: middle
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    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;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px
}

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

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: flex;
    flex-direction: row-reverse;
    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;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: 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: '\E5CE'
}

.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list {
    display: none
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CF'
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: 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: flex;
    flex-flow: row wrap;
    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: flex;
    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;
    order: 0
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    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;
    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(3, 169, 244)
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(3, 169, 244, 0.26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black)
}

.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: flex;
    min-height: 48px;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden
}

.mdl-list__item .mdl-list__item-primary-content {
    order: 0;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: flex;
    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: flex;
    flex-flow: column;
    align-items: flex-end;
    margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: rgb(117, 117, 117)
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    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;
    transform: scale(0);
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    transform: scale(1);
    z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
    transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
    transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
    transform-origin: 100% 100%
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}

.mdl-menu.is-animating {
    transition: opacity .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: #000;
    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;
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    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: #e1e1e1
}

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

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

.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgb(3, 169, 244), rgb(3, 169, 244));
    z-index: 0;
    left: 0
}

.mdl-progress>.auxbar {
    right: 0
}

@supports (-webkit-appearance: none) {

    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, rgb(3, 169, 244), rgb(3, 169, 244));
        mask: url("https://Think Track.net/i//buffer.svg?embed")
    }
}

.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, rgb(3, 169, 244), rgb(3, 169, 244))
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: rgb(3, 169, 244);
    animation-name: indeterminate1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: rgb(3, 169, 244);
    animation-name: indeterminate2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }

    50% {
        left: 25%;
        width: 75%
    }

    75% {
        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: flex;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: rgb(66, 66, 66);
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87
}

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

.mdl-layout {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none
}

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}

.mdl-layout__title,
.mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    box-sizing: border-box
}

.mdl-layout-spacer {
    flex-grow: 1
}

.mdl-layout__drawer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid rgb(224, 224, 224);
    background: rgb(250, 250, 250);
    transform: translateX(-250px);
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: transform;
    color: rgb(66, 66, 66);
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}

.mdl-layout__drawer.is-visible {
    transform: translateX(0)
}

.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content {
    overflow: hidden
}

.mdl-layout__drawer>* {
    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 {
    flex-direction: column;
    align-items: stretch;
    padding-top: 16px
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    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 {
        transform: translateX(0)
    }
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 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: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: rgb(3, 169, 244);
    color: rgb(255, 255, 255);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: max-height, box-shadow
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px
    }
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}

@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}

.mdl-layout__header>.mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header>.mdl-layout-icon {
        left: 16px;
        top: 12px
    }
}

.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon {
    display: none
}

.mdl-layout__header.is-compact {
    max-height: 64px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: none
    }

    .mdl-layout--fixed-header>.mdl-layout__header {
        display: flex
    }
}

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

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

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

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

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
    align-self: stretch;
    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>* {
    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;
    flex-direction: row;
    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;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible
}

@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }

    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    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: flex;
    background-color: rgb(3, 169, 244);
    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;
    flex-grow: 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(3, 169, 244);
    color: transparent;
    cursor: pointer;
    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;
    flex-grow: 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;
    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: #EB6700;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: 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: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 22px;
    margin: 0;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 28px
}

.mdl-radio__button {
    line-height: 22px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    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(3, 169, 244)
}

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

.mdl-radio.is-checked .mdl-radio__inner-circle {
    transform: scale(1, 1)
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 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: -10px;
    left: -12px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black)
}

.mdl-radio__ripple-container .mdl-ripple {
    background: rgb(3, 169, 244)
}

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;
    user-select: none;
    outline: 0;
    padding: 0;
    color: rgb(3, 169, 244);
    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(3, 169, 244) 16px, rgb(3, 169, 244) 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: rgb(3, 169, 244);
    border: none;
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}

.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(3, 169, 244);
    border: none
}

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

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

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

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

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: rgb(3, 169, 244);
    transform: scale(0.375);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgb(3, 169, 244) 0%, rgb(3, 169, 244) 37.5%, rgba(3, 169, 244, 0.26) 37.5%, rgba(3, 169, 244, 0.26) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: rgb(3, 169, 244);
    transform: scale(0.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent
}

.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}

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

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, 0.26);
    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 {
    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;
    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: flex;
    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: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    transform: translate(0, -1px)
}

.mdl-slider__background-lower {
    background: rgb(3, 169, 244);
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}

.mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: flex;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    transform: translate(0, 80px);
    transition: 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;
        transform: translate(-50%, 80px)
    }
}

.mdl-snackbar--active {
    transform: translate(0, 0);
    pointer-events: auto;
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1)
}

@media (min-width: 480px) {
    .mdl-snackbar--active {
        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: #EB6700;
    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;
    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 {
    animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite
}

@keyframes mdl-spinner__container-rotate {
    to {
        transform: rotate(360deg)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #000C51
}

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

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    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(3, 169, 244)
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    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(3, 169, 244)
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    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(3, 169, 244)
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    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
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(1080deg)
    }
}

@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-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-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-4-fade-in-out {
    from {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: 0.99
    }

    90% {
        opacity: 0.99
    }

    100% {
        opacity: 0
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    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;
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@keyframes mdl-spinner__left-spin {
    from {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(130deg)
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        transform: rotate(-130deg)
    }

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(-130deg)
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch__input {
    line-height: 24px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(3, 169, 244, 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;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(3, 169, 244);
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
    background: rgb(189, 189, 189);
    cursor: auto
}

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

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(3, 169, 244, 0.26);
    background-color: rgba(3, 169, 244, 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;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    transition-duration: 0.40s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(3, 169, 244)
}

.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: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-between;
    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: #EB6700;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #EB6700
}

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

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

.mdl-textfield {
    position: relative;
    font-size: 14px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.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: 14px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 5px 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);
    box-shadow: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 14px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 25px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(143, 143, 143);
    font-size: 11px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgb(213, 0, 0);
    font-size: 11px
}

.mdl-textfield__label:after {
    background-color: rgb(143, 143, 143);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(213, 0, 0)
}

.mdl-textfield__error {
    color: rgb(213, 0, 0);
    position: absolute;
    font-size: 11px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 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 {
    transform: scale(0);
    transform-origin: top center;
    z-index: 999;
    background: #000;
    border-radius: 2px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}

.mdl-tooltip.is-active {
    animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(0.99)
    }

    100% {
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2)
}

.mdl-grid {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    align-items: stretch
}

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

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

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

.mdl-cell--middle {
    align-self: center
}

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

.mdl-cell--stretch {
    align-self: stretch
}

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

.mdl-cell--order-1 {
    order: 1
}

.mdl-cell--order-2 {
    order: 2
}

.mdl-cell--order-3 {
    order: 3
}

.mdl-cell--order-4 {
    order: 4
}

.mdl-cell--order-5 {
    order: 5
}

.mdl-cell--order-6 {
    order: 6
}

.mdl-cell--order-7 {
    order: 7
}

.mdl-cell--order-8 {
    order: 8
}

.mdl-cell--order-9 {
    order: 9
}

.mdl-cell--order-10 {
    order: 10
}

.mdl-cell--order-11 {
    order: 11
}

.mdl-cell--order-12 {
    order: 12
}

@media (max-width: 479px) {
    .mdl-grid {
        padding: 12px
    }

    .mdl-cell {
        margin: 12px;
        width: calc(100% - 24px)
    }

    .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 {
        order: 1
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        order: 2
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        order: 3
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        order: 4
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        order: 5
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        order: 6
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        order: 7
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        order: 8
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        order: 9
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        order: 10
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        order: 11
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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: 12px
    }

    .mdl-cell {
        margin: 12px;
        width: calc(50% - 24px)
    }

    .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 {
        order: 1
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        order: 2
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        order: 3
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        order: 4
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        order: 5
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        order: 6
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        order: 7
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        order: 8
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        order: 9
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        order: 10
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        order: 11
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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: 12px
    }

    .mdl-cell {
        margin: 12px;
        width: calc(33.3333333333% - 24px)
    }

    .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 {
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% - 24px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .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% + 12px)
    }

    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%
    }
}

html,
body {
    line-height: 1.4;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif
}

a {
    font-weight: 400
}

.mdl-radio {
    font-size: 14px;
    line-height: 22px;
    height: 22px
}

.mdl-radio.is-upgraded {
    padding-left: 28px
}

.mdl-radio--full-width {
    width: 100%;
    cursor: pointer
}

.mdl-radio__button {
    line-height: 22px
}

.mdl-radio__outer-circle {
    top: 2px;
    width: 18px;
    height: 18px
}

.mdl-radio__inner-circle {
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px
}

.mdl-radio__label {
    font-weight: 400;
    cursor: pointer
}

.mdl-radio__ripple-container {
    top: -10px;
    left: -12px;
    width: 42px;
    height: 42px
}

.mdl-button--raised {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14)
}

.mdl-button--gray-light {
    color: #8f8f8f
}

.mdl-button--increase {
    padding: 0 42px;
    height: 46px;
    line-height: 46px;
    font-size: 18px
}

@media screen and (max-width: 1024px) {
    .mdl-button--increase {
        padding: 0 25px;
        height: 36px;
        line-height: 36px;
        font-size: 16px
    }
}

@media screen and (max-width: 959px) {
    .mdl-button--increase {
        padding: 0 42px;
        height: 46px;
        line-height: 46px;
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .mdl-button--increase {
        width: 100%
    }
}

.mdl-button--increase__gutter-small {
    padding: 0 30px
}

.mdl-button--increase__gutter-x-small {
    padding: 0 14px
}

.mdl-button_label {
    white-space: nowrap
}

.mdl-button_label__text {
    display: inline-block;
    vertical-align: middle
}

.mdl-button_label__icon {
    display: inline-block;
    vertical-align: middle
}

.mdl-button_label__icon--left-bottom-spacing {
    margin: 0 0 4px 8px
}

.mdl-button_label__icon svg {
    width: 50px;
    height: 24px
}

@media screen and (max-width: 480px) {
    .mdl-button_label--desktop {
        display: none
    }
}

.mdl-button_label--mobile {
    display: none
}

@media screen and (max-width: 480px) {
    .mdl-button_label--mobile {
        display: inline
    }
}

.mdl-button--full-width {
    width: 100%
}

.mdl-button--fab {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14)
}

.mdl-button--fab .mdl-button__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    transform: translate(-9px, -7px);
    line-height: 18px
}

.mdl-button--fab .mdl-button__svg {
    fill: #fff
}

.mdl-button--colored.mdl-button--colored-alternative,
.mdl-button--colored.mdl-button--colored-tertiary {
    color: #fff
}

.mdl-button--colored.mdl-button--colored-alternative {
    background: #4caf50 !important
}

.mdl-button--colored.mdl-button--colored-tertiary {
    background: #ff9800 !important
}

.mdl-textfield__label {
    margin: 0;
    font-weight: 400;
    font-size: 14px
}

.mdl-textfield__label:after {
    background-color: #000C51
}

.mdl-textfield__label-mark {
    padding-left: 3px;
    color: #d50000
}

.mdl-textfield--increase .mdl-textfield__label,
.mdl-textfield--increase.is-invalid .mdl-textfield__label {
    font-size: 18px
}

@media screen and (max-width: 1024px) {

    .mdl-textfield--increase .mdl-textfield__label,
    .mdl-textfield--increase.is-invalid .mdl-textfield__label {
        font-size: 16px
    }
}

@media screen and (max-width: 840px) {

    .mdl-textfield--increase .mdl-textfield__label,
    .mdl-textfield--increase.is-invalid .mdl-textfield__label {
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {

    .mdl-textfield--increase .mdl-textfield__label,
    .mdl-textfield--increase.is-invalid .mdl-textfield__label {
        font-size: 16px
    }
}

.mdl-textfield--increase .mdl-textfield__input {
    padding-top: 11px;
    padding-bottom: 11px
}

@media screen and (max-width: 1024px) {
    .mdl-textfield--increase .mdl-textfield__input {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.mdl-grid--no-outer-spacing {
    margin: 0 0 0 -12px;
    padding: 0
}

.mdl-grid--no-vertical-spacing {
    padding-top: 0;
    padding-bottom: 0
}

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

.mdl-grid--fill-background {
    background: #fff
}

.mdl-grid--border-bottom {
    border-bottom: 1px solid #dcdcdc
}

.mdl-grid--offset-top {
    margin-top: -1px
}

.mdl-grid--no-margin {
    margin: 0
}

.mdl-cell--no-vertical-spacing,
.mdl-cell--no-vertical-spacing-tablet {
    margin-top: 0;
    margin-bottom: 0
}

.mdl-cell--no-vertical-top-spacing {
    margin-top: 0
}

.mdl-cell--2v3-col {
    width: calc(19.999% - 24px)
}

@media screen and (max-width: 1600px) {
    .mdl-cell--12-col-lg {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .mdl-grid--subscribe .mdl-cell {
        margin: 0;
        width: 100%
    }
}

@media screen and (max-width: 840px) {
    .mdl-grid--scenarios .mdl-cell--4-col {
        margin: 0;
        width: 100%
    }
}

.mdl-menu__outline {
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.25);
    border-radius: 8px
}

.mdl-menu {
    padding: 0
}

.mdl-menu__title,
.mdl-menu__item {
    padding: 0 12px;
    height: 44px;
    line-height: 44px
}

.mdl-menu__title:first-child,
.mdl-menu__item:first-child {
    border-radius: 0 0 8px 8px
}

.mdl-menu__title {
    display: block;
    color: #000;
    background-color: transparent;
    text-align: left;
    margin: 0;
    outline-color: rgb(189, 189, 189);
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    font-size: 16px;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.mdl-menu__container.is-visible .mdl-menu__title {
    opacity: 1
}

.mdl-menu__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 230px
}

.mdl-menu__item:last-child {
    border-radius: 0 0 8px 8px
}

.mdl-menu__item-icon {
    display: inline-block;
    margin: 0 12px 0 0;
    width: 22px;
    height: 22px;
    vertical-align: middle
}

.section__context-menu .mdl-menu__container {
    margin-top: -28px;
    margin-right: 8px
}

.section__context-menu .mdl-menu__item {
    min-width: 220px;
    line-height: 42px
}

.box-mdl-menu--triangle-top-left .mdl-menu__container,
.box-mdl-menu--triangle-top-right .mdl-menu__container {
    margin-top: 14px
}

.box-mdl-menu--triangle-top-left .mdl-menu__container:after,
.box-mdl-menu--triangle-top-right .mdl-menu__container:after {
    position: absolute;
    bottom: 100%;
    z-index: 1000;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ""
}

.box-mdl-menu--triangle-top-left .mdl-menu__container:before,
.box-mdl-menu--triangle-top-right .mdl-menu__container:before {
    position: absolute;
    bottom: 100%;
    z-index: 1;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
    content: ""
}

.box-mdl-menu--triangle-top-left .mdl-menu__container:after {
    left: 12px
}

.box-mdl-menu--triangle-top-left .mdl-menu__container:before {
    left: 12px
}

.box-mdl-menu--triangle-top-right .mdl-menu__container:after {
    right: 12px
}

.box-mdl-menu--triangle-top-right .mdl-menu__container:before {
    right: 12px
}

.box-mdl-menu--overlay-button {
    position: relative
}

.box-mdl-menu--overlay-button .mdl-menu__container {
    margin-top: -28px;
    margin-right: 8px
}

.box-mdl-menu--player .mdl-menu__outline {
    box-shadow: none;
    border-radius: 0;
    background: rgba(37, 37, 37, 0.9)
}

.mdl-menu--player {
    text-align: center
}

.mdl-menu--player .mdl-menu__item {
    min-width: 125px;
    color: #e1e1e1;
    text-align: center
}

.mdl-menu--player .mdl-menu__item:first-child,
.mdl-menu--player .mdl-menu__item:last-child {
    border-radius: 0
}

.mdl-menu--player .mdl-menu__item:hover,
.mdl-menu--player .mdl-menu__item:focus {
    color: #fff;
    background: none
}

.mdl-menu--player .mdl-menu__item--active {
    color: #fff
}

.mdl-tooltip {
    padding: 10px 20px
}

.mdl-tooltip--top:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.mdl-tooltip--small-space {
    margin-top: 5px
}

.mdl-tabs__tab-bar {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    border-bottom: none
}

.mdl-tabs__tab {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 3px
}

.mdl-tabs--stretch .mdl-tabs__tab {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.mdl-tabs--padding .mdl-tabs__panel {
    padding: 20px
}

.mdl-togglefield {
    padding: 22px 0
}

.mdl-button-icon {
    padding: 18px 0
}

.mdl-button--icon-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("https://Think Track.net/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.getmdl-select {
    outline: none
}

.getmdl-select .mdl-textfield__input {
    cursor: pointer
}

.getmdl-select .selected {
    background-color: #ddd
}

.getmdl-select .mdl-icon-toggle__label {
    float: right;
    margin-top: -30px;
    color: rgba(0, 0, 0, 0.4);
    transform: rotate(0);
    transition: transform 0.3s
}

.getmdl-select.is-focused .mdl-icon-toggle__label {
    color: #3f51b5;
    transform: rotate(180deg)
}

.getmdl-select .mdl-menu__container {
    width: 100% !important;
    margin-top: 2px
}

.getmdl-select .mdl-menu__container .mdl-menu {
    width: 100%
}

.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
    font-size: 16px
}

.getmdl-select__fix-height .mdl-menu__container .mdl-menu {
    overflow-y: auto;
    max-height: 288px !important
}

.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left {
    bottom: auto;
    top: 0
}

.getmdl-select .mdl-menu__outline {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    border-radius: 2px;
    background: #fff
}

.getmdl-select .mdl-menu__container {
    overflow: visible
}

.getmdl-select .mdl-menu__container .mdl-menu {
    padding: 0
}

.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
    height: 45px;
    line-height: 45px;
    font-size: 14px
}

.getmdl-select.mdl-textfield--full-width,
.getmdl-select .mdl-menu__outline,
.getmdl-select .mdl-menu {
    width: 100% !important
}

.getmdl-select--limited-height .mdl-menu__container {
    overflow: auto;
    max-height: 200px
}

.getmdl-select__fullwidth .mdl-menu {
    width: 100%
}

.mdl-textfield--margin {
    margin-top: 12px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-backdrop.in {
    opacity: 0.1
}

.modal-content {
    border-radius: 4px;
    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)
}

.modal-dialog {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-dialog--wide {
    width: 100%;
    max-width: 800px
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.show-calendar .drp-buttons {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .ranges,
    .daterangepicker.single .drp-calendar {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker .ranges,
    .daterangepicker .drp-calendar {
        float: left
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.heading {
    margin: 0 0 10px
}

.heading__title {
    margin: 0;
    line-height: 1.25;
    font-size: 60px;
    font-weight: 100
}

@media screen and (max-width: 1024px) {
    .heading__title {
        font-size: 44px
    }
}

@media screen and (max-width: 840px) {
    .heading__title {
        font-size: 60px
    }
}

.heading__subtitle {
    margin: 17px 0 0;
    line-height: 1.6;
    font-size: 24px;
    font-weight: 100
}

@media screen and (max-width: 1024px) {
    .heading__subtitle {
        margin-top: 7px
    }
}

.heading--promo .heading__title {
    margin: 0 0 16px;
    font-family: "Roboto";
    font-size: 43px
}

@media screen and (max-width: 1440px) {
    .heading--promo .heading__title {
        font-size: 36px
    }
}

@media screen and (max-width: 959px) {
    .heading--promo .heading__title {
        font-size: 43px
    }
}

@media screen and (max-width: 600px) {
    .heading--promo .heading__title {
        font-size: 28px
    }
}

@media screen and (max-width: 600px) and (max-height: 700px) {
    .heading--promo .heading__title {
        font-size: 22px
    }
}

.heading--promo .heading__subtitle {
    margin: 0;
    font-size: 22px;
    font-weight: 400
}

@media screen and (max-width: 1440px) {
    .heading--promo .heading__subtitle {
        font-size: 18px
    }
}

@media screen and (max-width: 1440px) {
    .heading--promo .heading__subtitle {
        font-size: 20px
    }
}

@media screen and (max-width: 600px) {
    .heading--promo .heading__subtitle {
        font-size: 16px
    }
}

.heading--white {
    color: #fff
}

@media screen and (max-width: 959px) {
    .heading--manual .heading__title {
        font-size: 43px
    }
}

@media screen and (max-width: 480px) {
    .heading--manual .heading__title {
        font-size: 30px
    }
}

@media screen and (max-width: 959px) {
    .heading--manual .heading__subtitle {
        font-size: 22px
    }
}

@media screen and (max-width: 480px) {
    .heading--manual .heading__subtitle {
        font-size: 20px
    }
}

.heading--subscribe .heading__title {
    line-height: 1.2;
    font-size: 43px
}

.heading--scenarios .heading__title {
    margin-bottom: 24px
}

@media screen and (max-width: 959px) {
    .heading--scenarios .heading__title {
        font-size: 43px
    }
}

@media screen and (max-width: 480px) {
    .heading--scenarios .heading__title {
        font-size: 30px
    }
}

.heading--subscribe .heading__title {
    line-height: 1.2;
    font-size: 43px
}

@media screen and (max-width: 1024px) {
    .heading--subscribe {
        margin-bottom: 40px;
        text-align: center
    }
}

.heading__description {
    margin: 0;
    color: #8f8f8f;
    font-size: 16px
}

.page-gray {
    background: #fafafa;
    height: 100%
}

.page-gray .main {
    background: #fafafa
}

.image-align--left {
    float: left;
    margin: 0 24px 24px 0
}

.image-align--right {
    float: right;
    margin: 0 0 24px 24px
}

.image-align--center {
    display: block;
    margin: 24px auto
}

.image-align--title-h2 {
    margin-top: 54px
}

.content {
    padding: 0 0 10px;
    font-size: 18px
}

.content h1,
.content .h1 {
    margin: 0 0 5px;
    font-size: 60px;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 100
}

@media screen and (max-width: 1024px) {

    .content h1,
    .content .h1 {
        font-size: 42px
    }
}

@media screen and (max-width: 400px) {

    .content h1,
    .content .h1 {
        font-size: 38px
    }
}

.content h2,
.content .h2 {
    margin: 54px 0 10px;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 400
}

.content h3,
.content .h3 {
    margin: 50px 0 5px;
    font-size: 30px
}

.content h4,
.content .h4 {
    margin: 50px 0 5px;
    font-size: 27px
}

.content h5,
.content .h5 {
    margin: 50px 0 5px;
    font-size: 24px
}

.content h6,
.content .h6 {
    margin: 50px 0 5px;
    font-size: 21px
}

.content p {
    margin: 40px 0;
    font-size: 18px
}

.content p:first-child {
    margin-top: 0
}

.content p:last-child {
    margin-top: 0
}

.content h1+p {
    margin-top: 5px
}

.content h2+p {
    margin-top: 5px
}

.content h3+p,
.content h4+p,
.content h5+p,
.content h6+p {
    margin-top: 0
}

.content ul,
.content ol {
    margin: 10px 0;
    padding: 0 0 0 16px;
    font-size: 18px
}

.content li {
    margin: 10px 0
}

.content p+ul,
.content p+ol {
    margin-top: -30px
}

.content .p-default-space {
    margin: 40px 0
}

.wrap-promo {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 930px
}

@media screen and (max-width: 991px) {
    .wrap-promo {
        display: flex;
        flex-direction: column;
        height: auto
    }
}

.promo {
    position: relative;
    z-index: 2;
    padding: 115px 0 0
}

@media screen and (max-width: 1280px) and (max-height: 650px) {
    .promo {
        padding-top: 60px
    }
}

@media screen and (max-width: 991px) {
    .promo {
        order: 2;
        margin: 20px 0;
        padding-top: 0
    }
}

.promo__box {
    width: 50%
}

@media screen and (max-width: 991px) {
    .promo__box {
        width: 100%
    }
}

.promo__heading {
    margin-bottom: 30px
}

.promo__brands {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center
}

@media screen and (max-width: 991px) {
    .promo__brands {
        margin-bottom: 20px
    }
}

.promo__logo {
    height: 63px
}

@media screen and (max-width: 600px) {
    .promo__logo {
        height: 40px
    }
}

.promo__logo_capterra {
    height: 50px
}

@media screen and (max-width: 600px) {
    .promo__logo_capterra {
        height: 30px
    }
}

.promo__logo_g2 {
    height: 40px
}

@media screen and (max-width: 600px) {
    .promo__logo_g2 {
        height: 20px
    }
}

.promo-illustration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
    width: 50%
}

@media screen and (max-width: 991px) {
    .promo-illustration {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: 1;
        order: 1;
        width: 100%;
        max-width: 600px;
        margin: 20px auto 0;
        padding: 0 20px;
        overflow: visible
    }
}

.promo-illustration__link .promo-illustration__pc-bg {
    background-image: url("../i/bitmapped/imac-button.png")
}

@media screen and (max-width: 991px) {
    .promo-illustration__wrap-circle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: -120px;
        z-index: 1;
        overflow: visible;
        width: 100%
    }
}

.promo-illustration__circle-image {
    position: absolute;
    top: 30px;
    right: -35%;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 882px;
    max-width: 50vw;
    max-height: 829px
}

@media screen and (max-width: 1640px) {
    .promo-illustration__circle-image {
        top: 100px;
        max-height: calc(100vh - 200px)
    }
}

@media screen and (max-width: 1440px) {
    .promo-illustration__circle-image {
        right: -260px;
        width: 582px;
        height: 572px;
        max-width: 100%;
        max-height: 100%
    }
}

@media screen and (max-width: 991px) {
    .promo-illustration__circle-image {
        top: 0;
        right: -300px
    }
}

@media (max-width: 991px) {
    .promo-illustration__link {
        position: relative;
        z-index: 2;
        display: flex;
        width: auto;
        height: auto
    }
}

@media (max-width: 991px) {
    .promo-illustration__pc-bg-wrap {
        position: relative;
        width: 100%;
        padding-bottom: 80.674157303%
    }
}

.promo-illustration__pc-bg {
    position: absolute;
    top: 244px;
    bottom: 144px;
    left: 61px;
    z-index: 2;
    width: 100%;
    max-width: 674px;
    background: url("https://ik.imagekit.io/ktpnmvw9p/1.png?updatedAt=1761297708055") no-repeat 50% 0;
    background-size: contain
}

@media screen and (max-width: 1640px) {
    .promo-illustration__pc-bg {
        top: 270px;
        bottom: 100px;
        background-position: 100% 100%
    }
}

@media screen and (max-width: 1440px) {
    .promo-illustration__pc-bg {
        top: 220px;
        left: auto;
        right: 50px;
        width: 550px;
        height: 444px
    }
}

@media screen and (max-width: 1280px) {
    .promo-illustration__pc-bg {
        top: 230px;
        left: auto;
        right: 50px;
        width: 445px;
        height: 359px
    }
}

@media (max-width: 991px) {
    .promo-illustration__pc-bg {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        background-position: 50% 0
    }
}

.form-register {
    max-width: 445px;
    font-size: 16px
}

.form-register--secondary {
    margin: 0 auto
}

.form-register__wrap-button {
    position: relative;
    display: inline-flex;
    margin-top: 4px;
    margin-bottom: 16px
}

.form-register__wrap-button--center {
    justify-content: center
}

.form-register__wrap-button-block:last-child {
    margin-left: 20px
}

.form-register__button {
    border-radius: 8px
}

.form-register__footer {
    color: #8f8f8f;
    font-size: 16px
}

@media screen and (max-width: 1440px) {
    .form-register__footer {
        font-size: 14px
    }
}

.form-register__link {
    color: #000C51;
    text-decoration: underline
}

.form-register__link:hover {
    color: #000C51;
    text-decoration: none
}

.form-register--color--white {
    margin: 0 auto;
    color: #fff
}

.form-register--color--white .mdl-textfield__label {
    color: #fff !important
}

.form-register--color--white .mdl-textfield__input {
    border-bottom-color: #fff
}

.form-register--color--white a {
    color: #fff
}

.form-register--color--white a:hover {
    color: #fff
}

@media screen and (max-width: 1440px) {
    .form-register--color--white {
        padding: 0 18px
    }
}

.form-register--color--white .form-register__footer {
    color: #b2d8e9
}

.form-register--color--white .form-register__text {
    margin: 6px 0
}

.form-register--color--white .form-register__text:first-child {
    margin-top: 0
}

.form-register--color--white .form-register__text:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 960px) {
    .form-register--color--dark {
        max-width: 324px
    }
}

@media screen and (max-width: 600px) {
    .form-register--color--dark {
        max-width: 100%
    }
}

.more {
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 10;
    margin-left: -100px;
    width: 200px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .more {
        position: static;
        order: 3;
        width: auto;
        margin: 0 auto
    }
}

.more__button {
    margin: 0 0 21px
}

.more__text {
    font-size: 20px
}

@media screen and (max-width: 1440px) {
    .more__text {
        font-size: 16px
    }
}

.presentation {
    position: relative;
    margin: 50px 0;
    padding: 50px 0
}

@media screen and (max-width: 1600px) {
    .presentation {
        margin: 25px 0;
        padding: 25px 0
    }
}

.presentation .owl-prev,
.presentation .owl-next {
    position: absolute;
    top: 50%;
    width: 17px;
    height: 26px;
    color: #000C51;
    cursor: pointer
}

.presentation .owl-prev:hover,
.presentation .owl-next:hover {
    color: #0286c2
}

.presentation .owl-prev {
    left: 80px
}

@media screen and (max-width: 1600px) {
    .presentation .owl-prev {
        left: 40px
    }
}

@media screen and (max-width: 1280px) {
    .presentation .owl-prev {
        left: 20px
    }
}

.presentation .owl-next {
    right: 80px
}

@media screen and (max-width: 1600px) {
    .presentation .owl-next {
        right: 40px
    }
}

@media screen and (max-width: 1280px) {
    .presentation .owl-next {
        right: 20px
    }
}

.presentation .owl-stage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webit-align-items: center;
    align-items: center
}

.presentation__nav {
    margin: 0 0 40px;
    font-size: 0;
    line-height: 1;
    text-align: center
}

.presentation__nav--left {
    text-align: left
}

@media screen and (max-width: 1600px) {
    .presentation__nav {
        margin: 40px 0 0
    }
}

@media screen and (max-width: 1280px) {
    .presentation__nav {
        margin: 20px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .presentation__nav {
        padding: 0 20px
    }
}

.presentation__nav-item {
    display: inline-block;
    color: #828282
}

@media screen and (max-width: 1200px) {
    .presentation__nav-item {
        margin: 0 10px 10px
    }
}

.presentation__nav-item:before {
    content: "|";
    position: relative;
    top: -2px;
    margin: 0 15px;
    font-size: 16px
}

@media screen and (max-width: 1024px) {
    .presentation__nav-item:before {
        content: none
    }
}

.presentation__nav-item:first-child:before {
    content: none
}

.presentation__nav-link {
    font-size: 16px;
    color: #828282;
    text-decoration: none
}

@media screen and (max-width: 1024px) {
    .presentation__nav-link {
        font-size: 14px
    }
}

.presentation__nav-link:hover,
.presentation__nav-link--active {
    color: #000C51;
    text-decoration: none
}

.presentation__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 350px;
    padding: 24px 140px 0
}

@media screen and (max-width: 1600px) {
    .presentation__item {
        padding: 24px 100px 0
    }
}

@media screen and (max-width: 1280px) {
    .presentation__item {
        padding: 24px 60px 0
    }
}

@media screen and (max-width: 1024px) {
    .presentation__item {
        display: block
    }
}

.presentation__preview {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 120px 0 0
}

@media screen and (max-width: 1600px) {
    .presentation__preview {
        margin: 0 80px 0 0
    }
}

@media screen and (max-width: 1280px) {
    .presentation__preview {
        margin: 0 40px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .presentation__preview {
        margin: 0 0 24px
    }
}

.presentation__image {
    display: block;
    width: 100%;
    max-width: 740px
}

.presentation__content {
    position: relative;
    z-index: 2;
    -ms-flex: 0 0 420px;
    -webkit-flex: 0 0 420px;
    flex: 0 0 420px;
    box-sizing: border-box;
    width: 420px;
    padding: 0 40px 0 0
}

@media screen and (max-width: 1280px) {
    .presentation__content {
        -ms-flex: 0 0 400px;
        -webkit-flex: 0 0 400px;
        flex: 0 0 400px;
        width: 400px
    }
}

@media screen and (max-width: 1024px) {
    .presentation__content {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
}

@media screen and (max-width: 1024px) {
    .presentation__content {
        margin: 0 150px 0 0;
        padding: 0 0 0 24px
    }
}

@media screen and (max-width: 840px) {
    .presentation__content {
        margin: 0 60px 0 0
    }
}

.presentation__title {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 1.25
}

@media screen and (max-width: 1280px) {
    .presentation__title {
        font-size: 38px
    }
}

.presentation__title a {
    color: inherit
}

.presentation__description {
    font-weight: 100;
    font-size: 24px;
    line-height: 1.45
}

@media screen and (max-width: 1280px) {
    .presentation__description {
        font-size: 20px
    }
}

.presentation__description a {
    color: inherit
}

.manual {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0 30px;
    text-align: center
}

.manual--bottom-spacing {
    padding: 0 0 30px
}

.manual-list {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 110px 0 0
}

.manual-list:after {
    position: absolute;
    top: 87px;
    right: 150px;
    left: 150px;
    z-index: 1;
    height: 4px;
    background: #b3e5fc;
    content: ""
}

@media screen and (max-width: 720px) {
    .manual-list:after {
        content: none
    }
}

@media screen and (max-width: 1024px) {
    .manual-list {
        margin: 60px 0 0
    }
}

@media screen and (max-width: 720px) {
    .manual-list {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center
    }
}

.manual-list__item {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 24px;
    width: 292px;
    vertical-align: top;
    text-align: center
}

.manual-list__number {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto 22px;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 6px solid #b3e5fc;
    color: #000C51;
    background: #fff;
    line-height: 124px;
    font-size: 36px;
    font-weight: 700
}

.manual-list__number:after {
    position: absolute;
    top: -16px;
    left: -16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    height: 150px;
    border-radius: 140px;
    border: 10px solid #fff;
    content: ""
}

.manual-list__number-text {
    z-index: 2
}

.manual-list__number-figure {
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 130px;
    height: 130px
}

.manual-list__title {
    margin: 0 0 12px;
    color: #000C51;
    font-size: 24px;
    font-weight: 400
}

.manual-list__title__text,
.manual-list__title__icon {
    display: inline-block;
    vertical-align: middle
}

.manual-list__title__icon svg {
    width: 24px;
    height: 24px
}

.manual-list__description {
    font-size: 18px
}

.manual-list a {
    color: #000
}

.manual-list__item--one .manual-list__number-figure {
    left: auto;
    right: -6px;
    width: 65px;
    height: 60px
}

.manual-list__item--one .manual-list__number-figure:after {
    position: absolute;
    top: 0;
    left: -65px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 6px solid #000C51;
    content: ""
}

.manual-list__item--two .manual-list__number-figure {
    left: auto;
    right: -6px;
    width: 65px
}

.manual-list__item--two .manual-list__number-figure:after {
    position: absolute;
    top: 0;
    left: -65px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 6px solid #000C51;
    content: ""
}

.manual-list__item--three .manual-list__number-figure:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 6px solid #000C51;
    content: ""
}

.review-cards__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #d9d9d9;
    margin-right: 10px;
    background-color: #f8f8f8;
    position: relative;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    text-align: center
}

.review-cards__card:last-child {
    margin-right: 0
}

.review-cards .review-wrap {
    margin-bottom: 20px
}

.review-cards__heading {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 10px;
    text-transform: uppercase
}

.review-cards__score-stars {
    margin: auto;
    margin-bottom: 10px;
    display: inline-block;
    box-sizing: border-box
}

.review-cards__text {
    flex: 1;
    width: 80%;
    margin: 0 auto;
    color: #000000;
    font-weight: 300
}

.review-cards__date {
    text-align: right;
    padding: 10px;
    font-weight: 400;
    color: #4c4c4c
}

.review-cards__logo {
    max-width: 110px;
    margin: 10px auto
}

.review-cards__meta {
    bottom: 20px;
    width: 100%;
    color: #666666
}

.review-cards__meta__block {
    margin: 3px 0
}

.review-cards__meta--reviewer {
    color: #666666
}

.scenarios {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0 60px;
    text-align: center
}

.scenarios-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    height: 640px;
    height: 33.3333333333vw;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 18px
}

@media screen and (min-height: 1920px) {
    .scenarios-card {
        height: 640px
    }
}

@media screen and (max-width: 960px) {
    .scenarios-card {
        padding-top: 60px;
        padding-bottom: 60px;
        height: 100%
    }
}

.scenarios-card--employee-monitoring {
    background-color: #0c425a;
    background-image: url("../i/bitmapped/scenarios/Employee-monitoring.jpg")
}

.scenarios-card--insider-threats {
    background-color: #c46d0c;
    background-image: url("../i/bitmapped/scenarios/Insider-threats.jpg")
}

.scenarios-card--productivity-optimization {
    background-color: #104a13;
    background-image: url("../i/bitmapped/scenarios/Productivity-optimization.jpg")
}

.scenarios-card__block {
    height: 50%
}

@media screen and (max-width: 840px) {
    .scenarios-card__block {
        height: auto
    }
}

.scenarios-card__block--primary {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media screen and (max-width: 840px) {
    .scenarios-card__block--primary {
        display: block
    }
}

.scenarios-card__image {
    margin: 0 auto 20px;
    width: 110px;
    height: 110px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 110px;
    text-align: center
}

.scenarios-card__image:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

@media screen and (max-width: 1280px) and (min-width: 841px) {
    .scenarios-card__image {
        width: 80px;
        height: 80px
    }
}

.scenarios-card__svg {
    display: inline-block;
    fill: #fff;
    vertical-align: middle
}

.scenarios-card__title {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.5
}

@media screen and (max-width: 1280px) {
    .scenarios-card__title {
        font-size: 16px
    }
}

@media screen and (max-width: 1024px) {
    .scenarios-card__title {
        font-size: 18px
    }
}

@media screen and (max-width: 840px) {
    .scenarios-card__title {
        font-size: 18px
    }
}

.scenarios-card__description {
    font-size: 18px;
    line-height: 1.6
}

@media screen and (max-width: 1300px) and (min-width: 841px) {
    .scenarios-card__description br {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    .scenarios-card__description {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .scenarios-card__description {
        font-size: 16px
    }
}

@media screen and (max-width: 480px) {
    .scenarios-card__description br {
        display: none
    }
}

.scenarios-card--employee-monitoring .scenarios-card__svg {
    width: 64px;
    height: 65px
}

@media screen and (max-width: 1280px) and (min-width: 841px) {
    .scenarios-card--employee-monitoring .scenarios-card__svg {
        width: 52px;
        height: 53px
    }
}

@media screen and (max-width: 480px) {
    .scenarios-card--employee-monitoring .scenarios-card__svg {
        width: 52px;
        height: 53px
    }
}

.scenarios-card--employee-monitoring .scenarios-card__title {
    color: #000C51
}

.scenarios-card--insider-threats .scenarios-card__svg {
    width: 52px;
    height: 64px
}

@media screen and (max-width: 1280px) and (min-width: 841px) {
    .scenarios-card--insider-threats .scenarios-card__svg {
        width: 40px;
        height: 52px
    }
}

@media screen and (max-width: 480px) {
    .scenarios-card--insider-threats .scenarios-card__svg {
        width: 40px;
        height: 52px
    }
}

.scenarios-card--insider-threats .scenarios-card__title {
    color: #fd9b2d
}

.scenarios-card--productivity-optimization .scenarios-card__svg {
    width: 44px;
    height: 44px
}

@media screen and (max-width: 1280px) and (min-width: 841px) {
    .scenarios-card--productivity-optimization .scenarios-card__svg {
        width: 32px;
        height: 32px
    }
}

@media screen and (max-width: 480px) {
    .scenarios-card--productivity-optimization .scenarios-card__svg {
        width: 32px;
        height: 32px
    }
}

.scenarios-card--productivity-optimization .scenarios-card__title {
    color: #4caf50
}

.scenarios-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 38px 0 30px
}

@media screen and (max-width: 1024px) {
    .scenarios-cards {
        margin: 0
    }
}

.scenarios-cards__block {
    width: 20%
}

@media screen and (max-width: 1080px) {
    .scenarios-cards__block {
        width: 33.3333%
    }

    .scenarios-cards__block:nth-last-child(-n+2) {
        width: 50%
    }
}

@media screen and (max-width: 840px) {
    .scenarios-cards__block {
        width: 50%
    }

    .scenarios-cards__block:nth-last-child(-n+1) {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .scenarios-cards__block {
        width: 100%
    }

    .scenarios-cards__block:nth-last-child(-n+2) {
        width: 100%
    }
}

.c-rating {
    font-family: 'Roboto Slab', serif
}

.c-rating div {
    display: inline-block;
    float: left;
    width: 1.25em;
    height: 1.25em;
    border: 0;
    text-indent: -9999px;
    outline: none;
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="0"] div:nth-child(-n+0) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value=".25"] div:nth-child(-n+1) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value=".5"] div:nth-child(-n+1) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value=".75"] div:nth-child(-n+1) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1"] div:nth-child(-n+1) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1.25"] div:nth-child(-n+2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1.25"] div:nth-child(2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1.5"] div:nth-child(-n+2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1.5"] div:nth-child(2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1.75"] div:nth-child(-n+2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="1.75"] div:nth-child(2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2"] div:nth-child(-n+2) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2.25"] div:nth-child(-n+3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2.25"] div:nth-child(3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2.5"] div:nth-child(-n+3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2.5"] div:nth-child(3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2.75"] div:nth-child(-n+3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="2.75"] div:nth-child(3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3"] div:nth-child(-n+3) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3.25"] div:nth-child(-n+4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3.25"] div:nth-child(4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3.5"] div:nth-child(-n+4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3.5"] div:nth-child(4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3.75"] div:nth-child(-n+4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="3.75"] div:nth-child(4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4"] div:nth-child(-n+4) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4.25"] div:nth-child(-n+5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4.25"] div:nth-child(5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4.5"] div:nth-child(-n+5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4.5"] div:nth-child(5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4.75"] div:nth-child(-n+5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="4.75"] div:nth-child(5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating[data-rating-value="5"] div:nth-child(-n+5) {
    background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat
}

.c-rating--small {
    font-size: 50%
}

.c-rating--big {
    font-size: 150%
}

.nav-additional__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.nav-additional__list {
    margin: 10px 0 0 10px
}

.nav-additional__item {
    margin: 10px 0;
    padding: 0;
    line-height: 1.3
}

.nav-additional__item:first-child {
    margin-top: 0
}

.nav-additional__item:last-child {
    margin-bottom: 0
}

.nav-additional__link {
    position: relative;
    display: inline-block;
    padding: 0 0 0 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
    text-transform: uppercase
}

.nav-additional__link:hover {
    color: #ff9800;
    text-decoration: none
}

.nav-additional__item_active>.nav-additional__link {
    color: #ff9800
}

.nav-additional__item_active>.nav-additional__link::before {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff9800
}

.trigger-scroll-bottom {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    z-index: -1
}

.subscribe {
    height: 559px;
    background: #105777 url("../i/bitmapped/subscribe-bg.png") no-repeat 50% 0;
    background-size: cover
}

@media screen and (max-width: 1024px) {
    .subscribe {
        padding: 40px 0;
        height: auto
    }
}

.subscribe__container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.subscribe__title {
    color: #fff;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 43px;
    font-weight: 100
}

.subscribe__grid {
    width: 100%
}

.footer-short-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 16px 0 0;
    color: #7b7b7b;
    font-size: 13px
}

@media screen and (max-width: 600px) {
    .footer-short-info {
        margin: 5px 0 0;
        padding: 0 18px 18px;
        width: 100%;
        text-align: center
    }
}

.footer-short-info__copyright {
    font-size: inherit
}

.footer-short-info__link {
    color: #7b7b7b;
    text-decoration: underline
}

.footer-short-info__link:hover {
    color: #7b7b7b;
    text-decoration: none
}

.form__title {
    font-size: 30px
}

.form__error {
    font-size: 12px;
    color: #d50000
}

.form__wrap-button {
    position: relative;
    display: inline-block
}

.form__wrap-button_center {
    display: block;
    text-align: center
}

.form__button {
    border-radius: 8px
}

.form--theme--white {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 4px;
    background: #fff
}

.form--subscribe {
    margin-right: auto;
    margin-left: auto;
    max-width: 450px
}

.form--support {
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    max-width: 450px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14)
}

.form--premise-solution .form__title {
    margin-bottom: -12px;
    padding: 0 20px
}

.price {
    margin: 0 0 80px;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif
}

.price__head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 0 20px
}

.price__title {
    margin: 0 0 10px;
    text-align: center;
    font-size: 60px;
    font-weight: 100
}

@media screen and (max-width: 840px) {
    .price__title {
        font-size: 40px
    }
}

@media screen and (max-width: 480px) {
    .price__title {
        font-size: 24px
    }
}

.price__subtitle {
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 100
}

@media screen and (max-width: 840px) {
    .price__subtitle {
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .price__subtitle {
        font-size: 16px
    }
}

.price__subtitle-link {
    color: #000C51;
    font-size: 16px
}

@media screen and (max-width: 840px) {
    .price__subtitle-link {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .price__subtitle-link {
        font-size: 12px
    }
}

.price-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1600px
}

@media screen and (max-width: 600px) {
    .price-box {
        padding: 0 6px
    }
}

.price-box__row {
    display: -webkit-flex;
    display: flex
}

.price-box__col {
    border-bottom: 1px solid #ebebeb
}

.price-box__col--primary,
.price-box__col--ghost {
    width: 20%;
    text-align: left
}

.price-box__col--primary {
    padding-right: 20px
}

@media screen and (max-width: 600px) {
    .price-box__col--primary {
        padding-right: 12px;
        width: 25%
    }
}

.price-box__col--ghost {
    border-top-color: transparent;
    border-bottom-color: transparent
}

@media screen and (max-width: 1439px) {
    .price-box__col--ghost {
        display: none
    }
}

.price-box__col--secondary {
    width: 60%;
    text-align: center
}

@media screen and (max-width: 1439px) {
    .price-box__col--secondary {
        width: 80%
    }
}

@media screen and (max-width: 600px) {
    .price-box__col--secondary {
        width: 75%
    }
}

.price-box__row--no-border .price-box__col {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none
}

.price-box__row--reset-offset .price-box__col {
    margin-bottom: 0
}

.price-detail {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
    background: #fff
}

.price-detail__col {
    position: relative;
    width: 50%
}

.price-detail__col::after {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 2px;
    background: #ebebeb;
    content: ""
}

.price-detail__col:last-child::after {
    content: none
}

.price-detail__col--primary .price-info__link {
    color: #000C51
}

.price-detail__col--secondary .price-info__link {
    color: #4caf50
}

.price-detail__col--tertiary .price-info__link {
    color: #ff9800
}

.price-detail--no-border .price-detail__col:after {
    content: none
}

.price-heading {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 24px 80px;
    color: #fff;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .price-heading {
        min-height: 190px;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media screen and (max-width: 840px) {
    .price-heading {
        min-height: 150px;
        padding: 20px 10px 60px
    }
}

@media screen and (max-width: 600px) {
    .price-heading {
        padding-bottom: 30px;
        height: 100%
    }
}

@media screen and (max-width: 480px) {
    .price-heading {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

@media screen and (max-width: 600px) {
    .price-heading__group {
        min-height: 55px
    }
}

.price-heading__title {
    text-transform: uppercase;
    font-size: 24px
}

@media screen and (max-width: 840px) {
    .price-heading__title {
        font-size: 18px
    }
}

@media screen and (max-width: 600px) {
    .price-heading__title {
        font-size: 14px
    }
}

.price-heading__subtitle {
    font-size: 16px
}

@media screen and (max-width: 840px) {
    .price-heading__subtitle {
        font-size: 14px
    }
}

@media screen and (max-width: 600px) {
    .price-heading__subtitle {
        font-size: 12px
    }
}

.price-heading--primary {
    border-radius: 4px 0 0 0;
    background: #000C51
}

.price-heading--secondary {
    background: #4caf50
}

.price-heading--tertiary {
    border-radius: 0 4px 0 0;
    background: #ff9800
}

.price-sticker {
    position: absolute;
    top: 100%;
    left: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: -67px;
    margin-left: -67px;
    width: 134px;
    height: 134px;
    border-radius: 134px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);
    color: #000;
    background: #fff;
    text-align: center
}

@media screen and (max-width: 840px) {
    .price-sticker {
        margin-top: -45px;
        margin-left: -45px;
        width: 90px;
        height: 90px
    }
}

@media screen and (max-width: 600px) {
    .price-sticker {
        position: static;
        right: auto;
        left: auto;
        margin: 20px 0 0;
        padding: 20px 0 0;
        width: auto;
        height: auto;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 0;
        box-shadow: none;
        background: transparent;
        color: #fff
    }
}

@media screen and (max-width: 480px) {
    .price-sticker {
        margin-top: 12px;
        padding-top: 12px
    }
}

.price-sticker__title {
    font-size: 48px;
    font-weight: 100
}

.price-sticker__subtitle {
    color: #8f8f8f;
    font-size: 14px
}

@media screen and (max-width: 840px) {
    .price-sticker__subtitle {
        padding: 0 10px;
        font-size: 12px
    }
}

@media screen and (max-width: 600px) {
    .price-sticker__subtitle {
        font-size: 11px;
        color: #fff
    }
}

@media screen and (max-width: 480px) {
    .price-sticker__subtitle {
        padding: 0
    }
}

.price-sticker--secondary {
    color: #4caf50
}

@media screen and (max-width: 600px) {
    .price-sticker--secondary {
        color: #fff
    }
}

.price-sticker--secondary .price-sticker__title {
    color: #4caf50;
    font-weight: 400;
    font-size: 16px
}

@media screen and (max-width: 600px) {
    .price-sticker--secondary .price-sticker__title {
        font-size: 11px;
        color: #fff
    }
}

.price-sticker--tertiary .price-sticker__title {
    color: #ff9800;
    font-weight: 400;
    font-size: 16px
}

@media screen and (max-width: 600px) {
    .price-sticker--tertiary .price-sticker__title {
        color: #fff
    }
}

.price-subheading {
    padding: 90px 10px 24px;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

@media screen and (max-width: 840px) {
    .price-subheading {
        padding-top: 60px;
        padding-bottom: 12px;
        font-size: 14px
    }
}

@media screen and (max-width: 600px) {
    .price-subheading {
        padding-top: 12px;
        font-size: 11px
    }
}

@media screen and (max-width: 480px) {
    .price-subheading {
        font-size: 10px
    }
}

.price-subheading--primary,
.price-subheading--primary .price-subheading__title-link {
    color: #000C51
}

.price-subheading--secondary,
.price-subheading--secondary .price-subheading__title-link {
    color: #4caf50
}

.price-subheading--tertiary,
.price-subheading--tertiary .price-subheading__title-link {
    color: #ff9800
}

.price-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 0;
    height: 100%;
    font-size: 16px
}

@media screen and (max-width: 840px) {
    .price-info {
        font-size: 14px
    }
}

@media screen and (max-width: 600px) {
    .price-info {
        font-size: 12px
    }
}

@media screen and (max-width: 480px) {
    .price-info {
        font-size: 11px
    }
}

.price-info:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.price-info__text {
    display: inline-block;
    vertical-align: middle
}

.price-info__text--tooltiped {
    color: #656565;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 2px
}

.price-info__text--tooltiped:hover {
    color: black;
    cursor: pointer
}

.price-info__icon {
    display: inline-block;
    width: 21px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: middle
}

.price-info__icon--square {
    width: 25px;
    height: 25px
}

.price-info__icon--primary {
    background-image: url("../i/bitmapped/icon-checked-blue.png")
}

.price-info__icon--secondary {
    background-image: url("../i/bitmapped/icon-checked-green.png")
}

.price-info__icon--tertiary {
    background-image: url("../i/bitmapped/icon-checked-orange.png")
}

.price-info__icon--macos {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../i/bitmapped/macos-icon.png")
}

.price-info__icon--windows {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../i/bitmapped/windows-icon.png")
}

.price-info__icon--linux {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../i/bitmapped/linux-icon.png")
}

.price-info__icon--aws {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../i/bitmapped/aws-icon.png")
}

.price-action {
    padding: 24px 0
}

@media screen and (max-width: 1024px) {
    .price-action {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media screen and (max-width: 600px) {
    .price-action {
        display: -webkit-flex;
        display: flex;
        height: 100%;
        padding: 0
    }
}

.price-action__button {
    padding-right: 18px;
    padding-left: 18px;
    font-size: 16px;
    border-radius: 8px
}

@media screen and (max-width: 1280px) {
    .price-action__button {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 16px
    }
}

@media screen and (max-width: 1024px) {
    .price-action__button {
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
        line-height: 1.2;
        font-size: 14px
    }
}

@media screen and (max-width: 840px) {
    .price-action__button {
        padding-right: 6px;
        padding-left: 6px;
        font-size: 14px
    }
}

@media screen and (max-width: 600px) {
    .price-action__button {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        font-size: 12px;
        border-radius: 0
    }
}

@media screen and (max-width: 480px) {
    .price-action__button {
        font-size: 10px
    }
}

.preloader-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: url("../i/bitmapped/gearcogs.png") center center no-repeat;
    animation: animatedCog 10s linear infinite
}

@keyframes animatedCog {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.content .title-info {
    padding-top: 50px;
    padding-bottom: 200px;
    text-align: center;
    line-height: 1.25;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 43px;
    font-weight: 100
}

.columns__row {
    -webkit-display: flex;
    display: flex;
    margin: 0 -24px;
    padding: 0 0 60px
}

@media screen and (max-width: 840px) {
    .columns__row {
        display: block;
        margin: 0
    }
}

.columns__row--reset-spacing {
    padding: 0
}

.columns__row--small-spacing {
    padding-bottom: 20px
}

.columns__col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px
}

@media screen and (max-width: 840px) {
    .columns__col {
        padding: 0
    }
}

.columns__col--align--center {
    display: flex;
    justify-content: center
}

.columns__col_sidebar {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
    padding-right: 20px
}

@media screen and (max-width: 840px) {
    .columns__col_sidebar {
        width: 100%;
        padding-bottom: 40px
    }
}

.columns__col_pseudo-sidebar {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%
}

@media screen and (max-width: 840px) {
    .columns__col_pseudo-sidebar {
        width: 100%;
        padding-bottom: 40px
    }
}

.columns__col--content {
    position: relative;
    width: 100%
}

.columns__content {
    position: relative;
    width: 100%
}

.video-container {
    position: relative;
    clear: both;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden
}

.video-container__align__left,
.video-container__align__right {
    width: 50%;
    padding-bottom: 25%
}

@media screen and (max-width: 480px) {

    .video-container__align__left,
    .video-container__align__right {
        width: 100%;
        padding-bottom: 56.25%
    }
}

.video-container__align__left {
    float: left;
    margin: 0 24px 24px 0
}

@media screen and (max-width: 480px) {
    .video-container__align__left {
        float: none;
        width: 100%;
        margin: 24px auto
    }
}

.video-container__align__right {
    float: right;
    margin: 0 0 24px 24px
}

@media screen and (max-width: 480px) {
    .video-container__align__right {
        float: none;
        width: 100%;
        margin: 24px auto
    }
}

.video-container__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.text--color--mute {
    color: #777777
}

.link--color--mute {
    color: #777777
}

.link--color--mute:hover {
    color: #5e5d5d
}

.cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2147483645;
    box-sizing: border-box;
    width: 100%;
    background-color: #f1f4f6;
    display: none
}

.cookie-consent-banner__inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 32px
}

.cookie-consent-banner__copy {
    margin-bottom: 16px
}

.cookie-consent-banner__header {
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}

.cookie-consent-banner__description {
    font-weight: normal;
    color: #838F93;
    font-size: 16px;
    line-height: 24px
}

.icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.brand-figure-about {
    position: relative;
    z-index: 1;
    height: 328px;
    margin-top: -30px;
    margin-bottom: -1px;
    overflow: hidden;
    background: url("../i/svg/brand-figure-about.svg") no-repeat 50% 100%
}

@media (max-width: 1024px) {
    .brand-figure-about {
        margin-top: 0
    }
}

.footer {
    position: relative;
    padding: 40px 0 24px;
    color: #ffffff;
    background: #000C51;
    -webkit-font-smoothing: antialiased
}

.footer small {
    font-size: inherit
}

.footer::after {
    content: "";
    position: absolute;
    top: -11px;
    right: 0;
    left: 0;
    height: 12px;
    background: #000C51
}

.footer__row {
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .footer__row {
        margin-bottom: 32px
    }
}

.footer__row:last-child {
    margin-bottom: 0
}

.footer-main-info {
    display: flex;
    justify-content: space-between;
    gap: 24px
}

@media (max-width: 880px) {
    .footer-main-info {
        gap: 32px;
        flex-direction: column;
        justify-content: flex-start
    }
}

.footer-main-info__group {
    display: flex;
    align-items: center;
    gap: 24px
}

@media (max-width: 880px) {
    .footer-main-info__group {
        gap: 32px;
        flex-direction: column;
        align-items: flex-start
    }
}

.footer-main-nav {
    display: flex;
    flex-wrap: wrap
}

.footer-main-nav__link {
    padding: 10px 16px;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none
}

.footer-main-nav__link:hover {
    color: #ffffff;
    text-decoration: underline
}

.footer-section__title {
    margin: 0 0 24px;
    padding: 0 0 10px;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 2px solid currentColor
}

.footer-section__content {
    display: flex;
    justify-content: space-between
}

@media (max-width: 880px) {
    .footer-section__content {
        flex-direction: column
    }
}

.footer-section__block {
    box-sizing: border-box;
    padding: 0 24px 24px 0
}

.footer-section__block_solution-width_default {
    flex: 0 0 20%;
    padding: 0
}

.footer-section__block_solution-width_large {
    flex: 0 0 40%;
    padding: 0
}

@media screen and (max-width: 880px) {
    .footer-section__block {
        flex: 0 0 100%;
        padding: 0 24px 48px 0
    }

    .footer-section__block:last-child {
        padding-bottom: 24px
    }
}

.extend-link-block__title {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.42
}

.extend-link-block__link {
    color: currentColor;
    text-decoration: none
}

.extend-link-block__link:hover {
    color: #ffffff;
    text-decoration: underline
}

.extend-link-block__description {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7)
}

.extended-footer-list__title {
    margin: 0 0 16px;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase
}

.extended-footer-list__list_column_2 {
    columns: 2
}

@media screen and (max-width: 880px) {
    .extended-footer-list__list_column_2 {
        columns: 1
    }
}

.extended-footer-list__item {
    margin: 0 0 32px;
    padding: 0 16px 0 0
}

.extended-footer-list__item:last-child {
    margin-bottom: 0
}

.extended-footer-list__link {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42;
    color: currentColor;
    text-decoration: none
}

.extended-footer-list__link:hover {
    color: #ffffff;
    text-decoration: underline
}

.footer-additional-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    font-size: 14px
}

@media screen and (max-width: 880px) {
    .footer-additional-info {
        flex-direction: column
    }
}

.footer-additional-info__link {
    color: currentColor;
    text-decoration: none
}

.footer-additional-info__link:hover {
    color: #ffffff;
    text-decoration: underline
}

.logo-new {
    display: block;
    width: 200px
}

@media (max-width: 1024px) {
    .logo-new {
        width: 180px
    }
}

.logo-new__svg {
    color: #000C51;
    fill: #454545
}

.logo-new_theme_light .logo-new__svg {
    color: #fff;
    fill: #fff
}

.section-container {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px
}

@media (max-width: 1024px) {
    .section-container {
        padding: 0 16px
    }
}

.socials {
    display: flex;
    gap: 16px
}

.socials__link {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 8px;
    color: #000C51;
    text-decoration: none;
    background: #ffffff;
    border-radius: 32px
}

.wrap-footer {
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%, rgba(152, 223, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%)
}

.wrap-footer_old-design {
    padding-top: 11px
}

.wrap-footer_old-design.wrap-footer_with-figure {
    padding-top: 40px
}

.group-buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.group-buttons_align_center {
    justify-content: center
}

.button {
    box-sizing: border-box;
    min-height: 53px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.16;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: #000C51;
    border: none;
    border-radius: 8px;
    cursor: pointer
}

.button:hover,
.button:focus {
    color: #ffffff;
    text-decoration: none
}

.button__icon_svg-monitor {
    width: 24px;
    height: 24px
}

.button__icon_svg-login {
    width: 22px;
    height: 22px
}

.button__icon_svg-mobile-nav {
    width: 24px;
    height: 20px
}

.button_theme_secondary {
    background: #FF9800
}

.button_theme_tertiary {
    background: #5FC330
}

.button_theme_light {
    color: #000C51;
    background: #ffffff
}

.button_theme_light:hover,
.button_theme_light:focus {
    color: #000C51
}

.button_theme_dark {
    background: #454545
}

@media (max-width: 1280px) {
    .button_adaptive-mobile {
        width: 40px;
        min-height: 40px;
        padding: 8px
    }
}

.button_adaptive-mobile .button__icon {
    display: none
}

@media (max-width: 1280px) {
    .button_adaptive-mobile .button__icon {
        display: block
    }
}

@media (max-width: 1280px) {
    .button_adaptive-mobile .button__text {
        display: none
    }
}

@media (max-width: 768px) {
    .button_special_header {
        width: 40px;
        height: 40px;
        min-height: 0
    }
}

.header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    -webkit-font-smoothing: antialiased
}

.header__main {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    border-bottom: 1px solid #E0F2FB
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    gap: 16px
}

@media (max-width: 1280px) {
    .header__block_nav {
        position: fixed;
        top: 101px;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        transform: translateX(-100%);
        overflow: auto;
        background: #ffffff;
        transition: transform 0.3s
    }
}

.header__block_mobile-nav-active {
    transform: translateX(0)
}

.header__user-buttons {
    display: flex;
    gap: 16px
}

@media (max-width: 1280px) {
    .header__user-buttons {
        gap: 8px
    }
}

.header__mobile-toggle-nav {
    display: none
}

@media (max-width: 1280px) {
    .header__mobile-toggle-nav {
        display: block
    }
}

.header__subnav-section {
    position: absolute;
    top: -100%;
    right: 0;
    left: 0;
    transition: top 0.3s
}

.header__subnav-section_open {
    top: 100%
}

.button-toggle-nav {
    position: relative;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    color: #ffffff;
    background: #454545;
    border-radius: 8px;
    border: none;
    cursor: pointer
}

.button-toggle-nav:focus {
    outline: none
}

.button-toggle-nav__icon-close {
    display: none
}

.button-toggle-nav__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px
}

.button-toggle-nav__icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.button-toggle-nav_active .button-toggle-nav__icon-default {
    display: none
}

.button-toggle-nav_active .button-toggle-nav__icon-close {
    display: block
}

.main-nav-new {
    display: flex;
    font-size: 18px
}

@media (max-width: 1280px) {
    .main-nav-new {
        display: block
    }
}

.main-nav-new__link,
.main-nav-new__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 16px;
    font-weight: 500;
    color: #454545;
    text-decoration: none;
    vertical-align: top
}

.main-nav-new__link:focus,
.main-nav-new__button:focus {
    outline: none
}

.main-nav-new__link:hover,
.main-nav-new__button:hover {
    color: #000C51;
    text-decoration: none
}

.main-nav-new__link::after,
.main-nav-new__button::after {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    bottom: -30px;
    left: 0
}

@media (max-width: 1280px) {

    .main-nav-new__link::after,
    .main-nav-new__button::after {
        content: none
    }
}

@media (max-width: 1280px) {

    .main-nav-new__link,
    .main-nav-new__button {
        width: 100%;
        padding: 21px 16px
    }
}

.main-nav-new__button {
    background: none;
    border: none
}

.main-nav-new__icon {
    display: block;
    width: 10px;
    height: 5px;
    margin: 0 0 0 8px;
    color: currentColor;
    transition: transform 0.3s
}

.main-nav-new__subnav {
    display: none
}

@media (max-width: 1280px) {
    .main-nav-new__subnav {
        display: block;
        box-sizing: border-box;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s
    }
}

@media (max-width: 1280px) {
    .main-nav-new__subnav-mobile-active {
        max-height: 2000px
    }
}

.main-nav-new__button_active .main-nav-new__icon {
    transform: rotate(180deg)
}

.main-nav-subnav {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.main-nav-subnav__list-with-description,
.main-nav-subnav__list-columns {
    display: flex;
    justify-content: center
}

@media (max-width: 1280px) {

    .main-nav-subnav__list-with-description,
    .main-nav-subnav__list-columns {
        display: block
    }
}

.main-nav-subnav__list-with-description {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

@media (max-width: 1366px) {
    .main-nav-subnav__list-with-description {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 1280px) {
    .main-nav-subnav__list-with-description {
        display: block
    }
}

.main-nav-subnav__item {
    padding: 48px 32px
}

@media (max-width: 1280px) {
    .main-nav-subnav__item {
        padding: 16px
    }
}

@media (max-width: 1366px) {
    .main-nav-subnav__list-with-description .main-nav-subnav__item {
        padding: 16px
    }
}

.main-nav-subnav__link {
    display: block;
    box-sizing: border-box;
    margin: 0 0 8px;
    font-weight: 500;
    font-size: 14px;
    color: #454545;
    text-decoration: none
}

@media (max-width: 1280px) {
    .main-nav-subnav__link {
        width: 100%
    }
}

.main-nav-subnav__link:hover {
    color: #000C51
}

.main-nav-subnav__description {
    font-size: 12px
}

.main-nav-subnav__category {
    padding: 24px 32px 0;
    font-size: 12px;
    color: #000C51;
    text-transform: uppercase
}

@media (max-width: 1280px) {
    .main-nav-subnav__category {
        padding: 24px 16px 0
    }
}

.main-nav-subnav__sublist {
    display: flex
}

@media (max-width: 1280px) {
    .main-nav-subnav__sublist {
        display: block
    }
}

.main-nav-subnav__sublist-column {
    width: 288px
}

@media (max-width: 1439px) {
    .main-nav-subnav__sublist-column {
        width: 240px
    }
}

@media (max-width: 1280px) {
    .main-nav-subnav__sublist-column {
        width: auto
    }
}

.main-nav-subnav__sublist-item {
    padding: 16px 32px
}

@media (max-width: 1280px) {
    .main-nav-subnav__sublist-item {
        padding: 16px
    }
}

.main-nav-subnav__sublist-link {
    font-weight: 500;
    color: #454545;
    text-decoration: none
}

.main-nav-subnav__sublist-link:hover {
    color: #000C51;
    text-decoration: none
}

.intro-brands {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    opacity: 0.8
}

html {
    overflow-x: hidden
}

.bg-gray {
    background-color: #eff1f3 !important
}

.row {
    flex-wrap: wrap
}

.row>div {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .col-sm-6 {
        flex: 0 0 50%
    }
}

@media (min-width: 1200px) {
    .col-lg-4 {
        flex: 0 0 33.3333333333%
    }
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.text-white {
    color: #fff !important
}

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

.d-flex {
    display: flex !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.flex-col {
    flex-direction: column !important
}

.h-full {
    height: 100% !important
}

.align-items-center {
    align-items: center
}

.solution-page {
    overflow: hidden
}

.solution-page .py-5 {
    padding-top: 5rem;
    padding-bottom: 2rem
}

.solution-page a {
    text-decoration: none
}

.solution-page .text-lg {
    font-size: 16px
}

.solution-page .text-3xl {
    font-size: 23px
}

.solution-page .bg-primary {
    background-color: #000C51 !important
}

.solution-page .bg-white {
    background-color: #fff !important
}

.solution-page .overflow-hidden {
    overflow: hidden !important
}

.solution-page section {
    position: relative
}

.solution-page .svg-bottom {
    position: absolute;
    width: 100%;
    bottom: -3px;
    left: 0
}

.solution-page .row-bg {
    margin-right: -20px;
    margin-left: -20px
}

.solution-page .row-bg>[class*="col-"] {
    padding-left: 20px;
    padding-right: 20px
}

.solution-page .heading {
    margin-top: 10rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem
}

.solution-page h1 {
    line-height: 1.2
}

.solution-page h2 {
    font-size: 2.7rem
}

.solution-page h3 {
    margin-bottom: 2rem;
    font-size: 1.7rem;
    line-height: 1.3
}

.solution-page h4 {
    margin-top: 0
}

.solution-page .list {
    padding-left: 0;
    list-style: none
}

.solution-page .list-item {
    position: relative;
    padding-left: 45px;
    margin-bottom: 10px
}

.solution-page .svg-check-icon {
    position: absolute;
    left: 0;
    top: -4px
}

.solution-page .btn {
    background-color: #53c3f7;
    padding: 15px 35px;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: none
}

.solution-page .btn-secondary {
    background-color: #ff9800;
    color: #fff;
    border-color: #ff9800
}

.solution-page .btn-secondary:hover {
    border-color: #ff9800
}

.solution-page .promo-section {
    padding: 11rem 0 12rem;
    z-index: 5
}

.solution-page .promo-section h2 {
    margin-bottom: 4rem
}

.solution-page .promo-section .btn-trial {
    margin-left: 1.5rem
}

.solution-page .promo-section svg {
    width: calc(194% + 1.3px);
    height: 125px;
    position: absolute
}

.solution-page .promo-section svg:first-child {
    transform: rotate(180deg);
    top: -8.7rem
}

.solution-page .info-box {
    height: 100%;
    border-radius: 20px;
    background-color: #fff
}

.solution-page .info-box .icon {
    margin-bottom: 1.5rem
}

.solution-page .card {
    padding: 4rem;
    border-radius: 20px
}

.solution-page .card h4 {
    margin-top: 0
}

.solution-page .card img {
    display: block;
    max-width: 150px;
    margin: 20px 0
}

.solution-page .info-box-container {
    margin-top: -14rem
}

.solution-page .box-shadow {
    box-shadow: 0 20px 60px 0 rgba(27, 27, 27, 0.18)
}

.solution-page .icon {
    position: relative
}

.solution-page .icon .float-img {
    position: absolute;
    right: 6px;
    top: 20px
}

.solution-page .svg-icon-white {
    fill: #fff
}

.solution-page .icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 110px
}

.solution-page .svg-corner-bottom,
.solution-page .svg-corner-top {
    position: absolute;
    width: 100%;
    left: 0
}

.solution-page .svg-corner-top {
    top: 0
}

.solution-page .svg-corner-bottom {
    bottom: 0
}

.solution-page .padding-bg {
    padding: 14rem 0 11rem
}

.solution-intro-section {
    padding-top: 100px;
    min-height: 780px;
    background-image: linear-gradient(180deg, rgba(27, 27, 27, 0.85), rgba(27, 27, 27, 0.85)), url("../i/assets/images/slides/slide-2.png"), linear-gradient(180deg, #1b1b1b, #1b1b1b);
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, cover, auto;
    background-repeat: repeat, no-repeat, repeat
}

.solution-intro-section .capterra-mark {
    margin-left: -2rem
}

.solution-intro-section .muted-icon {
    filter: grayscale(1);
    opacity: 0.6
}

.solution-intro-section p {
    margin-bottom: 4rem
}

.solution-intro-section .btn-trial {
    margin-left: 1.5rem
}

.solution-page .info-box {
    padding: 3rem
}

.solution-review-section {
    padding: 0 0 16rem;
    background-image: linear-gradient(180deg, rgba(27, 27, 27, 0.85), rgba(27, 27, 27, 0.85)), url("../i/assets/images/slides/slide-2.png"), linear-gradient(180deg, #1b1b1b, #1b1b1b);
    background-position: 0 0, 0 0, 0 0;
    background-size: auto, cover, auto;
    background-repeat: repeat, no-repeat, repeat
}

.solution-review-section .svg-horizon {
    top: -5rem;
    transform: rotate(180deg)
}

.solution-review-section .section-container {
    margin-top: -11rem
}

.solution-review-section>svg {
    position: relative;
    margin-top: -3px;
    z-index: 1
}

.solution-tab-section {
    padding: 7rem 0
}

.solution-tab-section .icon-bg {
    width: 60px;
    height: 60px
}

.solution-tab-section .info-box {
    padding: 1rem 3rem;
    box-shadow: none
}

.solution-tab-section .info-box-details {
    text-align: center
}

.solution-tab-section .info-box-details h4 {
    margin-bottom: 0 !important;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.solution-tab-section .wrap {
    position: relative;
    width: 100%;
    min-width: auto
}

.solution-tab-section .slider {
    position: absolute;
    left: 0;
    top: 0;
    background: #000C51;
    height: 60px;
    width: 100%;
    border-radius: 16px
}

.solution-tab-section .tabs-block {
    display: flex;
    padding: 0;
    flex-direction: row;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.solution-tab-section .tab-menu {
    position: sticky;
    top: 6rem
}

.solution-tab-section .tab-menu li {
    text-align: center;
    margin: 0;
    padding: 17px 15px 16px;
    flex: auto;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    list-style: none;
    border-radius: 20px 20px 0 0;
    user-select: none
}

.solution-tab-section .tab-menu li.active {
    color: #fff
}

.solution-tab-section .article-block {
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
    border-radius: 24px;
    min-height: 631px;
    height: 631px
}

.solution-tab-section .article {
    position: absolute;
    width: 100%;
    padding: 40px;
    left: 0;
    top: 0;
    line-height: 1.5;
    overflow: hidden
}

.solution-tab-section.tab-vertical .tabs-block {
    display: block
}

.solution-tab-section.tab-vertical li {
    text-align: start
}

.grid {
    display: grid
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.col-span-4 {
    grid-column: span 4 / span 4
}

.col-span-6 {
    grid-column: span 6 / span 6
}

.col-span-8 {
    grid-column: span 8 / span 8
}

.gap-4 {
    gap: 1rem
}

.gap-8 {
    gap: 2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif
}

@media (max-width: 1400px) {
    .solution-review-section .section-container {
        margin-top: -7rem
    }
}

@media (max-width: 1200px) {
    .solution-review-section .section-container {
        margin-top: -4rem
    }

    .solution-tab-section .col-lg-3,
    .solution-tab-section .col-lg-9 {
        padding: 0 15px;
        width: 100%;
        flex: 0 0 100%
    }

    .solution-tab-section .article-block {
        min-height: auto
    }

    .solution-tab-section .info-box {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 991px) {
    .solution-review-section .section-container {
        margin-top: 0
    }

    .solution-page h1 {
        font-size: 3.4rem
    }

    .solution-page .heading {
        margin-top: 7rem
    }

    .solution-page h2 {
        font-size: 2.7rem
    }

    .solution-page .banners .col-md-5 {
        order: 2
    }

    .solution-page .banners .col-md-7 {
        order: 1
    }
}

@media (max-width: 767px) {
    .solution-page h1 {
        font-size: 3rem
    }

    .solution-tab-section {
        padding-top: 4rem
    }

    .solution-intro-section {
        padding-top: 175px
    }

    .solution-page+.footer {
        padding-top: 2rem
    }
}

@media (max-width: 575px) {
    .col-12 {
        width: 100%;
        flex: 0 0 100%
    }

    .solution-page .promo-section {
        padding: 7rem 0
    }

    .solution-review-section .section-container {
        margin-top: 3rem
    }

    .solution-review-section {
        padding-bottom: 12rem
    }

    .solution-page .btn {
        padding: 15px 20px
    }

    .solution-intro-section br {
        display: none
    }

    .solution-intro-section .btn-trial {
        margin-left: 1rem
    }

    .heading br {
        display: none
    }

    .solution-tab-section .grid .col-span-4 {
        grid-column: span 6 / span 6
    }

    .promo-section h2 {
        font-size: 2rem
    }
}

@media (max-width: 480px) {
    .solution-page {
        margin-top: -2rem
    }
}

.security-page h2 {
    font-weight: 500;
    font-size: 40px
}

.security-page h3 {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1.3
}

.security-page h3+p {
    margin-bottom: 2rem;
    font-size: 18px
}

.security-page .section-title {
    margin-bottom: 2.5rem
}

.security-page .app-security {
    margin: 25px 0
}

.security-page .heading {
    max-width: 1000px;
    margin: 0 auto 5rem
}

.security-page .details-content ul {
    padding-left: 0;
    list-style: none
}

.security-page .list-item {
    position: relative;
    padding-left: 45px;
    margin-bottom: 10px
}

.security-page .svg-check-icon {
    position: absolute;
    left: 0;
    top: -4px
}

.security-page .svg-corner-bottom,
.security-page .svg-corner-top {
    position: absolute;
    width: 100%;
    left: 0
}

.security-page .svg-corner-top {
    top: 0
}

.security-page .svg-corner-bottom {
    bottom: 0
}

.security-page section {
    position: relative
}

.security-page .logo-section {
    margin-bottom: 80px
}

.security-page .logo-section .logo-image {
    object-fit: cover
}

.security-page .padding-bg {
    padding: 12rem 0 10rem
}

.security-box-container {
    padding: 6rem 0
}

.security-page .book-button {
    padding: 13px 25px;
    border-color: #000C51;
    background-color: #000C51;
    color: #fff;
    font-size: 18px;
    transition: color 0.3s
}

.security-page .book-button:hover {
    border-color: #37b5ee;
    background-color: #37b5ee
}

@media (min-width: 1200px) {
    .logo-section .col-lg-3 {
        width: 20% !important
    }
}

.shadow {
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    transition: box-shadow 0.3s
}

.shadow.presentation-image {
    border: 14px solid #eff1f3;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.7);
    object-fit: cover
}

.shadow:hover {
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.7)
}

.security-box {
    padding: 3rem;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2)
}

.security-box ul {
    padding-left: 0
}

@media (max-width: 1200px) {
    .what__is .columns__row .sidebar:last-child {
        display: none
    }

    .mdl-cell--5-cols {
        width: 25%
    }
}

@media (max-width: 991px) {
    .what__is .mobile__sidebar {
        transform: translateX(-320px)
    }

    .open-sidebar .what__is .mobile__sidebar {
        transform: translateX(-20px)
    }

    .mdl-grid {
        padding: 0
    }

    .mdl-cell--5-cols {
        width: 33.33%
    }
}

@media (max-width: 960px) {
    .mdl-button--fab.mdl-button--mini-fab {
        height: 45px;
        min-width: 45px
    }
}

@media (max-width: 768px) {
    .mdl-cell--5-cols {
        width: 50%
    }
}

@media (max-width: 480px) {
    .mdl-cell--5-cols {
        width: 100%
    }
}

.mdl-cell--5-cols,
.mdl-cell--5-cols-desktop {
    width: 20%
}

.scenarios-card--remote-workers {
    background-image: url(../i/bitmapped/scenarios/workforce.jpg)
}

.scenarios-card--remote-workers .scenarios-card__svg {
    width: 50px;
    height: 50px
}

.scenarios-card--user-behavior {
    background-image: url(../i/bitmapped/scenarios/user-behavior.jpg)
}

.scenarios-card--user-behavior .scenarios-card__svg {
    width: 60px;
    height: 60px
}

.scenarios .scenarios-card {
    text-decoration: none;
    transition: filter 0.3s
}

.scenarios .scenarios-card:hover {
    filter: brightness(1.5)
}

.scenarios .scenarios-card:hover .scenarios-card__image {
    transform: translateY(-10px)
}

.scenarios .scenarios-card .scenarios-card__image {
    transition: transform 0.3s
}

.scenarios-card__block .scenarios-card__title {
    text-decoration: none;
    cursor: pointer
}

.scenarios-card--insider-threats .scenarios-card__title {
    color: #4caf50 !important
}

.scenarios-card--productivity-optimization .scenarios-card__title {
    color: #fd9b2d !important
}

.scenarios-card--remote-workers .scenarios-card__title {
    color: #13d2fa !important
}

.scenarios-card--user-behavior .scenarios-card__title {
    color: #f4bf08 !important
}

@media print {

    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-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
    }
}