body {
    background-color: #F5F5F5;
    margin: 0;
}

.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;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

p {
    font-family: Roboto, sans-serif;
    line-height: 1.5;
    margin: 0;
}

#container {
    width: 100%;
    max-width: 768px;
    min-height: calc(100vh - 64px);
    margin: 0 auto;
    padding: 64px 0 0 0;
    background-color: #FAFAFA;
}

footer.mdc-base-app-bar + div#container {
    min-height: calc(100vh - 136px);
    padding: 64px 0 72px 0;
}


/*FAB start*/

.mdc-fab {
    background-color: #FC5B62;
}

@supports not (-ms-ime-align:auto) {
    .mdc-fab {
        background-color: var(--mdc-theme-secondary, #FC5B62)
    }
}

.app-fab--absolute {
    position: fixed;
    bottom: 88px;
    right: 16px;
}


/*FAB end*/


/*DRAWER start*/

.mdc-drawer__left {
    display: none;
    position: fixed;
    border: none;
    background-color: initial;
    width: calc(((100% - 768px) / 2) - 32px);
    width: 256px;
    max-width: 256px;
    height: calc(100% - 136px);
    top: 64px;
    right: calc(50% + 414px);
    box-shadow: none;
}

.mdc-drawer__left .mdc-list-item:nth-child(1) {
    margin-top: 0
}

.mdc-drawer__left .mdc-list-divider {
    margin: 4px 8px;
}


/*DRAWER end*/


/*GRID LIST start*/

.mdc-layout-grid .mdc-list-item__graphic {
    color: rgba(0, 0, 0, 0.6)
}

.mdc-layout-grid .mdc-list-item {
    color: rgba(0, 0, 0, 0.87)
}

.mdc-layout-grid .mdc-list-item {
    border-radius: 4px
}

.mdc-layout-grid .mdc-list-item {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .00714em;
    text-decoration: inherit;
    text-transform: inherit;
    height: calc(48px - 2 * 4px);
    margin: 0;
    padding: 0 8px
}

.mdc-layout-grid .mdc-list-item__text,
.mdc-layout-grid .mdc-list-item__graphic {
    pointer-events: none
}


/*GRID LIST end*/


/*LIST start*/

.mdc-drawer__left .mdc-list {
    padding: 16px 0 0 0;
}


/*LIST end*/


/*BUTTON start*/

.mdc-button::before,
.mdc-button::after {
    background-color: /*#000*/
    #FC5B62
}

@supports not (-ms-ime-align: auto) {
    .mdc-button::before,
    .mdc-button::after {
        background-color: var(--mdc-theme-primary, /*#000*/
        #FC5B62)
    }
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    background-color: #FC5B62
}

@supports not (-ms-ime-align: auto) {
    .mdc-button--raised:not(: disabled), .mdc-button--unelevated:not(: disabled) {
        background-color: var(--mdc-theme-primary, #FC5B62)
    }
}

.mdc-button--unelevated:not(:disabled).facebook {
    background-color: #3b5998/*#3B5998*/
    ;
}

.mdc-button--unelevated:not(:disabled).google {
    background-color: #dd4b39/*#DC4E41*/
    ;
}

.mdc-button--unelevated:not(:disabled).microsoft {
    background-color: #0078d7/*#0067B8*/
    ;
}

.mdc-button--unelevated:not(:disabled).twitter {
    background-color: #1da1f2/*#0067B8*/
    ;
}

.mdc-button:nth-child(2) {
    margin: 0 0 0 16px;
}

.mdc-button--fullwidth {
    width: 100%
}


/*BUTTON end*/


/*ADVERT start*/

.advert__right {
    display: none;
    width: auto;
    height: auto;
    z-index: 3;
    position: fixed;
    top: 80px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    left: calc(50% + 370px)
}


/*ADVERT end*/


/*CARD start*/


/*.mdc-button.mdc-card__action.mdc-card__action--button {
    color: rgba(0, 0, 0, 0.78);
}

.mdc-button.mdc-card__action.mdc-card__action--button i.mdc-button__icon {
    color: rgba(0, 0, 0, 0.6);
}*/

.mdc-card__primary {
    padding: 16px;
    color: rgba(0, 0, 0, 0.87);
}

.mdc-card__secondary {
    padding: 0 16px 8px 16px;
    color: rgba(0, 0, 0, 0.87);
}

.mdc-card__title {
    margin: 0;
}


/*CARD end*/


/*TYPOGRAPHY start*/

.mdc-card__title.mdc-typography--headline6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}

.mdc-card__subtitle.mdc-typography--subtitle2 {
    margin: 0;
}


/*TYPOGRAPHY end*/


/*GRID start*/

@media (min-width: 720px) {
    .mdc-layout-grid {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 24px;
        padding: var(--mdc-layout-grid-margin-large-tablet, 16px)
    }
}

@media (min-width:480px) and (max-width:719px) {
    .mdc-layout-grid {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 16px;
        padding: var(--mdc-layout-grid-margin-tablet, 16px)
    }
}

@media (min-width:720px) {
    .mdc-layout-grid__inner {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        margin: -8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)
    }
    @supports (display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 16px;
            grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }
}

@media (min-width:480px) and (max-width:719px) {
    .mdc-layout-grid__inner {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        margin: -8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)
    }
    @supports (display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 16px;
            grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }
}

@media (min-width:720px) {
    .mdc-layout-grid__cell {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-large-tablet, 16px));
        box-sizing: border-box;
        margin: 8px;
        margin: calc(var(--mdc-layout-grid-gutter-large-tablet, 16px) / 2)
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4;
            margin: 0
        }
    }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-large-tablet {
        width: calc(12.5% - 16px);
        width: calc(12.5% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-large-tablet {
            width: auto;
            grid-column-end: span 1
        }
    }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-large-tablet {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-large-tablet {
            width: auto;
            grid-column-end: span 2
        }
    }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-large-tablet {
        width: calc(37.5% - 16px);
        width: calc(37.5% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-large-tablet {
            width: auto;
            grid-column-end: span 3
        }
    }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-large-tablet {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-large-tablet {
            width: auto;
            grid-column-end: span 4
        }
    }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-large-tablet {
        width: calc(62.5% - 16px);
        width: calc(62.5% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-large-tablet {
            width: auto;
            grid-column-end: span 5
        }
    }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-large-tablet {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-large-tablet {
            width: auto;
            grid-column-end: span 6
        }
    }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-large-tablet {
        width: calc(87.5% - 16px);
        width: calc(87.5% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-large-tablet {
            width: auto;
            grid-column-end: span 7
        }
    }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-large-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-large-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-large-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }
}

@media (min-width:480px) and (max-width:719px) {
    .mdc-layout-grid__cell {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
        box-sizing: border-box;
        margin: 8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2)
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4;
            margin: 0
        }
    }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-tablet {
        width: calc(12.5% - 16px);
        width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-tablet {
            width: auto;
            grid-column-end: span 1
        }
    }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-tablet {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-tablet {
            width: auto;
            grid-column-end: span 2
        }
    }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-tablet {
        width: calc(37.5% - 16px);
        width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-tablet {
            width: auto;
            grid-column-end: span 3
        }
    }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-tablet {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-tablet {
            width: auto;
            grid-column-end: span 4
        }
    }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-tablet {
        width: calc(62.5% - 16px);
        width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-tablet {
            width: auto;
            grid-column-end: span 5
        }
    }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-tablet {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-tablet {
            width: auto;
            grid-column-end: span 6
        }
    }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-tablet {
        width: calc(87.5% - 16px);
        width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-tablet {
            width: auto;
            grid-column-end: span 7
        }
    }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }
    @supports (display:grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }
}

@media (min-width:720px) {
    .mdc-layout-grid--fixed-column-width {
        width: 720px;
        width: calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)
    }
}

@media (min-width:480px) and (max-width:719px) {
    .mdc-layout-grid--fixed-column-width {
        width: 720px;
        width: calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)
    }
}

.mdc-logo-bar {
    background-color: #fff;
    display: flex;
    position: relative/*static*/
    ;
    box-sizing: border-box;
    width: 100%;
    height: 72px;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    justify-content: center;
    align-items: center;
    color: #FC5B62;
    z-index: 3;
}


/*GRID end*/


/*TOP APP BAR start*/

.mdc-top-app-bar {
    background-color: #FC5B62;
    background-color: var(/*--mdc-theme-primary,*/
    #FC5B62);
    align-items: center;
}

.mdc-top-app-bar__row {
    height: 64px;
    max-width: 768px;
}

.mdc-top-app-bar__section {
    justify-content: space-between;
}

.mdc-top-app-bar__section:first-child,
.mdc-top-app-bar__section:nth-child(2) {
    display: none;
}

.mdc-top-app-bar__section:only-child {
    display: inherit;
    justify-content: flex-start;
}

.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
    color: #fff;
    color: var(/*--mdc-theme-on-primary*/
    , #fff)
}

.mdc-top-app-bar__navigation-icon:after,
.mdc-top-app-bar__navigation-icon:before {
    top: 0%;
    left: 0%;
}

.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top, 0%);
    left: var(--mdc-ripple-left, 0%);
}

.mdc-top-app-bar__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    padding-left: 20px;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

.mdc-top-app-bar__logo,
.mdc-logo-bar span {
    font-family: 'Baloo', cursive;
    font-size: 2rem;
    line-height: 3rem;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}

.mdc-top-app-bar__logo {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.mdc-top-app-bar__logo::after,
.mdc-logo-bar span::after {
    content: "TripClever";
}


/*TOP APP BAR end*/


/*BASE APP BAR start*/

.mdc-base-app-bar {
    display: flex;
    position: fixed;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    z-index: 4;
    align-items: center;
}

.mdc-base-app-bar {
    bottom: 0;
    color: rgba(0, 0, 0, 0.54);
    background-color: #FFFFFF;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .12);
}

.mdc-base-app-bar__row {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 72px;
    max-width: 768px;
}

.mdc-base-app-bar__section {
    display: inline-flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    padding: 16px 12px;
    z-index: 1;
    justify-content: space-between;
}

.mdc-base-app-bar__section--buttons {
    justify-content: flex-start;
    padding: 14px 16px;
}

.mdc-base-app-bar .mdc-base-app-bar__action-item {
    color: rgba(0, 0, 0, 0.6)/*rgba(0, 0, 0, 0.54)*/
    ;
    color: var(/*--mdc-theme-on-primary*/
    , rgba(0, 0, 0, 0.6))
}

.mdc-base-app-bar .mdc-base-app-bar__action-item:after,
.mdc-base-app-bar .mdc-base-app-bar__action-item:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-base-app-bar .mdc-base-app-bar__action-item:after,
    .mdc-base-app-bar .mdc-base-app-bar__action-item:before {
        background-color: var(/*--mdc-theme-on-primary*/
        , #000)
    }
}

.mdc-base-app-bar .mdc-base-app-bar__action-item:hover:before {
    opacity: .04
}

.mdc-base-app-bar .mdc-base-app-bar__action-item.mdc-ripple-upgraded--background-focused:before,
.mdc-base-app-bar .mdc-base-app-bar__action-item:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-base-app-bar .mdc-base-app-bar__action-item:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-base-app-bar .mdc-base-app-bar__action-item:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-base-app-bar .mdc-base-app-bar__action-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .32
}

.mdc-base-app-bar__action-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity;
    display: flex;
    position: relative;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 12px;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.mdc-base-app-bar__action-item:after,
.mdc-base-app-bar__action-item:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-base-app-bar__action-item:before {
    transition: opacity 15ms linear;
    z-index: 1
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
    animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: .15s mdc-ripple-fg-opacity-out;
    animation: .15s mdc-ripple-fg-opacity-out;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-base-app-bar__action-item:after,
.mdc-base-app-bar__action-item:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded:after,
.mdc-base-app-bar__action-item.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top, 0%);
    left: var(--mdc-ripple-left, 0%);
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-base-app-bar__action-item.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-base-app-bar--prominent .mdc-base-app-bar__action-item {
    align-self: flex-start
}

.mdc-base-app-bar__action-item svg {
    height: 18px/*24px*/
    ;
    width: 18px/*24px*/
    ;
}


/*BASE APP BAR end*/


/*ROOT start*/

:root {
    --mdc-theme-primary: #FC5B62
    /*#6200ee*/
    ;
    --mdc-theme-secondary: #FC5B62
    /*#018786*/
    ;
    --mdc-theme-background: #fff;
    --mdc-theme-surface: #fff;
    --mdc-theme-on-primary: #fff;
    --mdc-theme-on-secondary: #fff;
    --mdc-theme-on-surface: #000;
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: #fff;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)
}


/*ROOT end*/

.top-shadow {
    background-color: #FC5B62;
    position: fixed;
    width: 100%;
    height: 64px;
    z-index: 2;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

@media (max-width:479px) {
    .mdc-button {
        flex: 1 0 auto;
    }
}

@media (max-width: 599px) {
    .mdc-top-app-bar__section {
        padding: 4px 12px;
    }
}

@media (min-width:600px) {
    .mdc-top-app-bar__section:first-child {
        display: inline-flex;
        flex-grow: initial;
        flex: 1;
        justify-content: flex-start;
    }
    .mdc-top-app-bar__section:nth-child(2) {
        display: inline-flex;
        flex-grow: initial;
        padding: 8px 0;
    }
    .mdc-top-app-bar__section:nth-child(3) {
        flex-grow: initial;
        flex: 1;
        justify-content: flex-end;
    }
    .mdc-top-app-bar__section:nth-child(3) .mdc-top-app-bar__navigation-icon:first-child {
        display: none;
    }
    .mdc-logo-bar {
        display: none;
    }
}

@media (min-width:768px) {
    .app-fab--absolute {
        right: calc(50% - 368px)
    }
}

@media (min-width: 1340px)
/* 256px + 768px + 316px = 1340px | Midpoint = 670px */

{
    #container {
        margin: 0 auto 0 calc(((100% - 1340px) / 2) + 256px);
    }
    .mdc-drawer {
        display: flex;
    }
    .mdc-top-app-bar__row {
        max-width: 828px;
    }
    .mdc-top-app-bar__row--fullwidth {
        max-width: 1340px;
    }
    .mdc-top-app-bar__row--fullwidth .mdc-top-app-bar__section:nth-child(2) {
        margin: 0 60px 0 0;
    }
    .mdc-top-app-bar__row--fullwidth .mdc-top-app-bar__navigation-icon {
        display: none;
    }
    .mdc-base-app-bar__row {
        max-width: 828px;
    }
    .mdc-base-app-bar__section {
        margin: 0 60px 0 0;
    }
    .advert__right {
        display: flex;
    }
    .app-fab--absolute {
        right: calc(50% - 338px)
    }
    .mdc-base-app-bar__action-item svg {
        height: 20px/*24px*/
        ;
        width: 20px/*24px*/
        ;
    }
}